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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, time {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*--------------------Defaults--------------------*/
html, body{
	background:#FFF;
	width:100%;
	height:100%;
	color:#000;
	font:12px Tahoma, Geneva, sans-serif;
}
/*--------------------Layout--------------------*/
.page{
	background: url(/img/header_bg.jpg) repeat-x center 0;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
}
.header{
	background: url(/img/header.jpg) no-repeat;
	width:100%;
	max-width:980px;
	margin:0 auto;
	position: relative;
}
.content{
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:9px 0 0 0;
}
.sidebar-left{
	width:25%;
	float: left;
}
.main-column{
	float: right;
	width:73%;
}
.footer{
	background: #d5eaf8;
	min-height:106px;
	position:relative;
	margin-top:-106px;
	clear:both;
}
.clear{
	height:106px;
	clear:both
}
.clearfix {
	display:inline-block
}
.clearfix {
	zoom:1;
	display:block
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
/*--------------------Titles--------------------*/
a img{border:0}
a{
	color:#066aae;
}
a:hover{
	color:#fc8e32;
	text-decoration: underline;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
h1, h2, h3, h4{
	color:#000;
	padding:0 0 13px 0;
	___font-weight: bold;
}
h1{
	font-size: 18px;
}
h2{
	font-size: 16px;
}
h3{
	font-size: 15px;
}
h4{
	font-size: 14px;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}
.alignright{
	display: inline;
	float: right;
	margin:0 0 0 10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 10px;
}
/*--------------------header--------------------*/
.header-top{
	height:319px;
	position: relative;
}
.logo{
	float: left;
	padding:59px 0 0 0;
}
	.logo a{
		display: block;
		text-decoration: none;
		padding:54px 0 0 10px;
		width:241px;
		background: url(/img/logo.jpg) no-repeat;
		text-decoration: none;
		font-size: 18px;
		color:#4d4d4d
	}
.logotoapp{
	text-align: left;
	float: left;
	clear: both;
	margin-top: 20px;
}
.header .phone{
	color:#000;
	text-align: right;
	padding:54px 0 0 0;
	font:14px Arial, Helvetica, sans-serif;
	text-shadow:1px 1px #FFF
}
	.header .phone span{
		color:#fc8e32;
		font-size: 22px;
		font-weight: bold;
		text-shadow:1px 1px #FFF
	}
	.header .phone a{
		font-size: 18px;
		color:#3e9ede;
		text-shadow:1px 1px #FFF
	}
.menu{
	height:37px;
	background: url(/img/menu_bg.jpg) repeat-x center;
	max-width:980px;
	width:100%;
	margin:0 auto;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/PIE.htc);
}
	.menu ul{
		padding:0;
		margin:0;
		list-style: none;
	}
		.menu ul li{
			float: left;
			/*width:12%;*/
			text-align: center;
			padding:0 39px;
		}
			.menu ul li a{
				display: block;
				color:#FFF;
				font:16px/37px Arial, Helvetica, sans-serif;
				text-shadow:0 2px 5px #000;
				text-decoration: none;
			}
			.menu ul li a:hover{
				color:#fc8e32;
			}
/*--------------------content--------------------*/
.article{
	padding:0 0 10px 0;
}
	.article p{
		padding:0 0 10px 0;
		line-height:18px
	}
	.article a{
		font-weight: bold;
	}
.uslugi{
	width:100%;
	overflow: hidden;
	position: relative;
	padding:10px 0
}
	.uslugi ul{
		width:110%;
		position: relative;
		left:-5%;
		padding:0;
		margin:0;
		list-style: none;
		font-size: 0px;
		text-align: center;
	}
		.uslugi ul li{
			background: rgb(9,118,191); /* Old browsers */
			background: -moz-linear-gradient(top,  rgb(9,118,191) 0%, rgb(9,118,191) 59%, rgb(5,101,167) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(9,118,191)), color-stop(59%,rgb(9,118,191)), color-stop(100%,rgb(5,101,167))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgb(9,118,191) 0%,rgb(9,118,191) 59%,rgb(5,101,167) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgb(9,118,191) 0%,rgb(9,118,191) 59%,rgb(5,101,167) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgb(9,118,191) 0%,rgb(9,118,191) 59%,rgb(5,101,167) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgb(9,118,191) 0%,rgb(9,118,191) 59%,rgb(5,101,167) 100%); /* W3C */
			-pie-background: linear-gradient(rgb(9,118,191) 0%,rgb(9,118,191) 59%,rgb(5,101,167) 100%);
			behavior: url(/PIE.htc);
			padding:2px;
			width:220px;
			height:180px;
			display:inline-block;
			*zoom:1;
			overflow:hidden;
			*display:inline;
			vertical-align: top;
			margin:0 10px 10px 10px;
			overflow: hidden;
			position: relative;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius: 5px;
			behavior: url(/PIE.htc);
		}
			.uslugi ul li .img{
				background: #FFF;
				width:220px;
				height:110px;
				overflow: hidden;
				position: relative;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				behavior: url(/PIE.htc);
			}
				.uslugi ul li .img img{
					margin:0;
				}
			.uslugi ul li .img-text{
				color:#FFF;
				font-size: 12px;
				text-align: center;
			}
				.uslugi ul li span{
					display:inline-block;
					*zoom:1;
					overflow:hidden;
					*display:inline;
					vertical-align: middle;
				}
				.uslugi ul li span.empty{
					height:68px;
					width:1px;
				}
				.uslugi ul li span.img-text{
					width:210px
				}
/*можно и не использовать
.uslugi ul li a{
	font-weight: normal;
	text-decoration: none;
}*/
/*--------------------sidebar--------------------*/
.search{
	padding:0 0 10px 0
}
	.search .search-text{
		margin:0 58px 0 0;
	}
		.search .search-text input[type=text]{
			border:1px solid #7f9db9;
			width:98%
		}
	.search input[type=submit]{
		border:1px solid #707070;
		position: relative;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		behavior: url(/PIE.htc);
		cursor: pointer;
		font-size: 14px;
		width:53px;
		float: right;
		margin:0 0 0 -53px
	}
.nav{
	padding:0 0 15px 0;
}
	.nav ul{
		margin:0;
		padding:0;
		list-style: none;
	} 
		.nav > ul > li{
			margin:0 0 7px 0;
			background: #f0efef;
			border-top:1px solid transparent;
		}
			.nav > ul > li > a{
				background: url(/img/menu_bg.jpg) repeat-x center;
				display: block;
				font-size: 14px;
				font-weight: bold;
				color:#FFF;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				behavior: url(/PIE.htc);
				padding:6px 0;
				text-align: center;
				text-decoration: none;
				position: relative;
				z-index: 100;
			}
			.nav > ul > li > a:hover{
				color:#fc8e32;
			}
			.nav > ul > li > ul{
				z-index: 90;
				position: relative;
				margin:-5px 0 0 0;
				border:1px solid #d6d6d7;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				behavior: url(/PIE.htc);
				padding:7px 10px 2px 10px;
			}
				.nav > ul > li > ul li{
					padding:0 0 4px 0;
					background: url(/img/nav_bullets.png) no-repeat 0 center;
				}
				.nav > ul > li > ul li:hover{
					background: url(/img/nav_bullets.png) no-repeat -992px center;
				}
				.nav > ul > li > ul li.active{
					background: url(/img/nav_bullets.png) no-repeat -992px center;
				}
					.nav > ul > li > ul li a{
						display: block;
						padding:5px 0 5px 17px;
						font-weight: bold;
					}
					.nav > ul > li > ul li a:hover{
						color:#fc8e32;
					}
					.nav > ul > li > ul li.active a{
						color:#fc8e32;
					}
.addr, .regime{
	margin:0 0 15px 0;
	min-height:40px;
	position: relative;
}
	.addr a{
		display: block;
		padding:0px 0 0 57px;
		font-weight: bold;
	}
	.addr a .addr_ico1{
		background: url(/img/addr_ico1.png) no-repeat;
		width:32px;
		height:50px;
		position: absolute;
		left:0;
		top:50%;
		margin-top:-25px;
	}
	.addr a .addr_ico2{
		background: url(/img/addr_ico2.png) no-repeat;
		width:32px;
		height:50px;
		position: absolute;
		left:0;
		top:50%;
		margin-top:-25px;
	}
/*--------------------footer--------------------*/
.footer-in{
	max-width:996px;
	width:100%;
	margin:0 auto;
	padding:40px 0 0 0;
	position: relative;
}
.copyright1{
	float: left;
	white-space: nowrap;
	font:12px Tahoma, Geneva, sans-serif;
	padding:0 0 0 40px;
	width:160px;
	margin:0 -200px 0 0;
}
.copyright2{
	float: right;
	white-space: nowrap;
	font:12px Tahoma, Geneva, sans-serif;
	padding:0 40px 0 19px;
	width:160px;
	margin:0 0 0 -200px;
	text-align: right;
}
	.copyright2 a{
		font-weight: bold;
	}
.counters{
	margin:0 auto;
	text-align: center;
}
.counters img{
	margin:0 2px
}
/*--------------------MediaQueries--------------------*/
@media screen and (max-width: 603px) {
	.header{
		width:96%;
	}
	.menu{
		background: none;
		height:auto;
	}
		.menu ul li{
			background: url(/img/menu_bg.jpg) repeat-x center;
			float: none;
			width:100%;
			margin:0 0 5px 0;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			behavior: url(/PIE.htc);
		}
	.sidebar-left{
		width:96%;
		float: none;
		margin:0 auto
	}
	.main-column{
		width:96%;
		float: none;
		margin:0 auto;
		padding:0 0 10px 0;
	}
	.copyright1{
		padding-left:10px;
	}
	.copyright2{
		padding-right:10px;
	}
}
@media screen and (max-width: 400px) {
	.logo a{
		background:url(/img/logo_small.jpg) no-repeat;
		width:210px;
	}
	.header{
		width:100%;
	}
	.main-column{
		width:100%;
	}
	.sidebar-left{
		width:100%;
	}
	.logo{
		float:none;
		margin:0 auto 20px auto;
	}
	.header .phone{
		padding:24px 10px 0 0
	}
	.copyright1{
		padding-left:10px;
		float: none;
		width:auto;
		margin:0 0 10px 0;
	}
	.copyright2{
		padding-left:10px;
		float: none;
		width:auto;
		margin:0 0 10px 0;
		text-align: left;
	}
	.counters{text-align: right; padding:0 10px 10px 0}
}
/*--------------------ie7--------------------*/
#ie7 .search .search-text{
	overflow: hidden;
}
/*--------------------ie8--------------------*/
/*--------------------ie9--------------------*/
#ie9 .uslugi ul li{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5NzZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzA5NzZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTY1YTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

