:root {
	--clr-primary: #ffffff;
	--clr-podklad-formular: #76c9c7;
	--clr-biela: #ffffff;
	--clr-cierna: #000000;
	--clr-diamant: #2b95ff;
	--clr-zlato: gold;
	--clr-striebro: silver;
	--clr-siva: #d8d8d8;
	--clr-seda: #707070;
	--clr-bronz: #cd7f32;
	--clr-zemiak: brown;
	--clr-pismo-graf: #000000;
	--clr-pismo-obsah: #003435;
	--clr-pismo-zvyraznene: #ffff00;
	--clr-novinka: #00ff00;
	--clr-planovana: #ff045c;
	--clr-neuskutocnena: #039fd3;
	--clr-farba-h2-tmava: #00938c;
	--clr-tmava-zelena: #005254; 
	--clr-svetla-zelena: #42b3af;
	--clr-podklad-html: #d2eeed;
	--clr-bleda-zelena: #a2dbda;
	--clr-bledsia-zelena: #edf8f8;
	--clr-bleda2-zelena: #a4dbda;
	--clr-anchor-svetla: #ffb200; 
	--clr-anchor-tmava: #ff0000; 
	--clr-anchor-tmavsia: #b00000;
	--clr-anchor-seda: #e1e1e1;
	--clr-title-podklad: #003435;
	--clr-box-shadow-1: #606060;
	--box-shadow: 0 0 14px -6px #000;
	--box-shadow-jemne: 0 0 8px -4px #2c2c2c;
	--box-shadow-foto: 0 0 6px 0 #2c2c2c;
	--clr-text-shadow-1: 1px 1px 1px #000;
	--clr-text-shadow-2: 1px 1px 2px #000;
	--clr-text-shadow-3: 1px 1px 3px #000;
	--clr-text-shadow-4: 1px 1px 4px #000;
	--clr-text-shadow-5: 0 0 4px #000;
	--clr-text-shadow-6: 2px 2px 2px #000;
	--clr-text-shadow-7: 0 0 18px -4px #000;
	--clr-text-shadow-biela: 2px 2px 0 #fff;
	--clr-tien-obrazky: #373737;
	--clr-podklad-cierny: #000000;
	--clr-podklad-bledocerveny: #f79db4;
	--clr-zvyrazneny-text: #ffff00;
	--border-button: 1px solid #b5b5b5;
	--border-button-transparent: 1px solid transparent;
	--border-radius-1: 10px;
	--border-radius-2: 5px;
	--border-radius-3: 1rem;
	--transition-1: all 0.3s ease-in;
	--transition-menu: all 0.3s ease-in;
	--border-blok: 2px solid #6ea9aa;
	--border-blok-dneska: 2px solid #d65871;
	--font-size: 16px;
	}
html {
    background: var(--clr-podklad-html) url(/img/podklad_main.png) repeat center top
	}
body {
    font: normal var(--font-size) verdana, sans-serif;
    color: var(--clr-primary);
    position: relative
	}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	}

/* -------- LAYOUT START -------------------- */
.wraper {
	display: grid;
	height: 100vh;
	grid-template-columns: 1fr;
	grid-template-rows: min-content auto min-content;
	grid-template-areas:
		"header-top"
		"main"
		"footer";	
	/*color: var(--clr-pismo-obsah);*/
	position: relative
	}
main {
	display: grid;
	width: 100%;
	max-width: 1760px;
	max-width: 1680px;
	margin: 0 auto;
	grid-template-columns: 320px 1fr 260px;
	grid-template-rows: auto auto;
	grid-template-areas:
		"header-main header-main header-main"
		"left-aside content right-aside";
	grid-gap: 8px;
	grid-area: main;
	position: relative;
	color: var(--clr-pismo-obsah);
	}
.main-long {
	display: grid;
	width: 100%;
	max-width: 1760px;
	max-width: 1680px;
	margin: 0 auto;
	grid-template-columns: 320px 1fr;
	grid-template-rows: auto auto;
	grid-template-areas:
		"header-main header-main"
		"left-aside content";
	grid-gap: 8px;
	grid-area: main;
	position: relative;
	}	
.header-main {
	background: var(--clr-tmava-zelena);
    background: linear-gradient(to bottom, var(--clr-tmava-zelena) 0, var(--clr-svetla-zelena) 30%, var(--clr-svetla-zelena) 70%, var(--clr-tmava-zelena) 100%);
	grid-area: header-main;
	position: relative;
	display: flex;
	align-items: flex-end;
	gap: 8px;
	}
.content {
	grid-area: content;
	position: relative;
	}
.left-aside {
	grid-area: left-aside;
	color: var(--clr-primary);
	}
.right-aside {
	grid-area: right-aside;
	color: var(--clr-primary);
	}
footer {
	grid-area: footer;
	background: var(--clr-tmava-zelena);
	color: var(--clr-primary);
	margin-top: 8px;
	text-align: center;
	padding: .75rem; /* 10/16 = 10px */
	}
/* -------- LAYOUT END ---------------------- */
/* -------- HEADER MAIN START --------------- */
.search {
	width: 320px;
	z-index: 21; 
	font-size: 1rem;
	padding: 0 0 8px 8px;
	}
.h1 {
	width: auto;
	}
h1 {
    color: var(--clr-primary);
    font-size: 1.875rem;
    font-style: italic;
    text-align: left;
	margin: 1rem 1rem;
    line-height: normal;
    word-wrap: break-word;
    text-shadow: var(--clr-text-shadow-1);
	}
h1 .cervena,
p.blok .cervena {
	font-size: 1.6rem;
	}	
/* -------- HEADER MAIN END ----------------- */
/* -------- CONTENT LAYOUT START ------------ */
.flex-container {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
	}
.flex-column {
	flex-direction: column;
	}	
.blok-padding {
	padding: 0 8px 0;
	}
.flex-container-2 {
	display: flex;
	flex-wrap: wrap;
	padding: 8px;
	}
.flex-nowrap-nogap {
	display: flex;
	flex-wrap: nowrap;
	gap: 0;
	}
.graf-podklad {
	padding: 24px 0 0 0;
	}
.graf-podklad-popis	{
	color: var(--clr-primary);
	background: var(--clr-farba-h2-tmava);
	text-shadow: var(--clr-text-shadow-1);
	}
.legenda-podklad {
	margin-bottom: 8px;
	padding: 0;
	}
.graf-stupne {
	justify-content: space-around;
	align-items: flex-end;
	}
.graf-stupne > div {
	display: flex;
	flex: 1;
	justify-content: center;
	}
.flex-container-2 > * {
	/*background: silver;*/
	/*align-items: stretch;*/
	}
.half-blok {
	display: flex;
	}
.half-blok > * {
	flex: 1;
	justify-content: center !important;
	align-items: center !important;
	text-align: center;
	}
.parametre {
	flex: 6;
	}
.narocnost {
	flex: 1;
	}
.tur-isti {
	flex: 7;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	}
.tur-isti > * {
	flex: 0 1 60px;
	text-align: center;
	}
.tur-isti > * > p {
	white-space: nowrap;
	margin-bottom: 0;
	}
.flex-1 {
	flex: 1;
	}
.flex-2 {
	flex: 2;
	}
.flex-22 {
	flex: 2;
	margin-right: 10px;
	margin-left: 10px;
	}	
.flex-3 {
	flex: 3;
	}
.flex-4 {
	flex: 4;
	}
.flex-5 {
	flex: 5;
	}
.flex-6 {
	flex: 6;
	}
.flex-7 {
	flex: 7;
	}	
.flex-8 {
	flex: 8;
	}	
.flex-9 {
	flex: 9;
	}	
.flex-10 {
	flex: 10;
	}		
.fotk-a {
	flex-basis: 140px;
	margin-right: 20px;
	}
.flex-1,
.flex-2,
.flex-3,
.flex-4,
.flex-5,
.flex-6,
.flex-7,
.flex-8,
.flex-9,
.flex-10 {
	align-items: center !important;
	}
.hodnotenie-parametre {
	gap: 10px;
	}
.hodnotenie-parametre > * {
	flex: 0 1 130px;
	text-align: right;
	}
.hodnotenie-parametre > div > span.hodnota {
	display: block;
	margin-bottom: .5rem;
	}
.blok-prepojenie {
	margin-bottom: 0;
	justify-content: flex-end;
	}
.blok-prepojenie > * {
	flex: 1 1 124px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	/*background: rgba(0, 0, 0, 0.06);*/
	}
.blok-prepojenie > .flex-1 {
	flex: 1 1 80px;
	}
.blok-prepojenie > *:last-child {
	justify-content: flex-end;
	}	
.blok-prepojenie > .flex-4 {
	flex: 1 1 320px;
	justify-content: flex-start;
	}	
.inputik {
	flex: 1 1 400px;
	}
.pohoria > * {
	flex: 1 1 446px;
	position: relative;
	}
.vrch-y > * {
	flex: 1 1 330px;
	}	
.pohoria .vyber-vrchov a {
	position: absolute;
	bottom: .0rem;
	right: 1.5rem;
	}
.flex-container-3 {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	}
.flex-container-4 {
	display: flex;
	flex-wrap: nowrap;
	padding: 8px;
	}
.flex-container-5 {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 8px;
	}
.flex-container-6 {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px;
	}
.no-wrap {
	flex-wrap: nowrap !important;
	}
.posledna-akcia {
	gap: 0;
	margin-bottom: 0;
	}
.contact {
	margin-bottom: 0;
	padding: 1rem;
	background: var(--clr-primary);
	box-shadow: var(--box-shadow);
	}
.blok-fotka,
.blok-formular {
	flex: 1;
	}
.blok-formular > * {
	flex: 1 1 400px;
	}
.follow > * {
	flex: 1 1 160px;
	}
.flex-container .slide-show-odkazy,
.flex-container .slide-show-komentare {
	flex: 1 1 400px;
    height: 300px;
    position: relative;
    overflow: hidden;
	display: flex;
	}
.flex-container .slide-show-odkazy > *,
.flex-container .slide-show-komentare > * {
	flex: 0 1 100%;
	}
.flex-container .slide-show-odkazy,
.flex-container .posledna-akcia-info {
    order: 1;
	}
.flex-container .slide-show-komentare,
.flex-container .posledna-akcia-prihlaseni {
    order: 2;
	}	
.flex-container .posledna-akcia-info,
.flex-container .posledna-akcia-prihlaseni {
    flex: 1 1 404px;
    height: 384px;
    position: relative;
	}	
.flex-container .turista-info {
	flex: 1 1 410px;
	display: grid;
	grid-template-columns: 110px 1fr;
	grid-template-rows: auto 36px;
	grid-template-areas:
		"foto popis"
		"hodnotenie hodnotenie";
	background: var(--clr-bleda-zelena);
	box-shadow: var(--box-shadow);
	}
.flex-container-media {
	display: flex;
	flex-wrap: wrap;
	margin-top: 3px;
	}
.flex-container-media > * {
	flex: 0 1 100%;
	}
.flex-container-media h2 {
	color: var(--clr-primary) !important;
	background: var(--clr-title-podklad);
    text-align: left;
    line-height: 34px;
    margin: 0;
    padding: 0 0 0 1.25rem;
	}
.flex-container-media img {
	border: 10px solid var(--clr-tmava-zelena);
    border-top: 0;
	}
.flex-container-media a {
	color: var(--clr-anchor-svetla) !important;
	}
.flex-container-media a:hover {
	color: var(--clr-primary) !important;
	}
.prihlaseni {
	position: relative;
	}
.prihlaseni > * {
	flex: 0 1 64px;
	text-shadow: var(--clr-text-shadow-1);
	font-weight: 700;
	line-height: 1.4rem;
	}
.oznam-uvod {
    margin: 0 0 8px;
	}
.oznam-uvod h2 {
    background: var(--clr-planovana);
	padding: 0 0 0 .6rem;
	line-height: 2.5rem;
	}
.oznam-uvod article {
    padding: .6rem;
    text-align: justify;
    border: 10px solid var(--clr-planovana);
    border-top: 0;
    box-shadow: 0 0 14px 0 var(--clr-box-shadow-1) inset;
    color: var(--clr-planovana);
	background: var(--clr-primary);
	}	
.oznam-uvod article a {
    text-shadow: var(--clr-text-shadow-1);
    color: var(--clr-anchor-tmava) !important;
    padding: .2rem .1rem;
    line-height: 1.6rem;
    /*white-space: nowrap;*/
	}
.oznam-uvod article a:hover {
    color: var(--clr-primary) !important;
    background: var(--clr-anchor-tmava);
    text-decoration: none !important;
	box-shadow: var(--box-shadow);
	}
.blok-foto a:hover img {
	border-color: var(--clr-primary);
	}
.blok-media {
    color: var(--clr-primary);
	text-shadow: var(--clr-text-shadow-2);
	padding: .8rem;
    min-height: 110px;
    background: var(--clr-farba-h2-tmava);
	border: 10px solid var(--clr-tmava-zelena);
    border-top: none;
    box-shadow: 0 0 14px 2px var(--clr-cierna) inset;
	}
.flex-graf {
	display: flex;
	padding: 5px;
	padding-left: 0;
	}
.blok-white-100 {
	gap: 0;
	background: var(--clr-primary);
	padding: .5rem;
	box-shadow: var(--box-shadow);
	}
.shadow {
	box-shadow: var(--box-shadow-jemne);
	}
.blok-white-100 div.text {
	overflow: visible;
	}
.graf-container {
	padding: 0;
	}
.not-padding {
	padding: 0;
	}
.blok-white-100 > * {
	flex: 0 1 100%;
	}
.gap-content {
	gap: .5rem;
	margin-bottom: 1.5rem;
	}	
.blok-full-zarovnanie {
	justify-content: space-between;
	}
.blok-full-zarovnanie > * {
	margin-left: 1rem;
	margin-right: 1rem;
	}
.full-zarovnanie {
	justify-content: center;
	}
.full-zarovnanie > p.vrcholy {
	flex: 1 1 280px;
	padding-left: 1rem;
	padding-right: 1rem;
	}
.full-zarovnanie > p.hrad-parametre {
    flex: 1 1 280px;
	margin: 0;
	padding: .5rem;
	line-height: 1.6rem;
}	
.zarovnanie-na-stred {
	justify-content: center !important;
	align-items: center !important;
	}
.zarovnanie-stred {
	display: flex;
	gap: 10px;
	justify-content: center !important;
	align-items: center !important;
	text-align: center;
	}
.zarovnanie-vpravo {
	justify-content: flex-end !important;
	align-items: center !important;
	}
.zarovnanie-dole {
	align-items: flex-end !important;
	}	
.zarovnanie-left {
	justify-content: flex-start !important;
	align-items: center !important;
	}
.zarovnanie-na-kraje {
	justify-content: space-between !important;
	align-items: center !important;
	}
.zarovnanie-na-vysku {
	align-items: stretch !important;
	}
.zarovnanie-na-kraje-top {
	justify-content: space-between !important;
	}
.obrazky-v-bloku {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 0;
	}
.titulky-2 {
	box-shadow: inset 0 -50px 20px -50px rgba(0, 0, 0, .5) !important;
	align-items: flex-end !important;
	}
.titulky-3 {
	box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, .5) !important;
	/*align-items: flex-end !important;*/
	align-items: center !important;
	}
.div-margin-top {
	margin-top: .3rem;
	}
.blok-column {
	flex-direction: column;
	}
.blok-1,
.blok-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 0;
	}
