body{
width: auto;
margin: auto;
font-family: sans-serif;
padding-top: 70px;
}

.vrchni{
margin: auto;
margin-top: 35px;
width: 960px;
height: 60px;
}

.levy1{
width: 320px;
float: left;
}

.pravy1{
width: 630px;
float: right;
}

.LL{
float: left;
width: 237px;
margin-top: 5px;
}

.LP{
width: 83px;
float: right;
margin-top: 15px;
}

.LP ul{
margin: 0;
padding: 0;
}

.LP li{
list-style: none;
margin: 0;
padding: 0;
}

.LP li.level-2 a{
border-left: 1px #000 solid;
border-top: none;
padding: 2px 0px 0 5px;
margin: 40px 10px 0 0;
}

.LP li.level-2 a:hover{
border-left: 3px #000 solid;
border-top: none;
padding: 2px 0 0 3px;
margin: 40px 10px 0 0;
}

.LP ul.level-2{
position: absolute;
display: none;
padding-top: 10px;

}

.LP li.level-1:hover ul.level-2{
display: block;
background-color: #fff;
z-index: 1;
}                      

.PL{
width: 65px;
float: left;
margin-top: 15px;
}

.PP{
float: right;
width: 564px;
margin-top: 15px;
}

.PPL{
width: 80px;
float: left;
}

.PPP{
float: right;
width: 484px;
text-align: right;
margin-top: -33px;
}

.PPPL{
width: 300px;
float: left;
}

.PPPP{
width: 80px;
float: right;
}

.vrchni a{
color: black;
font-size: 19px;
text-decoration: none;
border-top: 1px #000 solid;
padding-top: 5px;
}

.vrchni a:hover{
font-size: 19px;
color: black;
text-decoration: none;
border-top: 3px #000 solid;
padding-top: 3px;
}

.non a{
text-decoration: none;
}

.spodni{
width: 960px;
margin: 50px auto;
}

.levy2{
float: left;
width: 605px;
}

.pravy2{
float: right;
width: 250px;
margin-top: 0px;
}

.produktL{
float: left;
width: 355px;
}

.produktP{
float: right;
width: 250px;
}

.produktL a{
color: #000;
text-decoration: none;
text-align: center;
}

.produktP a{
color: #000;
text-decoration: none;
}

.pravy2 a{
color: #000;
text-decoration: none;
text-align: center;
}

.telo{
width: auto;
}

.stranka{
width: 960px;
margin: 20px auto;
}

.formular{
width: 740px;
float: right;
margin-top: 20px;
text-align: right;
}

.text{
width: 220px;
float: left;
margin-top: 20px;
font-size: 18px;
}

.kontakt1{
height: 65px;
border-left: 1px #000 solid;
padding-left: 10px;
}

.kontakt1:hover{
height: 65px;
border-left: 3px #000 solid;
padding-left: 8px;
}

.kontakt2{
margin-top: 30px;
height: 65px;
border-left: 1px #000 solid;
padding-left: 10px;
}

.kontakt2:hover{
height: 65px;
border-left: 3px #000 solid;
padding-left: 8px;
}

.mezera{
width: auto;
height: 10px;
}

.spodek{
width: 1000px;
margin: 40px auto;
height: 600px;

}

.submenu{
width: 930px;
float: right;
font-size: 20px;
text-align: center;
margin-top: 15px;
}

.levy3{
width: 600px;
float: left;
height: 500px;
margin-top: 20px;
margin-left: 32px;
}

.pravy3{
width: 300px;
float: right;
height: 500px;
margin-top: 20px;
margin-right: 32px;
}

.left{
width: 300px;
float: left;
height: 500px;
}

.right{
width: 300px;
float: right;
height: 500px;
}

.triko{
width: 200px;
margin: 20px 0 0 60px;
}

.triko a{
color: #000;
text-decoration: none;
margin-left: 10px;
}

.triko img{
margin-top: 10px;
}

.kratasy{
width: 200px;
margin: 20px 0 0 70px;
}

.kratasy a{
color: #000;
text-decoration: none;
margin-left: 10px;
}

.kratasy img{
margin-top: 10px;
}

.klicenka{
width: 200px;
margin: 20px 0 0 40px;
}

.klicenka a{
color: #000;
text-decoration: none;
margin-left: 40px;
}

.klicenka img{
margin-top: 10px;
}

.rucnik{
width: 200px;
margin: 20px 0 0 40px;
}

.rucnik a{
color: #000;
text-decoration: none;
margin-left: 40px;
}

.rucnik img{
margin-top: 10px;
}

.cerna{
width: auto;
height: 655px;
padding-top: 10px;
}

.nadpis{
font-size: 22px;
}

.barvy{
 width: 135px;
 height: 30px;
}

.levy4{
width: 65px;
height: 30px;
float: left;
}

.pravy4{
width: 65px;
height: 30px;
float: right;
}

.barva1{
width: 30px;
height: 30px;
float: left;
}

.barva2{
width: 30px;
height: 30px;
float: right;
margin-left: 5px;
}

.barva3{
width: 30px;
height: 30px;
float: left;
}

.barva4{
width: 30px;
height: 30px;
float: right;
margin-left: 5px;
}  

.black{
width: auto;
margin: 30px auto;
height: 500px;
background: #000;
}

.onas{
width: 960px;
margin: auto;
padding-top: 30px;
height: 200px;
}

.time{
width: 350px;
float: left;
}

.time img{
margin: 10px 0 0 -27px;
} 

.text_prava{
margin-top: 100px;
width: 457px;
text-align: justify;
color: #FFF;
font-size: 19px;
}  

.kontaktL{
float: left;
border-left: 1px #656565 solid;
padding-left: 5px;
text-decoration: none;
color: #656565;
margin-top: 70px;
width: 150px;
}

.kontaktL:hover{
border-left: 3px #656565 solid;
padding-left: 3px;
text-decoration: none;
color: #656565;
}

.kontaktP{
float: right;
border-left: 1px #656565 solid;
padding-left: 5px;
text-decoration: none;
color: #656565;
width: 150px;
}

.kontaktP:hover{
border-left: 3px #656565 solid;
padding-left: 3px;
text-decoration: none;
color: #656565;
}

.copy{
margin-left: 850px;
}

.konec{
margin-top: 705px;
}

.konec-2{
width: auto;
height: 100px;
color: #656565;
margin-top: 506px;
}

.pata{
width: 400px;
margin: auto;
}

.paticka{
width: auto;
height: 200px;
color: #656565;
background-color: #000;
margin-top: 509px;
}

.paticka a{
color: #656565;
text-decoration: none;
}

.konec a{
color: #656565;
text-decoration: none;
}

.konec-2 a{
color: #656565;
text-decoration: none;
}