html, body {margin:0; padding:0;}
body {/*background: url(podklad1.gif);*/ 
background: url(podklad2.gif);font-family:Verdana, Arial, sans-serif; 
height:99%;
text-align: center;
}

h1 {
text-align: left;
color:white;
background: url(Animace1.html) no-repeat 20px 20%;
background-color: #006;
height: 170px;
padding: 0 0 0 300px;
}

h1 div{white-space: nowrap;}

h1 #nadpis2 {font-size: 80%;}

#obsah {
position: absolute;
left: 20px;
width: 1000px;
margin:0;
padding:1em 0;
}

#navigace {float: left;
text-align: left;
width: 200px;
font-weight:bold;
color: #006;
background: #DDD;
margin: 0 6px 0 0;
}
#navigace li {padding: .3em;
}

#navigace a {text-decoration: none;
display:block;
border: 1px solid #999;
}

#telo {padding: .5em 2px;
margin: 0 0 0 75px;
background: #DDD;
float: left;
width: 700px;}



ul {list-style-type: none;
margin:0;
padding: 0 0 0 1em;
}
ul ul {list-style-type: square;}
/* Pixyho navod na galerii - tupe prepsane */
.cleaner {
clear:both;
height:0;
overflow:hidden;
content: ' ';}

.cleaner hr {display: none;}

#obalgalerie {margin:2px; 
text-align: center;
overflow: auto;
height: 550px;
}

#galerie {
margin:1.5em;
width:100%;
padding: 1px 0;
}

#galerie .foto, #galerie .foto1, #galerie .foto2 {
float: left;
display: inline;
width: 310px;
height: 260px;
margin: 20px 0;
}


#galerie .foto1 {height:450px;
margin: 1em 0;}


#galerie .foto img {
margin: 5px 0 0 0;
border: 1px silver;}

#galerie .foto p {margin: .2em 1em;
}

#podgalerie {width: 600px;}

#pata {font-size: 70%;
margin: 3em 1em;
padding: 1em;
border-top: 2px solid silver;
clear:both;}

#zasady {
margin: 1em 10em;
font-weight: bold;
}

#sluzby, #kontakty{
text-align: left;}

#seznamsluzeb {margin: 0 0 1em 0;
font-weight:bold;}

#podsluzba {margin: 1em 0 0 0;
}

#polozka {margin: 1em 0 0 0;}

#sluzby p {font-weight: bold;}

#sluzby ul p{font-weight:normal;}

#kontakty li{padding: .1em;}

a:hover, a:hover p {background-color: #4A9; color: #333;}