html {height:100%;}
body {height:100%; margin:0; padding:0; font-family:Verdana; font-size:13px; background: #080C06;}
#main {min-height:100%; background:url('/images/middle.png') repeat-y center #080C06;}
body>div {margin:0 auto; width:1000px;}
a{color:#303233;}
a:hover{color:#000000; text-decoration:none;}
a.link:visited { font-size:14px; color: #000000; text-decoration: none;}
a.link:active { font-size:14px; color: #000000; text-decoration: none;}

#menu {padding: 5px 0 0 20px;}
#menu ul {margin:0; padding:0; list-style:none;}
#top {position:relative;}
#menu ul li {float:left; padding:0 5px 0 0;}
#menu ul li a{display:block; color:#000000; background: #7F858A; text-decoration:none; padding:2px 6px;
	border-top: 2px solid #C6C9CB;
	border-bottom: 2px solid #696F73;
	border-left: 2px solid #696F73;
	border-right: 2px solid #696F73;
	border-radius: 10px;
	text-transform:uppercase;
	font-size:14px;
}
#menu ul li a:hover, #menu ul li.active a{
	background:#9CA1A5;
	border-top: 2px solid #D5D7D9;
	border-bottom: 2px solid #686E73;
	border-left: 2px solid #686E73;
	border-right: 2px solid #686E73;
	border-radius: 10px;
}
#flash {width:170px; height:109px; position:absolute; left:280px; top:40px; font-size: 10px;}
#sitename {margin:50px 0 0 20px; color:#FFFFFF; font-size:30px;}
#sitename  a {color: #fff; text-decoration: none;}
#top {background:url('/images/top.png') no-repeat center; height:340px;}
#footer {background:url('/images/bottom.png') no-repeat center; height:80px; margin-top:-80px;}
#right {float:right; color:#FFFFFF; padding:5px 0 0 0; margin:0 40px 0 0;}
#pagetitle {margin:50px 0 0 30px; width:430px; height:115px; font-size:20px; text-align:center; font-weight:bold;}
.phone {font-size:20px; margin:10px 0 0 0;}
.phone a {color:#FFFFFF; text-decoration:none; float:right; font-size:14px; line-height:30px;}
.phone a:hover {text-decoration:underline;}
#right .text {margin:103px 0 0 0; text-align:right;}
#left {width:200px; margin:0 0 0 25px; float:right;}
#left h2{font-size:18px;}
#left ul{margin:0; padding:0; list-style:none;}
#left ul li {text-decoration: underline; color:#303233;}
#left ul li a{text-decoration: underline; color:#303233; font-size:14px;}
#left ul li a:hover {text-decoration:none;}
#content {margin:0 35px 0 0; width:737px; float:right; text-align:justify;}
#content .wrap{padding:0 0 0 18px;}
#content img {margin:20px; box-sizing:border-box;}
#content table {border-collapse:collapse;}
#content table td {vertical-align:top; border:1px solid black; padding:2px;}
#content table.noborder td {border:none;}
#content table thead td {text-align:center;}
#middle {padding-bottom:80px; position:relative;}
#counter {float:left; padding:10px 20px 0 80px;}
#links {float:right; padding-top:40px; padding-right:20px; width:300px;}
#links a{color:white;}
#copyright {float:right; padding-top:40px; padding-right:40px;color:white; width:380px;}
.metrika {margin-left: 420px; margin-top: -25px;}

.breadcrumb{margin:0;list-style:none; padding:0 0 25px 0;}
.breadcrumb li{display:inline-block; vertical-align:top; padding-right:5px;}

.pagination{padding:20px 0 20px 0;}
.pagination ul{margin:0; padding:0; list-style:none;}
.pagination ul li{margin:0; padding:0 10px 0 0; background:transparent; display:inline;}
.pagination ul .active a{color:#e75c46; text-decoration:none;}

.answer_form{background:#c6c7c8; padding:25px; max-width:300px; margin:0 0 35px 0;}
.answer_form input[type=text]{font-size:13px; color:#434343;background:#fff; border:1px solid #bbb; height:33px; box-sizing:border-box; width:100%; padding:0 0 0 10px; margin:0 0 20px 0;}
.answer_form select{font-size:13px; color:#434343;background:#fff; border:1px solid #bbb; height:33px; box-sizing:border-box; width:100%; padding:0 0 0 10px; margin:0 0 20px 0; cursor:pointer;}
.answer_form textarea{font-size:13px; color:#434343;background:#fff; border:1px solid #bbb; box-sizing:border-box; width:100%; padding:0 0 0 10px; margin:0 0 20px 0; padding-top:5px;}
.answer_form input[type=text]:focus, textarea:focus{border-color:#666666;}
.answer_form error input[type=text], .error  textarea{border-color:#e75c46;}

.answer_list{padding:0 0 25px 0;}
.answer_list .item{padding:0 0 10px 0;}
.answer_list .item .date{font-size:14px; color:#999; padding:0 0 5px 0;}
.answer_list .item .lab{font-weight:bold;}
.answer_list .item .txt{font-size:12px; padding:0 0 8px 0; color:#333;}

.fokk{padding:0 0 20px 0;}
.fokk > span{display:block;}
.fokk .t1{font-size:16px; padding:0 0 5px 0;}
.name {padding: 20px 0 10px 0;}
.name a {font-size: 16px;}
.btn_order{cursor:pointer; position:fixed; background: url('/images/form.png'); width:34px; height:192px; top:100px; right:-4px;}
.btn_order a{display:block; width:34px; height:200px;}

@media screen and (max-width:1026px) {
	#main{width:auto; background:none;}
	#footer{width:auto; margin:0 auto; background:none; margin-top:0;}
	#flash{display:none;}
	#top {background:url('/images/top2.png') no-repeat center top; height:319px;}
	#middle{position:relative; z-index:9; padding-bottom:0;}
	#pagetitle{border-radius:14px; border:5px solid #fff; background:#c6c6c7; padding:10px 15px; margin-top:40px;
	-webkit-box-shadow: inset 0px 0px 10px 6px rgba(159, 159, 159, 0.7), 1px 1px 1px 1px rgba(159,159,159,0.9);
	-moz-box-shadow:    inset 0px 0px 10px 6px rgba(159, 159, 159, 0.7),  1px 1px 1px 1px rgba(159,159,159,0.9);
	box-shadow:         inset 0px 0px 10px 6px rgba(159, 159, 159, 0.7), 1px 1px 1px 1px rgba(159,159,159,0.9);
	}
	#left{background:none; margin:0; margin-top:-20px; width:235px; width:30%;}
	#left .wrap{padding:10px 15px; margin-left:25px; border:5px solid #fff; background:#c6c6c7; border-radius:14px;
		-webkit-box-shadow: inset 0px 0px 10px 6px rgba(159, 159, 159, 0.7), 1px 1px 1px 1px rgba(159,159,159,0.9);
		-moz-box-shadow:    inset 0px 0px 10px 6px rgba(159, 159, 159, 0.7),  1px 1px 1px 1px rgba(159,159,159,0.9);
		box-shadow:         inset 0px 0px 10px 6px rgba(159, 159, 159, 0.7), 1px 1px 1px 1px rgba(159,159,159,0.9);
	}
	#content{background:#fff; width:70%;}
	#content{margin:0; width:70%; min-height:1270px;}
	#content .wrap{padding:15px 15px;}
	#content img{max-width:80%; width:auto; height:auto;}
}

@media screen and (max-width:766px) {
	#top{height:auto; background-position:-256px 0;}
	#menu{overflow:hidden; text-align:center;}
	#menu ul li{margin:0 0 10px 0; float:none; display:inline-block; vertical-align:top;}
	#right{float:none; width:auto; padding:0 0 15px 0; margin:50px 0 0 0; text-align:center; text-shadow:1px 1px 1px #000;}
	#right .phone a {float:none; width:auto; padding:0 0 15px 0; margin:0;}
	#right .text {margin:25px 0 0 0; text-align:center;}
	#sitename{text-align:center; margin:0; position:absolute; top:70px; left:0; width:100%; text-shadow:1px 1px 1px #000;}
	#pagetitle{margin:0 20px 30px; width:auto; height:auto;}
	
	
	#left{float:none; margin:0 20px 40px; width:auto; position:static;}
	#left .wrap{margin:0;}
	#content{width:auto; float:none; min-height:200px; margin:0 20px 20px;}
	.btn_order{display:none;}
	
	#footer{text-align:center; padding:0; margin:0 20px;}
	#counter{float:none; width:auto; padding:0 0 15px 0; margin:0;}
	#links{float:none; width:auto; padding:0 0 15px 0; margin:0;}
	#copyright{float:none; width:auto; padding:0 0 15px 0; margin:0;}
	.metrika{width:auto; display:block; padding:15px 0 15px 0; margin:0;}
}


@media screen and (max-width:600px) {
	#pagetitle{margin:0 10px 30px; width:auto;}
	#left, #content, #footer{margin-left:10px; margin-right:10px;}
}
@media screen and (max-width:460px) {
	#sitename{top:120px;}
	#right{margin-top:70px;}
}
@media screen and (max-width:370px) {
	#left, #content, #footer{margin-left:5px; margin-right:5px;}
}