BODY { background:url(/img/bg.jpg)}
* {margin:0; padding:0; font-family: Arial, serif;}
input,textarea {outline:none;}

.r2 { border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.r3 { border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.r5 { border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.r6 { border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.r7 { border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
.r8 { border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.r9 { border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;}
.r10 { border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.r20 { border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}


.top_shadow { 
  width:100%; 
  height:47px; 
  background:url(/img/shdw.png); 
  position:absolute;
  top: -48px;
  z-index:2
}

#logo_top {
  width:632px; 
  height:87px; 
  background:url(/img/logo.png); 
  position:absolute;
  bottom: -22px;
  left:0;
  z-index:3
}

.main_menu {
  width:100%;
  height:40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4792c9), to(#076ab2));
  -moz-linear-gradient(top,  #4792c9,  #076ab2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4792c9', endColorstr='#076ab2');
  background-image:-o-linear-gradient(#4792c9,  #076ab2);
}

.main_menu_item_div {float:left; height:20px; padding:9px 33px;}
.main_menu_item_div:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#3782d9), to(#005aa2)); 
  -moz-linear-gradient(top,  #4792c9,  #076ab2); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4792c9', endColorstr='#076ab2');
  background-image:-o-linear-gradient(#4792c9,  #076ab2);
}

.main_menu_item {color:white;text-decoration:none; font: bold 14px/14px Comfortaa, Arial; -webkit-text-shadow: 2px 2px 3px #234469; -moz-text-shadow: 2px 2px 3px #234469; text-shadow: 2px 2px 3px #234469}
.main_menu_item:hover {color:yellow}
.main_menu_item_active {color:yellow;text-decoration:none; font: bold 14px/14px Comfortaa, Arial; -webkit-text-shadow: 2px 2px 3px #234469; -moz-text-shadow: 2px 2px 3px #234469; text-shadow: 2px 2px 3px #234469}
.main_menu_item_active:hover {-webkit-text-shadow: 3px 3px 3px #234469; -moz-text-shadow: 3px 3px 3px #234469; text-shadow: 3px 3px 3px #234469}

.new_catalog { font: bold 14px/14px Comfortaa, Arial; color:#007200; text-decoration:none }
.new_catalog:hover {text-decoration:underline}


.menu_razdelitel {
  width:2px;
  height:32px;
  background:url(/img/menu_razd.gif);
  margin:4px 1px;
  float:left
}

#line_vertical_top {
  width:1px;
  height: 561px;
  background:url(/img/line_vertical.png);
  position: absolute;
  right:-1px;
  top:-620px;
  z-index:5
}



#page_body {
  width:1010px;
  margin:20px auto;
}

#left_menu {
  width:208px;
  display: inline-block;
  vertical-align:top;
}
#razdelitel {
  width:1px;
  height: 561px;
  background:url(/img/line_vertical.png);
  display: inline-block;
  vertical-align:top;
  margin: 0 20px 0 1px;
}
#main_field {
  width:780px;
  display: inline-block;
  vertical-align:top;
}


#columns {
  font-size:0;
  line-height:0;
  letter-spacing:-1px;
}
.cols{
  font-size:14px;
  line-height:normal;
  letter-spacing:normal;
  display: -moz-inline-stack!important;
  display:inline-block;
  //display:inline;
  zoom:1;
  vertical-align:top;
}

#buttom_line {
  width:977px;
  height: 40px;
  margin: 0 auto;
  background:url(/img/bodybottom.png);
}
#logo_buttom {
  width:170px;
  height: 32px;
  margin: 0 auto;
  background:url(/img/logo.png);
  background-position: 0 -87px;
}


.nice_font {
  font-family: 'Comfortaa', cursive
}

#desciption_text {
    cursor:pointer; 
    color:#ccc; 
    font: italic bold 12px/32px Arial;
}
#desciption_text:hover { color:#bbb}

.cont_phone {
  color:black;
  text-decoration:none;
  font-family: 'Comfortaa', cursive;
}
#contact3 {
  position:absolute;
  right:10px;
  font-size:12px;
  font-weight: bold;
  margin:2px 0 0 0
}
#contact2 {
  position:absolute;
  right:10px;
  top:-130px;
  color:black;
  font-size:18px;
  font-weight: bold;
  z-index:3;
  line-height:20px;
}
#contact1 {
  position:absolute;
  right:10px;
  top:-160px;
  color:white;
  font-size:18px;
  font-weight: bold;
  z-index:3
}
#contact4 {
  position:absolute;
  right:10px;
  top:-200px;
  color:white;
  font: bold 16px/14px 'Comfortaa', cursive;
  z-index:3;
  text-align:right;
}
#search_line {
  position:absolute;
  left:277px;
  top:4px;
  z-index:3;
  width:432px;
  height:32px;
  -webkit-box-shadow: 0px 0px 91px 14px rgba(0,0,0,0.39);
  -moz-box-shadow: 0px 0px 91px 14px rgba(0,0,0,0.39);
  box-shadow: 0px 0px 91px 14px rgba(0,0,0,0.39);
}
.search_line {
  width:472px;
  height:32px; 
  margin:0 auto;
  z-index:3;
  position:relative;
  -webkit-box-shadow: 0px 0px 91px 14px rgba(0,0,0,0.19);
  -moz-box-shadow: 0px 0px 91px 14px rgba(0,0,0,0.19);
  box-shadow: 0px 0px 91px 14px rgba(0,0,0,0.19);
  text-align:left;
}
#search::-webkit-input-placeholder {font: bold 14px/22px Arial; color:#e0e0e0} 
#search:-moz-placeholder {font: bold 14px/22px Arial; color:#e0e0e0}

