@import '//fonts.googleapis.com/css?family=Carrois+Gothic';
@import '//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900';
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

body{
	width: 100%;
    height: 100%;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    background:#fff;
    color: #000;
    font-weight: 500;
}
a{

}
a img{
	border: 0px;
}
h5 {
  
}
h1{ font-weight: bold; }
button{
	outline: inherit;
	outline: none !important;
}
img{ max-width: 100%; }

img.float-left-img{
    float: left;
    padding-right: 15px;
}
.titulo-red {
    color: #F44336;
    font-weight: 600;
}
.animate{    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;}


.container{ max-width: 1024px; display: block; margin: auto; position: relative; width: 100%; }

.row{ margin-bottom: 0px !important; }

.form-group{ position: relative; }

.menusup{ background: #1169B0; color: #fff;  text-align: center; padding-top: 5px; padding-bottom: 5px; font-size: 12px; }
.menusup .inic { display: inline-block; }
.menusup .inic a{ display: inline-block; font-size: 14px; color: #fff; line-height: 14px; margin-top: 5px; }
.menusup .inic a img{ vertical-align: middle; }
.menusup .inic a span{ display: inline-block; vertical-align: middle; }

.header{ background: #ECECEC; }
.header .conmired { width: 100%; text-align: center; }
.header .conmired  a{ color: #000;  font-size: 12px; }
.header .conmired .redc{ display: inline-block; }
.header .conmired .redc img{ display: inline-block; vertical-align: middle; }
.header .conmired .redes{ display: inline-block; margin-left: 20px; }
.header .conmired .redes a{ display: inline-block; vertical-align: middle; }
.header .conmired .lkrev{ display: inline-block; }
.header .conmired .lkrev a{ padding-left: 20px; }
.header .conform{ overflow: hidden; border:2px solid #1169B0; border-radius: 0px 10px 10px 0px; margin-top: 0px; position: relative; }
.header .conform select{ display: inline-block; padding: 0px; margin: 0px; height: auto; float: left; width: 25%; height: 40px; background: #1169B0; color: #fff; border:0px !important; }
.header .conform input{ padding: 0px;  text-align: center; background: #fff; border:0px !important; box-shadow: none !important; float: left; width: 90%; height: 40px; margin: 0px; }
.header .conform button{ position: absolute; right: 0px; top: 0px; width: 26px; height: 26px; background: url(../images/icosearch.png) no-repeat; background-position: left center; border:0px; height: 100%; padding-right: 30px;  }

.header .inic {float: left; width: 50%; padding-top: 5px;}
.header .inic a{ display: block; font-size: 14px; color: #000; line-height: 14px; margin-top: 5px; }
.header .inic a img{ vertical-align: middle; }
.header .inic a span{ display: inline-block; vertical-align: middle; }
.header .inic a.prod{ color: #fff; background: #1169B0; text-align: center; }

.header .cart{ float: left; width: 50%; font-size: 14px; line-height: 14px; padding-top: 10px; padding-left: 10px; position: relative; }
.cart .contcar img {width: 60%;}
.cart .contcar #producto_cart{ position: absolute; right: 0px; top: 100%; z-index: 200; background: #fff; padding: 10px; border-radius: 10px; display: none; }
.cart .contcar #producto_cart span{ position: relative; left: inherit; top: inherit;display: block; margin: auto; }
.header .cart .contcar{ position: relative; display: inline-block; }
.cart .contcar:hover #producto_cart{ display: inline-block; }
/*.header .cart .contcar span{ position: absolute; right: -20px; top: 0px; background: #C20B19; color: #fff; border-radius: 50px; height: 22px; width: 22px; text-align: center; line-height: 22px; }*/
.header .cart .contcar span{
    position: absolute;
    right: 10px;
    top: 0px;
    background: #C20B19;
    color: #fff;
    border-radius: 50px;
    height: 15px;
    width: 15px;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
}

.divmenu{ background: #D9D9D9; }
.divmenu nav{ background: transparent; box-shadow: none; height: auto; padding: 0px; }
.divmenu ul{ display: table; width: 100%; height: auto; padding: 0px; }
.divmenu ul li{ display: table-cell; padding: 0px; height: auto; float: initial; align-content: center; align-items: center; line-height: initial; position: relative; padding-top: 10px; padding-bottom: 10px; position: relative;  }
.divmenu ul li a{ color: #000; height: auto; padding: 0px; line-height: initial; line-height: 14px; display: inline-block; width: 100%; text-align: center; font-weight: 600; }
.divmenu ul li:hover a, .divmenu ul li.active a{ background: transparent; color: #1169B0;  }
.divmenu ul li.active{ background: transparent; }
.divmenu ul li a img{ vertical-align: middle; }
.divmenu ul li a span{ display: inline-block; vertical-align: middle; }
.divmenu ul li:after{ position: absolute; bottom: 0px; left: 0px; content: ""; width: 100%; height: 13px; background: url(../images/flehovermen.png) no-repeat; background-position: center center; display: none; }
.divmenu ul li:hover:after, .divmenu ul li.active:after{ display: inline-block; }
.divmenu ul li.conim a{ font-size: 12px; line-height: 13px;  }
.divmenu ul li.conim:after{ display: none; }
.divmenu ul li .submenudiv{ position: absolute; left: 0px; top: 100%; z-index: 1000; display: none; }
.divmenu ul li:hover .submenudiv{ display: inline-block; }
.divmenu ul li .submenudiv .cont{ position: relative; width: 234px; background: #fff; }
.divmenu ul li .submenudiv h3{ color: #6F6F6E;  font-size: 15px; text-align: center; margin-top: 0px; padding-right: 20px; padding-left: 20px;}
.divmenu ul li .submenudiv h3 span{ border-bottom: 1px solid #1169B0; display: inline-block; width: 100%; padding-bottom: 5px;  }
.divmenu ul li .submenudiv ul{ display: block; min-height: 232px; }
.divmenu ul li .submenudiv ul li{ display: block; padding-left: 20px; padding-right: 20px; }
.divmenu ul li .submenudiv ul li a{ width: 100%; text-align: left; line-height: 25px; }
.divmenu ul li:hover .submenudiv ul li a{ color: #000; font-size: 19px; }
.divmenu ul li:hover .submenudiv ul li a:hover{color: #1169B0;}
.divmenu ul li:hover .submenudiv ul li:after{ display: none; }
.divmenu ul li .submenudiv .cont ul li{ position: initial; }
.divmenu ul li .submenudiv .cont ul li .contt{ position: absolute; left: 100%; top: 0px; width: 234px;  background: #ECECEC; display: none; }
.divmenu ul li .submenudiv .cont ul li:hover .contt{ display: inline-block; }
.divmenu ul li .submenudiv .contt h3{ margin-top: 0px; }
.divmenu ul li .submenudiv .conttt{ position: absolute; left: 100%; top: 0px; width: 234px;background: #E3E2E2; display: none; }
.divmenu ul li .submenudiv .contt ul li:hover .conttt{ display: inline-block; }
.divmenu ul li .submenudiv .conttt ul li a{ text-align: center; }
.divmenu ul li .micred{ color: #fff; background: #1169B0; text-align: center; border:1px solid #fff; border-radius: 5px; }

.divslider{ width: 100%; }
.divslider img{ width: 100%; }
#slider.owl-theme .owl-controls .owl-nav [class*=owl-]{ position: absolute; top: 30%; font-size: 50px; background: transparent; }
#slider.owl-theme .owl-controls .owl-nav .owl-prev{ left: 0px; }
#slider.owl-theme .owl-controls .owl-nav .owl-next{ right: 0px; }
#slider.owl-theme .owl-dots .owl-dot span{ background: #9B9B9B; }
#slider.owl-theme .owl-dots .owl-dot.active span{ background: #1169B0; }

.estructura .container{ background: #D9D9D9; }
.estructura .izquiercate{ padding-bottom: 20px; }
.izquiercate .titles{ background: #1169B0;  color: #fff; text-align: center; font-size: 17px; height: 56px; padding-left: 56px; line-height: 56px; position: relative; }
.izquiercate .titles img{ position: absolute; left: 6%; width: 16%; top: 17%; }
.izquiercate ul li{ width: 100%;  display: inline-block; padding: 5px; }
.izquiercate ul li a{ color: #000; background: #fff; width: 100%; display: inline-block; }
.izquiercate a{ color: #000; font-size: 17px; padding-left: 5px; }

.lustaproductos{ padding-top: 10px !important; padding-bottom: 10px !important; padding-right: 20px !important; overflow: hidden; }
.lustaproductos .items{ padding: 0px; padding-left: 5px; padding-bottom: 5px; }
.lustaproductos .items img{ display: block; margin:auto; }
.lustaproductos .items img.marca{ width: 60%; }
.lustaproductos .items span{ display: inline-block; /*border:1px solid #222220;*/ color: #000; width: 100%; margin-bottom: 5px; /*font-size: 13px;*/ font-size: 15px; text-align: center; }
.lustaproductos .items span.ref-prod { font-size: 14px; height: 65px;}
.lustaproductos .items span.precio{font-size: 18px;}
.lustaproductos .items a.link{ background: #1169B0; color: #fff; display: inline-block; padding: 5px; font-size: 13px; max-width: 81px; display: block; margin: auto; text-align: center; }
.lustaproductos .items a.link:hover{background: #2196f3;}
.lustaproductos .items p{ font-size: 7px; text-align: justify; color: #000; line-height: 6px; margin: auto; margin-top: 6px; font-weight: bold; }
.lustaproductos .items p.desc-prod {min-height: 25px;}
.lustaproductos .items .cont{ background: #fff; overflow: hidden; min-height: 240px;}
.lustaproductos .items .cont div{ padding: 2px;  }
.lustaproductos .ctt{ background: #fff; overflow: hidden; padding: 5px; }
.lustaproductos .line{ background: #1169B0; height: 10px; width: 100%; }

.footer{ background: #D9D9D9; font-weight: 600; padding-top: 20px; padding-bottom: 20px; margin-top: 30px; }
.footer h3{ font-size: 10px; margin-top:0px; font-weight: 600; }
.footer ul li{ line-height: initial; padding: 0px; height: auto; line-height: 10px; }
.footer ul li a{ font-size: 9px; color: #000; }
.footer .itemc{ width: 20% !important; }
.footer .cont{ width: 21% !important; }
.footer .conttt{ width: 27% !important; }
.footer .contt{ width: 52% !important; }
.footer form input{ background: #fff; border:0px !important; box-shadow: none !important; padding: 0px; height: auto; width: 80%; height: 28px; margin: 0px; }
.footer form div img{ vertical-align: middle; float: right; }
.footer p{ margin: 0px;  line-height: 16px; margin-bottom: 5px; font-size: 12px; }
.footer form button{  background: #1169B0; color: #fff; border:0px;  padding: 5px;  float: right;}
.footer .userc{ overflow: hidden; }
.footer .userc .un{ position: relative; padding-left: 30px; width: 50%; float: left; }
.footer .userc .un img{ position: absolute; left: 0px; top: 0px; }
.footer .userc .un h4{ margin: 0px; font-size: 16px; }
.footer .userc .un h4 span{ font-size: 11px; display: block; }
.footer .userc .do{ width: 50%; float: left; }
.footer .userc .do span{ display: block; }

.bannerfooter {
    margin: auto;
    padding: 0px;
    margin-top: 0px;
    align-content: center;
    display: block;
    box-sizing: inherit;
    max-width: 1024px;
    width: 100%;
}
}

.bajo{ background: #1169B0; color: #fff; text-align: center;  padding-top: 20px; padding-bottom: 20px; }
.bajo p{ margin: 0px; }

.estructura .container{ padding-left: 30px; padding-right: 30px; padding-top: 40px; }
.estructura h3{ text-align: center; font-size: 17px; margin-top: 0px;  } 
.sliderpro .items img{ display: block; margin: auto; }
.sliderpro .items span{ display: block; width: 100%; text-align: center; background: #fff;  margin-top: 5px; margin-bottom: 5px;}
.sliderpro .items span.ref-prod { font-size: 14px; height: 65px;}
.sliderpro .items span.precio{font-size: 18px;}
.sliderpro .items span.link{ padding-top: 10px; padding-bottom: 5px; }
.sliderpro .items span a{ background: #1169B0; color: #fff; display: inline-block; padding: 5px; font-size: 13px; max-width: 81px; display: block; margin: auto; text-align: center }
.sliderpro .items span:hover a{ background: #2196f3;}
.sliderpro.owl-theme .owl-controls .owl-nav [class*=owl-]{ position: absolute; top: 30%; font-size: 50px; background: transparent; color: #000 }
.sliderpro.owl-theme .owl-controls .owl-nav .owl-prev{ left: -40px; }
.sliderpro.owl-theme .owl-controls .owl-nav .owl-next{ right: -40px; }

.sliderlogo.owl-theme .owl-controls .owl-nav [class*=owl-]{ position: absolute; top: -30%; font-size: 50px; background: transparent; color: #000 }
.sliderlogo.owl-theme .owl-controls .owl-nav .owl-prev{ left: -40px; }
.sliderlogo.owl-theme .owl-controls .owl-nav .owl-next{ right: -40px; }

.izquiercatedos h3{ font-size: 17px; }
.izquiercatedos .titles{ border-top: 2px solid #1169B0; text-align: left; padding-left: 13%; }
.izquiercatedos .titles img{ vertical-align: middle; }
.izquiercatedos ul{ padding-left: 13%; }
.izquiercatedos ul li a{ color: #000; }
.izquiercatedos ul li.active a{ color: #1169B0; }
.estructuraint .container{ padding-left: 15px; }

.filtro{ overflow: hidden; border-bottom: 2px solid #1169B0; }
.filtro select{ display: inline-block; width: initial; float: right; height: initial; padding: 0px;margin-bottom: 13px; }

.arriba{ display:none; position: fixed; bottom: 2%; right: 2%; }

.iniciasesion { margin-bottom: -30px; }
.iniciasesion .container{ background: #ECECEC; }
.iniciasesion h2{ font-size: 21px; text-align: center; margin-top: 0px; }
.iniciasesion h3{ font-size: 21px; text-align: center; margin: 0px; }
.iniciasesion h5{ font-size: 16px; text-align: center; margin: 0px; }
.iniciasesion .row{ margin: 0px; }
.iniciasesion .row .cont{ padding: 40px; }
.iniciasesion p{ text-align: center; font-size: 16px; }
.iniciasesion label{ color: #000; font-size: 16px; }
.iniciasesion label span{ float: right; font-size: 11px; color: #1169B0; font-weight: bold; }
.iniciasesion input{ background: #fff;  color: #9e9e9e; border:0px !important; box-shadow: none !important; }
.iniciasesion .dese label{ padding-left: 50px; display: block; font-size: 12px; }
.iniciasesion .dese label input{ position: relative; left:0px; opacity: 1; }
.iniciasesion button.bght{ display: block; margin: auto; /*background: #1169B0;*/ background: #000000; color: #fff; border:0px; padding: 15px 40px; border-radius: 10px; margin-top: 10px; }
.iniciasesion a{ display: block; margin: auto; text-align: center; font-size: 20px; color: #000; }
.iniciasesion .cont2{ position: relative; }
.iniciasesion .cont2:after{ content: ""; position: absolute; left: 0px; height: 75%; top: 10%; border-left: 2px solid #1169B0; }
.iniciasesion select{ display: inline-block; margin-bottom: 20px;  color: #C5C5C5;  }
.iniciasesion textarea{ background: #fff;  color: #C5C5C5; border:0px; height: 100px; margin-bottom: 10px;  }

.divcontenido .container{  background: #ECECEC; padding-top: 20px;  }
.divcontenido .container .row{ margin:0px; }
.divcontenido h3{ font-size: 17px; color:#1169B0; text-align: center; font-weight: bold; }
.sepapunto{ background: url(../images/imgpuntos.png) no-repeat; width: 100%; height: 2px; background-position: center center; }
.divcontenido .linkcenter{ display: block; margin: auto; text-align: center; }

.detalle_producto .container{  background: #ECECEC; padding-top: 20px;  padding-bottom: 40px; margin-bottom: -30px; }
.detalle_producto h1{ margin-top: 0px; font-size: 23px; }
.detalle_producto p{ margin: 0px; }
.detalle_producto .price{ font-size: 27px; color: #1169B0; }
.detalle_producto .unidad{ overflow: hidden; }
.detalle_producto .unidad input{ width: 50px; display: inline-block;  box-shadow: none !important; background: #D9D9D9; padding: 0px; }
.detalle_producto button{ background: #1169B0; color: #fff; border:0px; padding: 10px; }
.detalle_producto .izqlink a{ background: #1169B0; color: #fff; width: 100%; display: inline-block; padding: 20px; text-align: center; }
.detalle_producto  .tabs{ background: transparent; }
.detalle_producto  .tabs li a{ color: #000; }
.detalle_producto .tabs .indicator{ display: none; }
.detalle_producto .tabs .tab{ display: inline-block; width: initial; min-width: initial; -webkit-flex-grow:initial; }
.detalle_producto .tabs .tab a{ padding-left: 10px; padding-right: 10px; border:1px solid #D9D9D9; }
.detalle_producto .tabs .tab a:hover{ color: #000; }
.detalle_producto .tabs .tab a.active{ background: #C5C5C5; color: #000; }
.detalle_producto h3{ font-size: 17px; }
.detalle_producto .info {
    text-align: center;
}

.modal-site p{text-align: justify;}
.modal-site .mod-title{text-align: center;}

.modal-site.modal-almacen img{display: inline-block; float: left; padding: 0px 20px 20px 0px;}

.form-site a {
    font-size: 12px;
    display: inline;
}

/*validar form*/
.cod_validate_error{
    background-color: #145AAD;
    padding: 7px 12px;
    border-radius: 4px;
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    font-weight: bolder;
    border: 1px solid;
    font-size: 11px;
    z-index: 999;
    width: 190px !important;
}

#form-contacto .cod_validate_error, #form-registro .cod_validate_error, #form-iniciar-sesion .cod_validate_error{
    position: relative;
    top: -95px;
    border: 0px;
}

#form-contacto .error_chk, #form-registro .error_chk{
    top: -30px;
    left: -190px;
    color: #FFFFFF;
}

.cod_validate_error:before{ /* Este es un truco para crear una flechita */
    content: '';
    border-top: 8px solid #145AAD;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: relative;
    left: 15px;
    top: 30px;
}

.conmapa .container{ background: #D9D9D9; padding-top: 30px; }
.conmapa iframe{ width: 100% !important; }
.almacenes{ text-align: center;  }
.almacenes .container{ background: #D9D9D9; padding: 20px;}
.almacenes h4{ font-size: 20px; font-weight: bold; }
.almacenes p{ font-size: 12px; }
.almacenes a{ color: #000; }
.almacenes .item-sede {
    min-height: 410px;
}
.conssolicred .container{ background: #ECECEC; padding: 40px; }
.conssolicred .concent{ max-width: 476px; display: block; margin: auto; text-align: center; font-size: 17px; font-weight: 500; }
.conssolicred .concent h3{ font-size: 25px; font-weight: 500; }
.conssolicred .cantobli{ color: #1169B0; text-align: center; font-weight: 600; }
.conssolicred label{ position: relative; top: 0px; left: 0px !important; padding: 0px; color: #000; font-size: 14px !important; }
.conssolicred input{ width: 100%; padding: 0px; background: #fff; height: 35px; margin-bottom: 0px; }
/*.conssolicred input[type=checkbox]{ opacity: 1; position: relative; left: 0px; display: inline-block; width: inherit; }*/
.conssolicred form{ width: 100%; max-width: 704px; display: block; margin: auto; }
.conssolicred select{ display: inline-block; height: 35px; margin-bottom: 10px; }
.conssolicred .input-field{ min-height: 67px; }
.conssolicred .doscontenedor .input-field{ margin-top: 0px; }
.conssolicred .contfoo{ max-width: 500px; display: block; margin: auto; }
.conssolicred .contfoo p{ color: #C20D19; font-weight: 600; font-size: 11px; text-align: left; }
.conssolicred .contfoo .contab{ text-align: center; max-width: 362px; margin: auto; }
.conssolicred .contfoo .contab p{ font-size: 14px; }
.conssolicred .contfoo label{ padding-left: 30px; }
.conssolicred .contfoo .conc span{ width: 45%; display: inline-block; font-size: 12px !important; }
.conssolicred .contfoo .conc label{ width: 45%; display: inline-block; background: #1169B0; color: #fff; text-align: center; border-radius: 10px; text-align: center; padding: 0px; cursor: pointer; }
.conssolicred .contfoo button{ background: #1169B0; color: #fff; border-radius: 10px; padding-top: 20px; padding-bottom: 20px; min-height: inherit; height: inherit; }

.productoslist .items{ margin-bottom: 20px; }
.productoslist .contxt{ background: #fff; padding: 10px; font-size: 11px; min-height: 215px; }
.productoslist .contxt .marcaref{ text-align: left; }
.productoslist .contxt .marcaref span{ min-height: 50px; }
.productoslist .contxt span{ text-align: left; }
.productoslist .contxt .precio{ line-height: 14px; margin-bottom: 10px; }
.productoslist .contxt .precio span{ color: #1169B0; text-align: center; font-size: 21px; }
.productoslist .contxt .cart{ background: #1169B0; display: block; margin: auto; border:1px solid #fff; border-radius: 5px; width: 80px; color: #fff; padding: 5px; text-align: center; font-size: 9px; cursor: pointer; }
.productoslist .contxt .cart i{ float: left; color: #fff; font-size: 20px;   }
.productoslist .contxt .msg{ font-size: 8px; }
.productoslist .contxt .msg a{ background: transparent; padding: 0px; display: inline-block; color: #1169B0; font-size: 10px; }
.productoslist .contxt .msg a:hover{ background: transparent; color: #1169B0; }


.divpoliprivac h1{ text-align: center; font-size: 30px;  }
.divpoliprivac img{ display: block; margin: auto; }
.divpoliprivac ul { max-width: 600px;  width: 100%; margin: auto; display: block; }
.divpoliprivac ul li a{ font-size: 20px; overflow: hidden;  display: inline-block; width: 100%; line-height: 30px;}
.divpoliprivac ul li a span{ display: inline-block; vertical-align: middle; font-size: 15px; }
.divpoliprivac ul li a i{ color: red; font-size: 30px; vertical-align: middle; }
.divpoliprivac ul li a pre{ display: inline-block;  vertical-align: middle;  color: #fff; background: #1169B0; text-align: center; border: 1px solid #fff; border-radius: 5px; padding: 10px; float: right; margin: 0px; }
.divpoliprivac h3{ text-align: center; color: #1169B0;  font-size: 30px; font-weight: bold; padding-top: 50px; padding-bottom: 20px; }

.modalsesiones span{ color:red; }

@media(max-width: 1000px){
    .logo{ display: block; margin: auto; }
    .row{ margin: 0px !important;  }
    nav .button-collapse{ color: #000; }
    nav .button-collapse{ background: #C5C5C5; width: 100%; margin-bottom: 20px; }
    .divmenu{ height: 56px; }
    .divmenu ul{ width: 300px; display: block; height: 100%; }
    .divmenu ul li{ display: block; }
    .divmenu ul li a{ text-align: left; padding-left: 20px; }
    .divmenu ul li:after{ display: none !important; }
    .divmenu ul li ul{ display: none; padding-left: 20px; }
    .divmenu ul li:hover ul{ display: block; }
    .divmenu ul li:hover ul li ul{ display: none; }
    .divmenu ul li ul li:hover ul{ display: block; }
    .divmenu ul li ul li:hover ul li ul{ display: none; }
    .divmenu ul li ul li ul li:hover ul{ display: block; }
    .izquiercate .titles img{ width: inherit; height: 100%; top: 2%; }
    .owl-carousel .owl-stage-outer{ width: 100%; }
}
@media(max-width: 600px){
    .footer .cont, .footer .contt, .footer .conttt{ width: 100% !important; }
    .footer .itemc{ width: 33% !important; }