body{ background-color: #6FA4C2; font-family: Calibri, Arial, sans-serif; background-image: url('img/background.png'); background-repeat: repeat-x; margin: 0px; }
.clear{ clear: both; }
a img{ border: 0px; }
b{ color: #084A71; font-weight: normal; }

#page{ width: 950px; margin: 0px auto; }
#hlavicka{ width: 950px; height: 100px; }
.logo1{ width: 330px; height: 75px; position: relative; top: 0px; left: 0px; margin: 0px; float: left; }
.logo1 h1 a { width: 330px; font-size: 10px; height: 75px; display: block; }
.logo1 h1 span { width: 330px; height: 75px; 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; height: 30px; background-image: url('img/tla.png'); }



.navigace{ float: left; }
.navigace p{ color: #FFF; font-size: 12px; margin: 5px 0px 0px 10px; float: left; }
    .navigace p a{ color: #FFF; text-decoration: underline; }
    .navigace p a:hover{ color: #FFF; text-decoration: none; }

#telo{ width: 948px; background-color: #FFF; border: 1px solid #999; border-bottom: 0px solid #999; }
.sub{ width: 950px; height: 10px; background-color: #F9D300; border-bottom: 1px solid #FED800; }


/********LEFT********/
.left{ width: 188px; margin: -20px 0px 0px 10px; float: left; }
ul{ padding: 0px; border-top: 1px solid #F0F0F0; margin: 0px 0px 0px 0px; }
li{ width: 176px; font-size: 14px; list-style-type: none; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; background-color: #FAFAFA; padding: 10px 0px 10px 11px; margin: 0px 0px 0px 0px; float: left; }
    li a{ color: #084A71; text-decoration: none; }
    li a:hover{ color: #06C; text-decoration: none; }
.left .m{ font-weight: bold; background-color: #F0F0F0; }
/********MIDDLE********/
.middle{ width: 374px; font-size: 16px; line-height: 150%; margin: 20px 15px 0px 15px; float: left; }
.middle img{ padding: 2px; border: 1px solid #CCC; }
.middle h2{ color: #CC9900; font-size: 20px; font-weight: normal; line-height: 120%; text-transform: uppercase; margin: 0px 0px 10px 0px; }
.middle h3{ color: #CC9900; font-size: 18px; font-weight: normal; text-transform: uppercase; }
.middle .day p{ color: #CC9900; font-size: 16px; font-weight: normal; margin: 10px 0px 5px 0px; }
.middle .day{ border-left: 1px solid #DDD; padding: 0px 0px 10px 10px; margin: 0px 0px 0px 10px; }
.middle a{ color: #06C; text-decoration: underline; }
.middle a:hover{ color: #06C; text-decoration: none; }
/********RIGHT********/
.right{ width: 336px; margin: 0px 10px 0px 0px; float: left; }
.right p{ color: #CC9900; font-weight: bold; font-size: 14px; margin: 10px 0px 5px 0px; }

#paticka{ width: 928px; height: 50px; font-size: 12px; text-align: center; border: 1px solid #999; border-top: 0px solid #999; background: #FFF; padding: 10px 10px 0px 10px; margin: 0px 0px 10px 0px; }
.paticka1{ width: 670px; 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: 258px; height: 25px; padding-top: 10px; background-color: #EEE; float: left; }