@charset "utf-8";
/**
 * © °dewpoint
 * @date 01.2014
 */

@import url(http://fonts.googleapis.com/css?family=Roboto:500,500italic&subset=latin,cyrillic);

body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	color: #3b3838;
}

 * html #contain {height: expression(document.body.clientHeight > 50 ? "100%" :"50px");}

a {color: #d50825; outline: none; -moz-appearance: none;}

h1, h2, h3,
.h1, .h2 {font-family: 'Roboto', sans-serif; font-weight: 500;}
h1, h2, h3, h4, h5, h6,
.h1, .h2 {color: #1d1d1b;}
input, textarea {outline: none; -moz-appearance: none;}
input:focus, textarea:focus {border: medium none; background: none repeat scroll 0 0 #fff;}

.wrapper {
	width: 980px;
    margin: 0 auto;
	position: relative;
	padding: 0 10px;
}

#contain {
	overflow: hidden;
    position: relative;
	min-height: 100%;
	min-width: 1000px;
	margin: 0 auto;
	z-index: 1;
}

/*---------------------------------- header -----------------------------------*/
header {
	height: 115px;
	position: relative;
	z-index: 5;
}

	#logo {
		float: left;
		padding: 28px 0 0;
	}
	
	.head_content {
		padding: 38px 0 0 210px;
	}
	
		#feedback {
			background: url("../images/btn_pattern.png") repeat scroll 0 0 transparent;
		    border-bottom: 1px solid #980016;
		    color: #FFFFFF;
		    cursor: pointer;
			font-size: 11px;
		    display: block;
		    font-family: 'Roboto',sans-serif;
		    /*left: 210px; */
            right: 0px;
		    padding: 6px 7px 4px;
		    position: absolute;
		    text-transform: uppercase;
		        top: 59px;
		}
		
		#orderCall {
			background: url("../images/btn_pattern.png") repeat scroll 0 0 transparent;
		    border-bottom: 1px solid #980016;
		    color: #FFFFFF;
		    cursor: pointer;
			font-size: 11px;
		    display: block;
		    font-family: 'Roboto',sans-serif;
		    /*left: 335px; */
            right: 125px;
		    padding: 6px 7px 4px;
		    position: absolute;
		    text-transform: uppercase;
		    top: 59px;
		}

        .phones_block {
    position: absolute;
    right: 0;
    top: 30px;
        }
		
		#sidefeedback {
			background: url("../images/btn_pattern.png") repeat scroll 0 0 transparent;
		    border-bottom: 1px solid #980016;
		    color: #FFFFFF;
		    cursor: pointer;
			font-size: 11px;
		    display: block;
		    font-family: 'Roboto',sans-serif;
		    left: 210px;
		    padding: 6px 7px 4px;
		    text-transform: uppercase;
			  width: 110px;
			  text-align: center;
			  margin: 0 auto;
		}
	
		.head_content .social {
			text-align: right;
			margin-bottom: 5px;
		}
		
			.social a {
				background: url("../images/social.jpg") no-repeat scroll 0 0 transparent !important;
			    display: inline-block !important;
			    height: 18px !important;
			    margin: 0 0 0 3px !important;
			    text-decoration: none !important;
			    width: 18px !important;
			}
			
				.social a.pluso-facebook {background-position: 0 0 !important;}
				.social .pluso-twitter {background-position: -21px 0 !important;}
				.social .pluso-vkontakte {background-position: -42px 0 !important;}
				.social .in {background-position: -63px 0;}
			
				.social .pluso-facebook:hover, .social .pluso-facebook:active {background-position: 0 -23px !important;}
				.social .pluso-twitter:hover, .social .pluso-twitter:active {background-position: -21px -23px !important;}
				.social .pluso-vkontakte:hover, .social .pluso-vkontakte:active {background-position: -42px -23px !important;}
				.social .in:hover {background-position: -63px -23px;}
				.social {
					min-height: 30px;
					float: right;
					width: 100%;
				}
				a.pluso-more {
					display: none;
					width: 0;
					height: 0;
					opacity: 0;
				}
				.foot-soc {
					position: absolute;
					top: 78px;
					left: 287px;
					float: left;
				}
			.slider-text .slider {
				margin: -20px 1px 5px;
				float: left;
				position: relative;
				width: 748px;
				height: 450px;
				overflow: hidden;
			}
			.slider-text .slider .s-cont {
				float: left;
				width: 710px;
				margin: -20px 19px 0;
				height: 143px;
				overflow: hidden;
			}
			.slider-text .slider .s-prev {
				cursor: pointer;
				position: absolute;
				left: 0px;
				top: 150px;
				background: url("img/prev.png") scroll no-repeat 0 0;
				float: left;
				width: 20px;
				height: 39px;
				z-index: 15;
			}
			.slider-text .slider .s-next {
				cursor: pointer;
				position: absolute;
				right: 0px;
				top: 150px;
				background: url("img/next.png") scroll no-repeat 0 0;
				float: left;
				width: 20px;
				height: 39px;
				z-index: 15;
			}
			.slider-text .slider .s-left {
				cursor: pointer;
				position: absolute;
				left: 0px;
				top: 385px;
				background: url("img/prev_s.png") scroll no-repeat 0 0;
				float: left;
				width: 12px;
				height: 23px;
				z-index: 15;
			}
			.slider-text .slider .s-right {
				cursor: pointer;
				position: absolute;
				right: 0px;
				top: 385px;
				background: url("img/next_s.png") scroll no-repeat 0 0;
				float: left;
				width: 12px;
				height: 23px;
				z-index: 15;
			}

			.slider-text .slider .s-prev:hover, .slider-text .slider .s-next:hover,
			.slider-text .slider .s-left:hover, .slider-text .slider .s-right:hover {
				background-position: 0 bottom;
			}



			.row-g {
				clear: left;
				float: left;
				width: 750px;
				margin-bottom: 10px;
				/*margin-top: 2px;*/
			}
			.row-g a img:hover {
				box-shadow: 0 0 10px -1px #000 !important;
			}



			.s-imgs , .slider .my_slid {
				float: left;
				position: relative;
				width: 748px;
				height: 345px;
				overflow: hidden;
				text-align: center;


			}
			.my_top{
				float: left;
				position: absolute;
				top: 0;
				left: 0;
				width: 748px;
				height: 78px;
				background: url("img/top_sli.png") scroll no-repeat 0 0;
			}
			.slid {
				position: relative;
				margin: 24px auto 0;
				display: block;
			}
			.slid a{
				position: relative;


			}
			.my_slid img {


				/*float: left;*/
			}

			.top-l {
				float: left;
				position: absolute;
				top: -312px;
				left: -26px;
				width: 78px;
				height: 78px;
				background: url("img/top_sli.png") scroll no-repeat 0 0;
			}
			.top-r {
				float: right;
				position: absolute;
				top: -310px;
				right: -24px;
				width: 78px;
				height: 78px;
				background: url("img/top_sli.png") scroll no-repeat right 0;
			}
			.bot-l {
				float: left;
				position: absolute;
				top: -39px;
				left: -26px;
				width: 78px;
				height: 78px;
				background: url("img/bot_sli.png") scroll no-repeat 0 0;
			}
			.bot-r {
				float: right;
				position: absolute;
				top: -39px;
				right: -24px;
				width: 78px;
				height: 78px;
				background: url("img/bot_sli.png") scroll no-repeat right 0;
			}
			.s-cont-b img {
				float: left;
				cursor: pointer;
				margin: 21px 8px 0;
			}
