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

#page{ width: 950px; margin: 0px auto; }
#hlavicka{ width: 950px; height: 130px; }
.logo_a{ width: 680px; height: 100px; margin: 0px; float: left; }
.logo1{ width: 330px; height: 100px; margin: 0px; float: left; }
.logo2{ width: 320px; height: 70px; line-height: 150%; color: #FFF; font-size: 14px; background-image: url('img/background_hlavicka.png'); background-repeat: repeat-x; padding: 30px 30px 0px 0px; float: left; }
.logo_b{ width: 270px; height: 100px; background-image: url('img/hlavicka2.png'); background-repeat: no-repeat; float: left; }

.logo{ width: 330px; height: 100px; position: relative; top: 0px; left: 0px; margin: 0px; float: left; }
.logo h1{ margin: 0px; }
.logo h1 a { width: 330px; font-size: 10px; cursor: hand; height: 100px; display: block; }
.logo 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 a{ color: #FFF; text-decoration: underline; }
.logo2 a:hover{ color: #FFF; text-decoration: none; }


.menu1{ width: 510px; height: 30px; float: left; }
.menu1 .tlacitko{ height: 20px; font-size: 12px; background-image: url('img/tlacitko.png'); background-repeat: repeat-x; border-right: 1px solid #F1B000; padding: 10px 10px 0px 10px; margin: 0px; float: left; }
.menu1 .levy{ border-left: 0px solid #F1B000; }
.menu1 .tlacitko a{ color: #FFF; text-decoration: none; }
.menu1 .tlacitko a:hover{ color: #FFF; text-decoration: underline; }
.menu2{ width: 425px; height: 22px; font-size: 14px; color: #FFF; background-image: url('img/menu2.png'); padding: 8px 0px 0px 15px; float: left; }

.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 #F5F5F5; border-bottom: 0px solid #DDD; }
.sub1{ width: 950px; height: 10px; background-color: #F9D300; border-bottom: 1px solid #FED800; }
.sub2{ width: 950px; height: 40px; font-size: 14px; color: #FFF; border-top: 1px solid #F1B000; background-image: url('img/background_panylek.png'); background-repeat: repeat-x; }
    .sub2 a{ color: #FFF; text-decoration: underline; }
    .sub2 a:hover{ color: #FFF; text-decoration: none; }
.sub2 .p{ height: 20px; font-weight: bold; background-image: none; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 10px; float: left; }
.sub2 .p1{ height: 20px; background-image: url('img/sub2_1.png'); background-repeat: no-repeat; padding: 10px 0px 0px 25px; margin: 0px 0px 0px 15px; float: left;  }
.sub2 .p2{ height: 20px; background-image: url('img/sub2_2.png'); background-repeat: no-repeat; padding: 10px 0px 0px 25px; margin: 0px 0px 0px 15px; float: left;  }
.sub2 .p3{ height: 20px; background-image: url('img/sub2_3.png'); background-repeat: no-repeat; padding: 10px 0px 0px 25px; margin: 0px 0px 0px 15px; float: left;  }
.sub2 .p4{ height: 20px; background-image: url('img/sub2_4.png'); background-repeat: no-repeat; padding: 10px 0px 0px 25px; margin: 0px 0px 0px 15px; float: left;  }


/********LEFT********/
.left{ width: 180px; margin: 0px 0px 0px 15px; float: left; }
ul{ padding: 0px; margin: 10px 0px 0px 0px; }
.left li{ width: 160px; font-size: 14px; list-style-type: none; background: url('img/li_n.png'); background-repeat: no-repeat; border-top: 1px solid #F0F0F0; padding: 10px 0px 10px 20px; margin: 0px 0px 0px 0px; float: left; }
    .left li a{ color: #084A71; text-decoration: none; }
    .left li a:hover{ color: #06C; text-decoration: none; }
.left .li{ width: 160px; font-size: 16px; text-transform: uppercase; border: 0px; background: url('img/li.png'); background-repeat: no-repeat; padding: 6px 0px 5px 20px; margin: 15px 0px 0px 0px; }
    .left .li a{ color: #BB8800; text-decoration: none; }
    .left .li a:hover{ color: #BB8800; text-decoration: underline; }
/********MIDDLE********/
.middle{ width: 575px; font-size: 14px; line-height: 150%; margin: 5px 25px 0px 25px; float: left; }
.middle h2{ color: #084A71; font-size: 28px; font-weight: normal; text-transform: uppercase; margin: 0px 0px 20px 0px; }
.middle h3{ width: 575px; color: #BB8800; font-size: 18px; font-weight: normal; text-transform: uppercase; background-image: url('img/h3.png'); background-repeat: no-repeat; padding: 15px 0px 0px 0px; margin: 20px 0px 20px 0px; }
.middle h4{ color: #BB8800; font-size: 16px; font-weight: normal; margin: 10px 0px 5px 0px; }
.middle .day{ border-left: 1px solid #EEE; padding: 0px 0px 10px 20px; margin: 0px 0px 0px 20px; }
.middle .day_zaklad{ background: #FAFAFA; border: 1px solid #F5F5F5; padding: 5px 0px 5px 5px; margin: 0px 0px 0px 0px; }
.middle .day_zaklad1{ width: 320px; float: left; }
.middle .day_zaklad2{ width: 224px; color: #F9F9F9; margin: 0px 10px 0px 0px; float: left; }
.middle .day_zaklad2 img{ width: 220px; height: 200px; background: #FFF; border: 1px solid #CCC; padding: 1px; }
.middle .day_zaklad h4{ width: 110px; color: #084A71; font-weight: bold; border-bottom: 1px solid #EEE; font-size: 14px; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; float: left; }
.middle .day_zaklad p{ width: 200px; font-size: 14px; border-bottom: 1px solid #EEE; padding: 5px 0px 5px 10px; margin: 0px 0px 0px 0px; float: left; }
.middle .day_zaklad p span{ font-weight: bold; color: #000; }
.middle .day_zaklad p .span{ font-weight: normal; color: #BB8800; }
    .middle .day_zaklad p .span a{ color: #BB8800; text-decoration: underline; }
    .middle .day_zaklad p .span a:hover{ color: #BB8800; text-decoration: none; }
.middle a{ color: #06C; text-decoration: underline; }
.middle a:hover{ color: #06C; text-decoration: none; }
.middle .p{ text-align: center;  margin: 0px 5px 5px 0px; float: left; }
.middle .p img{ width: 130px; border: 1px solid #EEE; padding: 2px; }

.middle .zamestnanci div{ width: 120px; border: 1px solid #DDD; padding: 4px; margin: 0px 12px 10px 0px; float: left; }
.middle .zamestnanci img{ width: 120px; border: 0px solid #000; margin: 0px 0px 10px 0px; float: left; }
.middle .zamestnanci .p1{ font-size: 12px; font-weight: bold; margin: 0px; }
.middle .zamestnanci .p2{ font-size: 10px; margin: 0px; }

.middle .posunout{ font-size: 16px; margin: 10px 0px 0px 0px; }
.middle .posunout img{ width: 12px; margin: 0px 5px 0px 0px; }

.middle .dotaz { color: #084A71; font-weight: bold; margin: 20px 0px 20px 0px; }
.middle .dotaz input{ width: 120px; }
.middle .dotaz textarea{ width: 480px; height: 75px; }
.middle .dotaz .potvrzeni{ width: 100px; height: 30px; margin: 10px 0px 0px 450px; }

.middle .uvodnik{ width: 563px; border: 1px solid #F5F5F5; background-color: #FAFAFA; padding: 5px; }
.middle b{ font-weight: bold; }
.middle .blog .star_white{ width: 15px; height: 20px; border: 0px solid #FFF; padding: 0px; margin: 0px; }
/*OBJEDNAVKA*/
.middle .objednej{ margin: 20px 0px 0px 0px; }
/*FORMULAR*/
.middle .objednej .boxik{ width: 535px; border: 1px solid #F5F5F5; background: #FAFAFA;  padding: 10px 10px 10px 15px; margin: 10px 0px 0px 0px; }
.middle .objednej .boxik img{ border: 0px solid #E0E0E0; margin: 0px; }
.middle .objednej .boxik td{ color: #333; font-weight: bold; padding: 0px 0px 0px 50px; }
.middle .objednej .boxik .top{ padding: 10px 0px 0px 50px; }
.middle .objednej .boxik h3{ font-size: 18px; color: #598F0B; border: none; background: none; margin: 0px 0px 0px 30px; }
.middle .objednej .boxik .h3_1{ height: 22px; background-image: url('img/sub2_1.png'); background-repeat: no-repeat; padding: 8px 0px 0px 30px; margin: 0px 0px 10px 0px; }
.middle .objednej .boxik .h3_2{ height: 22px; background-image: url('img/sub2_2.png'); background-repeat: no-repeat; padding: 8px 0px 0px 30px; margin: 0px 0px 10px 0px; }
.middle .objednej .boxik .h3_3{ height: 22px; background-image: url('img/sub2_3.png'); background-repeat: no-repeat; padding: 8px 0px 0px 30px; margin: 0px 0px 10px 0px; }
.middle .objednej .boxik .h3_4{ height: 22px; background-image: url('img/sub2_4.png'); background-repeat: no-repeat; padding: 8px 0px 0px 30px; margin: 0px 0px 10px 0px; }
.middle .objednej .boxik p{ margin: 10px 0px 10px 30px; }

.middle .objednej input{ min-width: 100px; }
.middle .objednej select{ min-width: 100px; }
.middle .objednej textarea{ width: 300px; height: 70px; margin: 0px 0px 0px 10px; }
.middle .objednej .submiter{ width: 236px; height: 40px; cursor: hand; background-image: url('img/but_end.png'); border: none; padding: 0px; margin: 10px 0px 0px 0px; float: right;}


.middle .objednej .but{ width: 170px; padding: 20px 0px 0px 0px; float: left; }
.middle .objednej .but_next{ width: 220px; cursor: hand; float: right; }

.middle .navigace{ background-color: #FFF; border-bottom: 1px solid #F0F0F0; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; float: none; }
.middle .navigace p{ color: #000; font-size: 12px; margin: 5px 10px 0px 0px; float: left; }
    .middle .navigace p a{ color: #084A71; text-decoration: underline; }
    .middle .navigace p a:hover{ color: #084A71; text-decoration: none; }

.middle .blog{  }
.middle .blog img{ width: 569px; background-color: #FFF; border: 1px solid #DDD; padding: 2px; }

.middle .alert{ color: #80A74A; font-weight: bold; margin: 0px 0px 5px 0px; }


.vyhody{font-size: 14px; }
.vyhody .pp{ height: 20px; font-weight: bold; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 10px; }
.vyhody .p1{ height: 20px; background-image: url('img/sub2_1.png'); background-repeat: no-repeat; padding: 10px 0px 0px 25px; margin: 0px 0px 0px 15px; }
.vyhody .p2{ height: 20px; background-image: url('img/sub2_2.png'); background-repeat: no-repeat; padding: 10px 0px 0px 25px; margin: 0px 0px 0px 15px; }
.vyhody .p3{ height: 20px; background-image: url('img/sub2_3.png'); background-repeat: no-repeat; padding: 10px 0px 0px 25px; margin: 0px 0px 0px 15px; }
.vyhody .p4{ height: 20px; background-image: url('img/sub2_4.png'); background-repeat: no-repeat; padding: 10px 0px 0px 25px; margin: 0px 0px 0px 15px; }



/********RIGHT********/
.right{ width: 114px; margin: 20px 14px 0px 0px; float: left; }
.right img{ width: 114px; margin: 0px 0px 10px 0px; }
.right .hodnoceni_box{ width: 114px; height: 49px; font-size: 14px; text-align: center; background-image: url('img/hodnoceni_box.png'); background-repeat: no-repeat; padding: 35px 0px 0px 0px; margin: 0px 0px 10px 0px; }
    .right .hodnoceni_box a{ color: #BB8800; text-decoration: underline; }
    .right .hodnoceni_box a:hover{ color: #BB8800; text-decoration: none; }

.status_ok{ width: 563px; font-weight: bold; color: #008000; border: 1px solid #008000; padding: 5px; }
.status_chyba{ width: 563px; font-weight: bold; color: #CC0000; border: 1px solid #CC0000; padding: 5px; }

#subpaticka{ width: 948px; line-height: 120%; background-color: #FFF; border: 1px solid #F5F5F5; border-top: 0px solid #999; border-bottom: 0px solid #999; padding: 20px 0px 0px 0px; }
.subpaticka1{ width: 100px; height: 65px; padding: 10px 0px 10px 10px; margin: 0px 0px 0px 15px; border: 3px solid #EEE; border-left: 0px solid #999; border-right: 0px solid #999; float: left; }
.subpaticka2{ width: 688px; height: 65px; padding: 10px 0px 10px 10px; text-align: center; font-size: 14px; border: 3px solid #EEE; border-left: 0px solid #999; border-right: 0px solid #999; float: left; }
    .subpaticka2 a{ color: #084A71; text-decoration: underline; }
    .subpaticka2 a:hover{ color: #084A71; text-decoration: none; }
.subpaticka3{ width: 100px; height: 65px; padding: 10px 0px 10px 10px; margin: 0px 15px 0px px; border: 3px solid #EEE; border-left: 0px solid #999; border-right: 0px solid #999; float: left; }


#paticka{ width: 948px; font-size: 12px; text-align: center; border: 1px solid #F5F5F5; border-top: 0px solid #999; background: #FFF; padding: 20px 0px 20px 0px; margin: 0px 0px 10px 0px; }

.klik{ width: 468px; margin: 10px 53px 0px 53px; }
.klik .sklikk{ width: 468px; margin: 0px 0px 10px 0px; }