* { margin: 0; padding: 0; }
HTML { background: #feefd0 url('/img/bg/html.jpg') right bottom no-repeat; }
BODY { background: url(/img/bg/body.gif) 0 0 no-repeat; font: 0.82em Arial, 'Geneva CY', sans-serif; color: #524b3b; }
/*BODY#main { background: none; }*/
BODY { background: none; }
H1 { font: 1.2em/1.1 Arial, sans-serif; color: #8f8570; margin: 1.1em 0 }

/* layout */
TABLE.layout { width: 100%; }
TABLE.layout TD { vertical-align: top; }
/* --- */
#nav-column { width: 29%; }
#content-column { width: 71%; }

/* head */
#main #head { height: 127px; margin: 0 12% 45px 12%; }
#head { position: relative; height: 127px; margin: 0 19% 35px 19%; }
#flash { position: absolute; left: -207px; top: -15px; z-index: 0; }
#main #flash { left: 0; top: 0; z-index: 0; }
#lang { position: absolute; top: 54px; right: 0; }
#main #lang { right: 74px; }
#logo { position: absolute; left: 0; bottom: -12px; z-index: 10; }
#contacts-phone { position: absolute; left: 0; top: 13px; z-index: 11; color: #e8821a; font-size: 13px; font-weight: bold; }
#contacts-phone span { font-size: 17px; font-weight: normal; }
#contacts-address { position: absolute; left: 0;  z-index: 11; bottom: -22px; font-size: 14px; }
#slogan { position: absolute; right: -6px; bottom: 0px; display:none}
#main #slogan { left: 60%; bottom: 0; }
#about-top,
#about-bottom { font-size: 1.38em; line-height: 1.45; }
#about-top { position: absolute; left: 60%; top: 10px; width: 50%; }
#about-top { color: #5d5648; }
.logo-eng { bottom: 0px !important; }

/* Визуал */
#visual {position: relative; width: 88%; zbackground: #66A8EB url(/img/bg/visual.jpg) 0 0 repeat-x; margin-left: auto; }
#visual #fl_bg { position: absolute; width: 100%; height: 177px; }
#visual #trees { position: relative; width: 100%; height: 177px; background: url(/img/bg/trees.gif) -260px 100% repeat-x; overflow: hidden; }
#visual #big-tree { position: absolute; left: 80%; bottom: 0;}
#visual #peoples {
	display:none
}
#visual #hotel {
	position: absolute; left: 15%; top: 15px; margin-left: -240px;
	background: url(/img/bg/hotel-bottom.jpg) 0 100% no-repeat; width: 509px; height: 302px;
}
#visual #hotel #front {
	background: url(/img/bg/hotel-border.png); width: 261px; margin-left: 181px; //background-image: none ! important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/hotel-border.png', sizingMethod='scale');
}
#visual #hotel #front DIV {
	background: url(/img/bg/hotel-top.gif) 0 0 no-repeat; width: 261px; height: 163px;
	position: relative; top: -1px; z-index: 10
}

/* navigation */
#main #nav { margin: 10px 0 10px 12%; }
#nav { list-style: none; margin: 2.2em 0 -0.5em; }
#main #nav LI { display: inline; margin-right: 20px; }
#nav LI { margin: 11px 0; }
/*#main #nav { margin: 10px 0 10px 12%; }
#nav { list-style: none; margin: 2.2em 0; zbackground: #FFF; position: relative; z-index: 10; }
#main #nav LI { display: inline; margin-right: 20px; }
#nav LI { margin: 0.85em 0; }
#nav LI A { display: block; height: 16px; background: url(/img/navigation.gif) no-repeat; text-indent: -9000px; }*/
/* --- */
/*#nav #news A { width: 54px; }
#nav #about A { width: 40px; background-position: -54px 0; }
#nav #reservation A { width: 97px; background-position: -94px 0; }
#nav #rooms A { width: 52px; background-position: -191px 0; }
#nav #conference A { width: 103px; background-position: -243px 0; }
#nav #restaurant A { width: 62px; background-position: -346px 0; }
#nav #sauna A { width: 41px; background-position: -408px 0; }
#nav #prices A { width: 36px; background-position: -449px 0; }
#nav #contacts A { width: 63px; background-position: -485px 0; }*/
/* --- */
/*#nav #news.active A { width: 54px; background-position: 0 100%; }
#nav #about.active A { width: 40px; background-position: -54px 100%; }
#nav #reservation.active A { width: 97px; background-position: -94px 100%; }
#nav #rooms.active A { width: 52px; background-position: -191px 100%; }
#nav #conference.active A { width: 103px; background-position: -243px 100%; }
#nav #restaurant.active A { width: 62px; background-position: -346px 100%; }
#nav #sauna.active A { width: 41px; background-position: -408px 100%; }
#nav #prices.active A { width: 36px; background-position: -449px 100%; }
#nav #contacts.active A { width: 63px; background-position: -485px 100%; }*/
/* --- */
#subnav { list-style: none; font-size: 0; line-height: 0; margin: 32px 0 -5px 0; }
#subnav LI { display: inline; margin-right: 20px; }