/*--------------------new--------------------*/

.header{
	max-width: none;
	background-position: center 0
}
.header-top{
	text-align: right;
}
.header-top, .content, .footer-in, .menu ul{
	max-width: 1280px;
	box-sizing: border-box;
	margin:0 auto;
}
.page{
	padding:0 10px;
}
.uslugi ul{
	text-align: left;
	left:0;
}
	.uslugi ul li{
		margin-left:0;
		margin-right:13px;
		text-align: center;
	}
.menu{
	max-width: none
}
.menuFixed{
	position: fixed;
	top:0;
	z-index: 900;
	left:10px;
	right:10px;
	width:auto;
}
.menu, .nav > ul > li > a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0199d8+1,0171bb+100 */
	background: #0199d8; /* Old browsers */
	background: -moz-linear-gradient(top,  #0199d8 1%, #0171bb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #0199d8 1%,#0171bb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0199d8 1%,#0171bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0199d8', endColorstr='#0171bb',GradientType=0 ); /* IE6-9 */
}
.header .phone{
	margin:0 0 20px;
}
.header .addr{
	text-align: right;
	display:inline-block;
	vertical-align: middle;
	white-space: nowrap;
	margin:0;
}
	.header .addr a{
		padding-left:42px;
	}
.header .regime{
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	margin:0;
}
.header .social{
	margin-top:15px;
}
	.header .search{
		position: absolute;
		width:400px;
		left:50%;
		margin-left:-200px;
		top:50%;
		margin-top:-20px;
	}
	#ya-site-form0 .ya-site-form__input-text_type_hint{
		padding:10px 10px;
		box-sizing: border-box;
		background-position: 10px center
	}
	#ya-site-form0 .ya-site-form__input-text_type_hint:focus{
		background: #FFF
	}
	#ya-site-form0 .ya-site-form__submit{
		padding:9px 19px
	}
