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 .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; }


.left .vypis{ width: 448px; background: #FAFAFA; padding: 10px; }
.left .vypis h3{  color: #004276; margin: 10px 0px 0px 0px;  }
.left .vypis .text{ margin: 0px 0px 0px 0px; }
.left .vypis .url{ font-style: italic; margin: 0px 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 img{ width: 130px; height: 500px; }

/*******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; }