.blok-2 > * {
    flex: 0 1 100%;
	}
.blok-3 {
	width: 160px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	font-size: 1rem;
	padding: 5px 0;
	}
.blok-33 {
	width: 130px;
	}
.blok-3 > * {
    flex: 2;
	text-align: center;
	}
.blok-3 div:nth-child(1) {
	flex: 2;
	}
.blok-3 div:nth-child(2) {
	flex: 5;
	}
.blok-3  p {
	margin: 5px 0 0;
	line-height: normal !important;
	}
.blok-4 {
	width: calc(100% - 160px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/*color: var(--clr-pismo-graf);*/
	}	
.blok-44,
.blok-444 {
	width: calc(100% - 130px);
	}
.blok-4 > * {
	flex: 1 1 120px;
	font-size: 1rem;
	padding: 8px;
	}
.blok-44 > * {
	flex: 1 1 180px;
	}
.blok-444  div:nth-child(1) {
	flex: 1 1 420px;
	}
.blok-444  div:nth-child(2) {
	flex: 1 1 180px;
	}
.blok-5 {
	width: calc(100% - 68px);
	display: flex;
	flex-wrap: wrap;
	}
.blok-5 > * {
	flex: 1 1 330px;
	/*padding: .2rem;*/
	}
.rozdelene > *:nth-child(1),
.rozdelene > *:nth-child(3) {
	flex: 1 1 calc(100% - 80px);
	}
.rozdelene > *:nth-child(2),
.rozdelene > *:nth-child(4) {
	flex: 1 1 80px;
	}	
.blok-6 {
	width: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-end;
	}	
.blok-7 {
	width: calc(100% - 160px);
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	}
.blok-7 > * {
	flex: 1 1 220px;
	/*background: rgba(0,0,0,.03);
	padding: .5rem;*/
	/*padding: .2rem;*/
	}
.titulky-tmave .blok-7 > * {
	/*background: rgba(255,255,255,.05);
	padding: .5rem;*/
	}
.blok-8 {
	width: 160px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-end;
	}
.blok-stupen {
	flex-wrap: wrap;
	gap: 10px;
	box-shadow: var(--box-shadow);
	}
.blok-stupen p {
	margin: 0;
	}
.blok-stupen i {
	font-size: 1.5rem;
	}
.blok-stupen > div {
	flex-basis: calc(50% - 10px);
	}
.stupen-nazov > p {
	font-weight: 700;
	text-align: center;
	}
.stupen-nazov  span {
	padding: .5rem;
	box-shadow: var(--box-shadow);
	}	
.blok-stupen .stupen-nazov {
	text-align: center;
	}
.blok-stupen .stupen-pocet {
	text-align: center;
	}
.blok-stupen .stupen-popis {
	text-align: center;
	flex-basis: 100%;
	}
.gap-1 {
	gap: 1px;
	margin-bottom: 0;
	}
.gap-2 {
	gap: 2px;
	margin-bottom: 0;
	}
.gap-3 {
	gap: 3px;
	margin-bottom: 0;
	}
.gap-4 {
	gap: 4px;
	margin-bottom: 0;
	}
.gap-5 {
	gap: 5px;
	margin-bottom: 0;
	}
.gap-8 {
	gap: 8px;
	margin-bottom: 0;
	}
.gap-10 {
	gap: 10px;
	margin-bottom: 0;
	}
.gap-15 {
	gap: 15px;
	margin-bottom: 0;
	}
.gap-20 {
	gap: 20px;
	margin-bottom: 0;
	}
.blok-800 > * {
	flex: 1 1 800px !important;
	}
.blok-700 > * {
	flex: 1 1 700px !important;
	}
.blok-600 > * {
	flex: 1 1 600px !important;
	}
.blok-500 > * {
	flex: 1 1 500px !important;
	}	
.blok-450 > * {
	flex: 1 1 450px !important;
	}	
.blok-400 > * {
	flex: 1 1 400px !important;
	}
.blok-350 > * {
	flex: 1 1 350px !important;
	}	
.blok-300 > * {
	flex: 1 1 300px !important;
	}
.blok-250 > * {
	flex: 1 1 250px !important;
	}
.blok-200 > * {
	flex: 1 1 200px !important;
	}
.blok-150 > * {
	flex: 1 1 150px !important;
	}
.blok-120 > * {
	flex: 1 1 120px !important;
	}
.blok-100_ > * {
	flex: 1 1 100px !important;
	}
.container-100 {
	flex: 1 1 100% !important;
	}	
.no-border {
	border: 0 !important;
	}
.modry-blok {
	background: var(--clr-bleda-zelena);
	box-shadow: var(--box-shadow);
	/*border: var(--border-blok);*/
	}
.svetlo-modry-blok {
	background: var(--clr-bledsia-zelena);
	box-shadow: var(--box-shadow);
	/*border: var(--border-blok);*/
	}
.biely-blok {
	background: var(--clr-biela);
	box-shadow: var(--box-shadow);
	/*border: var(--border-blok);*/
	}	
.neuskutocnena,
.neuskutocnena .titulky-2,
.neuskutocnena .titulky-3 {
    background: var(--clr-neuskutocnena) !important;
    color: var(--clr-primary) !important
	}
.naplanovana,
.naplanovana td,
.naplanovana .titulky-2,
.naplanovana .titulky-3  {
    background: var(--clr-planovana) !important;
    color: var(--clr-primary) !important
	}
.neuskutocnena a,
.naplanovana a {
	color: var(--clr-anchor-seda) !important;
	}
.neuskutocnena a:hover,
.naplanovana a:hover {
	color: var(--clr-primary) !important;
	}
.naplanovana h2,	
.neuskutocnena h2 {
	color: var(--clr-primary) !important;
	}
.neuskutocnena .zvyrazni,
.naplanovana  .zvyrazni {
	color: var(--clr-anchor-seda) !important;
	}	
.hodnotenie-filter {
	/*box-shadow: var(--box-shadow);*/
	}
.dneska {
    background: #fd9fb3 !important;
	}
.dnesny {
	/*border: var(--border-blok-dneska) !important;*/
	}
.zarovnanie-stred  > * {
	flex: 0 1 100%;
	}
.blok-100 > * {
    flex: 0 1 100%;
	padding: 1rem;
	}
.blok-100-small-padding > * {
    flex: 0 1 100%;
	padding: .5rem;
	}
.blok-100-small-padding > .title-dark {
	padding: .5rem;
	}
.blok-100-nopadding > * {
    flex: 0 1 100%;
	}
.rea-kcia {
	flex-basis: calc(100% - 20px);
	text-align: left;
	}
.rea-kcia-2 {
	flex-basis: calc(100% - 40px);
	text-align: left;
	}
.rea-kcia-3 {
	flex-basis: calc(100% - 60px);
	text-align: left;
	}
.rea-kcia-4 {
	flex-basis: calc(100% - 80px);
	text-align: left;
	}
.hodnotenie-turista {
	background: var(--clr-bleda-zelena);
	/*box-shadow: var(--box-shadow);*/
	display: grid;
	gap: 16px;
	grid-template-columns: 120px 1fr;
	grid-template-rows: min-content;
	grid-template-areas:
		"turista-fotka turista-hodnotenie";	
	}
.turista-fotka {
	grid-area: turista-fotka;
	}
.turista-hodnotenie {
	grid-area: turista-hodnotenie;
	}	
.turista-hodnotenie > * {
	flex: 1 1 302px;
	margin: .5rem 0;
	}
.turista-hodnotenie-2 > * {
	flex: 1 1 346px;
	margin: .5rem 0;
	}
.turista-sumar {
	background: var(--clr-primary);
	/*box-shadow: var(--box-shadow);*/
	display: grid;
	gap: 0;
	grid-template-columns: 140px 1fr;
	grid-template-rows: min-content;
	grid-template-areas:
		"turista-sumar-poradie turista-sumar-hodnotenie";	
	}
.sumar-celkovo {
	background: var(--clr-podklad-bledocerveny);
	color: var(--clr-cierna);
	font-weight: 700
	}
.turista-sumar-poradie {
	grid-area: turista-sumar-poradie;
	}
.turista-sumar-poradie > * {
	flex: 1 1 60px;
	}	
.turista-sumar-hodnotenie {
	grid-area: turista-sumar-hodnotenie;
	}	
.turista-sumar-hodnotenie > * {
	flex: 1 1 120px;
	}	
.block-hrad {
	background: var(--clr-bleda-zelena);
	box-shadow: var(--box-shadow);
	display: grid;
	gap: 16px;
	grid-template-columns: 120px 1fr;
	grid-template-rows: min-content min-content min-content;
	grid-template-areas:
		"hrad-fotka nazov-hradu"
		"hrad-fotka hrad-text"
		"hrad-turisti hrad-turisti";	
	}
.block-hrad-full {
	background: var(--clr-bleda-zelena);
	box-shadow: var(--box-shadow);
	display: grid;
	gap: 16px;
	grid-template-columns: 120px 1fr;
	grid-template-rows: min-content min-content min-content;
	grid-template-areas:
		"nazov-hradu nazov-hradu"
		"hrad-text hrad-text"	
		"hrad-turisti hrad-turisti";
	}
.flex-container .block-hrad,
.flex-container .block-hrad-full {
	flex: 1 0 420px;
	}
.hrad-nazov {
	grid-area: nazov-hradu;
	position: relative;
	font-size: 1.375rem;
	padding-right: 26px;
	}
.hrad-fotka {
	grid-area: hrad-fotka;
	}
.hrad-text {
	grid-area: hrad-text;
	}
.hrad-text p {
	margin-bottom: 0;
	}
.hrad-turisti {
	grid-area: hrad-turisti;
	}	
.blok-foto {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	}
.blok-foto > * {
	margin: .6rem;
	}
.blok-foto img {
	/*width: 92px;*/
	}
.blok-foto-pohoria {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	}
.blok-foto-pohoria > * {
	width: 140px;
	display: flex;
	/*flex-direction: column;*/
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	align-items: flex-end;
	background: var(--clr-bledsia-zelena);
	border-radius: var(--border-radius-3);
	border: var(--border-blok);
	padding: 10px;
	}
.blok-foto-pohoria img {
	width: 100% !important;
	/*width: auto !important;*/
	}
.blok-lavy {
	background: var(--clr-bleda-zelena);
	box-shadow: var(--box-shadow);
	display: grid;
	gap: 16px;
	grid-template-columns: 1fr 118px;
	grid-template-rows: min-content;
	grid-template-areas:
		"texta blok-play";		
	}
.blok-pravy {
	background: var(--clr-bleda-zelena);
	box-shadow: var(--box-shadow);
	display: grid;
	gap: 16px;
	grid-template-columns: 118px 1fr;
	grid-template-rows: min-content;
	grid-template-areas:
		"blok-play texta";	
	}
.blok-play,
.blok-play-v {
	grid-area: blok-play;
	}
.texta {
	grid-area: texta;
	display: grid;
	gap: 8px;
	grid-template-rows: min-content;
	}
.blok-lavy .texta {
	grid-template-columns: 34px 1fr;
	grid-template-areas:
		"texta-foto texta-data"	
		"texta-title texta-title";
	}	
.blok-pravy .texta {
	grid-template-columns: 1fr 34px;
	grid-template-areas:
		"texta-data texta-foto"	
		"texta-title texta-title";
	}
.texta-foto {
	grid-area: texta-foto;
	}
.texta-foto img {
	/*border-radius: 50%;
	width: 60px;
	height: 60px;
	padding: 3px;
	border: 5px solid var(--clr-tmava-zelena);
	background: var(--clr-primary);*/
	}	
.texta-data {
	grid-area: texta-data;
	}
.texta-title {
	grid-area: texta-title;
	}	
.flex-container .blok-lavy,
.flex-container .blok-pravy {
	flex: 1 1 420px;
	}
.blok-lavy p,
.blok-pravy p {
    padding: 0;
    margin: 0;
    line-height: 1.4em !important;
	}
.blok-lavy p {
    text-align: right;
	}
.blok-lavy p.datum,
.blok-pravy p.datum {
    font-weight: 700
	}
.blok-play,	
.blok-playf,
.blok-playv,
.blok-play-v {
	width: 118px;
    height: 114px;
    position: relative;
	}
.blok-play img,
.blok-play-v img,
.blok-playf img,
.blok-playv img {
    position: absolute;
    top: 15px;
    left: 6px;
    z-index: 5;
	width: calc(100% - 12px);
	height: calc(100% - 30px);
	}
.blok-play img.pla-y,
.blok-playf img.pla-y,
.blok-playv img.pla-y,
.blok-play-v img.pla-y {
    width: 39px;
	height: 33px;
	position: absolute;
    top: 28px;
    left: 38px;
	display: none;
	z-index: 10;
	}
.blok-lavy .blok-play a,
.blok-lavy .blok-play-v a,
.blok-playf a,
.blok-playv a,
.blok-pravy .blok-play a,
.blok-pravy .blok-play-v a,
.blok-lavy .blok-play div.no-foto,
.blok-lavy .blok-play-v div.no-foto,
.blok-playf div.no-foto,
.blok-playv div.no-foto,
.blok-pravy .blok-play div.no-foto,
.blok-pravy .blok-play-v div.no-foto {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    border: 15px solid var(--clr-tmava-zelena);
    border-left: 6px solid var(--clr-tmava-zelena);
    border-right: 6px solid var(--clr-tmava-zelena);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
	-webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
	transition: all 0.3s ease-in;
	}
.blok-play a:hover,
.blok-playf a:hover,
.blok-play-v a:hover,
.blok-playv a:hover {
    text-decoration: none!important;
    border-color: var(--clr-anchor-tmava);
	-webkit-box-shadow: 0 0 10px 2px #5f5f5f;
    -moz-box-shadow: 0 0 10px 2px #5f5f5f;
    box-shadow: 0 0 10px 2px #5f5f5f;
}
.blok-play:hover img.pla-y,
.blok-playf:hover img.pla-y,
.blok-playv:hover img.pla-y,
.blok-play-v:hover img.pla-y {
	display: block;
}
.blok-play span.hodnota,
.blok-play-v span.hodnota,
.blok-playf span.hodnota,
.blok-playv span.hodnota {
    position: absolute;
    bottom: 1px;
    left: 6px;
    font-size: .7rem;
    color: var(--clr-primary) !important;
    font-weight: 700;
    z-index: 13
	}
.blok-play span.pocet,
.blok-play-v span.pocet,
.blok-playf span.pocet,
.blok-playv span.pocet {
    position: absolute;
    bottom: 1px;
    right: 8px;
    font-size: .7rem;
    color: var(--clr-zvyrazneny-text) !important;
    z-index: 12;
    font-weight: 700;
    text-align: right
	}
.blok-play span.title,
.blok-play-v span.title,
.blok-playf span.title,
.blok-playv span.title {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 1.26em;
    padding: 0 6px;
    font-size: .8rem;
    color: var(--clr-primary) !important;
    font-weight: 700;
    z-index: 13;
    text-align: center;
    overflow: hidden
	}
.texta a:hover {
	color: var(--clr-anchor-svetla) !important;
	}
#foto-hidden {
    width: 0;
    height: 0;
    overflow: hidden
	}	
.prepojene-akcie {
	background: var(--clr-tmava-zelena);
	}
.prepojene-akcie > * {
	flex: 1 1 100px;
	}
