@charset "utf-8";
/* CSS Document */

*{
	margin:0; padding:0;
}
html, body{
	width:100%; height:100%;
	color:#b8b8b9;
	font:normal 12px Georgia,Verdana,"Times New Roman", Times, serif, Arial;
	background:#000110; text-align:justify;
	line-height: 15px;
}
.clear{	
	clear:both;
}
a{
	text-decoration:none; outline:none; 
}
/*============ COLORS ===========*/

.grey{
	color: #dadadb;
}
.orange{
	color: #ebc599;
}
.white{
	color: #ffffff;
}
.durtyorange{
	color:#cb6d39;
}
/*============END COLORS ===========*/

div#main{
	width: 984px; margin: 0 auto;
}
div.head{
	width:100%; height: 111px; 
	background: url(../images/head.png) no-repeat;
	position:relative; z-index:10000;
}
div.head a.logo{
	position:absolute; top:0; right:40px; 
	width:280px; height:85px;
	text-indent: -9999px;
}
div.container{	
	width:100%; height:545px; position:relative; z-index:1;
}
div.begin-bg{
	background: url(../images/bg-begin.jpg) no-repeat;
}
div.contacts-bg{
	background: url(../images/bg-begin.jpg) no-repeat;
}
div.place-bg{
	background: url(../images/bg-about-place.jpg) no-repeat;
}
div.clubcard-bg{
	background: url(../images/bg-clubcard.jpg) no-repeat;
}
div.rooms-bg{
	background: url(../images/bg-about-rooms.jpg) no-repeat;
}
div.spa-bg{
	background: url(../images/bg-about-spa.jpg) no-repeat;
}
div.halls-bg{
	background: url(../images/bg-about-halls.jpg) no-repeat;
}
div.news-bg{
	background: url(../images/bg-about-news.jpg) no-repeat;
}
div.services-bg{
	background: url(../images/bg-about-services.jpg) no-repeat;
}
div.book-bg{
	background: url(../images/bg-about-book.jpg) no-repeat;
}
div.prices-bg{
	background: url(../images/bg-prices.jpg) no-repeat;
}
div.special_offers-bg{
	background: url(../images/bg-special-offers.jpg) no-repeat;
}
div.bars1-bg{
	background: url(../images/bg-1.jpg) no-repeat;
}
div.bars2-bg{
	background: url(../images/bg-2.jpg) no-repeat;
}
div.bars3-bg{
	background: url(../images/bg-3.jpg) no-repeat;
}
div.bars4-bg{
	background: url(../images/bg-4.jpg) no-repeat;
}
div.gallery-bg{
	background: url(../images/bg-gallery.jpg) no-repeat;
}
div.reservations-bg{
	background: url(../images/bg-special-offers.jpg) no-repeat;
}
div.footer{
	background: url(../images/bottom.png) no-repeat;
	width:100%; height:84px;
}

/*===== MENU =====*/
div.menu{
	padding:84px 0 0 0; float:left;
}
ul#menu{
	z-index:10000;
	width:756px; height:22px;
	float:left; padding:0 0 0 3px;
}
ul#menu li{
	float:left; list-style-type: none;  
	position:relative; z-index:9999;
}
ul#menu li a,  ul.language-menu li a{
	display: block; padding: 5px 7px 0 8px;
	font:normal 11px "Times New Roman", Times, serif;
	color:#a8a6a6; text-transform:uppercase;
}
ul#menu li a b{
	font-weight:normal;
}
ul#menu li a:hover, ul#menu li a.current{
	color: #f5f4f4;
}
ul#menu li ul {
	display:none; list-style-type: none; padding:0; margin:0;
	position:absolute; top:27px; left:0px; z-index:7777;
	background:#050411 url(../images/drop-bg.png) bottom repeat-x; 
	width:290px; padding:3px 0 11px 0;
}
ul#menu li ul.bars {
	display:none; list-style-type: none; padding:0; margin:0;
	position:absolute; top:27px; left:0px; z-index:7777;
	background:#050411 url(../images/drop-bg.png) bottom repeat-x; 
	width:176px; padding:3px 0 11px 0;
}
ul#menu li ul li{
	float:left; padding:5px 0 0 0; z-index:7777;
	background: url(../images/drop-border.png) top no-repeat;
}
ul#menu li ul li a{
	display:block; width:123px; float: left; 
	padding:0px 0 0px 22px; text-transform:none; 
	font-size:13px;
}
ul#menu li ul li a:hover, #menu li ul li a.subcurrent{
	background: url(../images/drop-arrow.png) 4px no-repeat;
}
ul.language-menu{
	float:right!important;
	padding:84px 0 0 0;
}
ul.language-menu li{
	float:left; list-style-type:none;
}
/*===== end MENU =====*/

