body{ margin: 0; padding: 0; text-align: center; font-size: 0px; line-height: 0px;
      background: #683c16 url("images/bg.jpg") 50% 0 repeat-x; font-family: garamond; color: black; }
div{ margin: 0; padding: 0; }
p{ margin: 0px 0px 5px 0px; padding: 0; }
.preloadfix{ display: none; width: 0px; height: 0px; }
.clearboth{ clear: both; }
.floatleft{ float: left; }
.floatright{ float: right; }
a{ color: #673b15; }
h1{ display: none; }
h2{ margin: 0px 0px 7px 0px; padding: 0; font-size: 24px; line-height: 28px; color: #673b15; font-weight: bold; }
h3{ margin: 0px 0px 3px 0px; padding: 0px 0px 3px 0px; font-size: 20px; line-height: 24px; color: #673b15; font-weight: bold;
    border-bottom: 1px solid #c19240; }
ul{ margin: 0px 0px 0px 10px; padding: 0; list-style-type: none; }
li{ margin: 0; padding: 0px 0px 0px 20px; background: url("images/arrow_right.png") 0 4px no-repeat;}
.hr{ height: 1px; background: #c19240; }
#hotarea{ background: #d4964b; padding: 15px 20px 12px 20px; border: 1px solid #ae0000; }
#hotarea h2{ color: #ae0000; }
.small{ font-size: 12px; }

a img{ border: 1px solid #c19240; }

#container{ width: 1000px; margin: 0 auto; }
   #header{ height: 439px; background: url("images/header.jpg"); }
      #flash{ float: left; padding: 0px 0px 0px 182px; }
      #flags{ float: right; padding: 100px 50px 0px 0px; }
         #flags img{ margin: 0px 3px; border: 0; }
      #menusk{ padding: 20px 0px 0px 52px; }
         #menusk a{ display: block; float: left; height: 29px; margin: 0px 10px; }
         #menusk a:focus{ outline: 0; }
         #menusk #a01{ width: 63px; background: url("images/menu/01a.png"); }
         #menusk #a02{ width: 140px; background: url("images/menu/02a.png"); }
         #menusk #a03{ width: 134px; background: url("images/menu/03a.png"); }
         #menusk #a04{ width: 143px; background: url("images/menu/04a.png"); }
         #menusk #a05{ width: 106px; background: url("images/menu/05a.png"); }
         #menusk #a06{ width: 80px; background: url("images/menu/06a.png"); }
         #menusk #a07{ width: 80px; background: url("images/menu/07a.png"); }
         #menusk #a01:hover{ background: url("images/menu/01b.png"); }
         #menusk #a02:hover{ background: url("images/menu/02b.png"); }
         #menusk #a03:hover{ background: url("images/menu/03b.png"); }
         #menusk #a04:hover{ background: url("images/menu/04b.png"); }
         #menusk #a05:hover{ background: url("images/menu/05b.png"); }
         #menusk #a06:hover{ background: url("images/menu/06b.png"); }
         #menusk #a07:hover{ background: url("images/menu/07b.png"); }
         #menusk #a01a{ width: 63px; background: url("images/menu/01b.png"); }
         #menusk #a02a{ width: 140px; background: url("images/menu/02b.png"); }
         #menusk #a03a{ width: 134px; background: url("images/menu/03b.png"); }
         #menusk #a04a{ width: 143px; background: url("images/menu/04b.png"); }
         #menusk #a05a{ width: 106px; background: url("images/menu/05b.png"); }
         #menusk #a06a{ width: 80px; background: url("images/menu/06b.png"); }
         #menusk #a07a{ width: 80px; background: url("images/menu/07b.png"); }
      #menuuk{ padding: 20px 0px 0px 44px; }
         #menuuk a{ display: block; float: left; height: 29px; margin: 0px 10px; }
         #menuuk a:focus{ outline: 0; }
         #menuuk #a01{ width: 74px; background: url("images/menu/en01a.png"); }
         #menuuk #a02{ width: 135px; background: url("images/menu/en02a.png"); }
         #menuuk #a03{ width: 205px; background: url("images/menu/en03a.png"); }
         #menuuk #a04{ width: 167px; background: url("images/menu/en04a.png"); }
         #menuuk #a05{ width: 105px; background: url("images/menu/en05a.png"); }
         #menuuk #a06{ width: 105px; background: url("images/menu/en06a.png"); }
         #menuuk #a01:hover{ background: url("images/menu/en01b.png"); }
         #menuuk #a02:hover{ background: url("images/menu/en02b.png"); }
         #menuuk #a03:hover{ background: url("images/menu/en03b.png"); }
         #menuuk #a04:hover{ background: url("images/menu/en04b.png"); }
         #menuuk #a05:hover{ background: url("images/menu/en05b.png"); }
         #menuuk #a06:hover{ background: url("images/menu/en06b.png"); }
         #menuuk #a01a{ width: 74px; background: url("images/menu/en01b.png"); }
         #menuuk #a02a{ width: 135px; background: url("images/menu/en02b.png"); }
         #menuuk #a03a{ width: 205px; background: url("images/menu/en03b.png"); }
         #menuuk #a04a{ width: 167px; background: url("images/menu/en04b.png"); }
         #menuuk #a05a{ width: 105px; background: url("images/menu/en05b.png"); }
         #menuuk #a06a{ width: 105px; background: url("images/menu/en06b.png"); }
      #menupl{ padding: 20px 0px 0px 67px; }
         #menupl a{ display: block; float: left; height: 29px; margin: 0px 15px; }
         #menupl a:focus{ outline: 0; }
         #menupl #a01{ width: 178px; background: url("images/menu/pl01a.png"); }
         #menupl #a02{ width: 139px; background: url("images/menu/pl02a.png"); }
         #menupl #a03{ width: 92px; background: url("images/menu/pl03a.png"); }
         #menupl #a04{ width: 85px; background: url("images/menu/pl04a.png"); }
         #menupl #a05{ width: 106px; background: url("images/menu/pl05a.png"); }
         #menupl #a06{ width: 80px; background: url("images/menu/pl06a.png"); }
         #menupl #a01:hover{ background: url("images/menu/pl01b.png"); }
         #menupl #a02:hover{ background: url("images/menu/pl02b.png"); }
         #menupl #a03:hover{ background: url("images/menu/pl03b.png"); }
         #menupl #a04:hover{ background: url("images/menu/pl04b.png"); }
         #menupl #a05:hover{ background: url("images/menu/pl05b.png"); }
         #menupl #a06:hover{ background: url("images/menu/pl06b.png"); }
         #menupl #a01a{ width: 178px; background: url("images/menu/pl01b.png"); }
         #menupl #a02a{ width: 139px; background: url("images/menu/pl02b.png"); }
         #menupl #a03a{ width: 92px; background: url("images/menu/pl03b.png"); }
         #menupl #a04a{ width: 85px; background: url("images/menu/pl04b.png"); }
         #menupl #a05a{ width: 106px; background: url("images/menu/pl05b.png"); }
         #menupl #a06a{ width: 80px; background: url("images/menu/pl06b.png"); }
   #content{ background: url("images/container.png"); }
      #contentpadding{ padding: 20px 70px 9px 60px; }
         #leftarea{ float: left; width: 260px; border-right: 1px solid #c19240; }
            #leftarea #leftmenu{ font-size: 13px; line-height: 12px; }
            #leftarea #leftmenu a{ display: block; width: 206px; height: 31px; background: url("images/leftmenu.png");
                                   font-size: 16px; line-height: 18px; text-decoration: none; color: #673b15;
                                   font-weight: bold; text-align: left; padding: 12px 0px 0px 43px; }
            #leftarea #leftmenu a:hover{ color: #99581f; }
            #leftarea #leftmenu a:focus{ outline: 0; }
            #leftarea #leftmenu .hot{ background: url("images/leftmenuhot.png"); color: #950e00; }
            #leftarea #leftmenu .hot:hover{ color: #892217; }
            #leftarea #leftmenu .hot2{ background: url("images/leftmenuhot2.png"); color: #213d70; }
            #leftarea #leftmenu .hot2:hover{ color: #2c58a7; }
            #leftarea #leftmenu .hot3{ background: url("images/leftmenuhot3.png"); color: #950e00; }
            #leftarea #leftmenu .hot3:hover{ color: #892217; }
            #leftarea #leftmenu .hr{ margin: 10px 0px; }
            #leftarea #leftmenu #realarea{ padding: 0px 10px 0px 0px; line-height: 16px; }
         #rightarea{ float: right; width: 590px; }
            #rightareapadding{ font-size: 16px; font-weight: bold; line-height: 22px;
                               text-align: left; padding: 0px 20px 0px 0px; }
         #footer{ font-size: 13px; line-height: 13px; border-top: 1px solid #c19240; padding: 10px 0px 1px 0px;
                  color: #333; margin: 30px 0px 0px 0px; }
            #footer a{ color: #333; }
           
#karty{ text-align: center; }

.thumbs{ text-align: center; font-size: 0px; line-height: 0px; margin: 0px 0px 14px 0px; text-align: center; }
.thumbs img{ border: 1px solid #673b15; margin: 0px 2px 4px 2px; }

#cennik_ubytovania{ font-size: 14px; border-collapse: collapse; border: 1px solid black;
                    text-align: center; line-height: 16px; margin: 5px 0px 0px 0px; }
#cennik_ubytovania td{ padding: 1px 4px; }
#cennik_ubytovania .prvy{ font-weight: bold; font-size: 15px; line-height: 20px; background: #673b15; color: white; }
#cennik_ubytovania .prvy td{ padding: 7px 4px; }
#cennik_ubytovania .neparny{ background: #cf9e3e; }
#cennik_ubytovania .parny{ background: #cfa553; }

#rezervacia{ font-size: 15px; }
#rezervacia .first{ font-weight: bold; text-align: right; padding: 0px 10px 0px 0px; font-family: garamond; }
#rezervacia .dlhy{ border: 1px solid #c19240; color: #222; background: url("images/input_bg.png");
                   font-size: 14px; line-height: 14px; padding: 5px 5px 5px 5px; width: 465px; font-family: garamond; }
#rezervacia .select{ border: 1px solid #c19240; color: #222; background: url("images/input_bg.png");
                     font-size: 14px; line-height: 14px; padding: 5px 5px 5px 5px; width: 50px; font-family: garamond; }
#rezervacia .textarea{ border: 1px solid #c19240; color: #222; background: url("images/textarea_bg.png");
                   font-size: 14px; line-height: 14px; padding: 7px 5px 5px 5px; width: 465px; height: 127px; font-family: garamond; }
#rezervacia .termin{ border: 1px solid #c19240; color: #222; background: url("images/input_bg.png");
                   font-size: 14px; line-height: 14px; padding: 5px 5px 5px 5px; width: 160px; font-family: garamond; }