.blok-2 .titulky-2,
.blok-2 .titulky-3 {
	background: rgba(0,0,0,.1);
	color: var(--clr-cierna);
	font-style: italic;
	}
.tretis .titulky-2,
.tretis .titulky-3,
.tretis  span.poradie-2,
.tretis  span.poradie-2,
.tretis  span.por-adie {
	color: var(--clr-primary) !important;
	}
.content a img {
	transition: var(--transition-1);
	/*border: 2px solid var(--clr-anchor-tmava);*/
	border: 3px solid var(--clr-anchor-svetla);
	/*box-shadow: 0 0 4px 1px var(--clr-tien-obrazky) !important;*/
	}
.content a img.play {
	box-shadow: none !important;
	border: none !important;
	}
.content .blok-play,
.content .blok-playf,
.content .blok-playv,
.content .blok-play-v {
	transition: var(--transition-1);
	}	
.content .blok-play:hover,
.content .blok-playf:hover,
.content .blok-playv:hover,
.content .blok-play-v:hover {
	transform: scale(1.05);
	}
.content a:hover img {
	transform: scale(1.05);
	box-shadow: 0 0 20px 0 var(--clr-tien-obrazky) !important;
	/*border: 2px solid var(--clr-primary);*/
	border: 3px solid var(--clr-primary);
	}
.content .blok-play:hover img.pla-y,
.content .blok-playf:hover img.pla-y,
.content .blok-playv:hover img.pla-y,
.content .blok-play-v:hover img.pla-y,
.content .blok-play:hover img.play,
.content .blok-playf:hover img.play,
.content .blok-playv:hover img.play,
.content .blok-play-v:hover img.play  {
	box-shadow: none !important;
	border: none !important;
	}
.content a {
    text-decoration: none;
    color: var(--clr-anchor-tmava);
	text-shadow: var(--clr-text-shadow-1);
	transition: var(--transition-1);
	}
.content a:hover {
    text-decoration: underline;
    color: var(--clr-anchor-svetla);
	}
.content li,
.content p {
    line-height: 1.8em;
	}
.content p.blok {
    margin: 0 .5rem 1rem .5rem;
	}
.content .blok span strong,
div.textik p span strong {
    font-size: 1.5rem;
    font-style: italic;
    color: var(--clr-farba-h2-tmava);
    text-shadow: var(--clr-text-shadow-1);
	}
.blok-media > p > strong {
	color: var(--clr-pismo-zvyraznene);
	}
.blok-media p strong,
.blok-media li strong {
	font-style: italic;
	}
.loga {
    float: right;
    width: 140px;
    margin: 0 .5rem 1rem 1rem;
	}
.loga img {
    border: 2px solid var(--clr-primary);
    border-radius: var(--border-radius-1);
    margin: 0 0 1rem 0;
    background: var(--clr-primary);
	box-shadow: 0 0 6px 0 var(--clr-tien-obrazky);
	}
.title-dark {
	width: 100%;
	background: var(--clr-title-podklad);
	padding: .5625rem 1rem;
	box-shadow: var(--box-shadow);
	font-style: italic;
	font-weight: 700;
	color: var(--clr-primary) !important;
	}
.graf-title-dark {
	width: 100%;
	background: var(--clr-title-podklad);
	padding: .5625rem 0;
	box-shadow: var(--box-shadow);
	font-style: italic;
	font-weight: 700;
	color: var(--clr-primary) !important;
	}
.title-dark h2 {
	color: var(--clr-primary) !important;
	font-size: 1.125rem !important;
	text-align: left;
	}
.titulok {
	/*font-size: .875rem;*/
	color: var(--clr-primary);
	font-weight: 700;
	background: var(--clr-title-podklad);
	box-shadow: var(--box-shadow);
	}
.titulky-tmave {
	background: #003435;
	color: white;
	box-shadow: 0 0 6px 0 var(--clr-box-shadow-1);
	font-style: italic;
    font-weight: 700;
}
.titulky-tmave a {
	color: var(--clr-anchor-svetla);
}
.titulky-tmave a:hover {
	color: var(clr-primary);
}	
.not-margin-bottom {
	margin-bottom: 0 !important;
	}
.parameter {
	display: inline-block;
    font-weight: 400;
    padding: 0 .3rem;
	margin: .3rem 0;
	cursor: help;
	}
.parameter i  {
	font-size: 1.5rem;
	text-shadow: var(--clr-text-shadow-2);
}
.turista {
	/*width: 154px;*/
	margin: .8rem;
	margin-bottom: 0;
	}
.turista img {
	/*width: 100px;*/
    border: 5px solid var(--clr-tmava-zelena) !important;
	border-radius: var(--border-radius-1);
	margin-bottom: .8rem;
	}
.turista a:hover img {
    border: 5px solid var(--clr-anchor-tmava) !important;
	}
.turista a,
.turista a:hover {
	text-shadow: none;
	text-decoration: none !important;
	}
.turista span {
	display: block;
	text-align: center;
	}
.turista a span {
	width: 100%;
    font-size: 1rem;
    padding: .6rem 1rem;
    background: var(--clr-primary);
    border: var(--border-button);
	border-radius: var(--border-radius-1);
	transition: var(--transition-1);
	}
.turista a:hover span {
    color: var(--clr-primary);
    background: var(--clr-anchor-tmava);
	box-shadow: 0 0 15px 0 var(--clr-box-shadow-1);
	border: 1px solid transparent;
	/*transform: scale(1.05);*/
	}
.prihlaseni .rodicc {
    display: none;
    position: absolute;
    z-index: 1000;
	}
.prihlaseni .rodicc > div {
    display: block;
    position: absolute;
    z-index: 1001;
    bottom: 5px;
    width: 320px;
    background: var(--clr-primary);
    padding: 10px;
    border: 12px solid var(--clr-tmava-zelena);
    box-shadow: 0 0 4px 6px var(--clr-primary);
	}
.prihlaseni .rodicc > div > section {
	font-weight: 400;
    color: var(--clr-pismo-obsah) !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
    text-shadow: none!important;
    line-height: 1.8em;
	z-index: 1002;
	}
.top-video {
    margin: 8px;
	}
.top-video a.buton {
    padding: .4em 2em;
    margin: 0;
    line-height: 40px
	}
.top-video p {
    width: 40%;
    font-weight: 700;
    text-align: center;
    margin: .5em 30%;
    padding: 0;
    background: var(--clr-primary);
    box-shadow: 0 0 6px 0 var(--clr-box-shadow-1)
	}
span.detaill {
    position: absolute;
    top: 5px;
    right: 8px;
    font-size: 2rem;
    color: var(--clr-anchor-svetla);
    cursor: help;
	}
span.detaill:hover {
    color: var(--clr-primary);
	}
.stupen-1 span.hodnota,
.stupen-2 span.hodnota,
.stupen-3 span.hodnota,
.stupen-4 span.hodnota,
.stupen-5 span.hodnota {
    font-size: .8em !important;
    cursor: help;
    padding: 0 .5em;
    text-align: center !important;
    text-shadow: var(--clr-text-shadow-1)
	}
.stupen-00,
.stupen-11,
.stupen-22,
.stupen-33,
.stupen-44,
.stupen-55 {
    float: left;
    display: block;
    width: 3.6em;
    margin: 0;
    text-align: center !important;
    cursor: help
	}
.stupen-00 i,
.stupen-11 i,
.stupen-22 i,
.stupen-33 i,
.stupen-44 i,
.stupen-55 i {
    font-size: 2.6em !important;
    text-shadow: var(--clr-text-shadow-3) !important
	}
.stupen-00 .km,
.stupen-11 .km,
.stupen-22 .km,
.stupen-33 .km,
.stupen-44 .km,
.stupen-55 .km {
    margin-top: 3px;
    display: block;
    font: bold 35% verdana, sans-serif;
    text-align: center !important;
    text-shadow: var(--clr-text-shadow-1) !important;
    cursor: help
	}
.chyba {
    opacity: .25
	}
.stupen-1,
.stupen-11 {
    color: var(--clr-zemiak);
	}
.stupen-2,
.stupen-22 {
    color: var(--clr-bronz);
	}
.stupen-3,
.stupen-33 {
    color: var(--clr-striebro);
	}
.stupen-4,
.stupen-44 {
    color: var(--clr-zlato);
	}
.stupen-5,
.stupen-55 {
    color: var(--clr-diamant);
	}
span.stupen-1 i,
span.stupen-2 i,
span.stupen-3 i,
span.stupen-4 i,
span.stupen-5 i,
span.bod-r i {
    font-size: 1.25rem;
    cursor: help;
	text-shadow: var(--clr-text-shadow-2);
	}
span.stupen-1 i {
    color: var(--clr-zemiak);
	}
span.stupen-2 i {
    color: var(--clr-bronz);
	}
span.stupen-3 i {
    color: var(--clr-striebro);
	}
span.stupen-4 i {
    color: var(--clr-zlato);
	}
span.stupen-5 i {
    color: var(--clr-diamant);
	}
span.narocnost {
    padding: .03em .35em !important;
    font-size: 1.5em !important;
    font-weight: 700;
    text-shadow: var(--clr-text-shadow-5);
    box-shadow: var(--clr-text-shadow-4) !important;
    border-radius: 1em;
	text-align: center;
	}
span.stupne {
    padding: .2em .6em !important;
    font-size: 1em !important;
    font-weight: 700;
    text-shadow: var(--clr-text-shadow-5);
    box-shadow: var(--clr-text-shadow-4) !important;
    border-radius: 1em;
	color: var(--clr-primary);
	}
span.bod-r {
    padding: 0;
    font-size: 1.1rem;
    font-weight: 700;
	cursor: help;
	}
.nazov-input {
	font-weight: 700;
	}
.text {
    background: var(--clr-primary);
    padding: .5rem;
	line-height: 1.8em;
    /*overflow: hidden;*/
	}
.text-black {
	color: var(--clr-cierna);
	}
.text-foto {
    float: right;
	width: 126px;
	margin: 0 0 0 20px;
	}
.kom-obrazky img,	
.text-foto img {
	width: 126px;
	margin: 0 0 10px 0 !important;
	border-radius: var(--border-radius-1);
    box-shadow: var(--box-shadow-foto);
	}
.kom-obrazky img {
	width: auto;
	height: 80px;
	margin: 10px 5px !important;
	}
.smiles {
    background: var(--clr-primary);
    color: var(--clr-tmava-zelena);
    padding: .5em;
    box-shadow: 2px 2px 12px 1px #464646 inset;
    border: 0 none
	}
.smiles table td {
    text-align: center;
	padding: .2rem;
	}
.black {
	color: var(--clr-pismo-graf);
	}
.oznacene {
	background: var(--clr-bleda-zelena) !important;
	}
.cervena {
	color: var(--clr-pismo-zvyraznene) !important;
	font-size: 1rem;
	text-shadow: var(--clr-text-shadow-1);
	}
.cervena > span {
	color: var(--clr-primary) !important;
	}
.cerven-a {
	color: var(--clr-planovana) !important;
	text-shadow: var(--clr-text-shadow-1);
	}
.biela {
	color: var(--clr-primary) !important;
	}
.uppercase {

	}
p.blok .cervena {
	color: var(--clr-anchor-tmava) !important;
	text-shadow: var(--clr-text-shadow-1);
	}
.cervena.small {
	color: var(--clr-pismo-zvyraznene) !important;
	font-size: 1.5rem;
	text-shadow: var(--clr-text-shadow-1);
	}
/* -------- CONTENT LAYOUT END -------------- */
/* -------- NASTAVENIE TAGOV START ---------- */
img {
    max-width: 100%;
    height: auto;
    border: none;
    vertical-align: middle;
	}
img.o-nas {
	width: 120px;
	box-shadow: var(--box-shadow);
	margin: 10px;
	}
table {
    width: 100%;
    table-layout: auto;
    margin: 0;
    border-collapse: separate;
	}
.table-graf {
	margin-bottom: .5rem;
    background: var(--clr-primary);
    box-shadow: var(--box-shadow);
	}
.table-graf th {
    color: var(--clr-title-podklad);
    padding: .5em .5%;
    vertical-align: middle;
    text-align: left
	}
.table-graf td {
    color: var(--clr-title-podklad);
    padding: .6em .5%;
    vertical-align: middle;
    font-weight: 400
	}
.table-graf td.top {
    vertical-align: top !important
	}
.table-graf td p {
    display: inline;
    padding: 0;
    margin: 0;
    position: relative;
    vertical-align: middle;
    line-height: normal
	}
.table-graf td p img {
    height: 1.181818181818182em;
    box-shadow: 1px 1px 4px 1px #797979
	}
.table-graf td p span {
    position: absolute;
    top: 0;
    right: 3px;
    padding: 0;
    color: var(--clr-primary);
    font-size: 109.0909090909091%;
    font-weight: 700;
    line-height: 1.3em;
    text-shadow: 2px 2px 1px var(--clr-cierna);
	}
.table-graf td div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 1.3em;
    box-shadow: 1px 1px 4px 1px #797979
	}
.table-graf td div.akcie {
    display: block;
    vertical-align: top;
    float: left;
    height: auto;
    margin: 2px;
    text-align: center;
    box-shadow: none
	}
.text table,
.table-data {
    margin-bottom: .5rem;
    background: var(--clr-primary);
    box-shadow: var(--box-shadow);
	}
.text table {
    box-shadow: var(--box-shadow-jemne);
	}	
.text table td,
.table-data td {
    color: var(--clr-title-podklad);
    padding: .3rem .5rem;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
	}
.text table th,
.table-data th {
    color: var(--clr-title-podklad);
    padding: .5rem .5rem;
    vertical-align: top;
	font-weight: 700;
	}
.text table th {
	color: var(--clr-primary);
    background: var(--clr-title-podklad);
    vertical-align: middle;
	}
tr.title th {
    color: var(--clr-primary);
    background: var(--clr-title-podklad);
    vertical-align: middle;
	font-style: italic;
    font-weight: 700;
	}
.border td {
    border: 1px dotted var(--clr-svetla-zelena);
	}	
.table-hight td {
    padding: .8rem .5rem;
	}
.table-border td,
.table-border th {
    border-bottom: 1px dotted var(--clr-svetla-zelena);
    border-right: 1px dotted var(--clr-svetla-zelena);
	}
.logovanie {
	margin-bottom: 10px;
	}
.logovanie tr.title th {
	background: var(--clr-tmava-zelena);
	}
.logovanie tr.title th h3 {
	margin: 0;
	}
.logovanie th.tyzden {
	font-size: .7rem;
	font-weight: 400;
	color: var(--clr-primary);
	background: var(--clr-tmava-zelena) !important;
	}
.logovanie th.vykend {
	font-size: .7rem;
	font-weight: 400;
	color: yellow;
	background: var(--clr-farba-h2-tmava) !important;
	}	
.parny,
.parny-2 {
    background: var(--clr-bleda-zelena) !important;
	}
.neparny {
	background: var(--clr-bleda-zelena) !important;	
	}
.parne {
    background: var(--clr-tmava-zelena) !important;
	}
.neparne {
	background: var(--clr-svetla-zelena) !important;	
	}
.left {
	text-align: left !important;
	}
.right {
	text-align: right !important;
	}
.center {
	text-align: center !important;
	}	
.por {
	font-size: 2rem;
    font-weight: 700;
    color: var(--clr-svetla-zelena);
	text-shadow: var(--clr-text-shadow-1);
	}
.bold {
	font-weight: 700 !important;
	}
