/*Polustrovo hotel*/

*{ margin:0; padding:0;}
html,body{margin:0;padding:0;width:100%; height:100%;}
body{font: 62.5% Tahoma, Arial, Helvetica, sans-serif;text-align:center; background:#083E70; }
/*fonts ets*/
a{color:#3F91C4; text-decoration:underline; }
a:hover{ text-decoration:none;}
a img{ border:none;}
img{color:#878273;}
form  fieldset{ border:none;}
input,select {font-size:10px;}
select { height:18px;}
h1,h2,h3,h4,h5{ clear:both; font-family: Tahoma, Arial, Helvetica, sans-serif}
h1{ color:#0C518B; font-size:1.9em; line-height:1em; margin:-1px 0 .6em -1px; padding-bottom:.3em; font-weight:lighter; border-bottom:1px solid #E4DECC;  }
h2{ color:#716C60; font-size:1.4em; margin:.5em 0;}
h3,h4{ color:#0C518B; font-size:1.1em; font-weight:bold;margin:.5em 0;}


#center{ color:#4B5660;}
#extra{ color:#878273}
#container {font-size:1.1em;text-align:left;}

#center ul{ list-style:none; margin:2em 0 2em 0; position:relative;}
#center ul li{ padding-left:20px; background:url(i/li.gif) no-repeat 0 .5em}
#center ol{margin:2em 0 2em 20px; font-weight:bold; color:#BAAD8B;}
#center ol span{ color:#4B5660; font-weight:lighter;}

a.leftimg{ display:block; float:left; margin:3px 16px 6px 0; padding:4px 7px 6px 7px; background:url(i/img.gif) no-repeat 0 0; }
a.leftimg:hover{background:url(i/img.gif) no-repeat 0 -148px;}
.leftimg img{ vertical-align: top;}
/*___________Global__________*/

#header{position:absolute; z-index:100000; top:78px; left:0; height:295px;
width:733px;   }
#container{width:949px; background:#FFFCF4 url(i/hor-line.jpg) repeat-y 100% 0; margin:0 auto;
position:relative; min-height:100%;}
#warpper{ padding-top:78px;background:url(i/top-pattern.gif) no-repeat 50% 0; }
#content{float:left; width:733px;  padding-top:170px; background:url(i/head0.jpg) no-repeat 0 0; }
#extra{float:right;width:216px; overflow:hidden;padding-bottom:110px; background:url(i/r-col.jpg) no-repeat 0 0;}
#center{ float:right; width:520px; position:relative; right:29px; padding-bottom:110px; }
#navigation{ float:left;width:135px; padding:0 0 110px 28px; }
#footer{  position:relative; z-index:10000;
margin:-80px auto 0 auto; width:949px; height:90px; clear:both;
color:#fff; text-align:left;
background:#623F00 url(i/bottom-pattern.gif) no-repeat 50% 100%;}

#crumbs{position:absolute; top:238px; left:184px; width:520px; padding:0; text-align:left;}

.cleaner{ display:block; clear:both; height:1px; overflow:hidden;}


/*__________________header________________*/

#header{ height:158px; }
img.logo{ float:left; margin-left:23px; }
#name{ float:left; width:199px; height:51px; position:relative; overflow:hidden;
 font:20px/1 Arial, Helvetica, sans-serif ; top:55px; margin-left:12px;}
#name span{ display:block; position:absolute; left:0; top:0;  width:199px; height:51px; background:url(i/name.gif) no-repeat 0 0;}
/*header contacts*/
#contacts{ float:right; margin:45px -21px 0 0;
width:357px; height:67px; overflow:hidden; position:relative; z-index:10000;
color:#fff; text-align:right; font:10px Tahoma, Arial, Helvetica, sans-serif;
background:#4E8CC0 url(i/contacts.jpg) no-repeat 0 0;  }

#contacts p{ padding:0 46px 0 0 ; clear:both; }
#contacts p.c-h{ padding:8px 46px 3px 0; }
#contacts p.phones{padding:0; width:282px; height:22px; position:relative; float:right; right:46px;
overflow:hidden;font: bold 15px Arial,sans-serif; }
#contacts p.phones span{ display:block; position:absolute; left:0; top:0; width:282px; height:22px; background:url(i/phones.gif) no-repeat 0 0; }
#contacts p.icq{ margin-top:-4px; position:relative; }
#contacts p img{ vertical-align:middle; margin-top:1px;}
#contacts p a{ color:#fff; }
#contacts p a:hover{ text-decoration:none;}
.r-tour{ float:right; clear:right; margin:4px 24px 0 0 }

/*bread crumbs*/
#crumbs ul { list-style:none; overflow:hidden; width:100%;  }
#crumbs ul li{ float:left; margin-left:-11px; padding-right:15px;  color:#D07A01;}
#crumbs ul li a{color:#D07A01; padding-left:11px; white-space: nowrap; padding-bottom:2px; background:url(i/crumb.gif) no-repeat 0 3px;}
#crumbs ul li a:hover{ text-decoration:none;  }


/*________________Right column_______________*/

#extra-in{ margin:20px 18px 0 30px;}
#extra p{ clear:both;}

#extra strong{ color:#878273;}
/*booking*/
.f-h{ color:#3A709B; text-transform:uppercase; font-size:1.2em; padding-bottom:2px;  }
#side-booking{ color:#878273; overflow:hidden; padding-bottom:30px;}
#side-booking label{ display:block ; overflow:hidden; clear:both; line-height:1em; margin:10px 0 6px 0;}
#side-booking select{  height:18px;}
#side-booking .day{ width:42px;}
.month{ width:68px;}
.year{width:52px;}
#side-booking .num{width:42px; float:right;}
#side-booking label span{ float:left; margin-top:3px;}

#side-booking input{ width:76px; margin-top:4px; float:left;}
#side-booking input.send{ float:right;}

/*news*/
#news-h{ display:block; position:relative; height:26px; overflow:hidden; border-bottom:1px solid #E2D9C5;
text-transform:uppercase; font:1.6em Arial, Helvetica, sans-serif;}
#news-h span{ display:block; position:absolute; top:0; left:0; background:url(i/news-h.gif) no-repeat 0 0; width:162px; height:26px;  }

.date{ float:left; white-space:nowrap; background:#CAC0A5; color:#fff; margin:10px 0 6px 0;}
.date span{ display:block; float:left; padding:2px 4px ;background:#B1A78C;}
.date span.yr{ background:none;}
.news-h{ margin-bottom:6px;}
.news-clean{ clear:both; display:block; height:20px;}
/*reclam*/
.reclam{ clear:both; margin-top:20px; padding:18px 0; border-top:1px solid #E2D9C5; }
#extra .reclam-h{ display:block; padding-bottom:18px; margin-bottom:12px;
background:url(i/reclam-h.gif) no-repeat 0 100%; color:#576068; font-weight:bold; }

/*__________________Left Column_____________*/
#navi{position:relative; left:-33px;  padding:10px 0 0 0 ;  background:#FFFCF4 url(i/navi-top.gif) no-repeat 0 0;}
#navigation ul{ list-style:none; padding:0 0 10px 33px; width:133px;overflow:hidden; position:relative;
background:url(i/navi-bottom.gif) no-repeat 0 100%}
#navigation ul li{position:relative;  padding-left:14px; border-bottom:1px solid #E2E0DB;
 background:url(i/bullet.gif) no-repeat 0 9px;
 font-size:13px; line-height:2.25em;  }
#navigation ul li a{  display:block; position:relative; height:29px; width:120px; color:#000; text-decoration:none;}

#navigation ul li:hover,#navigation ul li#open{ background:#B5AC8C;}
#navigation ul a:hover{ color:#fff; cursor:pointer;}
#navigation ul li#open a{ height:29px; color:#fff;}

/*second level*/
#navigation ul li ul{ width:133px; left:-14px;  padding:10px 0 8px 0;color:#000; background:#FFFCF4;}
#navigation ul li ul li{ border:none; padding:0 0 6px 13px; font-size:11px;
background: url(i/li-l.gif) no-repeat 0 6px;line-height:1.2em;}
#navigation ul li ul li:hover{background: url(i/li-l.gif) no-repeat 0 6px; }
#navigation ul li ul li a,#navigation ul li#open ul li a{ display:inline; color:#3F91C4; text-decoration:underline; }
#navigation ul li ul li a:hover,#navigation ul li#open ul li a:hover{ color:#3F91C4; text-decoration:none;}

#navigation ul li ul li a.active,#navigation ul li#open li a.active{ color:#000; text-decoration:none; }
#navigation ul li ul li a.active:hover{text-decoration:underline;}


/*currencw adn weather*/
#cw{ padding:18px 0 16px 18px ;  border-bottom:1px solid #E2E0DB; color:#043C6B; font-size:10px;}
#cw p{ margin-bottom:3px; clear:both; }
#cw p span{font-size:11px!important;}
#cw p.cw-head{margin-bottom:6px; color:#4B5660; font-weight:bold;}
#cw img{ vertical-align:middle;}

#cw p b{ float:left; width:48px; margin-top:1px;}
.currency { margin-top:32px;}
#cw .currency p{margin-bottom:6px;}

/*credit card*/
#cards{ font-size:10px; text-align:center; padding:20px 0; color:#878273; }
#cards p{ margin-bottom:12px; }

/*_____________Footer_________________*/

#inner-foo{ height:90px; text-align:left; background:url(i/inner-foo.gif) no-repeat 0 0; }
#inner-foo p{ position:absolute; left:112px; top:50px;}
#inner-foo img{ float:right; margin:40px 30px 0 0;}
#col{ position:absolute; width:49px; height:62px; z-index:5000000; right:200px; top:-62px;
 background:url(i/col.gif) no-repeat 0 0;}



/*__________________Booking Page___________________*/
#form-out{width:390px; background:#FFF2D6 url(i/form-top.gif) repeat-x 0 0; padding-top:12px;
color:#576068; overflow:hidden;}
#main-booking{ font-size:11px; }
.binding{ font-weight:bold; padding:1.5em 0; }
.red{color:#E92333;}
p.info{  padding:10px 0  0 15px; color:#4B5660;  text-transform:uppercase; }

#main-booking select.fig{ width:46px;}
/*step1*/
#step1{ padding-bottom:9px; border-bottom:3px solid #FFFCF4;  }
/**/
#step1 ul { overflow:hidden; margin:10px 0 6px 0;   }
#step1 ul li{ margin-top:-1px; clear:both; padding:4px 0 4px 35px; border-top:1px solid #D3CBB5;
background:url(i/li.gif) no-repeat 15px 52%;}
#step1 ul li label{ float:left; width:125px; margin-top:3px;}
/*step2*/
#step2{padding-bottom:12px; background:#FFECC3;border-bottom:3px solid #FFFCF4;}
#step2 textarea{ width:360px; height:60px; margin:14px 10px 2px 12px; border:1px solid #69c; font:1em Tahoma, Arial, Helvetica, sans-serif; }
/*step3*/
#step3{ overflow:hidden; background: url(i/sep3.gif) no-repeat 100% 100%;  }
#step3 .cleaner{ margin:5px 0; }
#step3 .line{border-bottom:1px solid #D3CBB5;}

#step3 label{ float:left; width:105px; margin:0 8px 6px 14px;}
#step3  label.first{zpadding-left:10px;}
#step3 label input{ width:105px; height:16px; margin-top:3px; border:1px solid #69c;
font:1em Arial, Helvetica, sans-serif;}
#step3 label.tel,#step3 label.tel input{ width:234px;}

p#buttons{ padding:16px 14px 26px 14px; clear:both; background:url(i/form-bottom.gif) repeat-x 0 100%;}
p#buttons input{ color:#000;font:1em Arial, Helvetica, sans-serif; width:80px;  }
p#buttons input#send{ width:108px; margin-right:14px;}

/*_________________News page____________________*/
#center .date{ float:left; white-space:nowrap; background:#D2CFC7; color:#fff; margin:0 0 12px 0;}
.date span{ display:block; float:left; padding:2px 4px ;background:#C2BEB4;}
.date span.yr{ background:none;}
/**/
.news-cleaner{ display:block; height:20px; clear:both;}
/*listing*/
#listing{ text-align:center; margin-top:25px; padding:15px 0 30px 0; border-top:1px solid #E4DECC;}
#listing p{color:#3F91C4; padding-bottom:1em;}
#listing a.fwd,#listing a.ff{color:#878273; text-decoration:none;}
#listing a.fwd:hover,#listing a.ff:hover{ text-decoration:underline;}
#listing a.fwd{ padding:0 6px 0 9px; background:url(i/fwd.gif) no-repeat 0 70%;}
#listing a.ff{ padding:0 8px 0 6px; background:url(i/ff.gif) no-repeat 100% 70%;}
#listing b{ color:#fff; background:#BAAD8B; font-weight:lighter; padding:1px 3px 2px 3px;}
#listing p span{ font-weight:bold; padding-right:3px; color:#043C6B;}

/*____________________Price Page__________________*/
#twrap{width:520px; margin:20px auto; padding-top:12px; overflow:hidden;
background: url(i/twarp.gif) repeat-x 0 0; }
table#price{ width:520px; margin:0 auto; border:none;
padding-top:5px; border-collapse:collapse;
font:1em Tahoma, Arial, Helvetica, sans-serif ;color:#878273;  }
table#price td{ border:none; padding:1.3em 1em; text-align:center; vertical-align:middle;
border-bottom:1px solid #E4DECC;}

table#price thead td{ background:#FFF5DD;  }
table#price thead td.col{text-transform:none; }
table#price tr.thead td,table#price td.thead{background:#FFF5DD url(i/th-b.gif) repeat-x 0 100%; padding:1em 1em 20px 1em;
border-bottom:none;}

