@font-face {
    font-family: FiraSans;
   

    src: url("../font-awesome-4.4.0/FiraSans.eot");
    src: url("../font-awesome-4.4.0/fontsFiraSans.eot?#iefix")format("embedded-opentype"),
    url("../font-awesome-4.4.0/fonts/FiraSans.woff") format("woff"),
    url("../font-awesome-4.4.0/fonts/FiraSans.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

html, body {
    margin: 0;
    padding: 0;
    color: #aeaeae;
    background-color: #fff; 
    font-family: 'Fira Sans';

}
#container {
  background: #fff;
  overflow: hidden;
  margin-left:auto;
  margin-right:auto;  
  width: 960px;
  font-family: 'Fira Sans';
}
/* Header */
div.page-header {
     margin-left: 0;
    position: relative;
    z-index: 5;
    color: #6a67a7;           
    background-position: 10px 0, 10px 0, 0 0, 0 0;
    background-size: 20px 20px;
    overflow: hidden;
    font-family: 'Fira Sans';

}
div.reg{float:right;margin-top:24px;

 border: 3px solid #f6f6f6; 
 padding: 5px; 
}
 .reg a:hover {
    text-decoration: underline; 
   }


.grid_1 {
    padding-top: 3px;
    width: 120px;
    float:left;
}
.grid_2 {
    padding-top: 12px;
    width: 228px;
    float:left;
}
.grid_3 {
    padding-top: 28px;
    width: 41px;
    float:left;
}
.grid_4 {
    padding-top: 20px;
    width: 197px;
    float:left;
}
.grid_5 {
    padding-top: 14px;
    width: 35px;
    float:left;
}
.grid_6 {
    padding-top: 7px;
    width: 194px;
    float:left;
}
.grid_7 {
    width: 145px;
    float:left;
}

.Content{width: 100%;}
.Content a:hover{text-decoration: underline;}
    
    
span.colortext{    color: #9f9f9f;    font-size: 12px;    line-height: normal;
    }
span.styletext{    color: #6a67a7;    font-size: 24px;  }

span.styletextbl{    color: #282828;    font-size: 24px;  } 

.text{    color: #9f9f9f;    font-size: 14px;     }
.textbl{    color: #282828;    font-size: 18px;     }
.textbp{    color: #282828;    font-size: 30px;  font-weight: bold;   }
.textbldr{    color: #282828;    font-size: 32px;     }
.textblue{    color: #6a67a7;    font-size: 14px;     }
.textblueb{    color: #6a67a7;    font-size: 42px; font-weight: bold;    }
.textblac{    color: #282828;    font-size: 14px;     }
.textblu{    color: #6a67a7;    font-size: 60px;     }
.textblm{    color: #282828;    font-size: 12px;    line-height: normal;    }
.styld{    color: #282828;    font-size: 13px;   }
span.styletext1{    color: #6a67a7;    font-size: 21px; }

span.styletext2{    color: #6a67a7;    font-size: 25px; }

span.styletext3{    color: #a1a1a1;    font-size: 13px;   }

span.styletext4{    color: #6a67a7;    font-size: 17px;   }

span.styletext5{    color: #9f9f9f;    font-size: 15px;    }

span.styletext6{    color: #6a67a7;    font-size: 18px;    }

span.styletext7{    color: #6a67a7;    font-size: 15px;    }

.textin{    color: #aeaeae;    font-size: 36px;     }
.stylet{    color: #6a67a7;    font-size: 22px;  }    
.textingr{    color: #aeaeae;    font-size: 16px;     }

#menu{
    padding-top: 30px;
    float: left;
    background-color:#f6f6f6;
    color: #6a67a7;
    font-size: 15px;
    height: 15px;
    width: 960px;
    padding:20px;
    list-style:none;
    vertical-align:20px;
    margin-left:auto;
    margin-right:auto;  
    }
#menu a:hover {
    border-bottom:2px solid #6a67a7; 
    padding-bottom: 18px;  
    }

   #menu ul {
padding:25px; 
}
#menu li {
display:inline;
border-left:1px solid #bbb;
padding: 0 15px 0 15px;
}
#menu li:first-child {
border:none;
} 
#menuf{
    padding-top: 30px;
    float: none;
    background-color:#f6f6f6;
    color: #6a67a7;
    font-size: 15px;
    height: 15px;
    width: 960px;
    padding:20px;
    list-style:none;
    vertical-align:20px;
    margin-left:auto;
    margin-right:auto;  
    }
#menuf a:hover {
    border-bottom:2px solid #6a67a7; 
    padding-bottom: 18px;  
    }

   #menuf ul {
padding:25px; 
}
#menuf li {
display:inline;
border-left:1px solid #bbb;
padding: 0 15px 0 15px;
}
#menuf li:first-child {
border:none;
}


   
    
 BODY  
      
   A {text-decoration: none;
    color: #6a67a7; 
   }
   A:visited {text-decoration: none;
    color: #6a67a7; 
   }
   A:active {text-decoration: none;
    color: #6a67a7; 
   }
   
body{
    color:#aeaeae;
    font-family: 'Fira Sans';

    }
span.body-text{
    color:#aeaeae;
    font-family: 'Fira Sans';
    font-size: 36px;
    }


div.map1{
    position:relative;


}
div.maptext{
    position:absolute;
    top:10px;
    left:10px;
    width:339px;
    height: 317px;
    background:#fff;
    color: #000;
    text-align:center;
    z-index: 50;
}



.pole {
    width: 493px; 
    height: 34px; 
    background: #fff; 
    padding: 0 10px 0 10px; 
    border: 3px solid #aeaeae;    
    outline: none; 
    font-style: italic;
    -webkit-appearance: none; 
    font-size: 1em; 
    line-height: 26px;
   }
.polee {
    width: 493px; 
    height: 34px; 
    background: #fff; 
    padding: 0 10px 0 10px; 
    border: 3px solid #aeaeae;    
    outline: none; 
    font-style: italic;
    -webkit-appearance: none; 
    font-size: 1em;
    line-height: 26px;
   }
.poles {
    width: 493px; 
    height: 120px; /* Высота */
    background: #fff; /* Фон */
    padding: 0 10px 0 10px; /* Поля */
    border: 3px solid #aeaeae;    
    outline: none; 
    font-style: italic;
    color: #aeaeae;
    -webkit-appearance: none; 
    font-size: 1em; /* Размер текста */
    line-height: 26px; /* Выравниваем по  центру в IE */
   }  
.poleo {
    width: 519px; 
    height: 34px; /* Высота */
    background: #fff; /* Фон */
    padding: 0 10px 0 10px; /* Поля */
    border: 3px solid #6a67a7;    
    outline: none; 
    font-weight: 600;
    -webkit-appearance: none; 
    font-size: 1em; /* Размер текста */
    line-height: 26px; /* Выравниваем по  центру в IE */
   }   
.poleos {text-align: center; font-family: 'Fira Sans', Bold;  font-size: 24px;
    width: 519px; 
    height: 34px; /* Высота */
    background: #fff; /* Фон */
    padding: 5px 10px 0 10px; /* Поля */
    border: 3px solid #6a67a7;    
    outline: none; 
    font-weight: 600;
    margin-left: 210px;
    color: #282828;
    -webkit-appearance: none; 
    font-size: 1em; /* Размер текста */
    line-height: 26px; /* Выравниваем по  центру в IE */
   } 
/* Footer */
div.page-footer {
    width:auto;
    height: auto;
    min-height: 50px;
    padding: 20px;
    font-size: 14px;
    background-color: #f6f6f6;  
    background-size: 10px 12px;
    background-repeat: repeat-x;
    overflow: hidden;
    font-family: 'Fira Sans';
    margin-top: 50px;
}

.gridf{ 

  overflow: hidden;
  margin-left:auto;
  margin-right:auto;  
  width: 960px;

}
.grid_9 {
    padding: 30px;
    width: 500px;
    float:left;
}
.grid_10 {
    padding-left: 20px;
    padding-top: 30px;
    width: 50px;
    float:left;
}
.grid_11 {
    padding-top: 30px;
    width: 320px;
    float:left;
}
.grid_12 {
    padding-top: 30px;
    width: 960px;
    float:left;
}
div.company{
    position:relative;
}
div.ctext{
    position:absolute;
    top:0;
    left:0;
    width:960px;
    height: 207px;
    background:#fff;
    opacity: 0.75;
    color: #000;
    text-align:left;
    z-index: 50;
    color: #9f9f9f;
    font-size: 24px;  

}
.grid {
    border: 3px solid #f6f6f6 ;
    width: 99%;
    float:left;
    padding-bottom: 15px;
    padding-top: 5px;
    margin-top: 20px;
    margin-bottom: 35px;
}
.grid11 {

    width: 290px;
    float:left;
   text-align: center;
}
.grid12 {

    width: 420px;
    float:left;
       text-align: center;

}
.grid13 {

    width: 230px;
    float:left;
       text-align: center; 
}
.grop {
    padding-bottom: 30px;
    width: 960px;
    float:left;
    border-bottom: 2px solid #aeaeae;
}
.grop11 {
    padding-bottom: 30px;
    width: 960px;
    float:left;
    padding-bottom: 30px;
}
.grop1 {
    padding-top: 30px;
    width: 245px;
    float:left;
}
.grop2 {
    margin-top: 25px;
    width: 115px;
    float:left;
    vertical-align: middle;
    top:0%;
    bottom: 0%;
    right: 0%;
    left: 0%;

}
.grop3 {
    margin-top: 25px;
    width: 600px;
    float:left;
}
.grop23 {
    width: 715px;
    float:left;
}

div.companyus{
    position:relative;
    width: 960px;
}
div.ctextus{
    position:absolute;
    top:80px;
    left:-11px;
    right: 0;
    bottom: 0;
    width:960px;
    height: 332px;
    opacity: 1;
    color: #fff;
    text-align:center;
    z-index: 50;
    font-size: 28px;  
 
}

.gridus{
    width: 960px;
    float:left;
    margin-bottom:54px; 
}
.gridus1{ 
    width: 320px;
    padding-top: 36px;
    float:left;
}

.gridus2{ 
    width: 320px;
    float:left;
}

.gridus3{ 
    width: 320px;
    float:left;
}

.ramkared{
    float:right;
    margin-top:24px;
    border: 3px solid #f00;
    padding: 5px; 
    font-size: 24px; color: #6a67a7; 
    text-align: center;
    margin-bottom:55px; 
}
.box{
    float:right;
    margin-top:34px; 
    margin-bottom:44px;    
    border: 3px solid #6a67a7; 
    background-color:#6a67a7; 
    padding: 20px;
    font-size: 24px; color: #fff; 
    text-align: center; 
    width: 960px;
}
.ramkagrey{
    width: 276px;
    margin-top:24px;
    border: 2px solid #d6d6d6;
    padding: 10px; 
    color: #282828;
    font-size: 16px;
}

.gridpr{
    width: 960px;
    float:left;
    margin-bottom:24px; 
    margin-top:60px;
}
.gridpr1{
    margin-top:24px;
    width: 290px;
    float:left;
}
.gridpr2{
    width: 240px;
    float:left;

}
.gridpr3{
    width: 240px;
    float:left;
}
.gridpr4{
    width: 190px;
    float:left;
}





.num{
    color: #d6d6d6;
    font-size: 100px;
    margin-left: 100px;
    margin-top: 5px;
    position:relative;
}
.numt{
    top:0;
    right: 130px;
    position:absolute;
    color: #282828;   
    font-size: 15px; 
    z-index: 50;
}
.numte{
    top:0;
    right: 100px;
    position:absolute;
    color: #282828;   
    font-size: 15px; 
    z-index: 50;
}
.numtx{
    top:0;
    right: 90px;
    position:absolute;
    color: #282828;   
    font-size: 15px; 
    z-index: 50;
}


.tovarob{
    width: 960px;
    float:left;
    margin-top: 40px;
    margin-bottom: 90px;
}
.tovar{
    position: relative;
    width: 960px;
    float:left;
    color: #6a67a7;
    font-size: 14px;
    margin-bottom: 40px;
}
.tovar_one{
    width: 192px;
    float:left;
    text-align: center;
}
.tovar_one a:hover {
    text-decoration: underline; 
   }
.tovar_img{
    height:204px;
    width:100%;
  position:relative; 

    
    
}

.tovar_img img{
  position: absolute;
  margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;

   
}


.tovartext{
    margin-top: 10px;
    margin-bottom: 20px;
    width: 960px;
    float:left;
    color: #6a67a7;
    font-size: 14px;
}

.promo{width: 960px;
    float:left;
    margin-bottom: 30px;}
.dost{width: 360px;
    float:left;}
.assort{width: 300px;
    float:left;
    text-align: center;}
.prlist{width: 300px;
    float:left;
    text-align: center;
    text-decoration: underline;
    position:relative;
}
.prlisttext{
    position:absolute;
    top:110px;
    left:100px;
    width:150px;
    height: 20px;
    text-align:left;
    z-index: 50;
    color: #282828;
    font-size: 14px;

}


div.pr{
    position:relative;
}
div.prd{
    position:absolute;
    top:0;
    left:0;
    width:330px;
    height: 207px;
    text-align:right;
    z-index: 50;
    color: #6a67a7;
    font-size: 48px;

    
}
div.pr2{
    position:relative;
}
div.pras{
    position:absolute;
    top:0;
    left:0;
    padding-top: 60px;
    width:1050px;
    height: 407px;
    text-align:center;
    z-index: 50;
    color: #6a67a7;
    font-size: 18px;
}
.promo div.pras {height: auto}

div.akcii{
    position:relative;
    width: 960px;
    overflow: hidden;
    margin-bottom: 50px;

}
div.akciitext{
    position:absolute;
    left:0;
    z-index: 50;
    color: #282828;
    font-size: 42px;  
    margin-top: -8px; 
    margin-left: 50px; 
    text-align: left;
    top:0;
    width:960px;
    height: 100px;
    opacity: 1;
}
div.akciibutton{
    position:absolute;
    left:0;
    z-index: 50;
    margin-top: 68px; 
    margin-left: 695px; 
    top:40px;
    width:960px;
    height: 800px;
    opacity: 1; 

}

.button{
    background: none;
    text-align: center;  font-size: 14px;color: #282828;
    padding: 0 10px 0 10px;     
    border: 3px solid #282828;    
    outline: none; 
    font-weight: 600;
    -webkit-appearance: none; 
    line-height: 36px; }



.nevcatalog{width: 960px;
            float:left;}

.nevcatalogb{width: 238px;
            float:left;}
.nevgb{width: 958px;
            float:left;
        border: 1px solid #aeaeae;}
.boxc {
        border: 1px solid #aeaeae;
      }
.boxlin{border-left: none;
}

////////////////////////////////////////////////
#slider-wrap{ /* Оболочка слайдера и кнопок */
	width:960px; 
	}
#slider{ /* Оболочка слайдера */
	width:960px;
	height:270px;
	overflow: hidden;
	border:none;
	position:relative;}
.slide{ /* Слайд */
	width:100%;
	height:100%;
	}
.sli-links{ /* Кнопки смены слайдов */
	margin-top:10px;
	text-align:center;}
.sli-links .control-slide{
	margin:2px;
	display:inline-block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/radioBg.png) center bottom no-repeat;}
.sli-links .control-slide:hover{
	cursor:pointer;
	background-position:center center;}
.sli-links .control-slide.active{
	background-position:center top;}
#prewbutton, #nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */
	display:block;
	width:15px;
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	text-indent:-999px;
	background:url(../images/arrowBg.png) left center no-repeat;
	opacity:0.1;
	z-index:3;
	outline:none !important;}
#prewbutton{left:10px;}
#nextbutton{
	right:10px;
	background:url(../images/arrowBg.png) right center no-repeat;}
#prewbutton:hover, #nextbutton:hover{
	opacity:0.4;}
	
	
	

.slaidtext{
    text-align: right;
    width: 245px;
    float: left;
    padding-top: 100px;

 }
.slaidfoto{
    width: 715px;
    float: left;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position:relative;
}
.slaidopis{
    position:absolute;
    top:115px;
    left:472px;
    width:339px;
    height: 317px;
    text-align:center;
    z-index: 50;
} 
 
.slaidopistext{
    position:absolute;
    top:20px;
    left:500px;
    width:500px;
    height: 317px;
    text-align:left;
    z-index:50;
} 
.posit{
    position:absolute;
    top:110px;
    left:580px;
    width:500px;
    height: 317px;
    text-align:left;
    z-index: 50;

}
 .new{
    float: left;
    width: 300px;
 }

.newp{
    float: left;
    width: 300px;
    padding: 0 30px 0 30px;
}
.besp{
    position:relative;
    padding-right:40px;

}
.bespimg{
    position:absolute;
    top:2px;
    padding-left:210px;
    height: 317px;
    text-align:right;
    z-index: 50;
}
////////////////////////////////////////////////

    
 
.oborud{width: 960px;
        float:left;    }

.oborud a:hover{text-decoration: underline;
color: #6a67a7;}


.ob-catalog{width: 275px;
        float:left;
        font-weight: bold;
        color: #282828;
        font-family: 'Fira Sans'; font-weight: bold; font-size: 16px;
        line-height: 15px;
          }
.ob-catalog li {margin-bottom: 15px;
          }
 a:hover  {color: #6a67a7;}


.ob-stolb{width: 270px;
        float:left;
        padding-top: 25px;
        margin-bottom: 50px;
        padding-left: 50px;
    }


/* скрываем чекбоксы и блоки с содержанием */
.hide, .hide + label ~ div {
    display: none; 
}
/* вид текста label */
.hide + label,
.hide:checked + label {
    padding: 0;
    color: #282828;
    cursor: pointer;
}
/* вид текста label активном переключателе */
.hide:checked + label {
    color: #282828;
    border-bottom: 0;

}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block; 
    margin-top: 10px;
    margin-left: 20px;
    padding: 10px;
    color:#6a67a7;
    font-size: 14px;
    /* чуточку анимации при появлении */
     -webkit-animation:fade ease-in 0.5s; 
     -moz-animation:fade ease-in 0.5s;
     animation:fade ease-in 0.5s; 
}
/* анимация при появлении скрытых блоков */
@-moz-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }   
}
.hide + label:before {
    color: #282828;
    content: "∧";
    display: block;
    float: right;
    font-size: 12px; 
    font-weight: bold;
    height: 12px;
    
    margin: 2px 5px 0px;

    width: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.hide:checked + label:before {
    content: "∨";
}


.opis{width: 470px;float: left; padding-left: 20px;}
.har{width: 470px;float: left;}
.lrec{width: 195px;padding: 10px 20px 10px 20px; 
float: left;text-align: center;height:360px;
border-left: 1px solid #aeaeae;border-bottom: 1px solid #aeaeae;border-right: 1px solid #fff;border-top: 1px solid #aeaeae;
}
.lrecl{width: 195px;padding: 10px 20px 10px 20px; 
float: left;text-align: center;height:360px;
border-left: 1px solid #aeaeae;border-bottom: 1px solid #aeaeae;border-right: 1px solid #aeaeae;border-top: 1px solid #aeaeae;
}
.lrecc{width: 195px;height:360px;
float: left;text-align: center; padding: 10px 20px 10px 20px;
border-left: 1px solid #aeaeae;border-bottom: 1px solid #aeaeae;border-right: 1px solid #aeaeae;border-top: 1px solid #fff;
}
.lrecob{width: 948px;
        float:left;
    }



.lk{width: 960px;
        float:left; height: 100%;margin-bottom: 30px;
        margin-top: 30px;}

.lksil{width: 160px;
        float:left;
        margin-top: 30px;
    font-size: 24px; 
    font-style: italic;}
.lksilv{width: 640px;
        float:left;
        margin-top: 30px;
    font-size: 24px;
    font-style: italic; }

.lksilv a:hover{color:#282828;}
.lksil a:hover{color:#282828;}
.lksilv a{color:#aeaeae;}
.lksil a{color:#aeaeae;}
.lksilv a:active{color:#6a67a7;}
.lksil a:active{color:#6a67a7;}
.ldf{width: 200px;
    
        float:left;      
    }
#fixblock{position: fixed; 
            
    }
.lkk{width: 200px;
        float:left;
        background-color: #fff;}

.ldk{width: 200px;
    height: 300px;
        float:left;   background-color: #fff;      
    }
.ldkx{width: 200px;
    height: 520px;
        float:left;  background-color: #fff;       
    } 

    .fonweit{
       width: 200px;
    height: 820px; 
    background-color: #fff;
    position: absolute;
    }

    .ldkxsr{width: 200px;
    height: 450px;
        float:left;        
    } 
    .ldpod{width: 200px;
    height: 360px;
        float:left;        
    } 
 .his{width: 760px;
        float:left; 
        margin-left: 200px;
        background-color: #f6f6f6;  
        height:  40px; 
        padding-top: 20px; 
        margin-bottom: 20px; 
    }   
.history{width: 700px;
        float:left; 
        margin-left: 60px; 
        padding-left: 200px;

    }
.korzina{width: 760px;margin-left: 200px;
        float:left; 
        padding: 10px 0 10px 0;
        border-bottom: 2px solid #f6f6f6;
      
    }
.korzinaa{width: 760px;
        float:left; 
        margin-top: 20px;

    }
.korzina:hover {
    background: #f6f6f6; /* Цвет фона при наведении */
   } 

    .historyi{width:120px;
        float:left;
        text-align: center;         
    }
        .historyii{width:455px;
        float:left;       
    }
    .historyt{width: 345px;
        float:left; 
              
    }
    .historyc{width: 75px;
        float:left; 
        text-align: center;        
    }
    .historyk{width: 95px;
        float:left;
        text-align: center;         
    }
    .historys{width: 115px;
        float:left;  
        text-align: center;       
    }

.formfon{
    color:#282828;
    padding: 15px;
    width: 200px; 
    height: 336px; 
    background-color: #f6f6f6;
    position: absolute;

}
.formfonn{
    color:#282828;
    padding: 15px;
    width: 150px; 
    height: 230px; 
    background-color: #f6f6f6;
    position: absolute;
}
.formfonx{
    color:#282828;

    width: 180px; 
    height: 140px; 
    background-color: #f6f6f6;
    position: absolute;
}
.formfonxs{
    color:#282828;
    padding: 15px;
    width: 150px; 
    height: 160px; 
    background-color: #f6f6f6;
    position: absolute;
}
.formpodbor{
    color:#282828;
    padding: 15px;
    width: 150px; 
    height: 300px; 
    background-color: #f6f6f6;
    position: absolute;
}
.formld {
    text-align: right;
    color: #282828;
    background-color: #f6f6f6;    
    width: 228px; 
    height: 30px; 
    padding: 0; 
    border: none;  
    outline: none; 
    font-style: italic;
    -webkit-appearance: none; 
    font-size: 14px; 
    line-height: 26px; 
    position: relative;
   }
.ramkahis{
     border: 1px solid #aeaeae;
     padding: 10px;
}
.ramkahiss{
     border: 1px solid #aeaeae;
     border-top: none;
     border-bottom: none;
     padding: 10px;
}
.buttonred{
        -webkit-appearance: none;
        outline: none;  
    border: 3px solid red;
    background: #fff; 
    padding: 5px 50px 5px 50px; 
    font-weight: bold;
    font-weight: bold;

}
.buttonredw{
        -webkit-appearance: none;
        outline: none;  
    border: 3px solid red;
    background: #fff; 
    padding: 5px 50px 5px 50px; 
    font-weight: bold;
    font-weight: bold;

}
.buttonblu{
        -webkit-appearance: none;
        outline: none;  
    border: 3px solid #6a67a7;
    background: #f6f6f6; 
    padding: 5px 25px 5px 25px; 
    font-weight: bold;
    width: 100%;

}

.buttonbluf{
        -webkit-appearance: none;
        outline: none;  
    border: 3px solid #6a67a7;
    background: #f6f6f6; 
    padding: 5px 15px 5px 15px; 
    font-weight: bold;
    width: 160px;
}
.buttonredo{
        -webkit-appearance: none;
        outline: none;  
    border: 3px solid red;
    background: #f6f6f6; 
    padding: 5px 30px 5px 30px; 
    text-align: center;
    font-weight: bold;
    width: 100%;
}
.buttonre{
        -webkit-appearance: none;
        outline: none;  
    border: 3px solid red;
    background: #fff; 
    padding: 5px 25px 5px 25px; 
    text-align: left;
    font-weight: bold;
    font-size: 18px;

}
.buttongr{
        -webkit-appearance: none;
        outline: none;  
    border: 3px solid #aeaeae;
    background: #fff; 
    padding: 5px 5px 5px 5px; 
    font-weight: bold;

}
.leftstr, .rightstr {
    float: left; /* Обтекание справа */ 
    width: 100%; /* Ширина текстового блока */ 
    font-size: 14px;
    padding-bottom: 10px;
   }
   .rightstr {
    text-align: right; /* Выравнивание по правому краю */ 
    margin-top: -45px;
   }
str, .rightstrr {
    float: left; /* Обтекание справа */ 
    width: 100%; /* Ширина текстового блока */ 
    font-size: 14px;
    padding-bottom: 10px;
     margin-top: 2px;
   }
   .rightstrr {
    text-align: right; /* Выравнивание по правому краю */ 
    margin-top: -26px;
   }

.newdet{width: 700px;
        float:left;
        padding-right: 20px;
        padding-bottom: 20px;
}
.newakcii{width: 240px;
        float:left;        
    position:relative;
}

.newadet{width: 720px;
        float:left;
        padding-right: 20px;
        padding-bottom: 20px;
}
.newaakcii{width: 225px;
        float:left;        
        position:relative;
        margin-left: 15px;
}

.newakciitex{
    position:absolute;
    top:10px;
    left:10px;
    color: #000;
    text-align:left;
    z-index: 50;
}
.leftimg{
    float:left; /* Выравнивание по левому краю */
    margin: 0 25px 0 0; /* Отступы вокруг картинки */
}
.newob{
    float: left;
    width: 720px;
    padding-top: 30px;
}


.item-list{text-align: center;}

ul.pager li{
    display: inline; /* Отображать как строчный элемент */
    margin-right: 10px;
    color: #f6f6f6;
    padding: 7px 12px 7px 12px; 
    font-weight: bold;

}

.pager-item:hover, li.active 
{
 border:3px solid #aeaeae;
 color: #282828;
 font-weight: bold;
}
#pager-item{
    color: #aeaeae;
}
.linxart{
    background-color: #ececec;
    width: 170px;
    float:left;  
    height:  30px; 
    line-height: 30px;
    padding-left: 10px;

}
.linxars{
    background-color: #f6f6f6;
    width: 170px;
    float:left;  
    height:  30px; 
    line-height: 30px;
    padding-left: 10px;
    
}
.linxartw{
    background-color: #f6f6f6;
    width: 100%;
    float:left;  
    height:  30px; 
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #282828;
    font-weight: bold;

}
.linxarsw{
    background-color: #fff;
    width: 100%;
    float:left;  
    height:  30px; 
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #282828;
    font-weight: bold;
}
.sravtov{
    float: left;
    width: 220px;
    margin-left: 20px;
    border: 1px solid #f6f6f6;
}


.sravtov:hover 
{
text-decoration: underline;
 background:url(../images/закрыть.png) no-repeat 95% 2%;
}


   .lay {
    float: left;
    width:1000%;  
    height: 830px;  
    padding-left: 200px;
  display: inline-block;
   } 
.layer {
    overflow-x:scroll; 
    width: 960px; 
    height: auto; 
    border: none;
   } 

.inputcolor{
    color: #aeaeae;
    background-color: #fff;
    border: none;
    width: 62px;
    height: 20px;
    text-align: right;
    outline: none;
    font-style:italic;
    padding-right: 5px;
}
.spisras{
    color: #aeaeae;
    background-color: #fff;
    border: none;
    width: 100%;
    height: 20px;
    text-align: right;
    outline: none;
    font-style:italic;
    margin-bottom: 10px;

}
.spistov{
    width: 760px;
    float: left;
    padding-top: 20px;
    border-bottom: 1px solid #aeaeae;
}
.spistovob{
    width: 760px;
    float: left;

}
.spistov1{
    width: 420px;
    float: left;
    padding-top: 20px;
}
.spistov2{
    width: 110px;
    float: left;
    padding-top: 20px; 
}
.spistov3{
    width: 230px;
    float: left;
    padding-top: 20px;
}
.spistovb{
    width: 760px;
    float: left;
    padding-top: 20px;
    border-bottom: none;
}
.spistovimg{
    width: 220px;
    float: left;
    vertical-align: middle;
    top:10px;
    bottom: 0%;
    right: 0%;
    left: 0%;
    text-align: center;
	
}

.tovar_produkt{position: relative; width: 220px; float: left; text-align: center;}
.tovar_icon{
position: absolute; left: 90px; 
}

.spistovtext{
    width: 540px;
    float: left;

}
.polosort{
    width: 500px;
    float: left;
}
.polosviv{
    width: 250px;
    float: left;
}
.spistovpol{
    width: 750px;
    float: left;
    background-color: #f6f6f6;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
}
.spistovpol a:active {
    color: #6a67a7; /* Цвет активных ссылок */
   }
 .spistovpol a {
    color: #282828; 
    font-weight: bold;
   }  
.lefts {
    float: left; 
    width: 230px; 
    font-size: 14px;
    padding-bottom: 10px;
   }
   .rights {
    text-align: left; 
    margin-left: 250px;
    margin-top: -10px;
   }
  .rights a{text-decoration: underline;} 

.leftex {
    float: left; 
    width: 230px; 
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 25px;    color: #aeaeae;
   }
   .rightex {
    text-align: left; 
    margin-left: 240px;
    line-height: 25px;
    font-size: 16px;
    color: #282828;
    font-weight: bold;

   }
.textopis{
    padding-top: 40px;
    font-size: 14px;
}   
.ramblu{border: 3px solid #6a67a7;
padding: 0 10px 20px 10px;
margin-top:20px;
line-height: 15px;
word-break: break-all;
}
.imgh{text-align: center; height: 214px;
padding-top: 20px;
vertical-align: middle;}



.lrecgg{width: 195px;padding: 110px 20px 10px 20px;
float: left;text-align: left;height: 270px; 
border-right: 1px solid #aeaeae;border-bottom: 1px solid #aeaeae;border-top:  1px solid #fff;border-left: 1px solid #fff;
}
.lrecg{width: 195px;padding: 10px 20px 10px 20px;
float: left;text-align: center;height: 370px;
border-left: 1px solid #aeaeae;border-bottom: 1px solid #aeaeae;border-right: transparent;border-top: transparent;

}
.lrecgv{width: 195px;padding: 10px 20px 10px 20px; 
float: left;text-align: center;height: 370px;position: relative;
border-right: 1px solid #aeaeae;border-top: 1px solid #aeaeae;border-left: transparent;border-bottom: 1px solid #aeaeae;}

.lrecgvnone{width: 429px;padding: 30px 20px 10px 20px; 
float: left;text-align: center;height: 348px;position: absolute; top:0; right:0; display: none;
border: 1px solid #aeaeae; background: #fff;}
.lrecgvnonerr{width: 429px;padding: 30px 20px 10px 20px; margin-right: -235px;
float: right;text-align: center;height: 348px;position: absolute; top:1px; right:0; display: none;
border: 1px solid #aeaeae; background: #fff;}
.left{width: 214px;float: left;}
.righ{width: 214px;float: left;text-align: left;}
.lrecgvnoner{width: 429px;padding: 30px 20px 10px 20px; margin-right: -236px;
float: right;text-align: center;height: 348px;position: absolute; top:0; right:0; display: none;
border: 1px solid #aeaeae; background: #fff;}

.lrecgvg{width: 195px;padding: 10px 20px 10px 20px; 
float: left;text-align: center;height: 370px;
border-right: 1px solid #aeaeae;border-left: 1px solid #aeaeae;border-top: transparent;border-bottom: 1px solid #aeaeae;}

.blok{position: relative; 
float: left;text-align: center;height: 370px;}

.lrecobg{width: 960px;position: relative;
        float:left;
    }

 .blok:hover .lrecgvnoner{
    display:block;
    z-index:100;}
 .blok:hover .lrecgvnone{
    display:block;
    z-index:100;}
 .blok:hover .lrecgvnonerr{
    display:block;
    z-index:100;}

.iconv{background:url(../images/логин.png) no-repeat 83% 30%;}
.iconpv{background:url(../images/пароль.png) no-repeat 83% 30%;}


.icon{background:url(../images/логин.png) no-repeat 80% 30%;}
.iconp{background:url(../images/пароль.png) no-repeat 80% 30%;}
.iconi{background:url(../images/почта.png) no-repeat 80% 30%;}




/**********popup links**********/
.link_group {
margin:20px auto;
width:555px;
text-align:center;
}
.link_group a {
margin:0 20px;
padding:5px 15px;
color:#000;
font-weight:bold;
display:inline-block;
vertical-align:top;
*display:inline;
*zoom:1;
position:relative;
text-decoration:none;
text-transform:uppercase;
border:1px solid #ccc;
behavior: url(PIE.htc);
}
.link_group a:hover {
color:#cc0000;
}


/**********All styles popup**********/
.popup {
padding:5px 15px 15px;
position:fixed;
top:100px;
left:50%;
display:none;
overflow:hidden;
border:1px solid #ccc;
background:#fff;
z-index:100;
behavior: url(PIE.htc);
}
.popup h2 {
font:bold 18px/32px Arial, san-serif;
}
.popup:hover a.close {
width:16px;
height:16px;
display:block;
text-indent:-9999px;
position:absolute;
top:10px;
right:10px;
background:url(../images/close.png) no-repeat;
}



/**********popup with form**********/
.reg_form {
margin-left:-200px;
width:350px;
text-align: center;
height: auto;
}
.reg_form form {
margin-top:10px;
}
.reg_form label {
width:100px;
height:26px;
font:bold 12px/26px Arial, san-serif;
display:inline-block;
vertical-align:top;
*display:inline;
*zoom:1;
}
.reg_form input[type=text], .reg_form input[type=password] {
margin-bottom:10px;
padding:0 3px;
width:274px;
height:22px;
border:1px solid #ccc;
}
.reg_form input[type=submit] {
margin:10px 15px 0 0;
padding:3px 10px;
float:right;
background:#ccc;
border:0;
text-transform:uppercase;
position:relative;
cursor:pointer;
behavior: url(PIE.htc);
}
.reg_form input[type=submit]:hover {
color:#fff;
}
/**********popup with formv**********/
.reg_formv {
margin-left:-200px;
width:400px;
text-align: center;

}
.reg_formv form {
margin-top:10px;
}
.reg_formv label {
width:100px;
height:26px;
font:bold 12px/26px Arial, san-serif;
display:inline-block;
vertical-align:top;
*display:inline;
*zoom:1;
}
.reg_formv input[type=text], .reg_formv input[type=password] {
margin-bottom:10px;
padding:0 3px;
width:274px;
height:22px;
border:1px solid #ccc;
}
.reg_formv input[type=submit] {
margin:10px 15px 0 0;
padding:3px 10px;
float:right;
background:#ccc;
border:0;
text-transform:uppercase;
position:relative;
cursor:pointer;
behavior: url(PIE.htc);
}
.reg_formv input[type=submit]:hover {
color:#fff;
}
/**********popup with formr**********/
.reg_formr {
margin-left:-200px;
width:400px;
text-align: center;

}
.reg_formr form {
margin-top:10px;
}
.reg_formr label {
width:100px;
height:26px;
font:bold 12px/26px Arial, san-serif;
display:inline-block;
vertical-align:top;
*display:inline;
*zoom:1;
}
.reg_formr input[type=text], .reg_formr input[type=password] {
margin-bottom:10px;
padding:0 3px;
width:274px;
height:22px;
border:1px solid #ccc;
}
.reg_formr input[type=submit] {
margin:10px 15px 0 0;
padding:3px 10px;
float:right;
background:#ccc;
border:0;
text-transform:uppercase;
position:relative;
cursor:pointer;
behavior: url(PIE.htc);
}
.reg_formr input[type=submit]:hover {
color:#fff;
}
/**********popup with formz**********/
.reg_formz {
margin-left:-200px;
width:620px;
text-align: center;

}
.reg_formz form {
margin-top:10px;
}
.reg_formz label {
width:100px;
height:26px;
font:bold 12px/26px Arial, san-serif;
display:inline-block;
vertical-align:top;
*display:inline;
*zoom:1;
}
.reg_formz input[type=text], .reg_formz input[type=password] {
margin-bottom:10px;
padding:0 3px;
width:274px;
height:22px;
border:1px solid #ccc;
}
.reg_formz input[type=submit] {
margin:10px 15px 0 0;
padding:3px 10px;
float:right;
background:#ccc;
border:0;
text-transform:uppercase;
position:relative;
cursor:pointer;
behavior: url(PIE.htc);
}
.reg_formz input[type=submit]:hover {
color:#fff;
}
/**********overlay styles**********/
#overlay {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
display:none;
background:#000;
opacity:.8;
z-index: 80;
}


 .polcolor{
    color: #aeaeae;
    background: rgba(255,255,255,0.1);
    width: 250px;
    height: 30px;
    line-height: 30px;
    outline: none;
    font-style:italic;
    border: 3px solid #aeaeae;
    padding-left: 15px;
    font-style: italic;
    margin-bottom: 20px;
}
.pasbut{
    -webkit-appearance: none;
        outline: none;  
    border: 3px solid #6a67a7;
    background: #fff; 

    font-weight: bold;
    width: 270px;
    height: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}
.pasbutr{
    -webkit-appearance: none;
        outline: none;  
    border: 3px solid red;
    background: #fff; 

    font-weight: bold;
    width: 270px;
    height: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}
.popup a{text-decoration: underline;
font-weight: normal;
font-style: normal;}



   
        
        #img_container {
            overflow: hidden;
            width: 400px;
            margin: 0 auto;
            
        }
        #img_box {
            position: relative;
            width: 3000px;
            margin: 0;
        }
        #img_box img {
            float: left;
            width: 400px;
        }
        #imgthumb_box {
            text-align: center; width: 80px;"
        }
        #imgthumb_box a {
            margin-left: 4px;width: 80px;"
        }
        #imgthumb_box a img {
            
            position: relative;
            height: 80px; width: 80px;"
           
        }
        #imgthumb_box a img:hover {
            border-color: #666;width: 80px;"
        }