@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=cyrillic);
* { margin:0; padding:0; }
article,aside,details,figcaption,figure,.footer,header,hgroup,menu,nav,section { display:block; }
img { border:none; }
strong { font-weight: 700; }
input, textarea { outline:none; }
input:active, textarea:active { outline:none; }
:focus { outline:none; }
.clear { clear:both; }
html, body { height: 100%; width: 100%; }
/* Основной стиль страницы */
body {
	background: #ffffff;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
}
div.wrapper {
	width: 100%;
	min-width:320px;
}

.container {
	max-width: 1120px;
	margin: 0 auto;
}


	
.container a {
	text-decoration: none;
}
.container a:hover {
	text-decoration: underline;
}
.header {
	padding-top: 35px;
}
	.header a {
		color: #000000;
		display: block;
		height: 53px;
		font-size: 24px;
		font-weight: 900;
		float: left;
		width:46%;
		margin:0 2%;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
	}
	
.header .logo .in {padding-left:55px;float:left}	
.header div.phone .in {padding-left:25px;float:right}
.header a:hover {text-decoration: none;}
	
		.header a span {
			display: block;
			font-weight: 300;
			font-size: 18px;
			position: relative;
			top: -5px;
			margin-bottom: -14px;
		}
	.header div.phone {
		float: right;
		width:46%;
		margin:0 2%;
		text-align:right;
		position: relative;
	}
		.header div.phone small {
			display: block;
			font-weight: 300;
			font-size: 20px;
			margin-bottom: -14px;
			position: relative;
			top: -5px;
			text-transform: uppercase;
		}
		.header div.phone div {
			font-size: 32px;
			font-weight: 900;
			position: relative;
			text-transform: uppercase;
		}
		
		section#content section.main table tbody tr td span, section#content section.main table thead tr td span, section#content section.main p span {
			color:#f00;
			font-weight:bold;
		}

	
section#content {
	padding:10px 0;
	width:96%;margin:0 2%
}
	nav.main-menu {
		height: 33px;
		padding-top: 8px;
		padding-left: 13px;
	}
		nav.main-menu ul li {
			display: inline-block;
			padding: 0 7px
		}
			nav.main-menu ul li a {
				font-weight: 300;
				font-size: 20px;
				text-decoration: none;
				text-transform: uppercase;
			}
			nav.main-menu ul li a:hover {
				text-decoration: underline;
			}
	section#content div.top {
		position: relative;
	}
		section#content div.top div.auto {
			position: absolute;
			z-index: 5;
			height: 363px;
			width: 470px;
			top: 60px;
			right: 130px;
		}
		div.order {
			
			
			max-width:800px;
			min-width: 220px;
			margin:20px auto;
		}
		div.order .title {
				font-weight: 400;
				font-size: 20px;
				text-transform: uppercase;
				text-align: center;
				padding-top: 8px;
				padding-bottom: 10px;
			}

		div.order .info {
			width: 50%;
			margin: 0 auto 20px;
			color: #fff;
			font-size: 14px;
			text-align: center;
			font-weight: bold;
		}

		div.order .title._msg {
				font-weight: bold;
				font-size: 16px;
				text-transform: uppercase;
				text-align: center;
				color: #000;
				padding: 8px 10px 10px 10px;
			}
		div.order form input,
		div.order form textarea {
				border: none;
				border-bottom: 5px solid;
				display: block;
				height: 30px;
				margin: 0 auto;
				margin-bottom: 5px;
				width:90%;margin:0 auto 10px;
				padding: 0 10px;
				font-family: 'Open Sans', sans-serif;
				font-size: 14px;
			}
		div.order form textarea {
				height: 110px;
				padding-top: 5px;
				padding-bottom: 5px;
			}
		div.order form div.captcha {text-align:center;}	
		div.order form div.captcha input {
				display: inline;
				width: 63px;
				margin: 0px 10px 5px 0;
				position: relative;
				top: -15px;
			}
		div.order form input[type="submit"] {
				background: none;
				border: none;
				cursor: pointer;
				font-size: 22px;
				font-weight: 900;
				position: relative;
				text-transform: uppercase;
				margin-top: /*-10px;*/ 0px;
				margin-bottom: 0;
				padding-bottom: 5px;
				
			}
		div.order div.line {
				height: 5px;
			}
		div.order div.tr1 {
				width: 0;
				height: 0;
				border-left: 110px solid transparent;
				border-right: 110px solid transparent;
				border-top: 30px solid;
				position: relative;
				top: -35px;
				margin:0 auto;
			}
		div.order div.tr2 {
				width: 0;
				height: 0;
				border-left: 110px solid transparent;
				border-right: 110px solid transparent;
				border-top: 30px solid;
				position: relative;
				top: 0px;
				margin:0 auto;
			}
	section#content section.main {
		padding-top: 400px;
		width: 100%;
	}
	section#content section.main.padd {
		padding-top: 401px;
	}
	
		section#content section.main h1 {
			font-size: 26px;
		}
		section#content section.main h2 {
			font-size: 18px;
		}
		section#content section.main h3 {
			font-size: 16px;
		}
		section#content section.main h1,
		section#content section.main h2,
		section#content section.main h3 {
			padding-top: 15px;
			font-weight: 600;
			text-transform: uppercase;
		}
		section#content section.main p {
			font-size: 14px;
			padding: 5px 0;
			font-weight: 400;
		}
		section#content section.main p.info {
			font-size: 14px;
		}
		section#content section.main table {
			width: 100%;
			border-spacing: 0;
			font-size: 14px;
			margin-top: 5px;
		}
		section#content section.main table thead tr th {
			font-size: 14px;
			padding: 5px 0;
		}
		section#content section.main table thead tr:first-child th {
			font-size: 14px;
			text-transform: uppercase;
		}
		section#content section.main table th,
		section#content section.main table td {
			border-right: 1px solid;
			border-bottom: 1px solid;
			padding: 8px 0;
		}
		section#content section.main table thead tr td {
			text-align: center;
			text-transform: uppercase;
			font-weight: 700;
		}
		section#content section.main table tbody tr td {
			text-align: center;
		}
		section#content section.main table tbody tr td:first-child {
			/*padding-left: 15px;*/
			text-align: center;
			text-transform: uppercase;
			font-weight: 700;
			/*width: 405px;*/
		}

	section#content section.main ol,
	section#content section.main ul {
		padding-left: 20px;
		font-size: 14px;
		font-weight: 400;
	}
	section#content section.main ul {
		padding-left: 18px;
	}
	section#content section.main li {
		padding: 8px 0;
	}
	section#content section.main ul li {
		padding-left: 5px;
	}