span.caption-rok {
	background: #112710;
    font-size: 1rem;
    color: var(--clr-primary);
    margin: 0;
	padding: .5rem 1rem;
    font-weight: 400;
    letter-spacing: .05em;
    text-align: center;
    text-shadow: none
	}
td, th {
    font: bold var(--font-size) verdana, sans-serif;
    vertical-align: middle;
    text-align: left;
	}
th {
    text-align: center;
	}
a {
    color: var(--clr-anchor-svetla);
    text-decoration: none;
    font-weight: 700;
    outline-style: none;
    outline: 0;
    cursor: pointer;
	}
main a {
	transition: var(--transition-1);
	}
a:hover {
    color: var(--clr-primary);
    text-decoration: underline;
    outline-style: none;
    outline: 0;
    cursor: pointer;
	}
#info-akcia-2,
#info-pocasie-2 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    text-shadow: none !important;
    padding: 0 !important;
    background: var(--clr-primary);
	border: 1px solid #b5b5b5;
	}
#info-akcia-2 i,
#info-pocasie-2 i {
    font-size: 23px;
    color: var(--clr-anchor-tmava) !important;
    padding: 6px 12px
	}
#info-akcia-2:hover,
#info-pocasie-2:hover {
    background: var(--clr-anchor-tmava);
}
#info-akcia-2:hover i,
#info-pocasie-2:hover i {
    color: var(--clr-primary) !important
	}
#akcia-info {
    display: none;
    width: 100%;
    height: auto;
    position: relative
	}
#pocasie-info {
    display: none;
    width: 100%;
    background: var(--clr-seda);
    color: var(--clr-pismo-zvyraznene);
    padding: 2em 0 .1em;
    margin-top: 1em;
	box-shadow: 0 0 15px #767b91;
    font-size: 1rem;
    font-weight: 700;
    text-shadow: var(--clr-text-shadow-1);
    position: relative
	}
#pocasie-info .zvyraznene {
    color: var(--clr-primary) !important;
	font-size: 1.125rem;
	font-style: italic;
	}
#pocasie-info span i,
.status-meteo_error i,
.status-meteo_ok i {
    vertical-align: middle;
    text-shadow: none;
    font-size: 2.4em;
    text-shadow: var(--clr-text-shadow-1)
	}
.status-meteo_error i {
    color: #ec0000
	}
.status-meteo_ok i {
    color: var(--clr-svetla-zelena);
	}	
.la,
.ln {
    display: block;
    padding: .5em 8px .5em .46em;
    line-height: 1.4em;
    color: var(--clr-anchor-svetla);
    font-weight: 700;
    text-shadow: var(--clr-text-shadow-1);
	}
.la:hover,
.ln:hover {
    color: var(--clr-primary);
    text-decoration: none;
    text-shadow: var(--clr-text-shadow-2);
	}
.la,
.ln {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	}
.la > *:nth-child(1),
.ln > *:nth-child(1) {
	flex: 0 1 20px;
	}	
.la > *:nth-child(2),
.ln > *:nth-child(2) {
	flex: 0 1 calc(100% - 20px);
	}
.la > .datum-akcie,
.ln > .datum-akcie {
	flex: 0 1 66px;
	}
.la > .linka-akcie,
.ln > .linka-akcie {
	flex: 0 1 calc(100% - 66px);
	}
.title-dark a {
	color: var(--clr-anchor-svetla);
	transition: var(--transition-1);
	}
.title-dark a:hover {
	color: var(--clr-primary) !important;
	}
/*.oznam-obsah a,	*/
a.back i,
a.buton i,
a.buton-o i,
a.buton-p i,
a.butons i,
a.delete i {
    font-size: 1rem !important;
	}
.button,
a.buton,
a.back,
a.butons-2,
.butons-3,
.aktiv,
a.buton-o,
a.buton-p,
a.butons,
a.delete {
	-webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
	text-shadow: none;
	border: 1px solid #b5b5b5;
	cursor: pointer;
	}
.button:hover,
a.button_:hover,
a.button_d:hover,
a.button_n:hover,
a.button_p:hover,
a.buton:hover,
/*.oznam-obsah a:hover,*/
a.back:hover,
a.butons-2:hover,
.butons-3:hover,
.aktiv:hover,
a.buton-o:hover,
a.buton-p:hover,
a.butons:hover,
a.delete:hover {
   -webkit-box-shadow: 0 0 8px 1px #5f5f5f;
    -moz-box-shadow: 0 0 8px 1px #5f5f5f;
    box-shadow: 0 0 8px 1px #5f5f5f;
	border: 1px solid transparent;
	text-decoration: none;
	}
button:hover {
	color: var(--clr-anchor-tmava) !important;
    background: var(--clr-primary) !important;
	}
a.button_ {
    color: var(--clr-anchor-tmava) !important;
    background: var(--clr-primary);
	}
a.button_:hover {
    color: var(--clr-primary) !important;
    background: var(--clr-anchor-tmava);
	}
a.button_d {
    color: var(--clr-primary) !important;
	}
a.button_d:hover,
a.button_d:hover i {
    color: var(--clr-anchor-tmava) !important;
    background: var(--clr-primary) !important;
	}
a.button_p {
    color: var(--clr-primary) !important;
    background: var(--clr-cierna);
	}
a.button_p:hover {
    color: var(--clr-cierna) !important;
    background: var(--clr-primary) !important;
	}
a.button_n {
    color: var(--clr-cierna) !important;
    background: var(--clr-primary);
	}
a.button_n:hover {
    color: var(--clr-primary) !important;
    background: var(--clr-cierna);
	}
a.back-to-top {
    font-size: 5rem;
    line-height: 1;
    color: var(--clr-anchor-tmava);
    position: fixed;
    bottom: 4.5rem;
    right: .2rem;
    z-index: 90000  !important;
    display: block;
    opacity: .25;
	}
a.back-to-top:hover {
    opacity: 1;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
	}
a.aktivv-prep,
a.butt-prep {
    text-align: center;
	text-shadow: none;
    display: inline-block;
    font-weight: 700;
    padding: 0 1rem;
    line-height: 2.2em;
    color: var(--clr-anchor-tmava);
    background: var(--clr-primary);
	-webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
	transition: var(--transition-1);
	border: var(--border-button);
	}
a.aktivv-prep:hover,
a.butt-prep:hover {
    color: var(--clr-primary) !important;
    background: var(--clr-anchor-tmava);
    text-decoration: none !important;
    text-shadow: var(--clr-text-shadow-1);
	-webkit-box-shadow: 0 0 8px 1px #5f5f5f;
    -moz-box-shadow: 0 0 8px 1px #5f5f5f;
    box-shadow: 0 0 8px 1px #5f5f5f;
	border: var(--border-button-transparent);
	}
a.aktivv-prep .text-black,
a.butt-prep:hover .text-black {
    color: var(--clr-primary) !important;
    text-shadow: var(--clr-text-shadow-1);
	}
a.aktivv-prep {
    color: var(--clr-primary) !important;
    background: var(--clr-anchor-tmava);
    text-shadow: var(--clr-text-shadow-1);
	}
.aktiv,
a.buton-o,
a.buton-p,
a.butons {
    display: inline-block;
	font-weight: 700;
    padding: .5rem .6rem;
	text-shadow: none;
    white-space: nowrap;
	}
.butt-zaujimavost,
.butt-akcia {
	position: relative;
	text-align: left  !important;
	width: 100%;
	/*margin: 0 0 6px 0  !important;*/
	/*padding-right: 2.8em  !important;*/
	float: none  !important;
	}
.aktivv-prep {
	background: var(--clr-anchor-tmava) !important;
	background: linear-gradient(to bottom, var(--clr-anchor-tmava) 0, #d70000 40%, #d70000 60%, var(--clr-anchor-tmava) 100%) !important;
}
a.butons {
	-webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
	color: var(--clr-anchor-tmava) !important;
    background: var(--clr-primary);
	border: var(--border-button);
	}	
a.butons:hover {
    color: var(--clr-primary) !important;
    background: var(--clr-anchor-tmava);
    text-decoration: none !important;
	}
a.button_,
a.button_d,
a.button_n,
a.button_p {
    display: inline-block;
    font-size: 1.4rem;
    /*line-height: 1.4em;*/
	padding: .2rem 0;
    width: 2.4rem;
    white-space: nowrap;
    text-align: center;
	-webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
	text-shadow: none;
	border: var(--border-button);
	}
a.kontakt {
	width: 100%;
	border-radius: 10px;
	}
label {
    cursor: pointer;
	}
p {
    margin: 0 0 1rem 0;
    line-height: 1.6em;
	}
footer p {
    padding: 0 1rem;
    margin: 0;
    font-size: 1rem;
    line-height: 1.6em
	}
h1, h2, h3 {
    font-weight: 700;
    letter-spacing: .15em;
	}
h2 {
    font-size: 1.125rem;
    /*text-align: center;*/
    letter-spacing: 0;
    /*margin-left: .35em;*/
    font-style: italic;
	}
.content h2 {
    /*font-size: 1.25rem;*/
    color: var(--clr-farba-h2-tmava);
    text-shadow: var(--clr-text-shadow-1);
	}
.content .text h2 {
    margin-bottom: .5rem;
	}
h2.left {
	width: calc(100% - 1rem);
	margin: 1rem .5rem .5rem;
	}
h2.h2-margin {
	margin: 1rem .5rem .5rem;
	}
.left-aside h2,
.right-aside h2 {
    width: 100%;
    text-align: center;
    margin: 0 0 1px 0;
    padding: .55rem .2rem;
    background: var(--clr-title-podklad);
	}
.errorr h2 {
	color: var(--clr-anchor-seda) !important;
	}
.big {
	font-size: 1.5rem !important;
	}
h2.big {
	font-size: 2.375rem !important;
	text-shadow: var(--clr-text-shadow-6);
	/*margin-top: 1rem;*/
    background: var(--clr-bleda-zelena);
    padding: 0.5rem;
	}
h2.big p {
	font-size: 1.5rem !important;
	text-shadow: var(--clr-text-shadow-6);
	margin-bottom: 0;
	}
.bigg {
	font-size: 1.5rem !important;
	margin-left: -.3rem;
	margin-right: 1rem;
	}
h3 {
    text-align: left;
    letter-spacing: 0;
    margin: 10px;
    margin-left: 5px;
	}
ol {
    margin: 0 0 1rem 0;
	margin: 0 .5rem 1rem 1rem;
	}
ul {
    margin: 0 0 1rem 20px;
	margin: 0 .5rem 1rem 1rem;
	}
ul.nostyle {
    list-style: none;
	}
li {
    margin: 0 0 0 1rem;
    padding: 0 0 .4rem;
	}
form p {
	margin-bottom: 0;
	font-weight: 700;
	}
form  input[type=file] {
	width: 100%;
	}
input.input-long,
select.input-long {
    width: 100% !important;
	}
input.auto-size {
	width: auto !important;
	}
input, select, textarea {
	font-size: 1rem;
	font-weight: 400;
    background: var(--clr-podklad-formular);
    color: var(--clr-pismo-graf);
    vertical-align: middle;
    padding: .48rem .7rem;
    box-shadow: 2px 2px 12px 1px #464646 inset;
    border: 0 none;
	}
.form-prihlas input {
    padding: .25rem .5rem !important;
	}
#slovo,
.form-prihlas input {
	background: var(--clr-primary);
	}
textarea {
    padding: .5rem;
	}
.tox-edit-area__iframe {
	background: var(--clr-podklad-formular) !important;
	}
select {
    overflow: auto;
	}
select,
option {
	font-weight: 700;
	}
caption {
    caption-side: top;
	font-size: 1.125rem;
    color: var(--clr-farba-h2-tmava);
    text-shadow: var(--clr-text-shadow-1);
    margin: .7rem 0 .4rem 0;
    font-weight: 700;
    letter-spacing: .05rem;
    text-align: left;
	}
.rok {
    padding: 5px 0;
	}
.rok select {
    padding: .2rem .3rem .2rem .8rem;
    margin: 0 5px 0 0;
	}
.formular-vpravo {
	padding-right: .5rem;
	}
.no-padding-right {
	padding-right: 0;
	}
.formular-vpravo form {
	padding: 0;
	font-style: normal;
	}
.formular-vpravo .rok select {
	padding: .25rem 1rem;
	margin: 0;
	}	
.rok-2 {
	float: left;
    width: 190px;
    margin: 0 5px 0 0;
    padding: 5px 0;
    font-weight: 700;
    font-size: 84.61538461538462%;
    color: var(--clr-primary);
    text-align: right;
	}	
.form-prihlas input[type=text],
input[type=password] {
    border: 0;
    /*height: 2em*/
	}
input[type=checkbox] {
    box-shadow: none;
    height: 2em !important;
    width: 2em !important;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    /*margin-right: .6em*/
	}
ol.pravidla {
	}
ol.pravidla li {
    background: var(--clr-primary);
    margin: 0 0 8px 2.8rem;
    padding: 1rem !important;
    line-height: 1.8em !important;
    text-align: justify;
    box-shadow: var(--box-shadow);
	}
*>ol.pravidla li {
    margin: 0 0 8px 2.2rem
	}
/*
.content input[type=submit],
.content-long input[type=submit] {
    font-weight: 700 !important;
    color: var(--clr-primary);
    background: var(--clr-anchor-tmava);
    padding: .4em 1em !important;
    margin: 10px 0 10px 5px;
    border: 1px solid transparent;
    /*box-shadow: 0 0 6px 0 var(--clr-box-shadow-1)
	}
.content input[type=submit]:hover,
.content-long input[type=submit]:hover {
    font-weight: 700 !important;
    color: var(--clr-anchor-tmava);
    background: var(--clr-primary)
	}	
*/
::-webkit-input-placeholder {
    color: gray
	}
:-moz-placeholder {
    color: gray;
    opacity: 1
	}
::-moz-placeholder {
    color: gray;
    opacity: 1
	}
:-ms-input-placeholder {
    color: gray
	}
hr,
hr.green,
hr.white {
    width: 100%;
    border: 0 solid var(--clr-title-podklad);
    height: 1px;
    color: var(--clr-title-podklad);
    background-color: var(--clr-title-podklad);
    box-shadow: 0 0 8px 0 var(--clr-cierna);
	margin-bottom: .5rem;
	}
hr.white {
    border: 0 solid var(--clr-primary);
    color: var(--clr-primary);
    background-color: var(--clr-primary);
    position: relative;
    top: .94rem;
    box-shadow: 0 0 8px 1px var(--clr-cierna);
	}
.zvyraznene {
    font-weight: 700;
    color: var(--clr-zvyrazneny-text) !important;
	}
.zvyraznene-2 {
    font-weight: 700;
    color: var(--clr-zvyrazneny-text) !important;
	text-shadow: var(--clr-text-shadow-1) !important;
	}
.zvyrazni {
    color: var(--clr-anchor-tmava);
    font-weight: 700;
    padding: 0;
	text-shadow: var(--clr-text-shadow-1);
	}
div.poradie {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--clr-anchor-tmava);
	text-shadow: var(--clr-text-shadow-1);
	}
.navstiveny {
    color: var(--clr-anchor-tmava);
    text-shadow: var(--clr-text-shadow-1);
	}
span.por-adie {
    line-height: 4.3;
    padding: 0.22rem 0.52rem;
    font-size: 1rem;
    font-weight: 400;
    box-shadow: 0 0 3px #000 !important;
    border-radius: 50%;
    background: transparent !important;
    color: #000 !important;
	}
