html, body {
   font-family: Georgia, serif;
   color: #fff9e4;
   font-size: 13pt;
   font-style: italic;
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
}

html {
}

body {
   overflow-x: hidden;
}

img, div, table, tr, td, p, form, h1, h2, h3, h4, h5, h6, a, button, label {
   border-width: 0;
   padding: 0;
   margin: 0;
   border-spacing: 0;
   border-collapse: collapse;
}

table, tr, td {
   border: 1px solid #e9f9fc;
}

td {
   background: none;
}

p {
   line-height: 110%;
   margin: 0 0 25px 0;
}

a, a:link, a:active, a:visited {
   color: #cbbea0;
   text-decoration: underline;
   outline: none;
}

a:hover {
   color: #f1d782;
   text-decoration: underline;
   outline: none;
}

.clearer {height: 1px; font-size: 1px; clear: both; float:none;}


#layout {
   text-align: left;
   background: #3d2a2b url(../images/l_bck.gif) repeat-y -45px 0;
   margin: 0 0 -30px -315px;
   padding: 0 0;
   width: 100%;
   overflow: hidden;
   position: relative;
   z-index: 10;
   top: 0;
   left: 50%;
   min-height: 100%;
}



#header {
   text-align: left;
   background: url(../images/l_ill_bck_01.gif) no-repeat 0 0;
   padding: 0 45px 0 35px;
   width: 735px;
   height: 132px;
   overflow: hidden;
}

.logo {
   margin: 25px 70px 0 0;
   float: left;
   display: block;
   width: 140px;
   height: 107px;
}

#head_right_block {
   border-bottom: 1px solid #4b4343;
   background: url(../images/header_bck.gif) no-repeat right top;
   width: 525px;
   height: 119px;
   float: left;
   overflow: hidden;
   position: relative;
}

#header #head_right_block h1 {
   font-size: 22pt;
   font-weight: normal;
   padding: 0 0 0 0;
   position: absolute;
   bottom: 2px;
}

#languages {
   padding: 25px 0 0;
   width: 525px;
   height: 17px;
   overflow: hidden;
}

#languages div {
   float: right;
}

#languages div a, #languages div a:link, #languages div a:active, #languages div a:visited {
   background-position: 0 -17px;
   margin: 0 0 0 18px;
   width: 17px;
   height: 17px;
   display: block;
   float: left;
   overflow: hidden;
}

#languages div a:hover, #languages div a.selected {
   background-position: 0 0;
}

.lv {
   background: url(../images/lv.gif);
}

.en {
   background: url(../images/en.gif);
}

.de {
   background: url(../images/de.gif);
}

.ru {
   background: url(../images/ru.gif);
}

#content {
   text-align: left;
   padding: 28px 45px 0 0;
   overflow: hidden;
}

.front {
   width: 770px;
   background: url(../images/l_ill_bck_02.gif) no-repeat 0 0;
}

.special {
   width: auto;
   background: url(../images/l_ill_bck_02.gif) no-repeat 0 0;
   zoom: 1;

}

#left {
   width: 210px;
   float: left;
   overflow: hidden;
}

ul#nav {
   padding: 0 35px 20px;
   margin: 0;
   display: block;
   list-style: none;
   width: 140px;
   overflow: hidden;
}

ul#nav li {
   padding: 0 0 7px 0;
   margin: 0;
   /* background: url(../images/mm_bullet.gif) no-repeat 0 9px; */
   display: block;
   list-style: none;
}

ul#nav li a {
   color: #382727;
}

ul#nav li a:hover, ul#nav li a.selected {
   color: #615b52;
}

ul#nav li ul {
   font-style: normal;
   font-size: 8pt;
   padding: 10px 0 0;
   margin: 0 0 0 0;
}

ul#nav li ul li {
   padding: 0 0 4px;
   background: none;
   margin: 0;
}

ul#nav .highlight { color: #ff0000; }

