.ecommerce_header{
    margin: 0;
    padding: 0 0% 0 3%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: url(../images/user.png) no-repeat 0%;
    background-size: 20px;
    flex-grow: 1;
}
.cont_gnal_car{
display: inline-block;
position: relative;
}
.cont_gnal_car .ico_carrito{
display: inline-block;
}
.cont_gnal_car .ico_carrito p{
font-size: .8em;
display: inline-block;
color: #ffffff;
margin: 0% 3% 0% -4%;
}
.cont_gnal_car .ico_carrito p:hover{
text-decoration:underline;
}
.contador_prod{
display: inline-block;
vertical-align: middle;
width: 17px;
margin: 0% 0% 0% 2%;
position: absolute;
top: 0;
right: -25px;
}
.contador_prod a{
color: #ffffff;
text-align: center;
font-size: 1.25em;
}
.cont_gnal_car .ico_carrito a.cantidad{
color: #fff;
margin: 0 0 0 5px;
vertical-align: middle;
display: inline-block;
*display: inline-block;
}
.cont_gnal_car .ico_carrito img{
display: inline-block;
vertical-align: middle;
width: 21px;
margin: -1% -4% 0% 4%;
}
.ecommerce_header .cont_ingreso{
display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    text-align: center;
    color: #fff;
}
.ecommerce_header .cont_ingreso h3 /* Nombre de usuario*/{
text-align:right;
margin:0;
}
.ecommerce_header .cont_ingreso a  /* Links */{
color: #ffffff;
    padding: 0;
    font-size: 0.8em;
    position: relative;
    flex-grow: 1;
}
.ecommerce_header .cont_ingreso a:hover{
text-decoration: underline;
color: #fef6e2;
}
/* CONTENEDOR DE BOTONES - INGRESO CON REDES SOCIALES - */
.cont_ingre_fb{
width: 50%;
margin: 0.5% 0;
padding: 0;
display: inline-block;
}
.cont_ingre_fb .btns_redes
{
display: inline-block;
*display: inline-block;
vertical-align: middle;
width: 39%;
text-align: right;
margin: 0 0 0 0;
}
/* CATEGORIAS E-COMMERCE */
.ecommece_categorias
{
width: 100%;
display: inline-block;
margin: 0 auto 0 auto;
text-align: center;
}
.ecommece_categorias ul
{
    list-style: none;
    padding: 0;
    margin: 2% 0% 0% 0%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}
