@charset "utf-8";
html, body {margin:0; padding:0; text-align: center; }
body {font-family: Trebuchet MS; color:#000; font-size: 13px; z-index: 0;}
img {border:0}
form {display:inline}
table {border-collapse:collapse}
td {padding:0; vertical-align:top}
li {list-style: disc; font-size: 13px; }
.menu, .menu li {margin:0; padding:0; list-style:none}
a {text-decoration: underline; color:#3366cc;}
a:hover {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {padding:0px; margin: 0px;}
h1 {font-size: 20px;}
h2 {text-indent: 10px; font-size: 18px;}
h3,h4,h5 { font-size: 15px; text-indent: 10px;}
p {margin: 10px; font-size: 13px; line-height: 17px;}
a.left {text-align: left; margin: 0px 0px 0px auto;}
.clear {clear: both; margin: 0px;}
.hide {display: none;}

	
div.advert {cursor:pointer; background: url(/static/public/images/with_adw.png); width:571px; height: 98px; color:#df0d06; margin: 15px 0; padding: 0px;}
	div.advert div.small {display:block; width:491px; height:20px; font-size: 12px; margin:0px 20px 0px 60px; padding-top: 20px;}
	div.advert div.big   {font-size: 18px; width:491px; height:20px;margin:0px 20px 0px 40px; padding-top: 10px;}	
	div.advert div.big a {color:#df0d06;}
		
div.advert_2 {background: url(/static/public/images/sale_pavilons.png); width:485px; height: 90px; color:#df0d06; margin: 15px 0; padding: 0px;}
#steel {cursor:pointer;}
	div.advert_2 div.big   {font-size: 15px; height:20px;margin:0px 20px 0px 89px; padding-top: 34px; display: block; color:#DF0D06;}	
	div.advert_2 div.big a {color:#DF0D06;}
	#steel div.big a {text-decoration: none;}

div.pages {float: right; margin: 5px 25px 0 0;}
	div.pages a { padding: 3px; }
	div.pages a.current {font-size: 16px; text-decoration: none; font-weight: bold; }
	div.pages span {color:#36C; font-size: 18px; font-weight: bold;}

#catalog {margin: 20px 0;} 
	#catalog div {display:inline; float: left; margin: 0px 55px 20px 0px; }
	#catalog div.last {margin-right: 0px;}
	#catalog div img {display: block;}
	#catalog div span {display: block; float: right; font-size: 16px; padding: 4px; }
	
.root {width: 1000px;  margin: 0px auto; min-width:1000px; z-index: 0;}
	.header {height: 396px; width: 1000px; background: #fff; overflow: hidden;}
		.logo {display: inline; float: left; margin: 29px 0px 0px 51px;}
			.logo .left {display: inline; float:left; position:relative; z-index: 6;}
			.logo a {}
			.logo img {margin: 0px 25px 0px 0px;}
			.logo .line_separeator {display:inline; border-left: 1px solid #3366cc; overflow: hidden;width: 2px; height:58px; margin: 8px 0px 7px 0px;  }
			.logo .phone {overflow:hidden; margin:0px 0px 0px 33px; width: 157px; text-align: left;  font-size: 22px; color:#c00; padding: 5px 0px 0px 0px;}
		.slogan {display: block; float: right; position: relative; top: 25px; left: -48px; z-index: 6; }
		.slide_img {display: block; z-index: 5; position: relative; top:-76px;}
			.slide_img img {z-index: 5;}
			.arrows {position: relative; top:-260px; left:-25px; z-index: 11;}
				.arrows a {display: block; float: right; z-index: 11; margin-left:4px;}
				.arrows a img {display: block;}
		.main_menu {display: block; position: relative; top: 251px; width: 1000px; z-index: 10}
			.main_menu li { display: block; float: left;}
			.main_menu li a {display: block; margin-left:7px; width: 180px; padding-top:11px; height: 32px; background:url('/static/public/images/menu_bg.png'); background-position: center top; text-decoration: none; color: #fff; font-size: 18px;}
			.main_menu li a.first { margin-left:36px;}
			.main_menu li a:hover {background-position: center -43px;}
			.main_menu li a.active {background-position: center -86px; color:#3366cc; cursor: default;}
			.main_menu li a.active:hover {background-position: center -86px;}
	
	.content {width:740px; float:left; text-align: justify; padding: 20px 0px 0px 0px; margin-left:20px; }
		.images {display:block;width: 740px; margin: 10px 0px 20px 0px;}
		.desc { height:137px; }
			.images li {display: inline; float: left;}
			.images li a {display: block; margin:0px 10px 10px 0px;}
			.images li a.last { margin:0px 0px 10px 0px;}
			.images li a img {display: block;}

		.form  {width:380px; color:#3366cc; float:left;}
			.submit {background:url(/static/public/images/button_contacts.png) no-repeat; width:177px; height:28px; display:block; text-decoration:none; color:#fff; font-size:14px; text-align:center; padding-top:7px; margin:19px 0px 0px 0px; }
			.form a:hover {background:url(/static/public/images/button_contacts_hover.png) no-repeat;}
			.field {background:url(/static/public/images/input.png) no-repeat; width:229px; height:37px; margin:17px 0px 0px 0px; background-position:center;}
			.field input {width:203px;height:30px;border:0px;margin:2px 0px 0px 13px;background:#f0fafe;outline:none;color:#3366cc;font-size:14px;}
			.textarea {margin:17px 0px 0px 0px;background:url(/static/public/images/textarea.png) no-repeat; width:309px;height:157px;background-position:center center;}
			.textarea textarea {font-family: Trebuchet MS; color:#3366cc;font-size:14px; background:#f0fafe;border:0px;resize:none;overflow:auto;width:280px;height:145px;margin:3px 0px 0px 12px;outline:none!important;}
				.form .error {background-position:top;}
				.form .focus {background-position:bottom;}
			.form span {display:block; color:#000; margin: 20px 0px 0px 0px; font-size:14px; font-weight:bold;}
		
		.address_map {width:350px; float:right;}
			.address_map h1 {color:#3366cc;}
			.address_map p {line-height:25px;font-size:16px;}
			.address_map b {line-height:25px;font-size:18px;}
			.address_map h1 {margin-top:0px;}
			.address_map .map {margin:10px 0px 10px 0px; width: 342px; height: 237px; overflow: hidden;}

.quick_menu {width: 199px; float: right; margin: 40px 20px 0px 0px; color:#3366cc; text-align: center;}
		.quick_menu ul {width: 199px; margin: 0px auto; display: block; background:#f0fafe;}
		.quick_menu li {color:#3366cc; margin: 0px auto; font-size: 14px; width: 168px; height: 24px; padding-top:5px; border-top:1px solid #ebf2f4; background:#f0fafe; text-align: left;}
		.quick_menu li span {display: block; float:left; width: 15px;}
		.quick_menu li a {}
		.quick_menu li:hover {color:#C00;}
		.quick_menu li:hover a{color:#C00;}
		.quick_menu div.first {background: url('/static/public/images/right_menu_up.png') no-repeat; height:35px; width:199px; font-size: 20px; color:#3366cc; padding: 8px 0px 0px 0px;}
		.quick_menu div.last {background: url('/static/public/images/right_menu_down.png') no-repeat; height: 13px; width:199px;}
	.footer {background: url('/static/public/images/footer.png') center top no-repeat; width: 1000px; height: 234px; margin-top: 40px;}
		
		.footer ul.footer_menu {display: block; float:left; width:720px; height:100px; overflow: hidden; position: relative; top:90px; left: 50px;}
			.footer ul.footer_menu li {display: inline; float:left; width:180px; height: 20px; text-align: left;}
			.footer ul.footer_menu li a {color:#fff; font-size: 14px;}
			
		.contacts {width: 167px; height: 130px; float: right; color:#fff; position: relative; top:80px; left:-56px; }
			.contacts ul {display: block; text-align: center;}
			.contacts li.phone {font-size: 21px;}
			.contacts li.address {font-size: 14px;display:block;position: relative; top:12px;}

		.copyright {display:i; color:#fff; float:left;margin:75px 0px 0px 50px;}