html, body { font-family:"Times New Roman", Times, serif; height: 100%; max-width:100%;}

#main { height:100%;  min-height:100%;  }
     
#znak_menu{display:none;} 

/* autom. velikost obrazku */
  img:not(.bod):not(#stranka):not(.noresize){max-width:100%; height:auto;}
  
/* hl. stranka mobil / pc */
.h_320{display:none;}
.h_m{display:none;}
@media screen and (max-width: 480px) {
    .h_460{display:none;}
    .h_320{display:table-cell;}
}
@media screen and (min-width: 481px) {
    .h_460{display:table-cell;}
    .h_320{display:none;}
}
@media screen and (max-width: 960px) {
  .h_pc{display:none;} 
  .h_m{display:table-cell;} 
  .td_res{display:inline-block;}
  .i_pc{display:none;} 
  .i_m{display:inline;} 
}
@media screen and (min-width: 961px) {
  .h_pc{display:table-cell;} 
  .h_m{display:none;}
  .td_res{display:table-cell;}
  .i_pc{display:inline;} 
  .i_m{display:none;}
}

/* dalsi stranky mobil / pc */
@media screen and (max-width: 730px) {
    #leva_nabidka{display:none;} 
  #levy_znak{display:none;} 
  #prava_nabidka{display:none;} 
  #znak_menu{display:table-cell;} 
  #prazdny_obsah{display:none;}
  #hlavicka_nadpis{display:table-cell;}
  #hl_obsah{display:table-cell;}
}
@media screen and (min-width: 731px) {
    #leva_nabidka{display:table-cell;} 
  #levy_znak{display:table-cell;} 
  #prava_nabidka{display:table-cell;} 
  #znak_menu{display:none;} 
  #prazdny_obsah{display:none;}
  #hlavicka_nadpis{display:table-cell;} 
  #hl_obsah{display:table-cell;}
}

#hl_dub_nadpis{font-size: 20px;}
    #hl_dub_popis{font-size: 10px;}
@media screen and (max-width: 600px) {
    #hl_dub_nadpis{font-size: 20px;}
    #hl_dub_popis{font-size: 10px;}
}
@media screen and (min-width: 601px) {
    #hl_dub_nadpis{font-size: 30px;}
    #hl_dub_popis{font-size: 15px;}
}    

.kruhyh{background-image: URL("/kruhy-h.gif");}
.kruhys{background-image: URL("/kruhy-s.gif");}
.kruhyd{background-image: URL("/kruhy-d.gif");}

.kruhy{background-image: URL("/kruhy-dub-cz.gif"); width:460px; height:460px; }
.kruhy320{ width:320px; height:320px; }

.bkdp{background-image: URL("/dp2.gif");}
body{background-color:#FFE27F; color:#053974; margin: 0px;}
.bgmain {background: #FFE27F url("/ctverce.gif") center center no-repeat;}
.bgindex {background: #FFE27F url("/kruhy2.gif") center center no-repeat;}
.tisk{background-color:#FFFFFF; color:#053974; margin: 0px;}
p,table,tr,td,img{color:#053974;}
hr {background-color: #FFE27F; border-width: 0px; height: 2px; color: #FFE27F;}

.td {border-bottom: 1px solid black; color:#053974; font-size:11pt;text-align:left;}
.tdl {border-left: 1px solid #053974;}
.tb {border: 0px solid black;}
.tdtb {border-top: 1px solid black;}
.td2 {border-bottom: 1px solid #053974;}
.tl {cursor: pointer;width:150px; height:24px; border: 1px solid black; background-color:#ffee80; }
.atl {cursor: pointer;text-decoration: none;  font-size:13pt;}
.atla {cursor: pointer;text-decoration: none;  font-size:13pt; color:maroon;}
.aktivity {font-size: 9pt;}
.popis {font-size: 11pt;}
.nazev {font-size: 13pt; color:Maroon;}
a.atl{text-decoration:none; color:#053974; cursor:hand;}
a:hover{color:maroon; text-decoration:underline; cursor:hand;}
.nadpis{font-size:36px; text-decoration:none;}
.bod{border:0px;}
nobr, .nobr    { white-space:nowrap; }

.hand {cursor: pointer;}

.atl148{font-weight: bold; font-size:21px; text-decoration:none; width:148px; text-align:center; margin:0px; cursor:hand;  background-image: url(tlacitko148.gif); text-align:center; border: 2px solid #053974; margin-bottom:8px; background-color:#FFECAD; display:block;}
.atl148:hover{color:maroon; text-decoration:none; border: 2px solid Maroon;}

.atl148p{font-weight: bold; font-size:21px; text-decoration:none; width:148px; text-align:center; margin:0px; cursor:hand;  background-image: url(tlacitko148.gif); text-align:center; border: 1px solid #053974; margin-bottom:8px; background-color:#FFECAD; display:block;}
.atl148p:hover{color:maroon; text-decoration:none; border: 1px solid Maroon;}

.atl148b{font-weight: bold; font-size:21px; text-decoration:none; width:148px; text-align:center; margin:0px; cursor:hand; text-align:center; border: 1px solid #053974; margin-bottom:8px; background-color:#FFFFFF; display:block;}
.atl148b:hover{color:maroon; text-decoration:none; border: 1px solid Maroon;}

.atl2012{font-weight: bold; font-size:21px; text-decoration:none; width:280px;  text-align:center; margin:0px; cursor:hand;  background-image: url(tlacitko148.gif); background-position:center; text-align:center; border: 2px solid #053974; margin-bottom:8px; background-color:#FFECAD; background-size:240px; display:block;}
.atl2012:hover{color:Maroon; text-decoration:none; border: 2px solid Maroon;}

.atl2013{font-weight: bold; font-size:18px; text-decoration:none; width:240px;  text-align:center; margin:0px; cursor:hand;  background-image: url(tlacitko148.gif); background-position:center; text-align:center; border: 2px solid #053974; margin-bottom:8px; background-color:#FFECAD; background-size:240px; display:block;}
.atl2013:hover{color:Maroon; text-decoration:none; border: 2px solid Maroon;}

.atl200{font-weight: bold; font-size:18px; text-decoration:none; width:200px;  text-align:center; margin:0px; cursor:hand;  background-image: url(tlacitko148.gif); background-position:center; text-align:center; border: 2px solid #053974; margin-bottom:8px; background-color:#FFECAD; background-size:240px; display:block;}
.atl200:hover{color:Maroon; text-decoration:none; border: 2px solid Maroon;}

.atl2{font-weight: bold; font-size:18px; text-decoration:none;  text-align:center; margin:0px; cursor:hand;  background-image: url(tlacitko148.gif); background-position:center; text-align:center; border: 2px solid #053974; margin-bottom:8px; background-color:#FFECAD; display:block;}
.atl2:hover{color:Maroon; text-decoration:none; border: 2px solid Maroon;}

.px21{font-size:21px;}

.atl112{font-weight: bold; font-size:16px; width:112px; background-image: url(tlacitko112.gif); text-align:center; border: 1px solid #053974; margin-bottom:8px; margin-left:8px; margin-right:8px; background-color:#FFECAD; text-decoration:none; text-align:center; cursor:hand; display:block;}
.atl112:hover{border: 1px solid maroon; color:maroon; text-decoration:none;}

.atl112a{font-weight: bold; color:maroon; font-size:16px; width:112px; background-image: url(tlacitko112.gif); text-align:center; border: 1px solid #053974; margin-bottom:8px; margin-left:8px; margin-right:8px; background-color:#FFECAD; text-decoration:none; display:block;}
.atl112a:hover{border: 1px solid maroon; color:maroon; text-decoration:none;}

.atl112m{font-weight: bold; font-size:12px; width:112px;  background-image: url(tlacitko112.gif); text-align:center; border: 1px solid #053974; margin-bottom:8px; margin-left:8px; margin-right:8px; background-color:#FFECAD; text-decoration:none; text-align:center; cursor:hand; display:block;}
.atl112m:hover{border: 1px solid maroon; color:maroon; text-decoration:none;}

.atl112ma{font-weight: bold; color: maroon; font-size: 12px;  width: 112px; background-image: url(tlacitko112.gif); text-align: center; border: 1px solid #053974; margin-bottom: 8px; margin-left:8px; margin-right:8px; background-color:#FFECAD;  text-decoration:none; display:block;}
.atl112ma:hover{border: 1px solid maroon; color:maroon; text-decoration:none;}

.kosik{font-size: 16px; text-decoration: none; width: 150px;  border: 1px solid black; background-image: url(/tlacitko148.gif); text-align: center; padding-top:2px; white-space: nowrap;}
.kosik:hover{border: 1px solid maroon; text-decoration:none;}
.vstupenky{font-size:16px; text-decoration:none; width:100px;  border: 1px solid black;background-image: url(/tlacitko148.gif);text-align:center;padding-top:2px; white-space: nowrap;}
.vstupenky:hover{border: 1px solid maroon; text-decoration:none;}
.dph {font-size: 10pt;}
.pole {font-size: 11pt; border:1px solid #000060; background-color:#ffffff; max-width:100%;}

h1{font-weight: bold; text-align: center; color:#BB0000;}
h1L{font-weight: bold; text-align: left; color:#BB0000;}
h2{font-weight: bold; text-align: left; color:#BB0000;}
h2.tla{font-weight: bold; color:maroon; font-size:16px; text-align:center; margin: 0px 0px 0px 10px; padding: 0; text-decoration:none; display:block;}
h2.tla:hover{ color:maroon; text-decoration:none;}
.clanek{padding: 8px; border:1px solid gray;}
.obr{margin-left: 6px; margin-bottom:10px; margin-top: 6px;}
.obrL{margin-right: 6px; margin-bottom:10px; margin-top: 6px;}
.fotoL{float: left; margin-right: 10px; margin-bottom:10px; margin-top: 6px;}
.fotoR{float: right; margin-left: 10px; margin-bottom:10px; margin-top: 6px;}

.vlevo_nebo_nad{float: left; margin-right: 10px; margin-bottom:10px; margin-top: 0px;  display: block;}
@media screen and (max-width: 1000px) {
  .vlevo_nebo_nad{margin-bottom:10px; float:none; margin-right: 0px; display: block;}
}

.vpravo_nebo_nad{float: right; margin-left: 10px; margin-bottom:10px; margin-top: 0px; display: block;}
@media screen and (max-width: 1000px) {
  .vpravo_nebo_nad{margin-bottom:10px; float:none; margin-left: 0px; display: block;}  
}

.gal{display:inline-block;  margin: 3px; text-align: center; }

.inB{display:inline-block;}

.n{font-weight: normal;}
.B{font-weight: bold;}
.I{font-style: italic;}
.C{text-align: center;}
.P{text-align: right;}
.Cm{margin: auto;}
.L{text-align: left;}
.J{text-align: justify;}
.M{color:#800000;}
.Modra{color:#074B9A;}
.bM3{border:3px solid #800000;}
.Bk{color:#000000;}
.G{color:#008000;}
.N{color:#053974;}
.R{color:#BB0000;}
.Rs{color:#FF0000;}
.Y{color: #FFE400;}
.seda{color:#808080;}
.S{text-decoration: line-through;}
.U{text-decoration:underline;}
.dn{text-decoration:none;}
.dn2{text-decoration:none;}
.dn2:hover{text-decoration:none;}
.F7{font-size: 36pt;}
.f28{font-size: 28pt;}
.F6{font-size: 24pt;}
.f21{font-size: 21pt;}
.F5{font-size: 18pt;}
.f16{font-size: 16pt;}
.f15{font-size: 15pt;}
.F4{font-size: 13.5pt;}
.F3{font-size: 12pt;}
.F2{font-size: 10pt;}
.F1{font-size: 7.5pt;}
.left{text-align:left;}
.p9{font-size: 9pt;}
.m0{margin: 0px; padding: 0px;}
.od{text-indent: 30px; margin: 0px; }
.mb0{margin-bottom: 0px;}

.sp7{letter-spacing:8px;}
.sp4{letter-spacing:5px;}

.vp{border:1px solid #053974; background-color:#FFF6DC;}
.zp{ background-color:#ffed00;}

.znak3D{background-image: url("/znak3d.jpg");}

.UC{text-transform: uppercase;}

.r0{}
.r2{border-radius: 2px;}
.r3{border-radius: 3px;}
.r4{border-radius: 4px;}
.r6{border-radius: 6px;}
.r12{border-radius: 12px;}

.nSB{border:1px solid gray; width:4px; height:4px; background-color:silver; margin: 1px; display: inline-block;}
.nSE{border:1px solid #008000; width:4px; height:4px; background-color: #00ff00; margin: 1px; display: inline-block;}
.nSA{border:1px solid #800000; width:4px; height:4px; background-color: #ff0000; margin: 1px; display: inline-block;}
.nSt,.nSh,.nSP,.nSR{border:1px solid #000000; width:4px; height:4px; background-color: gray; margin: 1px; display: inline-block;}

.dSB{border:1px solid gray; width:14px; height:14px; background-color:silver; margin: 1px; display: inline-block;}
.dSE{border:1px solid #008000; width:14px; height:14px; background-color: #00ff00; margin: 1px; display: inline-block; cursor: pointer;}
.dSA{border:1px solid #800000; width:14px; height:14px; background-color: #ff0000; margin: 1px; display: inline-block; cursor: pointer;}
.dSt,.dSP,.dSh,.dSR{border:1px solid #000000; width:14px; height:14px; background-color: gray; margin: 1px; display: inline-block;}

.cp{ cursor: pointer;}
.sel{background-color: #FFE27F;}

.zl_poz{background-color: #FFE27F;}
.m_poz{background-color: #7bbbde;}

.Gn {float: left; margin: 4px; width:166px; height:166px; border:1px solid black; background-color:#FFE27F;}
.Gi {float: left; border:0px solid black; margin:3px;}
.Gc {text-align: center; font-weight: bold; margin-top:133px;}

.GID {width:330px; height:330px; z-index:100; border:4px solid #000080; background-color:#FFE27F; display:none; position: absolute;}
.Gdetail {float: left; border:5px solid #FFE27F; margin:0px;}
.GIc {text-align: center; font-weight: bold; margin:0px; font-size: 14pt;}
.Gsouhrn {width:140px; height:100%; z-index:99; border-left:1px solid black; display:none; position: fixed; bottom: 0; right: 0; padding:2px; background-color:#FFE27F; overflow: auto;}

.GID6 {width:660px; height:660px; z-index:100; border:4px solid #000080; background-color:#FFE27F; display:none; position: fixed; top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.GID06 {width:660px; height:660px; z-index:99; border:4px solid #000080; display:none; position: fixed; top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.Gdetail6 {float: left; border:10px solid #FFE27F; margin:0px;}
.GIc6 {text-align: center; font-weight: bold; margin:0px; font-size: 21pt;}

.clear{clear: both;}

@media print {
	.nt{display:none;}
  .reklama1{display:none;}
  .reklama2{display:none;}
  .jz_dieta{content: url("/obr/dieta.jpg"); width:100%; max-width:100% !important;}
}
@media screen and (min-width: 1340px) {	.jz_dieta{content: url("/obr/dieta.jpg"); width:1024px; height:714px;} }
@media screen and (max-width: 1339px) {	.jz_dieta{content: url("/obr/dieta-512.png"); width:512px; height:357px;} }

@media screen and (min-width: 1340px) {	.jz_dieta_en{content: url("/obr/dieta-en.jpg"); width:1024px; height:714px;} }
@media screen and (max-width: 1339px) {	.jz_dieta_en{content: url("/obr/dieta-en-512.png"); width:512px; height:357px;} }

@media screen and (max-width: 805px) {	.reklama1{display:none;} }
@media screen and (max-width: 1055px) {	.reklama2{display:none;} }
@media screen and (max-width: 1280px) {	.reklama3{display:none;} }

.yt_pozvanka{border:1px solid #FFE27F; width:240px; height:180px;}

.yt_player{border:8px solid #FFE27F; width:640px; height:360px;}
@media screen and (min-width: 1616px) {	.yt_player{width:1280px; height:720px;} }
@media screen and (max-width: 1615px) and (min-width: 1196px) {	.yt_player{width:854px; height:480px;} }
@media screen and (max-width: 1195px) and (min-width: 991px) {	.yt_player{width:640px; height:360px;} }
@media screen and (max-width: 990px) and (min-width: 816px) {	.yt_player{width:480px; height:270px;} }
@media screen and (max-width: 815px) and (min-width: 731px) {	.yt_player{width:320px; height:180px;} }
@media screen and (max-width: 730px) and (min-width: 681px) {	.yt_player{width:640px; height:360px;} }
@media screen and (max-width: 680px) and (min-width: 501x) {	.yt_player{width:480px; height:270px;} }
@media screen and (max-width: 500px) and (min-width: 341px) {	.yt_player{width:320px; height:180px;} }
@media screen and (max-width: 340px) and (min-width: 0px) {	.yt_player{width:240px; height:135px;} }
@media print {	.yt_player{width:240px; height:135px;} }

.yt_player2{border:8px solid #FFE27F; width:640px; height:360px;}
@media screen and (max-width: 730px) and (min-width: 681px) {	.yt_player2{width:640px; height:360px;} }
@media screen and (max-width: 680px) and (min-width: 501px) {	.yt_player2{width:480px; height:270px;} }
@media screen and (max-width: 500px) and (min-width: 341px) {	.yt_player2{width:320px; height:180px;} }
@media screen and (max-width: 340px) and (min-width: 0px) {	.yt_player2{width:240px; height:135px;} }
@media print {	.yt_player2{width:240px; height:135px;} }

@media screen and (max-width: 980px) { .jen_pc{display:none;} }
@media screen and (min-width: 981px) { .jen_mobil{display:none;} }
@media screen and (max-width: 980px) { .ib_pc{display:none;} .ib_mobil{display:inline-block;} }
@media screen and (min-width: 981px) { .ib_mobil{display:none;} .ib_pc{display:inline-block;} }
@media print { .jen_mobil{display:none;} }

.b1 {border: 1px solid black;}

.b3D {box-shadow:  4px 4px 3px rgba(0,0,0,0.5);}
.sb3D {box-shadow:-4px -4px 3px rgba(255,255,255,0.5),   4px 4px 3px rgba(0,0,0,0.5);}

button {cursor:pointer;}

.consent {text-align:left; position:fixed; z-index: 1000; padding:3px; visibility:hidden;
  bottom: 4px; right: 4px; background-color: #ffffff; border-radius: 20px; width: 330px; height: 129px;
  opacity: 0.9; filter: alpha(opacity=90); border: 1px solid black; text-align: center;}
.consent2 {text-align:left; position:fixed; z-index: 1000; padding:3px; width: 330px; height: 129px;
  top: 4px; right: 4px; background-color: #ffffff; border-radius: 20px; visibility:hidden;
  opacity: 0.9; filter: alpha(opacity=90); border: 1px solid black; text-align: center;}
.consent_spacer {height:0px;}

.ifr_consent {position:fixed; z-index: 1000; visibility:hidden;
  top: 0px; width:1080px; max-width:100vw; height:100vh;
  opacity: 0.9; filter: alpha(opacity=90); }

.yt_div {border:6px solid #FFE27F; background-image: url("/biovid/yt-biovid.jpg");
   background-color:black; background-size: cover;}

.yt_div {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  cursor: pointer;
}
.ytb_wrapper {
  background: rgba(0,0,0,0.55);
  width: 50px;
  height: 24px;
  border-radius: 5px;
  padding-top: 10px;
  position: relative;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.yt_div:hover .ytb_wrapper {
  background: #cd201f;
}
.ytb_tri {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 14px;
  border-color: transparent transparent transparent #ffffff;
  margin: 0 auto;
}

.none {display:none;}
.bW {background-color:#FFFFFF;}
.p10 {padding: 10px;}
.w240 {width:240px;}