@media screen and (max-width:1280px){
	.uslugi ul{
		width:100%;
		text-align: center;
	}
	img{
		max-width:100%;
	}
}
@media screen and (max-width:1250px){
	.menu ul li{
		float: none;
		display:inline-block;
		vertical-align: middle;
		white-space: nowrap;
		padding:0 15px;
		width:auto;
	}
}


#ya-site-form0 .ya-site-form__input-text,
#ya-site-form0 .ya-site-form__input-text:focus{
	padding:10px !important;
}
@media screen and (max-width:991px){
	.page{
		overflow: hidden;
	}
	.header .search{
		left:0;
		margin:0;
		top:auto;
		bottom:0;
	}
	.logotoapp{
		display: none;
	}
	.regime{
		display: none;
	}
	.menu {
		min-height: 37px;
		height: auto;
		text-align: center;
	}
	.footer{
		overflow: hidden;
	}
	.copyright2{
		margin-top:-20px;
	}
	.copyright2,
	.copyright1{
		width:200px;
		white-space: normal;
	}
	.counters{
		padding-left:70px;
	}
}
@media screen and (max-width:603px){
	.header .search{
		max-width: 100%
	}
	.menu ul li{
		padding:0;
		width:100%;
	}
	.logo{
		padding-top:9px;
	}
	.logo a{
		font-size: 0;
	}
	.header .phone{
		padding-top:10px;
		text-align: center;
		clear:both;
		background: #FFF;
		display:inline-block;
		vertical-align: middle;
		padding:10px;
		margin:10px 0 10px 10px;
	}
	.header .addr{
		display: none;
	}
	.counters{
		float: right;
		margin-top:30px;
		margin-right:-20px;
	}
}
@media screen and (max-width:400px){
	.header .social{
		margin:0 10px;
	}
	.copyright2,
	.copyright1{
		width:100%;
		text-align: center;
	}
	.counters{
		margin:0 auto;
		float: none;
		text-align: center;
		padding:0;
	}
	.footer-in{
		padding:20px 0;
	}
}