#tisers {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.text .rows {
	float: left;
	width: 100%;
}
.text .rows .row {
	float: left;
	width: 139px;
	padding: 0 0 0 32px;
	margin: 0 0 24px 32px;
	background: url("img/br_l.png") scroll repeat-y 0 0;
}
.text .rows .row.first {
	padding-left: 0;
	margin-left: 0;
	background: none;
}
.text .rows .row a {
	float: left;
	width: 100%;
	text-align: center;
}

.sys_buttons {
	clear: left;
}
		
			.phones {
				background: url("../images/icon_phone.png") no-repeat scroll 0 3px transparent;
				color: #000000;
			    font-size: 14px;
				line-height: 18px;
				padding: 0 0 0 14px;
				margin-top: 9px;
			}					
	
			nav ul li {
				float: left;
    			margin-left: 22px;				
			}
			
			nav ul li:first-child {
				margin-left: 0;				
			}
			
			nav ul li:hover,
			nav ul li.active {
				background: url("../images/btn_pattern2.png") repeat scroll 0 0 transparent;
				border-bottom: 1px solid #980016;
				margin: 0 -15px 0 7px;
			}
			
			nav ul li:hover:first-child,
			nav ul li.active:first-child {
				margin: 0 -15px;
			}
			
				nav ul li a {
					color: #1d1d1b;
				    display: block;
				    font-size: 16px;
				    line-height: 20px;
					text-decoration: underline;
                        font-weight: bold;
				}
				
					nav ul li a span {
						display: block;
						padding: 6px 0 8px;
					}

				nav ul li:hover a,
				nav ul li.active a {
					color: #ffffff;		
					margin-bottom: -1px;
					text-shadow: 0 -1px 0 #a2061c;			
				}
				
					nav ul li:hover a span,
					nav ul li.active a span {
						background: url("../images/btn_right.png") no-repeat scroll right 0 transparent;
						padding: 6px 15px 8px;
					}

