@charset "utf-8";
/* CSS Document By Rafael Olea sking.cl@gmail.com */
@import url("font-awesome/css/font-awesome.min.css"); /* Icons */
@import url("normalize.css"); /* Reset Reloaded + HTML5 baseline */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/****** BODY ****/
body { margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif;}
body, input, textarea, select { color: #666666; }
* {-webkit-font-smoothing: antialiased;}
img {max-width: 100%; height: auto;}
p {font-size: 14px; font-weight: 300;}
.------------------- {}
/* GENERAL */
#body { max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; height:auto; }
#header, header { max-width:1200px; margin: 0 auto; display: block;}
#main  { margin-top: 0px; padding: 0px; max-width:1200px; }
#main h1 { display:block; text-align:left; font-size:28px; color: #2367b3; padding:5px; margin:20px 0; font-weight:400; }
#main h1 span { color: #3c4348;}
#footer, footer {width: 100%; padding-top: 10px; padding-bottom: 40px; background: #FFFFFF; margin-top: 20px; margin-right: auto; margin-left: auto; background: #f9f9f9;}
.menu-base {max-width: 1200px; margin:0 auto;}
.oferta-img{
	height: 180px !important;
    width: 180px !important;
    object-fit: cover; 
    object-position:center;
}
.------------------- {}
/****** FORMs SETEO GENERAL ****/
input[type=submit], input[type=button], input[type=reset],a.btn, a.btn:visited, .btn
{ padding: 7px 15px; color: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; display: inline-block; text-transform: uppercase; text-shadow: 0 -1px rgba(0,0,0,.3); overflow: visible; border: 1px solid transparent; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #0b6ab4; font-size: 14px; font-weight: 600; }
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover,a.btn:hover, .btn:hover { background-image: linear-gradient(to bottom,#39AAE0 0,#39AAE0 100%); background: #39AAE0; }
input[type=text]:focus, textarea:focus, input[type=file]:focus, input[type=email]:focus, input[type=password]:focus, input[type=date]:focus, input[type=time]:focus { border: 1px solid #3C51A5; color: #3C51A6; }
.------------------- {}
/****** TRANSICION ****/
a, a:hover, input[type=submit], input[type=button], input[type=reset],a.btn, btn, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.btn, a.btn:hover, btn, btn:hover,.productos-mod,.productos-mod:hover,#faq h3,#faq h3:hover,.busqueda-mod,.busqueda-mod:hover, .busqueda-mod img
{-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none;}
.------------------- {}
/****** SIN TRANSICION ****/
.slides_container a, .bx-wrapper .bx-prev, .bx-wrapper .bx-next  {-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.------------------- {}
/* VARIABLE SETS */
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; letter-spacing: -0.03em; font-weight: 400; }
a,a:active,a:visited { text-decoration: none; color: #39C;}
a:hover { text-decoration: underline; }
a:active{outline:none}
a:focus{outline:thin dotted}
hr { background: height: 0px; margin-top: 15px; margin-bottom: 15px; clear: both; display: block; border-top: 1px solid #ddd; padding: 0px; }
.------------------- {}
/****** FIX ****/
.rounded3 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.rounded5 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
.shadow { -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3);  }
/****************************************************/
/********************** WEB *********************/
/****************************************************/
.------------------- {}
/* HEADER */
.header-logo { float:left; margin:15px;}
.------------------- {}
.header-search { width:330px; height:35px; border: 1px solid #ddd; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; background: #fff; margin-bottom:15px; float:right; margin-top:10px; }
.header-search input[type=text] { border-style: none; background: transparent; padding: 0px 10px; margin: 10px; width:250px;  }
.header-search i { font-size: 18px; color: #CCC; cursor: pointer; color: #0f72b8; }
.header-derecho { float:right; width:510px; height:auto; }
.header-derecho a {color: #666; font-size:11px;}
.header-sesion { width: 400px; float:left; }
.header-carro { float:right; border-left: 1px solid #ddd; padding-left:10px; font-weight:600; min-width:140px; }
.header-carro img { float:left; margin-right:10px;}
.header-carro a { color: #0f72b8; font-weight:600; }
.header-carro span {font-weight: 500;}
.fonos-derecho { float:right; width:170px; text-align:right; margin-right:10px;}
.fonos-derecho p {text-align: right; margin: 0; padding: 0; color: #2367B3; font-size: 20px; font-weight: 600; line-height: 15px; }
.fonos-derecho b { margin:0; padding:0; font-weight:400; font-size:13px; }
.mod-login { float:left; margin-top:10px;}
.menu-derecho p { float:right; }
.menu-ppal{ background:url(../images/fondo-menu.jpg) center top repeat-x; height:40px; margin-bottom:10px; width: 100%;}
.------------------- {}
/* CONTENIDOS */
.slider-home { max-width:1200px;}
.slider-cat { width:390px; height:310px; float:left; margin-right:5px; }
.slider-cat img { margin-bottom:5px; width: 100%; border-radius: 5px;}
.theme-default #slider-home { z-index:100; width:800px; height:305px; border-radius: 5px;}
.portada-ofertas-items {text-align: center;}
.portada-ofertas { min-width:370px; max-width:390px; height:180px; border:1px solid #eeeeee; margin:10px; display: inline-block; position:relative; text-align: left; border-radius: 5px; }
.portada-ofertas.interior { margin:20px;}
.portada-ofertas-img { width:180px; height:180px; margin-right:8px; float:left; margin-left: 5px;}
.portada-ofertas-sticker { width: 27px; height: 35px; position: absolute; left: 10px; top: -3px; z-index: 10; background:url(../images/sticker-oferta.png) no-repeat center center; }
.portada-ofertas p { margin:0; padding:0; display:block; height:60px; margin-top: 10px; margin-right:5px; color: #3c4348; font-weight:600; text-transform: uppercase;}
.portada-ofertas h2 { color: #d8112d; font-size:20px; font-weight:600; margin-bottom: 5px;}
.portada-ofertas-btn img {width: 120px; height:32px; margin:5px 0; }
.------------------- {}
.portada-cat-items {text-align: center;}
.portada-cat { min-width:550px; height:440px; display: inline-block; text-align: left; margin:10px auto; }
.portada-cat h2 { display:block; background: #2367b3; text-align:center; font-size:22px; font-weight: 200; color: #fff; padding:10px; margin:20px 0; border-radius: 5px;}
.portada-cat h2 span { color: #f6c20d;}
.portada-cat2 { min-width:550px; height:440px; display: inline-block; text-align: left; margin:10px auto; }
.portada-cat2 h2 { display:block; background: #3aace1; text-align:center; font-size:22px; font-weight: 200;  color: #fff; padding:10px; margin:20px 0; border-radius: 5px; }
.portada-cat2 h2 span { color: #f6c20d;}
.------------------- {}
.banner-descargar { width:1000px; margin:0 auto; text-align:center; }
.banner-descargar-item { width:480px; height:100px; margin:5px; vertical-align:top; display:inline-block; }
.------------------- {  }
.------------------- {}
/* FOOTER */
.footer-cont { max-width: 1200px; padding: 0px; margin: 0px auto; font-size:13px; }
.footer-cont a { color: #686a6f; font-size: 12px; font-weight: 300;}
.footer-cont a:hover { color: #333; }
.footer-menu { margin-bottom: 20px; text-align: center; display: block; padding: 10px; border-bottom: 1px solid #ddd; z-index:999999; font-weight: 400; }
.footer-menu a { padding-right: 10px; padding-left: 10px; }
.footer-menu a:hover {text-decoration: none; color:#2367b3;}
.footer-cont h3 { font-size: 18px; display: block; margin-bottom: 10px; font-style: normal; color: #046fb3; }
.footer-logo, .footer-info, .footer-redes { float: left; padding:5px 15px; margin: 0px; }
.footer-info, .footer-redes{ height: 130px; }
.footer-info2 {font-size: 12px; width: 470px; height: 150px; float: left; padding-left: 15px; line-height: 18px; font-weight: 300;}
.footer-logo { padding-left: 0px; text-align:right; }
.footer-listado ul, .footer-listado li { margin: 0px; padding: 0px; }
.footer-listado ul li a { display: block; line-height: 24px; padding-left: 5px; }
.footer-redes { float: right; width: 150px; padding-right: 0px; }
.footer-redes-social { margin-bottom: 5px; text-align: center;}
.footer-left { width:200px; float:left;  }
.footer-c { text-align: left; display: block; font-size: 11px; }
/****************************************************/
/********************** TIENDAS *********************/
/****************************************************/
.------------------- {}
/* PAGINAS INTERIORES */
.pag-interiores { padding-left: 15px; padding-right: 15px; font-size: 15px; line-height: 20px; }
.pag-interiores-titulo { font-size: 36px; font-weight: 300; margin: 0px; padding: 0px 0px 20px 10px; }
.pag-interiores-titulo b { color: #3399CC; font-weight: 400; }
.pag-interiores h1,.pag-interiores h2 { font-size: 30px; margin: 0px 0px 10px; padding: 0px; display: block; line-height: 30px; }
.pag-interiores h2 { font-size: 24px; }
.pag-interiores h3 { font-size: 18px; margin: 15px 0px 10px; padding: 0px; display: block; letter-spacing: 1px; }
.pag-interiores h4 { display: block; background: #f6f7f8; padding: 20px 30px; margin: 0px 0px 10px; font-weight: 600; letter-spacing: normal; font-size: 14px; text-shadow: 1px 1px #fff; }
.pag-interiores h5 {display: block; background: #f6f7f8; padding: 20px 30px; margin: 0px 0px 10px; font-weight: 600; letter-spacing: normal; font-size: 14px; text-shadow: 1px 1px #fff;}
.pag-interiores h6 { font-size: 9px; }
.pag-interiores p { margin-top: 5px; margin-bottom: 15px; }
.pag-interiores b, .pag-interiores strong { color: #333; }
.pag-interiores ul,.pag-interiores ol { margin: 0px; padding: 0px 0px 0px 10px; }
.pag-interiores ul { list-style-type: none; }
.pag-interiores ul li { display: block; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; background: url(../images/arrow-verde.png) no-repeat left center; }
.caja1,.caja2,.caja3,.caja4,.caja6 { margin: .2%; }
.caja1 { width: 97%; padding: 1.2%; }
.caja2 { float: left; width: 47%; padding: 1.2%; }
.caja70 { float: left; width: 64%; padding: 1.2%; }
.caja3 { float: left; width: 30%; padding: 1.4%; }
.caja4 { float: left; width: 22%; padding: 1.3%; }
.caja6 { float:left; width: 13%; padding: 1.3%; }
.pag-interiores img { max-width: 100%; height: auto; }
.pag-interiores img.left { padding: 0px; margin-right: 20px; margin-bottom: 10px; }
.pag-interiores img.right { margin: 0px 0px 10px 30px; padding: 0px; }
.pag-interiores img.center { display: block; margin: 10px auto; }
.caja1 img,.caja2 img,.caja3 img,.caja4 img,.caja6 img { padding: 0px; max-width: 100%; }
.pag-interiores table, .pag-interiores tr, .pag-interiores td { border-top: 1px solid #eee; border-left: 1px solid #eee; text-align: left; vertical-align: baseline; }
.pag-interiores td { padding: 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.pag-interiores tr { background: #F9F9F9; }
.pag-interiores tr:hover { background: #FEF7C2; color: #100F14; }
.------------------- {}
/* CONTENIDOS */
.cont-left { float: left; width: 20.8%; margin: 20px 0; padding: 0px; }
.titulo-portada {margin: 20px 0;}
.titulo-portada h1 {color:#F4082A !important; text-align: center !important;}
.titulo-menu-izq { margin:10px 0; font-size:20px; padding:0 0 0 17px; line-height: 24px;}
.titulo-menu-izq i { font-size:16px; }
.cont-left h2 { margin-bottom:20px; }
.cont-right { float: right; width: 77.2%; background: #FFF; margin: 20px 0; }
.cont-right-titulo { font-size: 42px; color: #0e75b6; font-style: italic; font-weight: normal; margin: 0px; padding: 10px 0px 10px 15px; }
.------------------- {}
/* NAVEGADOR */
.navegador { /*background: #FFFFFF url(../images/degradado-blanco-menu-btn.jpg) repeat-x bottom;*/ margin-bottom: 20px; display: block; font-size: 13px; padding-bottom: 5px; padding-left: 10px; padding-top: 5px; color: #39AAE0 ; }
.navegador a { padding-right: 5px; padding-left: 5px; color: #2367b3; }
.navegador a:hover { text-decoration: underline; }
.------------------- {}
/* PRODUCTO LATERAL */
.prod-lat { margin-bottom: 10px; }
.prod-lat-titulo { font-size: 18px; display: block; font-weight: 400; line-height: 20px; padding: 0px 0px 10px 15px; margin: 0px; }
.prod-lat-titulo b { font-weight: 600; }
.prod-lat-titulo i { font-size: 90%; line-height: normal; }
.prod-lat-mod { padding: 15px 10px; border: 1px solid #e7e8ee; clear: both; font-size: 13px; border-right: 1px solid #e7e8ee; border-left: 1px solid #e7e8ee; border-radius: 5px; margin-bottom: 10px;}
.prod-lat-mod img { float: left; height: 70px; width: 70px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.prod-lat-mod span { float: right; width: 110px; display: block; height: 43px; overflow: hidden; line-height: 14px; padding-left: 10px; margin-top: 5px; }
.prod-lat-mod b a { float: right; margin: 5px 0px 0px; padding: 0px 0px 0px 10px; width: 110px; display: block; font-weight: normal; color: #2367b3; }
.prod-lat-mod:hover b a { color: #026FB3; }
.prod-lat-mod:hover img { opacity: 0.8; color: #016FB4; }
.------------------- {}
/* DESTACADOS */
.filtros { margin-top: 10px; line-height: 25px; padding: 5px 10px; margin-bottom: 10px; background: #ffffff; }
.filtros-cant { margin-right: 10px; padding-right: 10px; border-right: 1px solid #eee; float: left; }
.filtros-cant b { color: #222630; }
.filtros-ordenar { float: left; padding-right: 10px; border-right: 1px solid #eee; }
.filtros-ordenar .select-caja { margin: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 12px; line-height: 20px; }
.filtros-numero-registros { float: right; padding-left: 10px; border-left: 1px solid #eee;}
.filtros-numero-registros span { float: left; margin-right: 5px; margin-left: 5px; }
.filtros-numero-registros .select-caja { margin: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 12px; line-height: 20px; }
.filtros-numero-registros select { font-size: 12px; }
.filtros-ordenar select { font-size: 12px; }
.filtros-layout { margin-left: 10px; padding-left: 10px; border-left: 1px solid #eee; display: block; text-align: center; float: left; width: 80px; }
.filtros-layout a { font-size: 20px; background: #FFF; color: #888c97; padding: 0px; margin: 0px 5px 0px 0px; height: 25px; width: 30px; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; display: inline-block; }
.filtros-layout a:hover,.filtros-layout a.active { color: #016FB4; border-color: #016FB4; }
.filtros-compaginador { float: right; }
.------------------- {}
/* COMPAGINADOR */
.compaginador { text-align: center; }
.compaginador span { padding: 3px 4px; text-align: center; font-weight: bold; line-height: normal; font-size: 12px; display: inline-block; }
.compaginador a { padding: 3px 7px; text-align: center; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; margin-left: 1px; line-height: normal; font-size: 12px; display: inline-block; }
.compaginador a:hover,.compaginador a.active { text-decoration: none; background: #046fb3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; color: #FFF; }
.------------------- {}
/* PRODUCTO MODULO */
.productos { background: #FFF; margin-bottom: 10px; }
.productos-mod { float: left; height: 330px; width: 172px; margin: 5px; padding: 10px; border: 1px solid #eeeeee; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 3px; }
.productos-mod-img img { padding: 0px; margin: 0px 0px 5px; opacity: 0.9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.productos-mod p { display: block; height: 32px; overflow: hidden; font-size: 13px; padding: 0px; margin: 0px 0px 10px; color: #333; font-weight:500; }
.productos-mod b { font-weight:300; font-size:11px; color:#a6a6a6;}
.productos-mod strong { display: block; font-weight: normal; margin: 0; padding: 0px; font-size: 12px; }
.productos-mod-precio h3,.productos-mod-precio h4 { margin: 0px; padding: 0px; display: inline-block; font-size: 20px; line-height: 16px; font-weight: 600; }
.productos-mod-precio h4 { color: #ff4149; }
.productos-mod-precio h3 { color: #0f72b8; }
.productos-mod-precio h4 b { color: #888888; padding-left: 5px; font: normal 12px/16px 'Source Sans Pro', sans-serif; }
.productos-mod-ticket { height: 62px; width: 27px; position: absolute; left: 10px; top: -3px; /*background: url(../images/ticket-oferta.png) no-repeat center center;*/ }
.productos-mod-btn { display: block; text-align: center; overflow: hidden; margin-top: 25px; }
.productos-mod-btn input[type=text] { width: 30px; text-align: center; height: 30px; padding: 0px; margin: 0px 5px 0px 0px; float: left; }
.productos-mod-btn img { opacity: 0.8; float: left; }
.productos-mod span { display: block; margin-right: auto; margin-left: auto; text-align: center; }
.productos-mod span a { font-size: 13px; display: block; color: #7e8391; text-decoration: underline; font-weight: bold; }
.productos-mod:hover { border: 1px solid #caccd6; -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.1); box-shadow: 0 0px 5px rgba(0,0,0,0.1); }
.productos-mod:hover .productos-mod-btn img { opacity: 1;}
.productos-mod:hover .productos-mod-img img { opacity: 0.8;}
.productos-ofertas { background: #FFF; margin-bottom: 10px; margin-left:30px; }
.------------------- {}
/* PRODUCTO LISTAS */
.productos-lista { background: #FFF; margin-bottom: 10px; clear: both; height: auto; }
.productos-lista-mod { height: 50px; position: relative; border-bottom: 1px solid #e7e8ee; display: block; padding: 5px; }
.productos-lista-mod-img img { height: 50px; width: 50px; padding: 0px 10px 0px 0px; margin: 0px 10px 0px 0px; opacity: 1; float: left; border-right: 1px solid #eee; }
.productos-lista-mod-titulo { float: left; width: 330px; height: 50px; }
.productos-lista-mod strong { display: block; font-weight: normal; padding: 0px; font-size: 12px; line-height: 12px; margin: 0px 0px 5px; }
.productos-lista-mod p { display: block; height: 32px; overflow: hidden; font-size: 13px; padding: 0px; margin: 0px; color: #222630; font-weight: normal; line-height: 16px; }
.productos-lista-mod-precio { line-height: 16px; font-size: 13px; display: block; float: left; width: 160px; margin: 0px 0px 0px 10px; height: 50px; padding: 0px 0px 0px 10px; border-left: 1px solid #eee; }
.productos-lista-mod-precio h3,.productos-lista-mod-precio h4 { margin: 0px; padding: 0px; display: inline-block; font: normal 13px "Source Sans Pro", sans-serif; color: #222630; background: transparent; }
.productos-lista-mod-precio h3 span,.productos-lista-mod-precio h4 span { text-align: left; color: #767a84; font: 12px "Source Sans Pro", sans-serif; }
.productos-lista-mod-precio h3 b { color: #046fb3; }
.productos-lista-mod-precio h4 { }
.productos-lista-mod-precio h4 b { padding-left: 5px; color: #bc0a16; }
.productos-lista-mod-ticket { height: 45px; width: 21px; position: absolute; left: 580px; top: -3px; background: url(../images/sticker-oferta.png) no-repeat center center; }
.productos-lista-mod-btn { display: block; text-align: center; overflow: hidden; margin-right: 15px; margin-left: 20px; float: right; height: 37px; width: 165px; padding-top: 13px; padding-left: 20px; border-left: 1px solid #eee; }
.productos-lista-mod-btn input[type=text] { width: 30px; text-align: center; height: 24px; padding: 0px; margin: 0px 5px 0px 0px; float: left; }
.productos-lista-mod-btn img { opacity: 0.8; float: left; height: 26px; width: auto; }
.productos-lista-mod span { display: block; margin-right: auto; margin-left: auto; text-align: center; }
.productos-lista-mod span a { font-size: 13px; display: block; color: #7e8391; text-decoration: underline; font-weight: bold; }
.productos-mod:hover { border: 1px solid #caccd6; -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.1); box-shadow: 0 0px 5px rgba(0,0,0,0.1); }
.productos-lista-mod:hover .productos-lista-mod-btn img { opacity: 1;}
.productos-lista-mod:hover .productos-lista-mod-img img { opacity: 0.7;}
.productos-lista-mod:hover { background: #f9f9f9;}
.------------------- {}
/* PRODUCTO DETALLE */
.detalle {margin-bottom: 20px;}
.detalle-info-caja { width: 400px; float: left; height: 420px; margin-left: 20px; }
.detalle-info-titulo { display: block; padding-left: 10px; font-size: 36px; line-height: 36px; font-weight: 300; margin-bottom: 10px; }
.detalle-info-redes { display: block; padding: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
.detalle-info-redes i { float: left; margin-right: 10px; font-size: 16px; line-height: 20px; }
.detalle-info-cod { display: block; padding: 10px 5%; float: right; width: 37%; border-left: 1px solid #ddd; color: #666; }
.detalle-info-cod a.accion { display: block; padding-left: 5px; padding-top: 5px; background: 3px 8px; margin-top: 5px; text-decoration: none; border-top: 1px solid #ddd; }
.detalle-info-precio { float: left; width: 47%; padding: 1.3%; }
.detalle-info-precio h3,.detalle-info-precio h4,.detalle-info-precio h5 { color: #666666; margin: 5px 0px; padding: 0px; display: block; font-size: 30px; line-height: 30px; letter-spacing: -0.06em; }
.detalle-info-precio h4 { color: #cc2600; }
.detalle-info-precio h4 b { color: #888888; padding-left: 5px; font: normal 16px/24px 'Source Sans Pro', sans-serif; letter-spacing: normal; }
.detalle-info-precio h5 { color: #5AA51C; font-size: 18px; line-height: 18px; }
.detalle-info-selectores { padding: 10px; border-top: 1px dashed #ddd; }
.detalle-info-selectores .select-caja { float: left; width: 100px; margin-right: 10px; color: #56A41C; }
.detalle-info-btn { padding: 10px; border-top: 1px solid #ddd; margin-top: 10px; display: block; }
.detalle-info-btn span { line-height: 30px; float: left; }
.detalle-info-btn input { float: left; width: 40px; text-align: center; margin-left: 10px; line-height: 28px; padding: 0px; height: 28px; }
.detalle-info-btn img { margin-left: 10px; }
.detalle-info-thumbs { display: block; border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; }
.detalle-info-tags { display: block; /*background: url(../images/icon-tag.png) no-repeat 5px center;*/ padding: 10px 10px 10px 20px; float: left; width: 97%; font-size: 12px; margin-top:15px; }
.detalle-info-tags a { padding-right: 3px; padding-left: 3px; text-decoration: none; border-left: 1px solid #ddd; margin-left: 3px; }
.detalle-info-opciones { width:100%; height:auto; /*border:1px solid #f1f1f1;*/ margin-bottom:10px; /*padding:10px;*/ float:right; border-bottom: 1px solid #ddd; padding-bottom:10px; }
.detalle-info-opciones h2 { display:block; padding:10px; color: #fff; background: #0f6eb6; font-size: 22px;}
.detalle-info-opciones-mod { width:45%; height:auto; margin-top:15px; float:left;}
.detalle-info-opciones-mod .select-caja { float:left; width:100px;}
.detalle-info-opciones-mod h3 { width:120px; float:left; padding:0 5px; margin-right:10px; color: #666; font: 300 14px/14px 'Oswald', sans-serif; margin-bottom:10px; margin-top:10px;}
.menu-base {max-width: 1200px; margin:0 auto;}
.informacion-tallas {
    background-color: #f8f8f8;
    padding: 20px;
    margin: 20px 0;
}
.detalle #products #zoom  { float: left; display: block; position: absolute; background: #FFFFFF; z-index: 999; left: 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; font-size: 18px; padding: 5px; color: #333; opacity: 0.3; top: 0px; }
.------------------- {}
/* RELACIONADOS */
.relacionados { margin-top: 50px; margin-bottom: 50px; }
.------------------- {}
/* FORMS*/
.form { width: 62%; margin-left: 10px; float: left; margin-top: 10px; padding-top: 10px; }
.form h3, .form-right h3, .registro h3 { border-bottom: 1px dashed #ddd; display: block; margin-bottom: 10px; padding: 5px; font-size: 18px; font-weight: 600; }
.form span, .registro span { font-size: 13px; width: 150px; float: left; text-align: right; display: block; margin: 0px; padding-right: 10px; line-height: 30px; }
.form span.info-nota-input { font-size: 12px; width: auto; text-align: left; padding-left: 31%; padding-bottom:0px; padding-top:0; height: auto; position: relative; top: -10px; }
.registro span.info-nota-input { font-size: 12px; width: auto; text-align: left; padding-left:0; padding-bottom:0px; padding-top:0; height: auto; position: relative; top: -10px; }
.form input[type=email],.form input[type=text], .form textarea,.registro input[type=text], .registro textarea,.registro input[type=email], .registro input[type=date], .registro input[type=password], .form input[type=password] { width: 300px; font-size: 12px; color: #666; margin-bottom: 10px; }
.form .select-caja { margin: 0px 0px 10px; }
.form-capcha { float: left; }
.form-capcha input[type=text] { background: #F4F5F7; width: 50px; padding-left: 5px; }
.form-btn { margin-top: 20px; padding-top: 15px; padding-left: 140px; }
.------------------- {}
.form-right { float: right; width: 32%; margin-top: 10px; padding-left: 15px; border-left: 1px dashed #ddd; padding-bottom: 30px; padding-top: 10px; }
.form-right i { color: #39C; }
.form-right-redes a { padding-right: 10px; float: left;}
.------------------- {}
.form-seleccion { padding: 15px; border-bottom: 1px dashed #ddd; overflow: hidden; }
.form-seleccion .select-caja { padding-left: 10px; padding-top: 3px; padding-bottom: 3px; height: 20px; }
.form-seleccion h3 { float: left; margin-right: 15px; line-height: 26px; font-size: 16px; font-weight: normal; }
.registro { margin-right: auto; margin-left: auto; padding: 10px; max-width: 600px; }
.form .select-caja, .registro .select-caja, .form-seleccion .select-caja { margin: 0px 0px 10px; }
.registro td, .registro th, .registro tr { margin: 0px; padding: 0px; vertical-align: top; }
.------------------- {}
/* CARRO */
.carro-mod { margin-right: auto; margin-left: auto; overflow: hidden; text-align: center;}
.carro-mod hr { margin-top: 5px; margin-bottom: 5px; height: 0px; border-top: 1px solid #E4E7ED; }
.carro-mod-td { }
.carro-mod-tit-nombre, .carro-mod-tit-img, .carro-mod-tit-cod,.carro-mod-tit-cant,.carro-mod-tit-precio,.carro-mod-tit-total,.carro-mod-tit-accion { padding: 10px 5px 10pt 10px; border-bottom: 1px solid #F0F1F4; text-align: left; font-weight: bold; background: #f0f1f4; color: #333; line-height: 13px; }
.carro-mod-mod-nombre { padding: 5px 5px 5px 10px; border-right: 1px solid #F0F1F4; border-bottom: 1px solid #F0F1F4; text-align: left; }
.carro-mod-mod-cant { padding: 5px; border-right: 1px solid #F0F1F4; border-bottom: 1px solid #F0F1F4; text-align: center; width: 70px; }
.carro-mod-mod-img { padding: 5px; border-right: 1px solid #F0F1F4; border-bottom: 1px solid #F0F1F4; text-align: center; font-size: 13px; width: 50px; text-transform: uppercase; }
.carro-mod-mod-cod { padding: 5px; border-right: 1px solid #F0F1F4; border-bottom: 1px solid #F0F1F4; text-align: center; font-size: 13px; width: 80px; text-transform: uppercase; }
.carro-mod-mod-precio { padding: 5px; border-right: 1px solid #F0F1F4; border-bottom: 1px solid #F0F1F4; text-align: center; width: 80px; }
.carro-mod-mod-total { padding: 5px; border-right: 1px solid #F0F1F4; border-bottom: 1px solid #F0F1F4; text-align: center; width: 100px; font-weight: bold; }
.carro-mod-mod-accion { padding: 5px; border-bottom: 1px solid #F0F1F4; text-align: left; width: 50px; }
.carro-mod-mod-totalfinal { padding: 5px; border-right: 1px solid #F0F1F4; border-bottom: 1px solid #F0F1F4; text-align: center; width: 100px; font-size: 18px; font-weight: bold; letter-spacing: -0.06em; }
.carro-mod-mod-btn { text-align: right; padding: 10px 15px 10px 10px; border-top: 1px solid #F0F1F4; }
.carro-mod-mod-cant input[type=text] { height: 20px; width: 30px; line-height: 20px; text-align: center; padding: 2px; }
.carro-mod-mod-accion i, .carro-mod-mod-cant i { padding-left: 10px; opacity: 0.3; font-size: 18px; line-height: 18px; }
.carro-mod-mod-accion i:hover,.carro-mod-mod-cant i:hover { }
.carro-mod-td:hover { background: #f6f7f8;}
.carro-mod-td:hover .carro-mod-mod-accion i, .carro-mod-td:hover .carro-mod-mod-cant i { opacity: 1;}
.carro-mod-mod-nombre, .carro-mod-mod-total, .carro-mod-mod-totalfinal { color: #333333; }
.------------------- {}
/* SEARCH */.busqueda {}
.busqueda-mod { padding: 10px; border-top: 1px solid #e7e8ec; display: block; overflow: hidden; }
.busqueda-mod img { float: left; height: 70px; width: 70px; margin-right: 18px; border: 1px solid #eee; }
.busqueda-mod-right { overflow: hidden; width: 85%; }
.busqueda-mod-right b { display: block; clear: both; font-weight: 600; }
.busqueda-mod-right p { line-height: 18px; overflow: hidden; height: 34px; margin-bottom: 5px; margin-top: 5px; display: block; font-size: 13px; letter-spacing: normal; }
.busqueda-mod-right p:after {content: "...";}
.busqueda-mod:hover { background: #FCFCFE; }
.busqueda-mod:hover a { text-decoration: underline; }
.busqueda-mod:hover img { border-color: #999; margin-left: 10px; }
/*.busqueda .compaginador { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd; text-align: right; }
.busqueda .compaginador a { font-size: 14px; }*/
.------------------- {}
/* UBICACION */
.ubicacion {}
.ubicacion iframe { height: 600px; width: 100%; }
.------------------- {}
/* PREGUNTAS FRECUENTES */
#faq { visiblilty: hidden; margin-bottom: 50px; }
#faq h3 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*-moz-box-shadow: 0 0 5px #444 inset; -webkit-box-shadow: 0 0 5px #444 inset; box-shadow: 0 0 5px #444 inset;*/ cursor: pointer; margin: 10px 0px 0px; padding: 10px 30px 10px 15px; position: relative; background: #FFFFFF; behavior: url(css/pie/PIE.htc); border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #dddddd; border-left: 1px solid #FFFFFF; color: #666; letter-spacing: normal; font-size: 16px; }
#faq h3:hover { /* -moz-box-shadow: 0 0 5px #46413E inset; -webkit-box-shadow: 0 0 5px #46413E inset; box-shadow: 0 0 5px #46413E inset;*/ color: #333333; background: #F9F9F9; behavior: url(css/pie/PIE.htc); font-size: 16px; }
#faq h3.active{ background: #666666; color: #FFF; font-size: 18px; font-weight: 600; border-bottom-color: #333; }
#faq div { padding: 15px; background: #F9F9F9; border-top: 1px none #E4E7ED; border-right: 1px solid #E4E7ED; border-bottom: 1px solid #E4E7ED; border-left: 1px solid #E4E7ED; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; }
#faq div a { padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: bold; text-decoration: underline; }
#faq div a:hover { color: #FFF; background: #F07D14; }

/* CARRO DE COMPRAS */
/* CARRO */
#frm-pedido #carro-vacio { background: #f5f5f5; height: 100px; padding: 80px 0px 160px 0px; text-align: center; width: 100%; }
#frm-pedido #carro-vacio h3 { font-size: 20px; }
#frm-pedido #carro-vacio a:hover { text-decoration: none; }

#frm-pedido #carro-cont-botones-pasos{float:left;width:100%;}
#frm-pedido .superior{margin-top:0;margin-bottom:20px;}
#frm-pedido .inferior{margin-top:20px;}
#frm-pedido #carro-cont-botones-pasos a:hover { text-decoration:none; }
#frm-pedido #carro-cont-botones-pasos .left { float:left; }
#frm-pedido #carro-cont-botones-pasos .right { float:right; }
#frm-pedido #carro-montos-subtotales{margin:10px 0; margin-bottom:40px;}
#frm-pedido #carro-montos-subtotales .carro-mod-td:hover{background:none repeat scroll 0 0 #f6f7f8;opacity:1}
#frm-pedido #carro-montos-subtotales tr td{border-bottom:1px solid #f0f1f4;border-right:1px solid #f0f1f4;padding:5px;text-align:right}
#frm-pedido #carro-montos-subtotales tr td strong{font-size:17px;font-weight:600;letter-spacing:-.06em;padding:5px;text-align:center!important}
#frm-pedido #carro-cont-btn-actualizar { text-align: right; margin: 15px 0px; }
#frm-pedido #carro-cont-btn-actualizar a:hover { text-decoration:none; }
#carro-cont-btn-actualizar { margin:20px 0;}
/* CUENTA */
#frm-pedido .carro-cont-cuentas { float:none; max-width:349px; height:150px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #f6f6f6; padding:30px 20px; margin:0 auto; display: inline-block;}
#frm-pedido .carro-cont-cuentas-first { margin-right:10px; }
#frm-pedido .carro-cont-cuentas h3 {font-size: 18px; color: #2367B3; float:left; background:none; text-align: center;}
#frm-pedido .carro-cont-cuentas p { float:left; }
#frm-pedido .carro-cont-cuentas a { float:left; margin-left:30%; }
#frm-pedido .carro-cont-cuentas a:hover { text-decoration:none; }
/* DESPACHO */
#frm-pedido .carro-cont-despachos {float:left;width:100%;height:auto;}
#frm-pedido .carro-cont-despachos h4 {font-family: 'Oswald', sans-serif; font-size:16px;color:#F15A24; margin-top:15px;  }
#frm-pedido .carro-cont-despachos i { margin-right:5px; }
#frm-pedido .carro-cont-despachos .nota-alarma {color:red;}
#frm-pedido .carro-cont-despachos ul { padding: 0;}
/* PAGO */
#frm-pedido .carro-cont-met-pago { float:left;width:100%;height:auto; margin-bottom: 10px;}
/* RESUMEN*/
#frm-pedido .carro-cont-resumen-titulos {background-color:rgb(95, 104, 116); margin-top:15px; padding:5px 10px 0px 10px; margin-bottom:20px; }
#frm-pedido .carro-cont-resumen-titulos h4 { font-size:16px; color:#fff; padding: 5px;}
#frm-pedido .carro-cont-resumen-titulos h4 span { float:right; text-transform:none; font-size:14px; }
#frm-pedido .carro-cont-resumen-titulos h4 span a:link, #frm-pedido .carro-cont-resumen-titulos h4 span a:visited, #frm-pedido .carro-cont-resumen-titulos h4 span a:active { color:#FFF; text-decoration:underline; }
#frm-pedido .carro-cont-resumen-titulos h4 span a:hover { text-decoration:none; }
#frm-pedido .nota-alarma {color:red;}
.procesando { background: url("../images/loaders/loading-horizontal.gif") no-repeat scroll 20px 41px #f6f6f6; background-size:160px 24px; border-radius: 6px; box-shadow: 5px 5px 10px rgba(0,0,0,.4); color: #6c6f7a; font-size: 18px !important; font-family:"Open Sans", sans-serif !important; height: 59px; /*left: 45%; margin-left: -125px !important;*/ padding: 15px 0 0 0px !important; position: absolute; text-align: center; width: 202px; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;*/ text-transform:none; font-weight:400; z-index:99999; border: 1px solid rgba(0,0,0,.1); }
.procesando span { padding-left:5px; z-index:99999; }
.------------------- {}
/* MENSAJES CARRO DE COMPRAS */
.nNote{cursor:pointer;margin:5px 0 0px;box-shadow:inset 0 0 1px #fff;-webkit-box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff}
.nNote strong{margin-right:5px}
.nNote p{font-size:11px;padding:10px 25px 10px 54px;margin:0;color:#565656}
.nMessage p{font-size:11px}
.nWarning{background:#ffe9ad url(../images/notifications/error.png) no-repeat 15px center;border:1px solid #eac572;color:#826200}
.nSuccess{background:#effeb9 url(../images/notifications/accept.png) no-repeat 15px center;border:1px solid #c1d779;color:#3C5A01}
.nFailure{background:#fccac1 url(../images/notifications/exclamation.png) no-repeat 15px center;border:1px solid #e18b7c;color:#AC260F}
.nInformation{background:#deeefa url(../images/notifications/information.png) no-repeat 15px center;border:1px solid #afd3f2;color:#235685}
.nLightbulb{background:#FEF0CB url(../images/notifications/lightbulb.html) no-repeat 15px center;border:1px solid #D3A350;color:#835F21}
.nMessages{background:#9DDFFF url(../images/notifications/email.html) no-repeat 15px center;border:1px solid #42B4FF;color:#835F21}
.------------------- {}
.tabla-pedido-detalle { width:100%; margin:20px 0; }
.tabla-pedido-detalle tr td { padding:3px 10px; border-bottom:1px solid rgba(0,0,0,.05); }
.tabla-pedido-detalle tr td:first-child { font-weight:bold; border-right:1px solid rgba(0,0,0,.05); }
/****************************************************************************************/
/************************************ QUERIES ***********************************/
/****************************************************************************************/
@media (max-width: 1235px) {
.slider-home { max-width:1200px; text-align: center;}
.slider-cat { height:310px; float:none; margin:0 auto; display: initial;}
.slider-cat img { margin-bottom:5px; width: 100%;}
.slider-cat a {max-width: 390px; margin: 0 auto; display: inline-block;}
.theme-default #slider-home {margin: 0 auto; max-width: 800px;}
}

@media (max-width: 992px) {
.header-logo {
	float: none;
	margin: 15px auto;
	text-align: center;
}
.header-derecho {
	float:none;
	margin: 0 auto;
}
.header-search {
	float: none;
	margin: 15px auto;
}
.productos {
	text-align: center;
	margin: 0 auto;
}
.productos-mod {
	float: none;
	display: inline-block;
	margin: 10px;
}
.footer-left {float: none;}
.footer-info2 {min-width: 600px;}
.cont-left {display: none;}
.cont-right {width: 100%;}
#frm-pedido {text-align: center;}
#frm-pedido .carro-cont-cuentas {float: none; display: inline-block;}
#frm-pedido .carro-cont-cuentas-first {margin-right: 0;}
.menu-ppal {margin-bottom: 10px; height: auto;}
#slider-home {display: none;}
}

@media (max-width: 768px) {
	.header-derecho {text-align: center; width: auto;}
	.header-carro {float:none; display: inline-block; margin: 10px auto; text-align: left; border-left: none;}
	.header-sesion {width: 130px; margin: 0 auto; text-align: center;}
	.mod-login {float: right;}
	.footer-left {margin: 0 auto;}
	.footer-info2 {text-align: center; padding:10px 0; width: 100%; min-width: auto; margin: 0 auto; height: auto;}
	.fonos-derecho {float: none; margin: 0 auto; text-align: center;}
}

@media (max-width: 576px) {
	h2 {font-size: 1.5em;}
	.header-logo img {max-width: 200px;}
	.mod-login {float: right; margin-top: 0;}
	.menu-derecho p {margin: 0;}
	.filtros-ordenar .select-caja {float: right !important;}
	.filtros-numero-registros {margin-top: 10px; border-left:none;}
	.filtros-compaginador {float: left; width: 28%;}
	.compaginador {margin-top: 3px; width: auto; float: left; display: inline-flex;}
	.filtros-cant {width: 42%; margin-right: 0; padding-right: 0; border-right: none; text-align: left;}
	.filtros-ordenar {width: 48%; padding-right: 0; border-right: none; float: right;}
	.form input[type=email],.form input[type=text], .form textarea,.registro input[type=text], .registro textarea,.registro input[type=email], .registro input[type=date], .registro input[type=password], .form input[type=password] { width: 150px; font-size: 12px; color: #666; margin-bottom: 10px; }
	.registro {padding: 10px 0;}
	.footer-info2 a {display: inline-block;}
	input[type="reset"] {margin-top: 10px; font-size: 12px;}
	input[type="button"] {font-size: 12px;}
	#carro-cont-btn-actualizar {text-align: center;}
	a.btn {font-size:11px;}
	#frm-pedido .carro-cont-cuentas {max-width: 250px;}
	.busqueda-mod-right {width: auto;}
	.detalle-info-caja {width:auto; max-width: 400px;}
	.detalle-info-tags {margin-top: 50px;}
	.detalle {margin-bottom: 30px;}
	.detalle-info-caja {margin-left: 0;}
	.portada-cat, .portada-cat2 {min-width: 300px; margin-right: 0 !important;}
	.portada-cat .productos-mod, .portada-cat2 .productos-mod {border: none; }
	.portada-cat h2 {display: block; width: auto;}
	.portada-cat2 h2 {display: block; width: auto;}
	.portada-ofertas {min-width: 340px;}
	.portada-ofertas p {font-size: 12px;}
}


.img-responsive {
    height: 180px !important;
    width: 180px !important;
    object-fit: contain;
    object-position: center;
}

#products .pagination img { 
    height: 50px; 
    width: 50px; 
    float: left; 
    display: block; 
    object-fit: contain;
    object-position: center;
}

#products .slides_container img { 
    width:350px; 
    height:350px;
    object-fit: contain;
    object-position: center; 
}