/* CSS Document */
body{ 
	margin:0;
	padding:0;
	background-color:#f8f1eb; 
	font: 16px/24px Arial, Helvetica, sans-serif;
	color: #979797;
}

.menu *, .apart *, .news *, .service *, .contact *, .article * {
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
}

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a{ color:#ebb126; text-decoration:underline; }
a:hover{ text-decoration:none; }

.top{ width:100%; height:auto; position:relative; }
.top_image_mobile{ display:none; visibility:hidden; }
.top_image_mobile img{ width:100%; height:auto; }
.top_image{ width:100%; height:auto; }
.top_image img{ width:100%; height:auto; }
.logo{ width:44.5%; height:auto; position: absolute; top:34%; left:28%; z-index:1000; }
.logo img{ width:100%; height:auto; }
.booking_button{ width:26.8%; height:auto; position: absolute; top:76.2%; left:36.8%; z-index:1000; }
.booking_button img{ width:100%; height:auto; }
.val{ width:25.9%; height:auto; position: absolute; bottom:0px; left:36.8%; z-index:1000; }
.val img{ width:100%; height:auto; }
.val_text{ width:100%; height:70%; position: absolute; bottom:0px; left:0px; font-size:100%; color:#FFFFFF; vertical-align:middle; text-align:center; }

.lang{ position:absolute; right:0%; top:15.6%; width:9.08%; height:auto; z-index:1000; }
.lang img{ width:100%; height:auto; }
.lang_text{ height:68%; position: absolute; bottom:0px; left:40%; font-size:100%; color:#FFFFFF; vertical-align:middle; text-align:center; }
.lang_text a{ color:#FFFFFF; }


.top1{ width:100%; height:320px; position:relative; }
.logo1{ width:25.25%; height:auto; position: absolute; top:45%; left:10%; }
.logo1 img{ width:100%; height:auto; }

.val1{ width:25.9%; height:auto; position: absolute; top:45%; right:7.4% }
.val1 img{ width:100%; height:auto; }
.val_text1{ width:100%; height:70%; position: absolute; bottom:0px; left:0px; font-size:87.5%; color:#FFFFFF; vertical-align:middle; text-align:center; }

.lang1{ position:absolute; right:0%; top:45%; width:9.08%; height:auto; }
.lang1 img{ width:100%; height:auto; }
.lang_text1{ height:80%; position: absolute; bottom:0px; left:35%; font-size:100%; color:#FFFFFF; vertical-align:middle; text-align:center; }
.lang_text1 a{ color:#FFFFFF; }


.menu{ width:100%; height:auto; position: fixed; top:0%; left:0%; z-index:1000; }

.menu_fon{ width:100%; height:62px; }
.menu_fon img{ width:100%; height:100%; border-bottom: 1px solid #dfdfdf; }

.menu_text{ position: absolute; top:0%; left:0%; width:100%; height:auto; text-align:center; line-height:62px; }
.menu_text ul{ padding:0%; margin:0%; }
.menu_text li{ display:inline-table; list-style:none; padding:0px 0px 0px 0px; margin: 0px 1% 0px 1%; border:0px solid red; }
.menu_text a{ color:#FFFFFF; font-size:100%; text-transform:uppercase; text-decoration:none; font-weight:bold; }
.menu_text a:hover{ text-decoration:underline; }


.menu_lines{ display:none; visibility:hidden; }
.menu_lines{ position:absolute; top:12px; right:2%; padding:2px; cursor:pointer; 
	border:1px solid #fff; 
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
}

.menu_text_mobile{ position: absolute; top:-250px; left:0%; width:100%; height:auto; text-align:center; margin: 0% 0% 1.5% 0%; }
.menu_text_mobile ul{ padding:0%; margin: 0% 2% 2% 2%; }
.menu_text_mobile li{ display: block; text-align:left; list-style:none; padding:0px 0px 0px 0px; margin: 0px 1% 0px 1%; border:0px solid red; }
.menu_text_mobile a{ color:#FFFFFF; font-size:100%; text-transform:uppercase; text-decoration:none; font-weight:bold; }
.menu_text_mobile a:hover{ text-decoration:underline; }



.icons{ width:100%; height:auto; position: relative; padding: 2.8% 0%; margin: 1% 0%; border-bottom: 1px solid #dfdfdf; clear:both; }
.icons1{ width:30%; height:auto; position:absolute; left:10%; top:12px; float:left; text-align:center; }
.icons1 img{ width:100%; height:auto; }
.icons2{ width:30%; height:auto; position:absolute; left:60%; top:12px; }
.icons2 img{ float:left; margin: 0px 1.5%; width:11.2%; height:auto; }

.text{ text-align:center; font-size:106.25%; line-height:137.5%; color:#979797; padding: 0% 23%; clear:both; }
.text hr{ width:20%; text-align:center; border:none; border-bottom: 1px solid #a55709; margin-bottom:5%; }
.title1{ color:#60411e; font-size:281.25%; line-height:110%; font-weight:bold; margin: 4% 0% 0% 0%; }
.title2{ color:#666666; font-size:156.25%; line-height:156%; font-style:normal; font-weight:normal; margin: 0% 0% 0% 0%; }
.title3{ color:#60411e; font-size:187.5%; line-height:156%; font-weight:bold; margin: 0% 0% 0% 0%; }

.apart{ width:80%; height:auto; padding: 2.8% 10%; margin: 1% 0%; }
.apart_short{ width:48.3%; height:100%; float:left; text-align:center; margin:0.8%; position:relative; 
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;

	-moz-box-shadow: 2px 2px 6px #a3a2a2;
	-webkit-box-shadow: 2px 2px 6px #a3a2a2;
	box-shadow: 2px 2px 6px #a3a2a2;
}
.apart_short img{ width:100%; height:100%; overflow:hidden; }
.apart_short_info { position:absolute; top:20%; left:25%; width:50%; height:auto; text-align:center; font-size:112.5%; line-height:200%; color:#FFFFFF;
	-moz-text-shadow: 2px 2px 4px #666666;
	-webkit-text-shadow: 2px 2px 4px #666666;
	text-shadow: 2px 2px 4px #666666;
}
.apart_short_info b{ font-size:150%; }
.apart_short_info hr{ border:none; border-bottom:1px solid #FFFFFF; margin:0px 10% 10% 10%; width:80%; }
.apart_short_info img{ width:52%; }
.apart_short_m2 { position:absolute; left:0%; bottom:4%; width:11.7%; height:auto; }
.apart_short_m2_text { position:absolute; left:15%; bottom:10%; width:11.7%; height:auto; color:#000000; font-size:100%; line-height:100%; text-align:center; }
.apart_short_more{ position:absolute; left:0%; bottom:0%; width:80%; padding: 2% 5% 8% 15%; height:25%; background:url(../images/fon4.png) repeat center; color: #CCCCCC; font-size:100%; line-height:100%; overflow: hidden; visibility:hidden; display:none; text-align:left; }

.apart_line{ width:98.2%; height:auto; padding:0% 0.9%; clear:both; }
.apart_line img{ width:100%; height:100%; margin-top:2%; }

.apart_facilities{ width:100%; height:auto; min-height:10px; }
.apart_facilities ul{ padding:0px; margin:3% 0.9%; }
.apart_facilities li{ float: left; width:23%; height:auto; list-style:url(../images/li.png) inside; margin-right: 2%; color:#666666; font-size:120%; line-height:100%; }

.testim{ width:80%; height:auto; margin: 0% 0% 0% 0%; padding: 10% 10% 4% 10%; position:relative; }
.testim_fon1{ display:none; visibility:hidden; }
.testim_fon{ width:100%; height:100%; position:absolute; top:0%; left:0%; }
.testim_fon img{ width:100%; height:100%; }
.testim_title{ font-size:170%; font-weight:bold; color:#FFFFFF; position:absolute; top:8%; left:25%; width:50%; text-align:center;  }
.testim hr{ width:15%; text-align:center; border:none; border-bottom: 1px solid #ffffff; margin-bottom:5%; }

.testim_text{ width:28%; margin: 1% 0% 0.5% 5%; height:auto; float:left; text-align:left; z-index:100; position: relative; color:#fff0c3; font-size:100%; }
.testim_text span{ color:#edd6be; font-size:140%; }
.testim_text hr{ width:20%; text-align:left; border:none; border-bottom: 1px solid #d8d8d8; margin: 5% 80% 5% 0%; }

.testim_readmore{ position:relative; text-align:center; text-transform:uppercase; font-size:100%; font-weight:bold; clear:both; color:#FFFFFF; 
	width:26%; margin: 0% 37% 0% 37%; padding:1%;
	border:1px solid #FFFFFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
 }
.testim_readmore a{ color:#FFFFFF; text-decoration:none; }
.testim_readmore a:hover{ text-decoration:underline; }

.service{ width:100%; height:auto; margin: 4% 0%; padding: 0% 0%; position:relative; clear:both; }

.service_fon1{ width:33.33%; height:auto; float:left; position:relative; }
.service_fon1 img{ width:100%; height:auto; }
.service_fon1_but{ position:absolute; width:50%; top:40%; left:25%; background:url(../images/fon5.png) repeat center; z-index:100; }
.service_fon1_but{ color:#FFFFFF; font-size:140%; line-height:400%; font-weight:bold; text-align:center; }
.service_fon1_but a{ color:#FFFFFF; text-decoration:none; }
.service_fon1_but a:hover{ text-decoration:underline; }

.service_fon2{ width:33.33%; height:auto; float:left; position:relative; }
.service_fon2 img{ width:100%; height:auto; }
.service_fon2_but{ position:absolute; width:50%; top:40%; left:25%; background:url(../images/fon5.png) repeat center; z-index:100; }
.service_fon2_but{ color:#FFFFFF; font-size:140%; line-height:400%; font-weight:bold; text-align:center; }
.service_fon2_but a{ color:#FFFFFF; text-decoration:none; }
.service_fon2_but a:hover{ text-decoration:underline; }

.service_fon3{ width:33.33%; height:auto; float:left; position:relative; }
.service_fon3 img{ width:100%; height:auto; }
.service_fon3_but{ position:absolute; width:50%; top:40%; left:25%; background:url(../images/fon5.png) repeat center; z-index:100; }
.service_fon3_but{ color:#FFFFFF; font-size:140%; line-height:400%; font-weight:bold; text-align:center; }
.service_fon3_but a{ color:#FFFFFF; text-decoration:none; }
.service_fon3_but a:hover{ text-decoration:underline; }

.contact{ width:100%; height:auto; margin: 4% 0% 0% 0%; padding: 0% 0%; position:relative; clear:both; }
.contact_title{ width:100%; height:auto; position:relative; text-align:center; color:#979797; font-size:130%; line-height:200%; }
.contact_title span{ color:#303030; font-size:170%; font-weight:bold; }
.contact_title hr{ border:none; border-bottom: 1px solid #dfdfdf; width:15%; text-align:center; margin-top: 0%; margin-bottom: 2%; }

.contact_fon{ width:100%; height:auto; position:relative; }
.contact_fon .map{ width:100%; height:auto; }
#map_800{ display:none; visibility:hidden; }

.contact_field{ background-color:#FFFFFF; position:absolute; width:70%; height:auto; top:7%; left:10%; padding: 5%; }

.contact_form{ width:55%; height:auto; color:#303030; font-size:120%; font-weight:bold; line-height:250%; float:left; }

.contact_1 { border:1px solid #e2e2e2; position:relative; padding:1px; margin-bottom: 2%; }
.contact_1 select { border:none; width:96%; padding: 3%; font-size:100%; }

.contact_2 { border:1px solid #e2e2e2; position:relative; padding:1px; margin-bottom: 2%; }
.contact_2 input{ border:none; width:80%; padding: 3%; }
.contact_2 img{ margin: 3%; position: absolute; top:0%; right:0%; }

.contact_3 { border:1px solid #e2e2e2; position:relative; padding:1px; margin-bottom: 2%; }
.contact_3 input{ border:none; width:80%; padding: 3%; }
.contact_3 img{ margin: 3%; position: absolute; top:0%; right:0%; }

.contact_4 { border:1px solid #e2e2e2; position:relative; padding:1px; margin-bottom: 4%; }
.contact_4 select { border:none; width:96%; padding: 3%; font-size:100%; }

.contact_text{ width:40%; height:auto; float:right; }

.contact_text_1{ color:#303030; font-size:144%; font-weight:bold; margin: 5% 0%;  }
.contact_text_2{ color:#898989; font-size:120%; margin: 5% 0%; }
.contact_text_3{ position:relative; color:#303030; font-size:100%; padding:4% 4% 4% 15%; }
.contact_text_3 img{ position:absolute; top:28%; left:0%; }
.contact_text_4{ position:relative; color:#303030; font-size:100%; padding:4% 4% 4% 15%; }
.contact_text_4 img{ position:absolute; top:28%; left:0%; }
.contact_text_4 a{ color:#303030; text-decoration:none; }
.contact_text_4 a:hover{ text-decoration:underline; }
.tel2{ display:none; visibility:hidden; }

.contact_text_5{ position:relative; color:#303030; font-size:100%; padding:4% 4% 4% 15%; }
.contact_text_5 img{ position:absolute; top:28%; left:0%; }
.contact_text_5 a{ color:#303030; text-decoration:none; }
.contact_text_5 a:hover{ text-decoration:underline; }

.news{ width:80%; height:auto; margin: 0% 0% 0% 0%; padding: 10% 10% 4% 10%; position:relative; clear:both; }
.news_title{ font-size:170%; font-weight:bold; color:#303030; position:absolute; top:10%; left:25%; width:50%; text-align:center;  }
.news hr{ width:15%; text-align:center; border:none; border-bottom: 1px solid #dfdfdf; margin-bottom:5%; }

.news_text{ width:28%; margin: 0% 0% 5% 5%; height:auto; float:left; text-align:left; z-index:100; position: relative; color:#707070; font-size:100%; }
.news_text span{ color:#303030; font-size:140%; }
.news_text hr{ width:20%; text-align:left; border:none; border-bottom: 1px solid #dfdfdf; margin: 5% 80% 5% 0%; }

.news_readmore{ position:relative; text-align:center; text-transform:uppercase; font-size:100%; font-weight:bold; clear:both; color:#a55709; 
	width:26%; margin: 0% 37% 0% 37%; padding:1%;
	border:1px solid #a55709;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
 }
.news_readmore a{ color:#a55709; text-decoration:none; }
.news_readmore a:hover{ text-decoration:underline; }

.text_bottom{ font-size:100%; color:#999999; text-align:center; padding: 0% 10% 0% 12%; }

.bottom{ background-color:#60411e; color:#FFFFFF; font-size:93%; padding: 2% 5% 2% 13%; margin-top:4%; position:relative; clear:both; }
.bottom img{ width:2%; height:auto; position: absolute; left:49%; bottom:40%; }


.apart_full{ text-align:center; font-size:106.25%; line-height:137.5%; color:#979797; padding: 0% 10%; clear:both; }
.apart_full hr{ width:20%; text-align:center; border:none; border-bottom: 1px solid #a55709; margin-bottom:5%; }

	.prod_photo { float:left; width: 48%; margin : 0px 2% 0px 0px; text-align : right; }
	
	.prod_photo img.view {width : 100%; height : auto; margin : 0px 0px 0px 0px; float : left; position : relative;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
	
		-moz-box-shadow: 2px 2px 6px #a3a2a2;
		-webkit-box-shadow: 2px 2px 6px #a3a2a2;
		box-shadow: 2px 2px 6px #a3a2a2;
	}
	.prod_photo a.img_link { margin: 10px 6px 0px 0px; float : left; position : relative; display : inline-block; background : #FFFFFF;}
	.prod_photo a.img_link img.preview { height : 100px; cursor : pointer; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ -moz-opacity: 0.6; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */}
	.prod_photo a:hover.img_link img.preview { height : 100px; cursor : pointer; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/ -moz-opacity: 1; /* Mozilla 1.6 и ниже */ -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */ opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */}
	.prod_photo a.sel {background : url(../images/prod_sel_bg.jpg) center center;}
	.hid {display : none;}

.apart_photos{ position:relative; height:120px; }
.apart_photos_body{ position:absolute; top:0px; left:0px; width:100%; height: auto; overflow:auto; display:block; z-index:1; border: 0px solid green; }
#slidable1{ position:relative; width:100%; z-index:1; }

.apart_photos_left{ position:absolute; top:40%; left:2%; width: auto; height:20%; z-index:100; transition-duration: 0s; }
.apart_photos_right{ position:absolute; top:40%; right:2%; width: auto; height:20%; z-index:100; transition-duration: 0s; }
#slidable_container1{ overflow:hidden; }


.apart_text{ float:right; width:50%; text-align:left; font-size:106%; color:#979797; font-weight:normal; }
.apart_cost{ position:relative; width:38%; height:auto; padding:0%; margin: 0% 0% 4% 0%; }
.apart_cost img{ width:100%; height:auto; }
.apart_cost1{ position:absolute; top:22%; left:10%; width:100%; height:100%; color:#000000; font-size:87%; }
.apart_cost1 span{ color:#000000; font-size:187%; }

.apart_forma{ font-size:106.25%; line-height:137.5%; color:#979797; padding: 0% 10%; clear:both; }

.apart_forma input, .apart_forma textarea{
	border: 1px solid #d9d1cb;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}

.book_out{ position: relative; width:100%; height:380px; margin-top:2%; font-size:87.5%; border: 0px solid #99FF99; }

.book1{ position:absolute; top:5%; left:0%; width:33%; height:300px; border: 0px solid #CCCCCC; }
.book1_title{ position:absolute; top:0px; left:10px; width:282px; height:20px; color: #000000; font-size:118.5%; font-weight:bold; padding: 0px 0px 5px 0px; border-bottom: 5px solid #cecac7; }

.book1_body{ position:absolute; top:35px; left:0px; padding: 3px 0px 0px 10px; border: 0px solid red; }
.book1_body table{ width:100%; border-collapse:separate; padding: 4px 0px; }
.book1_body table tr td{ padding: 0px 0px 2px 0px; }
.book1_body input{ width:200px; height:40px; padding:0px; }
.book1_body span{ }

.book2{ position:absolute; top:5%; left:33%; width:33%; height:300px; border: 0px solid green; }
.book2_title{ position:absolute; top:0px; left:10px; width:300px; height:20px; color: #000000; font-size:118.5%; font-weight:bold; padding: 0px 0px 5px 0px; border-bottom: 5px solid #cecac7; }

.book2_body{ position:absolute; top:35px; left:10px; padding: 3px 0px 0px 0px; border: 0px solid red; }
.book2_body table{ width:100%; border-collapse:separate; padding: 4px 0px; }
.book2_body table tr td{ padding: 0px 0px 2px 0px; }
.book2_body input{ width:300px; height:40px; padding:0px; }
.book2_body span{ }
#arrival2, #eviction2{ width:130px; }
#radio1, #radio2{ width:15px; height:15px; }

.book3{ position:absolute; top:5%; left:66%; width:33%; height:300px; border: 0px solid blue; }
.book3_title{ position:absolute; top:0px; left:10px; width:308px; height:20px; color: #000000; font-size:118.5%; font-weight:bold; padding: 0px 0px 5px 0px; border-bottom: 5px solid #cecac7; }

.book3_body{ position:absolute; top:35px; left:10px; padding: 3px 0px 0px 0px; border: 0px solid #999966; }
.book3_body table{ width:100%; border-collapse:separate; padding: 4px 0px; }
.book3_body table tr td{ padding: 0px 0px 2px 0px; }
.book3_body textarea{ width:300px; height:110px; }
.book3_body img{ margin:5px 0px;}
.book3_body input{ width:125px; height:40px; padding:0px; }

.book4{ position:absolute; top:320px; left:31%; text-align:center; margin-bottom:2%; }
.book4 span{ color:#000000; font-size:100%; text-transform:uppercase; font-weight:bold; }

.article{ text-align:left; font-size:130%; line-height:137.5%; color:#979797; padding: 0% 10%; clear:both; }
.article hr{ width:20%; text-align:center; border:none; border-bottom: 1px solid #a55709; margin-bottom:5%; }


.location{ width:100%; height:500px; }
.location iframe{ width:100%; height:100%; }

.sauna img{ float:left; margin:0% 1% 1% 0%; width:45%; 
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
	
		-moz-box-shadow: 2px 2px 6px #a3a2a2;
		-webkit-box-shadow: 2px 2px 6px #a3a2a2;
		box-shadow: 2px 2px 6px #a3a2a2;
}

.testim1{ float:left; margin:0% 1% 1% 0%; width:45%; height: 300px; padding:2%; font-size:87.5%; overflow:hidden;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
	
		-moz-box-shadow: 2px 2px 6px #a3a2a2;
		-webkit-box-shadow: 2px 2px 6px #a3a2a2;
		box-shadow: 2px 2px 6px #a3a2a2;
}
.pager{ width:100%; clear:both; margin: 2% 0%; padding: 1%; }
.pager a, .pager b, .pager img{ margin: 0% 10px; font-size:120%; }
.pager a img { margin: 0%; }

.form{ margin: 1% 1%; clear:both; }
.form input, .form textarea, .form select{ 
	border: 1px solid #d9d1cb;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}

.form input, .form select { width:300px; height:40px; padding:0px; }
.form textarea{ width:296px; height:110px; }

.form1, .form2{ float:left; margin-right: 1%; }

.news1{ float:left; margin:0% 1% 1% 0%; width:45%; height: 250px; padding:2%; font-size:87.5%;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
	
		-moz-box-shadow: 2px 2px 6px #a3a2a2;
		-webkit-box-shadow: 2px 2px 6px #a3a2a2;
		box-shadow: 2px 2px 6px #a3a2a2;
}

.serv_out{ width:100%; height:500px; }
.serv{ width:45%; height:100%; margin: 0% 2% 5% 0%; padding:1%; float: left; 
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
	
		-moz-box-shadow: 2px 2px 6px #a3a2a2;
		-webkit-box-shadow: 2px 2px 6px #a3a2a2;
		box-shadow: 2px 2px 6px #a3a2a2;
}