/*------------------------------------------------ promo ----------------------------------------------*/
#promo {	
	/*background-color: #D50825; */
    background: url('http://yutland.by/res/images/btn_pattern.png');
	margin: 0 -70px 33px;
    position: relative;
    z-index: 2;
}

.promo_wrapper {
	width: 100%;
	position: relative;
}

/*------------------------------------------------ main ----------------------------------------------*/
#main {	
	position: relative;
    z-index: 3;
}

	#main h1 {
		font-size: 30px;
		font-weight: normal;
	    line-height: 34px;
 		padding: 0 0 20px;
	}
		
	/* ----- catalog ----- */
			
			.catalog_box .catalog_item {
				float: left;
			    margin-left: 30px;
			    width: 222px;
			}
			
			.catalog_box .catalog_item:first-child {
				 margin-left: 0;
			}
			
				.catalog_box .catalog_item .cat_announce {
					color: #6A6A6A;
				    font-size: 12px;
					line-height: 18px;
					margin-bottom: 12px;
                    color:#000000;
                        font-weight: bold;
				}
				
				.catalog_item .catalog_more .img {
					/*border-bottom: 1px solid #D3D3D2;*/
				    margin-bottom: 14px;
				    padding: 0 0 12px;
				}

					.catalog_item .catalog_more img {
						/*height: 166px;    */
						display: block;
                            margin: 0 auto;
					}

					     callback_big

.callback_big {
  line-height: 0.5;
  text-align: center;
}
.callback_big span {
  display: inline-block;
  position: relative;
}
.callback_big span:before,
.callback_big span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #d3d3d2;
  top: 0;
      width: 423px;
}
.callback_big span:before {
  right: 100%;
  margin-right: 15px;
}
.callback_big span:after {
  left: 100%;
  margin-left: 15px;
}

			.catalog_box .text a {color: #000;text-decoration:none;}
				.catalog_box .text a span {color: #000000;}

#complex {
margin-top:30px;
margin-bottom:30px;
}

#complex h3{
color: #000;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

#complex p {
padding:20px 0px 20px 0px;
    text-align: center;
    font-size:14px;
}

#complex .items {
width:100%
}

#complex .items .item {
width:19%;
text-align: center;
display:inline-block;
position:relative;
}


#complex .items .item .text {
color:#292929;
font-weight:bold;

}

#complex .items .item:after {
/*arrow_right.jpg */
content: url('/res/images/arrow_right.jpg');
    position: absolute;
    top: 30px;
    right: -10px;
}

#complex .items .item:last-child:after  {
/*arrow_right.jpg */
content: '';
}

