body{ font-family: Arial, sans-serif; background-image: url('img/background.png'); background-repeat: repeat-x; padding: 10px 0px 0px 0px; margin: 0px; }
.clear{ clear: both; }

#page{ width: 918px; margin: 0px auto; }

.hlavicka{ width: 910px; background-image: url('img/hlavicka.png'); background-repeat: no-repeat; padding: 4px 4px 0px 4px; }
.logo_a{ width: 330px; height: 90px; position: relative; top: 0px; left: 0px; margin: 0px; float: left; }
.logo_a h1 a { width: 330px; font-size: 10px; height: 90px; display: block; }
.logo_a h1 span { width: 330px; height: 90px; position: absolute; left: 0; top: 0; z-index: 1; background: url('img/logo.png') 0 0 no-repeat; }
.logo_b{ color: #06C; margin: 35px 0px 0px 70px; float: left;}

#sub{ width: 910px; height: 45px; background-image: url('img/sub.png'); background-repeat: repeat-x; margin: 0px 4px 0px 4px; }


.ad{ width: 200px; background: #FFFFCC; margin: 0px 0px 10px 10px; float: right; }
.ad p{ width: 100%; font-size: 14px; font-weight: bold; background-color: #FFF; padding: 0px 0px 5px 0px; margin: 0px; }

#telo{ width: 918px; background-image: url('img/back.png'); background-repeat: repeat-y; }

.middle{ width: 430px; margin: 0px 0px 0px 4px; float: left; }
    .middle ul{ padding: 0px; margin: 0px; }
    .middle li{ width: 100%; text-align: left; list-style-type: circle; background-image: none; padding: 0px; margin: 0px 0px 0px 20px; float: none; }
h2{ font-size: 20px; color: #06C; margin: 15px 0px 15px 10px; }
h3{ font-size: 16px; color: #06C; margin: 15px 0px 5px 10px; }
.middle p{ font-size: 14px; line-height: 150%; margin: 10px 10px 0px 20px; }

.left{ width: 200px; margin: 0px 10px 0px 10px; float: left; }
.leftp{ font-weight: bold; font-size: 12px; margin: 10px 0px 5px 10px; }
.left p{ background-color: #F9F9F9; font-size: 12px; padding: 10px; margin: 0px 0px 10px 0px; }

.right{ width: 240px; background-color: #fafafa; padding: 10px; margin: -3px 4px 0px 0px; float: left; }
.right p{ font-weight: bold; font-size: 9px; border-bottom: 1px solid #EEE; padding: 0px 0px 8px 0px; margin: 10px 0px 5px 0px; }
.right p{ font-weight: bold; font-size: 12px; border-bottom: 1px solid #E0E0E0; padding: 0px 0px 8px 5px; margin: 8px 0px 0px 20px; }
    .right p a{color: #06C; text-decoration: underline; }
    .right p a:hover{ color: #06C; text-decoration: none; }

#paticka{ width: 890px; height: 50px; font-size: 12px; text-align: center; background-image: url('img/paticka.png'); padding: 10px 14px 0px 14px; background-repeat: no-repeat; }
.paticka1{ width: 700px; height: 25px; padding-top: 10px; background-color: #EEE; float: left; }
    .paticka1 a, .paticka2 a{ color: #68E; text-decoration: none;  }
    .paticka1 a:hover, .paticka2 a:hover{ color: #68E; text-decoration: none;  }
.paticka2{ width: 190px; height: 30px; padding-top: 5px; background-color: #EEE; float: left; }

.prava_odkazy {width: 206px; min-height: 50px; _height: 50px; %height: 50px; float: left; text-align: left; margin-top: 10px;  color: dimgray; font-size: 11px; font-family: arial}  
.prava_odkazy_in {width: 183px; min-height: 50px; _height: 50px; %height: 50px; float: left; margin-left: 11px}
.prava_odkazy a {color: dimgray; font-weight: bold; text-decoration: none}
.prava_odkazy a:visited {color: dimgray; font-weight: bold; text-decoration: none}
.prava_odkazy a:hover {color: black; font-weight: bold; text-decoration: underline}
.prava_odkazy a:visited:hover {color: black; font-weight: bold; text-decoration: underline}