* { margin: 0; padding: 0; }
  html { width: 100%; font: 14px Arial, Helvetica, "sans-serif"; color: #082839; font-weight: 500; background: repeating-linear-gradient(to bottom right, #EEF, #BBD 0.2%);}
 /*, linear-gradient(to bottom, rgba(200,200,200,0.8), rgba(255,255,255,0.8)); background-repeat: no-repeat; margin: 0px*/
 
  body { width: 100%; margin: 0 auto; text-align: center; }
  #pozadi {display: block; position: fixed; width: 100vw; height: 100vh; background: linear-gradient(to bottom, rgba(107,217,234,0.8), rgba(200,200,200,0.8)); z-index:-25;} 
   
#hlavicka { width: 100%; height: 200px; padding: 0; margin: 0 auto; background: #6BD9EA;}
 #hlavicka  #stred { width: 80%; min-width: 815px; height: 180px; margin: 0 auto; padding-top: 20px; /* background: url(kluk3.jpg) no-repeat scroll 0 0 transparent;*/ }  /* height: 180px; padding: 0px 0px; */
  
  #hlavicka #stred img.velikost { display: block; margin: 0 auto; /*width: calc(97% - 400px);*/}
  #hlavicka  #stred a  img { display: block; float: left; margin-top: 30px; margin-left: 0px; }

#hlavicka h4  { float: right; margin-top: 57px; margin-right: 3%; font: 16px Arial, Helvetica, "sans-serif"; color: #0C0B6C; font-weight: bold;}
  #hlavicka h4 a{ text-decoration: none; color: #0C0B6C; font-weight: bold;}
  #hlavicka h4 a:hover { text-decoration: none; color: #0D04C3; font-weight: bold; }
  
  #menu { height: 44px; margin: 0px; width: 100%; background: #1E4B62; }
  
  #menu #telo{ width: 80%; min-width: 712px; height: 100%; margin: 0 auto; background: #1E4B62; }
   #menu #telo #vlajky {width: 94px; display: block; float: right; margin: 0px; } 
 #menu #telo #vlajky a img { margin: 10px 5px; display: inline; float: left; padding: 0px;}
  #menu #telo #vlajky a img.prava{ margin: 10px 5px; display: inline; float: right; padding: 0px;}
 /*#menu #telo #vlajky a:hover img { position: relative; top:0px; background: url(anglvl.jpg); z-index:25;}*/
 
#menu #telo #hlavni { height: 44px; display: block; /*float: left;*/ margin: 0px; }
#menu #telo #hlavni a { margin: 0px; display: inline; /*display: block;*/ float: left; 
font: 18px Arial, Helvetica, "sans-serif";
font-weight: 500;
padding: 11px 1%;
color:#FFFFFF;
background: #1E4B62;
border-right: 1px dotted #69d7e8;
text-decoration: none;
text-align: center;
 }

#menu #telo #hlavni a.aktualni { margin: 0px; display: inline; float: left; 
font: 18px Arial, Helvetica, "sans-serif";
font-weight: 500;
padding: 11px 1%;
color:#FFFFFF;
background: #EE2233;
border-right: 1px dotted #69d7e8;
text-decoration: none;
text-align: center;
 }

 #menu #telo #hlavni a:hover { margin: 0px;  display: inline; /*display: block;*/ float: left; 
font: 18px Arial, Helvetica, "sans-serif";
font-weight: 500;
padding: 11px 1%;
color:#83EEFF;
background: #082839;
border-right: 1px dotted #69d7e8;
text-decoration: none;
text-align:center;
}