span.poradie-2 {
    padding: 0.22rem 0.52rem;
    font-size: 1rem;
    font-weight: 400;
    box-shadow: 0 0 3px #000 !important;
    border-radius: 50%;
    background: transparent !important;
    color: #000 !important;
	}
/* -------- NASTAVENIE TAGOV END ------------ */
.no-top-margin {
    margin-top: 0;
	}
.margin-bottom {
	margin-bottom: 2rem !important;
	}
.margin-top {
	margin-top: 8px !important;
	}	
.foto-media {
	border: 3px solid var(--clr-anchor-svetla);
	border-radius: var(--border-radius-1);
	}
.video-media {
	border: 3px solid var(--clr-anchor-svetla);
	}
.play {
	width: 39px !important;
	height: 33px !important;
	position: absolute;
	top: 32%;
	left: 35%;
	z-index: 1;
	cursor: pointer;
	}
.ne_aktivny {
	display: inline-block;
	box-shadow: 0 0 4px 0 var(--clr-cierna);
    background: #dadada;
	border: var(--border-button);
	font-weight: 700;
	padding: .5rem 1rem;
	}
.ne-aktivny {
    background: #dadada;
	}
.je-popis {
	font-size: 1.6rem !important;
	position: absolute;
	top: -6px;
	right: -6px;
	cursor: help;
	transition: all 0.3s ease-in;
	}
.je-popis:hover {
	color: #707070;
	}
.graf-container {
	flex: 0 1 100%;
	}
.container-graf-2 {
	display: flex;
	flex-wrap: wrap;
	flex: 0 1 calc(100% - 80px);
	padding: 0 10px;
	}
.container-graf {
	flex: 0 1 calc(100% - 150px);
	}	
.graf {
	display: flex;
    height: 1.3rem;
    box-shadow: 1px 1px 8px var(--clr-cierna);
	position: relative;
	}
.graf span.pocet {
	position: absolute;
	width: 3em;
	right: auto;
	left: -3.4rem;
	font-size: 1rem;
	color: var(--clr-cierna);
	text-shadow: var(--clr-text-shadow-biela);
	}
.fotka {
	flex: 0 1 150px;
	display: flex;
	flex-wrap: wrap;
	}
.fotka > div > div  {
	margin-top: .1rem;
	}
.graf-nazov {
	flex: 0 1 250px;
	display: flex;
	flex-wrap: wrap;
	}
.nazov-stranky {
	flex: 0 1 140px;
	}
.nazov-vrchu {
	flex: 0 1 70%;
	}
.padding-10 {
	padding: 10px;
	/*padding-left: 0;*/
	}
.graf-popis {
	flex: 0 1 80px;
	display: flex;
	flex-wrap: nowrap;
	padding: 0 10px;
	}
.graf-popis > div > div  {
	margin-top: .1rem;
	}
.container-graf-2 > *:nth-child(1) {
	flex: 1 1 180px;
	}
.container-graf-2 > *:nth-child(2) {
	flex: 1 1 80px;
	font-size: .9375rem;
	}
.graf-title-dark .container-graf-2  *:nth-child(2) {
	font-size: 1rem;
	}
.container-graf-2 > *:nth-child(3) {
	flex: 1 1 calc(97% - 260px);
	}
.graf-stlpec {
	color: var(--clr-cierna);
	box-shadow: 1px 1px 4px 1px #797979;
	margin: 0 auto;
	width: 36px;
	}
.graf-stlpec p {
	color: var(--clr-cierna) !important;
	text-align: center;
	position: relative;
	top: -25px;
	font-weight: 700;
	}
.graf-stlpec-popis {
	margin: .5rem 0;
	text-align: center;
	}
.graf span {
    color: var(--clr-primary);
    font-weight: 700;
    text-shadow: var(--clr-text-shadow-1);
	text-align: right;
	position: absolute;
	right: .4rem;
	}
.graf span.absolvova-l {
	width: 2rem;
    color: var(--clr-pismo-obsah);
    font-weight: 700;
    text-shadow: 1px 1px 0 var(--clr-primary);
	text-align: right;
	position: absolute;
	left: -2.3rem;
	}
.graf span.hodnota-gif {
	width: 12rem;
	color: var(--clr-pismo-graf);
    right: auto;
    left: 100%;
    padding-left: .4rem;
    text-shadow: 1px 1px 0 var(--clr-primary);
    text-align: left;
	}
.navstivene-geocelky > * {
	flex: 1 1 300px;
	line-height: 1.5em !important;
	padding: .5em 1em !important;
	}
/* -------- HEADER MAIN START --------------- */
.header-top {
    width: 100%;
    height: auto;
    background-color: rgba(0, 191, 187, .3);
    position: relative;
    z-index: 102
	}
.top-row {
	display: flex;
	flex-wrap: wrap;
	background: linear-gradient(90deg, var(--clr-tmava-zelena) 0, var(--clr-tmava-zelena) 50%, var(--clr-svetla-zelena) 100%);
	height: 2rem;
	margin-bottom: 1.6rem;
	justify-content: space-between;
	}
.top-info  {
	color: #fff;
	text-shadow: var(--clr-text-shadow-1);
	height: 2rem;
	padding: .2rem 0 .2rem 1rem;
	}
.top-aktualizovane {
	text-align: right;
	height: 3.8rem;
	padding: .4rem 1rem 2rem 1rem;
	background: var(--clr-tmava-zelena);
	border-top-left-radius: 1rem;
	}
@media (max-width:986px) {
	.top-row {
		margin-bottom: 0;
		flex: 1;
	}
	.top-row > * {
		flex-direction: column;
	}
	.top-aktualizovane {
		display: flex;
		flex-direction: row;
		flex: 1;
		border-radius: 0;
		padding: .2rem 1rem;
		justify-content: space-between;
		background: #1fb3af;
		/*padding: 0 1rem;*/
	}
}


p.horne-info,
p.upozornenie {
    width: 100%;
    line-height: 1.6em;
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    text-shadow: var(--clr-text-shadow-1);
    background: var(--clr-tmava-zelena);
    background: linear-gradient(90deg, var(--clr-svetla-zelena), var(--clr-tmava-zelena), var(--clr-tmava-zelena), var(--clr-svetla-zelena));
    z-index: 5
	}
p.horne-info {
    background: linear-gradient(90deg, var(--clr-tmava-zelena) 0, var(--clr-tmava-zelena) 50%, var(--clr-svetla-zelena) 100%)
	}
p.horne-info {
    margin-bottom: 1.4rem;
    padding-left: .5rem;
    padding-right: 1rem;
    text-align: left
	}
.head-container {
    width: 100%;
    position: relative;
    height: 320px;
    background: var(--clr-cierna);
    z-index: 6
	}
.head-bottom-menu,
.head-top-menu {
    max-width: 100%
	}
.head-bottom-menu,
.head-top-menu {
    /*width: 100%;
	height: 2rem;*/
    position: relative;
    z-index: 8
	}
.head-bottom-menu {
    z-index: 7
	}
.head-bottom-menu span.zvonec {
    display: none
	}
.head {
    width: 100%;
    position: relative;
    height: 100%;
    z-index: 7
	}
.home_link_den,
.home_link_noc {
    position: absolute;
    top: 82px;
    left: 5px;
    display: block;
    width: 220px;
    height: 220px;
    z-index: 9;
	transition: var(--transition-1);
	}
.home_link_den {
    background: url(/img/logo_den.png) no-repeat left top
	}
.home_link_den:hover {
    background: url(/img/logo_den_hover.png) no-repeat left top
	}
.home_link_noc {
    background: url(/img/logo_noc.png) no-repeat left top
	}
.home_link_noc:hover {
    background: url(/img/logo_noc_hover.png) no-repeat left top
	}
.home_link_den span,
.home_link_noc span {
    display: none !important
	}
.head-cycle {
    width: 100%;
    height: 320px;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 0 0;
    z-index: 30
	}
.hcycle {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center  !important;
    cursor: pointer;
    z-index: 1
	}
.slide-popis {
    padding: .2rem 1rem;
    text-align: right;
    color: var(--clr-zvyrazneny-text) !important;
    text-shadow: var(--clr-text-shadow-1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: var(--clr-tmava-zelena);
    border-radius: 0 0 var(--border-radius-1) 0;
	font-size: 1rem !important;
	}
.header-top p {
    color: var(--clr-primary);
    font-size: 1rem;
    font-weight: 700;
    text-shadow: var(--clr-text-shadow-1);
	margin: 0;
	}
.header-top p span {
    color: var(--clr-zvyrazneny-text);
	}
p.horne-info,
p.upozornenie {
    width: 100%;
    line-height: 1.6em;
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    text-shadow: var(--clr-text-shadow-1);
    background: var(--clr-tmava-zelena);
    background: linear-gradient(90deg, var(--clr-svetla-zelena), var(--clr-tmava-zelena), var(--clr-tmava-zelena), var(--clr-svetla-zelena));
    z-index: 5
	}
p.horne-info {
    background: linear-gradient(90deg, var(--clr-tmava-zelena) 0, var(--clr-tmava-zelena) 50%, var(--clr-svetla-zelena) 100%)
	}
p.horne-info {
    margin-bottom: 1.4rem;
    padding-left: .5rem;
    padding-right: 1rem;
    text-align: left
	}
p.upozornenie {
    margin-top: 1.4rem;
    box-shadow: 0 4px 6px -2px var(--clr-cierna)
	}
p.upozornenie span {
    font-size: 1rem;
    padding: .2rem .4rem;
    border-radius: 50%;
    line-height: 1rem
	}
p.upozornenie span span {
    font-size: 1rem !important;
    padding: .2rem 0;
    cursor: help
	}
.aktualizovane {
    position: absolute;
    bottom: 1.6rem;
    right: 0;
    width: auto;
    font-size: .9rem !important;
    height: 3.4rem;
    text-align: right;
    padding: 0 .5rem 0 1rem;
    background: var(--clr-tmava-zelena);
    border-top-left-radius: 1.1rem;
	}
.pristupy {
    position: absolute;
    z-index: 300;
    bottom: 2.1rem;
    right: .5rem;
    width: auto;
    font-size: .9rem !important;
    text-align: right;
	}
.prihlaseny {
    z-index: 201;
    width: auto;
    text-align: right;
    margin: 0 0 4px 0 !important
	}
.prihlaseny span {
    color: var(--clr-zvyrazneny-text);
	}
div.login,
div.odhlasenie {
	display: flex;
	flex-direction: column;
	background: var(--clr-tmava-zelena);
	padding: 1rem;
	position: absolute;
	z-index: 49;
	top: 0;
	right: 0;
	text-align: center;
	border-bottom-left-radius: 15px;
	}
div.login > *,
div.odhlasenie > * {
	flex: 1;
	}
div.login a:hover {
	text-decoration: none;
	}	
div.login i {
	font-size: 2rem;
	}
a.close {
	position: absolute;
	top: 1px;
	right: 0;
	display: block;
	color: var(--clr-primary);
	padding: .5em .6em;
	}
a.close:hover {
    color: var(--clr-primary);
    background: #ff5566;
    transition: var(--transition-1);
	}
a.close i {
	font-size: 1.2em;
	}
div.odhlasenie .pr span,
div.odhlasenie .al span {
	font-weight: 700;
	color: var(--clr-primary);
	text-shadow: var(--clr-text-shadow-1);
	}
div.odhlasenie .al span {
	font-size: 1.4rem;
	color: var(--clr-pismo-zvyraznene);
	}
.prihlasenie {
	display: none;
	position: absolute;
    z-index: 50;
    top: 0;
    right: 0;
    text-align: center;
	padding: 10px;
    background: var(--clr-tmava-zelena);
	box-shadow: 0 0 15px var(--clr-cierna);
	}
.prihlasenie input {
    box-shadow: none;
	width: 70%;
	}
.odhlaseniee {
    position: absolute;
    z-index: 50;
    top: 86px;
    right: 10px;
    width: auto;
    height: 22px;
    text-align: right
	}
.prihlaseny2 {
    position: absolute;
    z-index: 40;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
	font-size: .9rem !important;
    text-align: right;
    padding: 10px 22px 40px;
    background: var(--clr-tmava-zelena);
	border-bottom-left-radius: 15px;
	/*box-shadow: 0 0 10px var(--clr-cierna);*/
	}
.prihlaseny2 span {
    width: 100%;
    display: block;
    color: var(--clr-primary) !important;
    /*font-size: 1.057692307692308em*/
	}
.prihlaseny2 span span {
    color: var(--clr-zvyrazneny-text) !important;
    font-size: 1.3rem;
    margin: 2px 0 0 0
	}
.form-prihlas .button,
.odhlasenie .button {
	font-size: 1rem  !important;
	font-weight: 700;
	padding: 3px 15px;
	color: var(--clr-primary);
    background: var(--clr-anchor-tmava);
	border: none;
	cursor: pointer;
	transition: var(--transition-1);
	}
.button:hover {
	color: var(--clr-primary) !important;
	opacity: .8;
	}
.birthday {
    width: 70%;
    font-weight: 700;
    line-height: 1.2em !important;
    color: var(--clr-primary);
    text-align: right !important;
    padding: 0 6px 0 0;
    margin: 4px 0 0 30%;
    z-index: 1;
    text-shadow: var(--clr-text-shadow-1);
    background: 0 0
	}
.loginhlaska {
    /*position: absolute;
    top: 6px;
    right: 180px;*/
    color: white !important;
	font-weight: 700;
    margin: 40px 0 0  !important;
    padding: .2em 1em;
    background: red;
    box-shadow: 0 0 6px 1px var(--clr-cierna);
    text-shadow: none !important;
	}
.loginhlaska span {
    color: white !important
	}
.loginhlaska2 {
    position: absolute;
    top: -16px;
    right: 120px;
    color: var(--clr-anchor-tmava) !important;
    margin: 0;
    padding: .2em 1em;
    background: var(--clr-primary);
    box-shadow: 0 0 6px 1px var(--clr-cierna);
    text-shadow: none  !important;
    z-index: 110
	}
.slide_show_komentare,
.slide_show_odkazy {
    width: 100%;
    height: 100%;
    background: var(--clr-bleda-zelena); /*#b5e2e1;*/
    position: relative;
    border-top: 28px solid var(--clr-tmava-zelena);
    border-right: 10px solid var(--clr-tmava-zelena);
    border-bottom: 27px solid var(--clr-tmava-zelena);
    border-left: 62px solid var(--clr-tmava-zelena);
    box-shadow: 0 0 14px 0 var(--clr-cierna) inset
	}
.slide-show-komentare h2,
.slide-show-odkazy h2 {
    width: 100%;
    height: 28px;
    line-height: 26px;
    background: var(--clr-title-podklad);
    position: absolute;
    top: 0;
    left: 0;
    color: var(--clr-primary);
    text-align: center;
    letter-spacing: .1rem;
    z-index: 1
	}
.slide_show_komentare a.button_,
.slide_show_odkazy a.button_ {
    font-size: 1.2rem
	}
.desSlideshow .nav,
.desSlideshow .switchBigPic {
    display: block
	}
.switchBigPic div {
    width: 100%;
    height: 230px;
    text-decoration: none;
    position: relative;
    top: 6px;
    margin-left: 86px;
    left: -72px
	}
.switchBigPic div p {
    margin: 0;
    padding: 0 4% 0 0;
    width: 96%;
    height: 100%;
    color: var(--clr-title-podklad);
    overflow: hidden;
    line-height: 1.76em !important;
	}
.switchBigPic div p.dness {
    color: #ae0038
	}
.switchBigPic div p.autor {
    width: auto;
    height: 26px;
    position: absolute;
    top: 239px;
    left: -62px;
    color: var(--clr-primary);
    text-shadow: var(--clr-text-shadow-1);
    font-weight: 700;
    font-size: 1em;
    line-height: 26px !important;
    text-align: center;
    z-index: 2;
    overflow: visible
	}
.switchBigPic div p.autor span {
    color: #ff0;
    font-weight: 700;
    font-size: .8em;
    padding: 0 0 0 3px
	}
.switchBigPic div p.autor span.aktiv2 {
    color: #fd9fb3
	}
.switchBigPic div .button_ {
    position: absolute;
    right: 18px;
    bottom: -4px
	}
.nav {
    position: absolute;
    top: 0;
    left: -62px;
    width: 72px;
    height: 245px
	}
.nav ul {
    width: 72px;
    margin: 0;
    padding: 0
	}
.nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none
	}