#logos {
  margin-top:30px;
width:100%;
border-top: 1px solid #D3D3D2;
}

#logos img{
    margin-top: 10px;
    margin-bottom: -25px;
}

/*----------------------------------------------- inner -----------------------------------------------*/
#inner {
	padding: 0 0 10px;
	position: relative;
    z-index: 2;
}

	.page_title {
		padding: 0px 0 10px;
	}

		.page_title h1,
		.page_title .h1 {			
		    display: inline;
		    font-size: 30px;
		    font-weight: 500;
			line-height: 56px;
			margin-right: 10px;
			color: grey;
		}

		.breadcrumbs {
			color: #1d1d1b;		
			display: inline;
		    font-size: 11px;
		    white-space: nowrap;
		}
		
			.breadcrumbs a {
				color: #cfcece;
			}
			
				.breadcrumbs a span {
					color: #5f5c5c;
				}
			
			.breadcrumbs .delim {
				color: #cfcece;
			    display: inline-block;
			    margin: 0 3px;
			    vertical-align: baseline;
			}
			
	#middle {
	    height: 1%;
	    position: relative;
	    width: 100%;
	}
	
	#middle:after {
	    clear: both;
	    content: "";
	    display: table;
	}
	
		#container {
		    float: left;
		    overflow: hidden;
		    width: 100%;
		}
			
			#innerContent {
			    padding: 0 0 0 230px;
			}
			
	#sideLeft {
	   	float: left;
	    margin-left: -100%;
	    position: relative;
	    width: 180px;
	}
	
		#sidebar {
			padding: 5px 0 33px;
		}
	
			#submenu li {
			    color: #2A2727;
			    font-size: 18px;
			    margin-bottom: 8px;
			    padding: 7px 0;
			    text-decoration: none;
			}

				#submenu li a {
					border-bottom: 1px solid #f2b4bd;
   					text-decoration: none;							
				}

			#submenu li.active {
				border: 3px solid #ef7c00;
			}

				#submenu li:hover a,
				#submenu li.active a {
					border-bottom: 1px solid transparent;
				}
				
				#submenu li.expanded .level2 {
					padding: 7px 0 5px 10px;
				}
				
					#submenu li.expanded .level2 a,
					#submenu li.expanded .level2 .active {
						display: block;
					    font-size: 14px;
					    line-height: 18px;
					    margin: 4px 0 6px;
					    padding: 0 10px;
					}
					
					#submenu li.expanded .level2 a {
						background: url("../images/bg_li.png") no-repeat scroll 0 9px transparent;
						border-bottom: medium none;
					}
				
						#submenu li.expanded .level2 a span {
							border-bottom: 1px solid #F2B4BD;
						}
						
					#submenu li.expanded .level2 .active {
						background: url("../images/bg_li_act.png") no-repeat scroll 0 9px transparent;
						color: #1d1d1b;
					}
						
						#submenu li.expanded .level2 a:hover span,
						#submenu li.expanded .level2 a.active span {
							border-bottom: 1px solid transparent;
						}		

		#infobar {
			background: url("../images/brd_info.png") repeat-x scroll 0 0 transparent;
			padding: 35px 0 10px;
		}
						
			#infobar .infobox {
				background: url("../images/bg_info.png") no-repeat scroll 0 0 transparent;
			    color: #989898;
			    line-height: 18px;
			    padding: 120px 0 0 30px;
				margin-left: -30px;
			}
						
				.infobox p {
					margin-bottom: 8px;
				}
						
				.infobox .phone {
					margin-bottom: 17px;
				}
						
					.infobox .phone span {
						display: block;
					    line-height: 22px;
					}
						
						.infobox .phone span b {
							color: #1D1D1B;
						    font-size: 16px;
						}
						
				.infobox .mail {
					background-color: #F3F4F5;
				    display: inline-block;
				    padding: 4px 15px 6px;
				}
						
					.infobox .mail a {
						border-bottom: 1px solid #F2B4BD;
					    text-decoration: none;
					}
					
					.infobox .mail a:hover {
						border-bottom: 1px solid transparent;
					}
						
