/*-----------------------------
copyright www.sonika.ru
-----------------------------*/
* { margin: 0; padding: 0; }
.clr {clear: both;}
* html img,
* html a.bron { behavior: url(iepngfix.htc); } /* ie png hack */

html { background:#017bd0 url(i/bg.jpg) 0 0 repeat-x;}
body {width: 970px; font: 62.5%/1.4  Arial, Tahoma, Verdana, Helvetica, sans-serif;  color: #000; margin: 0 auto;
background: url(i/header.jpg) center top no-repeat;}

p {text-align: left; }
ul {list-style: disc; margin:0 0 1em 4em }
ol {margin:0 0 1em 4em }
p, li {line-height:1.4em; font-size: 1.3em; }
li p {font-size: 1em; }
ol, ul, p {margin-bottom:.7em }
a:link, 
a:visited { color: #fbe100; background: transparent;padding: 0 2px; }
a:focus   { color: #fbe100;background: transparent;border: 0;}
p a:hover   { color: #017bd0;background: #fbe100;  }
a:active  { color: #fbe100;background: transparent; }
a img {border: none;}
/*p a:visited { text-decoration:underline;color: #f8e8ff;background: transparent; }*/
#main-content p strong,
#main-content li strong {color: #fbe100; font-size: 1.1em;}

h1 {font: 30px Georgia, "Times New Roman", Times, serif; position: relative; color: #00558f;margin: 15px 0 10px 0;padding: 0;  text-transform: uppercase; }
   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;}

h2 {font: 24px Georgia, "Times New Roman", Times, serif; position: relative; color: #fbe100; margin: 10px 0;padding: 0; }

h3 { font: 21px Georgia, "Times New Roman", Times, serif; 
color: #008c19; font-weight: normal; margin: 0; padding: 0 0 5px 0; font-style: italic }
    h3 a {color: #008c19;}
    h3 a:visited {color: #008c19;}
    h3 a:hover {color: #1e3811;}
h3.color a {color: #017bd0; background: #fbe100;}
h3.color a:hover {color:#fff;background: #7dc2f3;}
	 
h4 { font: 18px Georgia, "Times New Roman", Times, serif; 
color: #000; font-weight: normal; margin: 0; padding: 0; font-style: italic; }

.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: 970px; height: 530px; position: relative; }

.logolink { height: 150px; width: 390px; display: block; }

.contacts { width: 343px; height: 140px; position: absolute; left: 20px; top: 400px; background: url(i/phones.gif) 0 0 no-repeat; }

.icq {  position: absolute; top: 75px; left: 375px; width: 150px; height: 40px;
        font-weight: bold; font-size: 1.3em; color: #374da0;}
    .icq b {color:#ba090b; background: url(i/icq-active.gif) left top no-repeat; padding: 0 0 0 20px; height: 20px; }

#container {width: 970px; clear: both; color: #fff;}
#main-content {width: 630px; float: right; padding: 0 20px 30px 30px; }
*html #main-content {padding: 0 10px 30px 30px; } /* ie hack */
#main-content,
#sidebar { margin-top: 20px;}
#sidebar {width: 280px; float: left; }
.sidebar-content {overflow: hidden; padding: 0 0 0 20px; }
#top-menu  { margin:20px 0 20px 0; padding:0; list-style:none; }
         #top-menu  li {height: 24px; margin: 0 0 5px 0; }	
         #top-menu  li a {float:left; margin:0 5px 0 0;padding:0 0 0 7px; height: 30px;  text-decoration: underline;
			display: block; width: 260px; color: #fff;  }	
         #top-menu a span {display:block; padding:0 7px 0 7px; height: 30px; line-height: 30px;text-decoration:none;font-weight:bold;
			color: #fff;}
         #top-menu  li a:hover,
			#top-menu a.active {border-bottom:none; text-decoration: none; }			
         #top-menu li a:hover span,
			#top-menu li a.active span {background: #fbe100;color: #2670bf; }
			#top-menu li a.active span { cursor: default; }

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

#footer { width: 930px; clear: both; padding: 10px 20px; color: #fff; border-top: 4px solid #89c6e5; }
        #footer a { color:#fff }
		  #footer a:hover { color:#017bd0; }
		  #footer small,
		  #footer small a { color:#5cdaf3 }

a.bron   { background: url(i/bron-btn.png) center -41px no-repeat; display:block; width:225px; height:41px;
margin:15px 0; line-height:34px; 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: 230px; text-align: center;z-index: 1000;  position: absolute; top: 110px; left: 356px;  }

.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; }
         .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 #efc400; border-bottom: 6px solid #efc400; border-left: 1px solid #efc400; border-right: 1px solid #efc400; }
     table td { border-color: #0070bb; text-align: left; padding: 3px; background: #f3fdff;}
     table th { background: #ffef6f; color: #2961b6;font-size: 110%; border-color: #0070bb; text-align: center; font-weight: bold;padding: 3px;}
     table p  { font-size: 100%;}
     tr.alt   { background: #CCE6F9;}
	  table td span { display: block;}

table.reservation {font-size: 130%;border:none;}
     .reservation td { padding: 5px 4px 5px 0; ; }
	  .reservation td { color: #fff; font-weight: bolder;background: transparent; }
	  .reservation th { color: #fbe100; font-size: 130%; background: transparent;padding: 4px; }
	  input.bronfield, textarea, select {background: #dff8ff; border: 1px solid #006db7; padding: 2px;}
	  span.req  { color: Red; font-size: 24px; line-height: 20px; }
	  input.req { background: #ccfbdb; }
	  input.submit-btn {  padding:10px; width:368px; font-weight:bold; margin: 20px 0 0 250px;  text-transform: uppercase; }

#YMapsID table { border: none; color: #000; border-collapse:collapse; margin:0;}
        #YMapsID table td { border: none; padding: 0;}
	  
/* images */
.roomlist li img, .gallery img {padding: 4px; margin: 5px 5px 0 0; background: #afe1ff; }
        .roomlist li a img  {border:1px solid #0075c5; }
        .roomlist li a:hover img  {background: #ffeb3; }
		  #main-content .roomlist li strong { color: #000054; padding: 3px; }

.gallery {margin: 5px 0;}	  
		  
.right {float: right; margin: 0 0 5px 10px; border-bottom: 4px solid #045c99;border-top: 4px solid #045c99;}
.left {float: left; margin: 0 10px 5px 0;}
#sidebar a img {border: none;}
.noticephoto {margin: 0 0 5px 10px; float: right;}
.contentphoto { border: 4px solid #bee2ee; margin: 5px 0;}
.specbanner {border-bottom: 6px solid #045c99;}
/* END images */ 

.spec   { background: url(i/spec-bg.gif) 0 0 no-repeat; position: absolute; top: 360px; right: -46px;
          width: 130px; height: 130px;  padding:35px;font-size:1.5em;  color: #0055ad; font-weight: bolder;  text-align: center; line-height: 1.2em;}
.accent { color: Red; font-weight: bolder; font-size: 1.3em;line-height: 1.2em;}
.spec a { display: block; width: 130px; height: 130px; text-decoration: none; color: #001c75;}
.spec a:hover { background: none;}

p.offer { background:#017bd0; padding:5px 10px; color:#fff;}
       p.offer a,
       p.offer a:visited {color:#fff; padding: 2px;}
       p.offer a:hover {color: #017bd0!important;}
		 p.offer a:hover span {color: #017bd0!important;}

.w300    { float: left;  width: 280px; }
.w300l   { padding: 0 20px 20px 0; }
.w300r   { padding: 0 0 20px 20px; }
.w300 p  { font-size: 1.1em; }
.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: 2px; }

.lastnews {margin: 0 0 15px 0; /*background: #bde5f7; padding: 0 5px; border-top: 2px solid #00538b; border-bottom: 2px solid #00538b;*/}
.date {font-size: smaller; background: url(i/date-sidebar-bg.gif) 0 0 no-repeat; color: #000; line-height: 19px; text-align: center; margin: 0 0 3px 0;
width: 59px; height: 19px; }
.lastnews p {padding: 0 0 5px 0; color: #001557; font-style: italic;}