* { margin: 0; padding: 0; }
  html, body  {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: left;
	font: 14px Arial, Helvetica, "sans-serif"; color: #082839; font-weight: 500;}  /* background: #3893A5 url(pozadi.jpg) repeat-x scroll 0 0;*/
 /*, linear-gradient(to bottom, rgba(200,200,200,0.8), rgba(255,255,255,0.8)); background-repeat: no-repeat; margin: 0px*/
 
 html { display: block; }
  body { width: 100%; margin: 0 auto; text-align: center; display: block; }
  
#background { display: block;
    position: fixed;
    z-index: -3;
    width: 100%;
	height: 100%;
	background-size: cover;
	}
 #rolovani { position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    z-index: 2;} 
	
#hlavicka { width: 100%; /*height: 251px;*/ padding: 0; margin: 0 auto; }
 #hlavicka #stred { width: 80%; margin: 0 auto; height: 250px;  padding-top: 20px; min-width: 460px; border: 1px outset #69d7e8; border-bottom: 0px;
 background: rgba(229,234,237,0.7) url(motorova_jachtau.jpg) no-repeat scroll 0 0; background-position: center bottom; background-size: cover; } /*auto 250px*/
 #hlavicka #stred a img{ display: block; float: right; margin-right: 30px; border: 0px; }
 #hlavicka #stred a.top { display: block; float: left; }
#hlavicka #stred a img.top{ width: 25px; visibility: hidden; margin: 10px; }

  #menu { /*height: 44px;*/ margin: 0px; width: 100%; background: #1E4462;}
  
  /*#menu #telo{ width: 80%; height: 44px; min-width: 430px; height: 100%; margin: 0 auto; background: #1E4462; }*/
  
#menu ul{ list-style-type: none; padding: 0px 0px; margin: 0px auto; text-align: center; /*min-width: 420px;*/ /*height: 44px;*/ display: block; position: relative; }
 #menu li{ display: inline; }
/*#menu #telo #hlavni { height: 44px; display: block; margin: 0 auto; } */ 

#menu a { margin: 0 auto; /*height: 44px;*/
font: 18px Arial, Helvetica, "sans-serif";
font-weight: 500;
padding: 11px 3%;
color:#FFFFFF;
background: #1E4462;
border-left: 1px dotted #69d7e8;
text-decoration: none;
text-align: center;
display: inline-block;
 }
#menu a.posledni { border-left: 1px dotted #69d7e8; border-right: 1px dotted #69d7e8; } 
#menu a.aktualni { background: #EE2233; } 
/*margin: 0 auto; height: inherit;
font: 18px Arial, Helvetica, "sans-serif";
font-weight: 500;
padding: 11px 3%;
color:#FFFFFF;
border-left: 1px dotted #69d7e8;
text-decoration: none;
text-align: center;*/
 

 #menu a:hover { color:#83EEFF; background: #082839; }
/* margin: 0 auto; height: inherit;
font: 18px Arial, Helvetica, "sans-serif";
font-weight: 500;
padding: 11px 3%;

border-left: 1px dotted #69d7e8;
text-decoration: none;
text-align:center;*/


  
  #obsah { width: 80%; min-width: 460px; margin: 0 auto; padding-bottom: 20px; background-color: rgba(229,234,237,0.7); border: 1px outset #69d7e8; border-top: 0px;
   background-repeat: no-repeat; font: 14px Arial, Helvetica, "sans-serif"; color: #082839; font-weight: 500; text-align: center; border-bottom-left-radius: 20px; }/*overflow: hidden; border-top-right-radius: 20px;*/
  
  #vertikmenu   {display: block; float: left; width: 20%; min-width: 155px; max-width: 370px; background: #1E4462; 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: #1E4462; 
 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: 200px; float: left; text-align: left; padding-top: 10px; padding-bottom: 15px; 
 margin-left: 30px; margin-right: 20px; width: calc(83% - 172px); /*box-sizing: border-box;*/}
  #levy ul { margin: 10px 0px 0px 20px; } 
  #levy img { border: 0px; float: right; margin: 10px 10px 15px 15px; }
 #levy img.obr { width: 25%; }
 p { margin: 5px 0px; }
 #levy ul.baleni				{ margin: 3px 0px 12px 0px; }
#levy li.baleni { font: 15px Arial, Helvetica, "sans-serif"; margin-left: 18px; font-weight: 500; list-style: none; line-height: 31px; }
#levy li.baleni a { font: 15px Arial, Helvetica, "sans-serif"; color: #082839; font-weight: bold;}
#levy li.baleni a:hover { font: 15px Arial, Helvetica, "sans-serif"; color: #082839; font-weight: bold; text-decoration: none;}
#levy li.baleni a.koupit{ background: none repeat scroll 0 0 #15607C;
                border-color: #082839;
                border-style: solid;
                border-width: 1px;
                font: 14px Arial, Helvetica, "sans-serif"; 
                font-weight: 500;
                color: white;
                line-height: 31px;
                text-decoration: none;
                padding: 4px 17px; }
#levy li.baleni a.koupit:hover { background: none repeat scroll 0 0 #1F82A3; color: white; font-weight: 500; } 

 #levy a { color: #082839; font-weight: 600; }
  #levy a:hover { color: #082839; font-weight: 600; text-decoration: none; }
  
#levy img.ikona 			{ border-width: 0px; margin: 1px 5px; float: left; } 
#levy a.bily  				{ color: #082839; font: 13px Arial, Helvetica, "sans-serif"; font-weight: 500; } 
#levy a.bily:hover  		{ text-decoration: none; color: #082839; }
   
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; line-height: 31px;}
  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; }
 h4 	{ font: 15px Arial, Helvetica, "sans-serif"; margin: 8px 0px; font-weight: 600; }
 
 
  
     .cleaner { clear: both;
	   height: 0;
	   font-size: 0;
	   visibility: hidden; }

  #cleaner { clear: both;
	   height: 0;
	   font-size: 0;
	   visibility: hidden; }
  sup { font: 10px Arial, Helvetica, "sans-serif";}	   
  sub { font: 10px Arial, Helvetica, "sans-serif";}
  
  #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 { clear: left; width: 80%; margin: 0 auto; margin-bottom: 35px;}
  #paticka p{ font: 14px Arial, Helvetica, "sans-serif"; color: black; font-weight: 500; margin: 5px;}