/*
%project%
Mandarinko, 2009
Alexey Zarakovsky
*/

/*
RESET NIHUYA NE NUGEN
*/
* {
	margin: 0;
	padding: 0;
	border: 0 none;
}


body {
	font-size: small;
	font-family: Arial, Verdana, sans-serif;
	height: 100%;
	color: #ccc;
	background:url(../img/bg.png) repeat-x #343434;
}
	a {outline: none; color: #73A900;}
	ul {margin-left: 20px; margin-bottom: 10px;}
	ul li {margin: 6px 0;}
	h1 {font-family: Arial; font-weight:bold;color:#ffffff;font-size:16px;text-align:center;margin-bottom:10px;}
	h2 {font-family: Arial; font-weight:bold;color:#ffffff;text-align:center;font-size:16px;margin-bottom:10px;}
	h3 {font-family: Arial; font-weight:bold;color:#ffffff;text-align:center;font-size:16px;margin-bottom:10px;}
	h4 {font-family: Arial; font-weight:bold;color:#ffffff;text-align:center;font-size:16px;margin-bottom:10px;}
	
	
	
	
	
	
	
	div.wrap_g{
width:993px;
margin:0 auto;
text-align:left;
}

div#header_g{
margin:-1px 0 0;
}


#slide-holder{
z-index:40;
width:980px;
height:400px;
position:absolute;
}
#slide-runner{
top:0px;
left:0px;
width:980px;
height:400px;
overflow:hidden;
position:absolute;
}
#slide-holder img{
margin:0;
display:none;
position:absolute;
}
#slide-controls{
left:0;
bottom:0px;
width:740px;
height:76px;
display:none;
position:absolute;
background:url(img/1234.png) 0 0;
}

#slide-search{
left:740px;
bottom:0px;
width:240px;
height:400px;
display:block;
position:absolute;
background:url(img/12345.png) 0 0;
}