/*=========== BEGIN =================*/

div#flash{
	width:984px; height:545px; 
	z-index:3; position:absolute; top:0; left:0;
}
div#flash1{
	width:761px; height:262px;
}
div.html-over-flash{
	width: 984px; height:545px; 
	position:absolute; top:0; left:0;
	z-index:50;
}
h1 {
	font: normal 14px "Times New Roman", Times, serif;
	text-transform:uppercase;
}
div.offers{
	float:left; margin:30px 0 0 0;
	width:492px; padding: 0 0 0 9px;
	height:264px; 
}
div.offers h1{
	padding: 8px 0 9px 0px;
	font-weight:bold;
}
div.offers div.box{
	width:453px; text-align:justify;
	background:url(../images/box-offers-border.png) top no-repeat;
	padding:10px 0; float:left;
}
div.offers div.nobackground, div.news div.nobackground{
	background:none!important;
}
div.offers div.box img{
	float:left; border:1px solid #232326;
	margin-right:25px;
}
div.offers div.box a.txt-begin{
	display:block; float:left; width: 285px; 
	height:90px; overflow:hidden; float:left;
	line-height:14px; color: #b8b8b9;
}
div.offers div.box a.max{
	width: 453px; 
}
div.offers div.box a:hover, div.offers div.box a:hover font, div.news div.box a:hover, div.news div.box a:hover font{
	text-decoration:underline;
}
div.reservations{
	float:right; width:203px; 
	height:294px; overflow:hidden;
	padding:0 0 0 11px;
}
div.reservations h1, div.news h1{
	padding: 26px 0 15px 0;	
	font-weight:bold;
}
div.news{
	width:480px; float:right; 
	padding: 0 0 0 15px;
}
div.news div.box{
	width:460px; text-align:justify;
	background: url(../images/box-offers-border.png) top no-repeat;
	float:left; padding:10px 0;
}
div.news div.box a{
	display:block; float:left; width: 460px; 
	height:70px; overflow:hidden; float:left;
	line-height:14px; color: #b8b8b9;
}
div.footer{
	text-align:center;
	padding:28px 0 0 0;
}
div.footer a{
	font:normal 12px "Times New Roman", Times, serif; 
	color:#505163; padding:0 5px;
}
div.footer a:hover{
	color: #74757c;
}
/*=========== END BEGIN =================*/



/*==============ABOUT-Place=========*/
.title{
	padding: 36px 0 22px 20px;
	font-weight:bold;
}
div.text{
	width: 710px;
	padding: 15px 10px 0 20px;
	float:left;
}
div.pics{
	width:144px; float:left;
	margin-right: 22px;
}
div.pics img, .box-inside img{
	border:1px solid #232326;
	margin:0 0px 20px 0; float:left;
}
span.txt{
	display:block; float:left;
	width:550px;
}
span.max{
	width:710px; display:block;
}
/*==============END ABOUT-Place=========*/


/*============ABOUT - Rooms=====*/

.nobackground{
	background:none!important;
}
.box-inside{
	width: 100%; float:left;
	background: url(../images/border-inside-big.png) top no-repeat;
	padding: 15px 0px 15px 0px;
	font-size:11px;
}
.box-inside img{
	float:left;
	margin:0px 25px 0px 0px;
}
a.price{
	display:block; float:left; color: #74757c; height:20px;
	background:#0e0e6e url(../images/prices-button.jpg) top right no-repeat;
	text-align:center; padding: 0px 5px;
}
a.download{
	color: #dcdcdd; 
	background: url(../images/arrow.png) right no-repeat;
	padding: 0 10px 0 0; width:auto;
}
a.sign{
	position:absolute; bottom:40px; left:10px; padding: 0 10px;
}

/* ====== GALLERY ======= */

