/*-----------------------------
copyright www.sonika.ru
-----------------------------*/
@import "gallery.css";

* { margin: 0; padding: 0; }
.clr {clear: both;}

html {background:#2f5b44 url(i/bg1.jpg) left top repeat; }
body {width: 880px;  padding: 10px 20px; font: 62.5%/1.4  Arial, Tahoma, Verdana, Helvetica, sans-serif;  color: #000; margin: 30px auto;}

p {text-align: left; }
ul {list-style: disc; margin:0 0 1em 4em }
ol {margin:0 0 1em 4em }
p, li, address {line-height:1.4em; font-size: 1.3em; }
li p {font-size: 1em; }
ol, ul, p {margin-bottom:.7em }
a:link, 
a:visited { color: #0064A5; background: transparent;text-decoration:underline; }
a:focus   { color: #0064A5background: transparent;text-decoration:underline;border: 0;}
a:hover   { color: #CB148A;background: transparent;text-decoration:underline; }
a:active  { color: #0000cd;background: transparent;text-decoration:underline; }
a img {border: none;}
p a:visited { text-decoration:underline;color: #9400D3;background: transparent; }

h1 {font: 30px Georgia, "Times New Roman", Times, serif; position: relative; color: #df2613;margin: 15px 0 10px 0;padding: 0;  text-transform: uppercase;  text-align: center;}
   h1 b {position: absolute;top: 0; left: 0;width: 600px;height: 17px;background: #fcf6de;overflow: hidden;opacity: 0.63;filter: alpha(opacity=63);-moz-opacity: 0.63;}
	*html h1 b {display: none; }

h2 {font: 24px Georgia, "Times New Roman", Times, serif; position: relative; color: #df2613;margin: 10px 0;padding: 0; }
   h2 b {position: absolute;top: 0; left: 0;width: 600px;height: 18px;background: #fcf6de;overflow: hidden;opacity: 0.63;filter: alpha(opacity=63);-moz-opacity: 0.63;}

h3 { font: 21px Georgia, "Times New Roman", Times, serif; 
color: #328358; font-weight: normal; margin: 0; padding: 0 0 5px 0;  }
    h3 a {color: #328358;}
    h3 a:visited {color: #328358;}
    h3 a:hover {color: #1e3811;}
	 
h4 { font: 18px Georgia, "Times New Roman", Times, serif; 
color: #5983ab; font-weight: normal; margin: 0; padding: 0; }

.title {display: block; font:  20px Arial, Helvetica, sans-serif; position: relative; color: #6b9314;margin: 10px 0;padding: 0; }
      .title b {position: absolute;top: 0; left: 0;width: 100%;height: 15px;background: #fcf6de;overflow: hidden;opacity: 0.63;filter: alpha(opacity=63);-moz-opacity: 0.63;}

#header {width: 940px; height: 420px; position: relative; margin: 0 0 0 -20px;
background: url(i/hotelgrandpolyana-header-940.jpg) 0 bottom no-repeat; position: relative;  }
#header #stack  {position: absolute; right: 0; top: 140px;}
.logolink {height: 76px; width: 400px; float: left; margin: -33px 30px 0 25px;}
.contacts { width: 300px; height: 120px; position: absolute; right: 20px; top: 45px;z-index:10; }

.marque { text-decoration: blink; position: absolute; bottom: 5px; left: 40px; width: 500px; height: 25px; font-size: 1.3em; color: #fff; font-weight: bolder; }

.phonecode {font-size: 1.3em; color: #77603f; margin-left: 30px;}
.phonenumber {font-size: 1.7em; color: #ca3434;}

.icq { font-weight: bold; font-size: 1.3em; color: #5e5840; width: 200px; margin-left:15px!important; }
.icq b {color:#1d3710; background: url(i/icq-active.gif) left top no-repeat; padding: 0 0 0 20px; height: 20px;margin-right:5px!important; }

#header .icq { position: absolute; left: 120px; top: 355px;}
#sidebar .icq { margin:0 0 0 40px;}

#container {width: 900px; clear: both;background: #fcf6de/* url(i/bg-body.gif) right top no-repeat*/;}
#main-content {width: 600px; float: left; padding: 0 20px 30px 30px; overflow:hidden;}

#sidebar {width: 250px; float:right; background: url(i/sidebar-bg.jpg) left top repeat-y; }
/*.sidebar-top {height: 95px; background: url(i/sidebar-bg.jpg) left top no-repeat; margin: -30px 0 0 -20px;}*/
.sidebar-bottom {height: 72px; background: url(i/sideba-bottom.jpg) left bottom no-repeat; }
.sidebar-content {overflow: hidden; padding: 0 10px; width: 230px;}


#top-menu  { margin:0 0 0 12px; padding:0; list-style:none; }
         #top-menu  li {height: 24px; margin: 0 0 5px 0; width: 238px; }	
         #top-menu  li a {float:left; margin:0;padding:0 0 0 7px; height: 30px;  text-decoration: none; display: block; width: 228px;  }	
         #top-menu a span {display:block; padding:0 0 0 7px; height: 30px; line-height: 30px;text-decoration:none;font-weight:bold; color: #b31f1f;}
         #top-menu  li a:hover,
			#top-menu a.active {background:url("i/left.gif") no-repeat left -30px;border-bottom:none; }			
         #top-menu li a:hover  span,
			#top-menu li a.active span {background: #d65051 url("i/right.gif") no-repeat right -30px;color: #fff; }
			#top-menu li a.active span { cursor: default; }
			
			#top-menu  li ul {margin: 0 0 5px 0;list-style:none;  }
			#top-menu  li ul li { font-size: 90%; }
			#top-menu  li ul li a {}

/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
         #top-menu  a {float:none;}
/* End IE5-Mac hack */

#footer { width: 860px; clear: both; float: none; padding: 10px 20px; color: #fff;background: #406f47; overflow: hidden; }
*html #footer { width: 560px;  }
        #footer a { color:#fff; }
		  #footer small,
		  #footer small a { color:#70b379; }


a.bron   { background: url(i/bron-btn.png) center -41px no-repeat; display:block; width:225px; height:41px;
margin:15px auto; line-height:38px; text-align:center; font-size:2em; font-weight:bold; color: #fff;}
       a.bron:hover { background: url(i/bron-btn.png) center 0 no-repeat; color: #fff;  }
		 #header a.bron { width: 550px; text-align: center;z-index: 1000;  position: absolute; top: 340px; left: 295px;  }

.roomlist { margin: 15px 0; padding: auto 0 }
         .roomlist li { display: block; clear: both; padding: 0 5px 10px 5px; overflow: hidden; zoom:1; margin: 20px 0; background: url(i/listrooms-bg.jpg) left bottom repeat-x;}
         .roomlist strong { background: #fff8ba; padding: 0 4px; }

table    {  font-size: 110%; color: #000; border-collapse:collapse; margin:0 0 25px 0;
            border-top: 6px solid #c0af61;border-bottom: 6px solid #c0af61;border-left: 1px solid #c0af61;border-right: 1px solid #c0af61; }
     table td { border-color: #c0af61; text-align: left; padding: 3px /*background: #F7FCFF*/}
     table th { background: #eede93; color: #000;font-size: 110%; border-color: #b1a588; text-align: center; font-weight: bold;padding: 3px}
     table p  { font-size: 100%;}
     tr.alt   { background: #CCE6F9}

#YMapsID table { border: none; color: #000; border-collapse:collapse; margin:0;}
#YMapsID table td { border: none; padding: 0;}
	  
/* images */
.roomlist li img {padding: 4px; margin: 5px 5px 0 0; background: #afe1ff}
.roomlist li a img  {border:1px solid #0075c5 }
.roomlist li a:hover img  {background: #ffeb3c }
.noticephoto,
.right {float: right; margin: 0 0 5px 10px;}
.left {float: left; margin: 0 10px 5px 0;}
#sidebar a img {border: none;}
.promophoto {border-top:4px solid #b6af93; border-bottom:4px solid #b6af93; margin-bottom: 5px;}

/* END images */ 

.spec { padding:0 0 15px 15px; font-size:1.1em; overflow:auto;  }
.accent {color: Red; font-weight: bolder;}

.w300 { float: left;  width: 280px; }
.w300l { padding: 0 20px 20px 0; }
.w300r {padding: 0 0 20px 20px; }
.w300 p { font-size: 1.1em; }
/*.w300 img {  border: 4px solid #fff;}*/
.w300 h4 {  font-size: 19px; font-style: italic; font-weight: normal;}

.counters {/*margin: 0 0 0 -1000px;*/}

.q {text-align: right; font-style: italic; margin: 0 10px 20px 0; font-family: "Times New Roman", Times, serif; font-size: 1.5em; color: #056d90;}
input, select {padding: 1px}