/****текстовый блок на главной****/
    .text-wrapper {
        max-width: 850px;
        margin: 60px 0;
        font-family: Arial, sans-serif;
        line-height: 1.6;
    }
    .visible-part {
        margin-bottom: 0;
    }
    .hidden-part {
        margin-top: 15px;
        animation: fadeIn 0.4s ease-in-out;
    }
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .read-more-btn {
        padding: 8px 20px;
        border: none;
        cursor: pointer;
        transition: background 0.3s;
	font-size: 17px;
        font-family: Tahoma, Geneva, sans-serif;
        font-weight: bold;
        text-transform: none;
        color: #0a6891;
        margin: 10px 0px 10px 0px;
        line-height: normal;
        }
    .read-more-btn:hover {
        background-color: #555;
        color: #fff;
    }
    /****текстовый блок на главной****/
.mid_box_top .mid_box_nact:nth-child(3), .mid_box_top .mid_box_act:nth-child(3){
    background-color: #ff0000;
}





body{
    background-color:#FFFFFF;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: 13px;
    color:black;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding: 0px;
}
p, ul, li{
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    text-indent: 0pt;
    line-height: normal;
    margin: 5px 0px 5px 0px;
    text-align: justify;
    color:#424242;
}
td {
    font: 12px Tahoma, Verdana, sans-serif;
    color:#424242;
}
h1 {
    font-size: 17px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    text-transform: none;
    color:#0a6891;
    margin: 10px 0px 10px 0px;
    padding: 0;
    line-height: normal;
}
h2 {
    margin: 7px 0px;
    padding: 0;
    font: normal 17px  Tahoma, Verdana, sans-serif;
    /*color: #696969;*/
    color:#0a6891;
}
h3 {
    margin: 20px 0px 5px 0px;
    padding: 0;
    font: normal 13px Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    color: #0a6891;
    letter-spacing: 0.05em;
}
h4 {
    margin: 0px 0px 5px 0px;
    padding: 0;
    font: normal 13px Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    color: #0a6891;
    letter-spacing: 1px;
}
h5 {
    margin: 5px 0px 0px 0px;
    padding: 0;
    font: bold 10px Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    color: #404040;
    letter-spacing: 1px;
}
h6 {
    margin: 0px 0px 5px 0px;
    padding: 0;
    font: bold 11px Tahoma, Verdana, sans-serif;
    color: #404040;
}
h3 a:link, h3 a:visited, h3 a:active {
    color: #0a6891;
    text-decoration: none;
    display: block;
}
h3 a:hover, h4 a:hover, h5 a:hover  {
    color: #696969;
    text-decoration: none;
}
h6 A:link, H6 A:visited, H6 A:active {
    text-decoration: none;
    display: block;
}
h6 A:hover {
    color: #0a6891;
    text-decoration: none;
}
#page_all{
    position: relative;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    min-width: 974px;
    max-width: 1230px;
}
#main_col{
    padding-top: 125px;
    padding-left: 220px;
    padding-right: 220px;
    min-width: 534px;
    max-width: 790px;
}
.table {
    display: table;
    --width: 100%;
}
.row {
    display: table-row;
    width: 100%;
}
.cell {
    display: table-cell;
    width: 33%;
    margin: 0;
    padding: 0 5px 15px 5px;
}
div.cell div{
    font: 12px Tahoma, Verdana, sans-serif;
    text-indent: 0pt;
    text-align: justify;
}
div.cell H3 {
    margin-top: 8px;
    font-size: 12px;
    text-transform: none;
}
.image {
  width: calc(var(--width));
  height: auto;
}
.leftimg {
    float:left;
    margin: 7px 7px 7px 0;
}
.rightimg  {
    float: right;
    margin: 7px 0 7px 7px;
}
.table_lp {
    display: table;
    width: 100%;
    margin: 10px 0;
}
.cell_lp {
    display: table-cell;
    width: 32%;
    margin: 0;
    padding: 5px;
    border-top: 1px solid #d3d3d3;
}
.cell_lp_v {
    display: table-cell;
    margin: 0;
    padding: 0;
    border-top: 1px solid #d3d3d3;
    background: url(images/vert_line.gif) no-repeat;
    width: 1px;
    height: 90px;
}
div.v_complt {
    width: 630px;
    margin: 0px auto;
    padding: 5px 0;
}
div.v_complt_n {
    width: 642px;
    margin: 0px auto;
    padding: 5px 0;
}
.v_compl_tov{
    width: 150px;
    height: 80px;
    float: left;
}
.v_compl_tov2{
    width: 100px;
    float: left;
    box-sizing: border-box;
}
#price_right_c {
    box-sizing: border-box;
    height: 75px;
    float: right;
    position: relative;
}
div.v_compl_tov2 h6  {
    text-align: right;
    margin: 5px 0px;
    min-height: 27px;
    padding: 0;
    font: bold 11px Tahoma, Verdana, sans-serif;
    color: #404040;
}
div.v_compl_tov h6  {
    text-align: right;
    margin: 10px 0px 5px 0px;
    padding: 0;
    FONT: bold 11px Tahoma, Verdana, sans-serif;
    COLOR: #404040;
}
div.v_compl_tov img  {
    margin: 0 5px 0 0;
    padding: 0;
    width: 75px;
    height: 75px;
    float: left;
}
div.v_compl_tov2 img  {
    margin: 0;
    padding: 0;
    width: 100px;
    height: 100px;
    border: 1px solid #DFD9D1;
}
div.v_compl_tov2 div {
    text-align: right;
    margin: 5px 5px 5px 0px;
    color: #696969;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
div.v_compl_znak {
   width: 100px;
   height: 100px;
   float: left;
   position: relative;
}
div.v_compl_znak_s {
   width: 70px;
   height: 100px;
   float: left;
   position: relative;
}
div.v_compl_znak img, div.v_compl_znak_s img {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
}
#price_tov_com {
    box-sizing: border-box;
    width: 229px;
    float: left;
}
#price_tov_com_n {
    box-sizing: border-box;
    width: 101px;
    float: left;
}
#comp_skidka {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 95px;
    height: 25px;
    box-sizing: border-box;
    border: 2px solid #0a6891;
    border-radius: 10px 10px 10px 10px;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #0a6891;
    padding: 4px 0px 4px 7px;

}
.price_na_com, a.price_na_com:hover, a.price_na_com:active   {
    display: block;
    box-sizing: border-box;
    width: 229px;
    height: 29px;
    margin: 10px auto;
    text-decoration: none;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: right;
    color: #ffffff;
    padding: 8px 10px 0 0;
    background: url(images/skidka_na_s.gif) no-repeat;
}
#price_left_comp {
    position: relative;
    box-sizing: border-box;
    width: 50%;
    float: left;
    height: 100px;
    padding-right: 10px;
    padding-top: 15px;
}
#price_left_comp_n {
    position: relative;
    box-sizing: border-box;
    padding-right: 1px;
    padding-top: 15px;
    height: 100px;
}
#price_left_comp p {
    text-align: right;
}
#price_right_comp {
    box-sizing: border-box;
    height: 100px;
    width: 50%;
    float: right;
    position: relative;
}
.basket_n_comp {
    display: block;
    position: absolute;
    bottom: 35px;
    right: 0px;
}
.basket_n1_comp {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
div.cell_lp img  {
    margin: 0 5px 0 0;
    padding: 0;
    width: 80px;
    height: 80px;
    float: left;
}
div.cell_lp h6  {
    text-align: right;
    margin: 10px 0px 5px 0px;
    padding: 0;
    FONT: bold 11px Tahoma, Verdana, sans-serif;
    COLOR: #404040;
}
div.cell_lp div {
    text-align: right;
    color: #696969;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
div.v_compl_tov div  {
    text-align: right;
    color: #696969;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.lp_n {
    border-bottom: 1px solid #d3d3d3;
}
.n_cat_range {
    margin: 10px 4px 10px 4px;
    padding: 5px;
    border: 1px solid #a9a9a9;
    border-radius: 10px 10px 10px 10px;
}
.n_cat_zg, .n_cat_zg a:link, .n_cat_zg a:visited {
    font: normal 18px Tahoma, Verdana, sans-serif !important;
    text-transform: none;
    text-decoration: none;
    color: #0a6891 !important;
    margin: 0 !important;
    padding: 5px !important;
}
#cat_all_1, #cat_all_2, #cat_all_3  {
    height: 225px;
    overflow: hidden;
}
#n_opn_1, #n_opn_2, #n_opn_3  {
    float: right;
    margin-top: 5px;
}
#n_cls_1, #n_cls_2, #n_cls_3 {
    float: right;
    margin-top: 10px;
    display: none;
}
#n_raz_all {
    height: 215px;
    overflow: hidden;
}
#n_raz_cls {
    float: right;
    margin-top: 10px;
}
#n_raz_opn {
    float: right;
    margin-top: 10px;
    display: none;
}
.nc_range {
    padding: 0 5px 10px 5px;
    float: left;
    box-sizing: border-box;
    width: 25%;
    margin: 0;
    max-height: 225px;
    overflow: hidden;
}
.nc_range3 {
    padding: 0 5px 10px 5px;
    float: left;
    box-sizing: border-box;
    width: 33.3%;
    margin: 0;
    overflow: hidden;
}
.n_cat_name, .n_cat_name a:link, .n_cat_name a:visited {
    font: normal 14px Arial;
    color: #0a6891;
    margin: 5px 0;
    padding: 0;
    text-decoration: none;
    text-transform: none;
    letter-spacing: -0.3px;
}
.n_cat_txt {
    height: 60px;
    font: 12px Arial, sans-serif !important;
    letter-spacing: -0.3px !important;
    line-height: 1.1 !important;
    text-align: justify;
    color: #333333 !important;
    padding: 5px 0;
    margin: 0;
}


