body { margin: 0; padding: 0; background: url(../images/bg.jpg) repeat top center; font-size: 12px; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; color: #7f7f7e; }
h1, h2, h3, h4, p { margin: 0; font-weight: normal; }

a { text-decoration: underline; color: #cd660a; }
a:hover { text-decoration: none; }
a img { border: none; }
.cleaner { float: left; clear: both; width: 100%; height: 0; }
 {  }

#container { width: 100%; min-width: 914px; margin: 0; float: left; clear: both; background: url(../images/bg_top.gif) repeat-x top center; }
#main { width: 914px; margin: 0 auto; }

#top { height: 115px; width: 100%; float: left; clear: both; margin: 0; position: relative; z-index: 10; }
#head { width: 887px; height: 327px; float: left; clear: both; padding: 14px 13px 0 14px; background: url(../images/bg_head.png) no-repeat top left; margin: -8px 0 0 0; position: relative; _background-image: url(../images/bg_head_ie.gif); }
#cols { width: 815px; padding: 20px 50px 15px 49px; float: left; clear: both; background: url(../images/bg_mid.png) repeat-y top left; _background-image: url(../images/bg_mid_ie.gif); }
#lcol { width: 500px; padding-right: 26px; float: left; margin: 0; }
#rcol { width: 289px; float: left; margin: 5px 0 0 0; }
#footer { width: 866px; height: 80px; padding: 51px 22px 22px 26px; float: left; clear: both; background: url(../images/bg_foot.png) no-repeat top left; _background-image: url(../images/bg_foot_ie.gif); }

#menu { width: 850px; height: 72px; margin: 0; padding: 8px 30px 0 34px; float: left; clear: both; background: url(../images/bg_cols_top.png) no-repeat top left; _background-image: url(../images/bg_cols_top_ie.gif); }
#menu li { list-style: none; float: left; display: inline; position: relative; margin: 0; }
#menu li a { display: block; height: 72px; margin: 0; line-height: 72px; position: relative; }
#menu li a span { display: block; width: 100%; height: 72px; position: absolute; top: 0; left: 0; cursor: pointer; background-position: top left; }
#menu li a#m01 { width: 128px; }
#menu li a#m01 span { background-image: url(../images/m01.png); }
#menu li a#m02 { width: 138px; }
#menu li a#m02 span { background-image: url(../images/m02.png); }
#menu li a#m03 { width: 145px; }
#menu li a#m03 span { background-image: url(../images/m03.png); }
#menu li a#m04 { width: 131px; }
#menu li a#m04 span { background-image: url(../images/m04.png); }
#menu li a#m05 { width: 117px; }
#menu li a#m05 span { background-image: url(../images/m05.png); }
#menu li a#m06 { width: 97px; }
#menu li a#m06 span { background-image: url(../images/m06.png); }
#menu li a#m07 { width: 94px; }
#menu li a#m07 span { background-image: url(../images/m07.png); }
#menu li a:hover span, #menu li.slc a span { background-position: bottom left; }

#top .logo { float: left; }
#top ul { float: right; margin: 0 7px 0 0; padding: 0; }
#top ul li { display: inline; float: left; list-style: none; margin: 0 0 0 1px; }
#top ul li a { position: relative; display: block; width: 127px; height: 115px; text-align: center; }
#top ul li a span { display: block; width: 127px; height: 115px; position: absolute; top: 0; left: 0; cursor: pointer; background-position: top left; }
#top ul li a#tm01 span { background-image: url(../images/btn_d_f.png); }
#top ul li a#tm02 span { background-image: url(../images/btn_d_k.png); }
#top ul li a#tm03 span { background-image: url(../images/btn_g_f.png); }
#top ul li a#tm04 span { background-image: url(../images/btn_g_k.png); }
#top ul li a:hover span, #top ul li.slc a span { background-position: bottom left; }

#menu li ul { position: absolute; top: 73px; left: 8px; margin: 0; padding: 0; z-index: 20; width: 160px; }
#menu li ul li { display: block; clear: both; margin: 0 0 1px 0; }
#menu li ul li a { height: auto; line-height: normal; white-space: nowrap; padding: 10px 15px; width: 130px; float: left; color: #fff; text-decoration: none; background: url(../images/bg_submenu.png) repeat; }
#menu li ul li a:hover { background-image: url(../images/bg_submenu_h.png); }

#head .buttons { position: absolute; bottom: 0; right: 13px; height: 25px; }
#head .buttons a { float: left; width: 21px; display: block; margin: 0 0 0 3px; height: 25px; background: url(../images/bg_head_page.gif) no-repeat top left; text-align: center; font: bold 12px/25px Arial; color: #3b2003; text-decoration: none; cursor: pointer; }
#head .buttons a:hover { background-position: top right; color: #fff; }
#head img { display: none; position: absolute; top: 14px; left: 14px; }
#head img.selected { margin: 0; display: block; }

#lcol p { margin: 0 0 15px 0; line-height: 16px; }
#lcol h1 { margin: 5px 0 15px 0; font-size: 24px; }
#lcol h1.big { margin: 5px 0 15px 0; font-size: 26px; color: #cb6b17; }
#lcol h2 { margin: 0 0 10px 0; font-size: 18px; color: #7f7f7e; }
#lcol h3 { margin: 0 0 8px 0; font: bold 14px Arial; color: #cb6b17; }
#lcol h4 { margin: 0 0 5px 0; font: bold 12px Arial; color: #7f7f7e; }
#lcol #banner_l { float: left; clear: both; margin-bottom: 25px; width: 100%; }
#lcol .text { float: left; clear: both; margin-bottom: 20px; }
#lcol .zazitek_box { width: 100%; float: left; clear: both; }
#lcol .zazitek_box .th { float: left; margin-right: 12px; padding: 7px; background: url(../images/bg_th_zazitek.gif) no-repeat top left; }
#lcol .zazitek_box p.autor { text-align: right; font-size: 14px; font-style: italic; }
#lcol .zazitek_box p.autor small { font-size: 11px; }
#lcol p.dotaz { font-size: 16px; font-weight: bold; }
#lcol .gal_box { width: 100%; float: left; clear: both; }
#lcol .gal_box .th { float: left; width: 81px; height: 81px; padding: 6px 6px 7px 6px; background: url(../images/bg_th_gal.gif) no-repeat top left; margin: 0 4px 5px 0; }
#lcol .gal_box .th a { display: block; width: 81px; height: 81px; overflow: hidden; }
#lcol .partneri_box { width: 100%; float: left; clear: both; margin: 0 0 15px 0; }
#lcol .partneri_box .th { float: left; margin-right: 12px; padding: 1px; background: #dadada; border: 1px solid #ececec; }
#lcol .partneri_box .th a { display: block; width: 130px; padding: 3px; background: #fff; border: 1px solid #c1c1c1; }
#lcol .partneri_box h2 { margin-bottom: 0; font: bold 14px Arial; }
#lcol .partneri_box p { margin-bottom: 7px; }
#lcol .kontakt { margin-top: 5px; margin-bottom: 20px; }
#lcol .kontakt p { line-height: 20px; }
#lcol .left { width: 50%; float: left; }
#lcol .right { width: 50%; float: right; }
#lcol #kontakt_form { margin: 0; padding: 0; width: 435px; clear: both; }
#lcol #kontakt_form .polozky label { width: 44px; float: left; font-weight: bold; padding: 4px 0; margin: 0 20px 7px 0; }
#lcol #kontakt_form .polozky input { padding: 4px 2px; border: 1px solid #d1d1d0; background: none; margin: 0 0 7px 0; width: 155px; font: 12px Arial; }
#lcol #kontakt_form .polozky textarea { padding: 4px 2px; border: 1px solid #d1d1d0; background: none; margin: 0 0 7px 0; width: 364px; height: 90px; font: 12px Arial; }
#lcol #kontakt_form .kopie { float: left; clear: left; margin-left: 60px; }
#lcol #kontakt_form .kopie label { font-size: 11px; }
#lcol #kontakt_form .btn { border: none; background: url(../images/bg_btn.gif) no-repeat top left; font: bold 12px Arial; color: #282828; float: right; padding: 0; width: 84px; height: 26px; }
#lcol .domy_box { width: 100%; float: left; clear: both; margin: 0 0 15px 0; }
#lcol .domy_box .th { float: left; margin: -2px 12px 10px 0; padding: 7px; background: url(../images/bg_th_dum.gif) no-repeat top left; }
#lcol .domy_box .th a { display: block; width: 131px; height: 131px; overflow: hidden; }
#lcol .domy_box h2 a { color: #7f7f7e; }
#lcol .domy_box p.cena { font-size: 14px; }
#lcol .domy_box p.cena strong { color: #cb6b17; }
#lcol .domy_box .left { width: 159px; margin-top: 5px; }
#lcol .domy_box .right { width: 340px; margin-top: 5px; }
#lcol .domy_box .left ul { margin: 0 0 10px 0; padding: 0; width: 153px; }
#lcol .domy_box .left ul li { width: 153px; list-style: none; margin: 0 0 1px 0; float: left; clear: both; }
#lcol .domy_box .left ul li a { width: 123px; padding-right: 20px; text-align: right; display: block; float: left; height: 28px; line-height: 28px; background: #f2f2f2; color: #cb6b17; text-decoration: none; }
#lcol .domy_box .left ul li a:hover { color: #fff; background: #d07a2e; }
#lcol .domy_box .left ul li.slc a { padding-right: 30px; background: url(../images/bg_submenu.gif) no-repeat top left; color: #fff; font-weight: bold; }
#lcol .domy_box .right .th { float: left; width: 81px; height: 81px; padding: 6px 6px 7px 6px; background: url(../images/bg_th_gal.gif) no-repeat top left; margin: 0 4px 5px 4px; }
#lcol .domy_box .right .th a { display: block; width: 81px; height: 81px; overflow: hidden; }
#lcol .barvy { width: 100%; color: #fff; font-size: 11px; line-height: 28px; clear: both; }
#lcol .barvy span { width: 124px; margin-right: 1px; float: left; line-height: 28px; text-align: center; }
#lcol .barvy span.red { background: #ff703d; }
#lcol .barvy span.blue { background: #309fff; }
#lcol .barvy span.yellow { background: #ffa619; }
#lcol .barvy span.green { background: #91be4a; margin-right: 0; }
#lcol .kalendar { width: 140px; border: 1px solid #d07a2e; margin: 0 36px 30px 0; font-size: 10px; float: left; }
#lcol .kalendar .top { background: #d07a2e; width: 100%; margin-bottom: 1px; float: left; clear: both; }
#lcol .kalendar .top p { padding-left: 9px; line-height: 21px; margin: 0; color: #fff; }
#lcol .kalendar ul { margin: 0; padding: 0 0 3px 2px; width: 138px; float: left; clear: both; background: url(../images/bg_label_kal.gif) repeat-x top left; }
#lcol .kalendar ul li { list-style: none; float: left; width: 16px; height: 16px; text-align: center; margin: 0 0 3px 3px; line-height: 16px; color: #fff; }
#lcol .kalendar ul li.label { background: #e6e6e6; margin-left: 0; margin-bottom: 2px; border-left: 3px solid #e6e6e6; color: #d07a2e; height: 22px; line-height: 22px; }
#lcol .kalendar ul li.red { background: #ff703d; }
#lcol .kalendar ul li.blue { background: #309fff; }
#lcol .kalendar ul li.yellow { background: #ffa619; }
#lcol .kalendar ul li.green { background: #91be4a; }
#lcol .kalendar ul li.rezerve { color: #959595; }
#lcol .kalendar ul li.obsazeno { color: #ff0000; }
#lcol .tri { margin-right: 0!important; }
#lcol #vyber { width: 100%; float: left; clear: both; margin: 0 0 25px 0; }
#lcol #vyber label { margin-right: 55px; font: bold 12px Arial; color: #cb6b17; }
#lcol #vyber label img { margin-left: 5px; margin-bottom: -2px; }

#rcol h1 { margin: 5px 0 18px 0; font-size: 24px; }
#rcol .news_box { width: 100%; float: left; clear: both; margin: 0 0 5px 0; }
#rcol .news_box p.datum { padding: 0 7px; background: #cb6b17; font: 10px/18px Arial; color: #fff; width: auto; float: left; clear: both; margin: 0 0 7px 0; }
#rcol .news_box h2 { clear: both; font: bold 12px Arial; color: #cb6b17; text-transform: uppercase; margin-bottom: 5px; }
#rcol .news_box p { line-height: 16px; }
#rcol .gal_box { width: 100%; float: left; clear: both; }
#rcol .gal_box .th { float: left; width: 81px; height: 81px; padding: 6px 6px 7px 6px; background: url(../images/bg_th_gal.gif) no-repeat top left; margin: 0 3px 5px 0; }
#rcol .gal_box .th a { display: block; width: 81px; height: 81px; overflow: hidden; }
#rcol p { margin: 0 0 15px 0; font-size: 11px; }
#rcol form { width: 100%; margin: 20px 0 0 0; padding: 0; }
#rcol form table th { font: bold 12px Arial; text-align: left; }
#rcol form table td { padding-bottom: 9px; }
#rcol form table td input { float: left; clear: left; padding: 3px 2px; margin: 3px 5px 0 0; border: 1px solid #d1d1d0; background: none; width: 185px; }
#rcol form table td span.popis { margin: 7px 0 0 0; color: #fe0000; font-weight: normal; float: left; font-size: 10px; }
#rcol form table th span.popis { margin: 0; float: right; width: 94px; }
#rcol form textarea { padding: 3px 2px; margin: 3px 0 8px 0; border: 1px solid #d1d1d0; background: none; width: 295px; height: 100px; }
#rcol form .termin { background: #f0fbdd; padding: 10px 4px 7px 10px; }
#rcol form .termin .left { width: 140px; float: left; }
#rcol form .termin .right { width: 135px; float: right; }
#rcol form .termin select { border: 1px solid #d1d1d0; }
#rcol form .termin select.den { width: 35px; }
#rcol form .termin select.rok { width: 51px; }
#rcol form .check input { width: auto; border: none; margin: 0 10px 5px 10px; }
#rcol form .check label { float: left; }
#rcol form .btn { float: right; margin: 0; padding: 0; border-color: #d07300; color: #fff; font: 18px Arial; text-align: center; line-height: 36px; width: 210px; background: url(../images/bg_btn_rezerve.gif) repeat-x top left; height: 36px; }


#footer a.logo { float: left; }
#footer ul { float: right; margin: 0 0 10px 0; padding: 0; clear: right; }
#footer ul li { display: inline; float: left; list-style: none; text-align: right; margin-left: 20px; }
#footer ul li a { color: #fff; }
#footer ul li small { font-size: 10px; color: #ccc; }
#footer menu { float: right; margin: 0 0 10px 0; padding: 0; clear: right; width: 672px; }
#footer menu li { display: inline; float: left; list-style: none; margin-left: 9px; color: #3b2003; font-size: 11px; }
#footer menu li a { margin-right: 9px; text-transform: uppercase; color: #3b2003; text-decoration: none; }
#footer menu li a:hover { text-decoration: underline; }
#footer menu li.last a { margin: 0; }
#footer p { float: right; clear: right; color: #fff; width: 700px; text-align: right; font-size: 11px; }
#footer p a.white { color: #fff; }
#footer p a { text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
# {  }


