body{ background-color: #FAFAFA; font-family: Calibri, Arial, sans-serif; }
.clear{ clear: both; }

h1{ font-size: 1.0em; padding: 0px; margin: 0px; }

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

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

/********LEFT********/
.left{ width: 200px; margin: 0px 0px 0px 0px; float: left; }
.left ul{ padding: 0px; background: #FFF; margin: 0px; }
.left li{ width: 190px; list-style-type: none; font-size: 14px; background-color: #ECEBEB; padding: 7px 0px 6px 10px; margin: 0px 0px 1px 0px; float: left; }
.left .ok{ color: #FFF; font-weight: bold; background-color: #757575; }
.left .menu{ color: #FFF; font-weight: bold; background-color: #E00000; }
    .left li a{ color: #3B3B3B; text-decoration: none; }
    .left li a:hover{ color: #3B3B3B; text-decoration: underline; }
    .left .menu a{ color: #FFF; text-decoration: none; }
    .left .menu a:hover{ color: #FFF; text-decoration: underline; }
/********MIDDLE********/
.middle{ width: 468px; margin: 0px 16px 0px 16px; float: left; }
.middle .menu{ width: 448px; font-weight: bold; color: #FFF; background-color: #E00000; padding: 7px 10px 6px 10px; margin: 0px 0px 0px 0px; }
.middle .menu h2{ font-size: 14px; margin: 0px 0px 0px 0px; }
.middle .promo { width: 440px; font-size: 14px; line-height: 150%; background-color: #f9f9f9; padding: 10px; margin: 0px 4px 0px 4px; }
.middle .promo img{ width: 130px; border: 1px solid #D8D8D8; padding: 3px; margin: 0px 10px 0px 0px; float: left; }
.middle .box1{ width: 203px; border: 1px solid #D8D8D8; padding: 10px; margin: 10px 10px 0px 4px; float: left; }
.middle .box2{ width: 203px; border: 1px solid #D8D8D8; padding: 10px; margin: 10px 4px 0px 0px; float: left; }
.middle h3{ height: 40px; font-size: 14px; margin: 0px 0px 0px 0px; }
    .middle h3 a{ color: #0066CC; text-decoration: underline; }
    .middle h3 a:hover{ color: #0066CC; text-decoration: none; }
.middle img{ width: 80px; border: 1px solid #D8D8D8; padding: 3px; float: left; }
.middle .p1{ width: 105px; font-weight: bold; font-size: 14px; margin: 0px 0px 3px 10px; float: left; }
.middle .p2{ width: 105px; font-size: 14px; margin: 0px 0px 3px 10px; float: left; }
.middle .p2 span{ font-weight: bold; font-size: 16px; color: #E00000; }

.middle .box3{ width: 440px; background-color: #f9f9f9; padding: 10px; margin: 0px 4px 0px 4px; }
.middle .box3 .fotobox{ width: 178px; float: left; }
.middle .box3 .fotobox img{ width: 170px; border: 1px solid #D8D8D8; padding: 3px; }
.middle .box3 .fotobox p{ font-size: 14px; color: #008000; background-image: url('img/sign_add.png'); background-repeat: no-repeat; padding: 0px 0px 0px 20px; margin: 10px 0px 0px 0px; }
.middle .box3 .p1{ width: 252px; font-weight: bold; font-size: 14px; margin: 0px 0px 3px 10px; float: right; }
.middle .box3 .p2{ width: 252px; line-height: 150%; font-size: 14px; margin: 0px 0px 3px 10px; float: right; }
.middle .box4{ width: 440px; background-color: #E1F3F5; padding: 10px; margin: 10px 4px 0px 4px; }
.middle .box4 .b1{ width: 220px; font-size: 12px; text-align: left; margin: 0px; float: left; }
.middle .box4 .b1 a{ width: 220px; font-weight: bold; text-decoration: underline; color: #0066CC; font-size: 16px; text-align: left; margin: 0px; float: left; }
.middle .box4 .b1 a:hover{ width: 220px; font-weight: bold; text-decoration: none; color: #0066CC; font-size: 16px; text-align: left; margin: 0px; float: left; }
.middle .box4 .b1 b{ font-weight: bold; text-decoration: underline; color: #0066CC; font-size: 16px; }
.middle .box4 .b2{ width: 220px; font-size: 12px; text-align: right; margin: 0px; float: left; }
.middle .box4 .b2 span{ font-weight: bold; font-size: 16px; color: #E00000; }
.middle .obrazek_pod{ width: 458px; border: 1px solid #D8D8D8; padding: 0px; margin: 10px 4px 0px 4px;  }


.middle .clanek{  }
.middle .clanek h3{ font-size: 16px; height: auto; margin: 20px 0px 0px 0px; }
.middle .clanek p{ font-size: 14px; text-align: justify; height: auto; margin: 10px 0px 0px 0px; }
.middle .clanek img{ width: 468px; border: 0px solid #FFF; float: none; }
.middle .clanek ul{  }
.middle .clanek li{ font-size: 14px; }

.middle .clanek .img{ width: 142px; border: 1px solid #F5F5F5; padding: 1px; margin: 5px; float: left;  }

/********RIGHT********/
.right{ width: 200px; background-color: #f9f9f9; margin: 0px 0px 0px 0px; float: left; }
.right .menu{ width: 190px; height: 23px; font-size: 14px; font-weight: bold; color: #FFF; background-color: #E00000; padding: 7px 0px 0px 10px; }
.right ul a{ color: #0066CC; text-decoration: underline; }
.right ul a:hover{ color: #0066CC; text-decoration: none; }
.right ul{ padding: 0px; margin: 5px 0px 5px 0px; }
.right li{ font-size: 14px; line-height: 150%; padding: 0px; margin: 5px 0px 0px 20px; }

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


.middle .adsense{ width: 468px; padding: 10px 0px 10px 0px; }