#mid_box {
    margin: 15px 0 0 0;
}
.mid_box_top {
    padding: 0;
    margin: 0 5px;
    border-bottom: 6px solid #0a6891;
    height: 35px;
    box-sizing: border-box;
}
.mid_box_act {
    padding: 0;
    height: 30px;
    width: 135px;
    float: left;
    border-radius: 7px 7px 0 0;
    background: #0a6891;
    margin: 0 10px 0 0;
    box-sizing: border-box;
}

div.mid_box_act p, div.mid_box_nact p  {
    margin: 7px 0;
    text-align: center;
    font: bold 14px Arial, Geneva, sans-serif;
    text-decoration: none;
    color: #ffffff;
}
.mid_box_nact {
    padding: 0;
    height: 30px;
    width: 135px;
    float: left;
    border-radius: 7px 7px 0 0;
    background: #67b1d5;
    margin: 0 10px 0 0;
}
.mid_box_cat {
    border-bottom: 6px solid #0a6891;
    margin: 0 0 10px 0;
}
.mid_box_link {
    font: bold 15px Arial, Geneva, sans-serif;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
}
.mid_box_box {
    padding: 0;
    float: left;
    box-sizing: border-box;
    width: calc(100% / 3);
    margin: 3px 0;
}
.lid_box_img {
    width: 42%;
    float: left;
}
.midrd {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}
.lid_raz {
    display: block;
    width: 100%;
    height: 1px;
    margin: 0;
    box-sizing: border-box;
    background: #d3d3d3;
    background-image: linear-gradient(to right, #ccc, #d3d3d3, #ccc);
    clear: both;
}
.img_ns {
    width: 100%;
}
#mid_box .name_l, #mid_box .name_l a:link, #mid_box .name_l a:visited, #mid_box_1 .name_l, #mid_box_1 .name_l a:link, #mid_box_1 .name_l a:visited  {
    text-align: right;
    padding: 5px 2px 8px 0;
    margin: 0;
    FONT: bold 12px Tahoma, Verdana, sans-serif;
    color:#333333;
    text-decoration: none;
    text-transform: none;
}
.lid_pr {
    text-align: right;
    color: #999999;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0 2px 5px 0;
}
.lid_pr_old {
    color: #666666;
    text-decoration: line-through;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: right;
    margin: 0;
    padding: 0 4px 0 0;
}
.catalog_main {
    width: 100%;
    margin: 10px 0;
}

.catalog_c {
    width: 33.3%;
    margin:0;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #d3d3d3;
    float: left;
}
.catalog_c img{
    margin: 0 5px 0 5px;
    padding: 0;
    width: 100px;
    height: 100px;
    float: left;
}
.catalog_c_ver {
    text-align: right;
    height: 100px;
    padding: 5px 5px 0 0;
    margin: 0;
}
div.catalog_c h3{
    margin: 10px 0px;
    padding: 0;
    font: bold 12px Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    color: #0a6891;
}
.catalog_c_niz {
    width: 100%;
    height: 52px;
    text-align: left;
    margin: 0;
    padding: 0 5px 0 5px;
    box-sizing: border-box;
}
.catalog_p_niz {
    width: 100%;
    height: 50px;
    text-align: left;
    margin: 0;
    padding: 0 5px 0 5px;
    box-sizing: border-box;
}
.cat_main_name {
    margin: 20px 0px 5px 0px;
    padding: 0;
    font: normal 13px Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    color: #0a6891;
    letter-spacing: 0.05em;
}
.cat_main {
    width: 100%;
    margin: 10px 0;
    box-sizing: border-box;
    border-bottom: 6px solid #0a6891;
    padding-bottom: 16px;
}
.cat_c {
    width: 33.3%;
    height: 157px;
    margin: 0 0 -1px 0;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #d3d3d3;
    float: left;
}
.cat_c img {
    margin: 2px;
    padding: 0;
    width: 100px;
    height: 100px;
    float: left;
}
.cat_c_ver {
    width: calc(100% - 104px);
    box-sizing: border-box;
    height: 104px;
    margin: 0;
    padding: 0 3px 0 0;
    float: left;
    text-align: right;
    position: relative;
}
.cat_c_ver h4, .cat_c_ver h4 A:link, .cat_c_ver h4 A:visited {
    margin: 0;
    padding: 8px 0 5px 0;
    font:12px Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #0a6891;
    letter-spacing: -0.01em;
    word-spacing: -0.05em;
    line-height: 110%;
    text-decoration: none;
}
.cat_c_ver h4 a:hover, .cat_c_ver h4 a:active {
    color: #696969;
}
.name2, .name2 A:link, .name2 A:visited {
    margin: 0;
    padding: 8px 0 5px 0;
    font:12px Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #0a6891;
    letter-spacing: -0.01em;
    word-spacing: -0.05em;
    line-height: 110%;
    text-decoration: none;
}
.name2 a:hover, .name2 a:active {
    color: #696969;
}
.name3, .name3 A:link, .name3 A:visited {
    margin: 7px 0px;
    padding: 0;
    font: bold 12px Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    color: #0a6891;
    text-decoration: none;
    letter-spacing: 0.05em;
    min-height: 29px;
}
.name3 a:hover, .name2 a:active {
    color: #696969;
}
.cat_c_ver2 {
    width: calc(100% - 104px);
    box-sizing: border-box;
    height: 100px;
    padding: 0 5px 0 0;
    margin: 0;
    float: left;
    text-align: right;
    position: relative;
}
.cat_c_ver2 h4, .cat_c_ver2 h4 A:link, .cat_c_ver2 h4 A:visited {
    margin: 15px 0 10px 0;
    padding: 0;
    font: bold 12px Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    color: #0a6891;
    letter-spacing: -0.01em;
    text-decoration: none;
}
.cat_c_ver2 h4 a:hover, .cat_c_ver2 h4 a:active {
    color: #696969;
}
.cat_c_podar {
    margin: 10px 0px;
    padding: 0;
    font: normal 17px Tahoma, Verdana, sans-serif;
    color: #B00000;
}
.cat_c_comp {
    margin: 10px 0px;
    padding: 0;
    font: normal 17px Tahoma, Verdana, sans-serif;
    color: #404040;
}
.cat_c_niz {
    width: 100%;
    height: 45px;
    margin: 0;
    padding: 3px 0;
    float: left;
}
.cat_c_niz p {
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    margin: 0 0 0 7px;
    padding: 0;
    color: #424242;
}
.cat_c_bask {
    width: 95px;
    min-height: 25px;
    display: block;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    right: 5px;
    border: 1px solid #cccccc;
    border-radius: 15px 15px 15px 15px;
    font: 12px Tahoma, Verdana, sans-serif;
    font-weight: 900;
    letter-spacing: 0.02em;
    padding: 5px 0 6px 0;
    text-align: center;
}
.cat_c_bask a {
    text-decoration: none;
    text-transform: lowercase;
    font-weight: 900;
    color: #404040;
}
div.cat_c_bask:hover, div.cat_c_bask:active {
    background: #dce6f0;
}
.center-img {
  display: block;
  margin: 0 auto;
}
.logotimg {
    float: right;
    margin: 0 0 5px 5px;
    width: 190px;
    height: 60px;
}
#mn_top {
  box-sizing: border-box;
  margin-top: 20px;
  margin-bottom: 5px;
  min-height: 60px;
}
#cat_top {
  box-sizing: border-box;
  margin-bottom: 5px;
  min-height: 60px;
}
#cat_top h1 {
    margin: 0;
    padding: 10px 0 5px 10px;
    text-transform: uppercase;
}
#cat_top p {
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    text-indent: 0pt;
    line-height: normal;
    margin: 0px 0px 5px 0px;
    text-align: justify;
    color: #424242;
}
#main_top{
    min-height: 60px;
}
#main_top h1 {
    margin: 10px 0;
    padding: 0;
}
#main_top p {
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    text-indent: 0pt;
    line-height: normal;
    margin: 0px 0px 5px 0px;
    text-align: justify;
    color: #424242;
}
#right_tov {
    width: calc(100% - 305px);
    float: right;
    padding: 0 0 0 5px;
}
#right_tov h1{
    text-transform: uppercase;
    text-align: center;
    padding: 0 5px 0 0;
}
#price_tov {
    box-sizing: border-box;
    width: 314px;
    margin: 0 auto;
    }
