body { margin:0; -webkit-font-smoothing: antialiased;  background:#F5F5F5;}
.bl { width:100%; height:auto; overflow:hidden; }
.see { width:100%; height:0px; overflow:hidden; margin:0; padding:0; }
.bsp { width:100%; height:65px; overflow:hidden; }
.err { padding:1%; font-weight:bold; color:#fff; background-color:#c00; margin-bottom:0; font-size:1.1em; line-height:1.3; font-family:Arial, Helvetica, sans-serif;}

.mw2:hover  ~ nav {top:0;} .u-section-1:hover ~ nav {top:0;} nav:hover {top:0;}
.gohome:hover ~ nav {top:0;}
nav:hover {top:0;}
.mw { width:100%!important; }

.bgc { background:#000;} .bgc p { color:#fff;} .bgc .po { color:#fff;}
.bgw { background-color:#fff;}
.bg1 { background:#EFEBE2;}
.bg2 { background:#b3a280;}
.bg3 { background:#fff url(../images/leonardo-da-vinci-anatomicky-atlas/bg.webp) repeat;}

.blt ul { list-style: none;}
.blt ul li:before { content:"●"; color:#b49460; display:inline-block; width:1.1em; margin-left:-1.1em;}

table.ceny {width:auto;margin: 1em 0;}
table.ceny td:first-child {background: #86754d;color:#fff;text-align: left;padding: .4em .8em;border: solid 1px #ccc}
table.ceny td:last-child {background: #f5f5f5;text-align: center;padding: .4em .8em;border: solid 1px #ccc}

.btn-buy { display:block; width:250px; height:58px; padding:0 15px;  overflow:hidden; margin:-52px auto 0 auto;  z-index:390; cursor:pointer;
    font-size:17px; line-height:58px; text-align:right;  color:#fff; text-decoration:none; border: 1px solid #fff;
    background:#b49460 url(../images/ico_btn-cart_white.png) left center no-repeat;background-size: contain;
    -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;  -webkit-transition: all 300ms;  transition: all 300ms; font-family:'Open Sans';} 
.btn-buy.vi { width:156px; color:#fff;}
.btn-buy.in { margin:0;}

.tabl { font-family:'Open Sans';}
.legenda { width:auto; height:1.5em; padding:1em; overflow:hidden; text-align: center; margin-bottom:1em; }
.legenda span			{padding:0.6em 1.2em .8em 1.em; }
.legenda #volne			{background:#fff; color:#000;}
.legenda #rezervovane	{background:#b49460; color:#fff;} 
.legenda #predane		{background:#6d2c32 ; color:#fff;}

.bt { width:100%; height:auto; overflow:hidden; color:#000; text-align:center; }
.bt div { width:3.35em; height:1.7em; line-height:1; overflow:hidden; margin:0 0 2px 0; padding-top:0.8em; text-align:center; display:inline-block; }
.bt .v {  background-color:#fff; color:#000; cursor:pointer;} .bt .v:hover {color:#fff; background:#333;} /* #b08e5f */
.bt .r {  background-color:#808080;color:#fff;}
.bt .p {  background-color:#a38c61;color:#fff;}
.bt .x {  background-color:rgba(200,200,200,.2);}

#table2 .bt .p {background-color:#c6b17d;}

#sft { width:100%; height:90px; overflow:hidden;}
#sfb { width:100%; height:120px; overflow:hidden;}

#o1 { margin-top:30px;}
#o1 h1 { font-family:'Playfair Display SC', serif; font-weight:400; letter-spacing:0; line-height:1.1; font-size:45px; color:#b3a280;margin:4.5vw 0 1.3vw 0; text-align:center}
#o1 h1 span { color:#000; font-style:italic;}
#o1 h3 {text-transform:uppercase; color:#000; margin-top:40px; text-align:center;}
#o1 h3 span { color:#b3a280; font-style:italic;}

#obj-2a { width:100%; height:auto; overflow:hidden;}
#obj-2b {width:100%; height:auto; overflow:hidden; display:none;}
#obj-2b p { font-size:14pt;}

table.oceny {width:100%;margin: 1em 0; font-size:13pt; font-family: 'PT Sans', sans-serif, 'Myriad Pro','Lucida Grande', Helvetica, Arial, sans-serif;}
table.oceny th{background: #b49460;color:#fff;text-align: center;padding: .5em .5em;border: solid 1px #fff}
table.oceny td{background: #e5e5e5;text-align: center;padding: .5em .5em;border: solid 1px #fff}

.objednavka { width:89%; height:auto; overflow:hidden; padding:80px 5.5% 10px 5.5%; background:rgba(193,184,141,.1);}
.objednavka h1 { text-align:center; font-size: 36px; font-weight:500; margin:0; color:#000;   text-transform: uppercase;}
.objednavka h3 { color:#b49460; font-weight:500; }
.objednavka h3 span { float:right; font-size:1em;font-weight:500;}
.objednavka p {line-height: 1.3;}
.objednavka p.small{font-size:75%}
.objednavka a { color:#000;} .objednavka a:hover { color:#c70000;}
.objednavka table{width:100%}
.objednavka table.dodacie td{padding:0}
.objednavka table th{text-align: right;border-bottom-width:2px}
.objednavka table td{text-align: right}
.objednavka table td a{color:#000}
.objednavka table td input[type=text],.objednavka table td input[type=number]{ background:#fff; font-size:1em;  width:90%}
.objednavka table td.leftalign, .objednavka table th.leftalign{text-align: left}
.objednavka table td.total{
    font-weight: 700;
    font-size:150%}
.objednavka .titul{width:50%;text-align: left}
.objednavka .summary{
    display: block;
    padding: 1em;
    border: solid 2px #e5e5e5;
    text-align: right;
}

.objednavka .summary strong {font-weight: 700}

.objednavka form { width:100%;}
.objednavka .tab-content { width: 100%; height:auto; overflow: hidden; font-size: 17px;  line-height: 25px;  padding:0;  }

.objednavka input[type="text"], .objednavka input[type="email"], .objednavka input[type="tel"], .objednavka textarea { border:none;}
.objednavka button, .objednavka input[type=button], .objednavka input[type=submit] {display: block;	width:auto;height:auto;	
	font-family: 'Open Sans', sans-serif, Helvetica, Arial; cursor:pointer;
	background: #5e5e5d;	font-size:1em; 	border:0;	padding:1em 2em;	text-align: center;    color:#fff;    text-decoration: none;
	-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;
	-webkit-border-radius: 3px;		-moz-border-radius: 3px;		border-radius: 3px;}
.objednavka button:hover, .objednavka input[type=button]:hover, .objednavka input[type=submit]:hover {background:#333;	}

#bfirma, #bdadr { display:none;}

.creg {  width: 95.9%; height:auto;  overflow: hidden;  font-size: 17px;  line-height: 25px;  padding: 1% 0 1% 0; }
.creg label {color:#b49460; font-family:'Open Sans';}
.freg { width:100%; height:auto; overflow:hidden; padding-bottom:2%;background:rgba(119,100,65,.19);}		
.freg input[type=text], .freg input[type=email], .freg input[type=tel], .freg input[type=password], .freg input[type=number], .freg textarea
	{background:#fff; font-size:1em; padding:1%; margin:2% 0 0 1.98%; border:none; float:left; }		
.freg input[type=text].s {width:13%;}
.freg input[type=text].ms {width:15%;}
.freg input[type=text].m {width:28%;}
.freg input[type=text].ic {width:28%;}
.freg input[type=text].dc {width:29%;}
.freg input.lh {width:45%;}
.freg input[type=text].lq {width:75%;}
.freg input[type=text].xl {width:94%;}
.freg textarea { font-family:'Open Sans', Arial, Helvetica, sans-serif; height:5em;}	
.freg p { padding: 2% 2% 0 2%;}
.freg p.info { padding: 0 2% 0 2%; margin-bottom:0;}
.freg p.info label { display:inline-block; width:8em; height:auto;}
.freg p.infoheslo { display:block; width:95.9%; height:auto; overflow:hidden; padding: 0 2% 0 2%; margin:2% 0 -1% 0;}
.freg p.ll { margin:0; padding: 2% 2% 0 2%;color:#000; }
.freg input[type=radio] { margin:2% 1% 0 2%;}
#l_suhlas1 { display:block; width:1em; height:3.2em; overflow:hidden; float:left; margin:2% 1% 0 2%}
#r_suhlas1 { display:block; width:92%; height:3.2em; overflow:hidden; float:left; margin:2% 1% 0 0}
.freg label { margin:0; padding: 2% 2% 0 0; cursor:pointer;}
.freg a { text-decoration:underline;}
.freg table {margin:2% 0 0 2%; width:96%;}
.freg table td {text-align:left; vertical-align:top;} .freg table td:nth-child(1) { min-width:8em;}
.freg span { color:#000; }
.hl, .objednavka .hl a  { color:#000;} .objednavka .hl a:hover { color:#c70000; text-decoration:none;}

footer { width:100%; max-width:100%;}

@keyframes iz00 {0%, 2% {opacity:1;background-position:center center;background-size:100%;} 24% { opacity:1; background-position:24.3% 84.7%; background-size:184%;} 
26% { opacity:0;background-position:24.3% 84.7%; background-size:184%;} 100% {;opacity:0;background-position:center center;background-size:100%}}
@keyframes iz01 {0%,24% {opacity:0;} 24.5% {opacity:1;background-size:100%;} 50% { opacity:1; background-position:27.7% 73.4%;  background-size:200%;} 
92% { opacity:0;background-position:27.7% 73.4%;  background-size:200%;} 100% {background-position:center center;background-size:100%;opacity:0;}}
@keyframes iz02 {0%,50% {opacity:0;} 51% {opacity:1;background-size:30%;} 84%,96% { opacity:1; background-size:150%;} 
99% { opacity:0; background-size:150%;} 100% {background-position:center center;background-size:50%;opacity:0;}}
@keyframes iz10 {0%, 2% {opacity:1;background-position:center center;background-size:100%;} 24% { opacity:1; background-position:31.3% 96.5%; background-size:223%;} 
26% { opacity:0;background-position:31.3% 96.5%; background-size:223%;} 100% {;opacity:0;background-position:center center;background-size:100%}}
@keyframes iz11 {0%,24% {opacity:0;} 24.5% {opacity:1;background-size:100%;} 50% { opacity:1; background-position:29.05% 41.55%; background-size:200%;} 
92% { opacity:0; background-position:29.05% 41.55%;  background-size:200%;} 100% {background-position:center center;background-size:100%;opacity:0;}}
@keyframes iz12 {0%,50% {opacity:0;} 51% {opacity:1;background-size:43.6%;background-position:center center;} 84%,96% { opacity:1; background-position:30% 20%; background-size:180%;} 
99% { opacity:0; background-position:30% 20%; background-size:180%;} 100% {background-position:center center;background-size:50%;opacity:0;}}
@keyframes iz20 {0%, 2% {opacity:1;background-position:center center;background-size:100%;} 24% { opacity:1; background-position:42.54% 92.8%; background-size:217.8%;} 
26% { opacity:0;background-position:42.54% 92.8%; background-size:217.8%;} 100% {;opacity:0;background-position:center center;background-size:100%}}
@keyframes iz21 {0%,24% {opacity:0;} 24.5% {opacity:1;background-size:100%;} 50% { opacity:1; background-position:0 47%; background-size:150%;} 
92% { opacity:0; background-position:0 47%; background-size:150%;} 100% {background-position:center center;background-size:100%;opacity:0;}}
@keyframes iz22 {0%,50% {opacity:0;} 51% {opacity:1;background-position:8.8% 46.5%;background-size:47.9%;} 84%,96% { opacity:1; background-position:50% 20%; background-size:180%;} 
99% { opacity:0; background-position:50% 20%; background-size:180%;} 100% {background-position:8.8% 46.5%; background-size:47.9%;opacity:0;}}
@keyframes iz30 {0%, 2% {opacity:1;background-position:center center;background-size:89.2%;} 24% { opacity:1;background-position:59.2% 39.5%;background-size:221.7%;} 
26% { opacity:0;background-position:59.2% 39.5%;background-size:221.7%;} 100% {;opacity:0;background-position:center center;background-size:100%}}
@keyframes iz31 {0%,24% {opacity:0;} 24.5% {opacity:1;background-position:center center;background-size:89.2%;} 50% { opacity:1; background-position:50% 50%; background-size:120%;} 
92% { opacity:0; background-position:50% 50%; background-size:120%;} 100% {background-position:center center;background-size:100%;opacity:0;}}
@keyframes iz32 {0%,50% {opacity:0;} 51% {opacity:1;background-position:74.9% 19.88%;background-size:56.15%;} 84%,96% { opacity:1; background-position:40% 40%; background-size:180%;} 
99% { opacity:0; background-position:40% 40%; background-size:180%;} 100% {background-position:74.9% 19.88%;background-size:56.15%;}}
@keyframes iz100 {0%,20% {opacity:0;} 60%, 100% {opacity:.8;}}

.rel { position:relative;}
#mobinf { display:none; position:absolute; left:2%; top:0; z-index:335;font-size:.7em; color:#c00; font-weight:bold;}
#mobinf.no { display:block;}
.freg input[type=tel].ok { width:47%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #47B183;} 
.freg input[type=tel].no { width:47%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #c00;} 

.bz { width:100%; height:auto; padding:0 2% 2em 2%; overflow:hidden; background:#000; }
#slide {width:100%; max-width:1140px; height:700px; overflow:hidden; margin:0 auto;	position:relative;}
#slide div { width:100%; height:700px; overflow:hidden;position:absolute;left:0;top:0;background-size:100%;background-position:center center; background-repeat:no-repeat; animation-name:none;}
.bz .bzp { width:100%; height:auto; overflow:hidden; text-align:center;}
.bz .bzp div { display:inline-block; color:#a38c61; margin:10px 6px 6px 24px; cursor:pointer;}
.bz .bzp div:before { content:"●"; margin-right:6px;}
.bz .bzp div:hover {color: #ddd;}
.bz .bzp div.active {color: #fff;}

#slide.z0 div:nth-child(1) { background-image:url(../images/epopej/zoom/a-slovane_v_pravlasti_01m.jpg); animation: iz00 ease-in-out infinite 30s; }
#slide.z0 div:nth-child(2) { background-image:url(../images/epopej/zoom/a-slovane_v_pravlasti_02m.jpg); opacity:0; animation: iz01 ease-in-out infinite 30s;}
#slide.z0 div:nth-child(3) { background-image:url(../images/epopej/zoom/a-slovane_v_pravlasti_03m.jpg); background-size:30%; opacity:0; animation: iz02 ease-in-out infinite 30s;}
#slide.z1 div:nth-child(1) { background-image:url(../images/epopej/zoom/b-slavnost_svantovitova_01m.jpg); animation: iz10 ease-in-out infinite 30s; }
#slide.z1 div:nth-child(2) { background-image:url(../images/epopej/zoom/b-slavnost_svantovitova_02m.jpg); background-position:29.05% 41.55%;opacity:0; animation: iz11 ease-in-out infinite 30s;}
#slide.z1 div:nth-child(3) { background-image:url(../images/epopej/zoom/b-slavnost_svantovitova_03m.jpg); background-size:43.6%;opacity:0; animation: iz12 ease-in-out infinite 30s;}
#slide.z2 div:nth-child(1) { background-image:url(../images/epopej/zoom/c-kazani_husovo_01m.jpg); animation: iz20 ease-in-out infinite 25s;}
#slide.z2 div:nth-child(2) { background-image:url(../images/epopej/zoom/c-kazani_husovo_02m.jpg); opacity:0; animation: iz21 ease-in-out infinite 25s; }
#slide.z2 div:nth-child(3) {background-image:url(../images/epopej/zoom/c-kazani_husovo_03m.jpg);background-position:8.8% 46.5%;background-size:47.9%;opacity:0;animation: iz22 ease-in-out infinite 25s;}
#slide.z3 div:nth-child(1) { background-image:url(../images/epopej/zoom/d-apoteoza_01m.jpg);background-size:89.2%; animation: iz30 ease-in-out infinite 18s;}
#slide.z3 div:nth-child(2) { background-image:url(../images/epopej/zoom/d-apoteoza_02m.jpg);background-size:89.2%;opacity:0; animation: iz31 ease-in-out infinite 18s;}
#slide.z3 div:nth-child(3) { background-image:url(../images/epopej/zoom/d-apoteoza_03m.jpg);background-position:74.9% 19.88%;background-size:56.15%;opacity:0;animation: iz32 ease-in-out infinite 18s;}
/*#slide.z3 div:nth-child(2) { background-image:url(../images/epopej/zoom/d-apoteoza_02m.jpg);background-position:50% 50%; background-size:120%;}
#slide.z3 div:nth-child(3) { background-image:url(../images/epopej/zoom/d-apoteoza_03m.jpg);background-position:74.9% 19.88%;background-size:56.15%;}*/

@media (max-width: 1080px)  {
	#slide, #slide div { height:60vw; }
}
@media (max-width: 1080px) and (min-height: 1100px), (max-width: 800px) and (min-height: 900px), (max-width: 600px)  {
	.see { display:none;}
	.legenda { padding:1em 0; margin-left:-1em; }
	.legenda span {padding:0.6em;font-size:14px!important; }
	.legenda span:first-child {padding-left:0; }
}