@charset "utf-8";
/* CSS Document */

/*-------------Изменение стиля тегов------------*/
body
  {
	margin: 0;
	background-color:#2088d4;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	width:100%;
  }
h1{font-size:14px; text-align:center; border-bottom:1px solid #2088D4; text-transform:uppercase}
h2{font-size:12px; margin:15px 0px 5px 20px}  
h3{display:list-item; list-style-type:circle; border-bottom:1px solid #2088D4; font-size:12px; margin:15px 0px 5px 20px; clear:both}
h3 a{color:yellow;}
a
  {
	  text-decoration:none;
	  color:#FFF;
	  font-size:12px;
	  font-weight:bold;
  }
a:hover
  {
	  text-decoration: underline;
  } 
a img{border:none}
td, tr, a, caption, text, pre, font, div {font-family: verdana; font-size: 12px; color: ffffff;} 
ul, ol {margin:0px;}
ul ul, ul ol, ol ul, ol ol{margin:10px 0px}
p{text-align:justify}
strong{font-style:italic}
/*---------------------------------------------*/

.float {float: left; margin-right: 15px;}
.floatr {float: right; margin-left: 15px;}
.dv {background-color: #1173BA; padding:30px; padding-top:15px}
.dv img, .about_img{border:5px solid #1E7DC1}
.dv_prise{background-color: #1173BA; border:1px solid #145687; padding:10px; white-space:nowrap; text-align:center}
.dv_artikul{padding:10px 0px; white-space:nowrap}
.imp{color:red; font-weight:bold; text-transform:uppercase}
.menu{background-repeat:repeat-x; background-position:top; height:30px}
.menu_sh{height:15px; background-image:url(http://www.promec.ru/img/sh.gif); background-repeat:repeat-x}
.l_menu_vkladka{height:50px; width:150px; background-repeat:no-repeat; text-align:center; padding:0px; margin:0px;}
.l_menu{background-image:url(http://www.ecotorgspb.ru/img/l_menu/l_menu_bg.jpg); background-repeat:repeat-y; padding:0px; margin:0px; list-style:none; width:300px; margin-bottom:20px}
.l_menu li{padding:0px; margin:5px 0px;}
.l_menu li a{display:block; background-image:url(http://www.ecotorgspb.ru/img/l_menu/0.1_Empty.jpg); background-repeat:no-repeat; margin:0px;}
.l_menu li ul{list-style-type:none; margin:0px; padding-left:27px}
.l_menu small{font-weight:normal}
* html .l_menu{padding-top:10px}
* html .l_menu li{margin:-8px 0px !important}
* html .l_menu li li{margin-top:0px !important}
.catalog{border-collapse:collapse; margin-top:10px}
.catalog td, .catalog th{border:1px solid #fff; padding:10px; background-color:#2088d4;}
.catalog li{margin-left:30px}
.catalog_unit{padding:10px; vertical-align:top; background-image:url(img/price_grad.jpg); background-repeat:repeat-y;}
.green{display:block; padding:17px 20px 17px 55px; background-image:url(http://www.promec.ru/img/download.jpg); background-position:left center; background-repeat:no-repeat; background-color:#1E7DC1; font-weight:bold}
.freen{display:block; padding:17px 20px 17px 55px; background-image:url(http://www.promec.ru/img/photo.jpg); background-position:left center; background-repeat:no-repeat; background-color:#1E7DC1; font-weight:bold}
.preen{display:block; padding:35px 20px 35px 90px; background-image:url(http://www.promec.ru/img/call.jpg); background-position:left center; background-repeat:no-repeat; background-color:#1E7DC1; font-weight:bold}
.wreen{text-align:justify; display:block; padding:35px 20px 35px 90px; background-image:url(http://www.promec.ru/img/warning.jpg); background-position:left center; background-repeat:no-repeat; background-color:#1E7DC1; font-style:italic}
.sreen, .areen, .creen, .reen{background-image:url(http://www.promec.ru/img/reen.jpg); background-position:right; background-repeat:repeat-y; background-color:#1E7DC1; margin:0px; margin-bottom:2px;}
.sreen p, .creen p, .areen p, .reen p{background-position:left; background-repeat:no-repeat; display:block; padding:12px 0px; padding-left:40px}
.reen p{padding-left:10px;}
.reen p img{border:none; margin:0px; padding:0px;}
.areen p{background-image:url(http://www.promec.ru/img/att.jpg);}
.creen p{background-image:url(http://www.promec.ru/img/article.jpg);}
.sreen p{background-image:url(http://www.promec.ru/img/scheme.jpg);}

.h{display:none; visibility:hidden}
.unit p{text-align:left}
.unit .h{display:block; visibility:visible}
.unit_more{margin-top:5px; margin-bottom:10px; text-align:left}
.tovar_menu{display:block; width:213px; margin:10px; background-repeat:no-repeat; text-align:center; background-image:url(http://www.ecotorgspb.ru/img/i_menu/bg.jpg); float:left; background-position:left top}
.tovar_menu:hover{background-image:url(http://www.ecotorgspb.ru/img/i_menu/bg.jpg); text-decoration:none; background-position:right top}
.tovar_menu span{font-size:18px; text-transform:uppercase}
.tovar_menu img{border:none}

.catalog_table tr td p, .catalog_table tr td table tr td p{text-align:left}
.catalog_table img{border:none}
.catalog_table a img{border:none}


.banner{display:block; text-transform:uppercase; font-size:14px; font-weight:bold; background-color:#15588A; margin-bottom:2px; padding-bottom:5px}
#promec_l_menu object{margin-bottom:2px}
.banner:hover{color:#F5F837; text-decoration:none}
.banner img{margin-bottom:5px}

.vkladka{display:block; background-repeat:no-repeat; width:271px; height:87px; text-align:center}

.header_link{display:block; width:100%; height:261px}

.promec_l_menu{text-align:center; width:200px}
.promec_l_menu a{display:block; background-position:top center; background-repeat:no-repeat; text-align:center; margin:3px 0px; background-image:url(http://www.promec.ru/img/l_menu/bg.jpg); width:200px}
.promec_l_menu a:hover{ background-image:url(http://www.promec.ru/img/l_menu/bg_hover.jpg)}
.promec_l_menu a span{font-size:11px; font-weight:normal}

.vkladka_site{position:absolute; top:0; left:0; z-index:200; height:261px; width:279px;}
.vkladka_poisk{position:absolute; margin-top:210px; right:0; z-index:300;}
.vkladka_onl{position:absolute; top:10px; right:0; z-index:400;}
.vkladka_onl a{font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-weight:normal; font-size:12px}
.vkladka_onl a:hover{text-decoration:none}

.header_l{background-position:right; background-repeat:repeat-x}
.header_c{text-align:center}
.header_r{background-position:left; background-repeat:repeat-x}

/*------------  Tiny Slider   ---------------------------*/

#wrapper {width:639px; margin-top:20px}
#wrapper img{border:none}

.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:567px; height:378px; border:2px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0; margin-left:-40px}
* html #slider ul{margin:0px}
#slider li {float:left; width:567px; height:378px; display:inline; padding-right:2px}

.pagination {float:left; list-style:none; padding:20px 30px}
.pagination li {float:left; cursor:pointer; padding:2px; margin:3px; text-align:center; background-color:#2088D4}
* html .pagination{padding-left:25px}
* html .pagination li{padding-bottom:0}
@-moz-document url-prefix(){.pagination li{padding-bottom:0}}
.pagination li:hover {background-color:#fff}
li.current {background-color:#fff}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}

.about_t{border:none}
.about_t td{vertical-align:top}
.about_t ul, .about_t li, .about_t ol{margin-left:0px; padding-left:0px}

/*--------------------*/

#got_object li{padding-top:5px; padding-bottom:8px}
.photo_unit{width:160px; height:220px; text-align:center; margin:5px; float:left}
.photo_unit a{font-size:10px; font-weight:normal; display:block; background-color:#1E7DC1; padding:10px 0; }
.photo_unit a img{border-color:#0D5180; border-width:2px}
.photo_unit a:hover img{border-color:#FFF;}
.photo_unit p{padding:0 10px; text-align:center; margin:0px; padding-top:10px}

 a.los:visited,  a.los:active, a.los:link, a.los:hover {
display:block; 
width:200px; 
height:200px; 
background-image:url(http://www.promec.ru/img2/hb-ch.png); 
background-repeat:no-repeat; 
background-position: top center; 
outline: none;
}

a.los:hover {background-position: bottom center;}

 a.los2:visited,  a.los2:active, a.los2:link, a.los2:hover {
display:block; 
width:200px; 
height:200px; 
background-image:url(http://www.promec.ru/img2/hb-prom.png); 
background-repeat:no-repeat; 
background-position: top center; 
outline: none;
}

a.los2:hover {background-position: bottom center;}

a.button_los:visited, a.button_los:active, a.button_los:link, a.button_los:hover {
display:block;
width:321px;
height:83px;
background-image:url(http://www.promec.ru/img2/button_livn.png);
background-repeat:no-repeat;
background-position: top center;
outline: none;
}
a.button_los:hover {background-position: bottom center;}

a#button_los2:visited, a#button_los2:active, a#button_los2:link, a#button_los2:hover {
display:block;
width:321px;
height:83px;
background-image:url(http://www.promec.ru/img2/button_hb.png);
background-repeat:no-repeat;
background-position: top center;
outline: none;
}
a#button_los2:hover {background-position: bottom center;}

.los_menu, .los_menu_ie {
float:right; 
width: 379px;
display: block;
margin:0;
}

.los_menu li {
margin: 0px; 
padding: 0px;
}
.los_menu_ie li {
margin: 25px; 
padding: 0px;
}