table#price tr.type td{ font-weight:bold; color:#AB9551;
text-transform:none!important;}
table#price tr.line td{ background:#FFF7E4;}
table#price td.col{ text-align:left; text-transform:uppercase; font-weight:bold;}

/*_____________________Gallery Page_________________*/

table#bigpic{ margin:17px auto;}
table#bigpic td{ padding:0; margin:0; background:url(i/img-t.gif) repeat-x 0 0; border-collapse:collapse;}
table#bigpic img{ vertical-align:top; margin:5px 7px 7px 6px;  }

.i-l{  background:url(i/img-l.gif) repeat-y 0 0; position:relative; }
.i-r{ background:url(i/img-r.gif) repeat-y 100% 0;}
.i-b{background:url(i/img-b.gif) repeat-x  0 100%;}
/*corners*/
.imgr-lb{ display:block; position:absolute; left:0; bottom:0; background:url(i/imgr-lb.gif) no-repeat 0 0; width:15px; height:17px;}
.imgr-rb{ display:block; position:absolute; right:0; bottom:0; background:url(i/imgr-rb.gif) no-repeat 0 0; width:15px; height:16px;}
.imgr-lt{ display:block; position:absolute; left:0; top:0; background: url(i/imgr-lt.gif) no-repeat 0 0; width:16px; height:14px;}
.imgr-rt{ display:block; position:absolute; right:0; top:0; background: url(i/imgr-rt.gif) no-repeat 0 0; width:15px; height:15px;}

/*smal photos*/
#photos{ padding:16px 0 36px 0; border-top:1px solid #E4DECC; height:1%; overflow:hidden; }

a.ph{ display:block; float:left; padding:5px 8px 6px 6px; background:url(i/ph.gif) no-repeat 0 0;
margin:6px 3px 6px 3px;}
a.ph:hover{background:url(i/ph.gif) no-repeat 0 -118px;}
.ph img{ vertical-align: top;}

.add {margin-left:14px; margin-top:10px;}
.add label{float:none !important;}






/*-----------------------------------*/
/* (x)html coding by Ilia Jacoveev   */
/*     aka [tapazukk]    2007        */
/*        www.tapazukk.net           */
/*-----------------------------------*/

/*2.10.2007*/