@charset "utf-8";
@media all{
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;}
img{border:none;}
body{font-size:16px;}
}
@media screen{
body{font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;position:relative;background:#3D3D3D;}
a{outline-style:none;}
.wrapper{min-width:1000px;}

.nav-wrp{
	background:url(../img/page/nav_bg.png) bottom left repeat-x;
	padding-bottom:7px;
	position:relative;
	z-index:15;
}
.nav{
	background:#474747;
	height:48px;
	list-style:none;
	padding:0 0 0 24px;
	overflow:hidden;
}
	.nav li{
		float:left;
		height:20px;
		position:relative;
		margin:15px 22px 0 0;
	}
		.nav li a{
			display:block;
			width:100%;height:100%;
		}

.about,
.coal,
.building,
.evacuation,
.car,
.contacts,
.about-a,
.coal-a,
.building-a,
.evacuation-a,
.car-a,
.contacts-a,
.logo,
.content-bg1,
.content-bg2,
.content-bg3,
.idt{background:url(../img/page/sprite.png) top left no-repeat;position:relative;}

.about{
	background-position: 0 0;
	width:112px;
}
.coal{
	background-position:-112px 0;
	width:60px;
}
.building{
	background-position:-172px 0;
	width:224px;
}
.evacuation{
	background-position:-396px 0;
	width:110px;
}
.car{
	background-position:-506px 0;
	width:111px;
}
.contacts{
	background-position:-617px 0;
	width:216px;
}

.about-a{
	background-position: 0 0;
	width:112px;
}
.coal-a{
	background-position:-112px 0;
	width:60px;
}
.building-a{
	background-position:-172px 0;
	width:224px;
}
.evacuation-a{
	background-position:-396px 0;
	width:110px;
}
.car-a{
	background-position:-506px 0;
	width:111px;
}
.contacts-a{
	background-position:-617px 0;
	width:216px;
}

.header-wrp{
	background:url(../img/page/header_grad.png) top left no-repeat #377500;
	border-bottom:1px solid #202020;
	margin-top:-7px;
	position:relative;
	z-index:10;
}
.header{
	background:url(../img/page/header_bg.png) top left;
	height:228px;
}
	.logo{
		background-position:0 -36px;
		width:377px;height:111px;
		position:absolute;
		top:37px;left:23px;
	}
		.logo a{
			display:block;
			position:relative;
			width:100%;height:100%;
		}
	.contac-info{
		color:#fff;
		position:absolute;
		right:80px;top:58px;
	}
		.contac-info p{
			font-size:0.875em;
			line-height:24px;
		}
		.contac-info p strong{
			font-weight:normal;
			font-size:24px;
		}
.samples{
	position:relative;
	margin:-42px 21px 0 21px;
	z-index:20;
}
	.samples-bg1{
		background:url(../img/page/samples_bg_l.png) top left no-repeat;
		height:167px;
		padding-left:463px;
		position:relative;
	}
	.samples-bg2{
		background:url(../img/page/samples_bg_r.png) top right no-repeat;
		height:167px;
		padding-right:463px;
		position:relative;
	}
	.samples-bg3{
		background:url(../img/page/samples_grad.png) 0 9px repeat-x;
		position:relative;
		height:167px;
	}
		.samples-list{
			list-style:none;
			position:absolute;
			top:10px;left:0;right:0;
		}
		.samples-list li{
			text-align:center;
			float:left;
			width:24.5%;
		}
		.samples-list p{
			font-size:0.875em;
			font-weight:bold;
			margin-top:-10px;
		}
			.samples-list p a{color:#377600;}
			.samples-list p a:hover{text-decoration:none;}

.content{
	background:#555;
	margin:-125px 0 0 0;
	padding:0 24px;
	overflow:hidden;
	padding-top:132px;
	position:relative;
}
	.content-bg1,
	.content-bg2,
	.content-bg3{
		position:absolute;
	}
	.content-bg1{
		background-position:-377px -37px;
		width:148px;height:165px;
		top:0;left:0;
	}
	.content-bg2{
		background-position:-580px -42px;
		width:171px;height:47px;
		bottom:0;left:45%;
	}
	.content-bg3{
		background-position:-525px -89px;
		width:225px;height:163px;
		bottom:0;right:0;
	}
	.content .left-col{
		border-right:1px solid #3f3f3f;
		margin:0 376px 1.5em 0;
		padding:0 24px 0 0;
		position:relative;
	}
		.content .left-col .last-el{
			margin-bottom:0;
		}
	.content .right-col{
		/*position:absolute;*/
		right:24px;
		float:right;
		width:328px;
		position:relative;
	}
		.content .right-col img{
			margin-bottom:3.438em;
		}
	.content li, .content p{
		font-size:0.875em;
		line-height:1.714em;
		margin:0 0 1.714em 0;
	}
	.content p{
		color:#fff;
	}
	.content h2{
		color:#57ba00;
		font-size:1em;
		margin:0 0 1.5em 0;
	}
	.content h3{
		color:#57ba00;
		font-size:1em;
		line-height:1.714em;
		margin:1em 0 0.5em 0;
	}
	.content ul{
		list-style:none;
		margin:0 0 1.5em 2em;
	}
	.content a{color:#66ff00;}
	.content table{
		border:1px solid #919191;
		border-collapse:collapse;
		color:#fff;
		font-size:0.875em;
		line-height:1.714em;
		margin-bottom:1.714em;
		width:100%;
	}
	.content .img-list{
		list-style:none;
		margin:0 -32px 0 0;
		padding:0;
		overflow:hidden;
	}
		.content .img-list li{
			background:none;
			padding:0 30px 33px 0;
			text-indent:0;
			margin:0;
			float:left;
		}
		.content table td{
			border:1px solid #919191;
			padding:0.719em;
		}
		.content a:hover{text-decoration:none;}
		.content li{
			background:url(../img/page/list_bg.png) 0 3px no-repeat;
			color:#77ff00;
			text-indent:1.714em;
			margin-bottom:0;
		}
		.content .right-col ul{margin-left:0;}
		.content .contact-info{
			border-top:1px solid #3f3f3f;
			clear:both;
			padding-top:1.5em;
			margin:1.5em 412px 0 0; 
		}
		.content .width{
			margin-right:150px;
		}
		.content .contact-info p{
			color:#ccc;
			margin-bottom:0;
		}
		.contact-info .last-el{margin-bottom:1.714em!important;}
		.contact-info .office{
			float:left;
			width:250px;
		}
		.contact-info .filia{float:left;}
.footer{
	background:url(../img/page/footer_bg.png) top left repeat-x #3d3d3d;
	padding:7px 0 0 0;
	height:52px;
	position:relative;
}
	.idt{
		background-position:0 -148px;
		width:95px;height:23px;
		position:absolute;
		top:8px;right:24px;
	}
		.idt a{
			display:block;
			width:100%;height:100%;
		}
	.footer p{
		font-size:0.625em;
		position:absolute;
		top:38px;right:0;
		width:119px;
	}
		.footer p a{color:#999;}

.col2-car-list{padding-left:160px;}
.logo-list{
	margin-left:0!important;margin-right:0;
	overflow:hidden;
}
.logo-list li{
	text-indent:0!important;
	background:none;
	padding:10px;
	float:left;
}
}