/* content */
#main #body { width: 76%; margin: auto; }
#body { position: relative; width: 62%; margin: 0 auto; zoom: 1; }
#about-bottom { height: 192px; vertical-align: middle; }
TABLE#about { line-height: 1.7; }

/* publications */
.pub { margin-bottom: 2.4em; }
.pub .title { font-size: 1.4em; line-height: 1.3; }
.back-link { position: relative; background: url(/img/i/back-arrow.gif) 0 0.6em no-repeat; padding-left: 26px; margin: 1.5em 0 1.5em -26px; _height: 1%; }
/* --- */
#calendar { margin: 1.3em 0 1.8em 0; }

/* booking */
#bron { margin: 1.5em 0 0 2em; }
#bron * { font-family: Arial, 'Geneva CY', sans-serif; font-size: 13px; }
#bron P { margin-left: 0 !important; }
#bron .optgroup LABEL { float: left; width: 125px; }
#bron .optgroup .variants { display: table; zoom: 1; }
#bron .optgroup .variants LABEL { float: none; white-space: nowrap; }
#bron LABEL { display: block; }
#bron TEXTAREA { width: 99%; margin-top: 5px; }
#bron .rb { float: left; clear: left; width: 15px; height: 15px; margin: 4px 6px 0 0; }
#bron .txt { width: 95%; padding: 2px 0; }
#bron .btn-calendar {
	position: absolute; width: 20px; height: 20px; margin: 2px 0 0 -22px; _margin-top: 3px;
	background: #DDE9EE url(/img/i/calendar.gif) 50% 50% no-repeat; border-width: 1px;
}
#bron .submit {
	background: #4b4539 url(/img/bg/btn-submit.gif) 0 0 repeat-x; color: #FFF;
	width: 205px; height: 26px;
}
/* --- */
#booking-short { margin: 3em 0; }
#booking-short LABEL { display: block; font-size: 0.85em; margin: 1em 0 0.3em; }
#booking-short .txt { width: 120px; padding: 3px 0 1px; }
#booking-short .btn-calendar {
	position: absolute; width: 20px; height: 20px; margin: 2px 0 0 -22px; _margin-top: 3px;
	background: #DDE9EE url(/img/i/calendar.gif) 50% 50% no-repeat; border-width: 1px;
}
#booking-short .submit {
	background: #4b4539 url(/img/bg/btn-submit.gif) 0 0 repeat-x; color: #FFF;
	width: 100px; height: 26px; display: block; margin: 1em 0; font-size: 0.85em;
}

/* rooms */
.room-item { padding-bottom: 20px; padding-top: 25px;}
.room-line { margin-bottom: 20px; height: 1px; border: 0px solid; background-color: #e7d4ab;  }
.rooms-preview { width: 100%; margin-top: 10px; margin-bottom: -15px; clear: both; }
.rooms-preview TD { width: 50%; height: 100px; border: 1px solid #DDE9EE; }
.price { font-size: 16px; float: left; width: 220px; }
.price span { color: #e8821a; font-weight: bold; }
.book-button { float: left;  }

/* gallery */
#gallery { position: relative; width: 125%; max-width: 574px; }
#gallery .wrap { position: relative; width: 100%; overflow: hidden; }
#gallery #full-size { background-color: #e6d8bc; height: 249px; margin-right: 124px; } 
#gallery #preview { position: absolute; width: 100px; top: 0; right: 0; }
#gallery #preview IMG { display: block; }
#gallery #preview A { float: left; margin: 0 1px 1px 0; background: #e6d8bc; }
#gallery #preview A.active { cursor: default; }

/* footer */
#footer { height: 264px; margin-top: 40px; margin-left: 19%; margin-right: 19%; line-height: 1.7; color: #736b58; font-weight:bold; }
#main #footer { margin-left: 12%; margin-right: 0; }
#footer DIV { margin-left: 29%; }
#footer IMG { display: block; margin: 6px 0; }
#footer P.e-mail { display: block; margin-bottom:38px }

#clock {margin-top: 20px;}
#clock DIV {padding-right: 20px; display: inline;}


.feedback .layout TD {padding: 0px 0px 5px !important;}
.feedback .layout TD.it {padding-right: 20px !important; white-space: nowrap; width: 1%; text-align: right;}
.feedback .layout TD .txt {width: 99% !important;}
.feedback .layout TD .submit {margin-top: 10px;}
.feedback .layout TD SMALL {font-size: 11px !important;}

.lang { font-size: 14px; float: right;}
.form_div { float: right; }