section.map {
	padding-top: 10px;
	min-width:320px;
}
	section.map div#map {
		width: 100%;
		height: 450px;
	}
.footer {
	display:block;
	width:100%;
	height: auto;
	padding:25px 0;
	color: #ffffff;
	text-transform: uppercase;
	min-width:320px;
}
	.footer div.block {
		float: left;
		width: 21%;
		margin: 10px 2%;
	}
.footer div.block a {color:#ffffff}
.footer div.block .second {margin-top:10px}
	
	.footer div.block:first-child a {
		color: #ffffff;
		font-size: 20px;
		font-weight: 800;
		text-transform: uppercase;
		text-decoration: none;
	}
	.footer div.block:first-child a small {
		font-size: 20px;
		font-weight: 300;
		display: block;
	}
	.footer div.block div.phone {
		font-size: 20px;
		font-weight: 800;
	}
	.footer div.block div.phone small{
		font-size: 20px;
		font-weight: 300;
	}
	.footer nav {
		padding-left: 15px;
	}
		.footer nav a {
			color: #ffffff;
			text-decoration: none;
		}
		.footer nav a:hover {
			text-decoration: underline;
		}

.clear {clear:both}

@media handheld, screen and (min-width: 0px) and (max-width: 1024px) {
section#content section.main {padding-top: 0;}

}
		
@media handheld, screen and (min-width: 0px) and (max-width: 1150px) {

	}
	
@media handheld, screen and (min-width: 0px) and (max-width: 800px) {
	.footer div.block {width: 46%;}
}		

@media handheld, screen and (min-width: 0px) and (max-width: 500px) {
.header a, .header div.phone {width:96%;text-align:center}	
.header div.phone {margin-top:20px}
.header .logo .in {padding-left:55px;float:left}	
.header div.phone .in {float:left;margin-left:30px;}
}	
	
@media handheld, screen and (min-width: 0px) and (max-width: 450px) {
	.footer div.block {width: 96%;text-align:center;}
}