*{
   margin: 0;
   padding: 0;
}

body {
font-family: arial;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#00336c; 

font-size: 12px;
background-repeat:no-repeat;

} 
.skrol{
width:658px;
height:330px;
position: absolute;  
top: 90px; 
left: 37px;

}
#odk{background-color:black; color:white;}

.next{position: absolute;  
top: 98px; 
left: 657px;
font-size:30px;
font-weight: bold;}

.back{position: absolute;  
top: 98px; 
left: 584px;
font-size:30px;
font-weight: bold;}
.cislo{position: absolute;  
top: 98px; 
left: 608px;
font-size:30px;
font-weight: bold;
}

.prostor3{

padding: 0px 10px 0px 10px;
}
.prostor{padding:3px;}
.ukazky{
margin:2px 0px 1px 0px;
width:764px;

}
.textfot{
padding:0px 0px 0px 0px;
margin: 10px 0px 0px 30px;
top: 57px; 
left: 10px;
font-size:11px;
font-weight: bold;
}
.textfot2{
padding:0px 0px 0px 0px;
margin: 30px 0px 0px 30px;
top: 210px; 
left: 10px;
font-size:11px;
font-weight: bold;
}


.textfot3{
padding:0px 0px 0px 0px;
margin: 30px 0px 0px 30px;
top: 360px; 
left: 10px;
font-size:11px;
font-weight: bold;
}

.textfot4{
padding:0px 0px 0px 0px;
margin: 30px 0px 0px 30px;
top: 450px; 
left: 10px;
font-size:11px;
font-weight: bold;
}

.textfots1{
padding:0px 0px 0px 0px;
margin: 10px 0px 0px 30px;
top: 57px; 
left: 10px;
font-size:11px;
font-weight: bold;
}

.textfots2{
padding:0px 0px 0px 0px;
margin: 30px 0px 0px 30px;  
top: 150px; 
left: 10px;
font-size:11px;
font-weight: bold;
}

.textfots3{
padding:0px 0px 0px 0px;
margin: 30px 0px 0px 30px;  
top: 450px; 
left: 10px;
font-size:11px;
font-weight: bold;
}

.textfots4{
padding:0px 0px 0px 0px;
margin: 30px 0px 0px 30px; 
top: 300px; 
left: 10px;
font-size:11px;
font-weight: bold;
}

#centr{
width: 1000px;
position: relative;
text-align: left; 
margin: 0 auto;
}

#logo {
position: absolute;  
top: 35px; 
left: 60px;
}

#logo2 {
position: absolute;  
top: 35px; 
right: 50px;
}

#zapatstavba {
position: absolute;  
top: 108px; 
left: 260px;
color:white;
font-size:11px;
font-weight: bold;
}
#zapatbazen {
position: absolute;  
top: 108px; 
left: 260px;
color:white;
font-size:11px;
font-weight: bold;
}
#zapatempty {
position: absolute;  
top: 108px; 
left: 260px;
color:white;
font-size:11px;
font-weight: bold;
}
#zapateshop {
position: absolute;  
top: 108px; 
left: 260px;
color:white;
font-size:11px;
font-weight: bold;
}

#close {
position: absolute;  
top: 15px; 
left: 676px;
color:white;
}

h1{
position: absolute;  
top: 99px; 
left: 45px;
font-size:30px;

}
#text{
position: absolute;  
top: 135px; 
left: 18px;
width:655px;
}
#obraz{
position: absolute;  
top: 135px; 
left: 478px;
width:260px;
}

#submenu{
position: absolute;  
top: 37px; 
left: 40px;
font-size:13px;
font-weight: bold;
}
#obal{
position: absolute;  
top: 90px; 
left: 20px;
}
#fotky{
position: absolute;  
top: 87px; 
left: 40px;
}

a{
text-decoration: none;

} 
a:visited {color:black;}
a{color:black;}
a:hover {color: #eba842;}

#obsah{
position: absolute;  
top: 180px; 
left: 190px;
}

p{
font-size: 13px;
line-height: 16px;
text-align: justify;
padding: 12px 0px 0px 30px;
}


#podpis {
position: absolute;  
top: 670px; 
left: 670px;
}

.polozka {display: none} 
.bio {display: none} 
#prvni {display: block} /*prvni polozka je zobrazena*/

#menu {
position: absolute;
top: 82px;
left: 66px;}
#menu2 {
position: absolute;
top: 82px;
left: 66px;}
#voda {
position: absolute;
top: 45px;
left: 5px;
}
#stavba {
position: absolute;
top: 0px;
left: 100px;
}
#eshop {
position: absolute;
top: 73px;
left: 90px;
}