.nav li a {
    display: block;
    width: 72px;
    height: 49px;
    margin: 0;
    padding: 3px 0 0 14px
	}
.nav li a:hover {
    margin: 0;
    padding: 3px 0 0 14px
	}
*>.nav li a {
    width: 58px;
    height: 46px;
    margin: 0
	}
*>.nav li a:hover {
    margin: 0
	}
.nav li.dnes {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none
	}
.nav li.dnes a {
    display: block;
    width: 72px;
    height: 49px;
    margin: 0;
    padding: 3px 0 0 14px
	}
.nav li.dnes a:hover {
    margin: 0;
    padding: 3px 0 0 14px
	}
*>.nav li.dnes a {
    width: 58px;
    height: 46px;
    margin: 0
	}
*>.nav li.dnes a:hover {
    margin: 0
	}
.posledna_akcia_info {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 10px solid var(--clr-tmava-zelena);
    border-top: 34px solid var(--clr-tmava-zelena);
    border-right: none
	}
.tuzba-info {
    border-right: 10px solid var(--clr-tmava-zelena);
	}
.posledna-akcia-info h2,
.tuzba-detail h2 {
    position: absolute;
    width: 100%;
    height: 34px;
    top: 0;
    left: 0;
    color: var(--clr-primary);
    background: var(--clr-title-podklad);
    text-align: left;
    line-height: 34px;
    margin: 0;
    padding: 0 0 0 10px;
    z-index: 1
	}
.posledna-akcia-info h2 a,
.tuzba-detail h2 a {
    color: var(--clr-anchor-svetla);
	}
#container-pocasie h2 a {
    color: var(--clr-anchor-svetla);
    font-size: 1.2em;
	}
.posledna-akcia-info h2 a:hover,
.tuzba-detail h2 a:hover,
#container-pocasie h2 a:hover {
    color: var(--clr-primary)
	}
.obal_info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/posledna_akcia_left.png) repeat left top;
    box-shadow: 0 0 14px 0 var(--clr-cierna) inset;
    z-index: 2
	}
.posledna_akcia_info .skore,
.tuzba_detail .skore {
    position: relative;
    left: 0
	}
.posledna_akcia_info .skore td,
.tuzba_detail .skore td {
    color: var(--clr-primary);
    text-align: right;
    vertical-align: middle;
    width: 57%;
    height: 34px;
    text-shadow: var(--clr-text-shadow-1);
    padding-right: 3%;
    position: relative
	}
.tuzba_detail .skore td {
    width: 57%;
    padding-right: 3%
	}
.posledna_akcia_info .skore th,
.tuzba_detail .skore th {
    color: var(--clr-primary);
    text-align: right;
    vertical-align: middle;
    width: 40%;
    height: 34px;
    text-shadow: var(--clr-text-shadow-1);
    padding-right: 0;
    position: relative
	}
.tuzba_detail .skore th {
    width: 40%
	}
.bigest {
    font-size: 138.4615384615385%
	}
.posledna_akcia_prihlaseni {
    position: relative;
    width: 100%;
    height: 100%;
    border-top: 34px solid var(--clr-title-podklad)
	}
.posledna-akcia-prihlaseni h2 {
    position: absolute;
    width: 100%;
    height: 34px;
    top: 0;
    left: 0;
    color: var(--clr-primary);
    background: var(--clr-title-podklad);
    font-size: 107.6923076923077%;
    text-align: left;
    line-height: 34px;
    padding: 0 0 0 10px;
    z-index: 1
	}
.obal_prihlaseni {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    border-right: 10px solid var(--clr-tmava-zelena);
    border-bottom: 10px solid var(--clr-tmava-zelena);
    background: url(/img/posledna_akcia_right.png) repeat left top;
    box-shadow: 0 0 14px 0 var(--clr-cierna) inset;
	}
.obal_prihlaseni p.hlaska-warning {
    position: relative;
    width: 98%;
	top: 5px;
    left: 1%;
	}
.tablea {
    position: absolute;
    top: -34px;
    left: 1%;
    width: 98%;
	}
.tablea thead td,
.tablea thead th {
    vertical-align: middle;
    color: var(--clr-primary);
    height: 34px;
    font-size: .9230769230769231em;
	text-shadow: var(--clr-text-shadow-1);
	}
.tablea th {
    height: 34px;
    vertical-align: middle !important;
    padding: 0;
    text-align: left
	}
.tablea tbody td,
.tablea tbody th {
    font-weight: 400
	}
.tablea th p {
    font-size: 109.0909090909091%
	}
.tablea th.foto {
    width: 38px;
    text-align: left;
    padding-left: 4px
	}
.tablea th.foto img {
    height: 33px;
    vertical-align: top;
    border-radius: var(--border-radius-2);
    box-shadow: 1px 1px 4px 1px #2c2c2c;
	}
.tablea th.absolvoval {
    text-align: right
	}
.tablea th.datum {
    text-align: right
	}
.tablea td {
    height: 34px;
    vertical-align: middle;
    padding: 0;
    text-align: right
	}
.table-data td.absolvoval i,
.tablea td.absolvoval i {
    vertical-align: middle;
    text-shadow: none;
    font-size: 1.6em;
    text-shadow: 1px 1px 1px #7c7c7c;
    color: #00f;
	}
.table-data td.ne-absolvoval i,
.tablea td.ne-absolvoval i {
    vertical-align: middle;
    text-shadow: none;
    font-size: 1.6em;
    text-shadow: 1px 1px 1px #7c7c7c;
    color: #ec0000;
	}
i.sign-in,
i.sign-out {
    vertical-align: middle;
    text-shadow: none;
    font-size: 2em;
    text-shadow: 1px 1px 1px #7c7c7c;
	}
i.sign-in {
    color: var(--clr-cierna);
    padding-right: .5em
	}
i.sign-out {
    color: #ec0000;
    padding-left: .5em
	}
.tablea tr.prih td,
.tablea tr.prih th {
    color: #00f !important;
    text-shadow: 1px 1px 1px #5f5f5f;
	}
.tablea tr.ospr td,
.tablea tr.ospr th {
    color: var(--clr-anchor-tmava) !important;
    text-shadow: 1px 1px 1px #5f5f5f;
	}
span.ospr,
span.prih {
    padding: 0 .4em .2em;
    box-shadow: 0 0 5px 2px var(--clr-primary)
	}
span.prih {
	background: var(--clr-primary);
    color: #00f !important
	}
span.ospr {
	background: var(--clr-primary);
    color: var(--clr-anchor-tmava) !important
	}
#container-pocasie {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 3px 0 1em;
    position: relative
	}
#container-pocasie img {
    border: 10px solid var(--clr-tmava-zelena);
    border-top: 0;
    width: 100%
	}
#container-pocasie h2 {
    position: relative;
    width: 100%;
    color: var(--clr-primary);
    font-size: 107.6923076923077%;
    background: var(--clr-title-podklad);
    text-align: left;
    line-height: 34px;
    margin: 0;
    padding: 0 50px 0 20px;
    z-index: 1
	}
.skore a {
    color: var(--clr-anchor-svetla) !important;
	}
.poznamka,
.trasa {
    float: left;
    width: 100%;
    padding: 0 .8em;
    position: relative;
    left: 50%;
	min-height: 110px;
    /*background: #b5e2e1;*/
	background: var(--clr-svetla-zelena);
    box-shadow: 0 0 14px 2px var(--clr-cierna) inset;
	}
.trasa {
    margin-bottom: 34px
	}
.poznamka h2,
.trasa h2 {
    position: absolute;
    width: 120%;
    height: 34px;
    top: -34px;
    left: -10px;
    color: var(--clr-primary);
    background: var(--clr-title-podklad);
    text-align: left;
    line-height: 34px;
    margin: 0;
    padding: 0 0 0 20px;
    z-index: 2
	}
div.akcia-text {
    padding-top: .8em !important;
    font-weight: 400 !important;
    line-height: 1.8em !important;
    color: var(--clr-primary) !important;
    text-shadow: var(--clr-text-shadow-2) !important
	}
div.akcia-text strong {
    color: #ff0 !important
	}
p.akcia-text {
    padding-top: .8em;
    font-weight: 400;
    line-height: 1.8em;
    color: var(--clr-primary);
    text-shadow: var(--clr-text-shadow-1)
	}
#contact {
	background: var(--clr-primary);
    margin: 2em 0 0;
    padding: 1rem;
    line-height: 1.8em;
    box-shadow: var(--box-shadow);
	}
#contact p {
    margin-bottom: 0;
	}
#contact a {
    text-shadow: var(--clr-text-shadow-1);
	}
#head-menu-bottom-obal,
#head-menu-top-obal {
    /*position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    text-align: center;*/
    z-index: 200;
    background: var(--clr-tmava-zelena);
	-webkit-box-shadow: 0 8px 8px 0 rgba(0,0,0,0.4); 
	box-shadow: 0 8px 8px 0 rgba(0,0,0,0.4);
	}
#head-menu-bottom-obal {
	-webkit-box-shadow: 0 -8px 8px 0 rgba(0,0,0,0.4); 
	box-shadow: 0 -8px 8px 0 rgba(0,0,0,0.4);
	}
#head-menu-bottom,
#head-menu-top {
    /*height: 100%;
    text-align: center;
	margin: 0 auto;*/
    z-index: 201;
    background: var(--clr-tmava-zelena);
	}
#head-menu-bottom {
    z-index: 202;
	}
#menu-bottom,
#menu-bottom a,
#menu-bottom li,
#menu-bottom li a.top_link,
#menu-bottom li a.top_link_a,
#menu-bottom li:hover .sub li a,
#menu-bottom li:hover a.top_link,
#menu-bottom li:hover a.top_link_a,
#menu-top,
#menu-top a,
#menu-top li,
#menu-top li a.top_link,
#menu-top li a.top_link_a,
#menu-top li:hover .sub li a,
#menu-top li:hover a.top_link,
#menu-top li:hover a.top_link_a {
    line-height: 2em
	}
#menu-bottom li.top,
#menu-bottom li:hover .sub li,
#menu-top li.top,
#menu-top li:hover .sub li {
    height: 2em
	}
#menu-bottom li:hover .sub,
#menu-top li:hover .sub {
    top: 2em
	}
#menu-bottom,
#menu-top {
    background: var(--clr-tmava-zelena);
    list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	}
#menu-bottom > li,
#menu-top > li {
	margin: 0;
	padding: 0;
	height: 2rem;
	}
#menu-bottom a,
#menu-top a {
	margin: 0;
	padding: 0;
	height: 100%;
	}
#menu-top {
    /*position: relative;
    clear: both*/
	}
#menu-bottom {
    /*position: relative;*/
	}
#menu-bottom li,
#menu-top li {
    margin: 0;
    padding: 0;
    /*height: 100%;*/
    /*border-right: 1px solid var(--clr-svetla-zelena);*/
	}
#menu-top li {
    /*display: inline-block;
    float: left*/
	}
#menu-bottom li:first-child,
#menu-top li:first-child {
    margin: 0
	}
#menu-bottom li:last-child,
#menu-top li:last-child {
    border-right: none
	}
#menu-bottom li ul li:first-child,
#menu-top li ul li:first-child {
    margin: 0
	}
#menu-bottom a,
#menu-top a {
	display: inline-block;
    height: 100%;
    padding: 0 18px !important;
    margin: 0;
    color: var(--clr-primary);
    font-weight: 700;
    text-decoration: none;
    text-shadow: var(--clr-text-shadow-1);
	text-transform: uppercase;
	}	
#menu-top a:focus,
#menu-top a:hover,
#menu-bottom a:focus,
#menu-bottom a:hover {
    color: var(--clr-cierna);
    text-shadow: 1px 1px 1px var(--clr-primary)
	}
#menu-top a.big {
    font-size: 1.6rem;
    line-height: 1.36em;
    padding: 0 .5rem !important
	}
#menu-top a.aa {
    color: var(--clr-primary);
	}
#menu-top a.aa:hover {
    color: var(--clr-cierna);
    text-shadow: 1px 1px 0 var(--clr-primary)
	}
#menu-bottom li a span,
#menu-top li a span {
    display: inline;
	}
#menu-bottom li.top,
#menu-top li.top {
    display: block;
    float: left;
	}
#menu-bottom li a.top_link,
#menu-bottom li a.top_link_a,
#menu-bottom li:hover a.top_link,
#menu-bottom li:hover a.top_link_a,
#menu-top li a.top_link,
#menu-top li a.top_link_a,
#menu-top li:hover a.top_link,
#menu-top li:hover a.top_link_a {
    display: block;
    float: left;
    color: var(--clr-primary);
    text-shadow: var(--clr-text-shadow-1);
    text-decoration: none;
    font-weight: 700;
    padding: 0 20px !important;
    cursor: pointer;
	}
#menu-bottom li:hover a.top_link,
#menu-bottom li:hover a.top_link_a,
#menu-top li:hover a.top_link,
#menu-top li:hover a.top_link_a {
    color: var(--clr-cierna);
    text-shadow: 1px 1px 1px var(--clr-primary);
	}
#menu-bottom li a.red i {
    font-size: 130%
	}
#menu-bottom li:hover,
#menu-top li:hover {
    position: relative;
    z-index: 202
	}
#menu-bottom li:hover .sub,
#menu-top li:hover .sub {
    position: absolute;
    left: 0;
    padding: 0;
    width: auto;
    height: auto;
    text-align: left;
    border: 2px solid var(--clr-anchor-tmava);
    z-index: 203;
    box-shadow: 7px 7px 8px -1px rgba(0, 0, 0, .4);
	}
.sub-end .aktivv i,
.sub-end .ne-aktivv i {
	margin-right: .25rem;
	}
#menu-top li:hover .sub-end {
    left: -90px
	}
#menu-bottom li:hover .sub-end {
    left: -150px
	}
#menu-bottom li:hover .sub li,
#menu-top li:hover .sub li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    font-weight: 400;
    border: none
	}
#menu-bottom li:hover .sub li a,
#menu-top li:hover .sub li a {
    display: block;
    width: 100%;
    color: var(--clr-primary);
    text-shadow: var(--clr-text-shadow-1);
    background: 0 0;
    text-decoration: none;
    padding: 0 18px !important;
    cursor: pointer;
	transition: var(--transition-menu);
	}
#menu-bottom li:hover .sub li a.aktivv,
#menu-top li:hover .sub li a.aktivv {
    color: var(--clr-cierna);
    background: #ffd7d7 !important;
    text-shadow: none
	}
