/* CSS Document */

body {margin: 0; background: url(../img/bck_body.gif) repeat-x; font: 12px/15px "Trebuchet MS", Verdana, sans-serif; color: #5f626c;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.hr {background: url(../img/div_menu.gif) repeat-x bottom; padding: 10px; clear: both; }
.title {font-weight: bold; color: #31458c;}
.clear {clear: both;}

#main {width: 950px; margin: 0 auto; background: url(../img/bck_main.gif) repeat-y; overflow: hidden; padding-bottom: 30px;}
#left {float: left; width: 350px;}
#left #photos {height: 215px; background: url(../img/bck_photos.gif) no-repeat center bottom #576cb9; padding-bottom: 21px;}

#left #menu {background: url(../img/bck_menu.gif) repeat-x #a9b4dc; padding: 0 40px 50px 40px; font: 15px/30px Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #ffffff;} 
#left #menu .item {background: url(../img/div_menu.gif) repeat-x bottom; line-height: 30px;}
#left #menu .item a {height: 31px; display: block; background: url(../img/bul_menu.gif) no-repeat 0 14px; padding-left: 15px; color: #ffffff;}
#left #menu .item a:hover {color: #e1cd9b; text-decoration: none;} 
#left #menu .item a.active {color: #202c54;}
#left #menu .item a.book {height: 50px; display: block; padding: 15px 0 18px 0; opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80); background: none;}
#left #menu .item a.book:hover {opacity: 1; -moz-opacity:1; filter:alpha(opacity=100);}

#left #contact {font: 10px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #5461a2; background: url(../img/icons.gif) no-repeat; padding-left: 110px; height: 90px; margin-left: 50px;}
#left #contact a {color: #5461a2; text-decoration: underline;}
#left #contact a:hover {color: #202c54;}



#right {float: right; width: 600px; background: url(../img/bck_body.gif) repeat-x;}
#right a {color: #31458c; text-decoration: underline;}
#right a:hover {color: #5f626c;}
#right #top {background: url(../img/img_logo.gif) no-repeat 50px 30px; height: 150px; position: relative;}
#right #top a {position: absolute; height: 100px; width: 374px; left: 48px; top: 26px;}

#right #content {padding: 20px 70px; background: url(../img/bck_content.gif) top no-repeat;}
#right #content.offers {padding: 20px 10px 20px 70px;} 
#right #content h1 {font: 21px/23px Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #31458c;}
#right .rates {clear: both; background:url(../img/bck_rates.gif) no-repeat; height: 100px; width: 433px; padding-top: 16px;}
#right .rates .left {float: left; width: 150px; font: 10px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #96814e; padding: 0 0 0 30px;} 
#right .rates .left p {margin: 0;}
#right .rates .left .tit {font-weight: bold; text-transform: uppercase;}

#map {width: 450px; height: 300px; border: 1px solid #a9bdf0; background: #e5e5e5;}


#content .room {clear: both;}
#content .room p { margin: 0;}
#content .room img {border: 1px solid #CCCCCC; float: left; margin-right: 15px;}

#content .room p.tit {margin: 10px 0 2px 0 ; font-weight: bold; color: #31458c;}
#content .room ul {float: none; margin: 0; padding-left: 133px;}

#content img.image {float: left; margin-right: 10px; border: 6px solid #e2e6f2;}


#footer {clear: both; border-top: 4px solid #a4afd7; text-align: center; background: url(../img/bck_footer.gif) center top no-repeat #ffffff; padding: 25px 0; color: #798bc8;}
#footer p {margin: 0;}
#footer .menu a {color: #5f626c; padding: 0 3px;}
#footer .menu a:hover {color: #5461a2;}

#footer .link {margin: 5px 0 15px 0; color: #5f626c;}
#footer .link a {color: #5f626c; font-weight: bold;}
#footer .copyright {font: bold 10px/22px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #5461a2;} 
#footer .copyright a {color: #5461a2;}