.submenu_div {
  margin:0 0 0 10px;
  position:relative;
}

.goods_div {
  width:230px;
  height:250px;
  float:left;
  position:relative;
  padding:0 0 20px 0;
  margin:0 30px 45px 0
}
.goods_shadow {
  width:21px;
  height:212px;
  position:absolute;
  top:0;
  right:-21px;
  background:url(/img/shdw2.png)
}
.img_goods_border {
  width:200px;
  height:150px;
  padding:10px;
  margin:0 0 4px 0;
  border:1px solid #eee;
  background:white;
  position:relative;
}
.awaiting_line_bg, .awaiting_line_bg_price_list {
  width: 200px;
  height:28px;
  position:absolute;
  bottom:10px;
  left:10px;
  background:#004b04;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
  -moz-opacity:0.35;
  -khtml-opacity: 0.35;
  opacity: 0.35;
}
.awaiting_line_bg_price_list {
  width: 192px !important;
  height:20px !important;
  bottom:0px !important;
  left:0px !important;
  display:none;
}
.awaiting_pic {
  background-image: url("/img/awaiting.gif");
  width:29px;
  height:28px;
  position:absolute;
  bottom:10px;
  left:10px;
}
.awaiting_text, .awaiting_text_price_list {
  width: 180px;
  height:25px;
  position:absolute;
  bottom:10px;
  right:10px;
  color:white;
  text-align:center;
  font: bold 11px/12px 'Comfortaa', cursive;
  text-shadow: 1px 1px 2px black
}
.awaiting_text_price_list {
  bottom:-10px !important;
  left:0px !important;
  display:none;
}
.lbl_hit{
  position:absolute;
  width:44px;
  height:44px;
  top:-5px;
  left:-5px;
  background:url(/img/hit.png)
}
.lbl_new{
  position:absolute;
  width:98px;
  height:100px;
  top:4px;
  right:5px;
  background:url(/img/novinka.png)
}
.zoom {
  position:absolute;
  width:48px;
  height:48px;
  bottom :-7px;
  right:-7px;
  display:none;
  background:url(/img/zoom.png)
}

