/* Font GARAMOND */

.yt_embed {border:6px solid #FFE27F;}  /* x+80 */
.yt_embed{ width:160px; height:90px;} /* 10 */
@media screen and (min-width: 320px)  { .yt_embed{ width:240px; height:135px;}  }  /* 15 */
@media screen and (min-width: 400px)  { .yt_embed{ width:320px; height:180px;}  }  /* 20 */
@media screen and (min-width: 560px)  { .yt_embed{ width:480px; height:270px;}  }  /* 30 */
@media screen and (min-width: 720px) and (min-height: 360px)  { .yt_embed{ width:640px; height:360px;}  }  /* 40 */
@media screen and (min-width: 1042px) and (min-height: 540px)  { .yt_embed{ width:960px; height:540px;}  }  /* 60 */

@media screen and (max-width: 1024px) {
  .s_pc{display:none;} 
  .s_m{display:table-cell;} 
}
@media print {
  .s_pc{display:none;} 
  .s_m{display:table-cell;} 
}
@media screen and (min-width: 1025px) {
  .s_pc{display:table-cell;} 
  .s_m{display:none;}
}

@media print {
  .A4V{ height:100%; max-height:96% !important; max-width:96% !important;}
  .nt{display:none;}
}

/* autom. velikost obrazku */
  img:not(.bod):not(#stranka):not(.noresize){max-width:100%; height:auto;}

/* HTML 5 */
strong { font-weight: bold; }
em { font-style: italic; }

pre {font: 16px/normal spinnaker,monospace; color:#000000;}
.pre {font: 16px/normal spinnaker,monospace; color:#000000;}

#hledani {background-color: #FFE27F;}

hr {background-color: #000000; border-width: 0px; height: 1px; color: #000000;}

.yt_player{border:2px solid #000000;}

.hidden{visibility:hidden;}

.bod{border:0px;}
.nobr{white-space: nowrap;}
.hand {cursor: pointer;}
article h1{text-align: left; border-bottom: 1px solid black; width: 100%;}

.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: 20px; margin-bottom:20px; margin-top: 0px;}
@media screen and (max-width: 800px) { .vlevo_nebo_nad{margin-bottom:10px; float:none; margin-right: 0px; display: block;} }

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

.vpravo_nebo_nad{float: right; margin-left: 20px; margin-bottom:20px; margin-top: 0px;}
@media screen and (max-width: 800px) { .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;}
.Cm{margin: auto;}
.L {text-align: left;}
.left{text-align: left;}
.J{text-align: justify;}
.P{text-align: right;}
.M{color:#800000;}
.Modra{color:#074B9A;}
.bM3{border:3px solid #800000;}
.Bk{color:#000000;}
.G{color:#008000;}
.N{color:#053974;}
.R{color:#BB0000;}
.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;}
.od{text-indent: 30px; margin: 0px; }

.F4 , .f25px {font-size: 25px;}
.F5 , .f30px {font-size: 30px;}
.tl_HP {display:block; margin-bottom:5px; border: 1px solid black;}
.m_zpet{text-align:left; position:fixed; bottom: 0px; padding:10px; left: 0px; background-color: #ffffff; border-top-right-radius: 20px; opacity: 0.8; filter: alpha(opacity=80);}

.m0{margin: 0px; padding: 0px;}
.m20{margin: 20px;}
.mb0{margin-bottom: 0px;}
.nb {border: 0px;}

.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;}

.cp{ cursor: pointer;}

.clear{clear: both;}
.kulate {border-radius: 50%;}
.oble {border-radius: 6px;}

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


@media screen and (max-width: 1200px) { .praha_pc{display:none;} }
@media screen and (min-width: 981px) { .praha_mobil{display:none;} }

.m_zpet{text-align:left; position:fixed; z-index:99; bottom: 0px; padding:10px; left: 0px; background-color: #ffffff; border-top-right-radius: 20px; opacity: 0.8; filter: alpha(opacity=80);}

li {text-align:left;}

/* MKZ2020PRAHA */

.foto_clanek{border:1px solid black; border-radius:12px;}

body {font-size: 21px; background-color: #ffca00; background-image: url('/nfjz-pozadi-1920-q33.jpg'); background-size: 100% auto; background-position: center; background-repeat: no-repeat; background-attachment: fixed; margin:0px;}
/* @media screen and (max-width: 1366px) { body {background-image: url('/obr/Praha-B0-Q20-O50-1366x1366.jpg'); background-size: 100% auto; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } }*/
@media (orientation: portrait) {body {background-image: url('/nfjz-pozadi-1920-q33.jpg'); background-size: auto 100%; background-position: center; background-repeat: no-repeat; background-attachment: fixed;} } 
p, div, span, ul, li, a, strong, em {font-family: 'EB Garamond', serif; color: #25247b;}  /* color:#43010b; */
.F2 , .f17px {font-size: 17px;}
.f16px {font-size: 16px;}
.f30px {font-size: 30px;}
.f26px {font-size: 26px;}
.tl_HP {display:block; margin-bottom:5px; color: #000068; border: 1px solid black; background-color: rgba(255, 255, 255, 0.6);}
.tl_HP:hover { border: 1px solid #000068; color: #680000; background-color: rgba(255, 255, 255, 0.9);}

.m_zpet{text-align:left; position:fixed; bottom: 0px; padding:10px; left: 0px; background-color: #ffffff; border-top-right-radius: 20px; opacity: 0.8; filter: alpha(opacity=80);}
h1 {font-size: 30px; text-align:left; font-weight: bold;} 
h2 {font-size: 26px; text-align:left;} 
h3 {font-size: 23px; text-align:left;} 
.sans {font-family: Arial, Helvetica, sans-serif;}
.Wh {color: #FFFFFF;}
.FL {float:left;}
.FR {float:right;}
.h3D {color: #0000AA; text-shadow: -2px -2px 0px rgba(255,255,255,1), 2px -2px 0px rgba(255,255,255,1),-2px 2px 0px rgba(255,255,255,1), 2px 2px 0px rgba(255,255,255,1);
     border-radius: 25px; border:0px; padding:0px; background-color: rgba(255, 255, 255, 0.0); }

.h1_header{ font-size:42px; }
@media (max-width: 980px){.h1_header{ font-size:36px; } }

.timer {background-color: rgba(0, 0, 0, 0.5);  color: rgba(255,255,128, 1); font-size:36px; font-family: Arial, Helvetica, sans-serif; border: 1px solid rgba(255,255,255,0.5);}

.foto_clenove{ border:2px solid rgba(200, 0, 0, 0.68); border-radius: 75px; width:150px; height:150px;}
@media screen and (max-width: 1200px){.foto_clenove {border-radius: 65px; width:130px; height:130px; }}
.foto_clenove:hover{opacity:0.68; border:2px solid rgba(0, 0, 200, 1);}
.foto_clenove_m{ border:2px solid rgba(200, 0, 0, 0.68); border-radius: 75px; width:auto; height:auto; max-width:150px;}
.td_clenove{ position:relative; border:2px solid rgba(0, 0, 200, 0.68); background-color: rgba(255,255,255,0.68); border-radius: 25px; padding:10px 5px 5px 5px;}

.vice { width:100px; position:absolute; bottom: 10px; left: 50%; margin-left: -50px; z-index:2; font-size: 21px; color: rgba(255,0,0, 1); border:2px solid rgba(200,0, 0,  0.68); background-color: rgba(0,0,0, 0.3); border-radius: 25px;}

.modre_zahlavi{ width:100%; background-color: rgba(0,0,200,0.5); border-bottom:0px solid black; color:#FFFFFF; font-size:16px; font-family: Arial, Helvetica, sans-serif; padding:3px; margin-bottom:5px; }
#mh_timer{color:#FFFFFF; font-size:16px; }
/* rgba(255, 202, 0, 0.68); zluta z pozadi   rgba(255, 230, 130, 0.8); svetlejsi zluta */
.stranka {margin: 0 auto; max-width:984px; background-color: rgba(255, 255, 255, 0.68); padding: 0px 20px 20px 20px; border: 2px solid #a50d12; border-radius: 25px; color: #25247b;}
.foto_clen{ border:2px solid rgba(200, 0, 0, 0.68); border-radius: 105px; }
.a_menu{font-family: 'Noto Sans', sans-serif; font-size: 12px;}
.a_menu:hover{color: #DD0000; }

.m_menu {display: none; overflow:auto; width:100vw; height:100vh; position:fixed; z-index:100; background-color: rgba(0,0,200,0.8); font-family: Arial, Helvetica, sans-serif;}
.a_menu_m{font-family: 'Noto Sans', sans-serif; font-size: 18px; color:#FFFFFF;}

@media screen and (min-width: 240px)  { .yt_p_480{ width:240px; height:135px;}  }  /* 15 */
@media screen and (min-width: 320px)  { .yt_p_480{ width:320px; height:180px;}  }  /* 20 */
@media screen and (min-width: 360px)  { .yt_p_480{ width:360px; height:202px;}  }  /* 22 */
@media screen and (min-width: 400px)  { .yt_p_480{ width:400px; height:225px;}  }  /* 25 */
@media screen and (min-width: 480px)  { .yt_p_480{ width:480px; height:270px;}  }  /* 30 */

.start480 {width:480px; position:absolute; bottom: 15px; z-index:2; font-size: 26px; color: rgba(0,0,200, 1);}
@media screen and (max-width: 480px) {.start480 {width:100vw; font-size: 24px; } .timer{font-size: 26px;} }

.tbl_clenove {width:1260px;}
.div_clanek_R {margin: 0 auto; max-width:980px; background-color: rgba(255, 255, 255, 0.68); padding:20px; border: 2px solid #DD0000; border-radius: 25px;}

.nahled {border:1px solid black; border-radius:6px;}
.pnahled {border:1px solid black; border-radius:25px; } /* max-width:100%; height:auto; */
.h3_clen {font-size: 21px;}

@media screen and (min-width: 980px){ .w1200 {width:90vw; max-width:1200px; min-width:980px;} }

.p16 {width:16%;}
.form {background-color: rgba(255, 255, 255, 0.6); border:1px solid black; color:black; padding:5px;}
.w100pr {width:100%;}