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

html, body { margin: 0; padding: 0; height: 100%; min-width: 980px;}
body { background: url(bg_l2.gif) 0 0 repeat-y #FFF; color: #5b5b5b; font: 12px Tahoma, Geneva, sans-serif; text-align: left;}
.mag { background: url(bg_l.gif) 0 0 repeat-y #fff; color: #5b5b5b; font: 12px Tahoma, Geneva, sans-serif; text-align: left;}

a { color: #000; text-decoration: underline;}
a:hover { color: #000; text-decoration: none;}
a img { border-color: #000;}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #f76000; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
h1 { font-size: 16px; margin: 0 0 20px 10px; color: #000; }
h2 { font-size: 15px;}
h3 { font-size: 14px;}
h4 { font-size: 13px;}
h5 { font-size: 12px;}
h6 { font-size: 11px;}

.h1 { font-size: 16px; margin: 0 0 20px 10px; color: #000; }
/* path
-------------------------------*/

.path { font-size: 11px; color: #000; margin: 0 0 15px;}
.path a { color: #000; text-decoration: none;}
.path a:hover { color: #000; text-decoration: underline;}

/* search
-------------------------------*/
.s_f { margin: 0; padding: 0; position: absolute; top: 184px; left: 15px; width: 227px; height: 51px; background: url(search.jpg) 0 0 no-repeat;}
.s_t { float: left; width: 133px; height: 14px; background: none; border: none; padding: 0; margin: 18px 0 0 31px; font: 12px Arial, Helvetica, sans-serif; color: #3f3f3f;}
.s_b { float: right; width: 39px; height: 19px; background: none; border: none; padding: 0; margin: 16px 15px 0 0; cursor: pointer;}

/* wrapper
-------------------------------*/
.wrapper { height: auto !important; height: 100%; min-height: 100%; background: url(bg_r.gif) right top repeat-y; }
.top_pic { background: url(top_pic_bg.gif) 0 0 repeat-x; }
.top_pic_l { background:url(top_pic_l.gif) 0 0 no-repeat; }
.top_pic_r { background:url(top_pic_r.jpg) right top no-repeat; }

/* header
-------------------------------*/
.header { height: 235px; position: relative;}

.site_name { position: absolute; top: 47px; left: 39px;}
.site_name a img { border: none;}
.pic_block { position:absolute; top:154px; left:0; height:70px; display: block;  width:100%;}
.pic {background: url(pic.jpg) 0 0 no-repeat; margin: 0 30px 0 267px; height: 70px;}
/* menu2
-------------------------------*/
ul.menu2 { margin: 0 0 0 13px; padding: 32px 0 0 317px; height: 15px; background: url(menu2.gif) 0 33px no-repeat;  }
ul.menu2 li { float: left; margin: 0 16px 0 0; padding: 0; list-style: none; background: url(menu_top_razd.gif) right top no-repeat;}
/*ul.menu_top li.last {background: none; }*/

ul.menu2 li a { display: block; text-decoration: none; font: bold 14px/1 Arial, Helvetica, sans-serif; background: url(m2_mark.gif) 0 1px no-repeat; color: #000; padding: 0 0 0 18px; }
ul.menu2 li a:hover { text-decoration: none; color: #000; background: url(m2_markh.gif) 0 1px no-repeat;}

.tel { position: absolute; top: 105px; left: 45px; background: url(tel.png) 0 4px no-repeat; font: bold 16px/1.1 Arial, Helvetica, sans-serif; color: #000; width: 143px; text-align: right; height: 36px; overflow: hidden;}
.clock { position: absolute; top: 151px; left: 41px; width: 118px; background: url(clock.png) 0 0 no-repeat; height: 31px; font: normal 11px/1 Arial, Helvetica, sans-serif; color: #000; padding: 0 0 0 33px;}
.clock2 { font: bold 16px Arial, Helvetica, sans-serif; color: #ee7508;}
/* main
-------------------------------*/
.main { width: 100%; border-collapse: collapse; border-spacing:0; margin: 0 0 191px;}
.leftside, .rightside {padding:0; vertical-align:top;}
/* leftside
-------------------------------*/
.leftside { width: 244px; padding: 0 0 0 13px; }
.lblock { margin: 0 0 -80px;position: relative; z-index:1;}
.m_tit { background: url(uslugi.gif) 0 0 no-repeat; height: 29px; width: 203px; margin: 15px 0 0;}

ul.menu {  margin:0 0 0 12px; padding:0; width: 215px;}
ul.menu li { margin: 0; padding: 2px 0 1px 51px; font: 12px Arial, Helvetica, sans-serif; list-style: none;}
ul.menu li a { color: #3d352e; text-decoration: none;}
ul.menu li a:hover { color: #e65204; text-decoration: none;}

ul.menu .level_1 {padding:0; margin:0; list-style:none; line-height: 0; font-size:0; background: url(m_razd.gif) center bottom no-repeat;}
ul.menu .level_1 a { display: block; text-decoration:none; background: url(mark.gif) 0 3px no-repeat; padding: 3px 15px 5px 28px; line-height: normal; font: bold 12px Arial, Helvetica, sans-serif; color: #3d352e; }
ul.menu .level_1 a:hover {text-decoration:none; color: #fe6700; background: url(mark_h.gif) 0 3px no-repeat;}

ul.menu .level_2 { padding-left: 51px;}
ul.menu .level_3 { padding-left: 61px;}
ul.menu .level_4 { padding-left: 71px;}
ul.menu .level_5 { padding-left: 81px;}

.news { background:url(news.gif) 0 0 no-repeat; width: 162px; height: 22px; margin: 15px 0 7px;}
.news_block { width: 0px; padding: 10px 0 0 36px; width: 195px;}

.news_date { font: bold 14px Arial, Helvetica, sans-serif; color:#fe6801; }
.news_zag { font: bold 13px Arial, Helvetica, sans-serif; color: #000; padding: 0 0 0 5px;}
.news_zag a { color:#000;  text-decoration: none;}
.news_zag a:hover { color: #000; text-decoration: underline;}
.news_cont { font: normal 12px Arial, Helvetica, sans-serif; color: #000; padding: 5px 0;}
.more { font: bold 12px Arial, Helvetica, sans-serif; color: #f76000; background: url(mark_h.gif) right center no-repeat; margin: 0 5px 10px 98px;}
.more a { color: #f76000;}
.more a:hover { color: #f76000; text-decoration: none;}

.akcii { background: url(akcii.gif) 0 0 no-repeat; width: 213px; height: 18px; margin: 20px 0 0;}
.block { width: 195px; padding: 15px 0 0 34px; font: normal 12px Arial, Helvetica, sans-serif; color: #000;}
/* rightside
-------------------------------*/
.rightside { }
.content {padding: 0 40px 0 45px; margin: 22px 0 0; background: url(border_top.gif) 0 5px no-repeat; height: auto !important; height: 100px; min-height: 100px; }

.none { background: none; padding: 0 40px 0 0;}

.cart_box { background: url(cart_r.gif) right top no-repeat; height: 51px; padding: 7px 4px 0 58px; min-width:141px;}
.cart { background: url(cart.jpg) 0 0 no-repeat; float: right; height: 58px;  color: #000; font: bold 12px Tahoma, Geneva, sans-serif;}
.cart2 {font: bold 12px Tahoma, Geneva, sans-serif; color: #000;}
.tov { color: #000; font: bold 12px Tahoma, Geneva, sans-serif; padding: 16px 0 0 106px;}
.sum { color: #000; font: bold 12px Tahoma, Geneva, sans-serif; margin:0; }
.order { font: bold 11px Tahoma, Geneva, sans-serif; color: #fff; margin:0; text-transform:uppercase; padding: 3px 0 0 17px; }
.order a { text-decoration: underline; color: #fff;}
.order a:hover { text-decoration: none; color: #fff;}


.block_box { margin: 0 40px 15px 0; position: relative; }
.block_mag { background: #fbfbfa; width: 100%; }

.b_tbg { background: url(m_tbg.gif) 0 0 repeat-x;}
.b_tl { background:url(m_tl.gif) 0 0 no-repeat;}
.b_tr { background: url(m_tr.gif) right top no-repeat;}

.b_l { background: url(m_cl.gif) 0 0 repeat-y;}
.b_r { background: url(m_cr.gif) right top repeat-y;}

.b_bbg { background: url(m_bbg.gif) left bottom repeat-x;}
.b_bl { background:url(m_bl.gif) left bottom no-repeat;}
.b_br { background: url(m_br.gif) right bottom no-repeat; padding: 10px;}

.mag_pic { float: left; position: relative;}
.mag_inf {font: normal 11px Arial, Helvetica, sans-serif; color: #000; margin: 0; }

.mag_h1 { font: bold 14px Arial, Helvetica, sans-serif; color: #000; padding: 16px 0 3px;}
.articul { }
.cena { padding: 3px 0;}
.summa { font: italic 20px Arial, Helvetica, sans-serif; }
.summa span { font: italic 13px Arial, Helvetica, sans-serif;}
.kol { width:24px; height:22px; background:url(col.gif) no-repeat; border: none; font: bold 13px Arial; text-align:center; }

.new_1 {position:absolute; width:82px; font: bold 12px/21px Arial; background:#ed6e07; color:#fff; text-align:center; margin:-5px -10px 0 0; right: 0;}

.b_spec {background:url(spec_lable.jpg) 0 0 no-repeat; width: 181px; padding:0; margin:18px 0 0; height: 58px; font: normal 11px Arial, Helvetica, sans-serif; color: #fff; list-style: none;}
.spec_t { }
.sum_spec { font: italic 20px Arial, Helvetica, sans-serif; padding: 2px 0 0;}
.sum_spec2 { font-size: 13px;}
.spec_t { padding: 8px 0 0 13px; float:left; margin: 0 15px 0 0;}
.cena2 { text-align: center; padding: 8px 0 0;}
.buy_zak { position: absolute; right: 13px; bottom: -6px; background: url(zak.gif) 0 0 no-repeat; height: 13px; width: 89px; border:none; cursor:pointer; }
.buy_zak.no { background-image: url(zak_no.gif); cursor: default;}
/* footer
-------------------------------*/
.footer { height: 191px; margin: -191px 0 0; background: url(foot_bg.gif) 0 0 repeat-x; position: relative; }
.foot_l { background: url(foot_l.jpg) 0 0 no-repeat; height: 191px;}
.foot_r { background: url(foot_r.gif) right top no-repeat; height: 191px;}

.bord_bot { background:url(border_bot.gif) 0 0 no-repeat; position:absolute; left: 256px; top:0; width:13px; height: 27px;}

.m3_in { position: absolute; right: 17px; top: 29px; width: 700px; }
.m3_box { background:url(m3_block_bg.gif) 100% 0 repeat-x; height: 31px; float: right;}
.m3_box_l { background: url(m3_block.gif) 0 0 no-repeat; height: 31px;  float: left; position: relative; left: -8px; padding: 0 0 0 0;  }

ul.menu3 {margin:0; padding: 10px 0 0 20px; height: 20px; float: right; }
ul.menu3 li { margin:0; padding:0 15px 0 0; list-style:none; float: left; }

ul.menu3 li a { text-decoration: none; padding: 0 0 0 18px; height: 31px; font: normal 12px Arial, Helvetica, sans-serif; color:#000; background: url(m2_mark.gif) 0 2px no-repeat;}
ul.menu3 li a:hover { text-decoration: none; color: #000; background: url(m2_markh.gif) 0 2px no-repeat; }

.tel_bot { background: url(tel_bot.png) 0 0 no-repeat; padding: 0 0 0 24px; font: bold 16px Arial, Helvetica, sans-serif; color: #fff; position:absolute; right: 98px; top: 71px; text-align: right;}

.copy { position: absolute; left: 55px; top: 133px; font: normal 11px Arial, Helvetica, sans-serif; color: #110001; width: 215px;}
.counters { position:absolute; left: 296px; top: 135px;}
.mega { position: absolute; right: 58px; top: 135px; text-align: right; background: url(mega.gif) right top no-repeat; padding: 0 33px 0 0; font: normal 12px Arial, Helvetica, sans-serif; color: #110001; height: 26px;}
.mega a { color: #110001; display: block;}
.mega a:hover { color: #110001; text-decoration: none;}
.title { text-align: center; margin: 0 auto; width: 100%; font: 11px Arial, Helvetica, sans-serif; color: 000; position: absolute; bottom: 2px; left: 0;}

/* Tables
-------------------------------*/

/*table.table0 td p,table.table1 td p,table.table2 td p { margin: 0;}*/

table.table0 { border-collapse: collapse;  border-spacing: 0;}
table.table0 td { padding: 5px; border: none;}

table.table1 { border-collapse: collapse;  border-spacing: 0;}
/*table.table1 tr:hover { background: #e9e9e9;}*/
table.table1 td { padding: 5px; border: 1px solid #91949a;}

table.table2 { border-collapse: collapse;  border-spacing: 0;}
/*table.table2 tr:hover { background: #e9e9e9;}*/
table.table2 td { padding: 5px; border: 1px solid #91949a;}
table.table2 th { padding: 8px 5px; border: 1px solid #fff; background-color: #888; color: #fff; text-align: left;}

/* GALLERY */

table.gallery {border-spacing: 10px; border-collapse: separate;}
table.gallery td {background-color: #f0f0f0; text-align: center; padding: 15px;}
table.gallery td img {}

/* HR line */

hr { color: #aaa; background: #aaa; height: 1px; border: none;}

.thumb              {color: #000000;}

.clear { clear: both; height: 0; overflow: hidden; font-size: 0;}

/* */

td.shop-column1 { width: 70%; padding-right: 10px; }
td.shop-column2 { width: 30%; }

h2.shop-product-title { font-size: 18px; font-weight: bold; }

/* SHOP CART */

div.shop-cart { text-align: right; font-size: 10px; text-transform: uppercase; margin-bottom: 20px; }
a.shop-cart { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.shop-cart:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* SHOP PATH */

div.shop-path { text-align: left; font-size: 10px; text-transform: uppercase; margin-bottom: 10px; }
a.shop-path { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.shop-path:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* SHOP FOLDERS */

div.shop-folders { }
div.shop-folders-title { color:#000000;font-weight:bold;padding:5px;background-color:#e0e0e0; }
div.shop-folders-body { padding: 15px; font-size: 11px; }
a.shop-folder { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.shop-folder:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* SHOP PRODUCT LIST */

table.shop-products { font-size:11px; border-collapse: collapse;  border-spacing:0; border-bottom: 1px solid #cccccc;  }
table.shop-products td { padding:5px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;}
td.product-th { padding:5px; background-color: #cccccc; font-weight: bold; color: #000000; text-align: center; }
td.product-tb { padding:5px; border-top: 1px solid #cccccc; text-align: right; }

div.shop-add-to-cart { padding:5px; }
span.shop-remove-from-cart { cursor: pointer; color: #cc0000; text-decoration: underline; }
span.shop-remove-from-cart:hover { cursor: pointer; color: #000000; text-decoration: underline; }

/* SHOP PRODUCT LIST STAGE */

table.stage { font-size:11px; }
td.stage-title { text-transform:uppercase; background-color:#cccccc; padding:7px; }
td.stage-image { padding: 5px; text-align:center; }
td.stage-body { padding: 10px; }


/* SHOP PRODUCT FORMS */

input.number { border:1px solid #cccccc; }
input.shop-add-to-cart { }
form.nomargin { margin: 0px;}


form.hidden { margin: 0px; }



ul.boxes {
	color: #cccccc;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 10px;
}

ul.boxes li { margin-bottom: 5px; }
ul.boxes li:hover { margin-bottom: 5px; }


#scrol_wrap {
padding:107px 18px 0 257px;
}

#scrollable {
	height:70px;
	/*width:600px;*/
	overflow:hidden;
	margin:0;
	position:relative;	
}

#scrollable ul, #scrollable li {padding:0; margin:0; list-style:none; font-size:0; line-height:0;}

#scrollable ul.items {visibility:visible; width:90000px;}

#scrollable li {display:inline;margin:0 6px;width:177px;height:70px;overflow:hidden; float:left; position:relative;}

#scrollable li span {background:url(pic_bg.png) center center no-repeat; height:70px;width:177px; position:absolute; top:0; left:0; z-index:10;}

#scrollable li img {margin:auto;border:none;/*width:175px;*/ position:absolute; top:0; left:0; height:70px;}

#scrollable li a {text-align:center;}

.pic_block {overflow:hidden;}


#menus {margin:0 0 0 12px; padding:0; width:215px;}

#menus ul, #menus ul ul, #menus ul ul ul {padding:0; list-style:none; margin:0 0 0 20px;}
#menus ul {margin-left:40px;}
	

#menus li.level_1 {background: url(m_razd.gif) center bottom no-repeat; margin:0; padding:2px 0 1px 0px; font: 12px Arial, Helvetica, sans-serif; list-style:none;}
#menus li.level_1 li {width:auto; background:none; padding:3px 0 2px;}
#menus li.level_1 li a {display:inline; color:#3d352e; text-decoration:none; background:none; padding:0; margin:0; text-transform:none;  font-size:12px;}

#menus li.level_1 li a:hover {color:#e65204; text-decoration:underline; background:none; padding:0; margin:0; display:inline; text-transform:none;}


#menus li.level_1 a.c {display: block; text-decoration:none; background: url(mark.gif) 0 3px no-repeat; padding: 3px 15px 5px 28px; line-height: normal; font: bold 12px Arial, Helvetica, sans-serif; color: #3d352e;}
#menus li.level_1 a.c:hover {text-decoration:none; color: #fe6700; background: url(mark_h.gif) 0 3px no-repeat;}
