.ecommerce_header{
padding: 0;
margin: 0.5% 15px 1% 0;
display: inline-block;
vertical-align: middle;
width: 17%;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 15px 0 0;
}
.cont_gnal_car{
width: 5%;
display: inline-block;
vertical-align: middle;
position: relative;
}
.cont_gnal_car .ico_carrito{
width: 100%;
background: #0AB2BC;
display: inline-block;
vertical-align: middle;
text-align: center;
padding: 20%;
min-height: 45px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.contador_prod{
position: absolute;
top: -25%;
right: -35%;
background: #126E73;
border-radius: 50%;
padding: 11% 1%;
width: 33px;
max-height: 31px;
color: #fff;
text-align: center;
}
.contador_prod a{
color: #fff;
text-align: center;
}
.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;
*display: inline-block;
vertical-align: middle;
width: 30px;
}
.ecommerce_header .cont_ingreso
{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 0 0 0 0;
    text-align: right;
    background: url(../images/ing-sec.png) no-repeat 0;
    padding: 0 16px;
}
.ecommerce_header .cont_ingreso h3 /* Nombre de usuario*/{
text-align:right;
margin:0;
}
.ecommerce_header .cont_ingreso a  /* Links */{
font-weight: 600;
color: #0051a8;
font-size: 1.05em;
font-family: 'muli';
position: relative;
}
.ecommerce_header .cont_ingreso a:first-child{
padding: 0 10px 0 0;    
} 
.ecommerce_header .cont_ingreso a:first-child:before{
content: "-";
position: absolute;
top: 0;
right: 0;
color: #0051a8;
}
.ecommerce_header .cont_ingreso p a:hover{
text-decoration: underline;
}
/* 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;
display: inline-block;
}
.ecommece_categorias ul
{
list-style: none;
padding: 0;
margin: 2% 0;
}
.ecommece_categorias ul li /*Bloque de cada producto*/
{
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 31.7%;
margin: 0 5px 10px 5px;
position: relative;
}
.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*/
{
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 100%;
position: absolute;
padding: 10px;
height: 20%;
background: rgba(56,152,170,0.85);
bottom: 0;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ecommece_categorias ul li:hover div
{
background: rgba(56,152,170,0.6);
}
.ecommece_categorias ul li div h2
{
color: #fff;
text-align: center;
margin:0;
}
.ecommece_categorias ul li:hover div h2
{
position: relative;
}
/* 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;
}
.ecommerce_productos_lista li{
display: inline-block;
*display: inline-block;
vertical-align: top;
position: relative;
width: 22%;
margin: 8px;
text-align: center;
cursor: pointer;
}
.ecommerce_productos_lista .info_prod
{
text-align: center;
padding: 10px 5px;
background: #f1f1f1;
/* 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;
color: #E33326;
}
.ecommerce_productos_lista .info_prod h2 /*NOMBRE*/
{
text-align: center;
color: #777;
margin: 3px 0;
}
.ecommerce_productos_lista .info_prod h3 /*REFERENCIA*/
{
text-align: center;
color: #888888;
}
/* ----------------------------------------- LISTADO DE PRODUCTOS ----------------------------------------- */
/* ------------------------------------------- PRODUCTO DETALLE ------------------------------------------- */
.cont_prod_detalle
{
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
}
.cont_prod_detalle form .cont_izq
{
display: inline-block;
*display: inline-block;
vertical-align: top;
position: relative;
width: 48%;
text-align: left;
margin:0 20px 0 0 ;
}
.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_info
{
display: inline-block;
*display: inline-block;
vertical-align: top;
position: relative;
width: 48%;
margin: 0 0 20px 0;
}
.cont_prod_detalle .cont_info h1/*NOMBRE*/
{
margin: 0;
}
.cont_prod_detalle .cont_info h3/*REFERENCIA*/
{
text-align: left;
color: #888888;
}
.cont_prod_detalle .cont_info .cont_porcen p /* PORCENTAJE DE DESCUENTO*/
{
position: absolute;
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: #AAA;
margin: 5px 0 0 0;
line-height: 28px;
}
.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;
}
.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 ;
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: #777;
margin: 5px 0;
}
.cont_prod_detalle .cont_info .tienpo_entrega img /* Tiempo de Entrega*/
{
margin:  0 5px 0 0;
vertical-align: middle;
width: 4%;
}
/* ----------------------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: #0AB2BC;
}
/* -------------------- CONTENEDOR DE TALLAS EN EL DETALLE ---------------------------------*/
/* ----------------------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: #0AB2BC;
}
/* -------------------- CONTENEDOR DE COLORES EN EL DETALLE ---------------------------------*/
/* ------------------------------------------- FIN PRODUCTO DETALLE ------------------------------------------- */
/* ---------------------------------------------- BOTÓN DE COMPRA ---------------------------------------------- */
.btn_comprar
{
padding: 0;
margin: 10px 0 0 0;
list-style: none;
}
.btn_comprar li
{
display: inline-block;
*display: inline-block;
max-width: 100%;
vertical-align: top;
}
.btn_comprar .btn_carrito p  /*Botón comprar*/
{
color: #fff;
text-transform: uppercase;
background: url(../images/carrito.png)no-repeat #0AB2BC 20px;
padding: 15px 20px 15px 60px;
/* 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;
}
.btn_comprar .btn_carrito:hover p
{
background: url(../images/carrito.png)no-repeat #3AAEC4 20px;
padding: 15px 20px 15px 60px;
}
/* ---------------------------------------------- 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;
*display: inline-block;
vertical-align: top;
width: 100%;
}
.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: #777;
color: #fff;
/* 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;
}
.btn_ecommerce_detalle ul li a:hover
{
background: #444;
}
.btn_ecommerce_detalle ul li a.active
{
background: #444;
}
/* CONTENEDOR DE ECOMMERCE DETALLE */
.cont_tab_ecommerce_detalle
{
width: 100%;
margin: 15px 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;
}
/* 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: #777;
color: #fff;
text-align: center;
border: solid 1px #777;
}
.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: 5px 10px;
background: #fff;
text-align: center;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.tbl_productos tr td:first-child{
border-left: 1px solid #ccc;
}
.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: #0AB2BC;
}
/* ------ 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: #0AB2BC;
}
/* ---- 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: 2px 5px;
width: 92%;
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:#0AB2BC;
}
/* 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 .item_productos {
text-align: center;
width: 145px;
height: 200px;
padding: 5px;
margin:0 9px;
display: block;
border: 1px	solid #EEE;
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 a{
text-decoration: none;
color: #000;
}
.carrusel_otros_productos .item_productos:hover{
border: 1px	solid #ddd;
}
.carrusel_otros_productos .item_productos  img{
vertical-align: middle;
}
.carrusel_otros_productos .item_productos h4{
text-align: center;
color: #4BB8D4;
margin: 3px 0;
}
.carrusel_otros_productos .item_productos:hover h4
{
color: #AAA;
}
.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: 120px;
}
.carrusel_otros_productos .next {
position: absolute;
left: -20px;
top: 120px;
}
/* -------------------------------------------- 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: #0AB2BC;
}
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;
*display: inline-block;
vertical-align: middle;
width: 100%;
text-align: center;
margin-bottom: 2%;
background: #f3f3f3;
padding: 10px;
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;
*display: inline-block;
width: 100%;
padding: 5px;
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 select
{
margin: 0 0 5px 0;
padding: 3%;
}
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;
}
.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;
}
#li-vista img{
width:20%;
}
.list3 li{
display: inline-block;
*display: inline-block;
vertical-align: top;
position: relative;
width: 30%;
height: 100%;
background: #fff;
margin: 8px 10px;
text-align: center;
cursor: pointer;
}
.list4 li {
width:23%;
display: inline-block;
*display: inline-block;
vertical-align: top;
position: relative;
height: 100%;
background: #fff;
margin: 8px 5px;
text-align: center;
cursor: pointer;
}
.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;
}
/*NUEVO PROCESO DE PAGO*/
.new_proceso_pago, .new_proceso_pago ul{
width: 100%;
margin: auto;
padding: 0;
list-style: none;
position: relative;
}
.new_proceso_pago h1{
margin: 2% 0;
}
.new_proceso_pago ul li{
width: 33%;
display: inline-block;
vertical-align: top;
}
.new_proceso_pago ul li .cont_tit{
width: 100%;
background:#fdac03;
}
.new_proceso_pago ul li .cont_tit h2{
color: #FFF;
padding: 2%;
text-align: center;
}
.cont_sesion_in{
width: 90%;
padding: 0 5%;
display: inline-block;
}
.cont_sesion_in h2{
color: #fdac03;
text-align: left;
margin: 5% 0;
padding: 0;
}
.cont_sesion_in ul{
width: 100%;
text-align: left;
margin: 0;
padding: 0;
}
.cont_sesion_in ul li{
width: 26%;
list-style: none;
text-align: center;
margin: 0;
}
.cont_sesion_in ul li:first-child{
padding: 0% 3% 1% 0;
border-right: 1px #ccc solid;
}
.cont_sesion_in ul li:last-child{
padding: 0% 0% 1% 3%;
border-right: none;
}
.cont_sesion_in ul li a{
color: #007F44;
text-decoration: none;
}
.cont_sesion_in ul li a:hover{
color: #CCC;
text-decoration: underline;
}
.cont_inicio, .cont_datos_clt, .cont_datos_envio{
display: inline-block;
width: 90%;
margin: 0;
padding: 5%;
}
.cont_inicio .link{
color: #469C2C;
margin: 3% 0 6% 0;
display: block;
}
.new_proceso_pago input[type="text"], .new_proceso_pago select, .new_proceso_pago input[type="password"], .new_proceso_pago input[type="email"], .new_proceso_pago select{
width: 100%;
padding: 2.8%;
margin: 0 0 4% 0;
border: 1px #CCC solid;
}
.new_proceso_pago select#dsciudadenvio{
width: 100%;
padding: 2.8%;
margin: 0 0 4% 0;
border: 1px #CCC solid;
}
.new_proceso_pago input[type="email"]{
width: 94%!important;
}
.new_proceso_pago input[type="checkbox"], .new_proceso_pago input[type="radio"]{
display: inline-block;
margin: 2% 3% 0 0;
vertical-align: middle;
}
.new_proceso_pago ul li .cont_inicio .btn_nw_gneral{
width: 40%;
background: #fdac03;
padding: 2.8%;
margin: 0 0 4% 7%;
border: none;
color: #fff;
cursor: pointer;
}
.new_proceso_pago ul li .cont_inicio .btn_nw_gneral:hover{
background: #e2680d;
}
.link_registrar{
color: #007F44;
text-align: center;
display: inline-block;
vertical-align: middle;
margin-left: 17%;
}
.link_registrar:hover{
color: #fdac03;
}
.new_proceso_pago ul li .cont_inicio .btn_pago_rpd{
width: 100%;
background: #FFA731 url(../images/carrito.png) no-repeat 5%;
padding: 4% 0;
text-align: center;
display: block;
margin: 0 0 4% 0;
border: none;
color: #fff;
cursor: pointer;
text-decoration: none;
}
.new_proceso_pago ul li .cont_inicio .btn_pago_rpd:hover{
background: #FFB603 url(../images/carrito.png) no-repeat 5%;
color: #fff;
text-decoration: none;
}
.cont_resg_rap{
width: 90%;
background: #F6F6F6;
padding: 5%;
}
.new_proceso_pago .cont_recuperar_contrasena{
background: #f6f6f6!important;
}
.cont_resg_rap h2, .cont_recuperar_contrasena h2{
color: #007F44;
text-align: center;
margin: 0 0 5% 0;
padding: 0;
}
.new_proceso_pago ul li .cont_resg_rap .btn_nw_gneral, .new_proceso_pago ul li .cont_datos_clt .btn_nw_gneral, .new_proceso_pago ul li .cont_dt_envios .btn_nw_gneral{
width: 40%;
background: #0AB2BC;
padding: 2.8%;
margin: 5% auto 0 auto;
border: none;
color: #fff;
cursor: pointer;
display: block;
}
.new_proceso_pago ul li .cont_resg_rap .btn_nw_gneral:hover, .new_proceso_pago ul li .cont_datos_clt .btn_nw_gneral:hover .new_proceso_pago ul li .cont_dt_envios .btn_nw_gneral:hover{
background: #e2680d !important;
}
.new_proceso_pago ul li .cont_resg_rap .btn_nw_gneral:hover{
background: #e2680d !important;
}
.new_proceso_pago ul li .cont_resg_rap a{
color: #018FCB;
}
.new_proceso_pago ul li .cont_resg_rap a:hover{
color: #fdac03;
}
.cont_datos_clt{
width: 90%;
padding: 5%;
}
.cont_datos_clt label{
display: inline-block;
margin-top: 2%;
vertical-align: middle;
}
.cont_dt_envios{
width: 90%;
padding: 5%;
border-top: 1px #ccc solid;
}
.cont_dt_envios h2{
color: #007F44;
text-align: center;
margin: 0 0 5% 0;
padding: 0;
}
.cont_resumen{
width: 90%;
padding: 5% 5% 0 5%;
}
.cont_resumen .img_pdt{
width: 20%;
display: inline-block;
margin: 0 2% 2% 0;
vertical-align: top;
}
.cont_info_prodct{
width: 66%;
display: inline-block;
vertical-align: top;
}
.cont_info_prodct h2{
margin: 0;
color: #fdac03;
}
.cont_totales{
width: 100%;
margin: 3% 0;
padding: 0;
}
.cont_totales p{
margin:0;
padding-left:3%;
position: relative;
text-align: left;
}
.cont_totales p span{
position: absolute;
right: 3%;
color: #444;
}
.cont_totales .p_total{
margin: 5% 0;
}
.cont_totales .p_total label{
text-align: right;
margin-left: 29px;
display: inline-block;
}
.vl_tl{
background: #F6F6F6;
padding: 3% 0;
color: #007F44;
}
.vl_tl span{
color: #007F44!important;
}
.cont_codigos_prom{
width: 90%;
background: #f6f6f6;
margin: 5% 0;
padding: 5%;
}
.cont_codigos_prom .img_regalo{
display: inline-block;
width: 10%;
vertical-align: middle;
margin: 0 2% 4% 0;
}
.cont_codigos_prom h2{
display: inline-block;
width: 75%;
color: #007F44;
margin: 0 0 3% 0;
vertical-align: middle;
text-align: center;
}
.cont_codigos_prom .btn_nw_gneral{
width: 40%;
background: #126E73;
padding: 2.8%;
margin: 0 auto 5% auto;
border: none;
color: #fff;
cursor: pointer;
display: block;
}
.cont_codigos_prom .btn_nw_gneral:hover{
background: #0AB2BC;
}
.link_como_usar{
text-align: center;
display: block;
color: #333;
text-decoration: none;
}
.link_como_usar:hover{
color: #007F44;
text-decoration: underline;
}
.cont_formas_pago{
width: 90%;
padding:5%;
}
.cont_formas_pago h2{
display: inline-block;
width: 100%;
color: #007F44;
margin: 0 0 3% 0;
vertical-align: middle;
text-align: center;
}
.cont_rdbtn{
display: inline-block;
width: 24%;
margin: 4% 0 0 0;
}
.cont_formas_pago h6{
display: inline-block;
margin: 0;
text-align: left;
}
/*RADIO BUTTON ESTILO ESPECIAL*/
.cmn-toggle {
position: absolute;
margin-left: -9999px;
visibility: hidden;
}
.cmn-toggle + label {
display: block;
position: relative;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*RADIO BUTTON ESTILO ESPECIAL - ACTIVOS*/
input.cmn-toggle-round + label {
padding: 2px;
width: 30px;
height: 15px;
display: inline-block;
*display: inline-block;
vertical-align: middle;
margin-right: 3%;
background-color: #eee;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
display: block;
position: absolute;
top: 1px;
left: 1px;
bottom: 1px;
content: "";
}
input.cmn-toggle-round + label:before {
right: 1px;
border:1px solid #ccc;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;
}
input.cmn-toggle-round + label:after {
width: 14px;
background-color: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
-webkit-transition: margin 0.2s;
-moz-transition: margin 0.2s;
-o-transition: margin 0.2s;
transition: margin 0.2s;
}
input.cmn-toggle-round:checked + label:before {
background-color: #007F44;
}
input.cmn-toggle-round:checked + label:after {
margin-left: 18px;
}
.cont_formas_pago a{
color: #007F44;
margin-top: 2%;
vertical-align: middle;
display: inline-block;
}
.cont_formas_pago a:hover{
color: #fdac03;
}
.cont_formas_pago p{
margin-top: 3%;
line-height: 1.4em;
}
.cont_formas_pago .btn_pago_rpd{
width: 100%;
background: #FFA731 url(../images/carrito.png) no-repeat 5%;
background-size:20%;
padding: 4% 0;
text-align: center;
display: block;
margin: 8% 0 4% 0;
border: none;
color: #fff;
cursor: pointer;
text-decoration: none;
}
.cont_formas_pago .btn_pago_rpd:hover{
background: #FFB603 url(../images/carrito.png) no-repeat 5%;
background-size:20%;
color: #fff;
text-decoration: none;
}
.fm_porceso_2{
width: 66.6%;
display: inline-block;
position: relative;
}
.new_proceso_pago ul .msj_bloqueo{
width: 85%;
margin: 0 auto;
background: #f6f6f6;
color: #FFF;
padding: 4%;
border-radius: 10px;
}
.new_proceso_pago ul .msj_bloqueo:before{
content: "";
width: 0;
position: absolute;
border-style: solid;
border-width: 0 15px 20px 5px;
border-color: #f6f6f6 transparent #f6f6f6 transparent;
transform:rotate(180deg);
top: 10.5%;
}
.new_proceso_pago ul .msj_bloqueo h2{
text-align: center;
margin: 0;
padding: 0;
}
.new_proceso_pago ul .fm_porceso_2 li:nth-child(1){
width: 49.6%;
}
.new_proceso_pago ul .fm_porceso_2 li:nth-child(2){
width: 49.6%;
}
.new_proceso_pago ul .fm_porceso_2 li:nth-child(1) .cont_tit{
background:#007F44;
}
.new_proceso_pago ul .fm_porceso_2 li:nth-child(2) .cont_tit{
background:#fdac03;
}
.cont_ciudades{
width: 96%;
padding: 2%;
display: inline-block;
}
.cont_ciudades p{
margin-bottom: 1%;
}
.cont_ciudades #item_total_texto_lg{
width: 47%;
display: inline-block;
vertical-align: middle;
}
.cont_ciudades #item_total_valor_lg{
width: 47%;
display: inline-block;
vertical-align: middle;
text-align: right;
}
.cont_codigos_prom .camp_requerido{
color: #E23030;
margin: 0% auto 4% auto!important;
}
.cont_codigos_prom .camp_requerido .a_aqui{
color: #fdac03;
}
.cont_codigos_prom .camp_requerido .a_aqui:hover{
color: #CCC;
}
.cont_info_bono{
width: 100%;
display: inline-block;
margin: 0;
padding: 0;
}
.cont_info_bono img{
width: 60%;
margin: 0 auto 4% auto;
display: block;
}
.cont_info_bono .saldo_displ{
text-align: center;
margin: 0 0 3% 0;
}
.cont_info_bono .valor_bono_disp{
text-align: center;
color: #007F44;
display: block;
}
.cont_info_bono .precio_dct input[type="text"]{
width: 75%;
display: block;
margin: 2% auto 3% auto!important;
}
.cont_info_bono input[type="button"]{
width: 75%!important;
display: block;
margin: 0 auto 3% auto!important;
}
.cont_info_bono #p_mensajes{
color: red;
margin-bottom: 10px;
text-align: center;
}
.cont_info_bono .total{
background: #F6F6F6;
padding: 3% 0;
position: relative;
width: 95%;
display: block;
margin: 0 auto;
text-align: center;
}
.cont_info_bono .total .p_total{
color: #007F44;
}
.cont_info_bono .total .p_total span{
position: absolute;
right: 3%;
}
.msj_gracias{
display: block;
width: 85%;
margin: 0 auto;
text-align: center;
background: rgba(0, 143, 203, 0.2);
border: 1px solid rgba(18,80,139,0.2);
padding: 3%;
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
color: #fdac03;
}
.msj_gracias span{
display: block;
margin-top: 4%;
}
.banner_pago{
width: 100%;
display: inline-block;
margin: 6% auto;
}
.banner_pago img{
width: 350px;
display: block;
margin: 0 auto;
}
.cont_datos_clt .btn_nw_gneral{
margin: 1% 0 4% 0!important;
text-align: center!important;
}
.cont_datos_clt .btn_nw_gneral:hover{
background: #126e73 !important;
}
.tipo_color{
}
.tipo_color h2{
}
.tipo_color ul{
}
.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: #B7D34B !important;
}
.pelu .pelucas{
}
.pelu .pelucas li{
display: inline-block;
}
.pelu .pelucas li:hover{
display: inline-block;
}
.pelu .pelucas li label div{
border: 1px white solid !important;
float: none !important;
display: inline-block;
width: 50px;
height: 50px;
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{
}
.pelu_tam p{
color: #B7D34B !important;
}
.pelu_tam .pelucas_tamanos li{
display: inline-block;
padding: 4% 2% 4% 2%;
border: solid 1px #DEDEDE;
width: 10%;
text-align: center;
margin: 0% 1.1% 4% 0%;
cursor: pointer;
}
.pelu_tam .pelucas_tamanos li:hover{
border: solid 1px #000000;
background: #DEDEDE;
}
.pelu .pelucas .color_activo label div {
background: url("../images/selecionado.png") no-repeat 55% 56%;
background-size: 91%;
border: 1px #000 solid !important;
}
.pelu_tam .pelucas_tamanos .tamanos_activo {
border: solid 1px #000000 !important;
background: #DEDEDE !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
==================================================================================================*/