#price_left{
    box-sizing: border-box;
    width: 50%;
    float: left;
}
#price_right{
    box-sizing: border-box;
    width: 50%;
    height: 75px;
    float: right;
    position: relative;
}
#price_right_c{
    box-sizing: border-box;
    width: 100px;
    height: 75px;
    float: right;
    position: relative;
}
.tov_m10{
    margin: 10px 0;
}
.tov_m1015{
    margin: 10px 15px;
}
.tov_m1005{
    margin: 10px 5px;
}
.tov_par {
      box-sizing: border-box;
      width: 210px;
      float: left;
      padding: 0 10px 5px 5px;
}
.tov_par_sert {
      box-sizing: border-box;
      display: block;
      padding: 0 0 10px 0;
}
.tov_par_sert2 {
      box-sizing: border-box;
      width: 229px;
      float: left;
      padding: 0 5px 5px 5px;
}
div.tov_par_sert2 img {
    padding: 5px 0 10px 0;
    display: block;
    margin: 0 auto;
}
.tov_par_tube {
    box-sizing: border-box;
    margin-top: 10px;
    display: block;
    width: 298px;
}
.tov_par_bot {
      box-sizing: border-box;
      width: 260px;
      float: left;
      padding: 0 10px 5px 5px;
}
.tov_compl_bot {
      box-sizing: border-box;
      width: 185px;
      float: left;
      padding: 0 10px 30px 15px;
      height: 100%;
}
.tov_compl_bot2 {
      box-sizing: border-box;
      padding: 5px 10px 10px 25px;
}
div.tov_compl_bot h2, div.tov_m10 h2{
    margin: 0 0 7px 0;
}
.tov_compl_r {
      box-sizing: border-box;
      width: calc(100% - 185px - 1px);
      float: right;
}
div.tov_compl_bot h2, div.tov_m10 h2{
    margin: 0 0 7px 0;
}
.tov_par_im {
      box-sizing: border-box;
      padding: 5px 0 10px 10px;
      height: 100%;
}
.tov_ak {
   width: 229px;
   float: right;
}
.basket_n {
  display: block;
  position: absolute;
  top: 5px;
  right: 0px;
}
.basket_n1 {
  display: block;
  position: absolute;
  top: 40px;
  right: 0px;
}
div.tov_color {
    width: 112px;
    height: 80px;
    box-sizing: border-box;
    float: left;
    padding: 5px 6px 5px 6px;
}
div.tov_color input {
    width: 15px;
    height: 15px;
    float: left;
    margin: 27px 3px 0 11px;
}
div.tov_color a {
        box-sizing: border-box;
        float: right;
        width: 70px;
}
div.tov_color img {
        box-sizing: border-box;
        float: right;
        width: 70px;
}
div.tov_color label {
    display: inline-block;
    cursor: pointer;
}
#left_tov {
    box-sizing: border-box;
    width: 300px;
    float: left;
}
.foto_main {
    box-sizing: border-box;
    border: 1px solid #DFD9D1;
    width: 300px;
    height: 300px;
}
.foto_bott {
    width: 300px;
    height: 100px;
}
.foto_2 {
    box-sizing: border-box;
    border-left: 1px solid #DFD9D1;
    border-bottom: 1px solid #DFD9D1;
    border-right: 1px solid #DFD9D1;
    width: 100px;
    height: 100px;
    float: left;
}
.foto_3 {
    box-sizing: border-box;
    border-bottom: 1px solid #DFD9D1;
    width: 100px;
    height: 100px;
    float: left;
}
.foto_4 {
    box-sizing: border-box;
    border-left: 1px solid #DFD9D1;
    border-bottom: 1px solid #DFD9D1;
    border-right: 1px solid #DFD9D1;
    width: 100px;
    height: 100px;
    float: left;
}
.dostoinstva {
    box-sizing: border-box;
    width: 20%;
    height: 122px;
    border-top: 6px solid #0a6891;
    border-bottom: 6px solid #0a6891;
    padding: 6px 0;
    float: left;
}
div.dostoinstva img {
  display: block;
  margin: 0 auto;
}
.price_na, a.price_na:hover, a.price_na:active   {
    display: block;
    box-sizing: border-box;
    width: 314px;
    height: 29px;
    margin: 0 auto;
    text-decoration: none;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: right;
    color: #ffffff;
    padding: 8px 10px 0 0;
    background: url(images/skidka_na_b.gif) no-repeat;
}
.s_wind {
    background-color: #b2b2b2;
    width: 300px;
    height: 160px;
    position: absolute;
    top: 125px;
    right: 5px;
    margin-top: 0px;
    margin-left: 0px;
    display: none;
    z-index: 5;
    text-align: center;
}
.m_wind {
    width: 400px;
    height: 200px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#ffffff;
    border: 1px solid #808080;
}
.outer_small_wind {
    width: 300px;
    height: 150px;
    margin: 0px 0px 10px 0px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#ffffff;
    border: 1px solid #808080;
}
.outer_med_wind {
    width: 400px;
    height: 200px;
    box-sizing: border-box;
    margin: 0;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#ffffff;
    border: 1px solid #808080;
}
.box_small_wind {
    width:300px;
    height:130px;
    background-color: #ffffff;
    padding:15px 0 5px 0;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.box_med_wind {
    width:400px;
    height:170px;
    background-color: #ffffff;
    padding:15px 0 5px 0;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.effect{
    position: relative;
}
.effect:before, .effect:after{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 20px;
    left: 15px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #000000;
    -webkit-box-shadow: 0 20px 15px #000000;
    -moz-box-shadow: 0 20px 15px #000000;
    box-shadow: 0 20px 15px #000000;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.effect:after {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    right: 15px;
    left: auto;
}

a.navi {
    color: #181818;
    text-decoration: underline;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    text-indent: 0pt;
}
a.navi:after{
    content: url(../images/arr4.gif);
    vertical-align: -25%;
    padding: 0 4px;
}

@media screen and (max-width: 1120px) {
.catalog_c {
    width: 50%;
}
.cat_c {
    width: 50%;
}
#price_tov {
    width: 229px;
}
div.v_complt, div.v_complt_n {
    width: 532px;
    margin: 0px auto;
    padding: 5px 0;
}
.price_na, a.price_na:hover, a.price_na:active {
    width: 229px;
    background: url(images/skidka_na_s.gif) no-repeat;
}
div.v_compl_znak {
    width: 50px;
}
div.v_compl_znak_s {
    width: 40px;
}
.nc_range {
    width: 33%;
}
.n_cat_name, .n_cat_name a:link, .n_cat_name a:visited {
    font: normal 12px Arial;
    color: #0a6891;
    margin: 5px 0;
    padding: 0;
    text-decoration: none;
    text-transform: none;
}
.n_cat_txt {
    height: 75px;
    font: 12px Arial, sans-serif !important;
    letter-spacing: -0.3px !important;
    line-height: 1.0 !important;
    text-align: justify;
    color: #333333 !important;
    padding: 5px 0 0 0;
    margin: 0;
}
}
#left_col{
    position:absolute;
    top: 125px;
    left: 5px;
    width: 210px;
    box-sizing: border-box;
}
#right_col{
    position:absolute;
    top: 125px;
    right: 5px;
    width: 210px;
    box-sizing: border-box;
}
#top_col{
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 116px;
    border-bottom: 6px solid #0a6891;
    box-sizing: border-box;
}
div.top_vn{
    margin: 0 5px;
}