#slide-controls p.text{
float:left;
color:#73A900;
display:inline;
font-size:18px;
line-height:16px;
margin:15px 0 0 20px;

}





	
	
	
	
	
	
	
	#wrap {
		width: 980px;
		margin: 0px auto;
		mi_n-width: 980px;
		height: 100%;
		overflow:hidden;
		background: #000000;
	}

	#nevid{
	visibility:hidden;
	height:10px;
	}

	#bgleft {
		background: transparent;
		width: 100%;
	}
	#bgright {
		background: transparent;
		width: 100%;
	}

	#header {
		height: 550px;
		background: url(img/header_bg.jpg) top center no-repeat;
	}
	
	#header_short {
		height: 135px;
		background: url(img/header_bg.jpg) top center no-repeat;
	}
	
		#header #proflinks {
			float: left;
			margin: 65px 0 0 54px;
		}
		#header #proflinks a {
			font-size: 16px;
			text-decoration: none;
		}
		#header #logo {
			margin-left: 95px;
            text-align: center;
            float: left;
		}
			#header #logo #fqimg {
				width: 275px;
				height: 125px;
				margin: 0 auto;
			}
			#header #logo .phone {
				font-size: 135%;
				color: #d8b354;
				margin: 5px 0 0 0px;
			}

		#header .bighotel {
			margin-top: 10px;
			margin-left: 0px;
		}

		#header #head_slide img {
			width:980px;height:267px;

		}
		#header #langs {
         	float: left;
         	text-align: right;
         	margin: 5px 0px;
 
 width:13%;
 
			}
			
			
			#header_short #proflinks {
			float: left;
			margin: 65px 0 0 54px;
		}
		#header_short #proflinks a {
			font-size: 16px;
			text-decoration: none;
		}
		#header_short #logo {
			margin-left: 95px;
            text-align: center;
            float: left;
		}
			#header_short #logo #fqimg {
				width: 275px;
				height: 125px;
				margin: 0 auto;
			}
			#header_short #logo .phone {
				font-size: 135%;
				color: #d8b354;
				margin: 5px 0 0 0px;
			}

		#header_short .bighotel {
			margin-top: 10px;
			margin-left: 0px;
		}

		#header_short #head_slide img {
			width:980px;height:267px;

		}
		#header_short #langs {
         	float: left;
         	text-align: right;
         	margin: 5px 0px;
 
 width:13%;
 
			}
			
			
		#langs {
         		float: left;
         	text-align: right;
         	margin: 5px 0px;
 
 width:11%;
		}
		#header #langs a {
			font-size: 35px;
			text-decoration: none;
		}
		#header #cont {
			overflow: hidden;
			height: 75px;
			width: 650px;
		}
		#header #order_button {
		float:left;
			margin:10px 5px;
		}
		
		
		
		
		#header_short #cont {
			overflow: hidden;
			height: 75px;
			width: 650px;
		}
		#header_short #order_button {
		float:left;
			margin:10px 5px;
		}
		
		
		
		
		

		#order_button {
			margin: 0px 0px 10px 295px;

		}
		#pogoda {
		float:right;
		margin:0 auto;
}
	#nav {
		list-style: none;
		float: left;
		margin-left: 0px!important;
		background: #000000;
		width:980px;
	}
		#nav li {
			float: left;
			margin: 0 6px;
			display: block;
			width: 150px;
			height: 28px;
			background: #000000;
			text-align: center;
			font-weight: bold;
		}
			#nav li a {
				display: block;
				color: #ffffff;
				text-decoration: none;
				margin-top: 6px;
				font-family: Arial;
				font-size: 90%;
				font-weight: bold;
			}
			#nav li a:hover {
			 	color: #73A900;
				font-weight: bold;
			}
			#nav li a#active {
             	color: #FFFFFF;
				font-weight: bold;
				
			}
			#nav li#current {
             	color: #FFFFFF;
				font-weight: bold;
				background: #73A900;
			}
			
			
			#nav_left {
		list-style: none;
		text-align: center;
		margin-left: 3px!important;
		
	}
		#nav_left li {
			float: left;
			display: block;
			width: 230px;
			height: 58px;
			background: url(img/sidebar_bt.jpg) top left no-repeat;
			text-align: center;
			font-weight: bold;
			margin-bottom:3px;
		}
			#nav_left li a {
				display: block;
				color: #FFFFFF;
				text-decoration: none;
			font-family: Arial;
				font-size: 110%;
				font-weight: bold;
				margin-top:20px;
			}
			#nav_left li a:hover {
			 	color: #9D9D9D;
				font-weight: bold;
			}
			

	.leftbar {
		float: left;
		width: 240px;
	}
	.content {
		float: left;
		width: 890px;
	}
		.content .centerbar {
			float: right;
			width: 800px;
			background:#000000;
			border:none;
		border: 1px dashed #888888;
		
		}
		.content h2 {
			font-size: 14px;
			color: #ffffff;
		}
	.rightbar {
			float: right;
			width: 240px;
		}
	.headimg {
		display: block;
		margin: 10px 0 10px 15px;
	}
	
	.wedleft {
	float:left;
	width:305px;
	
	
	}
	
	.wedright {
	float:left;
	margin-left:25px;
	width:400px;
	}
	
	.centerh {
	margin:25px auto;
	width: 100%;
	text-align:center;
	font-size:120%;
	}
	
	.centerhh {
	margin:25px auto;
	width: 100%;
	text-align:center;
	font-size:120%;
	text-decoration:underline;
	}
	
	.centertext {
	text-align:center;
	margin:15px auto;
	text-decoration: underline;
	}
	
	.center_img {
	margin:0px auto;
	width:207px;
	}
	
	

	#main {
		line-height: 1.3em;
		
	}
		#main .inner {
			margin-top: 15px;
			color:#cccccc;
		background: #000000;
			
			
		}
		#main p {
			margin-bottom: 20px;
			margin-left:10px;
			margin-right:10px;
			text-align: justify;
		}

		#main .more_button {
			float: right;
			margin-right: 20px;
		}

		#slide-search .search {

			display: block;
		}
		
		.rt {

			font-size: 150%;
			text-align: center;
			margin:0 auto;
			font-weight:bold;
			color: #73A900;
		}
		
			#slide-search .search label {
				float: left;
				font-size: 100%;
				margin-left:10px;
				
			}
			#slide-search .search select {
				float: right;
				width: 125px;
				background: #444444;
				color: #ffffff;
				border: none;
				font-size: 85%;
				margin-right:10px;
			}
			#slide-search .search .q {
				float: right;
				width: 125px;
				background: #000;
				color: #ffffff;
				border: 1px solid #888888;
				font-size: 85%;
				margin-right:10px;
			}

			#slide-search .search .select {
				float: right;
				width: 141px;
				top: 0px;
				margin-right:10px;
			}
				#slide-search .search .select input {
					width: 48px;
					background: #000000;
					color: #ffffff;
					border: 1px solid #888888;
					font-size: 85%;
					
				}
				#slide-search .search .image {

					margin-top: 5px;
					margin-left: 65px;
				}
			#slide-search .search .separator {

				padding-bottom: 15px;
			}
			
			
			
			
			
			
			#slide-search-left .search {