.sidePanel {
   padding: 0 0 20px;
   width: 210px;
   overflow: hidden;
}

.sidePanel em {
   font-size: 11pt;
   background: #615b52;
   padding: 8px 0 0 35px;
   margin: 0 0 15px;
   width: 175px;
   height: 27px;
   display: block;
   overflow: hidden;
}

.sidePanel div, .sidePanel p {
   padding: 0 0 5px 35px;
   margin: 0 !important;
   width: 175px;
   display: block;
   overflow: hidden;
}

.sidePanel div input {
   font-style: normal;
   font-size: 8pt;
   margin: 0 4px 0 0;
   width: 115px;
   float: left;
}

.sidePanel .info { color: #382727; font-style: normal; font-size: 75% !important; }

.sidePanel div button {
   font-style: normal;
   color: #382727;
   background: #f1d782;
   border-bottom: 1px solid #382727;
   border-right: 1px solid #382727;
}

.sidePanel .submit { width: 119px; padding: 3px 0; font-size: 8pt; }

.sidePanel p { margin: 0 8px 0 8px; color: #382727; }

#right {
   padding: 0 0 0 35px;
   width: 525px;
   float: left;
   overflow: hidden;
}

.special #right {
   padding: 0;
   margin: -38px 0 0 210px;
   width: auto;
   float: none;
   overflow: hidden;
   zoom: 1;
}

.special_item div {
   padding: 35px 0 35px 35px;
   width: 525px;
}

.special_img {
   padding: 1px;
   margin: 0 15px 0 0;
   border: 4px solid #cbbea0;
   display: block;
   float: left;
}

.special_link {
   margin: -10px 0 0;
   text-align: right;
   display: block;
}

.special_link_rooms {
   margin: 0;
   text-align: right;
   display: block;
}

.special_item div h3 {
   font-size: 16pt;
   font-weight: normal;
   padding: 0 0 10px 0;
   margin: 0 0 15px 0;
   clear: both;
}

.item1 h3 {
   border-bottom: 1px solid #4E3C3D;
}


.item2 h3 {
   border-bottom: 1px solid #615b52;
}

.item2 {
   background: #534c41;
}

.special_item div em {
   font-size: 16pt;
   padding: 0 0 5px 0;
   clear: both;
   display: block;
}

.rooms div em {
   margin: 0 0 10px;
   overflow: auto;
}

.item1 em {
   border-bottom: 1px solid #4E3C3D;
}


.item2 em {
   border-bottom: 1px solid #615b52;
}

.special_item div small {
   font-size: 9pt;
   margin: 10px 0 15px 0;
   display: block;
}

.rooms div small {
   font-size: 9pt;
   margin: 0 15px;
   display: inline;
}

.prices {
   padding: 0 0 35px 0;
   width: 263px;
   overflow: hidden;
   display: block;
}

.prices span {
   text-align: center;
   padding: 0;
   width: 263px;
   overflow: hidden;
   display: block;
}

.rooms .prices strong {
   font-weight: normal;
   text-align: center;
   background: #f4df98;
   color: #382727;
   font-size: 10pt;
   width: 260px;
   margin: 0 0 1px 0;
   padding: 5px 0;
   float: left;
   display: block;
}

