@import url("/css/reset.css");
body {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #FFFFFF;
}
a {
	color: #FF5500;
}
a:hover {
	text-decoration: underline overline;
}
.clear { clear:both; }

.content p {
	padding-bottom: 15px; 
	text-align: justify;
}

.page {}
.in {
	width:925px;
	margin: 0 auto;
	padding: 0 25px 0 50px;
	height:100%;
	position: relative;
}
.head1 {
	height: 155px;
	overflow:hidden;
	background: #FFF url(/img/head1_bg.png) repeat-x center bottom;
}
	.head1 .in { height: 100%; }
	.head1 .logo {
		position:absolute;
		top:28px;
		left: 50px;
		color: #CC0000; 
		font-size: 28px;
		fo
	}
	.head1 p {
		font-size: 18px;
		padding: 34px 0px 0px 320px;
		color: #7d8291;
		font-weight:normal;
		font-family: Arial, Helvetica, sans-serif;
		position:relative;
	}
	.head1 p b{ display: block; font-weight: bold;  }
	.head1 i.phone {
		color:#ff5300;
		font-weight: bold;
		position: absolute;
		right: 0px;
		bottom: 2px;
		font-style: normal;		
	}
	.head1 ul {
		overflow: hidden;
		position:absolute;
		left: 50px;
		bottom:24px;
		height: 30px;
		width:920px;
	}
		.head1 li 
		{
			display: block;
			float: left;
			margin-right: 5px;
			background: #F50 url(/img/head_li.png) no-repeat right top;
			font-size:12px;
			text-transform:lowercase;
		}
			.head1 li a 
			{
				display: block;
				height: 30px;
				min-width: 20px;
				float:left;
				line-height: 30px;
				text-align: center;
				padding: 0 20px;
				background: url(/img/head_li.png) no-repeat left -30px;
				color: #FFF;
				text-decoration:none;
			}
			.head1 li:hover,
			.head1 li.m_7:hover  { background-position: right -60px; }
			.head1 li a:hover, 
			.head1 li.m_7 a:hover  { background-position: left -90px; }
			
			.head1 li.m_7 {  background-position: right -120px;}
			.head1 li.m_7 a { background-position: left -150px;}
			
			
			.m_1 .head1 li.m_1,
			.m_2 .head1 li.m_2,
			.m_3 .head1 li.m_3,
			.m_4 .head1 li.m_4,
			.m_5 .head1 li.m_5,
			.m_6 .head1 li.m_6,
			.m_8 .head1 li.m_8
			 	{ background-position: right -60px; }
			.m_1 .head1 li.m_1 a,
			.m_2 .head1 li.m_2 a,
			.m_3 .head1 li.m_3 a,
			.m_4 .head1 li.m_4 a,
			.m_5 .head1 li.m_5 a,
			.m_6 .head1 li.m_6 a,
			.m_8 .head1 li.m_8 a { background-position: left -90px; } 
			
			.head1 .m_1 a { padding: 0 15px; }
			.head1 .m_1 a span {
				display: block;
				text-indent: -9000px;
				width: 30px;
				height: 100%;
				background: url(/img/head_li.png) no-repeat center -180px;
			}
.head2 {
	background: #142c46 url(/img/head2_bg.png) repeat-x center top;
	height: 355px;
	overflow: hidden;
}
	.head2 .in {
		background: url(/img/head2_in_bg.png) no-repeat center 3px;
	}
	.head2 ul {
		display: block;
		width: 355px;
		overflow:hidden;
		background: url(/img/head2_ul.png) no-repeat center top;
		position:absolute;
		bottom: 0px;
		left: 50px;
		min-height: 215px;
		padding-top: 50px;
	}
		.head2 li {
			padding-left: 110px;
			padding-right:10px;
			color:  #037800;
			line-height: 20px;
			background: url(/img/dot1.png) no-repeat 95px 5px;
		}
		.head2 p {
			display: block;
			float: right;
			text-indent: -9000px;
			background: red;
			width:540px;
			height:290px;
			background: url(/img/kak_rabotaet.png) no-repeat center top;
		}
.content {
	clear:both;
	overflow:hidden;
	padding-top: 20px;
	border-bottom: 1px solid #cbc6c6; 
}		
.big_r {
	margin-left: 350px;
	float:left;
	width:570px;
}

.sm_l {
	float: left;
	margin-left: -920px;
	width: 320px;
}
	.small h1, .small h3 {
		padding: 0px 5px 15px 15px; 
		font-size: 14px;
	}
	.small p {
		padding: 15px 45px 15px 15px;
		margin-bottom: 15px;
		text-align: left;
		position: relative;
		background:#f4f4f4 url(/img/arrow_gray.png) no-repeat 95% center;
	}
	.small p b { display:block; color: #F50; }
	.small a.more {
		display: block;
		position: absolute;
		right:0;
		top:0;
		width:100%;
		height: 100%;
		background:url(/img/arrow_orange.png) no-repeat 95% center;
		text-indent: -9000px;
	}	
		.small a.more:hover { background-image: url(/img/arrow_orange_rev.png); }

.big ul, .big ol {
	padding: 0 10px 5px 10px;
	list-style-position: inside;
	list-style-type: disc;
}	
.big li {
	margin: 0 0 5px 0;
	list-style-type: disc;
}
.big h1 {	padding: 10px 0; font-size:18px;  clear: both; }
	.big.intro  h1 {	padding: 5px 0; font-size:11px;  font-weight: normal;  }
.big h2 {	padding: 10px 0; font-size:16px;  clear: both; }
.big h3 {	padding: 10px 0; font-size:14px;  }
.big iframe { margin: 15px 0 ; }

.big table { width:100%; margin:10px auto; }
.big td, .big th {
	padding: 5px;
	vertical-align: middle;
	border: 1px solid #CCC;
}
.big tr:hover { background:#CCFFFF; }

	.big table.no_border td,
	.big table.no_border th { border: none;  padding: 2px; }
	.big table.no_border tr:hover { background: transparent; }

.supp {
	display: none;
}
.footer { background: #f4f4f4; border-top: 1px solid #fff; padding-top: 10px; min-height: 40px; overflow:hidden; }
.footer,
.footer a { color:#999; text-decoration: none; }
	.footer .logo{
		float: left;
		padding-right: 10px;
	}
	.footer p {
		padding: 10px;
	}
	.counter {
		float: right;
		margin-top: -35px;
	}
	.counter a {margin-left: 10px;}	
	.counter a img { 
		opacity: 0.3; 
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
		-moz-opacity: 0.3; /* Mozilla 1.6 e ie?a */
		vertical-align:middle;
	} 
	.counter a:hover img { 
		opacity: 1; 
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
		-moz-opacity: 1; /* Mozilla 1.6 e ie?a */
	}