body {
font-family: Verdana, Geneva, Tahoma;
font-size:12px;
color: #000;
margin: 0;
padding: 0;
background-color: #669900;
text-align: center;
}

h1 {font-family:verdana; font-size:14px;font-weight:bold;padding:0.5em 0.5em 0.5em 3.2em;}
#horizon {       
background-image: url(blank.gif);
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}
#page {
font-family: Verdana, Geneva, Tahoma;
background-color: #ffffff;
margin-left: -450px;
position: absolute;
top: -320px;/*ovlivnuje horni hranu*/
left: 50%;
width: 900px;
height: 660px;
visibility: visible;
padding: 0em;
color: #000000;
text-align: left;
background-image: url(obrazky/stranka.png);
background-position: top right;
background-repeat: repeat-y;
} 
#hlavicka{ 
background: #ffffff; 
background-image: url(obrazky/top.png);
background-position: top;
background-repeat: no-repeat;
height: 100px;
} 
.hlavicka-obsah{ 
position: relative;
top: 25px;
left: 37px;
width: 200px;
} 
#obsah{ 
width: 900px; 
margin:1em auto; 
text-align:left; 
background-color: White;
} 
#sub{ 
width: 900px; 
background-image: url(obrazky/obsah.png);
background-position: top;
background-repeat: no-repeat;
height: 70px;
}
#levypanel{ 
float: left; 
width: 570px; 
} 
#levypanel-obsah{ 
margin:0; 
} 
#pravypanel{ 
margin:0 0 0 585px; 
padding:0; 
position: relative;
top: 5px;
left: 0px;
} 
#pravypanel-obsah{ 
margin:0; 
padding: 0em 0em 0.5em 1em; /*okraje textu*/
font-size: 10px;
background-color: transparent;
} 
#paticka_matrjoska {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 60px;
background: #669900;
} 
#paticka{ 
background: #669900;
color: #ffffff; 
font-size: 9px;
background-image: url(obrazky/bottom.png);
background-position: top center;
background-repeat: no-repeat;
/*position: relative;*/
position: relative;
height: 60px;
}
.patka{
text-align: center;
position: relative;
top: 30px;
left: 635px;
}
p{
font-family: Verdana,Tahoma,Ariel;
font-size: 12px;
text-align: justify;
/*padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;*/
line-height: 160%;
padding:0.5em 0.5em 0.5em 3.2em;/*top-right-bottom-left*/
}
ul{
font-family: Verdana,Tahoma,Ariel;
font-size: 11px;
font-weight: bolder;
list-style-type: none;
}
li{
font-weight: normal;
display: block;
line-height: 150%;
list-style-type: none;
}
#popis0{
text-align: left;
position: relative;
width: 518px;
top: 35px;
left: 39px;
background-image: url(obrazky/prouzek0.gif);
background-position: top left;
background-repeat: repeat-y;
padding: 5px 30px 5px 5px;
}
#popis{
text-align: left;
position: relative;
width: 518px;
top: 35px;
left: 39px;
background-image: url(obrazky/prouzek1.gif);
background-position: top left;
background-repeat: repeat-y;
padding: 5px 30px 5px 5px;
}
#popis2{
text-align: left;
position: relative;
width: 518px;
top: 35px;
left: 39px;
background-image: url(obrazky/prouzek2.gif);
background-position: top left;
background-repeat: repeat-y;
padding: 5px 30px 5px 5px;
}
#popis3{
text-align: left;
position: relative;
width: 518px;
top: 35px;
left: 39px;
background-image: url(obrazky/prouzek3.gif);
background-position: top left;
background-repeat: repeat-y;
padding: 5px 30px 5px 5px;
}
#popis4{
text-align: left;
position: relative;
width: 518px;
top: 35px;
left: 39px;
background-image: url(obrazky/prouzek4.gif);
background-position: top left;
background-repeat: repeat-y;
padding: 5px 30px 5px 5px;
}
#popis5{
text-align: left;
position: relative;
width: 518px;
top: 35px;
left: 39px;
background-image: url(obrazky/prouzek5.gif);
background-position: top left;
background-repeat: repeat-y;
padding: 5px 30px 5px 5px;
}
#popis6{
text-align: left;
position: relative;
width: 518px;
top: 35px;
left: 39px;
background-image: url(obrazky/prouzek6.gif);
background-position: top left;
background-repeat: repeat-y;
padding: 5px 30px 5px 5px;
}
#popis7{
text-align: left;
position: relative;
width: 518px;
top: 35px;
left: 39px;
background-image: url(obrazky/prouzek7.gif);
background-position: top left;
background-repeat: repeat-y;
padding: 5px 30px 5px 5px;
}
#popis8{
text-align: left;
position: relative;
width: 518px;
top: 35px;
left: 39px;
background-image: url(obrazky/prouzek8.gif);
background-position: top left;
background-repeat: repeat-y;
padding: 5px 30px 5px 5px;
}
.menu{
position: relative;
top: 55px;
text-align: right;
left: 190px;
}
#pravypanel-obsah a:link {
color: #000000;
text-transform: none;
text-decoration: none;
}
#pravypanel-obsah a:visited {
color: #000000;
text-transform: none;
text-decoration: none;
}
#pravypanel-obsah a:hover {
color: #000000;
text-transform: none;
text-decoration: underline;
}
#pravypanel-obsah ul li {
color: #000000;
text-transform: none;
list-style-type: none;
}
.menu a:link{
color: #000000;
text-transform: none;
text-decoration: none;
}
.menu a:visited{
color: #000000;
text-transform: none;
text-decoration: none;
}
.menu a:hover{
color: #000000;
text-transform: none;
text-decoration: underline;
}
.menu ul li{
color: #000000;
text-transform: none;
list-style-type: none;
}
.kontakty{
font-size: 12px;
line-height: 180%;
text-align: left;
width: 500px;
position: relative;
left: 39px;
top: 30px;
}
.kontakty a:link{
color: #000000;
text-transform: none;
}
.kontakty a:visited{
color: #000000;
text-transform: none;
}
.kontakty a:hover{
color: #000000;
text-transform: none;
text-decoration: underline;
background-color: #DCDCDC;
}
#obrazky{
position: relative;
left: 39px;
top: 30px;
width: 550px;
padding-bottom: 40px;
}
#obrazky-v{
position: relative;
left: 50px;
top: 30px;
width: 550px;
padding-bottom: 40px;
}
#nic{
color: #ffffff;
text-transform: none;
list-style-type: none;
background-color: #ffffff;
}
#zeleny1{
color: #000000;
text-transform: none;
list-style-type: none;
/*background-color: #339900;*/
background-image: url(obrazky/zelena1.jpg);
background-position: top left;
background-repeat: repeat-x;
}
#zeleny2{
color: #000000;
text-transform: none;
list-style-type: none;
/*background-color: #99ff66;*/
background-image: url(obrazky/zelena2.jpg);
background-position: top left;
background-repeat: repeat-x;
}
#zluty1{
color: #000000;
text-transform: none;
list-style-type: none;
/*background-color: #FFcc00;*/
background-image: url(obrazky/zluta1.jpg);
background-position: top left;
background-repeat: repeat-x;
}
#zluty2{
color: #000000;
text-transform: none;
list-style-type: none;
/*background-color: #ff3333;*/
background-image: url(obrazky/zluta2.jpg);
background-position: top left;
background-repeat: repeat-x;
}
#modra1{
color: #000000;
text-transform: none;
list-style-type: none;
/*background-color: #3399ff;*/
background-image: url(obrazky/modra1.gif);
background-position: top left;
background-repeat: repeat-x;
}
#modry2{
color: #000000;
text-transform: none;
list-style-type: none;
/*background-color: #330099;*/
background-image: url(obrazky/modra1.jpg);
background-position: top left;
background-repeat: repeat-x;
}
#modry1{
color: #000000;
text-transform: none;
list-style-type: none;
/*background-color: #0066ff;*/
background-image: url(obrazky/modra2.jpg);
background-position: top left;
background-repeat: repeat-x;
}
#cerveny1{
color: #000000;
text-transform: none;
list-style-type: none;
/*background-color: #990000;*/
background-image: url(obrazky/cervena1.jpg);
background-position: top left;
background-repeat: repeat-x;
}
#cerveny2{
color: #000000;
text-transform: none;
list-style-type: none;
/*background-color: #990000;*/
background-image: url(obrazky/cervena2.jpg);
background-position: top left;
background-repeat: repeat-x;
}
#prouzek{
color: #000000;
text-transform: none;
list-style-type: none;
/*background-color: #990000;*/
background-image: url(obrazky/prouzek.jpg);
background-position: top left;
background-repeat: repeat-x;
}
.cleaner{ 
clear:both; 
height:1px; 
font-size:1px; 
border:none; 
margin:0; padding:0; 
background:transparent; 
}
.nahled{ 
float: left; 
margin: 0 10px 10px 0; 
} 
.clearboth{ 
clear: both; 
}
.banner{ 
position: relative;
top: 34px;
left: 50px;
}