.rooms .preview { float: left; margin: 0 10px 0 0; border: 4px solid #CBBEA0; padding: 1px; }

.rooms span span b {
   font-weight: normal;
   text-align: center;
   background: #fbf3da;
   color: #382727;
   font-size: 10pt;
   width: 260px;
   margin: 0 1px 1px 0;
   padding: 5px 0;
   float: left;
   display: block;
}

.rooms span span i {
   text-align: center;
   font-size: 10pt;
   background: #615b52;
   width: 130px;
   margin: 0 2px 1px -1px;
   padding: 5px 0;
   float: left;
   display: block;
}

.pages div a {
   margin: 0 6px 0 3px;
}

.pages a.selected {
   color: #f1d782;
}

.pages div a.special_link {
   text-align: left;
   margin: 10px 0 0;
   padding: 4px 0 0;
   border-top: 1px solid #413132;
}

.write_post div span {
   padding: 15px 0 0;
   width: 525px;
   overflow: hidden;
   display: block;
}

.write_post div span i {
   text-align: right;
   padding: 0 25px 0 0;
   width: 175px;
   display: block;
   float: left;
}

.write_post div span input {
   font-size: 13pt;
   width: 310px;
   float: left;
}

.write_post div span input.small {
   font-size: 13pt;
   width: 170px;
   float: left;
}

.write_post div span img {
   margin: 0 35px 0 0;
   float: left;
}

.write_post div span textarea {
   font-size: 13pt;
   width: 310px;
   height: 150px;
   float: left;
}

.write_post div span button {
   font-family: Georgia, serif;
   font-size: 13pt;
   color: #382727;
   background: #f1d782;
   padding: 3px 0 3px;
   margin: 0 0 0 200px;
   width: 150px;
}

#special {
   text-align: left;
   padding: 15px 35px 30px;
   margin: 0 0 0 0;
   background: #534c41;
   overflow: hidden;
   position: relative;
   width: 100%;
}

#special h2 {
   font-size: 24pt;
   font-weight: normal;
   padding: 0 0 20px;
   clear: both;
   width: 100%;
}

#special .offer, #special .offer:link, #special .offer:active, #special .offer:visited {
   color: #fff9e4;
   margin: 0 35px 0 0;
   width: 210px;
   overflow: hidden;
   display: block;
   float: left;
}

#special .offer:hover {
   color: #f1d782;
}

#special #aMoreOffers { padding-top: 15px; margin-left: 37%; clear: both; display: block; color: #fff9e4; }

#special a img {
   padding: 1px;
   margin: 0 0 15px;
   border: 4px solid #cbbea0;
   display: block;
}

#footer {
   text-align: left;
   padding: 35px 45px 35px 35px;
   width: 735px;
   overflow: hidden;
}

#footer span {
   font-size: 9pt;
   white-space: nowrap;
   color: #382727;
   border-top: 1px solid #cbbea0;
   margin: 0 70px 0 0;
   padding: 17px 0 0;
   width: 140px;
   float: left;
   display: block;
   overflow: hidden;
}

#footer div {
   border-top: 1px solid #4b4343;
   width: 525px;
   float: left;
   overflow: hidden;
}

#footer div i {
   color: #cbbea0;
   font-size: 10pt;
   padding: 17px 0 0;
   float: left;
   display: block;
}

.dev {
   margin: 20px 0 0;
   width: 64px;
   height: 25px;
   float: right;
   display: block;
}

.big_img {
   padding: 1px;
   border: 4px solid #cbbea0;
   display: block;
   float: right;
}

.prev_next {
   padding: 0 0 35px;
   width: 525px;
   overflow: hidden;
}

.prev_next div {
   width: 420px;
   overflow: hidden;
   float: right;
}

.prev_next div a, .prev_next div a:link, .prev_next div a:active, .prev_next div a:visited, .prev_next div span {
   text-align: center;
   color: #382727;
   background: #cbbea0;
   padding: 6px 0 0;
   width: 210px;
   height: 29px;
   display: block;
   float: left;
   overflow: hidden;
}

.prev_next div a:hover, .prev_next div span {
   color: #cbbea0;
   background: #534c41;
}

#gallery {
   text-align: left;
   padding: 0 0 35px 35px;
   background: #534c41;
   overflow: hidden;
   position: relative;
   width: 100%;
}

#gallery div {
   overflow: hidden;
}

#gallery div a {
   margin: 35px 35px 0 0;
   width: 210px;
   height: 125px;
   overflow: hidden;
   display: block;
   float: left;
}

#gallery div a img {
   padding: 1px;
   border: 4px solid #cbbea0;
   display: block;
}