.button_green {
  cursor:pointer;
  width:130px; 
  padding:5px 10px; 
  margin:0 9px 0 0;
  border:1px solid #007000; 
  background:#00a000;
  background:-webkit-gradient(linear, left top, left bottom, from(#00a000), to(#008000)); 
  -moz-linear-gradient(top,  #00a000,  #008000); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a000', endColorstr='#008000');
  background-image:-o-linear-gradient(#00a000,  #008000);
  font-weight:bold;
  color:#e0e0e0;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  float:right;
}
.button_green_nomore {
  background:-webkit-gradient(linear, left top, left bottom, from(#78A878), to(#2B522B)) !important; 
  -moz-linear-gradient(top,  #78A878,  #2B522B) !important; 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78A878', endColorstr='#2B522B') !important;
  background-image:-o-linear-gradient(#78A878,  #2B522B) !important;
}
.button_green_small {
  cursor:pointer;
  width:90px; 
  padding:2px 5px; 
  border:1px solid #007000; 
  background:#00a000;
  background:-webkit-gradient(linear, left top, left bottom, from(#00a000), to(#008000)); 
  -moz-linear-gradient(top,  #00a000,  #008000); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a000', endColorstr='#008000');
  background-image:-o-linear-gradient(#00a000,  #008000);
  font-weight:bold;
  color:#e0e0e0;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  float:right;
}
.button_green:hover, .button_green_small:hover {
  color:white;
  background:#008000;
  background:-webkit-gradient(linear, left top, left bottom, from(#008000), to(#00a000)); 
  -moz-linear-gradient(top,  #008000,  #00a000); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008000', endColorstr='#00a000');
  background-image:-o-linear-gradient(#008000,  #00a000);
}
.button_green_nomore:hover {
  background:-webkit-gradient(linear, left top, left bottom, from(#2B522B), to(#78A878)) !important; 
  -moz-linear-gradient(top,  #2B522B, #78A878) !important; 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B522B', endColorstr='#78A878') !important;
  background-image:-o-linear-gradient(#2B522B, #78A878) !important;
}

.button_red {
  cursor:pointer;
  width:100px; 
  padding:5px 10px; 
  margin:0 9px 0 0;
  border:1px solid #700000; 
  background:#a00000;
  background:-webkit-gradient(linear, left top, left bottom, from(#a00000), to(#800000)); 
  -moz-linear-gradient(top,  #a00a000,  #800000); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a00000', endColorstr='#800000');
  background-image:-o-linear-gradient(#a00000,  #800000);
  font-weight:bold;
  color:#e0e0e0;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  float:right;
}
.button_red:hover {
  color:white;
  background:#800000;
  background:-webkit-gradient(linear, left top, left bottom, from(#800000), to(#a00000)); 
  -moz-linear-gradient(top,  #800000,  #a00000); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#a00000');
  background-image:-o-linear-gradient(#800000,  #a00000);
}

#descr_3, #descr_4 {color:#919191; font: normal 15px/17px Arial;}

.submenu_list { text-decoration:none; color:#005875 }
.submenu_list:hover {text-decoration:underline}
.topmenu_list { text-decoration:none; color:black; font-weight:bold}
.topmenu_list:hover {text-decoration:underline;color:#005875}

.l2_a,.goods_name {font:bold 14px/12px Comfortaa, Arial; color:#0935AA;text-decoration:none;}
.goods_name:hover {color:#09359A;text-decoration:underline}
.l2_a:hover {color:#09359A;text-decoration:underline}

.navigator {
  font-size:11px;
  color:#585858;
  border-bottom: 1px dotted #ccc;
}
.navigator_a {
  font-size:11px;
  color:#005875;
  text-decoration: none;
}
.navigator_a:hover {
  text-decoration: underline;
}

.l2 {
  float:left; 
  width:250px; 
  height:160px; 
  margin:0 0 20px 0; 
  padding:3px; 
  position:relative;
  border:1px dashed #F7F7F7
}
.l2:hover {
  background:#ffffff;
  background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0F5)); 
  -moz-linear-gradient(top,  #ffffff,  #EBEFF1); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#EBEFF1');
  background-image:-o-linear-gradient(#ffffff,  #EBEFF1);
  border:1px dotted #B9CEDB;
  cursor:pointer
}

/* ÌÎÄÀËÜÍÛÅ ÎÊÍÀ */
#fade {
display: none; 
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none; 
background: #fff;
padding: 40px;
border: 1px solid #000;
float: left;
font-size: 1.2em;
position: absolute;
top: 80px; left: 50%;
z-index: 99999;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
img.btn_close { float: right; margin: -55px -55px 0 0; }
*html #fade { position: absolute; }
*html .popup_block { position: absolute; }


.imggood {
  cursor:pointer;
  position:absolute;
  width:220px;
  height:170px;
  top:0;
  left:0;
}

.imggood:hover ~ .zoom {
    display:block
}

table.spisok_korzina td {  padding:4px 6px; background:#EEEFF0; vertical-align:top}
table.spisok_korzina td.td1 { width:20px;text-align:right; background:#D9DEE6; color:#878D94}
table.spisok_korzina td.td_kod { width:70px; text-align:right; background:#F4F4F4; color:#777}
table.spisok_korzina td.td2 { color:black; width:400px }
table.spisok_korzina td.td2:hover { color: #000080; width:430px }
table.spisok_korzina td.td3 { width:50px; text-align:right; background:#E5E7Ea }
table.spisok_korzina td.td3_1 { width:50px; text-align:right; background:#E5E7Ea }
table.spisok_korzina td.td4 { width:40px; text-align:center; background:#C9E3E7; cursor:text; cursor:pointer }
table.spisok_korzina td.td4:hover { background:#E4F1E9; font-weight:bold; color:#109A2F }
table.spisok_korzina td.td5 { text-align:right; background:#F4F4F4}
table.spisok_korzina tr:hover {border-color:#407CBF; border-top-color:#407CBF}
table.spisok_korzina td.td6 { text-align:right; background:#F4F4F4}

.null_1 {
  width:700px; 
  border:1px solid white;
  background: -webkit-gradient(linear, left top, left bottom, from(#4792c9), to(#076ab2));
  -moz-linear-gradient(top,  #4792c9,  #076ab2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4792c9', endColorstr='#076ab2');
  background-image:-o-linear-gradient(#4792c9,  #076ab2);
}
.null_2 {
  margin:50px auto;
  width:702px;
  padding:2px;
  background:#9b9b9b;
  box-shadow: 0px 0px 25px rgba(0,0,0,0.5); 
}
.null_3 {
  border:1px solid #92c2e5;
  margin:12px
}

.lvl_1_name {
    font:bold 30px/30px Arial;
    color:#005875;
    text-decoration:none
}
.lvl_1_name:hover { color:red }


/* ÄÅÐÅÂÎ - äëÿ îíëàéí ïðàéñëèñòà*/
#files {margin:2em 0 5em; width:700px; }
.tree { font-size:12px; }
.tree,.tree ul,.tree li { list-style:none; margin:0; padding:0; zoom: 1; }
.tree ul { margin-left:8px; }
.tree li div.tovar, .tree li a { color:#555; padding:.1em 7px .1em 27px; display:block; text-decoration:none; border:1px dashed #fff; background:url(/img/icon-file.gif) 5px 50% no-repeat; }
.tree li a.tree-parent { background:url(/img/icon-folder-open.gif) 5px 50% no-repeat; }
.tree li a.tree-parent-collapsed { background:url(/img/icon-folder.gif) 5px 50% no-repeat; }
.tree li div.tovar:hover, .tree li a:hover,.tree li a.tree-parent:hover,.tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active { color:red; border:1px solid #eee; background-color:#fafafa; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

.tree ul.tree-group-collapsed { display:none; }
.price_l1 {font-weight:bold; font-size:16px; color:#114c75 !important}
.price_l1:hover {color:#085f9c !important}
.price_l2 {font-weight:bold; color:#042842 !important}
.price_l2:hover {color:#003961 !important}

.preice_buy {
    display:none;
    position:absolute;
    bottom:0;
    right:0px;
}
.preice_cena {
    position:absolute;
    bottom:0;
    right:105px;
}
.cena {font: bold 20px/20px 'Comfortaa'; color: #008000; text-shadow: #ffffff 0 0 3px; filter: Shadow(Color=#ffffff, Direction=0, Strength=3); vertical-align: sub}


#scrollToTop {
    display: none;
 
    z-index: 999;
    opacity: .6;
   
    position: fixed;
    top: 100%;
    right: 90px;
    margin-top: -50px;
    margin-left: -80px;
   
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
   
    width: 70px;
    line-height: 16px;
    height: 16px;
    padding: 10px;
    background-color: #000;
    text-align: center;
    cursor:pointer;
}
 
#scrollToTop a {
    font-family:Arial, Verdana, sans-serif;
    font-size:12px;
    color:#fff;
}



/* --- iOS switch ---*/
.checkbox{display:none}
.switch {
    width: 42px;
    height: 22px;
    background: #E5E5E5;
    z-index: 0;
    margin: 0;
    padding: 0;
    appearance: none;
    border: none;
    cursor: pointer;
    position: relative;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.switch:before
{
    content: ' ';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 40px;
    height: 20px;
    background: #FFFFFF;
    z-index: 1;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.switch:after 
{
    content: '.';
    height: 19px;
    width: 19px;
    border-radius: 28px;
    background: #FFFFFF;
    position: absolute;
    z-index: 2;
    top: 1px;
    left: 1px;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-box-shadow: 0 2px 5px #999999;
    box-shadow: 0 2px 5px #999999;
}
.switchOn , .switchOn:before  { background: #009500 !important; }
.switchOn:after { left: 21px !important; }
.switch_div {
    padding: 5px 0 0 0; 
    cursor:pointer; 
    color:#008000;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.switch_div:hover{color:#009000;}

/* --- END of iOS switch ---*/