.ecommece_categorias ul li /*Bloque de cada producto*/
{
    width: 31%;
    flex-grow: 1;
    position: relative;
}
.ecommece_categorias ul li:nth-child(3n + 3){
margin: 0 0 5px 0;
}
.ecommece_categorias ul li a /*Bloque de cada producto*/
{
display: inline-block;
width: 100%;
position: relative;
}
.ecommece_categorias ul li a img /*Bloque de cada producto*/
{
width: 100%;
}
.ecommece_categorias ul li div/*Bloque con titulos*/
{
vertical-align: top;
width: 100%;
height: 99%;
position: absolute;
background: rgba(255, 255, 255, 0.8);
bottom: 3px;
left: 0;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ecommece_categorias ul li:hover div
{
background: rgba(255, 255, 255, 0.8);
border-bottom: 7px solid #f0cc80;
width: 65%;
height: 30%;
bottom: 47%;
transform: translateY(47%);
left: 18.5%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ecommece_categorias ul li div .txt_cag{
position: absolute;
top: 54%;
transform: translateY(-54%);  
display: block;
width: 100%;
}
.ecommece_categorias ul li div h2
{
color: #131313;
text-align: center;
margin: 0 auto;
width: 60%;
text-transform: uppercase;
font-size: 1.6em;
font-weight: 600;
letter-spacing: 0.04em;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ecommece_categorias ul li:hover div h2
{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 85%;
}
/* CATEGORIAS E-COMMERCE */
/* SUBCATEGORIAS E-COMMERCE */
.ecommerce_subcategorias
{
width: 100%;
*display: inline-block;
display: inline-block;
}
.ecommerce_subcategorias ul
{
list-style: none;
padding: 0;
margin: 0;
}
.ecommerce_subcategorias ul li /*Bloque de cada producto*/
{
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 31%;
margin: 0 5px 10px 5px;
position: relative;
}
.ecommerce_subcategorias ul li img /*Bloque de cada producto*/{
width: 100%;
}
.ecommerce_subcategorias ul li div/*Bloque con titulos*/
{
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
padding: 10px;
background: #aaa;
-webkit-transition:1s;
-moz-transition:1s;
-o-transition:1s;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ecommerce_subcategorias ul li:hover div
{
background:#0AB2BC;
-webkit-transition:1s;
-moz-transition:1s;
-o-transition:1s;
}
.ecommerce_subcategorias ul li div h2
{
color: #fff;
text-align: center;
margin:0;
}
/* SUBCATEGORIAS E-COMMERCE */
/* -------------------------------------------------LISTADO DE PRODUCTOS -------------------------------------------------*/
.ecommerce_productos_lista
{
padding: 0;
margin: 0;
width: 100%;
position: relative;
}
.ecommerce_productos_lista ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.ecommerce_productos_lista li{
    width: 22%;
    flex-grow: 1;
    max-width: 23%;
}
.ecommerce_productos_lista .info_prod
{
text-align: center;
padding: 10px 0px;
/* Bordes redondeados */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* Bordes redondeados */
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ecommerce_productos_lista .oft_pro p
{
position: absolute;
top: 0;
right: 0;
width:40px;
height: 40px;
opacity: 0.8;
background: #4BB8D4 ;
border-radius: 100%;
padding: 10px 0;
color: #fff;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ecommerce_productos_lista .info_prod .precio1 /*PRECIO PUBLICO*/{
text-align: center;
color: #222;
}
.ecommerce_productos_lista .info_prod .precio2 /*PRECIO DESCUENTO*/	{
text-align: center;
text-decoration:line-through;
color: #55A2B6;
}
.ecommerce_productos_lista .info_prod .p_inter /*IMPORTADO*/
{
text-align: center;
color: #19697D;
}
.ecommerce_productos_lista .info_prod .nodisponible /* NO DISPONIBLE*/
{
text-align: center;
}

.ecommerce_productos_lista .info_prod h2 /*NOMBRE*/
{
    text-align: center;
    color: #2a2f33;
    margin: 10px 0 15px 0;
    font-size: 0.95em;
    font-weight: 400;
    text-transform: uppercase;
}
.ecommerce_productos_lista .info_prod h3 /*REFERENCIA*/
{
text-align: center;
color: #888888;
}
/* ----------------------------------------- LISTADO DE PRODUCTOS ----------------------------------------- */
/* ------------------------------------------- PRODUCTO DETALLE ------------------------------------------- */
.cont_prod_detalle
{
width: 100%;
    position: relative;
    margin: 0% 0 0 0;
}
.cont_prod_detalle form{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.cont_prod_detalle .txt_dt{
position: relative;
margin: 0% 0% 5% 0%;
}
.cont_prod_detalle .txt_dt:before {
content: "";
width: 7%;
height: 6px;
background: #131313;
position: absolute;
bottom: -60%;
left: 0%;
}
.cont_prod_detalle form .cont_izq
{
    width: 52%;
    margin: 0;
    flex-grow: 1;
}
.cont_prod_detalle form .cont_izq ul
{
margin: 0 0 5px 0;
padding: 0;
list-style: none;
}
.cont_prod_detalle form .cont_izq ul li
{
position: relative;
cursor: pointer;
}
.cont_prod_detalle form .cont_izq .btns-dt{
margin: 0 0 18px 0;
}
.cont_prod_detalle form .cont_izq .btns-dt li{
position: relative;
}
.cont_prod_detalle form .cont_izq .btns-dt li a{
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 0.85em;
font-weight: 600;
color: #000;
}
.cont_prod_detalle form .cont_izq .btns-dt li a:hover{
color: #b1b1b1;
text-decoration: underline;
}
.cont_prod_detalle form .cont_izq .btns-dt li:first-child{
width: 54%;
display: inline-block;
background: url(../images/ico-lo.png) 0% no-repeat;
background-size: 7%;
padding: 1% 0% 1% 7%;
}
.cont_prod_detalle form .cont_izq .btns-dt li:first-child:before{
content: "";
position: absolute;
width: 32px;
height: 1px;
background: #000;
right: 5%;
top: 48%; 
}
.cont_prod_detalle form .cont_izq .btns-dt li:last-child{
width: 30%;
display: inline-block;
background: url(../images/ico-user.png) 0% no-repeat;
background-size: 9.5%;
padding: 1% 0% 1% 7%;   
}
.cont_prod_detalle form .cont_info
{
    width: 41%;
    margin: 0;
    flex-grow: 1;
}

.cont_prod_detalle .cont_info h3/*REFERENCIA*/
{
    color: #666;
    margin: 1% 0;
    text-transform: uppercase;
    font-size: 1em;
}
.cont_prod_detalle .cont_info .cont_porcen p /* PORCENTAJE DE DESCUENTO*/
{
position: absolute;
text-align: right;
top: 0;
right: 0;
width:60px;
height: 60px;
background: #4BB8D4 ;
border-radius: 100%;
padding: 20px 10px;
color: #fff;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_prod_detalle .cont_info h5/*HOY*/
{
text-align: left;
color: #4BB8D4;
}
.cont_prod_detalle .cont_info .precio1 /*PRECIO PUBLICO*/
{
text-align: left;
color: #2a2f33;
margin: 5% 0% 5% 4%;
line-height: 28px;
font-weight: 500;
font-size: 2em;
letter-spacing: 0.08em;
}
.cont_prod_detalle .cont_info p{
text-align: left;
padding: 0 0 0 0%;
margin: 2% 0;
font-size: 0.85em;
color: #9a9a9a;
}
.cont_prod_detalle .cont_info .ahorro span /* VALOR AHORRADO */
{
color:#E23030 ;
}
.cont_prod_detalle .cont_info .despricion /*DESCRIPCION*/
{
margin: 10px 0;
}
.cont_prod_detalle .cont_info .disponible /*DISPONIBLE*/
{
color: #2DB200;
vertical-align: top;
text-align: right;
}
.cont_prod_detalle .cont_info .disponible img/*DISPONIBLE*/
{
margin:  0 5px 0 0;
vertical-align: middle;
width:3%;
}
.cont_prod_detalle .cont_info .nodisponible /* NO DISPONIBLE*/
{
color: #E23030 ;
padding: 0 10px;
text-align: left;
vertical-align: top;
}
.cont_prod_detalle .cont_info .nodisponible img/* NO DISPONIBLE*/
{
margin:  0 5px 0 0;
}
.cont_prod_detalle .cont_info .p_inter  /*IMPORTADO*/
{
text-align: left;
color: #19697D;
margin: 5px 0;
}
.cont_prod_detalle .cont_info .tienpo_entrega /*Tiempo de Entrega*/
{
text-align: left;
vertical-align: top;
color: #2a2f33;
margin: 16px 0 12px 11px;
}
.cont_prod_detalle .cont_info .tienpo_entrega img /* Tiempo de Entrega*/
{
margin:  0 5px 0 0;
vertical-align: middle;
width: 4%;
}
.btn_ficha a{
display: block;
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 0.1em;
text-align: left;
color: #f2cc80;
margin: 7% 0% 7% 4%;
padding: 3.5% 0% 3.5% 13%;
background: url(../images/download1.png) -1% no-repeat;
width: 100%;
background-size: 9.99%;
}
.btn_ficha a:hover{
text-decoration: underline;
}
/* ----------------------CONTENEDOR DE TALLAS EN EL DETALLE -------------------------------- */
.cont_prod_detalle .cont_info .cont_tallas
{
padding: 0;
margin: 5px 0;
list-style: none;
text-align: left;
}
.cont_prod_detalle .cont_info .cont_tallas h3
{
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
*display: inline-block;
vertical-align: middle;
}
.cont_prod_detalle .cont_info .cont_tallas li
{
display: inline-block;
*display: inline-block;
vertical-align: middle;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
padding: 0 5px;
background: #eee;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_prod_detalle .cont_info .cont_tallas p
{
color: #3898AA;
}
/* -------------------- CONTENEDOR DE TALLAS EN EL DETALLE ---------------------------------*/
.cont_prod_detalle .btn_producto_detalle{
text-align: left;
margin: 5% 0 0 0;
}
/*.cont_prod_detalle .btn_producto_detalle li{
background: #f5b666;
color: #fff;
width: 65%;
text-align: left;
padding: 2% 1%;
margin: 0 0 2% 0%;
}*/
/*.cont_prod_detalle .btn_producto_detalle li:hover{
background: #c22126;
}*/
.cont_prod_detalle .btn_producto_detalle li a{
color: #fff;
padding: 0 0 0 9%;
}
.cont_prod_detalle .btn_producto_detalle li a{
background: #F0CC80 url(../images/sign-in.png) no-repeat 10%;
    background-size: 24px;
    padding: 13px 27px 13px 54px;
    border: 0;
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.cont_prod_detalle .btn_producto_detalle li a:hover{
background: #000 url(../images/sign-in.png) no-repeat 10%;
    background-size: 24px;
    padding: 13px 27px 13px 54px;
    border: 0;
}

/* ----------------------CONTENEDOR DE COLORES EN EL DETALLE -------------------------------- */
.cont_prod_detalle .cont_info .cont_colores
{
padding: 0;
margin: 5px 0 ;
list-style: none;
text-align: left;
}
.cont_prod_detalle .cont_info .cont_colores h3
{
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
*display: inline-block;
vertical-align: middle;
}
.cont_prod_detalle .cont_info .cont_colores li
{
display: inline-block;
*display: inline-block;
vertical-align: middle;
width:20px ;
height: 20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: #666;
}
.cont_prod_detalle .cont_info .cont_colores p
{
color: #3898AA;
}
/* -------------------- CONTENEDOR DE COLORES EN EL DETALLE ---------------------------------*/
/* ------------------------------------------- FIN PRODUCTO DETALLE ------------------------------------------- */
.ecommerce_tiendas ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.ecommerce_tiendas ul li{
    width: 31%;
    margin: 0;
    text-align: center;
    flex-grow: 1;
}
.ecommerce_tiendas ul li:nth-child(3n+3){
    margin: 0 0 2% 0;
}
.ecommerce_tiendas ul li strong{
    color: #ababab;
}
.ecommerce_tiendas ul li h2{
text-align: center;
    margin: -2% 0% 0% 0%;
    background: #f0cc80;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 11px;
}
.ecommerce_tiendas ul li h3{
    margin: 5% 0 3%;
    text-align: center;
    color: #0b0c0e;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 100;
}
.ecommerce_tiendas ul li p{
    text-align: center;
}
/* ---------------------------------------------- BOTÓN DE COMPRA ---------------------------------------------- */
.btn_comprar
{
padding: 0;
list-style: none;
width: 100%;
text-align: left;
}
.btn_comprar li
{

}
.btn_comprar .btn_carrito p  /*Botón comprar*/
{
color: #fff;
text-align: center;
width: 52%;
margin: 5% 0% 0% 4%;
background: #f0cc80 url(../images/cart.png) 9.5% 42% no-repeat;
background-size: 15%;
text-transform: uppercase;
padding: 5% 2% 5% 15%;
font-weight: 600;
border-radius: 7px;
letter-spacing: 0.12em;
font-size: 1.2em;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.btn_comprar .btn_carrito p:hover{
background:#f3e4a3 url(../images/cart.png) 11% 42% no-repeat;
background-size: 15%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
/* ---------------------------------------------- BOTÓN DE COMPRA ---------------------------------------------- */
/* BOTONES DE CARRITO DE COMPRA */
.cont_carrito_btns_centro
{
text-align: center;
margin: 20px 0 0 0;
}
.cont_carrito_btns_derecha
{
text-align: right;
margin: 10px 0 0 0;
}
/* BOTONES DE CARRITO DE COMPRA */
/* ---------------------------------------- BOTONES DETALLE DEL PRODUCTO ---------------------------------------- */
.btn_ecommerce_detalle
{
display: inline-block;
vertical-align: top;
width: 100%;
margin: 4% 0% 0% 0%;
}
.btn_ecommerce_detalle ul
{
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
.btn_ecommerce_detalle ul li
{
margin: 0 0 0 0;
}
.btn_ecommerce_detalle ul li a
{
padding: 10px;
margin: 0;
background: #f9f9f9;
color: #000;
font-size: 0.9em;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.btn_ecommerce_detalle ul li a:hover
{
background: #f0f0f0;
}
.btn_ecommerce_detalle ul li a.active
{
background: #f0f0f0;
}
/* CONTENEDOR DE ECOMMERCE DETALLE */
.cont_tab_ecommerce_detalle
{
width: 100%;
margin: 0px 0 0 0;
padding: 15px 20px;
background: #F0F0F0;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* CONTENEDOR DE ECOMMERCE DETALLE */
/* ---------------------------------------- BOTONES DETALLE DEL PRODUCTO ---------------------------------------- */
/* --------------------------------------------- CARRITO DE COMPRAS --------------------------------------------- */
/* CONTENEDOR CARIITO DE COMPRA VACIO */
.cont_carrito .no_producto
{
text-align:center;
}
.cont_carrito .no_producto h3
{
text-align:center;
margin: 5px 0 15px;
}
.cont_carrito .no_producto img{
width: 6%;  
}
/* CONTENEDOR CARIITO DE COMPRA VACIO */
/* MENSAJE  DE TRANSACCION */
.cont_carrito .texto_transaccion
{
background: #E1FFE8;
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #C4EDCE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*Sombre externa*/
-webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.5);
box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.5);
/*Sombre externa*/
}
.cont_carrito .mensaje_pedido
{
background: #E1FFE8;
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #C4EDCE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*Sombre externa*/
-webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.5);
box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.5);
/*Sombre externa*/
}
.cont_carrito .mensaje_pedido a
{
color: #53A968;
}
/* MENSAJE  DE TRANSACCION */
/* TABLA DE PRODUCTOS */
.tbl_productos
{
vertical-align: top;
width: 100%;
}
.tbl_productos .cbz_carrito td
{
background: #21222c;
color: #fff;
text-align: center;
border: solid 1px #21222c;

}
.tbl_compra_detalle{
padding-top: 2%;
}
.tbl_productos tr td.campo
{
width: 100px;
}
.tbl_productos tr td.campo img{
width: 28px;
}
.tbl_productos tr td
{
padding: 10px 10px;
background: #fff;
text-align: center;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 1px solid #efefef;
border-right: 1px solid #efefef;
font-size: 80%;
text-align: center;
}
.tbl_productos tr td .p1{
text-align: center;
}
.tbl_productos tr td:first-child{
border-left: 1px solid #efefef;
}
.tbl_productos tr td img
{
max-width: 80px;
}
.tbl_productos tr td input
{
max-width: 50px;
text-align: center;
}
/* Contenido del producto */
.tbl_productos tr td .cont_producto h3
{
margin: 0;
text-align: left;
}
/* ------ CONTENEDOR DE TALLAS EN EL CARRITO ----- */
.tbl_productos tr td .cont_producto .cont_tallas
{
padding: 0;
margin: 5px 0;
list-style: none;
text-align: left;
}
.tbl_productos tr td .cont_producto .cont_tallas h3
{
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
*display: inline-block;
vertical-align: middle;
}
.tbl_productos tr td .cont_producto .cont_tallas li
{
display: inline-block;
*display: inline-block;
vertical-align: middle;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
padding: 0 5px;
background: #eee;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.tbl_productos tr td .cont_producto .cont_tallas p
{
color: #3898AA;
}
/* ------ CONTENEDOR DE TALLAS EN EL CARRIRO ------*/
/* ------ CONTENEDOR DE COLORES EN EL CARRIRO ----- */
.tbl_productos tr td .cont_producto .cont_colores
{
padding: 0;
margin: 5px 0 ;
list-style: none;
text-align: left;
}
.tbl_productos tr td .cont_producto .cont_colores h3
{
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
*display: inline-block;
vertical-align: middle;
}
.tbl_productos tr td .cont_producto .cont_colores li
{
display: inline-block;
*display: inline-block;
vertical-align: middle;
width:20px ;
height: 20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: #666;
}
.tbl_productos tr td .cont_producto .cont_colores p
{
color: #3898AA;
}
/* ---- CONTENEDOR DE COLORES CARRITO -----*/
/* Fin contenido del producto */
/*  FIN TABLA DE PRODUCTOS */
/* CONTENEDOR VALORES DE COMPRA */
.cont_carrito_valores
{
width: 100%;
}
.cont_carrito_valores td
{
padding: 8px 9px;
width: 88.5%;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.cont_carrito_valores td select
{
max-width: 40%;
}
.cont_carrito_valores td .camp_requerido
{
color: #D04646;
}
.cont_carrito_valores td img
{
vertical-align: middle;
margin: 0 5px 0 0;
}
.cont_carrito_valores .txt /*Texto*/
{
text-align: right;
}
.cont_carrito_valores .precio /* Precio*/
{
text-align: right;
}
.cont_carrito_valores .p_total /* Precio*/
{
color: #21222c;
font-weight: 600;
font-size: 1.15em;
}
/* Terminos y condiciones */
.cont_carrito_valores .check input, .cont_carrito_valores .check p
{
display: inline-block;
*display: inline-block;
vertical-align: middle;
}
.cont_carrito_valores .check a
{
color: #D04646;
}
.cont_carrito_valores .check a:hover
{
text-decoration: underline;
}
/* Terminos y condiciones */
.cont_carrito_valores .total
{
color: #D04646;
background: #eee;
}
/* FIN CONTENEDOR VALORES DE COMPRA */
/* --------------------------------------------- CARRITO DE COMPRAS --------------------------------------------- */
/* ----------------------------------------------- CARRUSEL OTROS PRODUCTO ----------------------------------------------- */
.carrusel_otros_productos
{
width: 100%;
margin: 10px 0;
padding: 0;
display: inline-block;
*display: inline;
vertical-align: middle;
position: relative;
}
.carrusel_otros_productos #carrusel_otros_productos {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.carrusel_otros_productos h2{
text-align: center;
    color: #000;
    font-size: 1.6em;
    margin: 3% 0 5% 0;
    font-weight: 600;
    text-transform: uppercase;
}
.caroufredsel_wrapper{
height: 352px !important;
}
#carrusel_otros_productos{
height: 252px;
}
.carrusel_otros_productos .item_productos {
    text-align: center;
    width: 231px;
    height: 204px;
    padding: 5px;
    margin: 0 14px;
    display: block;
    float: left;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.carrusel_otros_productos .item_productos  img
{
vertical-align: middle;
}
.carrusel_otros_productos .item_productos h3
{
    text-align: center;
    color: #2a2f33;
    margin: 10px 0 15px 0;
    font-size: 0.9em;
    font-weight: 400;
    height: 35px;
    text-transform: uppercase;
}

.carrusel_otros_productos .item_productos p
{
text-align: center;
color: #888888;
}
.carrusel_otros_productos .clearfix {
float: none;
clear: both;
}
.carrusel_otros_productos .prev {
position: absolute;
right: -20px;
top: 169px;
width: 30px;
}
.carrusel_otros_productos .next {
position: absolute;
left: -30px;
top: 169px;
width: 30px;
}
/* -------------------------------------------- FIN CARRUSEL OTROS PRODUCTOS --------------------------------------------*/
/* ----------------------------------------------- TRACKING EN EL LATERAL ----------------------------------------------- */
aside .cont_tracking{
width: 100%;
text-align: center;
margin: 5% 0 0 0;
display: inline-block;
_display:inline-block;
*display: inline-block;
vertical-align: middle;
background: #f3f3f3;
padding: 10px;
border: 1px solid #eee;
/* Bordes redondeados
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
Fin bordes redondeados */
/* Sombra externa
-webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:1px 1px 4px 0px rgba(50, 50, 50, 0.5);
box-shadow:1px 1px 4px 0px rgba(50, 50, 50, 0.5);
Fin sombra externa */
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
aside .cont_tracking h2, aside .cont_tracking p	{
text-align: center;
}
/* ----------------------------------------------- TRACKING EN EL LATERAL ----------------------------------------------- */
/* ------------------------------------------ CARRITO DE COMPRAS EN EL LATERAL ------------------------------------------ */
aside .carrito_compras{
width: 100%;
text-align: center;
margin: 0 0 10px 0 ;
display: inline-block;
_display:inline-block;
*display: inline-block;
vertical-align: middle;
background: #fff;
padding: 10px;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
aside .carrito_compras h2{
text-align: center;
vertical-align: middle;
}
aside .carrito_compras h2 img{
width: 10%;
vertical-align: middle;
margin-right: 3%;
}
aside .carrito_compras table{
width: 100%;
vertical-align: top;
}
aside .carrito_compras table.tbl_producto{
text-align: left;
}
aside .carrito_compras table.tbl_producto img /*Imagen del producto*/{
max-width: 60px;
}
aside .carrito_compras table.tbl_producto p /*Nombre del producto*/{
color: #777;
}
aside .carrito_compras table.tbl_producto p.precio /*Precio del producto*/{
color: #3898AA;
}
aside .carrito_compras table.tbl_totales /* Contenedor de totales*/{
text-align: right;
}
aside .carrito_compras table.tbl_totales p{
color:#E23030;
}
/* ------------------------------------------ CARRITO DE COMPRAS EN EL LATERAL ------------------------------------------ */
/* BUSCADOR EN EL LATERAL DEL E-COMMERCE */
aside .ecommerce_buscador
{
display: inline-block;
vertical-align: middle;
width: 100%;
text-align: center;
margin-bottom: 2%;
padding: 15px 10px 20px;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
aside .ecommerce_buscador h4{
text-align: left;
color: #777;
margin: 0 0 5px 0;
}
aside .ecommerce_buscador ul{
list-style: none;
margin: 0;
padding: 0;
}
aside .ecommerce_buscador ul li{
display: inline-block;
*display: inline-block;
vertical-align: middle;
}
aside .ecommerce_buscador input[type="text"]
{
display: inline-block;
width: 100%;
padding: 5px;
border: none;
border-bottom: 1px solid #999;
margin: 0;
position: relative;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

aside .ecommerce_buscador input[type="text"]:-ms-placeholder{
    color:red;
}

aside .ecommerce_buscador select
{
margin: 0 0 5px 0;
padding: 3%;
border: none;
border-bottom: 1px solid #999999;
}
aside .ecommerce_buscador nav
{
margin: 5px 0 0 0 ;
}
aside .ecommerce_buscador input[type="submit"]
{
display: inline-block;
*display: inline-block;
vertical-align: middle;
background: url(../images/buscar.png) no-repeat 8px;
border:0;
margin: 0;
padding: 5px 20px;
max-width: 100%;
color: #ffffff;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* BUSCADOR EN EL LATERAL DEL E-COMMERCE */
/* FILTRO DE PRODUCTOS */
.slc_categorias{
display: inline-block;
width: 100%;
margin: 1.5% 0;
vertical-align: middle;
display: none;
}
.slc_categorias p, .slc_categorias select {
display:inline-block;
*display: inline-block;
width: auto;
vertical-align: middle;
}
#li-vista{
width: 19%;
display: inline-block;
vertical-align: middle;
display: none;
}
#li-vista img{
width:20%;
}
.list3 li{
width: 20.7%;
display: inline-block;
vertical-align: top;
position: relative;
height: 100%;
background: #fff;
margin: 0% 3.9% 0% 0%;
text-align: center;
cursor: pointer;
}
.list3 li:nth-child(4){
margin: 0% 0% 0% 0%;    
}
.list3 li h3{
 text-align: center;
color: #2a2f33;
margin: 3px 0;
font-size: 0.85em;
font-weight: 400;   
}
.list4 li {
    position: relative;
    height: 100%;
    background: #fff;
    text-align: center;
    cursor: pointer;
}
.list4 li:nth-child(4n){
margin: 0% 0% 0% 0%;    
}
.links_productos_detalle{
width: 100%;
}
.links_productos_detalle a, .links_productos_detalle img{
display: inline-block;
width: 45%;
vertical-align: middle;
}
.links_productos_detalle img{
margin: 0 3px 0 0;
}
/* --------------------------------------------- CARRUSEL PRODUCTOS CRITERIOS --------------------------------------------- */
.carrusel_criterios
{
width: 100%;
margin: 15px 0 ;
padding: 0;
display: inline-block;
*display: inline;
vertical-align: middle;
position: relative;
}
.carrusel_criterios h1
{
color: #b2b2b2;
text-transform: uppercase;
margin: 0 0 10px 20px;
}
.carrusel_criterios #carrusel_criterios {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.carrusel_criterios .item_productos {
text-align: center;
width: 124px;
height: 210px;
padding: 5px;
margin:0 12px;
display: block;
border: 1px	solid #EEE;
background: #fff;
float: left;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.carrusel_criterios .item_productos a
{
text-decoration: none;
color: #000;
}
.carrusel_criterios .item_productos:hover
{
border: 1px	solid #ddd;
}
.carrusel_criterios .item_productos  img
{
vertical-align: middle;
}
.carrusel_criterios .item_productos h4
{
text-align: center;
color: #999;
margin: 1px 0;
}
.carrusel_criterios .item_productos:hover h4
{
color: #AAA;
}
.carrusel_criterios .item_productos p
{
text-align: center;
color: #EE1C25;
}
.carrusel_criterios .item_productos p.nodisponible
{
text-align: center;
color: #EE1C25;
line-height: 1em;
}
.carrusel_criterios .clearfix {
float: none;
clear: both;
}
.carrusel_criterios .prev {
position: absolute;
left: -30px;
top: 120px;
}
.carrusel_criterios .next {
position: absolute;
right: -30px;
top: 120px;
}
/*----MARCAS----*/
.ecommerce_marcas{
width: 100%;
display: inline-block;
text-align: right;
}
.ecommerce_marcas ul
{
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.ecommerce_marcas ul li
{
display: inline-block;
vertical-align: top;
width: 17.5%;
margin: 0 5px 40px 10px;
position: relative;
}
.ecommerce_marcas ul li div h2{
text-align:center;
}
.ecommerce_marcas ul li a img{
filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 85%;
}
.ecommerce_marcas ul li a img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/*----MARCAS----*/
/* --------------------------------------------- CARRUSEL PRODUCTOS CRITERIOS --------------------------------------------- */
/*CALCULAR ENVIO DE DETALLE*/
.cont_frm_calcular, .envio{
display: inline-block;
width: 40%;
vertical-align: middle;
}
.envio h2{
margin: 0;
}
.cont_frm_calcular form fieldset div{
width: 100%;
display: inline-block;
vertical-align: middle;
}
.img_marca h1{
text-align: center;
color: #949090;
margin: 0;
}
.tipo_color ul .info-color{
width: 47%;
display: inline-block;
margin: 0% 6% 4% 0%;
text-align: left;
}
.tipo_color ul .info-color:nth-child(2n){
margin: 0% 0% 4% 0%;
}
.tipo_color ul .info-color .nom-color{
color: #929292 !important;
text-align: left !important;
}
.tipo_color ul .info-color .input_menos{
margin: 0% 5% 0% 0%;
width: 22px;
border: none;
background: #CCC;
color: #fff;
border: solid 1px #CCC;
}
.tipo_color ul .info-color .input_mas{
margin: 0% 0% 0% 5%;
width: 22px;
border: none;
background:#CCC;
color: #fff;
border: solid 1px #CCC;
}
.tipo_color ul .info-color .cantidad-tam{
width: 25%;
text-align: center;
}
.pelu{
margin: 0% 0% 1% 0%;
}
.pelu p{
color: #ffffff !important;
font-size: 1em !important;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.1em;
background: #f3e4a3;
padding: 1.5% 0% 1.5% 3% !important;
margin: 4.5% 0% 6% 0% !important;
}
.pelu .pelucas{
text-align: left;
width: 95%;
margin: 0 auto;
}
.pelu .pelucas li{
display: inline-block;
width: 18%;
margin: 0% 2% 0% 1%;
cursor: pointer;
position: relative;
}
.pelu .pelucas li.color_activo{
    
}
.pelu .pelucas .color_activo:before {
position: absolute;
content: "";
width: 50px !important;
height: 50px !important;
top: 46%;
left: 7%;
transform: translateY(-50%);
}
.pelu .pelucas li.color_activo img{
width: 95%;
margin: 0% 0% 0% 0%;
border: 2px solid #F3E4A1 !important;
}
.pelu .pelucas li img{
border: dashed 1px #ffffff !important;
border-radius: 50%;
}
.pelu .pelucas li:hover{
display: inline-block;
}
.pelu .pelucas li label div{
border: 1px white solid !important;
float: none !important;
display: inline-block;
width: 40px !important;
height: 40px !important;
cursor: pointer !important;
}
.pelu .pelucas li label div:hover{
border: 1px #000 solid !important;
}
.pelu .pelucas li label div:active{
border: 1px #000 solid !important;
}
.pelu_tam{
margin: 0% 0% 1% 0%;
}
.pelu_tam .pelucas_tamanos{
text-align: left;
width: 95%;
margin: 0 auto;
}
.pelu_tam p{
color: #f5b666 !important;
font-size: 1.2em;
font-weight: 400;
}
.pelu_tam .pelucas_tamanos li{
display: inline-block;
padding: 4% 3%;
border: solid 2px #f3e4a3;
border-radius: 4px;
text-align: center;
margin: 2% 1.1% 5% 0%;
cursor: pointer;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
color: #f3e4a3;
font-weight: 600;
}
.pelu_tam .pelucas_tamanos li:hover{
border: solid 2px #f0cc80 !important;
}
.pelu .pelucas .color_activo label div {
border: 2px #000 solid !important;
}
.pelu_tam .pelucas_tamanos .tamanos_activo {
border: solid 2px #f0cc80 !important;
background: #f3e4a3 !important;
color: #FFF;
}
#idtalla .pelu_tam p{
color: #ffffff !important;
font-size: 1em !important;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.1em;
background: #f3e4a3;
padding: 1.5% 0% 1.5% 3% !important;
margin: 5.5% 0% 5% 0% !important;   
}
/*==================================================================================================
MEDIAS QUERIES
==================================================================================================*/
@media screen and (min-width: 1200px){}
@media screen and (min-width: 1350px){}
@media screen and (min-width: 1400px){}
@media screen and (min-width: 1600px){}
@media screen and (min-width: 1900px){}
/*==================================================================================================
MEDIAS QUERIES
==================================================================================================*/