BODY { width: 100%; font-family: Arial; background-color: #0094DE; color: #red}
a:link    {color: white; text-decoration: none}
a:visited    {color: white; text-decoration: none}
a:active    {color: white; text-decoration: none}
a:hover    { color: #E62012; text-decoration: none}
a.historie:link { color: #E62012; text-decoration: none}
a.historie:visited { color: #E62012; text-decoration: none}
a.historie:active { color: #E62012; text-decoration: none}
a.historie:hovever { color: #E62012; text-decoration: none}

div  .prvni {background-color: white; position: absolute; left: 14%; top: 0; width: 88%; height: 1100; position: absolute; z-index: 1;}
     .prvnidel {background-color: white; position: absolute; left: 14%; top: 0; width: 88%; height: 1100; position: absolute; z-index: 1;}
     .menu {background-color: #0094DE; position: absolute; left: -16%; top: 200; width: 16%; height: 20; position: absolute; z-index: 2;}
     .menun {background-color: #0094DE; position: absolute; left: -16.5%; top: 270; width: 16%; height: 20; position: absolute; z-index: 2;}
     .prace {background-color: white; position: absolute; left: 5.5%; top: 240; position: absolute; z-index: 3;}
     .fotky {text-align: center; position: absolute; left:5%; top: 250; width: 70%; height: 1100; z-index: 6;}
     .galerie {text-align: center; text-indent: 0px;}

span {position: absolute; left: -2; top: 0; z-index: 3;}
     .fotka {position: absolute; left: 52%; top: 230; z-index: 3;}
     .certifikaty {position: absolute; left: 52%; top: 450; z-index: 3;}
     .mapa {position: absolute; left: 8%; top: 260; z-index: 3}
     .mapak {position: absolute; left: 38%; top: 260; z-index: 3}
     .kontakt {position: absolute; left: 25%; top: 150; width: 300; z-index: 6}
     .kontakt1 {position: absolute; left: 25%; top: 100; width: 300; z-index: 6}
     
   
    

h1 {position: absolute; left: 0; top: 0; z-index: 4;}
h3 {font-family: Arial; font-size: 1.10em; color: black; margin-top: 2px; margin-bottom: 2px; text-indent: 30px}   
   .history {color: black; text-align: justify; text-indent: 0px; position: absolute; left: 5%; top: 220; width: 650; z-index: 6;}
   .dodavatele {text-align: center; text-indent: 0px; position: absolute; left: 5%; top: 220; width: 650; z-index: 6;}
   .kontakt1 {color: black; position: absolute; left: 5%; top: 220; width: auto; z-index: 6;}
   .navstevnost {font-size: 0.8em; text-align: center; margin-top: 0px; margin-bottom: 0px;}
h2 {font-family: Arial; color: white; font-size: 1.25em;  margin-top: 2px; margin-bottom: 2px; text-indent: 30px}
   .menuak {color: #000099;}
   .popis {color: #000099; font-size: 0.9em; text-indent: 0px}
   .popis_new {color: red; font-size: 0.9em; text-indent: 0px}
   .logo {position: absolute; left: -165; top: 30; z-index: 4;}
p  {text-align: center; font-family: Arial; font-size: 1.10em; color: black; margin-top: 2px; margin-bottom: 2px;  position: absolute; left: 9%; top: 470; width: auto; z-index: 6;}
   .kontakt3 {position: absolute; left: 50%; top: top: 470; width: auto; z-index: 6;}
   .kontakt4 {position: absolute; left: 3%; top: 520; width: auto; z-index: 6;} 
li {list-style-image: url("images/tecka.gif")}
hr {color: white}
.aktive   {color: #000099}