div.gallery{
	float:left; width:750px;
	overflow:hidden; 
	height: 422px; 
	position:relative;
	padding: 20px 0 0 11px;
}
div.big-image{
	width:454px; height:297px;
	float:left; border:3px solid #252527;
}
div.big-image img{ float:left; }

span.text-detail{
	display:block; margin:15px 0 0 0; float:left;
	height: 95px; overflow:hidden; width:454px;
	text-align:justify; 
}

div.small-images{
	float:right; width: 260px; height: 170px;
	padding: 0 0px 0 0;
	position:absolute; 
	bottom: 10px; right:10px;
}
a.arrows{
	display:block; width:130px; 
	float:left;
	height:7px;
	
}
a.arrows img{ float:left;}
a.up{ 
	padding: 0 0 11px 124px;
	
}
a.down{
	padding: 11px 0 0 124px;
	
}
div.thumbs{
	float:left; height:129px; width:260px;
	overflow:hidden;
}
div.thumbs a{
	margin:6px 2px; float:left;
	border: 2px solid #242426;
	display:block; width:78px; height:51px;
}
div.thumbs a img{
	border:none; float:left;
}
div.thumbs a img {
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE5.5 */
		opacity: .6; /* Mozilla 2.x, Opera 8.x */
		-moz-opacity: .6; /* Mozilla FF 1.x, Netscape 8.x */
		
		}
div.thumbs a:hover img, div.thumbs a.imagecurrent img{
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important; /* IE5.5 */
		opacity: 1!important; /* Mozilla 2.x, Opera 8.x */
		-moz-opacity: 1!important; /* Mozilla FF 1.x, Netscape 8.x */
		}
div.right-menu{
	width: 223px; float:right;
	background: #151414; height: 475px;
	overflow:hidden;
	padding: 44px 0 0 0; z-index:100;
}
div.right-menu a{
	display:block; 
	width: 223px; color: #a8a6a6;
	cursor:pointer;
}
div.right-menu a span{
	display:block; 
	width: 200px; padding: 4px 0 4px 23px;
	background: url(../images/right-menu-border.jpg) top no-repeat;
}
div.right-menu a:hover, div.right-menu a.right-current{
	background: url(../images/drop-arrow.png) 5px no-repeat;
	color:#fff;
}

/* ====== end GALLERY ======= */
/*============SCROLL BAR==============*/

#Scroller-1 { 
	position: absolute; 
	width: 730px;
	height: 420px;
	overflow-y:hidden;
}
#Scroller-2 { 
	position: absolute; 
	width: 730px;
	height: 420px;
	overflow-y:hidden;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
  width:720px;
}
.Scrollbar-Up {
  position: absolute;
  width: 10px; height: 10px;
  font-size: 0px;
}
.Scrollbar-Track {
  width: 10px; height: 420px;
  position: absolute;
  top: 20px;
  /*background-color: #444444;*/
  background:url(../images/dot.jpg) right repeat-y;
}
.Scrollbar-Handle {
  position: absolute;
  width: 10px; height: 30px;
  /*background-color:#606060;*/
  cursor:pointer;
  background: url(../images/scroll-item3.jpg) right top no-repeat;
}
.Scrollbar-Down {
  position: absolute;
  top: 190px;
  width: 10px; height: 10px;
  font-size: 0px;
}
#Scrollbar-Container {
  position: absolute;
  top: 72px; left: 745px;
}
#Scrollbar-Container2 {
  position: absolute;
  top: 308px; left: 745px;
}
/*===============RESERVATION================*/
form.reserve{
	width:730px;
}
div.reservations label{
	display:block; float:left; width:185px;
	margin-bottom:5px;
	color: #fff; text-align:left;
}
div.reservations input{
	background: #595758; border:0;
	float:left; line-height:15px;
	width:185px; color: #efefef;
	font:normal 11px "Times New Roman", Times, serif, Arial;
	height:15px;
}
div.reservations label input{
	width:170px; float:right;
}

div.reservations input.reserveButton, form.reserve input.reserveButton{
	background: url(../images/reservation-button.jpg) no-repeat;
	width: 129px; font:normal 11px Georgia, Times New Roman, Arial;
	margin-top:40px; text-transform:uppercase;
	height:20px; cursor:pointer; color:#b8b8b9;
}

