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

/*div { border:1px solid #000}*/
h1 { font-size:14px; color:#666666;}
p { font-size:12px; color:#666666;}
img {behavior: url(iepngfix.htc); border:none; padding:0; margin:0;}
body, html { background-color: #fff; padding:0; margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#444444; font-size: 14px;width:100%;  min-width:100%; height:100%; min-height:100%;}
.spacer40 { position:relative;margin: 0; height:74px; width:1000px font-size:1px; padding:0;}
a {color:#007cc3; text-decoration:none; position:relative; cursor:pointer}
a:hover { text-decoration:underline}

#super {position:relative; _height:100%; min-height:100%; margin:0 auto 0 auto; min-width:1000px;max-width:1280px; padding:0; _width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": (document.documentElement.clientWidth || document.body.clientWidth) > 1280? "1280px": "100%");}
.spacer56 { position:relative;margin: 0; height:56px; width:1000px font-size:1px; padding:0;}

.spacer3 { position:relative; width:1px; height:3px; font-size:1px; padding:0; margin:0}
.spacer_menu { width:99%; height:165px;/* background:#0F0*/}

.spacer { position:relative; width:1px; height:px; font-size:1px; padding:0; margin:0}
#left_menu_bl { position:relative; padding-left:36px; width:188px; float:left;}
#logo1 { position: relative; width:188px; height:92px; background:url(/img/Logo1.gif) no-repeat; padding-bottom:25px; display:block;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
-moz-opacity: 0.7; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */}
#logo { position: relative; width:188px; height:92px; background:url(/img/Logo.gif) no-repeat; padding-bottom:25px; display:block;}
.menu1 { position:relative;margin:10px 0 10px 0; width:170px;/* background-color:#FFF*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
-moz-opacity: 0.7; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
.menu { position:relative;margin:10px 0 10px 0; width:170px;/* background-color:#FFF*/}
.menu span, .menu1 span { margin: 0 0 0 0; padding: 0 2px 0 2px; display:inline-block; background-color:#FFF; *margin-bottom:-18px }
#bgr {position:relative; margin:0; padding:0; background:#ffffff; width:150px }
#bgr img { padding:0; margin:0}

.menu ul, .menu1 ul{list-style-type:none;margin: 0;padding: 0; list-style-position:outside; display:inline }
.menu li, .menu1 li { height: 17px; line-height: 17px; position:relative; padding: 0 0 0 18px; display:inline-block; margin:0 0 0 -2px;  /*line-height:16px;/*_margin:-2px 0 0 16px;*/}
.menu li a, .menu1 li a {  color:#007cc3; text-decoration:none; line-height:21px; padding:0; margin:0; padding:0 4px 0 4px; background-color:#FFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; height:21px; display:inline-block}
.menu li a:hover, .menu1 li a:hover {  text-decoration: underline}
.menu li span, .menu1 li span {  line-height:21px;margin:0 ; background-color:#FFF; padding:0 4px 0 4px; display:inline-block;height:21px;}

.menu li .active { position:absolute;  background:url('/img/active.gif') no-repeat;width:10px; height:1px; /*font-size:1px;*/top:8px; margin-left:-12px; *top:10px; padding:0; overflow:hidden}
.inp { position:relative; padding:0 0 7px 0; margin:0}
.inp_, .inp_1 { position: absolute;width:116px;height:17px;line-height:17px; left:8px; top:5px;border-color:transparent;border:none; color:#8d8d8d; font-size:12px; background:transparent; padding:0; margin:0}
.inp-but {position: absolute;width:12px;height:13px; left:135px; top:7px;border:none;background:url('/img/search_but.gif') no-repeat;z-index:100;cursor:pointer}

/*login*/
#login { position:absolute; width:140px; height:90px;  top:0; right:0; z-index:101; vertical-align:top}
a.ok, a:hover.ok { position:absolute; text-decoration:none; display:none; width:16px; height:16px; top:1px; left:52px; font-size:11px; background-color:#09F; color:#fff; text-align:center} /*Кнопка ОК*/
a.reg, a:hover.reg { position:relative;margin: 16px 0 0 4px; padding-bottom:12px; display:block ; }
#login span { font-size:11px; display:block; margin:16px 0 0 0; padding: 0 0 0 24px;_padding: 0 0 0 14px; }
#login .inp_ { position: absolute; width:59px; left:2px; top:1px;}
#login .inp_1 {position:absolute; width:45px; left:4px; top:0px}

/*End login*/

/*use*/
.bag_kab { position:relative;display:inline-block; width:15px; height:15px; background:url(/img/bag_kab.gif) no-repeat; float:left; padding:0; margin:16px 0 0 0; }
.user { position:relative; margin:0; top:-16px; padding:0; }
.user a { display:inline-block; background:url(/img/underline.gif) bottom repeat-x; text-decoration:none; cursor:pointer; font-size:12px; text-decoration:none}
.user a:hover { text-decoration:none}
.sort { position:absolute; margin:0; top:75px; padding:0; }
.sort a {  display:inline-block; background:url(/img/underline.gif) bottom repeat-x; text-decoration:none; cursor:pointer; font-size:12px; text-decoration:none}
.sort a:hover {text-decoration:none}
#hidden { background-color:#FFF; position:relative; display:none; padding:0; margin:0 }
#hidden_sort { position:relative; background-color:#FFF; padding:0; margin:0; display:none; }
#hidden a { font-size:11px; display:inline-block; height:11px;  padding:0; margin:0 0 0 0; /*border:1px solid #000;*/position:absolute }
.iz { /**top:-9px;*/ top:0; }
.oz { /**top:-14px;*/ top:8px;}
.ioz { /**top:-21px;*/ top:16px;}

#hidden a:hover { text-decoration:underline}
#hidden_sort span, #hidden_sort a, #hidden_sort a:hover {padding:0; margin:0; 
display:inline-block; font-size:12px; background:none; height:13px}
#hidden_sort a:hover { text-decoration:underline}
/*End user*/

#content { position:relative;margin:0 0 0 330px; padding-top:109px; *margin-top:109px; *padding-top:0;  }

/*katalog item*/
.item { position:relative; height:190px; width:100px; padding:0 25px 0 25px; margin:0; float:left; border:1px solid #fff} /* Весь блок единицы каталога*/
.item img { position:relative; padding-bottom:5px; z-index:0}
a.name, a.article, span.price { position:relative; display:block; padding-left:22px; line-height:14px; height:14px; margin-bottom:1px } /* Артикул название и цена*/
.add_item_bgr { position:absolute;width:75px; height:50px; top:0; right:0; background:url(/img/clear.gif) repeat; z-index:100} /*Блок при наведении на который появляется плюс*/
a.col, a:hover.col { position: absolute; text-align:center;  min-width:15px; top:-3px; right:18px; cursor:pointer;display:inline-block; background:url(/img/underline.gif) bottom repeat-x; display:none; text-decoration:none}
.plus {position:absolute;background:url(/img/plus.png) no-repeat; width:12px; height:12px; top:0; right:25px; cursor:pointer;behavior: url(iepngfix.htc); display:none; z-index:100;_background:url(/img/plus.png) no-repeat #FFF;} /*Первый плюс*/
.bigplus {position:absolute;background:url(../img/bigplus.gif) no-repeat; width:28px; height:28px; top:-11; right:19px; cursor:pointer;behavior: url(iepngfix.htc); display:none; z-index:100;_background:url(../img/bigplus.gif) no-repeat #FFF;} /*�_���_�_�<й п�>�_�_*/
.add_item { position:absolute; width:50px; height:12px; top:0; right:0;display:none} /*Блок с добавлением количества*/
.add_item input {position: absolute;width:15px;height:17px; right:18px; top:-2px;border-color:transparent;border:none; color:#8d8d8d; font-style:italic; font-size:12px; background:transparent; padding:0; margin:0; text-align:center} /*Поле ввода*/
.add_item a, .add_item a:hover { position:absolute; text-decoration:none; display:block; width:16px; height:16px; top:-2px; right:-18px; font-size:11px; background-color:#09F; color:#fff; text-align:center; z-index:500} /*Кнопка ОК*/
.plus_1 {position:absolute;background:url(/img/plus.png) no-repeat; width:12px; height:12px; top:0; right:0; cursor:pointer;behavior: url(iepngfix.htc);} /*Плюс в блоке добавления количества*/
.minus { position:absolute;background:url(/img/minus.png) no-repeat; width:12px; height:12px; top:0; right:38px; cursor:pointer;behavior: url(iepngfix.htc);} /*Минус в блоке добавления количества*/
.input { position:absolute; background:url(/img/add_item.gif) no-repeat; width:18px; height:18px; top:-3px; right:16px} /*фон поля ввода*/
/*End katalog item*/

.left_item, .right_item {right:40px; position:absolute; height:150px; width:100px; top:402px;_top:396px;/* top:422px;_top:365px; */ }
.left_item {left:20px; margin:0 }

.middle_item { position:relative; margin:-109px auto 0 auto; width:650px; height:680px;  padding:0 20px 30px 0; _margin-bottom:-70px; }
.middle_item a.img { position:relative; margin:0; padding:0; display:block; height:100%; background:none;}
.middle_item span { display:inline-block; font-size:16px}

.middle_item .plus, .bigplus { display:block; top:-3px }
.about_item { position:relative; margin:10px 0 0 95px; height:70px}
.name_a { position:absolute; left:0}
.article_a { position:absolute; left:90px}
.price_a {position:absolute; left:185px}
span.material { position:absolute; top:25px; width:150px;font-size:12px}
.circles {position:absolute; top:29px;left:185px}
.add_item_bgr_a { position:absolute; width:310px; height:50px; top:5px; left:0; z-index:100; } /*Блок при наведении на который появляется плюс*/
#spaser13 { position:absolute; width:1000px; height:2px; background-color:#F00; left:0; top:635px; z-index:200; font-size:1px}


/*basket_of*/

/*table#basket_of { position:relative; margin:30px 0 0 40px}
table#basket_of td.basket_bag { position:width:17%}
table#basket_of td.basket_rek {width:9%}
.basket_rek span, .basket_name span, .basket_descr span { display:inline-block; text-align:left; padding:0 3px 0 3px}
table#basket_of td.basket_price {width:9%}
table#basket_of td.basket_kol {width:7%}
table#basket_of td.basket_kol a, table#basket_of td.basket_sum a { display:inline-block; background:url(/img/underline.gif) bottom repeat-x; text-decoration:none}

table#basket_of td.basket_name {width:17%}
table#basket_of td.basket_descr {width:23%}
table#basket_of td.basket_sum {width:17%}*/

table#basket_of, #oform { position:relative; margin:0;  }
#oform  { margin-left:40px}
table#basket_of td.basket_bag { position:width:20%}
table#basket_of td.basket_rek {width:9%; text-align:left}
.basket_rek span, .basket_name span, .basket_descr span { display:inline-block; text-align:left; padding:0 3px 0 0}
table#basket_of td.basket_price {width:12%}
table#basket_of td.basket_kol {width:14%}
table#basket_of td.basket_kol a, table#basket_of td.basket_sum a { display:inline-block; background:url(/img/underline.gif) bottom repeat-x; text-decoration:none}

table#basket_of td.basket_name {width:28%; text-align:left}
table#basket_of td.basket_sum, #oform .basket_sum {width:17%; }



#zakaz { position:relative; margin:0 0 0 0px}
span#itogo { position:relative; display:inline-block; width:90px; text-align:left; padding-top:35px; padding-left:10px;}
#z-akaz a { position:relative; float:right}

.del { height:17px; width:76px; position:absolute; top:51px; left:0}
.del img { display:none}
.del_div { position:relative; z-index:1; text-align:center; width:76px; margin: 0 auto 0 auto }
.basket_kol div { display:block}
.basket_kol .add_item,.basket_sum .add_item { position:relative; display:none;}
.basket_kol .add_item { margin-left:-18px}
.basket_sum .add_item { padding-left:55px;}
.basket_name .circles { position:relative; left:0; top:0; margin:0; padding:0;height:18px}
.input2 { position:absolute; background:url(/img/add_item_2.gif) no-repeat; width:40px; height:18px; top:-3px; right:16px} /*фон поля ввода*/
.basket_sum .minus { right:60px}
.basket_sum .add_item input { width:37px}
#form_basket { *margin:0 0 -164px 0; padding:0;}
.basket_sum nobr { padding-left:12px}

 /* Footer*/
#footer { position: relative; width:100%; height:56px; margin:-56px auto 0 auto;min-width:1000px;max-width:1280px; padding:0;_width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": (document.documentElement.clientWidth || document.body.clientWidth) > 1280? "1280px": "100%");}
#disign { position:absolute; bottom:18px ; right:18px; font-size:9px; text-align:right; display:inline; }
.foot_left { float:left}
a.foot_right, a:hover.foot_right {cursor:default; color:#000; text-decoration:none}
#tel { position:absolute; width:120px; height:36px; bottom:18px;left:36px; vertical-align:bottom}
#f8px { font-size:8px; display:block; position:absolute; bottom:0}

/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 330px; /* Set to gallery height */
padding:170px 0px 0px 0px;
margin:170px 0px 0px 0px;
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
#trueContainer img { height:330px}
/* End Gallery Styles */