body {
font-family: "Verdana","Trebuchet MS","Geneva CE", lucida, sans-serif;
font-size: 11px;
line-height: 1.6em;
margin: 0px;
background-color: #303F3A;
background-image:url('grafika/pozadi.gif');
text-align: center;
}
.stiny {
width: 890px; 
margin: auto;
}
.levystin {
background-image: url(grafika/levy.png);
background-repeat: repeat-y;
background-position: left;
}
.pravystin {
background-image: url(grafika/pravy.png);
background-repeat: repeat-y;
background-position: right;
}
.levyhornistin {
background-image: url(grafika/levyhor.png);
background-repeat: no-repeat;
background-position: top left;
}
.pravyhornistin {
background-image: url(grafika/pravyhor.png);
background-repeat: no-repeat;
background-position: top right;
}
.levyspodnistin {
background-image: url(grafika/levydol.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.pravyspodnistin {
background-image: url(grafika/pravydol.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.obal {text-align: center; width: 745px; margin: auto;
background-image: url('grafika/pozadiobsah.jpg'); }
.levy {
float: left; 
text-align:left;
width: 155px; 
color: #2a443b;
}
.obsah {
display: block;
float: right;
width: 590px;
text-align: justify;
}
.vyplnobsah {
width: 565px;
margin-bottom: 5px;
margin-left: 5px;
background-image: url('grafika/pozadi_vyplnobsah');
}
.logo {
text-align: center; 
height: 93px; width: 745px;
}
h1.klikacilogo {
background: url('grafika/logo.jpg') no-repeat;
display: block;
width: 745px;
}
h1.klikacilogo a span {
visibility: hidden;
display: block;
height: 93px;
width: 745px;
}
h1.klikacilogo a {
text-decoration: none;
display: block;
height: 93px;
width: 745px;
}
h1 {
margin: 0; 
padding: 0;
}
h2 {
width: 575px;
margin-top: 8px;
font-size: 17px;
font-weight: bold;
padding-bottom: 12px;
padding-left: 8px;
color: #385546;
line-height: 1.5em;
background:url('grafika/h2.gif') no-repeat;
background-position: 0 34px;
}
h3 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
padding-left: 22px;
color: #385546;
line-height: 1.5em;
background:url('grafika/h3.gif') no-repeat;
background-position: 5px 3px;
}
.popiska {
background-image:url('grafika/popiska.jpg'); 
width: 142px; 
height: 21px;
border-bottom: 1px solid #415f55;
color: #2a443b;
line-height: 1em;
}
.nazevpopisky {
padding-left: 20px; 
padding-top: 4px; 
font-size: 10px; font-weight: bold;
}
.paticka {
clear: both; 
font-size: 10px;
font-weight: bold;
color: #2a443b;
background-image: url(grafika/paticka.jpg); 
height: 21px;
}
.paticka IMG {vertical-align: text-bottom;}
p, form {
margin: 0 0 5px 0;
}
.levy form {
margin-left: 10px;
}
.levy form input {
width: 118px;
font-size: 11px;
text-align: center;
border: 1px solid #436358;
}
.levy form input.button {
margin-top: 1px;
width: 60px;
height: 17px;
background-color: #7ea078;
color: #2a443b;
padding-bottom: 2px;
}
UL {
list-style-type: none; 
font-weight: bold; 
margin: 0; padding: 0;
}
UL LI {line-height:1.6em;}
UL LI a {
display: block;
width: 128px;
height: 22px;
background: url("grafika/tlacitko.jpg") 0 0 no-repeat;
padding-left: 14px;
color: #2a443b; 
}
UL LI a:hover {
background-position: -156px 0;
color: #2a443b;
}
IMG {
margin: 8px 0 0 10px;
border: 0px;
}
.pravyobr {
float: right;
border: 1px solid #8dc0af;
}
.levyobr {
float: left;
border: 1px solid #8dc0af;
}
a {
color: #006C00; 
text-decoration: none;
}
a:hover {color: #3E8D72;}
.autor {
text-align: right; 
color: #36564b;
}