form.reserve label{
	width:120px; display:block; float:left;
	margin-bottom:5px;
	color: #fff; text-align:left;
	
}
form.reserve input{
	background: #595758; border:0;
	float:left; margin-bottom:5px;
	width:210px; color: #efefef;
	font-size: 11px; z-index:20;
	line-height:15px; height:15px;
}
form.reserve input.seccode{
	width:50px;
}
form.reserve textarea{
	background: #595758; border:0;
	float:left; color: #efefef;
	width:210px; height:60px;
	
}


form.reserve input#datepicker,form.reserve input.beds{
	width:150px;
}


div.selectbox{
				float:left; display:block; width:210px;
				margin: 0 0 15px 0;
				position:relative;
				z-index:5000;
			}
			form.reserve input.input{
				width:195px; height:15px; line-height:15px;
				float:left; color: #efefef;				
				background: #595758; border:0;
			}
			/*a.selectbox{
				width:15px; height:15px; display:block;
				float:left; background: url(images/calendar.jpg) top left no-repeat;
			}
			ul#selectbox{
				display:block; width:210px;
				position:absolute; top:15px; left:0px;
				background: url(images/calendar-bg.png);
				
			}
			ul#selectbox li{
				width:210px; list-style-type:none;
			}
			ul#selectbox li a{
				color:#b8b8b9; display:block;
				padding: 2px 10px; 
			}
			ul#selectbox li a:hover{
				color:#EBC599;
			}
			ul#selectbox li a.checked{
				color:#EBC599;
			}*/
div.relative{
	position:relative; float:left;
	padding:0px 0 15px 0;
	z-index:10;
}
form.reserve label.error{
	color: #EBC599;
	width:210px; position:absolute;
	top:17px; left:120px;
	z-index:15; 
}	
div.reservations label.error{
	top:17px; left:120px;
	color: #EBC599;
	width:300px; position:absolute;
	top:40px; left:0px;
	z-index:15; 
}	
form.contacts label.error{
	color: #EBC599; width:250px;
	position:absolute;
	top:17px; left:0px;
	z-index:15; 
}	
			
/*===============END RESERVATION================*/

/*===============CONTACTS================*/

div.contacts-text{
	width: 250px; padding: 10px 0;
}
form.contacts{
	/*width: 250px;*/
}
form.contacts label, div.sign-box label{
	color: #B8B9BB; margin-bottom:5px;
	width:65px; display:block; float:left;
}
form.contacts input, form.contacts textarea, div.sign-box input,  div.sign-box textarea{
	background: #696969;
	border:none; width:185px; color: #e7e7e7;
	font-size:12px;
}
form.contacts textarea, div.sign-box textarea{
	height:50px;
}
form.contacts input.contactsButton{
	background: url(../images/contacts-button.jpg) no-repeat;
	width: 76px; font:normal 12px Times New Roman, Arial;
	color: #b8b8b9!important; float:right;
	cursor:pointer;
}


span.txt ul, span.txt ol{ padding-left:25px;}
#preview{
	position:absolute;
	background:#444444;
	padding:5px;
	display:none;
	color:#fff;
	z-index: 2000;
	}
	
div.sign-box{
	
}
div.sign-box input, div.sign-box textarea{
	float:left; width:400px;
}
div.sign-box input.button-sign{
	background: url(../images/contacts-button.jpg) no-repeat;
	width: 76px; font:normal 12px Times New Roman, Arial;
	color: #b8b8b9!important; float:right;
	cursor:pointer; padding:0; margin:0;
}
 div.sign-box label.error{
	color: #EBC599; width:250px;
	position:absolute;
	bottom:-5px; left:0px;
	z-index:15;
}
div.sign-box a.opendiv{
	color: #EBC599; font-sie:10px;
	float:right; margin: 0 0 10px 0;
}


div.menu-bars{
	float:left;  width:761px; height: 240px; background: url(../images/section-bg.png) ;
}
div.smallmenu{
	width:100%;
	float:left;
	padding:10px 0 0 20px;
}
div.smallmenu a{
	color:#f6f6f6;
	text-transform:uppercase;
}
div.smallmenu a:hover, div.smallmenu a.currentMenu{
	color:#EBC599;
}