@import url(reset.css);

/* ======================================================================== */
h1{
    font: normal 22px Verdana, sans-serif;
    color: #fff;
}

a{
 color: white;
}
.clear{
    clear: both;
}

strong{
  font-weight:bold;
}

em{
  font-style: italic;
}


u{
  text-decoration: underline;
}

blockquote{
   padding: 10px 40px 10px 40px;
   font-style: italic;
   text-align: justify;
}

ol, ul {
list-style-type: disc;
}

/* ======================================================================== */

body {
     background-color: #2e6061;
     background-image: url(/i/bg.jpg);
     background-repeat: no-repeat;
     background-position: top center;   
}

#wrapper {
    width: 1048px;
    margin: 0 auto;
}




/*header */
#header{
    width: 1048px;
    height: 363px;
    background-image: url(/i/header_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 28px;      
}


#header_right_box{
    width: 480px;
    height: 313px;
    float: right;
}


#logo{
    width: 440px;
    height: 100px; 
    margin-top: 33px;
    margin-bottom: 18px;   
}

#logo a{
    display: block;
    cursor: pointer;
    width: 440px;
    height: 100px;  
}


#phone{
    width: 240px;
    height: 45px;
    padding-left: 53px;
    margin-left: 156px;
    background-image: url(/i/phone_small.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    font: normal 40px Arial, sans-serif;
    color: #fff;
    margin-top: 25px;
    padding-top: 5px;    
}

#phone .code
{
    font-size: 14.8pt;
    display: inline-block;
    /*width: 80px;*/
    vertical-align: top;
    line-height: 28px;
}
#phone .phones
{
    display: inline-block;
    font-size: 18.2pt;
    margin-left: 13px;
}

.container{
  position: relative;
  padding-bottom: 5px;
}

  .bg__theme {
    background-color: #dcedc8;
  }
  .bg__theme_hover {
    background-color: #026a6e;
  }

.phones a{
  text-decoration-line: none; 
}  
.phones a:after{
    content: 'Показать';
    background: linear-gradient(90deg, #00000000 0%, #008187 70.02%), no-repeat right url("/i/icons/fenix-eye.svg");
    position: absolute;
    right: 0px;
    text-align: right;
    width: 100%;
    height: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: -0.04em;
    text-decoration-line: underline;
    background-blend-mode: color;
    padding: 0 21px 0 0;
}

#adres_box{
    font: normal 18px Verdana, sans-serif;
    width: 200px;
    color: #fff;
}

.phones_bottom a  {
  text-decoration-line: none;
}  
.phones_bottom a:after{
    content: 'Показать';
    background: linear-gradient(90deg, #00000000 0%, #2f6162 70.02%), no-repeat right url("/i/icons/fenix-eye.svg");
    position: absolute;
    right: 0px;
    text-align: right;
    width: 100%;
    height: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.04em;
    text-decoration-line: underline;
    background-blend-mode: color;
    padding: 0 21px 0 0;
}

.phonesNA a:after{
    content: unset;    
} 

#top_menu_box{
    width: 1048px;
    height: 49px;
}

#top_menu  {
    width: 585px;
    height: 49px;
    float: right;
}

#top_menu li {
    width: 146px;
    height: 49px;
    float: left; 
    list-style-type: none;  
}

#top_menu li a{
    width: 131px;
    height: 34px;
    padding-top:15px;
    padding-left:16px;
    display: block;
    cursor: pointer;   
    background-image: url(/i/top_button_bg.png);
    background-repeat: no-repeat;
    background-position: center left;
    font: normal 18px Verdana, sans-serif;
    color: #071111;  
}

#top_menu li a.lastli{
    width: 120px;
    height: 34px;
    padding-top:15px;
    padding-left:27px;
}


#top_menu li a:hover{   
    background-image: url(/i/top_button_bg_hover.png);
    background-repeat: no-repeat;
    background-position: center left;
    font: normal 18px Verdana, sans-serif;
    color: #fff;  
}

/*END header */






/*content */
#content{
    width: 1048px;
    margin-bottom: 60px;
}


#left_box{
    width: 285px;    
    float: left;
    margin-left: 7px;
}

#left_box_top{
   width: 285px;
   height: 10px;
   background-image: url(/i/leftbox_top_bg.png);
   background-repeat: no-repeat;
   background-position: top left; 
}


#left_box_center{
   width: 285px;
   min-height: 500px;  
   background-image: url(/i/leftbox_center_bg.png);
   background-repeat: repeat-y;
   padding-top: 30px;

}


#left_box_bottom{
   width: 285px;
   height: 10px;
   background-image: url(/i/leftbox_bottom_bg.png);
   background-repeat: no-repeat;
   background-position: top left; 
}


