*{ margin:0; padding:0;}
form fieldset{ border:none;}
html,body{margin:0;padding:0;width:100%; height:100%;}
body{font:76%/1.2 arial,sans-serif; text-align:center; color:#092B42; }

#content a{ color:#2395D0; text-decoration:underline;}
#content a:hover{ text-decoration: none;}
a img{ border:none;}

h1,h2,h3,h4{ font-family:Arial, Helvetica, sans-serif; clear:both;}
h1{ font-size:2em; color:#005189; padding:.7em 0;}
h2{ font-size:1.4em; font-weight:bold; color:#820000; padding:1em 0; }
h3{ font-size:1.2em; font-weight:bold; color:#0D3753;padding:1em 0 .5em 0; }
h5{ color:#820000; font: bold 1.2em Arial, Helvetica, sans-serif; }

#content ul{ list-style:none; margin:16px 0; color:#59646C;}
#content ul li{ padding-left:12px; background:url(i/ul.gif) no-repeat 0 .4em;}

#content ol{margin:16px 20px 16px 17px;  font-weight:bold;}
#content ol li span{color:#59646C; font-weight:lighter;}

.leftimg{ float:left; border:2px solid #005189; margin: 0 10px 10px 0;}
.leftimg img{ border:1px solid #fff; vertical-align:top;}

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

form fieldset{ border:none;}
/*___________Global__________*/
#header{position:absolute; z-index:10000; top:0; left:0; height:290px;width:900px;
border-top:5px solid #005189; background:#fff url(i/h00.jpg) no-repeat  0 22px ;
font:11px Tahoma, Arial, Helvetica, sans-serif;  }
#container{width:899px; background:#F7F7F7 url(i/cont.gif) repeat-y 0 0; margin:0 auto;
position:relative; overflow:hidden; min-height:100%;
 text-align:left;
}
#wrapper{ padding-top:295px; margin-top:3em;}
#content{float:left;width:639px; /*background:url(i/cont-r-top.gif) no-repeat 100% 0;*/ padding:0 30px 60px 30px; font-size:.9em;}
#extra{float:right;width:200px;  padding-bottom:60px; font-size:.9em;}
#footer{ position:relative; z-index:10000;width:899px; height:50px;
margin:-50px auto 0 auto;clear:both;
border-top:4px solid #005189;
background:#fff url(i/foo-line.gif) repeat-y 0 0; text-align:left; color:#092B42;}

#crumbs{ position:absolute; top:295px; left:0; width:900px; padding:1em 0; background:#005189; font-size:10px;  color:#99CFFF;}

/*_____________Header_____________*/
#header-top{ height:135px; padding-left:98px; }
/*image replace*/
#logo{position: relative; width:275px; height:69px; overflow:hidden;
top:42px; float:left;
 font:18px/1 "Times New Roman", Times, serif;}
#logo small{font:11px Tahoma, Arial, Helvetica, sans-serif;  }
#logo span{ display:block;width:275px; height:69px; position:absolute; left:0; top:0;
 background:url(i/logo.gif) no-repeat 0 0;   }
/*info*/
#top-info{ float:right; width:480px; height:135px; overflow:hidden;}
 #contacts{ float:left; width:279px; padding-top:4px; background:#EAEAEA;}
 #contacts p{ padding:3px 10px 3px 70px; background:url(i/info-p.gif) no-repeat 0 9px;}
 #contacts p.icq { padding:3px 10px 3px 175px; background:url(i/info-p.gif) no-repeat 0 9px;}
 #contacts .mail{ margin-top:2px; padding:4px 0; background:#F0F0F0 url(i/mail.gif) repeat-x 0 0; }
 #contacts .mail a{ color:#2395D0;}
 #contacts .mail a:hover{ text-decoration:none;}
/*top-navigation*/
#top-info ul{ list-style:none; margin:0 35px 0 335px; padding-top:22px;}
#top-info ul li{ padding:4px 0 4px 12px  ; background:url(i/arr-li.gif) no-repeat 3px 10px;}
#top-info ul a {color:#005189; text-decoration:underline;}
#top-info ul a:hover{ text-decoration:none;}
#top-info ul li.active{ color:#fff; background:#4E80A9;}
#top-info ul li.active a{ color:#fff; text-decoration:none;}
#top-info ul li.active a:hover{ text-decoration:underline;}
/*bottom header*/
#header-bot{ height:153px; background:#005189 url(i/header.jpg) no-repeat 0 0;}
 /*flat list*/
 ul#flats{ list-style:none; float:left; width:403px; overflow:hidden; padding:6px 0 0 16px;
 background:url(i/fl-round.gif) no-repeat 0 0;  }
 ul#flats li{ float:left; padding:6px 14px 6px 14px; background:url(i/arr-flat.gif) no-repeat 0 60%;}
 ul#flats li a,ul#instructions li a{color:#fff; text-decoration:none; white-space:nowrap; }
 ul#flats li a:hover,ul#instructions li a:hover{ text-decoration: underline;}
 /*instructions*/
 ul#instructions{list-style:none; float:left; padding:6px 0 0 12px; height:28px; width:280px; overflow:hidden;}
 ul#instructions li{ float:left;padding:6px 14px 6px 30px; }
 ul#instructions li.discard{ background:url(i/discard.gif) no-repeat 2px 1px;}
 ul#instructions li.fee{ background:url(i/fee.gif) no-repeat 2px 1px;}
 /*search form*/
 #top-search{ width:420px; float:left; margin-top:4px; overflow:hidden; padding-top:30px; }
 #top-search label{ float:left; padding:2px; width:126px; margin:4px 6px 0 20px ;
 text-align:center;  }
 #top-search .discard label{background:#4E80A9;color:#fff; }
 #top-search .fee{ clear:both;}
 #top-search .fee label{background:#fff;color:#4E80A9; }
 
 #top-search p{ margin-right:5px;}
 #top-search p{ float:left; padding:3px; margin-bottom:3px; background:#77BBF7;  }
 #top-search p input{width:190px;  font:11px Tahoma, Arial, Helvetica, sans-serif; color:#000;  }
 #top-search p select{width:193px;font:11px Tahoma, Arial, Helvetica, sans-serif; color:#000; }
 #top-search input.butt{  margin:2px 0 2px 0; width:50px; height:20px;font-size:11px; color:#000;}
 
 
 
 /*banner*/
 #head-banner{ float:left; overflow:hidden; margin-top:5px; width:324px; height:114px; }
#head-banner img{ vertical-align:middle; }
 /*_______________Crumbs Block_________________*/
 
 
 
 #crumbs ul {float:left; list-style:none; padding-left:30px;
 width:663px; }
 #crumbs ul li{ float:left; padding-left:16px;white-space:nowrap; background:url(i/bullet.gif) no-repeat 6px 5px; }
 #crumbs ul li#home{ padding-left:18px;  background:url(i/home.gif) no-repeat 0 1px;}
 
 #crumbs a{color:#99CFFF;}
 #crumbs a:hover{ text-decoration:none;  }
 
 #date{ float:right; border:solid #99CFFF; border-width:0 1px; padding:0 1em; zmargin-right:32px;
 font-size:11px; line-height:1em; position:relative; right:38px;}
 
 
 /*_________________Column__________________*/
 
 #cards{ padding:10px 14px; margin-right:2px; background:#EAEAEA url(i/mail.gif) repeat-x 0 100%;
 text-align:center;}
 p.card{ padding:5px 0 20px 26px; background:url(i/card.gif) no-repeat 0 0; color:#092B42; text-align:left;  }
 
 #news-cont{padding:10px 14px 26px 14px; color:#517DA5;}
  #news-cont h5#side-news{ display:block; position:relative; overflow:hidden; width:172px; height:18px; }
  #news-cont h5#side-news span{ display:block; position:absolute; left:0; top:0; width:172px; height:18px; background:url(i/news-head.gif)  no-repeat 0 0;}
  #news-cont p{clear:both;}
  p.date{ float:left; padding:0 2px; border:1px solid #BDBDBD; background:#fff; margin:1.6em 0 1em 0;}
  p.date span{ float:left; padding:2px 3px; margin:-1px 0;position:relative; z-index:100; background:#fff;  color:#0D3753;}
 
 .news-head { color:#005189; padding-bottom:1em; margin:0; clear:both; display:block; }
 .news-head a{ color:#005189;text-decoration:none; }
 .news-head a:hover{ text-decoration:underline;}
 /*____________________Footer________________*/
 
 
 
 .l-foo{ float:left; padding:10px 0 10px 24px; font-size:11px;}

 #bottom-logo{ display:block; width:127px; height:13px; position:relative; overflow:hidden;
 font-family:12px "Times New Roman", Times, serif; margin-left:-1px; }
 #bottom-logo span{ display:block; position:absolute;width:127px; height:13px; left:0; top:0;
 background:url(i/bottom-logo.gif) no-repeat 0 0;}
 
 .l-foo ul{ list-style:none; float:left; margin-top:6px; overflow:hidden; }
 .l-foo ul li{ float:left; border-left:1px solid #092B42; padding:0 5px 0 4px; margin-left:-1px;}
 .l-foo a{ font-weight:bold; color:#2395D0;}
 .l-foo a:hover{ text-decoration:none;}
 .l-foo img{ vertical-align:middle; margin-top:-1px;}
 
 
 .r-foo{ float:right; width:186px; padding-top:10px; }
 .r-foo img { float:left; margin-right:20px;}
 .r-foo p{ font:11px Tahoma, Arial, Helvetica, sans-serif; padding:6px 6px 6px 14px; margin-left:68px;
 background:url(i/arr-foo.gif) no-repeat 0 9px}
 .r-foo p a{   color:#2395D0; }
  .r-foo p a:hover{ text-decoration:none;}
  
  #round{ display:none; width:25px; height:22px; position:absolute; z-index:100000; top:-26px; left:674px; background:url(i/cont-r-bott.gif) no-repeat 0 0;}
  
/*________________________News Page____________________*/
#content p.date{ margin:0;}
.news-cleaner{ display:block; height:2em; clear:both; }

#listing{ padding:1em 0 2.5em 0; background: url(i/hor-dash.gif) repeat-x 0 0; margin:2.3em -30px 0 -30px;
text-align:center; font-size:10px;}
#listing p{ padding-bottom:.5em;color:#005189;}
#listing p b{ font-size:11px;color:#005189; }
#listing p span{ padding-right:3px;color:#092B42;}
#listing p a{ display:inline-block; margin-bottom:1px; white-space: nowrap;}

#listing-side{ padding:1em 0 2.5em 0; text-align:center; background: url(i/hor-dash.gif) repeat-x 0 0; margin-right:3px;}
#listing-side a{ white-space:nowrap;color:#2395D0; text-decoration:underline; }
#content a{text-decoration: none; }


/*_________________________Room-List Page_______________________*/


table#list-tab{ margin-top:2em; width:100%; border-collapse:collapse; text-align:left; }
table#list-tab td{ padding:.5em 0; border: none;}
table#list-tab td input{ margin-left:8px;}
table#list-tab tr.thead{ background:#4E80A9; font-size:1em; font-weight:bold; color:#fff; }
table#list-tab tr { background:url(i/hor-dash.gif) repeat-x 0 100%;}

table#list-tab td span{ display:block; padding:.3em; zmargin:0 .3em; float:left; background:#ccc; color:#fff; font-size:12px; font-weight:bold;}

table#list-tab a{ text-decoration:none; color:#0D3753;}
table#list-tab a:hover{color:#2395D0;}

table#list-tab a.adress{ font:bold 1.4em Arial, Helvetica, sans-serif; text-decoration:none; color:#820000;}
table#list-tab a.adress:hover{ color:#e21f21;}

 a.metro{ padding:8px 0 8px 28px; background:url(i/metro.gif) no-repeat 0 45%; line-height:2em;  }
 a.metro img{ vertical-align:middle; }
 a.metro:hover{color:#2395D0;}

#submit{ padding:1.5em 0 0 0; position:relative; z-index:1000; top:-3px; text-align:center; background:#f7f7f7;}

#submit a.submit{ padding:8px 0 8px 25px; background:url(i/show.gif) no-repeat 0 50%; line-height:3em; }
#submit a.submit:hover  { text-decoration:none;}


/*Flat-Price right col*/
#news-cont h5#one-room,
#news-cont h5#two-room,
#news-cont h5#three-room{ display:block; position:relative; overflow:hidden; width:158px; height:17px;}
#news-cont h5#one-room span,
#news-cont h5#two-room span,
#news-cont h5#three-room span{ display:block; position:absolute; left:0; top:0; width:172px; height:17px;
 }
#news-cont h5#one-room span{background: url(i/1-rumtest.gif)  no-repeat 0 0;}
#news-cont h5#two-room span{background: url(i/2-rumtest.gif)  no-repeat 0 0;}
#news-cont h5#three-room span{background: url(i/3-rumtest.gif)  no-repeat 0 0;}

/**/
#news-cont p.adress{ font-weight:bold; text-decoration:none; margin:16px 0 -10px 0;}
#news-cont p.adress a{ color:#005399; text-decoration:none;}
#news-cont p.adress a:hover{color:#2395D0;}
#news-cont img{ padding:1px; background:#fff; border:2px solid #005191; margin-bottom:6px;}
#news-cont p img{ border:none; vertical-align:middle; margin:1px 0 0 1px; padding:0;}
#news-cont a.deskription{ color:#2395D0; padding-right:10px; background:url(i/all.gif) no-repeat 100% 70%;}
#news-cont a.deskription:hover{ text-decoration:none;}



p.mode{ float:left;margin-bottom:2em; background:url(i/mode0.gif) repeat-x 0 50%;  }
p.mode a{ display:block; float: left; padding:5px 5px 5px 32px;background:url(i/mode.gif) no-repeat 3px 0; }

/*__________________________Room-List Expanded Page_______________________*/

p.tab{ background: url(i/mode1.gif) repeat-x 0 80%; }
p.tab a{ background:url(i/tab.gif) no-repeat 3px 50%; color:#fff!important;}

.exp{ width:634px; overflow:hidden; background:#4E80A9  url(i/exp.gif) repeat-y 0 0; position:relative; color:#fff;
margin-bottom:5px;}
/*left col*/
.fl-adress{float:left; width:428px;  }
.desk{ display: table; color:#fff; padding:10px;}
.fl-adress img{ float:left;}
.fl-adress h2,.flat h2{ clear:none!important; font:bold 16px/1 Arial, Helvetica, sans-serif; color:#fff; padding:0 0 .5em 0; }
.fl-adress a.prev{ display:block; position:relative; width:165px; height:169px;}
.shap{ display:block; position:absolute; left:3px; bottom:3px;width:18px; height:18px;
 background:url(i/shap.gif) no-repeat 0 0;  }
/*id*/
.id{ width:42px; position:absolute; left:0; top:0; padding:6px 0; background:#BEBEBE;
font:bold 18px Arial, Helvetica, sans-serif; text-align:center; line-height:1em; }
/*right col*/
.fr-adress{ float:right; width:190px;}
.fr-adress ul{ list-style:none; }
#content .fr-adress ul li{ background:url(i/exp-li.gif) no-repeat 0 .3em; padding:0 0 .5em 15px;}
#content .fr-adress ul li a{ color:#CEEBFF;}
#content .fr-adress ul li a.more{ color:#98DEFF;}

p.ex-metro{ padding-left:30px;background:url(i/ex-metro.gif) no-repeat 0 45%; padding:6px 0 6px 30px; }
#content p.ex-metro a{color:#fff; text-decoration:none;  }
#content p.ex-metro img{ vertical-align:middle; margin-top:2px;}

p.cost{ padding:1.8em 0 0 4px;}
p.cost b{ font-size:1.3em; color:#FFD89A; }

/*____________________________Flat Info_____________________*/

.flat{ width:634px; padding:8px 0; margin-bottom:20px; overflow:hidden; background:#4E80A9 url(i/flat-price.gif) repeat-y 0 0;
color:#fff; position:relative; color:#fff;}
.flat h2{padding:0 0 .5em 60px; }

.l-flat{ float:left;width:380px;}
.l-flat p.flat-metro{margin:10px;background:url(i/flat-metro.gif) no-repeat 0 45%; padding:6px 0 6px 30px; }
#content .l-flat p.flat-metro a{ color:#fff!important; text-decoration:none;}
#content .l-flat p.flat-metro img{ vertical-align:middle; margin-top:1px;}

#content .l-flat ul{ list-style:none; color:#fff; margin:10px 0;}
#content .l-flat ul li{ background:none;}
#content .l-flat ul span{ font-weight:bold;}
#content .l-flat ul b{ font-size:1.3em; color:#FFD89A;}

/*right col*/
.r-flat{float:right; width:230px;}
#content .r-flat ul{ color:#fff!important; margin:5px 0; }
#content .r-flat ul a{ color:#98DEFF;}
#content .r-flat ul a:hover{ text-decoration:underline;}
#content .r-flat ul li{ padding:5px 6px 6px 30px; margin-bottom:4px;}
#content .r-flat ul li.call{ background:url(i/call.gif) no-repeat 0 0;}
#content .r-flat ul li.call-a{ background:url(i/call-a.gif) no-repeat 0 0;}
#content .r-flat ul li.cst{ background:url(i/cst.gif) no-repeat 0 0;}
#content .r-flat ul li.cst-a{ background:url(i/cst-a.gif) no-repeat 0 0;}
#content .r-flat ul li.ph{ background:url(i/ph.gif) no-repeat 0 0;}
#content .r-flat ul li.ph-a{background:url(i/ph-a.gif) no-repeat 0 0; }
#content .r-flat ul li.find{ background:url(i/find.gif) no-repeat 0 0;}

/*table*/
table.flat-price{ width:384px; border-collapse:collapse; float:left; margin:0 22px 25px 0; }
table.flat-price td{ padding:.3em 10px 0 126px; text-align:left;  background:url(i/hor-dash.gif) repeat-x 0 100%;  }
table.flat-price tr#thead td{ font-size:1em; font-weight:bold; color:#fff; background:#4E80A9;}
table.flat-price td.price{  padding:.3em 78px .3em 10px ;text-align:left;color:#820000; font:bold 1.4em Arial, Helvetica, sans-serif;}
/*_____________________Flat Photo Page____________-*/
#main-photo{ text-align:center; margin: 0 -24px;  padding:1em 0 2.5em 0;background: url(i/hor-dash.gif) repeat-x 0 100%; }
#main-photo img{ padding:1px; background:#fff; border:2px solid #005189; }
#photo-prev{ overflow:hidden; margin:0 auto; padding:20px 28px 20px 40px;}


#photo-prev img{ vertical-align: top;}

#photo-prev a{display: -moz-inline-box;
        display: inline-table;
        display: inline-block;
        text-align:center;
        padding:2px;
        vertical-align: middle;
        overflow:hidden;
        border:2px solid #069;padding:1px; background:#fff;
        margin:10px 24px 23px 0;
        }

/*_______________________Booking Page___________________*/

#booking{ float:left; width:384px; font-size:11px; overflow:hidden; }
.b-header{font-size:1.4em; font-weight:bold; color:#820000; padding:1em 0;}
.red{ font-weight:bold;color:#820000; font-size:1.8em;}
#booking div{  margin-bottom:8px; float:left; clear: left; width:384px; }
#booking div p{ float:left; margin:0 4px; border-bottom:3px solid #C4DEF5;}

.inp{ background:url(i/inn.gif) no-repeat 0 2px;}
.out{ background:url(i/out.gif) no-repeat  0 2px;}
.comments{background:url(i/comments.gif) no-repeat  0 2px;border-bottom:3px solid #C4DEF5; width:320px!important;
margin-bottom:20px;}
#booking div label{ float:left; width:70px; margin-top:3px; padding-left:23px;   }
#booking div select{font:11px Arial, Helvetica, sans-serif; vertical-align:middle; }
#booking div select.date{ width:50px;}
#booking div select.month{ width:80px;}
#booking div select.year{ width:60px;}

#booking div textarea{ clear:both ; width:338px; margin:12px 0 -1px 0; border:1px solid #7F9DB9;}
#booking div.comments p{ margin-left:-1px;}
#booking div.comments{ width:340px!important;  }

#contacts-form{ padding-left:0; background:url(i/contacts.gif) no-repeat 0 2px; }

#booking #contacts-form label{ padding:0 0 3px 23px; width:200px;}
#booking #contacts-form  p{ overflow:hidden; width:108px; margin: 0 8px 0 0;}
 #contacts-form input{ margin-top:3px; float:left; width:106px;border:1px solid #7F9DB9;}
#booking #contacts-form  .cleaner{ height:10px;}
 #booking #contacts-form  p#tel-num{ width:108px;}
 #booking #contacts-form  p#tel-num input{ width:106px;}
 
#buttons input{ width:107px; padding-top:3px; zheight:20px; margin-right:30px; font:1em Arial, Helvetica, sans-serif;}





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

/*27.09.2007*/