/* www.kinglike.ru | 2012 */

@font-face {font-family:"Open Sans";src:url("../OpenSans-Regular.eot") format("eot"),url("../OpenSans-Regular.woff") format("woff"),url("../OpenSans-Regular.ttf") format("truetype"),url("../OpenSans-Regular.svg") format("svg");font-weight:normal;font-style:normal;}
	
/* --- HTML --- */
*{ margin: 0; padding: 0;}
body{font-family: Arial, Helvetica, sans-serif; color: #000; font-size:100.01%; background:#87888a;}
html, body{height: 100%;}
table, th, td {font-size:100%; border-collapse: collapse;}
table,img {border:0;}
a{color: #aa524a; text-decoration: none;}
a:hover{ text-decoration: underline;}

h1, h2, h3{color: #aa524a; font-weight: normal;}
h2{font-size: 1.4em; line-height: 1.4em; margin-bottom: 0.2em; padding-top: 0.8em;}
h2.text_h2{margin-bottom: 12px; font-size: 1.2em; padding-top: 0;}
h3.text_h3{margin-bottom: 6px;}

p{margin-bottom: 14px;}
p.image_p{position: relative; left: -10px;}
p.podpis{text-align: center; color: #aa524a; font-style: italic}

.clear{ clear: both; height: 1px; font-size: 1px;}
.clear_l{ clear: left; height: 1px; font-size: 1px;}

.green{color: #35a845;}
.red{color: #aa524a;}
.grey{color: #bfc2c6;}
.pink{color: #c79cb7;}

ul{ margin-bottom:16px; padding-left:12px;}
ul li{ padding-bottom:4px;}

small{font-size:0.9em;}


#main{position:relative; min-height:100%; margin: 0; min-width: 997px;font-size:0.8em; background:#dcdbd8 url(../images/bg_texture.jpg) repeat 50% 0%;}
/*For IE*/* html #main{width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'997px':'100%'); height:100%;}	
div.in{width:997px; margin:0 auto;}


/*--- TOP ---*/
div#top_line{height: 16px; background: url(../images/black.png) repeat-x 0 100%;}
div#top_block{padding: 10px 0 0 0;}	
	div#logo{float: left; padding: 10px 0 0 10px;}
	div#telephone{float: left; width: 290px; padding: 32px 0 0 110px; text-align: center;}
	div#telephone2{float: right; width: 300px; padding: 32px 0 0 40px; text-align: center; }
		span.tel{font-size: 30px; line-height: 30px; color: #aa524a; font-family: Trebuchet MS; font-weight: bold;}
		small.tel_s{display: block; text-align: center; color: #4f565a; padding-top: 2px}


div#top_menu{padding: 25px 0 0 0; height: 28px;}
	ul#top_menu_ul{list-style: none; font-family:'Open Sans', sans-serif}
	ul#top_menu_ul li{display: block; background: url(../images/bg_menu.png) repeat-y 100% 0; float: left; height: 28px;}
		ul#top_menu_ul li.end{background: none;}
	ul#top_menu_ul li a{cursor: pointer; display: block; float: left; color: #393939; font-size: 1.47em; padding: 8px 1em;
	outline-color: rgb(57, 57, 57); outline-style: none; outline-width: 0px;  line-height: 16px;}
	ul#top_menu_ul li a:hover, ul#top_menu_ul li a.hover{text-decoration: none; background: #aa524a; color: #fff;}

/*--- CONTENT ---*/
div#content_main{padding: 30px 27px; }
div#content_main h1{margin-bottom: 16px;}
div.text_in{font-size: 1.1em;}
div.text_main{font-size: 1.1em; position: relative; margin: 0px 0 0 0;}
div.text_main h2{line-height: 1em; margin-bottom: 12px;}
h1.main_title{font-size: 1.6em; margin-bottom: 10px; line-height: 1em;text-shadow: 1px 2px 2px rgba(0,0,0,0.3); }

div#youtube{float: left; position: relative; left: -14px; margin: 0px 24px 0 0; padding: 50px 0 30px 0;}
	div.t_main_l{float: left; width: 42%;}
	div.t_main_r{float: right; width: 53%;}
	
	
	div.contacts{float: left;}
	table.phone{ margin-bottom: 36px;}
	table.phone td{padding: 2px 8px 2px 0; vertical-align: middle;; line-height: 1.4em;}
		table.phone td.phone_l{width: 125px; font-size: 1.3em; padding-right: 16px; text-align: right;}
		table.phone td.phone_c{text-align: right; }
		table.phone td.adress{text-align: left; }
			table.phone td.phone_c strong{color: #aa524a; font-size: 1.6em; font-weight: normal;}		
			table.phone td.adress strong{color: #aa524a; font-size: 1.3em; font-weight: normal;}
			
	table.spasibo{}
	table.spasibo td{height: 60px; vertical-align: middle; padding: 0 16px; line-height: 1.2em;}
	
	table.price_list{position: relative; margin-left: -10px;}
	table.price_list td, table.price_list th{padding: 7px 10px 7px 10px; vertical-align: middle; border-bottom: 1px #aa524a solid; }
		table.price_list th{font-weight: bold; text-align: left;}

	
div#content_main_left{float: left; width: 17%;line-height: 1.3em; padding: 0 0 10px 0;}
div#content_main_right{font-size: 1.1em; line-height: 1.3em; padding: 7px 0 0 0; float: right; width: 78%}
div#content_main_right h1{font-size: 1.6em;}

div.mob_ramp_vrem{width: 78%; margin: 0 auto; font-size: 1.1em; line-height: 1.3em; padding: 7px 0 0 0;}


	div#menu_left{ position: relative; margin-left: -5px; padding: 10px 0 0 0;}
		ul#menu_left_ul{ list-style: none; padding: 6px 0 20px 0; margin: 0;font-family:'Open Sans', sans-serif; width: 170px; min-height: 10px;border-top: 1px #c9c9c9 solid }
		ul#menu_left_ul li{margin: 0 0 6px 0; padding: 0; border-bottom: 1px #c9c9c9 solid }
		ul#menu_left_ul li a{cursor: pointer; display: block; color: #383838; font-size: 1.25em; padding: 6px 8px;
	outline-color: rgb(57, 57, 57); outline-style: none; outline-width: 0px; letter-spacing: 0.06em; line-height: 16px; margin-bottom: 6px;}
		ul#menu_left_ul li a:hover,ul#menu_left_ul li.hover a{text-decoration: none; color: #aa524a;}
	
	div.image_right{float: right; padding: 4px 0 12px 22px;}
	div.image_left{float: left; padding: 4px 22px 12px 0;}
	
	div.sistemi_l{float: left; width: 400px; }
	div.sistemi_r{float: right; width:500px;}
	

div#yandex_map{clear: both; padding-left: 10px;}
	
	a.pdf{background: url(../images/pdf.png) no-repeat 0 0; padding:6px 0 4px 38px; display: block;}
		
	
	
	
/*--- FOOTER ---*/
div#footer_block{height: 330px;}

#footer_main{height: 330px; margin: -330px auto; position: relative; z-index:100; min-width:997px; background: #262626 url(../images/black_b.png) repeat-x 0 0; font-size:0.8em;}
/*For IE*/* html #main{width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'997px':'100%'); height:100%;}	

	div#part{height: 147px; background: url(../images/bg_part.png) repeat-x 0 -1px; position: relative;}
		div#part_in{width: 980px; margin: 0 auto; padding: 27px 0 0 0;}
			div#part_in a{display: block; float: left; cursor: inherit;position: relative;}
			div#part_in a span{display:block}
				a#part1{background: url(../images/part_1.png) no-repeat 0 0; height: 51px; width: 103px; margin-right: 49px;  margin-top: 23px;}
				a#part1 span{background: url(../images/part_1.png) no-repeat 0 -51px; height: 51px;}
				
				a#part2{background: url(../images/part_2.png) no-repeat 0 0; height: 95px; width: 77px; margin-right: 38px;}
				a#part2 span{background: url(../images/part_2.png) no-repeat 0 -95px;height: 95px;}
				
				a#part3{background: url(../images/part_3.png) no-repeat 0 0; height: 29px; width: 165px; margin-right: 49px; margin-top: 34px;}
				a#part3 span{background: url(../images/part_3.png) no-repeat 0 -29px; height: 29px;}
				
				a#part4{background: url(../images/part_4.png) no-repeat 0 0; height: 54px; width: 70px; margin-right: 45px; margin-top: 25px;}
				a#part4 span{background: url(../images/part_4.png) no-repeat 0 -54px;height: 54px;}
				
				a#part5{background: url(../images/part_5.png) no-repeat 0 0; height: 62px; width: 130px; margin-top: 10px;margin-right: 44px; }
				a#part5 span{background: url(../images/part_5.png) no-repeat 0 -63px; height: 62px;}
				
				a#part6{background: url(../images/part_6.png) no-repeat 0 0; height: 45px; width: 196px; margin-top: 27px;}
				a#part6 span{background: url(../images/part_6.png) no-repeat 0 -45px;height: 45px; }
	
		
		
	div#foot_top{height: 175px; position: relative;}
	div#foot_bot{background: #2b2b2b; color: #8a8a8a; border-top: 1px #3a3b3d solid; padding: 9px 0 0 0; height: 24px; text-align: center; font-size: 0.9em;}
		div#foot_bot_in{width: 970px; margin: 0 auto; position: relative;}
			div#copyright{float: left;}
			div#dev{float: right; padding-right: 11px;}
			div#dev a{color: #8a8a8a}
			div#dev a:hover{color: #fff; text-decoration: none;}
		
		div#social{position: absolute; width: 32px; height: 32px; top: -176px;right: 8px;}
			a.twitter{ width: 32px; height: 32px; background: url(../images/icon_tw.png) no-repeat 0 0; display: block; opacity: 0.4;}
			a.twitter span{display: none;}
			a.twitter:hover{opacity: 1}
		div#twitter_block{position: absolute; width: 200px; height: 100px; top: -176px;right: 18px;}
		
	ul#foot_menu{list-style: none; margin: 0 auto; padding: 16px 0 0 0; width: 974px; font-size: 0.9em; color: #8a8a8a}
	ul#foot_menu a{color: #dcdcdc;}
	ul#foot_menu a:hover{color: #8a8a8a; text-decoration: none;}
	ul#foot_menu li{width: 19.5%; float: left;}
	ul#foot_menu li ul{list-style: none; margin: 0 0 0 4px; padding: 0 0 0 7px; font-size: 0.95em; border-left: 1px #8a8a8a solid; position: relative; top: 7px;}
	ul#foot_menu li ul li{width: auto; float: none; margin: 0 0 2px 0; padding: 1px 0;}
			
			
/*ADD1*/
div#contact_form{width: 330px; position: relative; float: right;}
div#contact_form h2{position: absolute; margin: -48px 0 0 0; text-align: right; width: 278px; }

.blocks p {
margin-bottom:15px;
position:relative;
}

.btn {
display:block;
float:right;
height:31px;
line-height:31px;
padding:0 20px;
background:url(../images/bgbtn.jpg) repeat-x 0;
font-weight:bold;
font-size:15px;
border:1px solid #e1e0df;
outline:none;
color: #aa524a;
}

.text,
.textarea {
padding:3px 10px;
height:27px;
border:1px solid #ddd;
color:#333;
background:url(../images/bginput.jpg) repeat-x bottom #fff;
position:relative;
z-index:2; font-size: 13px;
}

.text {
width:190px;
}

.textarea {
height:90px;
width:190px;
}

.blocks label {
float:left;
width:100px;
line-height:37px;
text-align:right;
margin-right:15px;
font-weight:normal;
font-size: 1.2em;
}

.blocks label.error,
.blocks label.ok {
position:absolute;
z-index:1;
top:-4px;
left:110px;
padding:15px 15px 15px 230px;
/*reset label*/
width:auto;
text-align:left; font-size: 1em; line-height: 1.1em;;
margin:0;
background-repeat:no-repeat;
background-position:257px 16px; 
}

.blocks label.ok {
background-color:#deefca;
color:#577530;
}

.blocks label.error {
background-color:#f5d6d7;
color:#c81925;
}

.area label.ok,
.area label.error {
height:76px;
padding-left:230px;
background-position:387px 16px;
}

/* CSS3 */
.btn,
.text,
.textarea,
.blocks label.error,
.blocks label.ok { 
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px; cursor: pointer;}


/* Easy Slider */

	div#projects{position: relative; width: 500px; float: right; height: 430px; margin: 0 -10px 30px 40px;}
	div#projects.proj_in{margin: 0 auto 2px auto; float: none; font-size: 0.9em;}
	div#projects h2{margin-bottom: 12px;}
	
	div#projects2{position: relative; width: 750px; float: right; height: 616px; margin: 0 -10px 30px 40px;}
	div#projects2.proj_in{margin: 0 auto 2px auto; float: none; font-size: 0.9em;}
	div#projects2 h2{margin-bottom: 12px;}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{}
	#slider li{ 
		width:500px;
		height:375px;
		overflow:hidden; position: relative;
		}
		#slider2 li{ 
		width:750px;
		height:563px;
		overflow:hidden; position: relative;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:none;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:0em 0;
		padding:10px 0 0 0;
		height:18px; position: relative; z-index: 10;
		}
		#projects2 ol#controls{width: 700px; margin: 0 auto; text-align: center; height: 20px; padding: 12px 0 0 0;;}
		#projects2 ol#controls li{float: none; display: inline;}
		#projects2 ol#controls li a{float: none; padding: 3px 6px;}
	ol#controls li{
		margin:0 2px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:0;
		background:;
		color:#000;
		padding:0 6px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background: #8a8a8a; color: #fff;
		border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	div.opisanie{position: absolute; z-index: 10; left: 15px; top: 330px; color: #fff; font-size: 1.1em; text-shadow: 1px 1px 2px black, 0 0 1em black;}
		#slider2 div.opisanie{top: 515px;}
	div.opisanie strong{display: block;}
/* // Easy Slider */