﻿*{
 margin:0;
 padding:0;
}

img{
 border:none;
}

.main{
 background:#fff;
 min-width:950;
 max-width:1200;
 margin:0 auto;
}

.header{
 overflow:hidden;
}



.IMBC-logo{
 float:left;
 width:200;
 border:0px solid #edf2f6;
 margin:8px 0 0 20px;
}

.IMBC-slogan{
 float:center;
 width:4000;
 height:1000px;
 border:0px solid #edf2f6;
 margin:0px 0px 0px 0px;
}

.header-kontact{
 float:right;
 width:200;
 background:#f8fafd;
 border:0px solid #edf2f6;
 border-radius:0 0 10px 10px;
 text-align:right;
 margin:0px 0px 0px 0px;
 padding:20px 20px;
}












.hov {
 display:flex;
 background:#055786;
}


.hov li{
 width:auto;
 list-style:none;
position: relative;
 background:#055786;
 text-align:center;
 height:40px;
 border:2px solid #2a99cf;
}

.hov a {
color: #fff;
text-decoration: none;
display: block;
text-align: center;
padding: 0 10px;
 height:40px;
line-height: 40px;
transition: all .5s;
}


.hov a:hover{
background: #808291;
}


.hov ul{
position: absolute;
left: 0;
top: 100%;
display: none;
padding: 0;
}


.hov li:hover ul{
display: block;
}


.hov li a {
display: block;
 width:1000px;
 height:40px;
 display:table-cell;
color: #fff;
text-decoration: none;
text-align: center;
padding: 0 10px;
line-height: 40px;
transition: all .5s;
}







.menu li:hover ul{
 display: block;
}












.menu{
 background:#055786;
 display:table-row;
 list-style:nome;
        
}

.menu li{
 display:table-cell;
 width:auto;
 text-align:center;
 height:40px;
 border:2px solid #2a99cf;
         position:relative;
}
         position:relative;


.menu li:hover{
 background:#2a55cf;
 border:2px solid #2a99cf;
              display: block;
}

.menu li a{
 display:block;
 width:1000px;
 height:40px;
 vertical-align:middle;
 display:table-cell;
 font:14px;
 color:#fff;
 text-decoration:none;
            transition: all .5s;
}

 #left-bar{
  float:left;
  width:240px;
  margin-left:-100%;
  background:#fff;
  color:#066;
 }

.left-bar-cont{
 margin:4px 5px 4px 5px;
}

.left-bar-cont h4{
 color:#fff;
 font:normal 19px;
 background:#0e94c3;
 border-radius:4px;
 padding:4px 0 4px 4px;
}

.nav-catalog{
 padding:10px 10px 20px 30px;
 list-style:none;
 border-bottom:1px solid #e1e1e1;
 border-top:1px solid #fff;
}

.nav-catalog li{
margin:0 0 5px 0;
}

.nav-catalog li a{
 font:bold 14px;
 color:#000;
 text-decoration:none;
}

.nav-catalog li a:hover{
 font:bold 16px;
 color:#1b7cb1;
}

.nav-catalog ul{
 padding:10px 0 0 30px;
 list-style:none;
}



.sia{
 background-size: cover;
 height:80px;
 padding:150 0 0 0 ;
 border:20px solid #ffffff;

}




.bott{
  display: inline-block;
 border:2px solid #2a99cf;
 background:white;
  color: black;
 border-radius:10px;
 height:35px;
 width: 200px;
 cursor: pointer;
}

.bott:hover{
   background: black;
   color: white;

}



.button_div{
  display: inline-block;
  border: 2px solid;
  border-radius: 15px;
  padding: 5px 25px;
  cursor: pointer;
 background:#055786;
  color: black;

}


.button_txt{
 background:#055786;
   color: white;

}

.button_div:hover{
   background: black;
   color: white;
}









.butt-prod{
  display: inline-block;
 border:2px solid #2a99cf;
 background: #33FF83;
  color: black;
 border-radius:10px;
 height:35px;
 width: 800px;
 cursor: pointer;
}

.butt-prod:hover{
   background: black;
   color: white;

}
























     #contentwrapper{
 padding:10px 0 0 30px;
     }

     #content{
 padding:10px 0 0 30px;

      }



     .product-line{
      overflow:hidden;
      margin:3px 5px;
      border:2 solid #f1f1f1;
     }

     .product-line-img{
      float:left;
      width:200px;
     }

     .product-line-img img{
      width:200px;
     }

     .product-line-price{
      float:right;
      width:200px;
     }

     .product-line-info{
      color:#000;
     }

     .pager{
      background:#fafbfb;
      border-top:1px solid #edf1f4;
      font:15px;
      color:#2b8aba;
      padding:10px;
      margin:15px;
     }

     .pager a{
      color:#888888;
      font-size:14px;
      padding:0 5px;
     }

     .pager a:hover{
      text-decoration:none;
      color:#2b8aba;
     }

     .pager img{
      position:relative;
      top:5px;
     }

    /* kroshka */
     .kroshka{
      overflow:hidden;
      font:#000 10px;
      color:#000;
      margin:0 15px;
      background:f1f1f1;
      padding:5px;
      border-radius:4px;
     }
     .kroshka a span{
      font:#000 10px;
      color:#000;
     }

    /* catalog-detal */
     .catalog-detal{
      overflow:hidden;
      font:#000 12px;
      color:#000;
      margin:0 15px;
     }



.slider{
 width: 677;
 padding: 5 10 10 1;
 margin: 0 auto;
 border: 1px solid #ccc;
 border-radius: 10px;
 background: #fff;
}



          #right-bar{
           float:left;
           width:240px;
           margin-left:-240px;
           background:#fff;
           color:#066;
          }

          .right-bar-cont{
           margin:4px 5px 4px 5px;
          }

          .right-bar-cont h4{
           color:#fff;
           font:normal 19px;
           background:#0e94c3;
           border-radius:4px;
           padding:4px 0 4px 4px;
          }


.mail-form {
  margin-left: auto;
  margin-right: auto;
 border:20px solid #edf2f6;
 width: 300px;
 padding: 10px;
  float: center;
}





.futer p{
 float:right;
}





