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{
	width:100%;
	height:100%;
	font:16px 'PTSansRegular', Arial, Helvetica, sans-serif;
	color:#000;
	background: #52a8cc;
}
/*--------------------Layout--------------------*/
.page{
	overflow: hidden;
	min-height:100%;
	height:auto !important;
	height:100%;
	position: relative;
	z-index: 90;
}
	.page-bg{
		position: absolute;
		z-index: 10;
		width:960px;
		margin:0 0 0 -480px;
		left:50%;
		top:50px;
		bottom:50px;
		background: #FFF;
		border-radius: 6px;
		behavior: url(/PIE.htc);
	}
.header{
	padding:50px 0 0;
}
	.header img{
		max-width:100%
	}
.content{
	padding:54px 0 0
}
.footer{
	border-top:4px solid #e0e4e4;
	height:170px;
	margin:0 auto;
	margin-top:-174px;
	position: relative;
	z-index: 100;
	max-width:960px;
}
.clear{
	height:174px;
	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}
img{
	max-width: 100%;
	/* на всякий случай, чтобы сохранить пропорции */
	height: auto !important;
	/*max-height: auto !important;*/
}
a:link{
	color:#0597d5;
	border-bottom:1px solid #c0e5f4;
	text-decoration: none;
}
a:visited{
	color:#cc29ab;
	border-color:#f2c9ea
}
a:hover{
	color:#00bcac;
	border-color:#bfeeea
}
a.no-border,
a.no-border:hover{
	border:transparent
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
h1, .like-h1{
	font-size: 28px;
	font-family: 'merriweatherbold';
	margin:0 0 20px
}
h2, .like-h2{
	font-size: 20px;
	font-family: 'merriweatherbold';
	margin:0 0 10px
}
h3{
	font-size: 16px;
	font-family: 'merriweatherbold';
	margin:0 0 8px
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 0 15px 10px 0;
}
.alignright{
	display: inline;
	float: right;
	margin:0 0 10px 15px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 0 0 10px;
}
input[type=text]:-moz-placeholder{color:#999}
input[type=text]::-moz-placeholder{color:#999}
input[type=text]::-webkit-input-placeholder{color:#999}
textarea:-moz-placeholder{color: #999}
textarea::-moz-placeholder{color: #999}
textarea::-webkit-input-placeholder{color: #999}
.placeholder{
	color:#999
}
.container{
	max-width:960px;
	margin:0 auto;
	position: relative;
	z-index: 100;
}
/*--------------------header--------------------*/
.logo{
	top:230px;
	position: absolute;
	left:0;
	width:100%;
	text-align: center;
}
	.logo a{
		color:#FFF;
		font-family: 'merriweatherultrabold_italic';
		font-size: 36px;
		/*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
		/*text-shadow: 6px 6px 0px rgba(0,0,0,0.2);*/
		text-shadow: 3px 3px 0px rgba(0,0,0,0.5);
	}
.header .order-btn{
	width:240px;
	height:50px;
	position: relative;
	border-radius: 6px;
	behavior: url(/PIE.htc);
	background: #0597d5;
	display: block;
	text-align: center;
	line-height:54px;
	color:#FFF;
	font-family: 'PTSansBold';
	font-size: 18px;
	text-transform: uppercase;
	top:360px;
	position: absolute;
	left:50%;
	margin-left:-120px;
}
.header .order-btn:hover{
	background: #1db3f2;
}
.header-img{
	position: relative;
	border-radius: 6px 6px 0 0;
	behavior: url(/PIE.htc);
}
.home{
	left:40px;
	top:98px;
	position: absolute;
	background: url(/img/home-ico.png) no-repeat;
	width:39px;
	height:39px;
	text-decoration: none;
	border:0
}
.header-contacts{
	position: absolute;
	/*right:50px;*/
	right:10px;
	top:98px;
	font:17px Arial, Helvetica, sans-serif;
	color:#FFF
}
	.header-contacts a{
		margin:0 0 0 23px;
		position: relative;
		color:#FFF;
	}
	.header-contacts .phone{
		font-size: 17px;
		display: block;
	}
	.header-contacts .mail{
		font-size: 15px;
		border-color:#6d7a86;
	}
	.header-contacts .mail:hover{
		border-color:transparent
	}
	.mail-ico{
		width:14px;
		height:10px;
		background: url(/img/mail-ico.png) no-repeat;
		position: absolute;
		left:-23px;
		top:4px
	}
	.phone-ico{
		width:14px;
		height:14px;
		background: url(/img/phone-ico.png) no-repeat;
		position: absolute;
		left:-23px;
		top:4px
	}
.outline-btn{
	background: #FFF;
	display: block;
	width:84px;
	height: 24px;
	border:1px solid #0597d5;
	position: relative;
	border-radius:4px;
	behavior: url(/PIE.htc);
	font-size: 13px;
	text-align: center;
	line-height:24px;
	color:#0597d5
}
.news-bottom{
	border-top:1px solid #d7d7d7;
	height:50px;
	position: relative;
}
	.news-bottom .button-wrapper{
		padding:0 6px;
		background: #FFF;
		width:84px;
		margin:0 auto;
		position: relative;
		top:-14px
	}
.news{}
	.news ul{
		list-style: none;
		padding:0;
		margin:0;
	}
		.news ul li{
			margin:0 0 40px;
			float: right;
			width:46%;
			font-size: 13px;
			padding:0
		}
		.news ul li:first-child{
			float: left;
		}
			.news ul li .like-h2{
				margin:0 0 20px
			}
				.news ul li .like-h2 a{
					color:#000
				}
			.news ul li p{
				line-height:18px
			}
			.news ul li .date{
				padding:0 10px;
				height:20px;
				color:#969696;
				border:1px solid #e1e1e1;
				position: relative;
			   	border-radius: 4px;
				behavior: url(/PIE.htc);
				display:inline-block;
				*zoom:1;
				*display:inline;
				vertical-align: middle;
				LINE-HEIGHT:20PX;
				margin:0 0 5px
			}
.main-column{
	width:640px;
	padding:0 70px 0 0;
	float: right;
}
.breadcrumbs{
	font-size: 14px;
	margin:0 0 20px
}
	.breadcrumbs ul{
		padding:0;
		margin:0;
		list-style: none;
	}
		.breadcrumbs li{
			float: left;
			padding:0 6px 0 12px;
			background: url(/img/crumbs.png) no-repeat 0 center;
			list-style: none;
		}
		.breadcrumbs li:first-child{
			padding-left:0;
			background: none;
		}   
			.breadcrumbs li a{
				color:#000;
				border:0
			}
.article{
	margin:0 0 50px;
}
	.article p{
		margin:25px 0;
		line-height:22px
	}
	.article ul{
		margin:25px 0;
		padding:0;
	}
	.article li{
		margin:0;
		padding:0;
		list-style: none;
		background: url(/img/list-bullets.png) no-repeat 0 10px;
		padding:0 0 5px 15px
	}
	.article .above-list{
		margin:0 0 -20px
	}
	.article > ymaps{
		max-width: 100% !important;
	}
.sidebar{
	width:220px;
	float: left;
}
.nav{
	margin:0 0 20px
}
	.nav ul{
		margin:0;
		padding:0;
		list-style: none;
	}
		.nav > ul > li > p a{
			background: url(/img/nav-ico.png) no-repeat 29px center;
		}
		.nav > ul > li a,
		.nav > ul > li a:hover,
		.nav > ul > li a:visited{
			display: block;
			color:#0597d5;
		}
		.nav > ul > li a{
			display: block;
			padding:13px 10px 13px 50px;
			border:0;
		}
		.nav ul li a:hover{
			background-color: #cee4e4;	
		}
			.nav > ul > li ul a{
				padding-left:65px
			}
		.nav > ul > li.active ul{
			display: block;
		}
		.nav > ul > li ul{
			display: none;
		}
.home-page{
	color:#0597d5;
	display: block;
	padding:13px 10px 13px 50px;
	border-right:4px solid #0597d5 !important;
	background: #cee4e4;
}
.like-block{
	margin:0 0 30px
}
/*-------------------footer--------------------*/
.copyright{
	padding:36px 0 0 250px;
	font-size: 14px;
	line-height:18px
}

.FeedBack table input,
.FeedBack table textarea,
.FeedBack table select{
	width: 300px;
}
.FeedBack table input[type="checkbox"]{
	width: 15px;
}

@media screen and (max-width:990px){
	.page{
		padding:0 20px;
	}
	.logo{
		top:45%;
	}
		.logo a{
			font-size:2em;
		}
	.header .order-btn{
		bottom:5%;
		top:auto
	}
	.header-contacts,
	.home{
		top:24%
	}
	.main-column,
	.sidebar{
		width:100%;
		float: none;
	}   
	.content{
		padding:30px 15px;
	}
	.page-bg{
		left:20px;
		right:20px;
		width:auto;
		margin:0
	}
	.footer{
		margin-left:20px;
		margin-right:20px;
	}
		.footer .copyright{
			padding-left:0;
			text-align: center;
		}
}
@media screen and (max-width:767px){
	.header{
		height: 290px;
		position: relative;
		overflow: hidden;
		text-align: center;
	}
	.header .header-img{
		display: block !important;
		height: auto;
		position: absolute;
		left:-999px;
		right:-999px;
		top:-999px;
		bottom:-999px;
		margin:auto;
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		z-index:90;
	}
	.header .order-btn, .header-contacts, .home{
		position: absolute;
		z-index:100;
		left:0;
		top:0;
	}
	.header-contacts{
		right:10px;
		top:20px;
		text-align: left;
		left:auto;
	}
	.header{
		margin-top: 20px;
	}
	.home{
		left:10px;
		top:20px;
	}
	.header .logo, .header .order-btn{
		position: relative;
		z-index:100;
	}
	.header .logo{
		top:70px;
		font-size: 11px;
	}
	.header .order-btn{
		margin:90px auto 20px;
	}
}
@media screen and (max-width:640px){
}
@media screen and (max-width:540px){
	.header{
		background:url(/files/header.jpg) no-repeat;
		padding:0 0 10px;
		text-align: center;
		margin:20px 0 0
	}
	.page-bg{
		bottom:20px
	}
	.header-img{
		display:none;
	}
	.logo, .header .order-btn,
	.header-contacts, .home{
		position:static;
		color:#000;
		margin:0 auto;
		display:inline-block;
		*zoom:1;
		*display:inline;
		vertical-align: middle;
		margin:10px auto;
	}
	.header .order-btn{
		display: block;
	}
	.news ul li{
		width:100%
	}
	.header .logo{

	}
}
@media screen and (max-width:520px){
	.FeedBack td, .FeedBack table, .FeedBack tr,
	.FeedBack table tbody{
		display: block;
		text-align: left;
	}
	.FeedBack table input,
	.FeedBack table textarea,
	.FeedBack table select{
		max-width: 100%;
	}
}
@media screen and (max-width:320px){
}
/*--------------------ie7--------------------*/
/*--------------------ie8--------------------*/
/*--------------------ie9--------------------*/