#menu-bottom li:hover .sub li a:hover,
#menu-top li:hover .sub li a:hover {
    background: var(--clr-primary) !important;
    color: var(--clr-cierna) !important;
    text-shadow: none
	}
#menu-bottom li:hover li:hover ul,
#menu-bottom li:hover ul,
#menu-top li:hover li:hover ul,
#menu-top li:hover ul {
    position: absolute;
    left: 100%;
    top: 0;
    background: #240b01;
    padding: 0;
    white-space: nowrap;
    width: auto;
    height: auto;
    z-index: 204;
	}
#menu-bottom li:hover ul ul,
#menu-bottom ul,
#menu-top li:hover ul ul,
#menu-top ul {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: -1;
	}
.slicknav_menu {
    display: none
	}
/* -------- HEADER MAIN END ----------------- */
/* -------- KALENDARE START ----------------- */
#calendar {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    background: rgba(0, 0, 0, .85);
	}
.calendar_obal {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10001;
    padding: 20px 20px 0
	}
.calendar-obal {
    width: 100%;
    text-align: left;
    position: relative;
    background: var(--clr-svetla-zelena);
	border: 2px solid var(--clr-primary);
    border-top: 35px solid var(--clr-primary);
    margin-bottom: 20px;
    position: relative
	}
.close-calendar {
    position: absolute;
    top: 20px;
    right: 20px;
    text-shadow: none !important;
    padding: 0 !important;
    background: 0 0;
    z-index: 10002
	}
.close-calendar:hover {
    background: var(--clr-anchor-tmava);
	}
.close-calendar i {
    font-size: 23px;
    color: var(--clr-cierna) !important;
    padding: 6px 12px
	}
.close-calendar:hover i {
    color: var(--clr-primary) !important
	}
.calendar-detail {
    margin: 0 52px 0 10px;
    position: absolute;
    top: -35px;
    left: 0;
    font-size: 1.2rem;
    font-style: italic;
    font-weight: 700;
    color: var(--clr-cierna);
    line-height: 35px;
    z-index: 1003
	}
.kalendar-obal {
    width: 100%;
    margin-bottom: 8px;
    padding-bottom: 5px;
    text-align: left;
    position: relative;
    background: var(--clr-svetla-zelena);
	}
.kalendar {
    table-layout: fixed;
    border-collapse: separate;
    margin-bottom: 4px
	}
.kalendar td {
    font-size: 84.61538461538462%;
    color: var(--clr-primary);
    background: var(--clr-tmava-zelena);
    text-align: center;
    vertical-align: middle;
    text-shadow: var(--clr-text-shadow-1);
    height: 3em;
    position: relative
	}
.kalendar td span.pocet {
    position: absolute;
    top: 0;
    left: 3px;
    font-size: 1em;
    color: var(--clr-primary);
	text-shadow: var(--clr-text-shadow-2); 
	}
.cal-det {
    margin-bottom: 0
	}
.cal-det td {
    
    height: 6.6em;
    vertical-align: top;
    padding-top: 8px;
    border-bottom: 1px dotted var(--clr-primary);
    border-right: 1px dotted var(--clr-primary);
    position: relative;
    overflow: hidden
	}
.cal-det td span.den,
.cal-det td span.weekend,
.mobile span.den,
.mobile span.weekend {
    font-size: 1em;
    border-radius: var(--border-radius-3);
    background: var(--clr-primary);
    color: var(--clr-cierna);
    padding: .034em .34em !important;
    text-shadow: none
	}
.cal-det td span.weekend,
.mobile span.weekend {
    background: var(--clr-text-shadow-1);
    color: var(--clr-primary)
	}
.cal-det td .cal-akc {
    margin-top: 5px;
    width: 100%;
	text-align: center
	}
.cal-det tr:last-child td {
    border-bottom: none
	}
.cal-det tr td:last-child {
    border-right: none
	}
.cal-det td p {
    line-height: normal;
	width: 94%;
    margin: 0 3%;
	padding: 4px 8px;
	border-bottom: 1px dotted white;
	}
.cal-det td p:last-child {
	border: none
	}
.cal-det p span {
    font-size: 1.107951397865347em;
	}
div.mobile {
    width: 100%;
    font-size: 100%
	}
div.mobile div {
    width: 100%;
    min-height: 50px;
    border-bottom: 1px dotted var(--clr-primary);
    min-height: 50px;
    width: 100%;
    color: var(--clr-primary);
    font-weight: 700 !important;
    text-shadow: var(--clr-text-shadow-1);
    padding-top: .5em
	}
div.mobile div.cal-akc {
    width: 100%;
    min-height: 50px;
    border: none
	}
div.cal-akc p {
	line-height: normal;
	width: 94%;
    margin: 0 3%;
	padding: 4px 8px;
	border-bottom: 1px dotted white;
	}
div.cal-akc p:last-child {
	border: none;
	}
.calendar-obal div.actday,
.kalendar td.actday {
    color: var(--clr-primary);
    font-weight: 700 !important;
    cursor: help;
    -webkit-box-shadow: inset 0 0 10px 3px var(--clr-cierna);
    box-shadow: inset 0 0 10px 3px var(--clr-cierna)
	}
.cal-det td.actday,
.calendar-obal div.actday {
    -webkit-box-shadow: inset 0 0 20px 6px var(--clr-cierna);
    box-shadow: inset 0 0 20px 6px var(--clr-cierna)
	}
.kalendar td div.odohrany {
    background: #c43efd
	}
.kalendar td div.budehrat {
    background: #ff045c
	}
.kalendar td div.turnaj {
    background: #039fd3
	}
