à/*-----------------------------
copyright www.sonika.ru
-----------------------------*/
* { margin: 0; padding: 0; }
html {background:#0075c5 url(i/bg.jpg) left bottom repeat-x }
body {width: 900px; border-left: 4px solid #044085;  border-right: 4px solid #044085; border-bottom: 4px solid #044085;
font: 62.5%/1.4 "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;  
color: #000; margin: 0 auto;  background: #fff}
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: #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; }

p a:visited { text-decoration:underline;color: #9400D3;background: transparent; }

h1 {font: 38px Georgia, "Times New Roman"; position: relative; color: #0094D6;margin: 10px 0;padding: 0; }
   h1 b {position: absolute;top: 0; left: 0;width: 100%;height: 25px;background: #FFF;overflow: hidden;opacity: 0.63;filter: alpha(opacity=63);-moz-opacity: 0.63;}

h2 {font: 26px Georgia, "Times New Roman"; position: relative; color: #98ca00;margin: 10px 0;padding: 0; }
   h2 b {position: absolute;top: 0; left: 0;width: 100%;height: 18px;background: #FFF;overflow: hidden;opacity: 0.63;filter: alpha(opacity=63);-moz-opacity: 0.63;}

h4 { font: 95% Georgia, "Times New Roman", Times, serif; 
color: #21a8c5; font-weight: bolder;margin: 0; padding: 0 0 5px 0; }
    h4 a {color: #21a8c5;}
    h4 a:visited {color: #21a8c5;}
    h4 a:hover {color: #0066CC;}

.title {display: block; font: 20px Georgia, "Times New Roman"; position: relative; color: #ff2448;margin: 10px 0;padding: 0; }
      .title b {position: absolute;top: 0; left: 0;width: 100%;height: 15px;background: #FFF;overflow: hidden;opacity: 0.63;filter: alpha(opacity=63);-moz-opacity: 0.63;}


#top-menu  { margin:0; padding:0; list-style:none; }
         #top-menu  li { float:left; height: 30px; }	
         #top-menu  li a {float:left; background:url("i/left.gif") no-repeat left top;margin:0 1px 0 0;padding:0 0 0 7px; height: 30px;  text-decoration: none; }	
         #top-menu a span {display:block;background: #fbe100 url("i/right.gif") no-repeat right top;padding:0 7px 0 0; height: 30px; line-height: 30px;text-decoration:none;font-weight:bold;color: #0075c5}
         #top-menu  li a:hover,
			#top-menu a.active {background:url("i/left.gif") no-repeat left -30px;  }			
         #top-menu a:hover  span,
			#top-menu a.active span {background: #fbe100 url("i/right.gif") no-repeat right -30px;color: #fff;}
/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
         #top-menu  a {float:none;}
/* End IE5-Mac hack */
	 
ul#top-menu  #current {background-image:url("i/left_on.gif"); border-width:0; }
ul#top-menu #current a {background-image:url("i/right_on.gif");color:#333; padding-bottom:5px;}

#header {width: 900px; height: 200px;background: #0a3d68 url(i/shapka.jpg) no-repeat left top;margin: 0 auto;}

#contacts { width: 250px; height: 200px;background: #0a3d68 url(i/contacts-bg.jpg) no-repeat left top; float: right; color: #fff }
.icq { font-weight: bold; font-size: 1.3em; margin: 0 0 0 30px}
.icq b {color:#ffea34}

#container {width: 900px; overflow: hidden; zoom:1; clear: both }
#main-content {width: 610px; overflow: hidden; zoom:1;float: left; padding: 30px 20px; }

#sidebar {width: 240px; overflow: hidden; zoom:1;  background: none; float: right; padding: 0 0 30px 10px; }

.sidebar-menu {width: 220px;background: #1773b0 url(i/sidebar-bg.jpg) left bottom repeat-x; color: #fff; padding: 10px; color:#fff; font-size: 1.1em; }
             .sidebar-menu ul {list-style: none; margin: 10px 5px 10px 10px; padding: 0}
             .sidebar-menu li {list-style: none; background: url(i/star-bullet.gif) left center no-repeat; padding-left: 10px; font-weight: bold;}
             .sidebar-menu a,
             .sidebar-menu a:link,
             .sidebar-menu a:visited {color:#fff}
             .sidebar-menu a:hover,
				 .sidebar-menu a.active {color:#ffea34}

#footer { width: 860px; clear: both; padding: 10px 20px; color: #fff;background: #1773b0; }
        #footer a { color:#fff }
		  #footer small,
		  #footer small a { color:#5cdaf3 }

a.bron { background: url(i/bron-bg.gif) left top no-repeat; display:block; width:225px; height:56px;
margin:15px auto; line-height:56px; text-align:center; font-size:2.1em; font-weight:bold; color:#fff  }
       a.bron:hover { background: url(i/bron-bg.gif) left -56px no-repeat; color:#fff  }

.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    { border: 1px solid #b1a588; font-size: 110%; color: #000; border-collapse:collapse; margin:0 0 25px 0}
     table td { border-color: #b1a588; text-align: left; padding: 3px /*background: #F7FCFF*/}
     table th { background: #ffface; color: #2961b6;font-size: 110%; border-color: #b1a588; text-align: center; font-weight: bold;padding: 3px}
     table p  { font-size: 100%;}
     tr.alt   { background: #CCE6F9}
	  
/* images */
#sidebar img,
.roomlist li img {padding: 4px; margin: 5px 5px 0 0; background: #afe1ff}
#sidebar a img,
.roomlist li a img  {border:1px solid #0075c5 }
#sidebar a:hover img,
.roomlist li a:hover img  {background: #ffeb3c }
.right {float: right; margin: 0 0 5px 10px}
/* END images */