body{ font-family: Calibri, Arial, sans-serif; padding: 0px; margin: 20px 0px 0px 0px; }
.clear{ clear: both; }
a img{ border: 0px; }
h1{ margin: 0px; }
strong{ color: #5D9700; }
a{ color: #06C; text-decoration: underline; }
a:hover{ color: #06C; text-decoration: none; }

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



#telo{ width: 950px; background-color: #FFF; }

/********LEFT********/
.left{ width: 190px; float: left; }
.left p{ width: 168px; font-size: 12px; background-image: url('img/ico.png'); background-repeat: no-repeat; border-bottom: 1px solid #F0F0F0; padding: 5px 0px 8px 12px; margin: 0px 0px 10px 10px; }
    .left p a{ color: #06C; text-decoration: underline; }
    .left p a:hover{ color: #06C; text-decoration: none; }
.left .p{ width: 160px; height: 22px; font-weight: bold; text-transform: uppercase; background-image: url('img/icon.png'); background-repeat: no-repeat; padding: 2px 0px 5px 30px; margin: 20px 0px 5px 0px; }
.left .navstevnici{ width: 150px; height: 55px; border: none; background-image: url('img/navstevnici.png'); padding: 15px 0px 0px 40px; margin: 0px; }
/********MIDDLE********/
.middle{ width: 500px; font-size: 14px; line-height: 150%; margin: 15px 15px 0px 25px; float: left; }

.middle h2{ color: #5D9700; font-size: 24px; font-weight: normal; text-transform: uppercase; margin: 0px 0px 0px 0px; }
.middle .podnadpis{ color: #888; font-size: 18px; margin: 5px 0px 15px 0px; }
.middle h3{ color: #5D9700; font-size: 20px; font-weight: normal; text-transform: uppercase; background-image: url('img/h3.png'); background-repeat: no-repeat; border-bottom: 1px solid #EEE; padding: 5px 0px 5px 30px; }
.middle h4{ color: #5D9700; font-size: 16px; font-weight: normal; margin: 10px 0px 5px 0px; }
.middle .day{ width: 459px; border-left: 1px solid #DDD; padding: 0px 0px 10px 20px; margin: 0px 0px 0px 20px; }
.middle .day_zaklad{ background: #FCFCF3; border: 1px solid #F4F3E4; padding: 10px 0px 10px 15px; margin: 0px 0px 0px 0px; }
.middle .day_zaklad1{ width: 300px; float: left; }
.middle .day_zaklad2{ width: 154px; color: #F9F9F9; margin: 0px 0px 0px 20px; float: left; }
.middle .day_zaklad2 img{ width: 144px; background: #FFF; padding: 3px; }
.middle .day_zaklad2 .posun{ width: 150px; height: 60px; margin: 10px 0px 0px 0px; padding: 0px; }
.middle .day_zaklad h4{ width: 120px; color: #333; font-weight: bold; font-size: 14px; border-bottom: 1px solid #F4F3E4; padding: 0px 0px 3px 0px; margin: 0px 0px 5px 0px; float: left; }
.middle .day_zaklad p{ width: 180px; color: #333; font-size: 14px; border-bottom: 1px solid #F4F3E4; padding: 0px 0px 3px 0px; margin: 0px 0px 5px 0px; float: left; }
.middle .day_zaklad p span{ font-size: 15px; font-weight: bold; color: #FF6600; }


.middle .fotogalerie{ width: 500px; }
.middle .fotogalerie .velky{ width: 300px; margin: 0px 15px 0px 0px; float: left; }
.middle .fotogalerie .velky .img{ width: 300px; }
.middle .fotogalerie .maly{ width: 185px; float: left; }
.middle .fotogalerie .maly .img{ width: 80px; margin: 0px 10px 10px 0px; float: left; }


.middle .p{ min-width: 130px; text-align: center; border: 1px solid #EEE; padding: 2px; margin: 0px 5px 5px 0px; float: left; }




.middle .rezervace{ width: 498px; border: 1px solid #FDA917; background: #FFDFA0; margin: 20px 0px 0px 0px; }
.middle .rezervace .nadpis{ color: #000; font-size: 20px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; background: #FFD480; padding: 10px; }
.middle .rezervace .podnadpis{ font-weight: bold; color: #008000; margin: 10px 0px 10px 20px; }
.middle .rezervace span{ font-weight: normal; color: #AA0000; }
.middle .rezervace table{ margin: 10px 0px 10px 30px; }
.middle .rezervace td{ color: #222; font-weight: bold; padding: 5px 10px 0px 0px; }
.middle .rezervace .submiter{ width: 120px; height: 34px; background-image: url('img/but_end.png'); border: none; padding: 0px; margin: 20px 0px 20px 300px; }


.middle .rezervace textarea{ width: 400px; height: 100px; }
.middle .rezervace input{ width: 160px; }
.middle .rezervace select{ width: 140px; text-align: center; }
.middle .rezervace .radio{ width: 20px; }








.middle ul{ padding: 0px; margin: 0px; }
.middle li{ list-style-type: none; background-image: url('img/ico.png'); background-repeat: no-repeat; padding: 3px 0px 0px 15px; margin: 0px 0px 0px 15px; }

.middle .info{ min-width: 250px; border-collapse: collapse; border: 1px solid #CCC; }
.middle .info td{ text-align: center; border: 1px solid #CCC; border-spacing: 0px; padding: 3px; }

.middle .ubytovani{ width: 218px; margin: 0px 10px 0px 0px; float: left; }
.middle .ubytovani img{ width: 212px; border: 1px solid #DDD; padding: 2px; margin: 0px 0px 0px 0px; }
.middle .ubytovani h3{ width: 218px; font-size: 18px; border-bottom: none; background: none; padding: 0px; margin: 15px 0px 5px 0px; }
.middle .ubytovani .text{ width: 218px; font-size: 12px; line-height: 150%; margin: 0px 0px 0px 0px; }
.middle .ubytovani .sipky{ margin: 0px 0px 10px 0px; }
.middle .ubytovani .sipky p{ font-weight: bold; font-size: 14px; color: #FF6600; background-image: url('img/sipka.png'); background-repeat: no-repeat; padding: 4px 0px 0px 10px; margin: 2px 0px 0px 20px; }
.middle .ubytovani .sipky b{ color: #000; font-size: 12px; }

.middle .odstavec{ background-color: #FCFCF3; border: 1px solid #F4F3E4; padding: 10px; }
.middle .odstavec img{ margin: 5px 10px 20px 0px; float: left; }

.middle .imgflt{ margin: 5px 10px 20px 0px; float: left; }
.middle .navstevnici{ width: 140px; height: 100px; margin: 5px 10px 20px 0px; float: left; }

.middle .zamestnanci div{ width: 100px; border: 1px solid #DDD; padding: 4px; margin: 0px 12px 10px 0px; float: left; }
.middle .zamestnanci img{ width: 100px; 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 .briefly{ width: 500px; height: 93px; background-image: url('img/briefly.png'); background-repeat: no-repeat; padding: 7px 0px 0px 0px; }
.middle .briefly .bbb{ height: auto; line-height: 100%; padding: 5px 0px 1px 90px; margin: 0px; }

.show{ background-image: url('img/show.png'); background-repeat: no-repeat; padding: 0px 0px 0px 25px; margin: 20px 10px 10px 10px; }
#text1{ font-size: 14px; text-transform: uppercase; }
#text2{ font-size: 14px; text-transform: uppercase; }
#text3{ font-size: 14px; text-transform: uppercase; }
#text4{ font-size: 14px; text-transform: uppercase; }

/********RIGHT********/
.right{ width: 220px; margin: 20px 0px 0px 0px; float: left; }
.right h3{ color: #5D9700; font-size: 14px; font-weight: bold; text-transform: uppercase; background-image: url('img/icon_right.png'); background-repeat: no-repeat; padding: 2px 0px 7px 30px; margin: 0px 0px 0px 10px; }

.right .zakladnibox{ background: #FCFCF3; padding: 10px 0px 0px 0px; margin: 0px 0px 10px 0px; }

.right .podbarveni{ background: #FFFC9B; }
.right .h3{ background-image: url('img/icon_right_y.png'); background-repeat: no-repeat; }

.right .box{ width: 210px; border-bottom: 1px solid #E3DF5C; padding: 0px 5px 5px 5px; margin: 0px 0px 0px 0px; }
.right .box img{ width: 80px; border: 1px solid #AAA; margin: 0px 8px 0px 0px; float: left; }
.right .box .nadpis{ font-size: 16px; margin: 5px 0px 5px 0px; }
.right .box .popis{ font-size: 12px; margin: 3px 0px 2px 0px; }
.right .box .adresa{ font-weight: bold; font-size: 12px; margin: 0px 0px 0px 90px; }

.right .odrazka{ font-size: 14px; background-image: url('img/ico_right.png'); background-repeat: no-repeat; padding: 5px 0px 8px 12px; margin: 0px 0px 0px 10px; }

.right table{ font-size: 14px; padding: 0px; margin: 0px; }
.right td{ border-bottom: 1px solid #F0F0F0; padding: 5px 5px 5px 20px; margin: 0px; }
.right tr{ padding: 0px; margin: 0px; }
.right .mesto{ width: 120px; font-weight: bold; padding: 0px 0px 5px 5px; }

.right .kontaktni_form{ width: 220px; background: #FCFCF3; padding: 10px 0px 0px 0px; margin: 0px 0px 10px 0px; }
.right .kontaktni_form p{  }
.right .kontaktni_form .kontaktuj .nadpis{ width: 220px; font-size: 14px; font-weight: bold; margin: 10px 10px 0px 10px; }
.right .kontaktni_form .kontaktuj input{ width: 160px; font-size: 12px; margin: 0px 10px 0px 10px; }
.right .kontaktni_form .kontaktuj textarea{ width: 190px; height: 200px; font-size: 14px; margin: 0px 10px 0px 10px; }
.right .kontaktni_form .kontaktuj .ok{ width: 176px; font-size: 14px; font-weight: bold; border: 2px solid #008000; color: #008000; padding: 10px; margin: 10px; }
.right .kontaktni_form .kontaktuj .error{ width: 176px; font-size: 14px; font-weight: bold; border: 2px solid red; color: red; padding: 10px; margin: 10px; }
.right .kontaktni_form .kontaktuj .header{ width: 200px; margin: 10px; }
.right .kontaktni_form .kontaktuj .header img{ width: 50px; margin: 0px 10px 0px 0px; float: left; }
.right .kontaktni_form .kontaktuj .header .p1{ width: 140px; font-size: 12px; margin: 0px; float: left; }
.right .kontaktni_form .kontaktuj .header .p2{ width: 140px; font-size: 12px; margin: 0px; float: left; }

.status_ok{ width: 440px; font-weight: bold; color: #008000; border: 1px solid #008000; padding: 5px; }
.status_chyba{ width: 440px; font-weight: bold; color: #CC0000; border: 1px solid #CC0000; padding: 5px; }
.nejprodavanejsi{ color: #5D9700; font-size: 12px; text-transform: uppercase; margin: 3px 0px 3px 0px; }






.paticka{ width: 100%; height: 150px; background: #E5E3CB; margin: 30px 0px 0px 0px; }
.footer{ width: 950px; height: 150px; background: #C1BC9B; background-image: url('img/footer.png'); background-repeat: no-repeat; margin: 0px auto; }
.footer .footer_txt{ width: 430px; height: 82px; font-size: 12px; color: #585539; margin: 68px 0px 0px 320px; float: left; } .footer .footer_txt a{ color: #585539; } .footer .footer_txt a:hover{ color: #585539; }
.footer .footer_ic{ width: 200px; height: 150px; float: left; }