#googlemaps {
   text-align: left;
   padding: 35px;
   background: #534c41;
   overflow: hidden;
   position: relative;
   width: 100%;
}

#googlemaps div {
   width: 725px;
   height: 340px;
   overflow: hidden;
   padding: 1px;
   border: 4px solid #cbbea0;
   background: #3d2a2b;
   display: block;
}

.reserve {
   font-family: Georgia, serif;
   color: #382727;
   font-size: 13pt;
   background: #f1d782;
   padding: 8px 0;
   margin: 35px 0 0;
   border-bottom: 1px solid #382727;
   border-right: 1px solid #382727;
   width: 173px;
}

#about { padding-bottom: 20px; }
#about img { margin: 10px; }

/* RESERVATION */

big { margin-bottom: 5px; color: #fff9e4; display: block; clear: both; }
big a { color: #fff9e4 !important; }
.calendar big { padding-bottom: 0.4em; }
.error { background: #AF0000; padding: 15px; margin: 0 0 35px; }
#frmReservation .rooms div {padding:10px; width:500px;}

/* CALENDAR */

.calendar { margin-bottom: 35px; padding: 15px; background: #534C41; overflow: hidden; zoom: 1; }
.calendar table { font-size: 11pt; }
.calendar table, .calendar table tr, .calendar table tr td { border: 1px solid #7F7777; padding: 0 1px 2px; text-align: center; }
.calendar, .calendar a { color: #3d2a2b; text-decoration: none; }
.calendar .month { float: left; }
.calendar .calendarDay { background: #fbf3da !important; cursor: pointer; text-align: center; }
.month th { background: #f1d782 !important; font-size: 10pt; text-align: center; }
.calendar .calendarDay.weekend { background: #f1d782 !important; }
.calendar .calendarDay.unavailable { color: #CCC !important; }
.calendar .calendarDay.selected { background: #534c41 !important; color: #fbf3da !important; }
.calendar #aNext { margin: 0 0 0 15px; }
.calendar #aPrev { margin: 0 15px 0 0; }


/* ROOM TYPES */

#divRoomTypesBlock { margin-bottom: 35px; overflow: hidden; }
#divRoomTypesBlock td, #divRoomTypes tr, #divRoomTypes table { border: 0; }
#divRoomTypesBlock .roomTypeLabel { padding-right: 5em; }
#divRoomTypesBlock .roomTypeInc, #divRoomTypes .roomTypeDec { text-decoration: none; }
#divRoomTypesBlock td { padding: 7px 10px 10px; background: #534C41; border-bottom: 1px solid #3D2A2B; }
#divRoomTypesBlock #tdTotalPrice { text-align: right; }
#divRoomTypesBlock .roomTypeCount { width: 1em; }
#divRoomTypesBlock #tdRoomTypeDec { width: 1em; }

/* RESERVATION FORM PERSONAL DATA */

.reservationForm { margin-bottom: 35px; overflow: hidden; }
.reservationForm div {  width: 380px; overflow: hidden; padding: 10px 0 10px 10px; margin: 1px 0 0; background: #534C41; }
.reservationForm div span { width: 150px; float: left; display: block; padding: 2px 0 0; }
.reservationForm div input, .reservationForm div select { width: 210px; float: left; }
.reservationForm div textarea { width: 360px; }

/* RESERVATION FORM CC DATA */

#reservation_cc_expires_month { width: 100px !important; }
#reservation_cc_expires_year { width: 100px !important; margin-left: 10px; }

/* WEATHER */

#weather {
   font-size: 8pt;
   padding: 0 0 20px;
   width: 210px;
   overflow: hidden;
}

#weather em {
   font-size: 10pt;
   background: #615b52;
   padding: 8px 0 0 35px;
   margin: 0 0 15px;
   width: 175px;
   height: 27px;
   display: block;
   overflow: hidden;
}

#weather img {
   margin: 0 15px 0 0;
   float: left;
}

#weather span {
   color: #382727;
   font-style: normal;
   font-size: 8pt;
   padding: 8px 0 0 15px;
   margin: 0 0 15px;
   width: 195px;
   float: left;
}

#exchange {
   font-size: 8pt;
   margin: 15px 0 0;
   padding: 0 0 20px;
   width: 210px;
   overflow: hidden;
}

#exchange em {
   font-size: 10pt;
   background: #615b52;
   padding: 8px 0 0 35px;
   margin: 0 0 15px;
   width: 175px;
   height: 27px;
   display: block;
   overflow: hidden;
}

#exchange span {
   color: #382727;
   width: 130px;
   padding: 5px 5px;
   margin: 0 0 0 35px;
   display: block;
   overflow: hidden;
}

#exchange span strong {
   text-transform: uppercase;
   font-weight: normal;
   float: left;
}

#exchange span small {
   font-size: 8pt;
   float: right;
}

.exbck2 {
   background: #F1D782;
}

#weather_currency {
   padding: 35px 35px 0 0;
   margin: 0;
   position: relative;
   width: 100%;
   overflow: hidden;
}

#weather_currency div {
   background: #FBF3DA;
   width: 250px;
   height: 150px;
   float: left;
}

.w1 {
   font-size: 8pt;
   overflow: hidden;
}

.w1 em {
   font-size: 10pt;
   background: #615b52;
   padding: 8px 0 0 35px;
   margin: 0 0 15px;
   width: 215px;
   height: 27px;
   display: block;
   overflow: hidden;
}

.w1 img {
   margin: 0 15px 0 0;
   float: left;
}

.w1 span {
   color: #382727;
   font-style: normal;
   font-size: 8pt;
   padding: 8px 0 0 15px;
   margin: 0 0 15px;
   width: 195px;
   float: left;
}

.w2 {
   font-size: 8pt;
   overflow: hidden;
}

.w2 em {
   font-size: 10pt;
   background: #615b52;
   padding: 8px 0 0 35px;
   margin: 0 0 15px;
   width: 215px;
   height: 27px;
   display: block;
   overflow: hidden;
}

.w2 img {
   margin: 0 15px 0 0;
   float: left;
}

.w2 span {
   color: #382727;
   font-style: normal;
   font-size: 8pt;
   padding: 8px 0 0 15px;
   margin: 0 0 15px;
   width: 195px;
   float: left;
}

.exchange {
   font-size: 8pt;
   overflow: hidden;
}

.exchange em {
   font-size: 10pt;
   background: #615b52;
   padding: 8px 0 0 35px;
   margin: 0 0 15px;
   width: 215px;
   height: 27px;
   display: block;
   overflow: hidden;
}

.exchange span {
   color: #382727;
   width: 130px;
   padding: 5px 5px;
   margin: 0 0 0 35px;
   display: block;
   overflow: hidden;
}

.exchange span strong {
   text-transform: uppercase;
   font-weight: normal;
   float: left;
}

.exchange span small {
   font-size: 8pt;
   float: right;
}

#addAnotherRoom {
   display:none;
   margin:15px 0;
   text-align: left;
}

.special_link .roomTypeDec, .special_link .roomTypeInc {text-decoration: underline!important;}

.rooms {border-bottom: 6px solid #3D2A2B;}

.title_part {float: left; display: inline!important; width:100%; overflow: hidden!important; }
.left_part {float: left; display: inline; width: 45%;}
.right_part {float: right; display: inline; width: 50%; text-align: right;}
.special_link .special_info {display: none;}
#divInfoBlock select {float: none; width:50px;}

/* DATEPICKER */

.ui-datepicker { z-index: 20; font-size: 0.7em; }

#gallery div h3 {
   padding: 30px 0 5px;
   margin: 0 0 -15px;
   border-bottom: 1px solid #FFF9E4;
   font-weight: normal;
   width: 703px;
   display: block;
   clear: both;
}