/*---------------- projects -----------------*/
.projects {
	margin-left: -58px;
}

	.project_item {
		float: left;
		margin: 0 0 15px 58px;
	    width: 211px;
	}

		.project_item .img {
		    margin: 0 -30px -18px;
		    padding: 30px;
		    position: relative;
		    width: 211px;
		    z-index: 1;
	   	}
	   			
	   		.project_item .img img {
	   			max-width: 211px;
				display: block;
			    position: relative;
			    z-index: 1;
	   		}
	   			
	   		.project_item .img .crn {
				background: url("../images/mask.png") no-repeat scroll 0 0 transparent;
	   			height: 88px;
			    position: absolute;
			    width: 89px;
			    z-index: 10;
	   		}
	   			
	   			.project_item .img .lt {background-position: -89px -82px; left: 0; top: 0;}
	   			.project_item .img .rb {background-position: 0 0; right: 0; bottom: 0;}
	   		
	   	.project_item > a {
			text-decoration: none;
	   		font-size: 14px;
	   		line-height: 21px;
	   		display: block;
	   		position: relative;
	   		z-index: 10;
	   	}
	   	
			.project_item a span {
				border-bottom: 1px solid #F2B4BD;
	    	}
	   	
			.project_item a:hover span {
				border-bottom: 1px solid transparent;
		   	}

	.project_btn {
		margin: 20px 0 0;
	    text-align: center;
	}
		   	
		.project_btn a {
			background-color: #d80623;
			background: -webkit-gradient(linear, left top, left bottom, from(#f1092a), to(#b8011b));
			background: -moz-linear-gradient(top, #f1092a,  #b8011b);
			background: -o-linear-gradient(top, #f1092a, #b8011b);
			box-shadow: 0 1px 2px #884952;
			-moz-box-shadow: 0 1px 2px #884952;
			-khtml-box-shadow: 0 1px 2px #884952;
			-webkit-box-shadow: 0 1px 2px #884952;
			behavior: url(css/PIE.htc);
			position: relative;
		   	color: #FFFFFF;
		    display: inline-block;
		    font-size: 14px;
		    margin: 10px;
		    padding: 11px 30px 14px;
		    position: relative;
		    text-decoration: none;
		    text-shadow: 0 -1px 0 #B40E26;
		}
		
/*---------------- contacts -----------------*/
.contacts {
	  margin-top: 15px;
	  margin-bottom: 20px;
	  height: 100px;
}
		
	.map {
		background: url("../images/map_box.png") no-repeat scroll center 0 transparent;
		margin: 0 -10px;
    	padding: 5px 16px 60px;
	}	
		
	.contact {
		color: #525252;
	    float: left;
	    font-size: 14px;
	    line-height: 20px;
	    min-height: 38px;
	    padding: 9px 20px 23px 60px;
	    width: 172px;
	}
		
		.contact span {
			display: block;
		}
		
			.contact span b {color: #1d1d1b;}
		
	.contact.addr {background: url("../images/icon_addr_big.png") no-repeat scroll 15px 0 transparent;}		
	.contact.phone {background: url("../images/icon_phone_big.png") no-repeat scroll 18px 0 transparent;}		
	.contact.mail {background: url("../images/icon_mail_big.png") no-repeat scroll 0 7px transparent;}
		
		.contact.mail a {
			border-bottom: 1px solid #F2B4BD;
			text-decoration: none;
		}
		
		.contact.mail a:hover {
			border-bottom: 1px solid transparent;
		}
		
	#google_mask {
		background: url("../images/google_mask.png") no-repeat scroll center center transparent;
		width: 1000px;
		height: 420px;
		left: -10px;
	    position: relative;
	    top: -10px;
	}

/*------------------ text -------------------*/
.text {
	font-size: 14px;
	line-height: 20px;
	color: #525252;
}

.text p {
	margin: 0 0 18px;
}

.text .quote1 {
	background: url("../images/bg_quote.png") no-repeat scroll center bottom transparent;
	margin-bottom: 3px;
    padding: 14px 0 30px;
}

	.text .quote1 span {
		background-color: #d30d29;
		background: -webkit-gradient(linear, left top, left bottom, from(#ee1533), to(#ae031b));
		background: -moz-linear-gradient(top, #ee1533,  #ae031b);
		background: -o-linear-gradient(top, #ee1533, #ae031b);
		border-bottom: 1px solid #980016;
		position: relative;
		display: block;
	}

		.text .quote1 span em {
			color: #FFFFFF;
		    display: block;
		    font-family: 'Roboto',sans-serif;
		    font-size: 20px;
		    line-height: 29px;
		    padding: 25px 40px 30px;
		    text-shadow: 0 -1px 0 #B40E26;	
		}

.text h1,
.text .h1,
#innerContent h1,
#content h1 {
    font-size: 30px;
	line-height: 36px;
	padding: 16px 0 25px;
}

#innerContent h1:first-child,
#content h1:first-child {
	padding-top: 0;
}

.text h2 {
    font-size: 20px;
    line-height: 24px;
    padding: 10px 0 18px;
}

.text h2:first-child,
.text .h2:first-child,
.text h3:first-child {
	padding-top: 0;
}

.text ul {
	margin: 0 0 18px 20px;
}

.catalog_box .text ul {
	margin: 0 0 15px 8px;
}

	.text li {
		background: url("../images/bg_li.png") no-repeat scroll 0 9px transparent;
		padding: 0 0 2px 12px;
	}
	
	.catalog_box .text li {
	    font-size: 12px;
		background-position: 0 10px;
    }

	/*--------------- table ---------------*/
	
	.text .table {
		background-color: #ffffff;
   		position: relative;
	}
		
		.text table {
			width: 100%;
			margin-bottom: 34px;
		} 
		
			.table table {
				background: url("../images/table_shadow.png") no-repeat scroll 0 0 transparent;
			}
		
			.table thead tr,
			.table tbody tr.top {	
				position: relative;						
			}

				.text .table thead tr td,
				.text .table thead tr th {
				    text-align: left;
					font-size: 16px;
					font-family: 'Roboto',sans-serif;
					padding: 11px 25px 18px;
				}
	
				.text .table tr td,
				.text .table tr th {
					color: #000000;
				    font-weight: normal;
				    padding: 14px 25px;
	   			}
	   			
				.text .table tr.even td,
				.text .table tr.even th {
					background-color: #f3f4f5;
	   			}
	   			
	   /*---------------- img ----------------*/
	   	.text .img {
			margin: 25px auto;
		    padding: 30px;
		    position: relative;
	   	}
	   			
	   		.text .img img {
	   			max-width: 630px;
				display: block;
			    position: relative;
			    z-index: 1;
	   		}
	   			
	   		.text .img .crn {
				background: url("../images/mask.png") no-repeat scroll 0 0 transparent;
	   			height: 88px;
			    position: absolute;
			    width: 89px;
			    z-index: 10;
	   		}
	   			
	   			.text .img .lt {background-position: -89px -82px; left: 0; top: 0;}
	   			.text .img .lb {background-position: -89px 0; left: 0; bottom: 0;}
	   			.text .img .rt {background-position: 0 -82px; right: 0; top: 0;}
	   			.text .img .rb {background-position: 0 0; right: 0; bottom: 0;}	   			
			
/*----------------------------------------------- 404 -------------------------------------------------*/
#contain_404 {
	height: 100%;
    min-height: 210px;
    min-width: 850px;
    position: relative;
}
	
	.wrapper_404 {
		margin: 0 auto;
		width: 850px;
		height: 100%;
	}
		
	.content_404 {
		clear: both;
    	height: 420px;
	    position: relative;
	}
	
	.content_404_bg {
		float: left;
	    height: 50%;
	    margin-bottom: -210px;
    	width: 100%;
	}
	
		.floatFiller {
			height: 100%;
		    width: 100%;
		}
		
		.img_404 {
			margin: 0 auto 45px;
			display: block;
		}
		
		.text_404 {
			background: url("../images/shadow.png") no-repeat scroll center 0 transparent;
		    font-size: 14px;
		    margin: 0 -110px;
		    padding: 30px 0 0;
		    position: relative;
		    text-align: center;
		    z-index: 5;
		}
		
			.text_404 h1 {				
				font-size: 30px;
			    line-height: 34px;
			    margin: 0 0 15px;
			}	

			.text_404 a {
				background-color: #F3F4F5;
			    display: inline-block;
			    padding: 5px 10px 8px;
				text-decoration: none;
			}

				.text_404 a span {
	 				border-bottom: 1px solid #F2B4BD;
				}
				
				.text_404 a:hover span {
	 				border-bottom: 1px solid transparent;
				}

/*---------------------------------------------- popup ------------------------------------------------*/
.popup_overlay {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030;
}

#popup, #popup_call {	
	display: none;
    left: 0;
    position: fixed;
    top: 20px;
    width: 100%;
	overflow: hidden;
    z-index: 1090;
}

.popup_content {	
	position: relative;
	padding: 30px 25px 0;
	width: 500px;
	margin: 0 auto;
}

    #popup .close , #popup_call .close {
    	background: url("../images/close.png") no-repeat scroll 0 0 transparent;
	    cursor: pointer;
	    height: 30px;
	    width: 29px;
	    position: absolute;
	    right: 75px;
	    top: 0;
	    z-index: 20;
    }
    
	    #popup h1,
		#popup div.h1, #popup_call h1,
		#popup_call div.h1 {
			color: #ffffff;
			font-size: 50px;
		    margin-bottom: 24px;
    		line-height: 56px;
	    }
	    
	    #popup .text, #popup_call .text {
			color: #d3d3d3;
		    font-size: 12px;
		    line-height: 16px;
	    }
    
		#popup .form_item , #popup_call .form_item {
			margin-bottom: 29px;
	    	position: relative;
	    	text-align: left;
		}
		
		.form_item.fphone {
			margin-right: 20px;
		}
		
		.form_item.fphone,
		.form_item.femail {
			float: left;
		}
		    
	    	#popup input,
	    	#popup textarea,
			#popup_call input,
	    	#popup_call textarea {
	    		color: #1D1D1D;
			    font-family: Arial;
			    font-size: 18px;
			    line-height: 20px;
			    padding: 7px 15px 10px;
			}
			
			#popup .error input,
	    	#popup .error textarea ,
			#popup_call .error input,
	    	#popup_call .error textarea {
				border: 2px solid #E90000;
    			margin: -2px;
			}
	    	    	
			#popup label ,#popup_call label { 
				color: #FFFFFF;
			    display: block;
			    font-size: 14px;
			    margin-bottom: 8px;
	    	}
    	
	    	#popup input,    	
	    	#popup textarea ,
			#popup_call input,    	
	    	#popup_call textarea {
				background: none repeat scroll 0 0 #FFFFFF;
			    border: medium none;			    		    
			}
	    	
			#popup textarea ,#popup_call textarea {
				overflow: auto;
			    resize: none;			    			    
	    	}
	    	
	    	#popup .w1 ,#popup_call .w1 {width:370px;}
			#popup .w2 ,#popup_call .w2 {width:210px;}
			#popup .w3 ,#popup_call .w3 {width:320px;}
	    	
	    	#popup .button ,#popup_call .button {
	    		background: url("../images/btn_pattern.png") repeat scroll 0 0 transparent;
				color: #FFFFFF;
			    display: inline-block;
			    font-family: 'Roboto',sans-serif;
			    font-size: 16px;
			    line-height: 20px;
	    		padding: 9px 15px 10px;
			    text-decoration: none;
			    text-transform: uppercase;
	    	}
	    	
	    	.button_line {padding-top: 2px;}
	    	
	    	.error em {
	    		background: url("../images/error.png") no-repeat scroll 0 0 transparent;
				color: #E90000;
			    display: block;
			    font-size: 12px;
			    font-style: normal;
			    line-height: 14px;
			    margin: 5px 0 -19px;
			    padding: 0 0 0 18px;
	    	}
   