#footer{
    margin-left: auto;
    margin-right: auto;
    min-width: 974px;
    max-width: 1230px;
}
div.footer_vn{
    margin: 0 5px;
}
.centered_box {
    width:210px;
    margin-bottom:10px;
    border: 1px solid #a9a9a9;
    background: #e6e6e6;
    border-radius: 10px 10px 10px 10px;
    box-sizing: border-box;
}
.centered_box_col {
    width:210px;
    margin-bottom:10px;
    border: 1px solid #a9a9a9;
    background: #e6dcf0;
    border-radius: 10px 10px 10px 10px;
    box-sizing: border-box;
}
.centered_box_col2 {
    width:210px;
    margin-bottom:10px;
    border: 1px solid #a9a9a9;
    background: #dce6f0;
    border-radius: 10px 10px 10px 10px;
    box-sizing: border-box;
}
div.centered_box h2, div.centered_box_col h2, div.centered_box_col2 h2   {
    padding: 15px 0 5px 20px;
    font-size:13pt;
    color:#0a6891;
    margin: 0;
}
.emphasisbox {
    margin-left:10px;
    margin-right:10px;
    margin-bottom:15px;
}
.centered_box .emphasisbox2	{
    margin: 7px 7px 15px 7px;
    border: 1px solid #bcbdbf;
    background: white;
}
.centered_box .emphasisbox4	{
    margin: 18px 7px;
    border: 1px solid #bcbdbf;
    background: white;
}
.centered_box .emphasisbox_b {
    margin: 0px 0px 15px 0px;
}
.actions_r {
  padding: 5px 6px 5px 6px;
}
.right_box {
    width: 192px;
    height: 86px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: block;
}
.right_box img {
    width: 80px;
    height: 80px;
    padding: 3px 5px 3px 0;
    float: left;
}
.right_box a {
    text-decoration: none;
}
.right_box h6 {
    text-align: right;
    margin: 0;
    padding: 10px 3px 0 0;
    font: bold 11px Tahoma, Verdana, sans-serif;
    letter-spacing: -0.01em;
    word-spacing: -0.05em;
    color: #333333;
}
.right_box .name1 {
    text-align: right;
    margin: 0;
    padding: 10px 3px 0 0;
    font: bold 11px Tahoma, Verdana, sans-serif;
    letter-spacing: -0.01em;
    word-spacing: -0.05em;
    color: #333333;
}
.right_box_old {
    color: #666666;
    text-decoration: line-through;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: right;
    margin: 0;
    padding: 3px 3px 0 0;
}
.right_box_pr {
    color: #999999;
    font: bold 14px Arial, Helvetica, sans-serif;
    text-align: right;
    margin: 0;
    padding: 4px 3px 0 0;
}
.line_rbox {
    margin-bottom: 3px;
    margin-top: 3px;
    border: 0;
    height: 1px;
    background: #999999;
    background-image: linear-gradient(to right, #ffffff, #999999, #ffffff);
    clear: both;
}
.rbox_im {
    width: 80px;
    height: 80px;
    float: left
}
.rbox_r {
    width: 112px;
    height: 80px;
    box-sizing: border-box;
    padding-top: 10px;
    float: left;
}
.rbox_imr {
    width: 80px;
    height: 90px;
    float: left
}
.rbox_ra {
    width: 112px;
    height: 90px;
    box-sizing: border-box;
    float: left;
}
.rbox_im_sm {
    width: 80px;
    height: 80px;
    float: left
}
.rbox_r_sm {
    width: 112px;
    height: 80px;
    float: left
}
div.rbox_r h6, div.rbox_r_sm h6, div.rbox_ra h6 {
    margin: 3px 3px 3px 0;
    text-align: right;
    font: bold 12px Tahoma, Verdana, sans-serif;
    color: #404040;
}
.rbox_pr {
    color: #696969;
    font: bold 14px Arial, Helvetica, sans-serif;
    text-align: right;
    margin: 0 3px 3px 0;
}
.rbox_pr_old {
    color: #696969;
    text-decoration: line-through;
    font: 13px Arial, Helvetica, sans-serif;
    text-align: right;
    margin: 0 3px 3px 0;
}
.rbox_bas {
     padding: 0 3px 3px 40px;
}
.emphasisbox3 {
    margin: 10px;
}
ul.menu_top, ul.menu_bot  {
    width: 190px;
    padding: 0;
    margin-top: 0;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
}
ul.menu_m, ul.menu_s {
    width: 190px;
    padding: 0;
    margin: 0;
}
ul.menu_m li {
    margin:0;
    color: #696969;
    padding: 5px 0px;
    letter-spacing: 0.9px;
    display: block;
    border-bottom: 1px solid #efefef;
}
ul.menu_m li a {
    display: block;
    padding: 3px 0 3px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #696969;
   }
ul.menu_top li {
    margin:0;
    color: #696969;
    padding: 2px 0px;
    letter-spacing: 1px;
    display: block;
    border-bottom: 1px solid #FFFFFF;
}
ul.menu_top li a {
    display: block;
    padding: 4px 0 4px 10px;
    text-decoration: none;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #696969;
   }
ul.menu_bot li {
    margin:0;
    color: #696969;
    padding: 2px 0px;
    letter-spacing: 0.1em;
    display: block;
    border-bottom: 1px solid #FFFFFF;
}
ul.menu_bot li a {
    display: block;
    padding: 4px 0 4px 7px;
    text-decoration: none;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #696969;
   }
ul.menu_m li a:hover, ul.menu_top li a:hover, ul.menu_bot li a:hover   {
    color: #ffe; /* Цвет текста активного пункта */
    background-color: #0a6891;
}
ul.menu_s li {
    margin:0;
    padding: 0;
    display: block;
}
ul.menu_s li a {
    display: block;
    padding: 3px 0px 4px 30px;
    text-decoration: none;
    text-transform: none;
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    letter-spacing: 0px;
    color: #696969;
   }
.bott_show {
    position: relative;
    z-index: 5;
    height: 40px;
    width: 190px;
    margin-bottom:5px;
    background: url(/images/back-box11-more.gif) no-repeat center center;
}
.active_1_1 {
    border-bottom: 2px solid #0a6891 !important;
}
.active_1_2 {
    background-color: #969696;
    color: #ffffff !important;
}
.active_2_2 {
    background-color: #cc99cc !important;
    color: #ffffff !important;
}
.active_3_2 {
    background-color: #99ccff !important;
    color: #ffffff !important;
}
div.bott_show a {
    padding-top: 5px;
    display: block;
    text-decoration: none;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight:bold;
    color: #696969;
    text-align: center;
    width: 100%;
    height: 100%;
}
.arr0{background-image: url(images/arr1.gif);  background-position: 2px center;  background-repeat: no-repeat;}
.active_2_1 {
    border-bottom: 2px solid #0a6891;
}
.active_2_2 {
    background-color: #969696;
    color: #FFFFFF;
}
#resume_search {
    display: none;
    margin: 0;
    padding: 0;

}
#resume_search p {
    margin: 0;
    padding: 5px 0 15px 7px;
    font: bold 11px Tahoma, Verdana, sans-serif;
    letter-spacing: -0.01em;
    word-spacing: -0.05em;
}
#search_box {
    width: 190px;
    height: 25px;
    box-sizing: border-box;
    margin: 3px 3px 0 3px;
}
input.text_box {
    font-size: 13px;
    width: 160px;
    height: 25px;
    padding: 2px 5px;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    float: left;
}
input.img_box {
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    float: right;
}
.emphasisbox4 {
    margin: 10px;
}
.se_razd{
    width: 100%;
    height: 35px;
    margin: 5px 0;
    background-color: rgb(231, 231, 231);
}
.se_razd_name {
    width: 165px;
    font: bold 13px Tahoma, Verdana, sans-serif;
    color: #666666;
    float: left;
    padding: 10px 0 10px 10px;
}
.se_razd_inp {
    width: 50px;
    height: 20px;
    margin-top: 8px;
    box-sizing: border-box;
    float: left
}
.se_razd_lav {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: black;
}
.se_box_brnd {
   width: calc((100% - 1px)/4);
   height: 25px;
   float: left;
   display: inline;
   box-sizing: border-box;
   padding: 3px 0 5px 5px;
}
.se_box_brnd_n {
    font: normal 13px Tahoma, Verdana, sans-serif;
    color: black;
    padding: 0 0 0 3px;
    vertical-align: top;
}
.banner_img{
    width: calc(100% - 10px);
    margin: 0 5px 5px 5px;
}
.se_razdelit {
    border: 1px solid #cccccc;
    margin: 5px 0;
}
.se_box_6{
    width: calc((100% - 1px)/6);
    float: left;
    box-sizing: border-box;
}
.se_box_6_img {
    width: calc(100% - 12px);
    border: 2px solid #cccccc;
    border-radius: 10px 10px 10px 10px;
    margin: 4px;
}
.se_box_sel {
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    margin: 2px auto;
}
.se_box_name {
    text-align: center;
    font: normal 12px Tahoma, Verdana, sans-serif;
    margin: 0 0 5px 0;
    padding: 0;
    color: black;
}
@keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
    border-color: #3e97eb; } }
