body{ font-family: Calibri, Arial, sans-serif; background-color: #FDFDFD; margin: 0px; }
.clear{ clear: both; }
strong{ font-weight: normal; color: #004276; }

#page{ width: 900px; margin: 0px auto; }
#hlavicka{ width: 900px; height: 125px; }
#submenu{ width: 880px; height: 49px; background-image: url('img/submenu.png'); }
#submenu p{ font-size: 12px; font-weight: bold; margin: 14px 20px 0px 20px; float: left; }
    #submenu p a{ color: #FFF; text-decoration: none; }
    #submenu p a:hover{ color: #FFF; text-decoration: underline; }



.logo_a{ width: 400px; height: 125px; position: relative; top: 0px; left: 0px; margin: 0px; float: left; }
.logo_a h1 a { width: 400px; font-size: 10px; height: 125px; display: block; }
.logo_a h1 span { width: 400px; height: 125px; position: absolute; left: 0; top: 0; z-index: 1; background: url('img/logo.png') 0 0 no-repeat; }
.logo_b{ width: 500px; height: 85px; background-image: url('img/hlavicka.png'); background-repeat: no-repeat; padding: 40px 0px 0px 0px; float: left; }

#telo{ width: 880px; background-image: url('img/background.png'); background-repeat: repeat-y; padding: 0px 10px 10px 10px; }

/*******LEFT*******/
.left{ width: 468px; font-size: 14px; line-height: 150%; margin: 0px 0px 0px 20px; float: left; }
    .left a{ color: #06C; text-decoration: underline; }
    .left a:hover{ color: #06C; text-decoration: none; }
.left h2{ color: #004276; }
.left .box{ background: #FAFAFA; padding: 5px; }
.left h3{ color: #004276; background: #FAFAFA; margin: 5px 0px 5px 0px; }

.left .box .providentodkaz{ font-size: 14px; font-weight: bold; }
    .left .box .providentodkaz a{ color: #0066CC; text-decoration: underline; }
    .left .box .providentodkaz a:hover{ color: #0066CC; text-decoration: none; }

.left .ad{ width: 468px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 10px 0px 10px 0px; }
.left .ad_h{ font-size: 12px; color: #555; margin: 0px; }

.left .yes{ background-image: url('img/yes.png'); background-repeat: no-repeat; padding: 2px 0px 0px 30px; list-style: none; margin: 0px 0px 10px 0px; }
.left .no{ background-image: url('img/no.png'); background-repeat: no-repeat; padding: 2px 0px 0px 30px; list-style: none; margin: 0px 0px 10px 0px; }
.left .odrazka{ background-image: url('img/odrazka.png'); background-repeat: no-repeat; padding: 2px 0px 0px 30px; list-style: none; margin: 0px 0px 10px 0px; }

.left .mark{ width: 448px; background-color: #FFFFBB; padding: 10px; margin: 10px 0px 0px 0px; }

/*******MIDDLE*******/
.middle{ width: 130px; margin: 0px 20px 0px 20px; float: left; }
.middle p{ font-size: 14px; font-weight: bold; margin: 10px 0px 0px 0px; }
.middle .provident{ width: 130px; height: 30px; font-size: 12px; font-weight: bold; text-align: center; background-image: url('img/provident.png'); background-repeat: no-repeat; padding: 100px 0px 0px 0px; }
    .middle .provident a{ background-color: #0066CC; color: #FFF; text-decoration: underline; padding: 2px; }
    .middle .provident a:hover{ background-color: #0066CC; color: #FFF; text-decoration: none; padding: 2px; }

.middle .pujckapredvyplatou{ width: 130px; height: 30px; font-size: 12px; font-weight: bold; text-align: center; background-image: url('img/pujckapredvyplatou.png'); background-repeat: no-repeat; padding: 100px 0px 0px 0px; }
    .middle .pujckapredvyplatou a{ background-color: #0066CC; color: #FFF; text-decoration: underline; padding: 2px; }
    .middle .pujckapredvyplatou a:hover{ background-color: #0066CC; color: #FFF; text-decoration: none; padding: 2px; }

.middle h3{ font-size: 12px; padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; }
    .middle h3 a{ color: #06C; text-decoration: underline; }
    .middle h3 a:hover{ color: #06C; text-decoration: none; }

/*******RIGHT*******/
.right { width: 202px; background-color: #F9F9F9; padding: 20px 20px 0px 0px; float: left; }
.right h2{ color: #004276; font-size: 18px; margin: 0px 0px 10px 10px; }
.right h3{ font-size: 14px; background-image: url('img/bod.png'); background-repeat: no-repeat; padding: 1px 0px 0px 16px; margin: 0px 0px 0px 10px; }
    .right h3 a{ color: #06C; text-decoration: none; }
    .right h3 a:hover{ color: #06C; text-decoration: underline; }
.right .p{ font-size: 14px; margin: 5px 0px 10px 25px; }

#paticka{ width: 900px; font-size: 12px; height: 70px; text-align: center; background-image: url('img/paticka.png'); background-repeat: no-repeat; padding-top: 20px; }
.paticka1{ width: 600px; float: left; }
    .paticka1 a, .paticka2 a{ color: #68E; text-decoration: none;  }
    .paticka1 a:hover, .paticka2 a:hover{ color: #68E; text-decoration: none;  }
.paticka2{ width: 300px; float: left; }