/*---------------------------------------------- footer -----------------------------------------------*/
footer {	
    height: 370px;
    margin-top: -370px;
    padding: 22px 0 0;
    position: relative;
    z-index: 1;
}

#antifooter {
	height: 370px;
}

	/* ----- client ----- */
	#clients {
		border-bottom: 1px solid #D3D3D2;
		margin-bottom: 22px;
	}

		#clients .h1 {
			background: url("../images/px_grey.png") repeat-x scroll 0 27px transparent;
			margin: 10px 0 20px;
		    padding: 0;
			font-size: 30px;
			font-weight: normal;
		    line-height: 34px;
	 		padding: 0 0 20px;
		}
	
			#clients .h1 span {
				background-color: #FFFFFF;
			    padding: 0 20px 0 0;
			}
	
		#client_tape {
			width: 960px;
			padding-bottom: 22px;
			margin-bottom: 21px;
		}
		
			#client_tape ul {
				padding-bottom: 10px;
				height: 60px;
    			overflow: hidden;
			}
		
			#client_tape li {
				float:left;
				height: 65px;
			    line-height: 58px;
			    margin: 0 26px;			
			}
			
				#client_tape li img {
					display: inline-block;
				    vertical-align: middle;
					max-height: 60px;
				}
	/* ------------------ */

	.footer_column {
		float: left;
	    margin-right: 10px;
	    width: 222px;
	}

		.footer_column p {
			padding: 8px 0 10px;
			color: #6a6a6a;
			font-size: 14px;
		}
        .menuz ul  {
          margin-left:50px;
          width:150px;
		 }
		 .menuz ul li {
         font-size:13px;
         padding:5px;
         text-decoration:none;
		 }
		 .menuz ul li a{

  text-decoration:none;
		 }
                 .menuz2  {
                             width:190px;
                             margin-left:-50px;
		 }
		 .menuz2 ul li {
         font-size:13px;
         padding:5px;
         text-decoration:none;
		 }
		 .menuz2 ul li a{

  text-decoration:none;
		 }
          .menuz3  {
                             width:150px;
                             margin-left:-50px;
		 }
		 .menuz3 ul li {
         font-size:13px;
         padding:5px;
         text-decoration:none;
		 }
		 .menuz3 ul li a{

  text-decoration:none;
		 }
		.social_box {
			margin-top: 5px;
		}

		.info {
			padding: 0 0 6px 20px;
		}

			.info span {
				display: block;
			}

		.address {
			background: url("../images/icon_addr.png") no-repeat scroll 0 0 transparent;
		}
		
			.address span {
				margin-bottom: 4px;
			}
		
		.email {
			background: url("../images/icon_mail.png") no-repeat scroll 0 3px transparent;
		}

		#coo #footer_logo {
			display: block;
		    margin-bottom: 7px;
		}
	
	#production {
		float: right;
	}
	
		#production .dp_name {
			color: #000000;
		    float: left;
		    font-family: Georgia;
		    font-size: 12px;
		    line-height: 14px;
			text-decoration: none;
		}	
		
		#production .dp_link {
			text-decoration: underline;
			color: #a3a3a3;
		}
		
			#production i {			
				color: #000000;
				font-style: normal;
			}
		
		#production:hover .dp_link {
			text-decoration: none;
		}
		
		#production .deg {
			margin-left: -5px;
		}
		
		#production #dp_logo {
			float: left;
		    padding-right: 12px;
		}

/* ------------------------------- align ----------------------------------- */
.justify {
	width: 100%;
	text-align: justify;
    line-height: 0;
	font-size: 14px;
    font-size: 1px; /* 1px для Opera */
    text-justify: newspaper;
    text-align-last: justify;
}

.justify:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

	.justify_item {
		display: inline-block;
	    text-align: left;
        line-height: normal;
        vertical-align: top;
	}
	
/* ------------------------------- corners ----------------------------------- */
	.rc5 {
		border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
		behavior: url(css/PIE.htc);		
	}