background:#000000;
			display: block;
		}
		
		#slide-search-left {
background:#000000;
			
		}
		
		.rt {

			font-size: 150%;
			text-align: center;
			margin:0 auto;
			font-weight:bold;
			color: #73A900;
		}
		
			#slide-search-left .search label {
				float: left;
				font-size: 100%;
				margin-left:10px;
				
			}
			#slide-search-left .search select {
				float: right;
				width: 125px;
				background: #000000;
				color: #ffffff;
				border: none;
				font-size: 85%;
				margin-right:10px;
			}
			#slide-search-left .search .q {
				float: right;
				width: 125px;
				background: #000;
				color: #ffffff;
				border: 1px solid #888888;
				font-size: 85%;
				margin-right:10px;
			}

			#slide-search-left .search .select {
				float: right;
				width: 141px;
				top: 0px;
				margin-right:10px;
			}
				#slide-search-left .search .select input {
					width: 48px;
					background: #000000;
					color: #ffffff;
					border: 1px solid #888888;
					font-size: 85%;
					
				}
				#slide-search-left .search .image {

					margin-top: 5px;
					margin-left: 65px;
				}
			#slide-search-left .search .separator {

				padding-bottom: 15px;
			}
			
			
			
			
			

	#teaser {margin-top:10px;
	background:#000000;
	border: 1px dashed #888888;

	}
		#teaser h2 {
			font-size: 18px;
			
		}
		#teaser .headimg {
			display: block;
		}
		#teaser div.bright {
			width: auto;
			background: #000000;
			padding: 6px 0;
			margin-bottom: 15px;
			text-align: left;
			clear: left;
		}
		#teaser div.bright a {
			text-decoration: none;
			color:#000000;
		}
		#teaser div.bright img {
		  float: left;
		  margin-right: 20px;
		}
		#teaser .hotel {

			border: 1px solid #888888;
			padding: 2px;
			margin: 0 7px;
		}

	#footer {background: #000000;
		


	}

	#footermenu{
	text-align:center;
	}

		#footermenu li {
		font-size:10px;
			float: left;
			margin: 0 6px;
			display: block;
			width: auto;
			height: 26px;
			background: url(img/buttonnnn.png) top left no-repeat;
			text-align: center;
			font-weight: normal;
		}
			#footermenu li a {
				display: block;
				color: #888888;
				text-decoration: none;
				margin-top: 5px;
				font-family: Arial;

				font-weight: normal;
			}
			.use{
				display: block;
				color: #FED57E;
				text-decoration: none;
				margin-top: 5px;
				font-family: Arial;

				font-weight: normal;
			}
			
			#expo{
			border:1px solid;
			border-color: #ffffff;
			}
			#footermenu li a:hover {
			 	color: #cccccc;
				font-weight: normal;
			}
			#footermenu li a#active_x {
             color: #cccccc;
				font-weight: normal;
			}

			#footercenter {
   display: table-cell;
}
#outer {
  text-align:center;
  margin:0 auto;
  display:table;
 }


		#footer .inner {
			height: 31px;
			margin: 2px;
		}
		#footer #webwhite {
			float:left;
			width:160px;
			margin-left: 15px;
			line-height: 31px;
		}
		#footer #copyright {
			float:right;
			width:140px;
			line-height: 31px;
		}
		#footer #time {
			float:left;
			width:130px;
		}