.magic-checkbox {
  position: absolute;
  display: none;
  margin: 0;
}
.magic-checkbox[disabled] {
  cursor: not-allowed;
}
.magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 27px;
  padding-top: 5px;
  cursor: pointer;
  vertical-align: middle;
}
.magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}
.magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0;
}
.magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: '';
}
.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4;
}
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
    cursor: not-allowed;
}
.magic-checkbox[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none;
}
.magic-checkbox[disabled] + label:before {
    border-color: #e4e4e4;
}
.magic-checkbox:checked + label:before {
  animation-name: none;
}
.magic-checkbox:checked + label:after {
  display: block;
}
.magic-checkbox + label:before {
  border-radius: 3px;
}
.magic-checkbox + label:after {
  top: 2px;
  left: 7px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0;
}
.magic-checkbox:checked + label:before {
  border: #0a6891;
  background: #0a6891;
}
.magic-checkbox:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #c9e2f9;
}
.myButton {
 -moz-box-shadow:inset 0px 1px 3px 0px #08526b;
 -webkit-box-shadow:inset 0px 1px 3px 0px #08526b;
 box-shadow:inset 0px 1px 3px 0px #08526b;
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3584a6), color-stop(1, #0a6991));
 background:-moz-linear-gradient(top, #3584a6 5%, #0a6991 100%);
 background:-webkit-linear-gradient(top, #3584a6 5%, #0a6991 100%);
 background:-o-linear-gradient(top, #3584a6 5%, #0a6991 100%);
 background:-ms-linear-gradient(top, #3584a6 5%, #0a6991 100%);
 background:linear-gradient(to bottom, #3584a6 5%, #0a6991 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3584a6', endColorstr='#0a6991',GradientType=0);
 background-color:#3584a6;
 -moz-border-radius:16px;
 -webkit-border-radius:16px;
 border-radius:16px;
 border:1px solid #0a3e52;
 display:inline-block;
 cursor:pointer;
 color:#ffffff;
 font-family:Arial;
 font-size:15px;
 font-weight:bold;
 padding:6px 23px;
 text-decoration:none;
 text-shadow:0px 0px 0px #16749c;
}
.myButton:hover {
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0a6991), color-stop(1, #3584a6));
 background:-moz-linear-gradient(top, #0a6991 5%, #3584a6 100%);
 background:-webkit-linear-gradient(top, #0a6991 5%, #3584a6 100%);
 background:-o-linear-gradient(top, #0a6991 5%, #3584a6 100%);
 background:-ms-linear-gradient(top, #0a6991 5%, #3584a6 100%);
 background:linear-gradient(to bottom, #0a6991 5%, #3584a6 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a6991', endColorstr='#3584a6',GradientType=0);
 background-color:#0a6991;
}
.myButton:active {
 position:relative;
 top:1px;
 }
#basket{
    width: 215px;
    height: 110px;
    color: #FFFFFF;
    padding:0px;
}
.b_emp{
    background: url(/images/basket_empt.jpg) no-repeat center center;
}
.b_full{
    background: url(/images/basket_full.jpg) no-repeat center center;
}

#basket > h1, #basket_full > h1 {
    padding: 4px 0px 5px 15px;
    font: bold 15px Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}
div.baskets, div.basket_full  {
    width: 132px;
    height: 24px;
    margin-left: 12px;
    border-bottom:1px solid #ffffff;
}

.leftstr {
    float: left;
    width: 40%;
    text-align: left;
    font: 12px Tahoma, Verdana, sans-serif;
    text-indent: 0pt;
    color: #FFFFFF;
    }
.rightstr {
    float: left;
    width: 60%;
    text-align: right;
    font: 12px Tahoma, Verdana, sans-serif;
    text-indent: 0pt;
    color: #FFFFFF;
}
A.s0:link, A.s0:visited{
    padding: 0 0 0 22px;
    margin-top: 5px;
    display: block;
    font: bold 13px Tahoma, Geneva, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}
div.basket_o {
    width: 140px;
    height: 24px;
    margin-left: 10px;
    background:url(images/arr_basket.gif) no-repeat 0px 0px;
}

A.s1:link, A.s1:visited{	PADDING-RIGHT: 0px; MARGIN-TOP: 4px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(images/arr3.gif) no-repeat 0px 4px; PADDING-BOTTOM: 0px; FONT: bold 11px Tahoma; COLOR: #696969; PADDING-TOP: 0px; TEXT-DECORATION: none;}
A.s1:hover, A.s1:active {	COLOR: #0a6891}

A.r2:link, A.r2:visited{	PADDING-RIGHT: 0px; MARGIN-TOP: 4px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(images/arr3.gif) no-repeat 0px 4px; PADDING-BOTTOM: 0px; FONT: bold 12px Tahoma; COLOR: #0a6891; PADDING-TOP: 0px; TEXT-DECORATION: none;}
A.r2:hover, A.r2:active { text-decoration: underline; }

A.s2:link, A.s2:visited{MARGIN-TOP: 5px; DISPLAY: block; FONT: bold 11px Tahoma; COLOR: #696969; TEXT-DECORATION: none;}
A.s2:hover, A.s2:active {	COLOR: #0a6891}

a.pages, span.pages_n, span.pages{padding: 0 3px 0 3px; background: #efefef; margin: 0 1px 0 1px; text-decoration: none;}
a.pages:link, a.pages:visited{text-decoration: none;}
a.pages:hover, a.pages:active{color: #0a6891; background: #d3d3d3;}
span.pages_n{
    color: silver;
}
.line_bottom{border-bottom: 1px solid #d3d3d3;}
.line_bottom_1{background:url(/images/spec_icon.gif) bottom center no-repeat}
.line_bottom_2{border-bottom: 1px solid #404040;}
.line_top{border-top: 1px solid #d3d3d3;}
.line_top_1{background:url(/images/spec_icon.gif) top center no-repeat}
.line_top_2{border-top: 1px solid #404040;}
.line_vert{background: url(images/vert_line.gif) no-repeat;}
div.line_vert{ background: url(images/vert_line.gif) no-repeat; width: 1px; height: 100px;}
.line_blue{ border-top: 6px solid #0a6891; margin-bottom: 5px;}
.line_blue_s{
    width: 100%;
    height: 7px;
    padding: 0 5px;
    border-top: 6px solid #0a6891;
    margin-bottom: 5px;
}
.line_blue_d{ border-bottom: 6px solid #0a6891; margin-top: 5px;}
span.pages{
    color: #0a6891;
    font-weight: bold;
}
.telefon {
    font: bold 26px "Trebuchet MS";
    color: #666666;
    padding-top: 10px;
}
.telefon_kod {
    font: bold 18px "Trebuchet MS";
    color: #666666;
    padding-top: 10px;
}
img.imgOff {
    border-color: #97989C;
    border-style: solid;
    border-width: 1px;
}

img.imgOn {
    border-color: #EFEFEF;
    border-style: solid;
    border-width: 1px;
}
div.bg_catalog{background: #efefef url(images/arr_d.gif) no-repeat 170px center; color:#696969; text-transform:uppercase; padding:12px 0px 12px 24px;  border-top: #ffffff solid 1px; FONT: bold 11px Tahoma, Verdana, sans-serif;}
.continue_but {
	background: url(images/continue_but.gif) no-repeat left;
	width: 140px;
	height: 28px;
	color: transparent;
	border: none;
	display: block;
	margin: auto;
}
.continue_but:hover {
	background-image: url(images/continue_but1.gif);
}
.order_but:hover {
	background-image: url(images/order_but1.gif);
}
.order_but {
	background: url(images/order_but.gif) no-repeat left;
	width: 140px;
	height: 28px;
	color: transparent;
	border: none;
	display: block;
	margin: auto;
}

div.filter{ width: 130px; height: 20px; float: left; display: block;}
div.filter_img{ width: 190px; height: 80px; float: left; display: block;}

.order_v {
    width: 270px;
    margin: 10px 0 5px 0;
    float: left;
}
.order_dm {
    width: 270px;
    height: 150px;
    margin: 0px 5px 0 0;
    float: left;
    background-image: url(images/ord_vt.jpg);
    background-repeat: no-repeat;
}
.order_dv {
    width: 270px;
    height: 150px;
    margin: 0px 0px 0 0;
    float: left;
    background-image: url(images/ord_vn.jpg);
    background-repeat: no-repeat;
}
.order_dt {
  margin: 50px 5px 5px 100px;
  }
div.order_dt A{
 	font: normal 12px "Arial";
	text-transform: none;
    text-decoration: none;
    color: #cc0000;
}
.line_sm {
    margin-bottom: 5px;
    margin-top: 5px;
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
.line_vt_15 {
    border-left: 1px solid black;
    height: 148px;
    width: 1px;
}
a.top_menu:link, a.top_menu:visited,  a.top_menu:active, a.top_menu:hover {
    color: white;
    padding: 11px 0px 6px 0px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    background: url(images/top_menu.gif) no-repeat 0px 0px;
    float: right; width: 144px;  font: bold 12px "Trebuchet MS"; margin-right: 2px;
}
a.top_menu1:link, a.top_menu1:visited,  a.top_menu1:active, a.top_menu1:hover{
    color: white;
    padding: 11px 0px 6px 0px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    background: url(images/top_menu.gif) no-repeat 0px -36px; float: right; width: 144px;   font: bold 12px "Trebuchet MS";
}

a.menu_right:link, a.menu_right:visited,  a.menu_right:active {color: #696969;  padding:9px 0px 9px 24px; text-transform: uppercase;  text-decoration: none;  font-size: 11px; 	letter-spacing: 1px;  display: block; border-bottom: 1px solid #efefef;}
a.menu_right:hover{color: #0a6891;}

A.menu_right_sub:link, A.menu_right_sub:visited {color: #696969;  padding: 3px 0px 4px 34px;  text-transform: none;  text-decoration: none;  font-size: 11px; 	letter-spacing: 0px;  display: block;}
A.menu_right_sub:hover, A.menu_right_sub:active {color: #0a6891; text-decoration: underline;}

A.menu_right_text:link, A.menu_right_text:visited {color: #696969; margin: 5px 0px 3px 0px;  padding: 3px 0px 4px 24px;  text-transform: none;  text-decoration: none;  font-size: 11px; 	letter-spacing: 0px;  display: block;  background: url(images/arr2.gif) no-repeat 5px center; }
A.menu_right_text:hover, A.menu_right_text:active {color: #0a6891; text-decoration: underline;}

.bg_gray{
    background-color: #efefef
}

.menu_up A:link, .menu_up A:visited {color: #696969;     padding: 12px 10px 12px 10px;  text-transform: uppercase;  text-decoration: none; FONT: bold 11px Tahoma, Verdana, sans-serif; letter-spacing: 0px;  display: block;  border-right: 1px solid white; }
.menu_up A:hover, .menu_up A.act:link, .menu_up A.act:visited, .menu_up UL LI A.act:active {color: #0a6891;   background-color: #f5f5f5;}

DIV.cat_range {
    margin: 0;
    padding: 0 5px 15px 5px;
    float: left;
    WIDTH: 31%;
}
DIV.cat_range DIV{ text-align: justify;}
DIV.cat_range H3 { margin-top: 8px; font-size: 11px; text-transform: none;}

A.basket_put:link, A.basket_put:visited{
    width: 71px;
    height: 17px;
    margin-top: 4px;
    background: #e2eef5 url(images/basket_put.gif) no-repeat left;
    display: block;
}
A.basket_put:hover, A.basket_put:active{
    background: #ffe4c4 url(images/basket_put.gif) no-repeat left;
}

A.torg:link, A.torg:visited{width: 71px; height: 17px; margin-top: 4px; background: url(images/torg.gif) no-repeat left; display: block;}
A.torg:hover, A.torg:active{background: #efefef url(images/torg.gif) no-repeat left;}

A.basket_put1:link, A.basket_put1:visited{width: 95px; height: 20px; margin-top: 4px; background: #e2eef5 url(images/basket_put1.gif) no-repeat left; display: block;}
A.basket_put1:hover, A.basket_put1:active{background: #ffe4c4 url(images/basket_put1.gif) no-repeat left;}

A.basket_put_r:link {
    height: 17px;
    margin-top: 7px;
    background: url(images/basket_put.gif) no-repeat right;
    display: block;
}
A.basket_put_r:hover, A.basket_put_r:active{background: url(images/basket_put.gif) no-repeat right;}

A.torg1:link, A.torg:visited{width: 95px; height: 20px; margin-top: 4px; background: url(images/torg1.gif) no-repeat left; display: block;}
A.torg:hover, A.torg:active{background: #efefef url(images/torg1.gif) no-repeat left;}

DIV.menu_up {WIDTH: 559px; background-color: #efefef}
DIV.menu_up UL {margin: 0px;  padding: 0px 0px 0px 0px;  list-style-type: none;   }
DIV.menu_up UL LI {	float: left;}
DIV.menu_up UL LI A:link, DIV.menu_up UL LI A:visited {color: #696969;     padding: 14px 10px 13px 10px;  text-transform: uppercase;  text-decoration: none;  font-size: 11px; letter-spacing: 1px;  display: block;  border-right: 1px solid white; }
DIV.menu_up UL LI A:hover, DIV.menu_up UL LI A.act:link, DIV.menu_up UL LI A.act:visited, DIV.menu_up UL LI A.act:active {color: #0a6891;   background-color: #f5f5f5;
}

DIV.bottom{	margin: 10px;color: #696969; }
DIV.bottom a{color: #696969; text-decoration: none;}
DIV.bottom a:hover{color: #0a6891; text-decoration: underline; }
/* - - - - - - - - - - - - - - */

.ramka { border: 1px solid #e7e9eb; }

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

div.d_boxes {	border-left: 1px solid #DFD9D1; margin: 20px 0 0px 0px; padding: 0px 20px 10px 11px; background: #fff;	}
div.d_boxes img { float: left; margin: 5px 4px 0 0; }

DIV.d0 {
    CLEAR: both; margin: 0px;  padding: 0px; LINE-HEIGHT: 0;
}

.float_l{float: left; }
.float_r{float: right; }

.allspec    {
    margin-bottom: 7px;
    background-color: #e6e6e6;
    border: 1px dotted #a9a9a9;
    padding: 7px;
}
#sort_cat {
    padding-bottom: 5px;
    padding-left: 5px;
}
#sort_cat p, #price_cat p {
    font-size: 13px;
    font-family: Tahoma, Geneva, sans-serif;
    text-indent: 0pt;
    line-height: normal;
    margin: 5px 0px 5px 0px;
    text-align: justify;
    color: #333333;
}
a.sort_cat_activ {
    font-weight: bold;
    color: #0a6891;
}
a.sort_cat_noactiv {
    font-weight: bold;
    text-decoration: none;
}
#price_cat {
    padding-left: 5px;
}
input.sort_but {
    font: 13px Tahoma, Verdana, sans-serif;
    color: #333333;
    margin: 0 5px;
}
input.sort_frm {
    height: 18px;
    width: 60px;
    margin: 0 3px;
    padding: 1px;
    font: 13px Tahoma, Verdana, sans-serif;
    border: 1px solid #a9a9a9;
}

.arr0{background-image: url(images/arr1.gif);  background-position: 0px center;  background-repeat: no-repeat;}
.arr1{background-image: url(images/arr1.gif);  background-position: 8px center;  background-repeat: no-repeat;}
.arr2{background-image: url(images/arr1.gif);  background-position: 18px center;  background-repeat: no-repeat;}

a.sortActiv{
    font-weight: bold;
    color: #0a6891;
}

td.center{
    vertical-align: middle;
}

form{margin:0px;}
.dark{color:#595959; font-weight:bold; text-transform:uppercase;}
a{color:#424242;}
a:hover{color: #0a6891; text-decoration:none}
.red{color: #0a6891;}
.redd{color: #cc0000;} 
.red:hover{color: #0a6891;}
.gray{color: gray;}
.gray:hover{color: #0a6891;}
.u{text-decoration: underline;}
a.black{color:#676767; text-decoration:none;}
a.black:hover{color: #181818; text-decoration: underline;}
a.link{color: #181818; text-decoration: underline;}
a.link:hover{color: #0a6891; text-decoration: none;}
.black{color:#181818;}
a.b{color: #0a6891;}
a.b:hover{ text-decoration:none}

.white{color: #0a6891;}
a.white{color: #0a6891;   font-weight: bold;}
a.white:hover{ text-decoration:none}
.price{color:#696969;   font-size: 20px;  font-family: Arial, Helvetica, sans-serif; }
.price_sm{
    color:#696969;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 0;
}
.price_old{color:#696969;   font-size: 14px;  font-family: Arial, Helvetica, sans-serif;  text-decoration: line-through;}
.price_cook{color:#696969;   font-size: 17px;  font-family: Arial, Helvetica, sans-serif;  text-decoration: line-through;}
.price_1{color:#696969;   font-size: 16px;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;}
.price_old_1{color:#696969;   font-size: 12px;  font-family: Arial, Helvetica, sans-serif;  text-decoration: line-through;}
.marg_t12 {
   margin-top: 12px;
}
.price_2 {
    padding: 4px 4px;
    background: #0a6891;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
select{font-size: 11px;}
a.login-form { color: #0a6891}
a.login-form:hover { text-decoration:none}

select, input.frm{ height: 18px; padding: 1px; font: 11px Tahoma, Verdana, sans-serif; border:1px solid #cdcdcd}
textarea {font: 11px Tahoma, Verdana, sans-serif; border:1px solid #cdcdcd}

input.login{height: 18px; width: 120px; padding: 1px 5px 1px 5px; font: 11px Tahoma, Verdana, sans-serif; border:1px solid #cdcdcd}
input.search{
    font-size: 12px;
    width: 153px;
    height: 20px;
    padding: 1px 5px 1px 5px;
    border-top:1px solid #cdcdcd;border-left:1px solid #cdcdcd;border-bottom:1px solid #fff;border-right:1px solid #fff;

}
input.but{
    font: 13px Tahoma, Verdana, sans-serif;
    color:#4b4b4b;
    padding: 4px;
}

/* Окно скидки  */

A.zskidka:link, A.zskidka:visited{width: 95px; height: 20px; margin-top: 4px; background: url(images/torg1.gif) no-repeat left; display: block;}
A.zskidka:hover, A.zskidka:active{background: #efefef url(images/torg1.gif) no-repeat left;}
input.box {
    text-align: center;
    background-color: #f7fcff;
    border-radius: 5px;
    font-size: 0.8em;
    height: 23px;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
    }
#torg_modal {
    width: 0px;
    height: 0px; /* Рaзмеры дoлжны быть фиксирoвaны */
    border-radius: 10px;
    border: 1px #CBC9C9 solid;
    background-color: #E7E9EB;
    color: #666666;
    position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
    top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
    left: 50%; /* пoлoвинa экрaнa слевa */
    margin-top: 0px;
    margin-left: 0px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
    display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
    /*opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
    z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
    padding: 20px 6px;
    float: right;
}
#torg_modal #torg_modal_close {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    display: block;
}
#torg_modal #skidka_prec {
    text-align: center;
    background-color: #f7fcff;
    border-radius: 5px;
    width: 26px;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
    }
#torg_modal > h2 {
    text-align: left;
    font-size: 13pt;
    color: #0a6891;
    padding-bottom: 10px;
    padding-left: 15px;
}
#torg_modal_form > input {
    font-size: 12px;
    width: 155px;
    height: 20px;
    padding: 1px;
    border-top:1px solid #cdcdcd;
    border-left:1px solid #cdcdcd;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
}
.color_wind {
    width: 520px;
    height: 340px;
    margin: 0px 0px 10px 0px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid grey;
}
div.color_wind a {
    text-decoration: none;
}

.color_box {
    width: 520px;
    height: 340px;
    background-color: #ffffff;
    padding: 0;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.effect_n:before, .effect_n:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 10px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 520px;
    background: #000000;
    -webkit-box-shadow: 0 10px 10px #000000;
    -moz-box-shadow: 0 10px 10px #000000;
    box-shadow: 0 10px 10px #000000;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.effect_n:after {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    right: 10px;
    left: auto;
}
#big_win{
    display: none;
    z-index: 5;
    top: 45%;
    left: 50%;
    position: fixed;
    margin-top: 0px;
    margin-left: 0px;
}
#tube_win {
    box-sizing: border-box;
    width: 612px;
    height: 366px;
    padding: 25px 25px 0 25px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid grey;
}
#tube_win iframe {
    width: 560px;
    height: 315px;
}
.tube_close {
    width: 35px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    color: #333;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    font-family: Arial, Baskerville, monospace;
    text-transform: none;
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 10;
    box-shadow: none;
    touch-action: manipulation;
}
.tube_close:hover, .tube_close:focus {
    opacity: 1;
}
.tube_close:active {
        top: 1px;
}
.me_win {
    width: 100%;
    height: 100%;
    padding: 10px 6px;
    border: 2px;
    background:url(../images/me_win.gif) no-repeat;
}
div.me_win > h2 {
    font: normal 18px "Trebuchet MS";
    text-transform: none;
    text-align: left;
    color: #ff0000;
    padding-bottom: 10px;
    padding-left: 175px;
}
div.me_win > h3 {
    font: normal 15px "Trebuchet MS";
    text-transform: none;
    text-align: left;
    color: #ff0000;
    margin: 0;
    padding-left: 175px;
    padding-bottom: 5px;
}
div.me_win > table {
    background-color: #FFFFFF;

}
div.me_win > input {
    font-size: 12px;
    width: 155px;
    height: 20px;
    padding: 1px;
    border-top:1px solid #cdcdcd;
    border-left:1px solid #cdcdcd;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
}
#torg_modal_form > table {
    background-color: #FFFFFF;
    border:0px solid #cdcdcd;
}
#skidka_prec {
    text-align: center;
    background-color: #f7fcff;
    border-radius: 5px;
    width: 28px;
    height: 28px;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
}
input.frm_me{
    width: 150px;
    height: 20px;
    padding: 0 0 0 10px;
    font: bold 12px Tahoma, Verdana, sans-serif;
    border:1px solid #cdcdcd;
}
span.me_win_close {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 15px;
    right: 130px;
    cursor: pointer;
    display: block;
}
span.me_img {
    width: 125px;
    height: 125px;
    position: absolute;
    top: 30px;
    right: 640px;
    display: block;
}
span.me_head {
    FONT: normal 13px Arial, Tahoma, Verdana, sans-serif;
    COLOR: #0a6891;
    display: block;
}
span.me_body {
    FONT: normal 11px Arial, Tahoma, Verdana, sans-serif;
    COLOR: #424242;
    text-align: justify;
    display: block;
}
#main_point{
     width: 100%;
     height: 115px;
     box-sizing: border-box;
}
#main_point_text {
    float: left;
    width: 280px;
    height: 120px;
    border: 5px solid #0a6891;
    border-radius: 10px 10px 10px 10px;
    box-sizing: border-box;
    padding: 5px;
}
.point_left{
    float: left;
    width: calc(100% - 280px - 251px);
    height: 120px;
}
.point_img{
    float: left;
    width: 229px;
}
.point_close {
    float: right;
    width: 30px;
    height: 30px;
    display: block;
    box-sizing: border-box;
}
#overlay {
    z-index:3;
    position:fixed;
    background-color:rgba(0,0,0,.2);
    width:100%;
    height:100%;
    top:0;
    left:0;
    cursor:pointer;
    display:none;
}
/* -----------------------------------ползунок------------------------------------------------  */
input[type=range] {
      -webkit-appearance: none;
      width: 120px;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 115px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    margin-top: -4px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}
input[type=range]::-moz-range-track {
    width: 115px;
    height: 1px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #0a6891;
}
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 115px;
    height: 1px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #0a6891;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}
div.nyimg {
    width: 188px;
    padding: 10px 0px;
    background-color:#FFFFFF;
    margin:0;
}
div.nytxt {
    padding: 10px 5px;
    color: #cc0000;
    font-size: 12px;
    background-color:#FFFFFF;
}
/* -----------------------------------highslide------------------------------------------------  */
.highslide-wrapper div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide img {
	cursor: url(/highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
	border: 1px solid #d3d3d3;
}
a.highslide:hover img{
	border: 1px solid #0a6891;
}
.highslide-html {
	 background-color: #F8F8F8; BORDER: #d3d3d3 1px dashed;
}
.highslide-maincontent {
	display: none;
}
.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 11px;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding-left: 22px;
	background: url(/highslide/graphics/icon.gif) no-repeat 0 1px;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(/highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
/* Styles for the popup */
.highslide-wrapper .highslide-html-content {
	width: 400px;
	padding: 0px 5px 5px 5px;
	height: 215px;
}
.highslide-wrapper .highslide-header ul {
	height: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	float: right;
}
.highslide-wrapper .highslide-header ul li {
	text-indent: 0;
	margin : 0;
	padding: 0;
	display: inline;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}

.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(/highslide/graphics/resize.gif);
}
.highslide-move {
	cursor: move;
}
.highslide-resize {
   display: none;
	cursor: nw-resize;
}

/* -----------------------------------CS------------------------------------------------  */
#ok_consultant{
    background: url('/cs/images/noise.png') #67b0d5; repeat
}
#ok_con_web_chat{
    bottom:-356px;
    left: calc((100% - 371px)/2);
}
#ok_consultant{
    bottom: 0px;
}
#ok_button{
    left: 103px;
    top: 0px;
}
.ok_online_button{
    width: 110px;
    height: 30px;
    border-radius: 5px 5px 0 0;
    padding: 0px 10px 0px 10px;
    background: url('/cs/images/button/online_bottom.png') #0a6991 0px 0px no-repeat;
}
.ok_offline_button{
    width: 110px;
    height: 30px;
    border-radius: 5px 5px 0 0;
    padding: 0px 10px 0px 10px;
    background: url('/cs/images/button/offline_bottom.png') #0a6991 0px 0px no-repeat;
}
.ok_autodialog_position{
    position: absolute;
    width: 19px;
    height: 18px;
    left: 39px;
    bottom: -18px;
    background: url('/cs/images/button/bottom.png') no-repeat;
}
#ok_autodialog_system{
    left: 45%;
    bottom: 40px;
}