@charset "utf-8";
/* CSS Document */
html {
	padding:0;
	margin: 0;
	height: 100%;
}
body {
	margin: 0;
	padding:0;
	height: 100%;
	font:normal 82% Arial, Helvetica, sans-serif;
	line-height:130%;
	color:#333333; 
	background: #ffffff;
	
}
a {
	color:#0073cc;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3, h4 {
	padding:0;
	margin:0 0 20px 0;
	color:#333333; line-height:120%;
	font-weight:normal
}

h2 { font-size:160%; font-family:"Arial Narrow"; color:#202020 	}

h1, h3 {font-size:140%; color:#81713A}

.hsk {font-family:"Arial Narrow"; color:#202020; margin:0 0 5px 0; 	}
.sklad { background:url(../images/str.gif)  left 5px no-repeat; padding:0 0 0 15px;}

img {
	border:none
}


p { margin:0 0 20px 0; padding:0}
fieldset, form {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:top;
	background:transparent;
}
html>body #All {
	height: auto;
}
#All {
	position: relative;
	height: 100%;
	min-height: 100%;
	margin:0 auto; width:100%; 
	min-width:970px;
\\width:expression(documentElement.clientWidth < 970 ? "970px" : "100%" );
//width:expression(documentElement.clientWidth < 970 ? "970px" : "100%" );
_width:expression(documentElement.clientWidth < 970 ? "970px" : "100%" );
.width:expression(documentElement.clientWidth < 970 ? "970px" : "100%" );
	max-width:1400px;
\\width:expression(documentElement.clientWidth > 1280 ? "1280px" : "100%" );
//width:expression(documentElement.clientWidth > 1280 ? "1280px" : "100%" );
_width:expression(documentElement.clientWidth > 1280 ? "1280px" : "100%" );
.width:expression(documentElement.clientWidth > 1280 ? "1280px" : "100%" );
 

}
#Main { margin:0 7%;  border-top:#a85445 solid 4px;   }
.TopBox { position:relative; text-align:right; padding:9px 0 0 0; margin-bottom:9px    } 
.TopBox input { background:#FFFFFF url(../images/search.gif) right no-repeat; height:12px; border:#666666 solid 1px; font-size:11px; padding-left:3px; font-family:Arial, Helvetica, sans-serif; color:#666666 }
.Mail { float:left; color:#666666; font-size:87%; line-height:140%;}
.Mail a { color:#666666; padding:0 12px; text-decoration:none}
.Mail a:hover { text-decoration: underline}


#Header {
	height:176px;  margin:0 auto; 
	position:relative; background: url(../images/fonheader1.jpg) top no-repeat; 
}
#Header h1 a {position:absolute; margin:0; padding:0;
	width:296px; height:93px; display:block;
	background:url(../images/logo.gif) no-repeat; text-indent:-1100%;
	top:30px; left:22px; z-index:1;
	text-decoration:none}
#Header h1 { text-indent:-1100%;}

.Menu  { background: #414141 url(../images/fonmenu.gif); height:54px; text-align:center;  position:relativ; }


.Menu ul { padding:0; margin:0; list-style:none;   margin: 0 auto; display: table;
    white-space: nowrap; }
.Menu ul  li { display: table-cell;   }


.Menu  ul { display: inline-block; }
.Menu  ul { display: inline; }
.Menu  li { display: inline-block; }
.Menu  li { display: inline;  }



.Menu li a {
padding:0 10px;  float:left; margin:12px 13px 0 13px;
color: #ffffff; line-height:200%; 
}
.Menu li a.activ {
	 background:#5499cd; text-decoration: none; 
}


.ContTable {border-collapse:collapse;
	border-spacing:0; width:100%}

.ContTable td {vertical-align:top}
.Prod { width:195px; padding:0 35px; }

.Prod ul {list-style: none;
	padding:0; 
	margin:0;}

.Prod ul li  {text-indent:-2000%;  z-index:1; }

.Prod ul li a {width:194px; height:128px; display:block; margin:25px 0; text-indent:-2000%;  color: #ffffff;  }
.belts { background: url(../images/belts.gif)}
.plate { background: url(../images/plate.gif)}
.sleeves { background: url(../images/sleeves.gif)}
.tape { background:url(../images/tape.gif)}
.About { width:42%;}
.About h2 { font-size:110%;}
.Online {padding:0 0 40px 0; margin:0}
.News {background:url(../images/shtrih.gif) bottom repeat-x; padding-bottom:20px; margin-bottom:20px;}
.News span { display:block; margin-bottom:5px; color:#9c9c9c; font-size:87%}
.headnews { display:block; margin-bottom:5px; color:#81713A}

#Footer {
height:131px;
	
	
}

.FootCont { background:url(../images/fonfooter.gif) bottom repeat-x; height:131px; }
.Copy {
 padding:30px 0 0 30px; color:#FFFFFF; 
}
.Code { margin-top:5px}
.Adres {background:url(../images/fonadress.gif) left  no-repeat; padding-right:30px; width:443px; vertical-align:top;   padding-left:40px; }
.Adres h2 { margin-bottom:35px;}
.Adres p,  .Adres a{ color:#aac5d3}

.Content { padding:25px 0 45px 0}

.Stroka { margin:0 auto; margin-bottom:25px; }
.Stroka b {background: #414141 url(../images/fonmenu.gif); padding:5px; color:#ffffff}
.Content2 { padding:35px 6% 45px 6% }

.tableprod {width:100%;  background:url(../images/shtrih.gif) bottom repeat-x; margin-bottom:25px; }
.tableprod  img, .imagecont { border:#e0e0e0 solid 6px; }
.tableprod td { vertical-align:top; padding-bottom:20px }
.tdpr { padding-left:25px;}
.tdpr h3 { margin-bottom:20px;}
.tdpr h3 a { color:#9a8746}

.tablelent { width:100%; background:#dddddd; margin-bottom:15px;}
.tablelent td { background:#FFFFFF;}
.tablelent  th { font-size:100%;  background:#efefef;}
h4 { font-size:110%;  font-weight:bold	}
.ots { margin-bottom:40px; }
.ost2 {background:url(../images/shtrih.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:20px;}
a.sert { float:left; margin:0 40px 40px 0; height:293px; width:202px; border:#e0e0e0 solid 3px;}
a:hover.sert { float:left; margin:0 40px 40px 0; height:293px; width:202px; border:#dbd9d9 solid 3px;}