#rezervacia td{ padding: 7px 0px; }
#rezervacia #od_btn{ display: inline; padding: 5px 23px 4px 0px; background: url("images/kalendar.jpg"); }
#rezervacia #do_btn{ display: inline; padding: 5px 23px 4px 0px; background: url("images/kalendar.jpg"); }
.form_error{ font-weight: bold; color: #950e00; }

#terminy{ font-size: 12px; line-height: 16px; padding: 0px 0px 0px 5px; }
.kalendar{ text-align: center; border-spacing: 0px; float: left; margin: 0px 10px 10px 0px; border: 2px solid #673b15; }
.kalendar a{ text-decoration: none; color: black; }
.kalendar td{ padding: 1px 2px; font-size: 14px; line-height: 17px; }
.kalendar .prvy{ background: #673b15; color: white; text-align: left; padding: 3px 5px 6px 10px; }
.kalendar .volny{ background: #e0bd76; }
.kalendar .obsadeny{ background: #db2323; color: #ddd; }
.kalendar .obsadeny a{ color: #ddd; }

#legenda{ line-height: 20px; }
.legendavolny{ background: #dfffc7; padding: 3px 0px 3px 3px; }
.legendaobsadeny{ background: #db2323; padding: 3px 3px 3px 3px; color: #ddd; }

#hodnotenie{ }
#hodnotenie .prispevok{ margin-bottom: 20px; }
#hodnotenie .prvy{ border-bottom: 1px solid #673b15; padding: 0px 0px 3px 0px; }
#hodnotenie .meno{ color: #673b15; font-weight: bold; }
#hodnotenie .rating{ float: right; }
#hodnotenie .druhy{ padding: 3px 0px 0px 0px; }

#okolie .strong{ color: #950e00; }
#okolie .vzdialenost{ color: #673b15; }
#okolie li{ margin: 10px 0px 0px 0px; overflow: hidden; }
#okolie li img{ float: right; margin: 0px 0px 0px 10px; border: 1px solid #c19240; }