/* === Tags ======================================================================================= */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Sans-serif, Helvetica;
	font-size: 11px;
	color: #000;
	background-color: #fff;
	height: 100%;
}

img {border: 0;	padding: 0;	margin: 0;}
form {margin: 0;	padding: 0;	font-family: Arial, Tahoma, Sans-serif, Helvetica;}
	
table {margin: 0;	padding: 0;	border: none;}
table, tr, td {border-collapse:collapse;}

/*==============Links=================================================================*/

a:focus {outline:none;}

a {color: #a4142f; text-decoration:none;}

a:hover {color: #a4142f; text-decoration:underline;}

/* === Base classes ================================================================================ */

.clear {clear: both;}
.left	{float: left;}
.right {float: right;}
.advert {display:block;}
.relative {position: relative;}

/* =================================================================================================*/

#wrap {width: 100%;}

.container {width: 938px; margin: 0 auto;}

/* ===================================================================================================*/

.header {height:198px; background:url(../img/bgHeader.jpg) center 18px no-repeat; padding:0; margin:0;}
.header div.content  {height:179px; background:url(../img/bgHeaderBord.gif) center 0 repeat-x; text-align:right; padding-top:19px;}
.header div.content div {width:995px; margin:auto; text-align: right;}

.menu {height:34px; background:url(../img/bgMenu.gif) 0 0 repeat-x; text-align:center; font-size:11px; font-family:Arial; padding-bottom:5px;}
.menu ul {padding:0; margin:0; list-style:none;}
.menu ul li {display:inline; padding:0;}
.menu ul li a {color:#fff; text-transform:uppercase; font-weight:bold; padding:10px 15px 15px 15px; line-height:34px;margin:0;}
.menu ul li a:hover, .menu ul li a.active {color:#a4142f; background-color:#fff; text-decoration:none;}

.bottom {height:32px; background:url(../img/bgMenuBottom.gif) 0 0 repeat-x;}
.bottom ul li a {color:#383431; padding:12px 15px 11px 15px;line-height:38px;}

/*====================================================================================================*/

.products {padding:13px 0 17px 0; background:#e8f0f0 url(../img/bgProducts.gif) 0 top repeat-x; margin-bottom:4px;}
.products .container {width:788px; margin: 0 auto; background:url(../img/bgCont.gif) 0 0 repeat-y;}

.button {width:165px; height:30px; padding-top:2px; background:url(../img/bgButton.png) 0 bottom no-repeat; text-align:center; font-weight:bold; color:#a4142f; text-transform:uppercase;}

.productList {padding:0; margin:0;  list-style:none; width:165px;}
.productList li {padding:2px 0 2px 6px; margin:0; background:url(../img/lineLi.gif) 0 -1px no-repeat; font-size:9px;width:100%;float:left;}
.productList li.first {margin:0; background:url(../img/lineLiFirst.gif) 0 0 no-repeat;}
.productList li.last {margin:0; background:url(../img/lineLiLast.gif) 0 top no-repeat;}
.productList li a {color:#000; text-decoration:none; padding-left:5px; float:left;}
.productList li a:hover, .productList li.active a {background:url(../img/active.gif) 0 5px no-repeat;}
.w140 {width:136px;}

.plastic {width:218px; float:left;}
.plastic .button {margin-left:45px;}
.plastic .productList {margin-left:46px;}

.metal {width:185px; float:left;}
.metal .button {margin-left:8px;}
.metal .productList {margin-left:17px;}

.equipment {width:191px; float:left;}
.equipment .button {margin-left:11px;}
.equipment .productList {margin-left:18px;}

.services {width:192px; float:left;}
.services .button {margin-left:13px;}
.services .productList {margin-left:16px;}

.news {padding:0 0 15px 0; background:#dcdee0 url(../img/bgNews.gif) center top no-repeat; margin-bottom:4px;}
.news .container {width:750px; margin: 0 auto;}
.news .container .productCont {width:96px; padding:0 14px; float:left;}
.news .container .productCont .picture {width:96px; height:106px; padding-top:7px; text-align:center; float:left;}
.news .container .productCont .pictureMask {margin-top:-114px; :margin-top:-125px;}
.news .container .productCont .desc {padding-top:9px; float:left; :padding-top:0px;}
.news .container .productCont .desc span {font-size:8px; padding:5px 0; text-align:center; float:left;}
.news .container .productCont .desc span.art {width:24px;background-color:#313131; color:#fff;}
.news .container .productCont .desc span.name {width:72px;background-color:#fff; color:#000;}
.news .container .productCont .desc span.price {width:96px;background-color:#ff0000; color:#fff;}
.news .container .productCont .desc b {font-size:12px;}

.promotions {padding:0 0 20px 0; background:#c3c7cb url(../img/bgPromotions.gif) center top no-repeat; margin-bottom:4px;}
.promotions .container {width:760px; margin: 0 auto;}
.promotions .container .productCont {width:231px; padding:0 10px; float:left;}
.promotions .container .picture {width:231px; height:298px; padding-top:6px; text-align:center; float:left;}
.promotions .container .pictureMask {margin-top:-304px; :margin-top:-315px;}
.promotions .container .desc {padding-top:9px; float:left; :padding-top:0px;}
.promotions .container .desc span {font-size:8px; padding:5px 0; text-align:center; float:left; text-transform:uppercase;}
.promotions .container .desc span.art {width:43px;background-color:#313131; color:#fff;}
.promotions .container .desc span.name {width:100px;background-color:#fff; color:#000;}
.promotions .container .desc span.price {width:80px;background-color:#ff0000; color:#fff; padding:3px 0;}
.promotions .container .desc b {font-size:11px;}

h1, h2 {padding:9px 0 0 25px; height:25px; margin:0; margin-bottom:22px; color:#fff; font-size:12px; font-weight:bold; background: url(../img/bgCaption.png) 0 0 no-repeat;}

/*====================================================================================================*/

.content {background:#dcdee0 url(../img/bgContent.gif) 0 0 repeat-y; float:left; width:100%; margin-bottom:4px;}

.mainBlock {margin-left:215px;	background-color:#dcdee0;}

.history {background-color:#fff;padding: 16px 6px; font-weight:bold; color:#a4142f;}
.history a {text-transform:uppercase;}

.main {padding:30px 5% 20px 5%; font-size:14px; color:#54514f;}
.picCont {width:292px; float:left; margin-right:7%;margin-bottom:15px;}
.picCont .pictureMask {margin-top:-214px;}

.description {width:100%; float:left;}
.desc td {font-size:11px; text-align:center; vertical-align:middle; font-weight:bold; padding:7px; background-color:#fff; border:2px solid #c1c0c1;}

.padTop {padding-top:15px;}
.exemple {padding-left:10px; background:url(../img/bullet2.gif) 0 5px no-repeat;}
.exempleTable td {padding:7px; text-transform:uppercase; font-weight:bold; font-size:11px; text-align:center; border:2px solid #000; color:#000; background-color:#dededd;}
.exempleTable th {padding:7px; text-transform:uppercase; font-weight:bold; font-size:16px; text-align:center; border:2px solid #000; color:#000; background-color:#c2c1c1;}

.productTable {border:2px solid #da251d; background-color:#f7f7f8;}
.productTable td {text-align:center; color:#000;}
.productTable td.tableCaption {text-transform:uppercase; font-size:18px; padding:5px; background-color:#a4142f; color:#fff;}
.productTable td.articul {text-transform:uppercase; border-bottom:2px solid #f7f7f8; font-size:12px; padding:5px; background-color:#da251d; color:#ded7d6;}
.productTable td.descrip {font-size:16px; font-weight:bold;}
.productTable tr.rowCap td, .productTable tr.row1 td, .productTable tr.row2 td, .productTable tr.row3 td {padding:2px 0; border:2px solid #000;}
.productTable tr.row1 {background-color:#aaa9a9;}
.productTable tr.row2 {background-color:#c2c1c1;}
.productTable tr.row3 {background-color:#dededd;}

.leftMenu {width:215px;	float:left;	background-color:#c3c7cb;}
.leftMenu .menuCont {width:194px; padding:30px 0 30px 21px;	float:left;	background:#e4e8ec url(../img/bgLeftMenu.gif) 0 0 repeat-x;}
.leftMenu .menuCont .button {float:left; margin-top:3px; text-align:left; width:141px; padding-left:12px; padding-right:12px;}
.leftMenu .menuCont .productList {float:left; margin:10px 0 25px 0;}
.leftMenu .menuCont .productList li a:hover, .leftMenu .menuCont .productList li.active a {background:url(../img/active.gif) 0 5px no-repeat; color:#a4142f;}

.leftLink {padding:0 0 15px 23px;float:left;}
.leftLink a {display:block; width:184px; height:27px; padding:6px 0 0 15px; background:url(../img/bgLeftLink.gif) 0 0 no-repeat; float:left; margin-top:13px; color:#fff; font-weight:bold;}
.leftLink a:hover {text-decoration:none; color:#fff;}

/*====================================================================================================*/

.footer {height:61px; padding-top:13px; background:#a4142f url(../img/bgFooter.gif) 0 -4px repeat-x; color:#f5e8ea; font-size:9px;}
.footer .container {width: 726px; margin: 0 auto;}
.footer .container .left {padding-right:30px;}
.footer .container .left .search {width:209px; height:25px; margin-top:5px; padding:4px 0 0 6px; background:url(../img/bgSearch.gif) 0 0 repeat-x;}
.footer .container .left .search input.inputText {width:165px; padding:2px 5px 3px 5px; font-size: 11px; border:1px solid #9e9e9e; background-color:#fff; margin-right:5px;float:left;}
.footer .container .left .search input[type=image] {margin-top:2px;}
.footer .container a {color:#f5e8ea; text-decoration:underline;}
.footer .container a:hover {color:#f5e8ea; text-decoration:none;}

/*====================================================================================================*/

.error { color: #ff0000;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.upper {text-transform:uppercase;}