.separator {
	clear: both;
	display: block;
}

.separatorhotel {
margin-top:20px;
	clear: both;
	display: block;
}

.block_240 {
	width: 240px;
	margin-bottom: 20px;
	background: url('img/block_bg.png') 0px 0px no-repeat;
}
.block_240 .block_inner {
	border: 1px solid;
	background: #222222;
    overflow: hidden;
	border-color:#444444;
	border-style: rounded;
}
.block_240 .block_inner div {
	position: relative;
	text-align: left!important;
}
.block_240 .block_inner p {

text-align: left!important;
}
.block_240 form {
	width: 225px;
	margin-left: 5px;
}
.block_240 h2 {
	text-align:center;
	font-size: 14px;
	line-height: 20px;
	padding:7px 0 15px 8px;
	color:#EEEEEE;
	font-weight:bold;
}

.block_240 h3 {
	text-align:center;
	font-size: 14px;
	line-height: 20px;
	padding:7px 0 15px 8px;
	color:#73A900;
	font-weight:bold;
}
.block_240 p {
	padding: 0px 7px;
	text-align: left!important;

}
a.button {
	display: block;
	margin: 5px auto;
	width: 150px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #73A900;
}
a.button2 {
	display: block;
	margin: 5px auto;
	width: 100px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #73A900;
	text-decoration: none;
	background: url(img/button2.png) top left no-repeat;
}


/* ADMIN */
#admin {
	position: fixed;
	bottom: 2px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
#admin2 {
	position: fixed;
	right: 2px;
	bottom: 2px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
    width: 120px;
    padding: 2px;
    background: #999;
}
#admin2 a {
	color: #fff;
}

.longcontent {
	width: 980px;
}
.longcenter {
padding-left:5px;

	width: 720px!important;
}

.vk {
	float: right;
	line-height:42px;
	margin-top:10px;
	}
	
	.vk_l {
	float: left;
	line-height:42px;
	margin-top:10px;
	margin-right:30px;
	}

#rate {
	float: right;
	text-align: center;
	line-height:42px;
	width: 220px;

}
#rate img {
	position: relative;
	top: 8px;
	cursor: pointer;
}
#comments {
	float: right;
	text-align: center;
	line-height:42px;
	margin-right: 35px;
}
#comments a {

	color: #cccccc;
	font-size: 100%;
	font-weight: bold;
}

#response {
	margin: 8px
}
#response input {
	width: 250px;
}
#response textarea {
	width: 250px;
	height: 210px;
}
#response textarea,#response  input {
	border: 1px solid #FED57E;
	margin: 5px 0px;
}
#response h3 {
	text-align: center;
}

#freephone {
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}
.freeph {
	background: #000  url('/img/freephone.png') top left no-repeat;
	padding-top: 85px;
}

#freephone input {

}
#freephone textarea {
	width: 294px;
	height: 30px;
}
#freephone textarea,#freephone  input {
	border: 1px solid #FED57E;
	margin: 2px 0px;
}

#freephone form {
	width: 300px;
	margin: 0px auto;
	}

	#freephone p {
	margin: 4px;
}
#freephone #restbl {
	text-align: left;
	font-size: 12px;
	color: #ffffff;
}
#reservation {
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}

#freebutton {
	
	float:left;
			margin:10px 5px;
	
	}
	
	#button_center {
 margin: 5px 0px;
 text-align:center;
 width:29%;
 float:left;
}



	#button_left {
 margin: 5px 0px;
 padding-left:5px;
 text-align:left;
 width:29%;
 float:left;
}
#button_right {
 margin: 5px 0px;
 text-align:right;
 width:29%;
 float:left;
}
	

