html {
	height: 100%
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background:#f8f7f3 url(../images/fon_main.jpg) repeat-x;
	font: normal 1em Tahoma;
	color: #000;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px
 max-width: 100%;
 height: auto;
 width: auto\9; /* ie8 */
}
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px
}

td {
	vertical-align: top;
	padding: 0px
}

h1, h2, h3, h4, p, span {
	padding: 0px;
	margin: 0px
}
hr {width:128px; height:1px;   border:none; background:#000; color:#000; margin:2px 0 2px 0;  clear:both;}   



*:first-child+html hr {width:128px; height:1px;   border:none; background:#000; color:#000; //margin:-12px 0 0 -5px;  clear:both;}   
/*********************************************************************************************************/

.main{width:100%;max-width:960px; min-height:100%; margin:0 auto; padding:0 30px 0 30px; background:#f8f7f3 url(../images/fon_main.jpg) repeat-x;}
.header{width:100%;max-width:960px; height:101px; text-align: right;}
.top{width:100%;max-width:960px; height:280px; background: url(../images/top.jpg) no-repeat; overflow: hidden;}
.left_text{width:18%; height:auto; overflow: hidden; margin:70px 0 0 22px; font:normal 0.8em "Microsoft Sans Serif"; color:#fff; float:left;}
.right_text{width:18%; height:auto; overflow: hidden; margin:45px 15px 0 0; font:normal 0.8em "Microsoft Sans Serif"; color:#fff; float:right; line-height: 13px;}
.right_text h1{font:normal 1em "Microsoft Sans Serif"; color:#fff; text-transform: uppercase; margin:0 0 20px 0;}
.menu{width:auto; height:auto; padding:0 0 0 0; float:right; margin:55px 0 0 0;}
.menu a{ font:bold 1em "Microsoft Sans Serif"; color:#392002; text-decoration: none; padding:0 10px 0 10px;}
.menu span{ font:bold 1em "Microsoft Sans Serif"; color:#8f8312; text-decoration: none; padding:0 10px 0 10px;}
.menu a:hover{color:#8f8312;}
.content{width:100%;max-width:960px; margin:0; padding:0; }
.left{width:18%; height:100%; margin: 0 0 0 0; padding:30px 45px 20px 45px; background:#f5f1e6 url(../images/fon_left.jpg) repeat-x; float: left;}
.left b{font:normal 1.2em "Century Gothic"; color:#8f8313; display:inline-block; margin:0 0 5px 0;}
.left i{font:normal 1em "Microsoft Sans Serif"; color:#454234;}
.left input{width:23%; height:20px; border:1px solid #c8c3b7; margin:2px 0 10px 0;}
.left select{width:5%; height:20px; border:1px solid #c8c3b7; margin:2px 15px 10px 0; font:normal 0.9em Verdana; color:#aca28f;}
.left .zabron{width:11%; height:22px; display:inline-block; background: url(../images/zabron.jpg) no-repeat; margin:0 0 0 0; float:right;}
.phonezag{display:none;}
.phone{width:auto; height:auto; margin:0 0 0 0;}
.phone b{font:normal 1.1em "Century Gothic"; color:#8f8313;}
.phone i{font:normal 1.1em "Century Gothic"; color:#454234;}
.phone a{ font:bold 1em "Microsoft Sans Serif"; color:#392002; text-decoration: none;}
.adress {font:normal 1em "Microsoft Sans Serif"; color:#392002; text-decoration: none; padding:0 10px 0 10px;}
.center{width:47%; height:100%; padding:30px 20px 0 20px; background:#f5f1e6; float:left;}
.text{width:auto; height:auto; }
.text h1{font:normal 1.3em "Century Gothic"; color:#6B610D; margin:0 0 0 0; text-align: center;}
.text h3{font:normal 1.1em "Century Gothic"; color:#8f8313; margin:0 0 0 0; text-align: center;}
.text h2{font:normal 1.1em "Century Gothic"; color:#8f8313; margin:0 0 0 0; text-align: center;}
 .text a{ font:bold 1em "Microsoft Sans Serif"; color:#392002; text-decoration: none; padding:0 10px 0 10px;}
 .text a:hover{color:#8f8312;}
 .text p{font:normal 0.8em "Microsoft Sans Serif"; color:#454234; margin:10px 0 10px 0;}
 .text li{font:normal 0.8em "Microsoft Sans Serif"; color:#454234; margin:10px 0 10px 0;}
 .text .pagination li{font:normal 0.8em "Microsoft Sans Serif"; color:#454234; margin:10px 0 10px 0; float:left;}
.uslugi{width:100%; height:auto; padding:20px; margin:0 0 0 0;  overflow: hidden;}
.uslugi b {font:normal 1em "Century Gothic"; color:#392002; margin:0 0 5px 10px;}
.uslugi img{float:left; margin:0 20px 0 0;}
.uslugi p{display: inline-block; width:auto; height:auto; font:normal 1em "Microsoft Sans Serif"; color:#3e2308; padding:0 0 5px 20px; background: url(../images/arroy.jpg) no-repeat left 3px; }
.right{width:18%; height:100%; padding:50px 10px 0px 10px; background:#f1eee0 url(../images/fon_left.jpg) repeat-x; float: right;}   
.right b{font:normal 1em "Century Gothic"; color:#392002; display:inline-block; margin:0 0 5px 10px;}
.right img{width:100%; height:162px; border:1px solid #c9c4b8; margin:30px 0 0 5px;}
.adres{width:auto; height:auto; margin:30px 0 0 0;}
.adres b{font:normal 1em "Century Gothic"; color:#8f8313; margin:0;}
.adres i{font:normal 0.8em "Microsoft Sans Serif"; color:#454234; letter-spacing: -1px;}
.pagination {font:normal 0.8em "Microsoft Sans Serif"; color:#fff; float:left;}
.pagenav {font:bold 1em "Microsoft Sans Serif"; color:#392002; text-decoration: none; padding:0 10px 0 10px;}   

.footer{width:100%;max-width:960px;  height:auto; background:#fff; padding:10px 0 10px 0px; overflow: hidden; text-align: center;}
#menu_bottom{width:100%;max-width:960px;  height:auto; padding:10px 0 10px 0;  margin:10px 0 0 0; background:#e9e3d3; text-align: center;}
#menu_bottom a{ font:bold 0.8em "Microsoft Sans Serif"; color:#392002; text-decoration: none; padding:0 20px 0 20px;}
#menu_bottom span{ font:bold 0.8em "Microsoft Sans Serif"; color:#8f8312; text-decoration: none; padding:0 40px 0 40px;}
#menu_bottom a:hover{color:#8f8312;}
.footer a{font:normal 0.8em "Microsoft Sans Serif"; color:#aca19a; text-decoration: underline; }
.footer a:hover{text-decoration: none;}
.footer i{font:normal 0.8em "Microsoft Sans Serif"; color:#aca19a;}

 @media screen and (max-width: 900px) {
.right{display:none;}
.right_text{display:none;}
.main{width:100%;max-width:900px; min-height:100%; margin:0 auto; padding:0 30px 0 30px; background:#f8f7f3 url(../images/fon_main.jpg) repeat-x;}
.header{width:100%;max-width:900px; text-align: left;}
.top{width:100%;max-width:900px; height:280px; background: url(../images/top.jpg) no-repeat; overflow: hidden;}
.menu{width:auto; height:auto; padding:0 0 0 0; float:left; margin:55px 0 0 0;}
}

 @media screen and (max-width: 768px) {
.right{display:none;}
.right_text{display:none;}
.main{width:100%;max-width:768px; min-height:100%; margin:0 auto; padding:0 10px 0 10px; background:#f8f7f3 url(../images/fon_main.jpg) repeat-x;}
.header{width:100%;max-width:768px; text-align: left; height:auto;}
.top{width:100%;max-width:768px; background:#f8f7f3; height:auto;}
.menu{width:auto; height:auto; padding:0 0 0 0; float:left; margin:55px 0 10 0;}
}

@media screen and (max-width: 480px) {
.right{display:none;}
.left_text{display:none;}
.left{display:none;}
.right_text{display:none;}
.main{width:100%;max-width:480px; min-height:100%; margin:0 auto; padding:0 0px 0 0px; background:#f8f7f3;}
.header{width:100%;max-width:480px; text-align: left; height:auto;}
.top{width:100%;max-width:480px; background:#f8f7f3;height:auto; }
.center{width:100%; height:100%; background:#f5f1e6; float:left;}
.menu{width:auto; height:auto; padding:0 0 0 0; float:left; margin:15px 0 15px 0;}
.phonezag{width:auto; height:auto; margin:0 0 10 0; display:block; text-align: center;}
.phonezag b{font:normal 1.1em "Century Gothic"; color:#454234;}
.phonezag a{ font:bold 1em "Microsoft Sans Serif"; color:#392002; text-decoration: none;}
}
@media screen and (max-width: 360px) {
.right{display:none;}
.left_text{display:none;}
.left{display:none;}
.right_text{display:none;}
.main{width:100%;max-width:360px; min-height:100%; margin:0 auto; padding:0 0px 0 0px; background:#f8f7f3;}
.header{width:100%;max-width:360px; text-align: left; height:auto;}
.top{width:100%;max-width:360px; background:#f8f7f3;height:auto; }
.center{width:100%; height:100%; background:#f5f1e6; float:left;}
.menu{width:auto; height:auto; padding:0 0 0 0; float:left; margin:15px 0 15px 0;}
.phonezag{width:auto; height:auto; margin:0 0 10 0; display:block; text-align: center;}
.phonezag b{font:normal 1.1em "Century Gothic"; color:#454234;}
.phonezag a{ font:bold 1em "Microsoft Sans Serif"; color:#392002; text-decoration: none;}
}

@media screen and (max-width: 320px) {
.right{display:none;}
.left_text{display:none;}
.left{display:none;}
.right_text{display:none;}
.main{width:100%;max-width:320px; min-height:100%; margin:0 auto; padding:0 0px 0 0px; background:#f8f7f3;}
.header{width:100%;max-width:320px; text-align: left; height:auto;}
.top{width:100%;max-width:320px; background:#f8f7f3;height:auto; }
.center{width:100%; height:100%; background:#f5f1e6; float:left;}
.menu{width:auto; height:auto; padding:0 0 0 0; float:left; margin:15px 0 15px 0;}
.phonezag{width:auto; height:auto; margin:0 0 5 0; display:block; text-align: center; }
.phonezag b{font:normal 1.1em "Century Gothic"; color:#454234;}
.phonezag a{ font:bold 1em "Microsoft Sans Serif"; color:#392002; text-decoration: none;}
.uslugi{display:none;}
}