#stin {top: 7em; height: 3px; background: linear-gradient(#999, rgba(153, 153, 153, 0));}
  
 /*#prechod { width: 100%; min-height: 400px; background: repeating-linear-gradient(to bottom right, #EEF, #BBD 0.2%), 
 linear-gradient(to bottom, rgba(200,200,200,0.8), rgba(255,255,255,0.8)); background-repeat: no-repeat; margin: 0px;}*/
 
  #text { position: absolute; width: 200px; left: 50%; top: 330px; font: 2px Arial, Helvetica, "sans-serif"; color: #5BAFC5; z-index: -30; }
  
  #obsah { width: 80%; min-width: 400px; margin: 0 auto; margin-top: 20px; padding-bottom: 20px; background: #E5EAED; border: 1px outset #69d7e8;
  border-top-right-radius: 20px; border-bottom-left-radius: 20px; background-repeat: no-repeat; 
  font: 14px Arial, Helvetica, "sans-serif"; color: #082839; font-weight: 500; text-align: center; /*overflow: hidden;*/ }
  
  #vertikmenu   {display: block; float: left; width: 20%; min-width: 155px; background: #1E4B62; margin: 18px 0px 18px 18px; 
   text-align: center; padding: 12px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; /* box-sizing: border-box;*/ }
   
 #vertikmenu  ul {list-style-type: none; padding: 0px 0px; margin: 0px auto; text-align: center; }
 #vertikmenu li a { font: 18px Arial, Helvetica, "sans-serif";
font-weight: 500; color:#FFFFFF; display: block; text-decoration: none; text-align: center; padding: 12px; background: #1E4B62; 
 border: 1px dotted #69d7e8; border-top-right-radius: 20px; border-bottom-left-radius: 20px;}
  
 #vertikmenu li a.aktualni { font: 18px Arial, Helvetica, "sans-serif";
font-weight: 500; color:#FFFFFF; display: block; text-decoration: none; text-align: center; padding: 12px; background: #EE2233; 
 border: 1px dotted #69d7e8; border-top-right-radius: 20px; border-bottom-left-radius: 20px;}
 
  #vertikmenu li a:hover { font: 18px Arial, Helvetica, "sans-serif";
font-weight: 500; color:#83EEFF; display: block; text-decoration: none; padding: 12px; background: #082839; 
 border: 1px dotted #69d7e8; border-top-right-radius: 20px; border-bottom-left-radius: 20px; }

 #levy { /*max-width: 70%;*/ min-width: 250px; float: left; text-align: left; padding-top: 10px; padding-bottom: 25px; 
 margin-left: 30px; margin-right: 20px; width: calc(84% - 170px); /*box-sizing: border-box;*/}
  #levy ul { margin: 0px 0px 0px 20px; } 
  #levy img { float: right; margin: 20px 0px 20px 20px; }
  p { margin: 5px 0px; }
  
p.mezera { font: 13px Arial, Helvetica, "sans-serif"; margin: 0px; }
 
p.mmezera { font: 7px Arial, Helvetica, "sans-serif"; margin: 0px; }

p.min { font: 3px Arial, Helvetica, "sans-serif"; margin: 0px; }

  h1 { font: 20px Arial, Helvetica, "sans-serif"; text-align: center; margin-top: 23px; margin-bottom: 15px; font-weight: bold; }
  h2 { font: 14px Arial, Helvetica, "sans-serif"; font-weight: 500; margin: 0px; }
  h3 { font: 14px Arial, Helvetica, "sans-serif"; margin: 4px 0px; font-weight: 500; }
  
  #levy a { color: #0D04C3; font-weight: 500; }
  #levy a:hover { color: #0C0B6C; font-weight: 500; text-decoration: none; }
  
     .cleaner { clear: both;
	   height: 0;
	   font-size: 0;
	   visibility: hidden; }

  #cleaner { clear: both;
	   height: 0;
	   font-size: 0;
	   visibility: hidden; }
	   
  sub { font: 10px Arial, Helvetica, "sans-serif";}
   span { font: 10px Arial, Helvetica, "sans-serif";  position: relative; bottom: 5px; }
  #rok { font: 14px Arial, Helvetica, "sans-serif";  position: relative; bottom: 0px; }
  
  #spodek { clear: left; width: 80%; margin: 0 auto; padding-top: 20px; }
  #spodek h4 { font: 20px Arial, Helvetica, "sans-serif"; text-align: center; font-weight: 600; }
 
  #spodek img{ display: block; margin: 0 auto; width: 100%;}  
   #paticka { width: 80%; margin: 0 auto;  }
  #paticka p{ font: 14px Arial, Helvetica, "sans-serif"; color: black; font-weight: 500; margin: 10px 5px 30px 5px;}