*
	{
	margin:0;
	padding:0;
}
.map {
list-style: square;
}
html, body
	{
	height:100%;
}
html
	{
	background:#fff;
	}
body
	{
	width:997px;
	margin:0 auto;
	min-height:100%;
	position:relative;
	}
	
#conteiner
	{
	width:997px;
	min-height:100%;
	background:url(http://metallkomplekt.net/images/fon-right.jpg) repeat-y 100% 0;
	margin:0 auto;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~header~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header
	{
	width:100%;
	height:364px;
	background:#f1eeee;
	}
	
#header-left
	{
	width:304px;
	height:364px;
	float:left;
	}
	
#logo
	{
	display:block;
	width:304px;
	height:138px;
	background:url(http://metallkomplekt.net/images/logo.jpg) no-repeat;
	}
	
#header-menu-zag
	{
	width:304px;
	height:28px;
	background:#0a6398;
	}
	
#header-menu-zag p
	{
	font:normal 14px/28px arial;
	color:#fff;
	padding-left:20px;
	}
	
#header-menu-block
	{
	width:304px;
	height:auto;
	}
	
#header-menu-block ul
	{
	list-style:none;
	display:block;
	margin:10px 0 0 20px;
	}
	
#header-menu-block li
	{
	display:block;
	width:250px;
	height:30px;
	background:url(http://metallkomplekt.net/images/menu-fon.jpg) repeat-x 0 100%;
	}
	
#header-menu-block li a
	{
	display:block;
	width:250px;
	height:30px;
	background:url(http://metallkomplekt.net/images/list-menu.jpg) no-repeat 0 9px;
	text-decoration:none;
	}
	
#header-menu-block li a p
	{
	display:block;
	font:normal 14px/27px arial;
	color:#000;
	padding-left:22px;
	}
	
#header-menu-block li a:hover
	{
	background:url(http://metallkomplekt.net/images/list-menu-hover.jpg) no-repeat 0 9px;
	}
	
#header-menu-block li a p:hover
	{
	color:#0a6298;
	text-decoration:underline;
	}
	
#header-menu-block li a p
	{
	behavior:url("http://metallkomplekt.net/css/ie6.htc");
	}
	
#header-right
	{
	width:693px;
	height:364px;
	background:url(http://metallkomplekt.net/images/pic.jpg) no-repeat;
	float:left;
	position:relative;
	}
	
#ico
	{
	width:140px;
	height:11px;
	position:absolute;
	top:10px;
	left:40px;
	}
	
#m1, #m2, #m3
	{
	float:left;
	width:11px;
	height:11px;
	padding-right:35px;
	}
	
#m1
	{
	background:url(http://metallkomplekt.net/images/m1.jpg) no-repeat;
	}
	
#m2
	{
	background:url(http://metallkomplekt.net/images/m2.jpg) no-repeat;
	}
	
#m3
	{
	background:url(http://metallkomplekt.net/images/m3.jpg) no-repeat;
	}
	
#tel
	{
	width:380px;
	height:100px;
	position:absolute;
	top:5px;
	left:300px;
	}
	
#tel p
	{
	font:normal 14px/25px arial;
	color:#2b77a6;
	}
	
#tel p span.tel
	{
	font:normal 25px arial;
	color:#000;
	}
	
#adres
	{
	width:450px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:220px;
	}
	
#adres p
	{
	font:normal 13px/23px arial;
	color:#fff;
	}
	
#adres p a
	{
	color:#fff;
	}
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~content~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content	
	{
	width:
	height:auto;








	}
	
	
	
	/*~~~~~~~~content-left~~~~~~~~*/
	
#content-left
	{
	float:left;
	width:766px;
font:normal 12px/15px arial;
	height:auto;
	}
	
.zag
	{
	height:55px;
	background:#fff;
	}
	
.zag p
	{
	font:normal 14px arial;
	color:#0a6298;
	padding:25px 0 0 40px;
	position:relative;
	}
	
.zag-text p
	{
	padding-left:20px;
	}
	
h1
	{
	height:55px;
	background:#fff;
	display:block;
	font:normal 14px arial;
	color:#0a6298;
	
padding:5px 0 0 5px;
text-transform:uppercase;
	}
	
h1 p
	{
	padding:25px 0 0 20px;	
text-transform:uppercase;
	}
	
h1.zag-bold
	{
	display:block;
	height:50px;
	background:#fff;
	}
	
h1.zag-bold p
	{
	font:normal 16px arial;
	color:#0a6298;
	padding:25px 0 0 40px;
	position:relative;
	text-decoration:underline;
	}
	
	
	
/*left block*/
#left-block
	{
	width:730px;
	height:auto;
	margin-left:20px;
	}
	
#new-block
	{
	width:730px;
	height:auto;
	background:url(http://metallkomplekt.net/images/new-block-fon.jpg) repeat-y;
	display:table;
	}
	
.new-block-top
	{
	width:730px;
	height:41px;
	background:url(http://metallkomplekt.net/images/new-block-top.jpg) no-repeat;
	}
	
.new-block-bottom
	{
	width:730px;
	height:41px;
	background:url(http://metallkomplekt.net/images/new-block-bottom.jpg) no-repeat;
	clear:both;
	}
.new-block-text
	{
	float:left;
	width:33%;
	height:auto;
	margin:-20px 0;
	position:relative;
	}
	
.new-block-text p
	{
	font:normal 12px/15px arial;
	color:#000;
	padding:0 20px;
	}
	
.new-block-text h4
	{
	font:bold 12px/15px arial;
	color:#0a6298;
	padding-left:20px;
	}
	
#block-text p
	{
	font:normal 12px/16px arial;
	color:#000;
	}
	
#block-text ul
	{
	display:block;
	padding:15px 0;
	}
#block-text li
	{
	display:block;
	list-style:none;
	background:url(http://metallkomplekt.net/images/list.jpg) no-repeat 0 8px;
	text-indent:15px;
	font:normal 12px/17px arial;
	color:#000;
	}
/*~~~~~~~~~~~~new-block-2~~~~~~~~~~~~~~*/
#new-block-2
	{
	width:730px;
	height:auto;
	background:url(http://metallkomplekt.net/images/new-block-fon-2.jpg) repeat-y;
	display:table;
	}
	
.new-block-top-2
	{
	width:730px;
	height:41px;
	background:url(http://metallkomplekt.net/images/new-block-top-2.jpg) no-repeat;
	}
	
.new-block-bottom-2
	{
	width:730px;
	height:41px;
	background:url(http://metallkomplekt.net/images/new-block-bottom-2.jpg) no-repeat;
	clear:both;
	}
	
.new-block-text-2
	{
	float:left;
	width:100%;
	height:auto;
	margin:-20px 0;
	position:relative;
	}
	
.new-block-list-left, .new-block-list-right, .new-block-list-left-black, .new-block-list-right-black
	{
	float:left;
	width:49%;
	}
	
.new-block-list-left li, .new-block-list-right li
	{
	list-style:none;
	background:url(http://metallkomplekt.net/images/list-blue.jpg) no-repeat 0 5px;
	margin-left:80px;
	display:block;
	height:25px;
	}
	.new-block-list-left .prokat {
	list-style:none;
	margin-left:80px;
background:none;
	display:block;
	height:25px;
	}
.new-block-list-right .prokat {
	list-style:none;
	margin-left:80px;
background:none;
	display:block;
	height:25px;
	}
.new-block-list-left li a, .new-block-list-right li a, .new-block-list-left-black li a, .new-block-list-right-black li a
	{
	text-decoration:none;
	font:normal 14px arial;
	color:#000;
	padding-left:20px;
	}
	
.new-block-list-left li a:hover, .new-block-list-right li a:hover, .new-block-list-left-black li a:hover, .new-block-list-right-black li a:hover
	{
	text-decoration:underline;
	}
	
.new-block-list-left-black li, .new-block-list-right-black li
	{
	list-style:none;
	background:url(http://metallkomplekt.net/images/list-black.jpg) no-repeat 0 5px;
	margin-left:80px;
	display:block;
	height:25px;
	}
	
/*~~~~~~~~~~~price~~~~~~~~~~~*/
#price
	{
	width:100%;
	height:auto;
	margin-top:20px;
	}
	
#price li
	{
	width:33%;
	height:87px;
	list-style:none;
	float:left;
	}
	
#price li img
	{
	float:left;
	margin-right:10px;
	}
	
#price li a
	{
	text-decoration:none;
	font:normal 12px/13px arial;
	color:#000;
	text-align:left;
	display:block;
	padding-top:10px;
	}
	
#price li a:hover
	{
	text-decoration:underline;
	}
	
/*~~~~~~~~~~~~~~~~~~~catalog-product~~~~~~~~~~~~~~~~~~*/
#product
	{
	width:730px;
	_width:725px;
	height:auto;
	}
	
#product ul
	{
	list-style:none;
	display:block;
	width:100%;
	height:25px;
	}
	
#product ul li
	{
	float:left;
	}
	
#product ul li p
	{
	font:normal 14px/25px arial;
	color:#000;
	}
	
.width-50
	{
	width:345px;
	}
	
.width-50 p
	{
	padding-left:20px;
	}
	
.width-16
	{
	width:115px;
	}
	
.width-16 p
	{
	text-align:center;
	}
	
.zag-product
	{
	width:700px;
	height:40px;
	background:#fff;
	}
	
.zag-product p
	{
	font:normal 14px arial;
	color:#0a6298;
	padding:8px 0 0 20px;
	position:relative;
	}
	
.fon
	{
	background:#e6e6e6;
	}
	
	/*~~~~~~~~content-right~~~~~~~~*/
	
#content-right
	{
	float:left;
	width:231px;
	height:auto;
	}
	
#block-st
	{
	width:231px;
	height:auto;
	background:url(http://metallkomplekt.net/images/ug-top.jpg) no-repeat 0 0;
	}
	
.st
	{
	width:190px;
	height:auto;
	margin:0 auto;
	padding:20px 0 10px 0;
	}
	
.st h4
	{
	font:bold 12px/16px arial;
	color:#0a6298;
	}
	
.st p
	{
	font:normal 12px/16px arial;
	color:#000;
	}
	
.st a
	{
	font:normal 12px arial;
	color:#0a6298;
	text-align:right;
	display:block;
	padding:0 0 10px 0;
	}
	
.st a:hover
	{
	text-decoration:none;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~footer~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#nol
	{
	height:100px;
	clear:both;
	background:#fff;
	}
	
	
#footer
	{
	width:997px;
	height:85px;
	margin:0 auto;
	margin-top:-85px;
	background:#0a6298;
	position:relative;
	}
	#footer a {
color:white;








}
#footer p
	{
	font:normal 11px arial;
	color:#fff;
	padding:35px 0 0 25px;
	}
	
#baner
	{
	width:200px;
	height:31px;
	position:absolute;
	top:27px;
	right:15px;
	}
#baner-1, #baner-2
	{
	width:88px;
	height:31px;
	float:left;
	}
	
#baner-1
	{
	padding-right:10px;
	}