#left_menu{
  margin-left: 43px;
  margin-right: 12px; 
}

#left_menu li{
   padding-bottom: 23px;  
   color: #fff; 
}

#left_menu li a{
    font: normal 18px Verdana, sans-serif;
    color: #fff; 
}


#center_box{
    width: 707px;  
    float: left; 
    margin-left: 48px;
}

#banner_box{
    width: 707px;
    height: 216px;
    margin-top: 7px;
    margin-bottom: 47px;
}


#title_box{
    width: 670px;
    margin-left: 5px;
    margin-bottom: 34px;
    font: normal 25px Verdana, sans-serif;
    color: #fff;
}

#content_box{
    width: 670px;
    margin-left: 5px;
    font: normal 18px Verdana, sans-serif;
    color: #fff; 
}

/*END content */







/* promo_box */

#promo_box{
    width: 1017px;
    height: 312px;
    margin-left: 17px;
    padding-top: 32px;
    margin-bottom: 44px;
    background-image: url(/i/promo_box_bg.png);
    background-repeat: no-repeat;
    background-position: top left; 
}


#promo_title{
    margin-left: 44px;
    margin-bottom: 25px;   
}


#promo_title a{   
    font: bold 18px Verdana, sans-serif;
    color: #fff;
}


#promo_products{
    width: 963px;
    height: 229px;
    margin-left: 44px;
}

.products{
    width: 450px;
    height: 229px;
    float: left;
    margin-right: 30px;
}

.products_img{
    width: 233px;
    height: 229px;
    float: left;
    margin-right: 17px;
}

.products_txt{
    width: 190px;
    height: 229px;
    float: left;
}


.products_item{
    margin-bottom: 18px;
    font: bold 24px Verdana, sans-serif;
    color: #fff;
}


.products_item a{   
    font: bold 24px Verdana, sans-serif;
    color: #fff;
    text-decoration: none;
}

.products_item a:hover{     
    color: #12292a;
}


.products_cost{
    width: 127px;
    padding-left:12px ;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 18px;
    background-color: #5fa2a1;    
    font: bold 24px Verdana, sans-serif;
    color: #12292a;
}


.products_short{
    margin-bottom: 5px;
    font: normal 18px Verdana, sans-serif;
    color: #fff;
}


/* END promo_box */





#link_box{
  width: 935px;  
  margin-left: 75px;  
  margin-bottom: 10px; 
}

#link_1,#link_2{
    width: 334px; 
    float: left;    
}

#link_3{
    width: 260px; 
    float: left;    
}

#link_1 p,#link_2 p,#link_3 p{
    margin-bottom: 13px; 
}

#link_1 a,#link_2 a,#link_3 a{
    font: normal 18px Verdana, sans-serif;
    color: #fff;
}





/*footer */

#wr_footer{
     width: 100%;
     height: 509px;    
     background-image: url(/i/cubs.png);
     background-repeat: no-repeat;
     background-position: top left;
}


#footer{
    width: 1048px;    
    height: 300px;
    padding-top:100px;
    margin: 0 auto;
}


#footer_counter{
    width: 80px;
    height: 31px;
    float: left;  
    margin-left:80px;
}


#footer_right_box{
    width: 320px;
    height: 200px;
    float: right;  
}

#ico_box{     
     height: 31px;
     background-image: url(/i/soc_ico.png);
     background-repeat: no-repeat;
     background-position: top left;
     margin-bottom: 40px;
}


#ico_box a{ 
     width: 31px;
     height: 31px;
     display: block;
     cursor: pointer;
     float: left;
     margin-right: 12px;
}

#company_box{
    margin-bottom: 23px;
    font: normal 18px Verdana, sans-serif;
    color: #fff;
}



/*END footer */


#right_menu{
     width: 98px;
     height: 447px;
     padding-top:3px;
     position: absolute;
     top:405px;
     right:0px;
     background-image: url(/i/right_menu_bg.png);
     background-repeat: no-repeat;
     background-position: top left;
}


#right_menu a{
     width: 93px;
     height: 140px;
     display: block;
     cursor: pointer;
     margin-left: 3px;
     margin-bottom: 12px; 
}

.links{
    font: normal 18px Verdana, sans-serif;
    color: #fff;
}


.title_cat{
    width: 670px;
    margin-left: 5px;
    margin-bottom: 34px;
    font: normal 22px Verdana, sans-serif;
    color: #fff;
}

.title_img_cats{     
    margin-left: 5px;
    margin-bottom: 10px;    
}


.item_image_float{
    margin-right:15px;
    float:left;
    outline:0px solid red;
}

.table_white{
      border:1px solid white;
}

.table_white td{
      border:1px solid white;
}