.calendar-obal div.odotur,
.kalendar td.odotur,
.kalendar td div.odotur  {
	background: rgb(56,158,210);
	background: -moz-linear-gradient(220deg, rgba(56,158,210,1) 0%, rgba(56,158,210,1) 50%, rgba(196,62,253,1) 50%, rgba(196,62,253,1) 100%);
	background: -webkit-linear-gradient(220deg, rgba(56,158,210,1) 0%, rgba(56,158,210,1) 50%, rgba(196,62,253,1) 50%, rgba(196,62,253,1) 100%);
	background: linear-gradient(220deg, rgba(56,158,210,1) 0%, rgba(56,158,210,1) 50%, rgba(196,62,253,1) 50%, rgba(196,62,253,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#389ed2",endColorstr="#c43efd",GradientType=1);
	}
.kalendar td a {
    color: var(--clr-anchor-svetla);
    text-decoration: none;
    text-shadow: 1px 1px 0 var(--clr-cierna);
    padding: 0;
	font-size: 96.0224544816634%;
	}
.kalendar td a:hover {
    color: var(--clr-primary);
    text-decoration: none;
    text-shadow: 1px 1px 1px var(--clr-podklad-cierny);
	}
.calendar-obal a {
    color: var(--clr-anchor-svetla);
    text-decoration: none;
    text-shadow: 1px 1px 0 var(--clr-cierna);
    padding: .3em
	}
.calendar-obal a:hover {
    color: var(--clr-cierna);
    text-decoration: none;
    text-shadow: 1px 1px 1px var(--clr-primary);
	}
.calendar-obal div.odohrany,
.kalendar td.odohrany {
    background: #c43efd;
    color: var(--clr-primary)
	}
.calendar-obal div.budehrat,
.kalendar td.budehrat {
    background: #ff045c;
    color: var(--clr-primary);
    cursor: help
	}
.calendar-obal div.turnaj,
.kalendar td.turnaj {
    background: #039fd3;
    color: var(--clr-primary);
    cursor: help
	}
.kalendar td.noborder {
    border: none;
    background: 0 0
	}
.cal-det td.noborder {
    border-bottom: 1px dotted var(--clr-primary)
	}
.kalendar th {
    color: #ff0;
    background: 0 0;
    text-align: center;
    font-weight: 700;
    padding: .3em 0;
    text-shadow: var(--clr-text-shadow-1);
	}
.cal-det th {
    font-weight: 700;
    padding: 7px 0;
    background: #112710
	}
.cal-det th.rok-mes {
    background: var(--clr-tmava-zelena)
	}
.kalendar th.noborder {
    border: none;
    height: .4615384615384615em
	}
.kalendar th.month span.month-padding {
    padding: 0 .5em;
    color: #ff0;
    vertical-align: top
	}
.cal-det th.month span.month-padding {
    font-size: 1em;
    line-height: 1.68em
	}
.kalendar th.month p.month {
    width: 50%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    vertical-align: middle
	}
.cal-det th.month p.month a,
.kalendar th.month p.month a {
    font-size: 1.4em;
    color: var(--clr-anchor-svetla)
	}
p.legenda {
    margin: 0 5px;
    font-size: .8125rem;
	}
p.today,
p.todayy {
    margin: 0;
    padding: .4em 0;
    text-align: center;
    background: var(--clr-tmava-zelena);
    text-shadow: var(--clr-text-shadow-1);
    position: relative
	}
p.today {
	padding-right: 46px;
	}
p.todayy {
    background: #112710
	}
p.todayy a {
    color: var(--clr-anchor-svetla)
	}
p.month a:hover,
p.today a:hover,
p.todayy a:hover {
    color: var(--clr-primary) !important;
    text-decoration: none;
    text-shadow: var(--clr-text-shadow-1);
	}
.budehra-t,
.odohran-y,
.turna-j,
.aktualnyde-n {
    display: inline-block;
    font-weight: 700;
    padding: .5em .5em;
    margin: .1em .2em .1em 0;
    text-shadow: var(--clr-text-shadow-1);
	cursor: pointer
}
.budehra-t span,
.odohran-y span,
.turna-j span,
.aktualnyde-n span {
    display: none;
	}
.legenda-statistika {
    display: none
	}
span.odohrany,
span.odohran-y {
    background: #c43efd
	}
span.budehrat,
span.budehra-t {
    background: #ff045c
	}
span.aktualnyden,
span.aktualnyde-n {
    color: var(--clr-primary);
    -webkit-box-shadow: inset 0 0 5px 3px var(--clr-cierna);
    box-shadow: inset 0 0 5px 3px var(--clr-cierna)
	}
span.turnaj,
span.turna-j {
    background: #039fd3
	}
a.listing_left {
    display: block;
    width: 9px;
    height: 10px;
    background: url(/img/sipka2_left.gif) no-repeat;
    margin: 3px 0 0 7px;
    float: left
	}
a.listing_left:hover {
    width: 9px;
    height: 10px;
    background: url(/img/sipka2_left_hover.gif) no-repeat
	}
a.listing_right {
    display: block;
    width: 9px;
    height: 10px;
    background: url(/img/sipka2_right.gif) no-repeat;
    margin: 3px 7px 0 0;
    float: right
	}
a.listing_right:hover {
    width: 9px;
    height: 10px;
    background: url(/img/sipka2_right_hover.gif) no-repeat
	}
.kalendar-detail {
    font-size: 1.6em;
    position: absolute;
    top: auto;
    right: 10px
	}
.not-mobile {
    display: block;
    width: 100%
	}
.mobile {
    display: none
	}
.calendar-detail {
    margin: 0 52px 0 10px;
    position: absolute;
    top: -35px;
    left: 0;
    font-size: 1.2em;
    font-style: italic;
    font-weight: 700;
    color: var(--clr-cierna);
    line-height: 35px;
    z-index: 1003
	}
/* -------- KALENDARE END ------------------- */
p.hlaska-error,
p.hlaska-info,
p.hlaska-info-2,
p.hlaska-ok,
p.hlaska-warning {
	width: 100%;
    margin: 0;
    padding: 1.6em 2% 1.6em 6.6em;
    font-size: 1rem;
    font-weight: 700;
    position: relative;
	line-height: 1.5em !important;
	/*box-shadow: 0 0 6px var(--clr-cierna);*/
	}
.hlaska-warning p.hlaska-error,
.hlaska-warning p.hlaska-info,
.hlaska-warning p.hlaska-info-2,
.hlaska-warning p.hlaska-ok,
.hlaska-warning p.hlaska-warning {
	margin: 0 0 12px 0;
}
.div-obal-hlavny p.hlaska-error,
.div-obal-hlavny p.hlaska-info,
.div-obal-hlavny p.hlaska-info-2,
.div-obal-hlavny p.hlaska-ok,
.div-obal-hlavny p.hlaska-warning {
	line-height: 1.6em !important;
	}
p.hlaska-ok {
    background: #00df00;
    color: var(--clr-cierna);
	}
p.hlaska-ok:after {
    content: "\f046";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    font-size: 4.4em;
    color: var(--clr-cierna);
    top: 50%;
    left: .2em;
    margin: -.14em 0 0 0;
    text-shadow: 1px 1px 1px var(--clr-primary)
	}
p.hlaska-error {
    background: #d50000;
    color: #ff0
	}
p.hlaska-error:after {
    content: "\f071";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    font-size: 4em;
    color: #ff0;
    top: 50%;
    left: .2em;
    margin: -.15em 0 0 0;
    text-shadow: var(--clr-text-shadow-1);
	}
p.hlaska-warning {
    background: #707070;
    color: #ff0
	}	
p.hlaska-warning:after {
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    font-size: 5em;
    color: #ff0;
    top: 50%;
    left: .2em;
    margin: -.15em 0 0 0;
    text-shadow: var(--clr-text-shadow-1);
	}
p.hlaska-info {
    font-size: 1em;
    background: #039fd3;
    color: var(--clr-primary);
    text-shadow: var(--clr-text-shadow-1);
	}
p.hlaska-info:after {
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    font-size: 5em;
    color: var(--clr-primary);
    top: 50%;
    left: .2em;
    margin: -.15em 0 0 0;
    text-shadow: var(--clr-text-shadow-1);
	}
p.hlaska-info-2 {
    font-size: 1em;
    background: #ff045c;
    color: var(--clr-primary);
    text-shadow: var(--clr-text-shadow-1);
	}
p.hlaska-info-2:after {
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    font-size: 5em;
    color: var(--clr-primary);
    top: 50%;
    left: .2em;
    margin: -.15em 0 0 0;
    text-shadow: var(--clr-text-shadow-1);
	}
p.hlaska-error span,
p.hlaska-info span,
p.hlaska-info-2 span,
p.hlaska-ok span,
p.hlaska-warning span {
    line-height: 2em;
    text-shadow: var(--clr-text-shadow-1);
	}
p.hlaska-ok span {
    text-shadow: 1px 1px 1px var(--clr-primary)
	}
p.hlaska-error > span > span,
p.hlaska-info > span > span,
p.hlaska-info-2 > span > span,
p.hlaska-ok > span > span,
p.hlaska-warning > span > span {
    font-size: 1.125rem;
	font-style: italic;
	color: var(--clr-primary);
	}
p.hlaska-error span.flash,
p.hlaska-info span.flash,
p.hlaska-info-2 span.flash,
p.hlaska-ok span.flash,
p.hlaska-warning span.flash {
    line-height: 2em
	}
.error {
	width: 100%;
    font-size: 1rem;
    color: var(--clr-zvyrazneny-text);
    font-weight: 700;
    padding: 1em 1em 1em 52px !important;
    background: #d50000 url(/img/error.png) no-repeat .8em center;
    text-shadow: var(--clr-text-shadow-1);
	box-shadow: var(--box-shadow);
	margin: 0;
	}
.error span.big {
    font-style: italic;
    font-size: 1.25rem
	}
.error > span > span {
	font-size: 1.125rem;
    color: var(--clr-primary);
	}
.errorr,
.errorr .titulky,
.errorr .titulky-2,
.errorr .titulky-3 {
	background: #6a6a6a  !important;
	color: var(--clr-primary) !important;
	}
.ok {
	width: 100%;
    font-size: 1rem;
    color: var(--clr-primary);
    font-weight: 700;
    padding: 1em 1em 1em 52px !important;
    background: #00c100 url(/img/ok.png) no-repeat .8em center;
    text-shadow: var(--clr-text-shadow-1);
	box-shadow: var(--box-shadow);
	margin: 0;
	}
.infoo {
	width: 100%;
    font-size: 1.25rem;
    color: var(--clr-zvyrazneny-text);
    font-weight: 700;
    padding: 0 .5rem;
    background: var(--clr-anchor-tmava);
    text-shadow: var(--clr-text-shadow-1);
	box-shadow: var(--box-shadow);
	margin: 0;
	}
div.foto-hrad {
	width: 120px;
	}
div.mapa {
	width: 100%;
    text-align: center;
    position: relative;
	}
div.mapa img {
    width: 1200px;
    margin: 0 auto
	}
div.mapa p {
    position: absolute;
    bottom: -30px;
    right: 0;
    text-align: right
	}
div.mapa-sk {
	width: 100%;
    text-align: center;
    position: relative;
	}
div.mapa-cz {
	width: 76%;
    text-align: center;
    position: relative;
	margin: 0 12%;
	}
.table1 {
	width: 100%;
    background: var(--clr-tmava-zelena);
    margin: 0 0 5px 0;
	}
.table1 td {
    color: var(--clr-primary);
    vertical-align: top;
    padding: .2em 0 .2em 0;
    line-height: 1.6em;
    position: relative
	}
.table1 td a {
    text-shadow: var(--clr-text-shadow-1);
	}
.table1 td span.detail {
    position: absolute;
    top: 25%;
    right: 5%;
    font-size: 2em;
    color: var(--clr-anchor-svetla);
    cursor: help
	}
.tablea td span.detail i {
    font-size: 1.2em !important;
    color: var(--clr-anchor-tmava) !important;
    cursor: help
	}
.table1 td span.detail:hover,
.tablea td span.detail:hover i {
    color: var(--clr-primary) !important;
    cursor: help
	}
.table1 th {
    color: var(--clr-primary);
    vertical-align: middle;
    padding: .2em 0;
    background: var(--clr-farba-h2-tmava);
    text-shadow: var(--clr-text-shadow-1)
	}
.table1 td.hodnota,
.table1 th.hodnota {
    width: 36%;
    text-align: right;
    padding: .2em 5% .2em 0
	}
.table1 img.zapasy {
    margin: 2px
	}
.table1 td.foto {
    width: 60px;
    text-align: center;
    vertical-align: middle
	}
.table1 td.parnee {
    background: #b5e2e1
	}
.table1 td.right {
    padding-right: 5px;
    width: 35px
	}
.table1 td img,
.table1 td input {
    vertical-align: middle
	}
.skore td div.rodicp {
    display: none;
    position: absolute;
    z-index: 1000;
    right: 1em;
	}
.table1 td div.rodic,
.tablea td div.rodic {
    display: none;
    position: relative;
    z-index: 1000
	}
.skore td div.rodicp div {
    display: block;
    position: absolute;
    z-index: 2000;
    top: 34px;
    width: 300px;
    color: var(--clr-title-podklad) !important;
    background: var(--clr-primary) !important;
    text-align: left;
    padding: 10px;
    border: 12px solid var(--clr-tmava-zelena);
    border-top: 22px solid var(--clr-tmava-zelena);
    box-shadow: 0 0 4px 6px var(--clr-primary)
	}
.table1 td div.rodic div,
.tablea td div.rodic div {
    display: block;
    position: absolute;
    z-index: 1000;
    bottom: 5px;
    width: 320px;
    color: var(--clr-title-podklad) !important;
    background: var(--clr-primary) !important;
    text-align: left;
    padding: 10px;
    border: 12px solid var(--clr-tmava-zelena);
    box-shadow: 0 0 4px 6px var(--clr-primary)
	}
.table1 td div.rodic div {
    left: -40px
	}
.tablea td div.rodic div {
    right: 0
	}
.skore td div.rodicp div {
    right: 0
	}
.skore td div.rodicp div section iframe,
.table1 td div.rodic div section iframe,
.tablea td div.rodic div section iframe {
    width: 100% !important;
    height: auto !important
	}
.table1 td div.rodic div section,
.table1 td div.rodic div section>*,
.tablea td div.rodic div section,
.tablea td div.rodic div section>* {
    color: var(--clr-title-podklad) !important;
    font-weight: 400;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
    text-shadow: none !important;
    line-height: 1.8em
	}
.skore td div.rodicp div section {
    color: var(--clr-title-podklad) !important;
    font-size: 80%;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
    text-shadow: none !important;
    line-height: 1.2em
	}
.podklad1 {
    background: var(--clr-svetla-zelena) !important
	}
.druhy td,
.prvy td,
.treti td {
    color: var(--clr-cierna);
    /*text-shadow: 1px 1px 0 var(--clr-primary)*/
	}
.druhy td a,
.prvy td a,
.treti td a {
    color: #be3101;
    text-shadow: var(--clr-text-shadow-1)
	}
.druhy td a:hover,
.prvy td a:hover,
.treti td a:hover {
    color: var(--clr-primary);
	}
.prvy {
    background: gold !important;
    box-shadow: inset 4px -50px 20px -50px rgba(0, 0, 0, .5);
	}
.prvys {
    background: gold !important;
    box-shadow: inset 4px -50px 20px -50px rgba(0, 0, 0, .5);
	}
.druhy {
    background: silver !important;
    box-shadow: inset 4px -50px 20px -50px rgba(0, 0, 0, .5);
	}
.druhys {
    background: silver !important;
    box-shadow: inset 4px -50px 20px -50px rgba(0, 0, 0, .5);
	}
.treti {
    background: #cd7f32 !important;
    box-shadow: inset 4px -50px 20px -50px rgba(0, 0, 0, .5);
	}
.tretis {
    background: #cd7f32 !important;
    box-shadow: inset 4px -50px 20px -50px rgba(0, 0, 0, .5);
	}
.neaktivny {
    background: #c9cad3 !important
	}
.neaktivny2 {
    background: #e2e2e2 !important
	}
/* -------- CONTENT START -------------- */
#online {
    display: inline !important;
    position: absolute;
    left: .5em;
    top: .4em;
    font-weight: 700;
	color: var(--clr-primary);
    text-shadow: var(--clr-text-shadow-1);
    z-index: 6
	}
img.hrady,
img.hradyy,
img.akcie,
img.foto-info,
img.foto2,
img.turista,
img.hrad-turista,
img.foto3,
img.fotogal,
img.fotohh,
img.fotohr,
img.fotohrady,
img.fotohrady-1,
img.fotosli,
img.foto,
img.login,
img.stat,
img.stat-2,
img.uvodL,
img.uvodP,
img.portret {
    border: 2px solid var(--clr-primary);
    border-radius: var(--border-radius-1);
    box-shadow: var(--box-shadow-foto);
	}
img.stat-2 {
    box-shadow: 0 0 6px 0 var(--clr-cierna);
	}
span.meno {
	color: var(--clr-farba-h2-tmava) !important;
    text-shadow: var(--clr-text-shadow-1)
	}
img.fotohrady {
    height: 95px;
    /*margin: 6px*/
	}
img.foto2 {
    width: 54px;
    border: 4px solid var(--clr-primary)
	}
img.turista {
    width: 100%;
	}
img.hrad-turista {
    width: 35px;
	margin: 2px;
	}
a:hover img.foto-info {
    border-color: var(--clr-anchor-tmava)
	}
img.stat {
    position: relative;
    top: 0;
    left: -6px;
    box-shadow: 0 0 8px 2px var(--clr-primary);
    width: 60px;
    border: 4px solid var(--clr-primary)
	}
img.login {
    width: 36px;
    margin: 2px 6px 2px 2px
	}
img.fotohh {
    width: 65px;
    border: 2px solid var(--clr-primary);
    box-shadow: 0 0 6px 1px var(--clr-box-shadow-1);
    float: left
	}
img.foto-info {
    width: 120px;
    border: 5px solid var(--clr-tmava-zelena);
    box-shadow: 0 0 6px 1px transparent;
    margin-top: .2em
	}
img.portret {
    width: 34px;
	}
img.blok-prihlaseny {
    width: 51px;
	}
img.foto {
	/*width: 110px;*/
    background: var(--clr-primary);
    /*margin: 0 0 .7rem 0;
    float: right*/
	}
img.zapasyy {
    width: 78%;
    border: 3px solid var(--clr-primary) !important;
    border-radius: var(--border-radius-2);
    box-shadow: 1px 1px 8px 1px #2c2c2c
	}
img.akcie {
    width: 34px;
    margin: 2px
	}
img.hradyy {
	width: 130px;
    height: 90px;
	}
img.obrazok {
	width: 200px;
    border: 3px solid var(--clr-primary) !important;
    border-radius: var(--border-radius-2);
    box-shadow: 1px 1px 8px 1px #2c2c2c
	}
.red-dark {
	background: #0f0 !important;
	background: linear-gradient(to bottom, #0f0 0, #009f00 40%, #009f00 60%, #0f0 100%) !important;
}
span.big a:hover,
.table-graf a:hover,
.text a:hover,
.kontakt a:hover {
	color: var(--clr-anchor-svetla) !important;
}
#menu-bottom li:hover a.top_link,
#menu-bottom li:hover a.top_link_a,
#menu-top li:hover a.top_link,
#menu-top li:hover a.top_link_a,
#menu-top a:focus,
#menu-top a:hover,
#menu-bottom a:focus,
#menu-bottom a:hover,
.la,
.zvyraznen-y,
.zvyraznen-e,
.form-prihlas .button,
.odhlasenie .button,
.form-search .button,
.close-calendar:hover,
.tlacitko,
a.butons-2:hover,
.butons-3,
a.aktivv-prep,
a.aktivv-prep:hover,
a.butt-prep:hover,
#info-akcia-2:hover,
#info-pocasie-2:hover,
#menu-bottom li:hover .sub li a,
#menu-top li:hover .sub li a,
#menu-bottom li:hover .sub,
#menu-top li:hover .sub,
#menu-bottom li a.red,
#menu-bottom li a.top_link_a,
#menu-top li a.top_link_a,
#menu-top a.aa,
.aktiv,
.hraci a:hover span,
/*
.content input[type=submit],
.content-long input[type=submit],
*/
a.back:hover,
a.butonsmall:hover,
a.butonre:hover ,
a.buton:hover,
.oznam-obsah a:hover,
a.buton-o,
a.butons:hover,
a.aktiv-prep:hover,
a.but-prep:hover,
a.aktiv-prep,
/*a.but-prep,*/
a.bn,
a.button_d,
a.button_:hover,
a.delete,
.loginhlaska,
a.close,
a.ln:hover,
p.vrcholy:hover,
.div-131 a:hover,
.div-136 a:hover,
.div-obal-hlavny a.button_:hover,
.div-obal-hlavny a.button_d:hover,
.div-obal-hlavny a.button_n:hover,
.div-obal-hlavny a.button_p:hover {
	background: var(--clr-anchor-tmava) !important;
	background: linear-gradient(to bottom, var(--clr-anchor-tmava) 0,  var(--clr-anchor-tmavsia) 40%,  var(--clr-anchor-tmavsia) 60%, var(--clr-anchor-tmava) 100%) !important;
	}
input[type=submit] {
	padding: .55rem 1rem;
	color: var(--clr-primary);
    font-weight: 700 !important;
    background: var(--clr-anchor-tmava) !important;
	background: linear-gradient(to bottom, var(--clr-anchor-tmava) 0,  var(--clr-anchor-tmavsia) 40%,  var(--clr-anchor-tmavsia) 60%, var(--clr-anchor-tmava) 100%) !important;
	transition: var(--transition-1);
	-webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
	text-shadow: var(--clr-text-shadow-1);
	border: 1px solid #b5b5b5;
	cursor: pointer;
	}
input[type=submit]:hover {
	color: var(--clr-anchor-tmava) !important;
    font-weight: 700 !important;
    background: var(--clr-primary) !important;
	background: linear-gradient(to bottom, var(--clr-primary) 0,  var(--clr-siva) 40%,  var(--clr-siva) 60%, var(--clr-primary) 100%) !important;
	-webkit-box-shadow: 0 0 8px 1px #5f5f5f;
    -moz-box-shadow: 0 0 8px 1px #5f5f5f;
    box-shadow: 0 0 8px 1px #5f5f5f;
	border: 1px solid transparent;
	text-decoration: none;
	}
a.buton-p:hover {
    color: #00f !important;
    background: var(--clr-primary) !important;
    text-decoration: none !important
	}
a.buton-o:hover {
    color: var(--clr-anchor-tmava) !important;
    background: var(--clr-primary) !important;
    text-decoration: none !important
	}
a.buton {
    font-weight: 700;
    color: var(--clr-anchor-tmava) !important;
    background: var(--clr-primary);
    padding: 0 .5em;
    line-height: 2.2em;
    white-space: nowrap;
	}
a.buton:hover {
    color: var(--clr-primary) !important;
    background: var(--clr-anchor-tmava);
    text-decoration: none !important
	}
p.vrcholy:hover,
p.vrcholy:hover span.navstiveny {
	color: var(--clr-primary) !important;
	text-shadow: var(--clr-text-shadow-2);
}
.narocnost-10 {
	background: var(--clr-anchor-tmava);
	}
.form-prihlas .button:hover,
.odhlasenie .button:hover,
.form-search .button:hover,
.close-calendar:hover {
	color: var(--clr-primary);
    background: #ff5959;
	transition: all 0.25s ease-in;
	}
#menu-bottom li:hover .sub,
#menu-top li:hover .sub,
#menu-bottom li:hover a.top_link,
#menu-bottom li:hover a.top_link_a,
#menu-top li:hover a.top_link,
#menu-top li:hover a.top_link_a,
#menu-top a:focus,
#menu-top a:hover,
#menu-bottom a:focus,
#menu-bottom a:hover {
	/*transition: var(--transition-1) !important;*/
	}
.je-popis:hover,
.zvyraznen-y:hover,
.button:hover,
a.novinka:hover,
a.close:hover,
a.ln:hover,
.la:hover span,
.ln:hover span,
a.loginn:hover,
a.registrovat:hover,
p.vrcholy:hover,
p.vrcholy:hover span.navstiveny,
.hraci a:hover span,
a.button_m_g:hover,
a.externy:hover,
a.externy:hover i,
.div-131 a:hover,
.div-136 a:hover,
.div-obal-hlavny a.button_:hover,
.div-obal-hlavny a.button_d:hover,
.div-obal-hlavny a.button_n:hover,
.div-obal-hlavny a.button_p:hover,
span.detail:hover i,
a.butonss:hover,
a.butonss:hover i,
a.back-to-top:hover,
a.back-to-top:hover i,
.div-element a:hover
.div-element a:hover i,
span.big a:hover,
.div-143 a:hover,
.div-143 a:hover i,
.text a:hover,
.kontakt a:hover
.oznam-obsah a:hover,
.title2 a:hover {
	transition: var(--transition-1) !important;
	}
/* -------- CONTENT END ---------------- */