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

#page{ width: 950px; margin: 0px auto; }
#hlavicka{ width: 950px; height: 100px; }
.logo1{ width: 330px; height: 100px; position: relative; top: 0px; left: 0px; margin: 0px; float: left; }
.logo1 h1 a { width: 330px; font-size: 10px; height: 100px; display: block; }
.logo1 h1 span { width: 330px; height: 100px; position: absolute; left: 0; top: 0; z-index: 1; background: url('img/logo.png') 0 0 no-repeat; }
.logo2{ width: 620px; height: 100px; background-image: url('img/logo2.png'); background-repeat: no-repeat; float: left; }

.menu{ width: 950px; }
.menu .tl{ width: 110px; height: 30px; background-image: url('img/tl.png'); margin: 0px; float: left; }
.menu .tla{ width: 830px; height: 22px; color: #FFF; font-size: 12px; background-color: #1D7BB2; padding: 8px 0px 0px 10px; margin: 0px 0px 0px 0px; float: left; }
.menu .tla p{ margin: 0px 25px 0px 0px; float: left; }
    .menu .tla p a{ color: #FFF; text-decoration: none; }
    .menu .tla p a:hover{ color: #FFF; text-decoration: underline; }
.sub{ width: 950px; height: 10px; background-color: #F9D300; border-bottom: 1px solid #FED800; }

#telo{ width: 948px; background-color: #FFF; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; }

/********LEFT********/
.left{ width: 188px; padding: 0px 0px 0px 10px; margin: 0px; float: left; }
ul{ padding: 0px; margin: 20px 0px 0px 0px; }
li{ width: 176px; font-size: 12px; list-style-type: none; border-left: 1px solid #F2F7F9; border-right: 1px solid #F2F7F9; border-bottom: 1px solid #F2F7F9; background-color: #F9FBFF; padding: 10px 0px 10px 11px; margin: 0px 0px 0px 0px; float: left; }
    li a{ color: #06C; text-decoration: underline; }
    li a:hover{ color: #06C; text-decoration: none; }
.ok{ width: 188px; height: 32px; background-image: url('img/ok.png'); border: 1px solid #FFF; border-bottom: 1px solid #F2F7F9; padding: 0px; }
/********MIDDLE********/
.middle{ width: 550px; margin: 20px 15px 0px 15px; float: left; }
.middle p{ font-size: 14px; line-height: 150%; }
.middle h2{ font-size: 20px; color: #0972B8; font-weight: normal; margin: 0px 0px 10px 0px; }
.middle .podnadpis{ font-size: 20px; color: #0972B8; font-weight: normal; margin: 0px 0px 0px 0px; }
.middle h3{ font-size: 16px; color: #06C; }
.middle img{ width: 344px; padding: 2px; border: 1px solid #CCC }
.middle .day{ font-size: 14px; line-height: 150%; border-left: 1px solid #DDD; padding: 0px 0px 10px 20px; margin: 0px 0px 0px 20px; }
.middle .okynko{ width: 300px; margin: 0px 10px 10px 0px; float: left; }
.middle .okynko img{ width: 294px; }
.middle .day p{ color: #000; font-weight: bold; margin: 10px 0px 5px 0px; }
/********RIGHT********/
.right{ width: 160px; margin: 20px 10px 0px 0px; float: left; }
.right h3{ font-size: 16px; color: #06C; margin: 0px 0px 5px 0px; }
.right p{ font-size: 14px; margin: 0px; }

.right div{ width: 338px; border: 1px solid #DDD; padding: 5px; background-color: #fafafa; margin: 10px 0px 0px 0px; float: left; }
.right div img{ width: 125px; margin: 0px 20px 0px 0px; float: left; }
.right div h4{ width: 193px; font-size: 14px; margin: 0px 0px 10px 0px; float: left; }
    .right h4 a{ color: #06C; text-decoration: underline; }
    .right h4 a:hover{ color: #06C; text-decoration: none; }
.right div p{ width: 193px; font-size: 14px; margin: 0px; float: left; }
.right div .p{ font-size: 16px; color: #E90000; margin: 10px 0px 0px 0px; float: left; }
.right .short{ font-size: 14px; }
    .right .short a{ color: #06C; text-decoration: underline; }
    .right .short a:hover{ color: #06C; text-decoration: none; }

#paticka{ width: 930px; height: 50px; font-size: 12px; text-align: center; background-image: url('img/paticka.png'); padding: 10px 10px 0px 10px; background-repeat: no-repeat; margin: 0px 0px 10px 0px; }
.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: 230px; height: 25px; padding-top: 10px; background-color: #EEE; float: left; }