.reserv {
	background: #000  url('/img/reservation_head.png') top left no-repeat;
	padding-top: 85px;
}


.reserv #red {
	text-align: center;
	color: #cccccc;
}

.order_modal {
	background: #000  url('/img/order_header.png') top left no-repeat;
	padding-top: 72px;
	color: #ffffff;
}
#fancy_ajax {
	background:#000;
}
#reservation form {
	width: 300px;
	margin: 0px auto;
}
#reservation h3 {
	font-size: 14px;
	color: #ffffff;
}
#reservation p {
	margin: 4px;
}
#reservation #restbl {
	text-align: left;
	font-size: 12px;
	color: #ffffff;
}
#reservation input {
	width: 200px;
}
#reservation textarea {
	width: 294px;
	height: 30px;
}
#reservation textarea,#reservation  input {
	border: 1px solid #FED57E;
	margin: 2px 0px;
}

#ordertbl {
	width: 100%;
	text-align: left;
	font-size: 12px;
	color: #ffffff;
}
.order_modal form {
	width: 420px;
	margin: 0px auto;
}
.order_modal h3 {
	font-size: 14px;
	color: #fed57e;
}
.order_modal td {
	padding: 2px 0px;
}
.order_modal p {
	margin: 4px;
}
.order_modal #red {
	text-align: center;
	color: #cccccc;
}
.order_modal input, .order_modal select {
	width: 100%;
}
.order_modal .shot {
	width:20px!important;
	position: relative;
	top: 2px;
	border:none;
}
.order_modal textarea {
	width: 100%;
	height: 30px;
}
.order_modal textarea,.order_modal  input {
	border: 1px solid #FED57E;
	margin: 2px 0px;
}

#service {
	margin-top: 5px;
	text-align:center;
	clear:both;
	color:#000;
}

#service img { 
width: 60px;
 }

#tbl_hotel_data {
	width: 100%;
}

#rate_star {
	float: left;
	margin-left: 15px;
}
#rate_star img {
	di_splay: block;
	margin: 6px;
}

.hotel_card  {
	margin-bottom:35px;
	border-bottom:1px dashed #888;
	
}

.hotel_card p img{
width:30px;}

.hotel_card .pre {
	float: left;
	width: 150px;
	padding-left:10px;
}
.hotel_card .pre img {
	border: none;
}
.hotel_card .tusha {
	float: left;
	width: 430px;
	position: relative;
	top: -2px;
}
.hotel_card .tusha p {
	margin: 0px 0px 6px 0px!important;

}
.hotel_card .tusha .about {
	line-height: 1.1;
}
.hotel_card .stat {
	float: right;
	width: 120px;
	text-align: center;
	margin-bottom:10px;
	margin-right:10px;
}
.hotel_card .stat table {
	width: 100%;
	margin: 5px 0px 0px 0px;
	border-collapse: collapse;
}
.hotel_card .stat td {
	border: 1px solid #cccccc;
	padding: 1px 3px;
	text-align:center;
}

#sorting {
	float:left;
	color: #ffffff;
}
#sorting div {
 	float:left;
	width: 455px;
		color: #ffffff;
		margin-bottom:20px;
		margin-left:250px;
}

#sorting div a{

		color: #ffffff;
}

#sorting #active {

		color: #73A900;
}

.str {
 	float:left;
	width: 730px;
		color: #ffffff;
		margin-bottom:20px;
		text-align:center;
	
}

.str a{

		color: #73A900;
}

.str #active {

		color: #73A900;
}

.nav_x {
	margin:3px auto;
	width:184px;
	text-align:center;
}

.center_img {
	text-align: justify;
}

#table_pop{
width:100%;
}

.td_pop{
width:50%;
vertical-align:top;
}

.block123_bg{
background:#171717;

}

.green_bold{
color: #73A900;
font-weight:bold;
}
.green{
color: #73A900;
}

.green_c{
color: #73A900;
text-align:center;
margin-bottom:20px;
}


