/* ------------------------------------------------- 

[0] ESTILOS BASE
---------------------------------
[1] CONTENEDORES
---------------------------------
[2] TÍTULOS Y TEXTOS
---------------------------------
[3] ENLACES Y BOTONES
---------------------------------
[4] FORMULARIOS
---------------------------------
[5] HEADER + NAV
---------------------------------
[6] SLIDER + CALL TO ACTION
---------------------------------
[7] COLECCIONES
---------------------------------
[8] NOTICIAS
---------------------------------
[9] CALL TO ACTION
---------------------------------
[10] LIGHTBOX
---------------------------------
[11] TIENDA
a. Menu y header
b. breadcrumbs
c. índice Producto
d. menú categorías + acordeon
e. zoom thumb producto
f. producto ampliado
g. carrusel productos
h. carrito
---------------------------------
[00] FOOTER
---------------------------------


------------------------------------------------- */



/* [0] ESTILOS BASE */
/* -------------------------------------------------  */
*{
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.subcategorias {
    display: flex;
    width: 100%;
    background-color: #f0f0f0; /* Fondo gris */
}

.subcategoria {
    flex: 1;
    padding: 15px;
    border: none;
    background-color: #d0d0d0; /* Fondo gris más claro */
    cursor: pointer;
    margin-right:2px;
}

.subcategoria:hover {
    background-color: #c0c0c0; /* Cambia el fondo al pasar el mouse */
}


.filtros{
	width:100%;
	padding-bottom:10px;
	display:block;
	padding-top:10px;
}

.botonAzul2 {
background:#000;
color:#fff;
height:28px;
padding-left:15px;
padding-right:15px;
}


.textoDestacado, .highlighted {
    background: #e8e7e7;
    padding: 15px;
    border: 1px solid #999;
    border-radius: opx;
    margin-top: 15px;
    margin-bottom: 15px;
}

.responsiveContent {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.2%;
  margin-bottom: 20px;
}
.responsiveContent iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body{
	margin: 0;
	padding: 0;
	background:#FFF;
	overflow-x:hidden;

	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;

	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #110c06;

}
.noScroll{
	overflow-y: hidden;
}
section,nav,article,aside,hgroup,header,footer{
	display:block
}

.wrapPage ul,.wrapPage ol, .wrapPage li{
 list-style: none;
}

.wrapPages ul, .wrapPages ol {
  list-style: initial; 
  margin-left: 10px !important;
  padding: 0;
}

.wrapPages li {
list-style: initial; 
  margin: 10px !important;
  padding: 0;
}



table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
.cleaner{
	clear: both;
	visibility:hidden;
	font-size:0;
	height:0;
	display:block;
}
.setLeft{
	float:left !important;
}
.setRight{
	float:right  !important;
}
.textLeft{
	text-align:left !important;
}
.textRight{
	text-align:right !important;
}
.textCenter{
	text-align:center !important;
}
.textJustify{
	text-align:justify !important;
}
.elementoLinea{
	display:inline-block;
	vertical-align: middle;
}
.elementoBlock{
	display:block;
}
.separaBottom{
	padding-bottom: 5px;
	border-bottom: 1px dotted #d8d3ce;
}

.separaRight{
	padding-bottom: 5px;
	border-right: 1px dotted #d8d3ce;
}

.btRotate{
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
}
.btRotate90{
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);
}

.bordeInferior{
	border-bottom: 4px solid #110c06;
	margin-bottom: 10px;
}

.hideCell{

}

.hideWeb{
		display: none;
}
.paddingLista{
	padding-top: 10px;
	padding-bottom: 10px;
}



/* [1] CONTENEDORES */
/* -------------------------------------------------  */
.columna1-1{
	width: 100%;
	padding-left:1%;
	padding-right:1%;
}
.columna1-4{
	width: 25%;
	float: left;
	padding-left:1%;
	padding-right:1%;
}
.columna1-4-Menu{
	width: 25%;
	float: left;
	padding-left:1%;
	padding-right:1%;
}
.columna3-4{
	width: 75%;
	float: left;
	padding-left:1%;
	padding-right:1%;
}
.columna1-3{
	width: 33.3333%;
	float: left;
	padding-left:1%;
	padding-right:1%;
}
.columna2-3{
	width: 66.6666%;
	float: left;
	padding-left:1%;
	padding-right:1%;
}
.columna1-2{
	width: 50%;
	float: left;
	padding-left:1%;
	padding-right:1%;*/
}
.columna1-2Central{
	width: 50%;
	margin: auto;
	padding-left:1%;
	padding-right:1%;
}
.wrapPage{
	width:80%;
	max-width: 1500px;
	margin: 0 auto;
}

.wrapPages{
	width:80%;
	max-width: 1500px;
	margin: 0 auto;
}
.image100{
	width: 100%;
	height: auto;
	display: block;
}
.paddingSection{
	padding-top: 40px;
	padding-bottom: 40px;
}




/* [2] TÍTULOS Y TEXTOS */
/* -------------------------------------------------  */
p{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #110c06;
	text-align: left;
	margin-bottom: 5px;
}
.parrafoBlanco{
	color: #FFF;
}

.tituloCalltoAction{
	font-family: 'Lato', sans-serif;
	color: #FFF;
	font-weight: 700;
	font-size: 40px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 5px;
}
.subtituloCalltoAction{
	font-family: 'Lato', sans-serif;
	color: #FFF;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 5px;
}
.tituloTienda{
	font-family: 'Lato', sans-serif;
	color: #FFF;
	font-weight: 700;
	font-size: 34px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.tituloSeccionLight{
	font-family: 'Lato', sans-serif;
	color: #FFF;
	font-weight: 700;
	font-size: 28px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 5px;
}
.tituloSeccionDark{
	font-family: 'Lato', sans-serif;
	color: #110c06;
	font-weight: 700;
	font-size: 28px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 5px;
}
.tituloContenidoDark{
	font-family: 'Lato', sans-serif;
	color: #110c06;
	font-weight: 700;
	font-size: 17px;
	text-decoration: none;
	margin-bottom: 5px;
}
.tituloContenidoLight{
	font-family: 'Lato', sans-serif;
	color: #FFF;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	margin-bottom: 5px;
}
.tituloMenuProductos{
	font-family: 'Lato', sans-serif;
	color: #110c06;
	font-weight: 700;
	font-size: 23px;
	text-decoration: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #110c06;
	text-transform: uppercase;
}


/* [3] ENLACES Y BOTONES */
/* -------------------------------------------------  */

.enlaceTop{
	font-family: 'Lato', sans-serif;
	color: #333333;
	font-weight: 700;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;

	transition: all linear 0.4s;
}
.enlaceTop:hover{
	color: #007bb2;
}

.enlacePrincipal{
	font-family: 'Lato', sans-serif;
	color: #FFF;
	font-weight: 700;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-right:15px;
	margin-left: 15px;
	border-bottom: 2px solid rgba(255,255,255,0);
	cursor: pointer;

	transition: all linear 0.4s;
}
.enlacePrincipal:hover{
	border-bottom: 2px solid rgba(255,255,255,1);
}

.enlace{
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #110c06;
	cursor: pointer;

	transition: all linear 0.4s;
}
.enlace:hover{
	color: #007bb2;
}
.enlaceBlanco{
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #FFF;
	cursor: pointer;
	transition: all linear 0.4s;
}
.enlaceBlanco:hover{
	color: #d7d7d785;
}
.enlaceAzul{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #007bb2;
	cursor: pointer;
	transition: all linear 0.4s;
}
.enlaceAzul:hover{
	color: #000;
}


.enlacePlus::before{
	font-family: FontAwesome;
	content: "\f055";
	font-weight: 400;
	margin-right: 10px;
	color: #110c06;
}

.enlaceVideo::before{
	font-family: FontAwesome;
	content: "\f1c8";
	font-weight: 400;
	margin-right: 10px;
	color: #110c06;
}
.enlaceTexto::before{
	font-family: FontAwesome;
	content: "\f0f6";
	font-weight: 400;
	margin-right: 10px;
	color: #110c06;
}
.enlaceCorreo::before{
	font-family: FontAwesome;
	content: "\f003";
	font-weight: 400;
	margin-right: 10px;
	color: #110c06;
}
.enlaceTienda::before{
	font-family: FontAwesome;
	content: "\f192";
	font-weight: 400;
	margin-right: 10px;
	color: #110c06;
}
.enlaceEditar{
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #01587f;
}
.enlaceEditar::before{
	font-family: FontAwesome;
	content: "\f044";
	font-weight: 400;
	margin-right: 3px;
	color: #01587f;
	/*color: #01587f;*/
}
.enlaceEditar:hover{
	color: #110c06;
}
.enlaceEditar::before:hover{
	color: #110c06;
}
.enlaceAcordeon{
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #110c06;
	display: block;
	margin: 20px 0 0 0;

}
.enlaceAcordeon::before{
	font-family: FontAwesome;
	content: "\f078";
	font-weight: 400;
	margin-right: 10px;
	color: #110c06;
}
.enlacePlus:hover::before, .enlaceVideo:hover::before, .enlaceTexto:hover::before, .enlaceCorreo:hover::before, .enlaceTienda:hover::before{
	color: #007bb2;
}
.botonAzul{
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
background: #110c06;
	padding: 8px 12px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 2px;
	cursor: pointer;
	transition: all linear 0.4s;
}
.botonRojo{
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
	background: #b2002e;
	padding: 8px 12px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 2px;
	cursor: pointer;
	transition: all linear 0.4s;
}


.botonGris{
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
	background: #808080;
	padding: 8px 12px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 2px;
	cursor: pointer;
	transition: all linear 0.4s;
}
.botonAzul:hover, .botonRojo:hover{
background: #110c06;
}
.btSlider{
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-size: 60px;
	font-weight: 400;
	color: #FFF;
	transition: all linear 0.4s;
}
.btSlider:hover{
	color: #110c06;
}


/* [4] FORMULARIOS */
/* --------------------------------- */
label{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #110c06;
	text-align: left;
	display: block;
	margin-top: 5px;
}
label span, label i{
	color: #ffffff;
}
.inputForm{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #110c06;
	border: 1px solid #110c06;
	width: 100%;
	height: 35px;
	margin-bottom: 10px;
	margin-top: 5px;
	display: block;
}
.inputForm30{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #110c06;
	border: 1px solid #110c06;
	width: 28%;
	margin-right: 2%;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 35px;
	float: left;
	display: block;
}
.inputForm70{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #110c06;
	border: 1px solid #110c06;
	width: 70%;
	height: 35px;
	margin-bottom: 10px;
	margin-top: 5px;
	float: left;
	display: block;
}
textarea{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #110c06;
	border: 1px solid #110c06;
	width: 100%;
	height: 216px;
	margin-bottom: 10px;
	margin-top: 5px;
	display: block;
}

/* [5] HEADER + NAV */
/* --------------------------------- */
#headerTop{

}
#wrapLogo{
	float: left;
	width: 20%;
}
#wrapLogo img{
	width: 100%;
	display: block;
	height: auto;
}
#wrapMenuHeaderTop{
	float: right;
	text-align: right;
	height: 70px;
	width: 80%;
}
.wrapBotonTop{
	height: 70px;
	padding: 30px 1% 0 1%;
	border-left: 1px solid #ffffff;

}
#wrapBtIdioma{
	display: inline-block;
	vertical-align: top;
	padding: 20px 1% 0 1%;
}
#wrapBtUsuario{
	display: inline-block;
	vertical-align: top;
}
#wrapBtRegistro{
	display: inline-block;
	vertical-align: top;
}
#wrapBienvenido{
	display: none;
}
#wrapBtCarrito{
	display: inline-block;
	vertical-align: middle;
}
#wrapBuscador{
	display: inline-block;
	vertical-align: top;
	padding: 20px 1% 0 1%;
}
#wrapBuscador input{
	width: 79%;
	height: 30px;
}




/* ****** */
.listaIdiomas{
	display: inline-block;
	vertical-align: top;
	height: 30px;
	text-align: center;
	overflow: hidden;
	position: relative;
	background: #FFF;
}
.botonesIdiomas{

}
.btDespliegaIdiomas{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	color: #333333;
	padding: 7px 10px 10px 10px;
}
.btDespliegaIdiomas:hover{
	color: #007bb2;
}
.idioma{
	padding: 7px;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #333333;
	text-decoration: none;
}
.idioma:hover{
	background: #007bb2;
	color: #FFF;
}
/* ****** */
.menuTop{
	background: #110c06;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	
}
.menuPrincipal{
	display: block;
}
.menuPrincipal li{
	display: inline-block;
}
/* **** */
.btViewMenu{
	background: #110c06;
	text-align: center;
	font-size: 40px;
	color: #FFF;
	cursor: pointer;
	padding: 5px 0;
	display: none;
}
.btViewMenu:hover{
	color: #000;
}
/* ****** submenu tienda ***** */
.subMenuTienda{
	background: #110c06;
	width: 100%;
	height: 1px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	top: -5000px;
	left: 0;
	text-align: left;
	opacity: 0;
	border: none;
	margin-top: -6px;
}

.subMenuTienda2{
	background: #110c06;
	width: 100%;
	height: 1px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	top: -5000px;
	left: 0;
	text-align: left;
	opacity: 0;
	border: none;
	margin-top: -6px;
}

.subMenuTiendaShow{
	padding: 10px 0;
	height: auto;
	left: 0;
	opacity: 1;
	border-bottom: 2px solid #000;
}
.catSubTienda{
	margin-top: 0px;
}
.catSubTienda *{
	text-align: left !important;
	display: block;
	margin: 5px 0;
}

.catSubTienda2 *{
	text-align: left !important;
	display: block;
	margin: 5px 0;
}


.catSubTienda2{
display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: flex-start;
    align-content: flex-start;

}
.catSubTiendaItem{
    flex: 1;
    padding: 10px;
    margin: 3px 1%;
    min-width: 18%;
    max-width: 18%;


    text-decoration: none;
    
    display: block;
    border-bottom: 1px solid #333;
    
}


/* [6] SLIDER + CALL TO ACTION */
/* --------------------------------- */
.slickSlider{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.slider{
	width: 100%;
	height: auto;
	position: relative;
	border-bottom: 3px solid #fff;
}
.wrapImgSlider img{
	width: 100%;
	height: auto;
	display: block;
}
.wrapTxtSlider{
	position: absolute;
	width: 80%;
	text-align: center;
	left: 50%;
	margin-left: -40%;
	top: 30%;
	z-index: 1;
}


.btPrev{
	position: absolute;
	z-index: 9000;
	top: 50%;
	margin-top: -15px;
	left: 5px;
	cursor: pointer;

}
.btNext{
	position: absolute;
	z-index: 9000;
	top: 50%;
	margin-top: -15px;
	right: 5px;
	cursor: pointer;
}
.slick-dots li button:before
{
    color: #ccc !important;
}
.slick-dots li.slick-active button:before
{
    color: #000 !important;
}

/* [7] COLECCIONES */
/* --------------------------------- */
.wrapColecciones{
	border-bottom: 2px solid #fff;
}
.coleccion{
	cursor: pointer;
	position: relative;
	height: 66.5%;
	overflow: hidden;
}
.enlaceColeccion{
	position: absolute;
	width: 70%;
	height: 66.5%;
	text-align: center;
	left: 50%;
	top:15%;
	margin-left: -35%;
	padding: 15% 1%;
	border: 3px solid #FFF;
	z-index: 1;
	background: rgba(2,20,28,0.0);
	transition: all linear 0.4s;
}
.thumbColeccionHide{
	opacity: 0;
	position: absolute;
	transition: all linear 0.4s;
}
.thumbColeccion{
	width: 100%;
	overflow:hidden;
}
.thumbColeccion img{
	width: 100%;
	height: auto;
	display: block;
}
.coleccion:hover .enlaceColeccion{
	background: rgba(2,20,28,0.3);
}
.coleccion:hover .thumbColeccionHide{
	opacity: 1;
}



/* [8] NOTICIAS */
/* --------------------------------- */

.sliderNoticias{
}
.wrapNoticias{
	padding-top: 40px;
	padding-bottom: 40px;
}
.wrapNoticiaIndex{
	margin: 0 15px;
}
.wrapThumbNoticiaIndex{

}
.wrapThumbNoticiaIndex img{
	width: 100%;
	height: auto;
	display: block;
}
.wrapTxtNoticiaIndex{
	padding-top: 15px;
	padding-bottom: 10px;
}

/* ***** */
.wrapImagenesIndiceNoticias{
	margin: 10px 0;
	padding-bottom: 10px;
}
.wrapImagenesIndiceNoticias img{
	width: 48%;
	max-width: 263px;
	margin: 10px 1%;
	display: block;
	float: left;
}




/* [9] CALL TO ACTION */
/* --------------------------------- */

.calltoAction{
}




/* [10] LIGHTBOX */
/* --------------------------------- */
#lightbox{
	background: rgba(17,12,6,0.9);
	width: 100%;
	height: 0;
	position: absolute;
	z-index: 200000;
}
.heightLight{
	height: 100% !important;
}
.wrapLightbox{
	background: #fff;
	padding: 50px 10px 15px 10px;
	border-radius: 4px;
	position: absolute;
	top:-2000px;
	left: 50%;
	width: 40%;
	margin-left: -20%;
	z-index: 200001;
}
.wrapContenidoLight{
	margin: 20px 0;
}
.loginLight{

}
.videoLight{

}
.btCloseLight{
	position: absolute;
	top:10px;
	right: 10px;
	font-size: 28px;
	color: #110c06;
	cursor: pointer;
	transition: all linear 0.4s;
}
.btCloseLight:hover{
	color:#007bb2;

}



/* [11] TIENDA */
/* --------------------------------- */

/* a. Menu y header */
.wraptituloTienda{
	float: left;
	width: 40%;
}
.wraptituloTienda *{
	text-align: left;
}
.wrapMenuTienda{
	float: right;
	padding-top: 10px;
	width: 60%;
}
.wrapMenuTienda *{
	text-align: right;
}

/* b. breadcrumbs */

.breadcrumb{
	margin-bottom: 10px;
	text-align: left;
}

.breadcrumb li{
	display: inline;
}
.breadcrumb li::after{
	font-family: FontAwesome;
	content: "\f105";
	font-weight: 400;
	margin-right: 10px;
	margin-left: 10px;
	color: #d8d3ce;
}
.breadcrumb a{
	color: #d8d3ce;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
}
.active::after{
	content: none !important;
}
.active a{
	color: #110c06;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}
.breadcrumb a:hover{
	color: #007bb2;
}

/* c. índice Producto */
.wrapProducto{
	margin: 0 15px;
}
.productoIndice{
	margin-top: 15px;
	margin-bottom: 15px;
}
.productoIndice *{
	margin-bottom: 5px;
}
.wrapThumbProductoIndice{
	width: 100%;
	height: 55%;
	overflow: hidden;	
}
.wrapThumbProductoIndice img{
	width: 110%;
	height: auto;
	display: block;
	 height: 338px;
    display: block;
    object-fit: cover;
}
/* d. menú categorías + acordeon */

#navCategorias{

}
.menucategorias{
}
.submenuCategoria{
	border-left: 1px solid #d8d3ce;
	width: 90%;
	margin-left: 10%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.wrapAcordeon{
	margin-bottom: 20px;
}
.contenedorInfoAcordeon{
	border: 1px solid #110c06;
}
.headAcordeon, .headAcordeonMenu{
	cursor: pointer;
}
.infoAcordeon{
	display:none;
}

.tituloAcordeonCheckout{
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color:  #110c06;
	background:  #FFF;
	text-align: left;
	height: 36px;
	padding-top:5px;
	padding-bottom: 5px;
}
.tituloAcordeonCheckout::before{
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 18px;
	margin-right: 1%;
	margin-left: 1%;
}
.tituloAcordeonCheckoutActivo{
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	background:  #110c06;
	text-align: left;
	height: 36px;
	padding-top:5px;
	padding-bottom: 5px;
}
.tituloAcordeonCheckoutActivo::before{
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
    content: "\f106";
    font-family: "FontAwesome";
    font-size: 18px;
	margin-right: 1%;
	margin-left: 1%;
}



.enlaceCategoria-1{
	display: block;
	height: 40px;
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: #110c06;
	line-height: 40px;
	border-bottom: 1px dotted #d8d3ce;
	
	transition: all linear 0.2s;
	
}
.enlaceCategoria-1:hover{
	color: #FFF;
	background: #110c06;
	padding-left: 3%;
}
.labelToggleOn{
	color: #FFF;
	background: #110c06;
	padding-left: 3%;
}

.labelToggleOff::after{
    content: "\f196";
    padding-top: 11px;
    position: absolute;
    right: 12px;
    top: -10px;
    font-family: "FontAwesome";
    font-size: 14px;
	font-weight: 400;
}
.labelToggleOn::after{
    content: "\f147";
    padding-top: 11px;
    position: absolute;
    right: 12px;
    top: -10px;
    font-family: "FontAwesome";
    font-size: 14px;
	font-weight: 400;
}

.enlaceCategoria-2{
	display: block;
	height: 40px;
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: #110c06;
	line-height: 40px;
	padding-left: 3%;
	padding-right: 1%;
	
	transition: all linear 0.2s;
}
.enlaceCategoria-2:hover{
	color: #3fbaeb;
}

.viewCategorias{
	text-align: center;
	padding: 10px 13px;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	background: #000;
	cursor: pointer;
	margin: 0 auto 10px auto;
	position: fixed;
	z-index: 10;
	top:60px;
	right: 0;
	display: none;
}

.viewCategorias:hover{
	background: #007bb2;
}
#lightboxMenu{
	background: rgba(17,12,6,0.9);
	width: 100%;
	height: 0;
	position: fixed;
	z-index: 200000;
}

/* e. zoom thumb producto */
.zoome{
	width: 100%;
	position: relative;
}
.zoome img{
	width: 100%;
	height: auto;
	display: block;
}
.thumbsProducto li{
	display: inline-block;
	border: 1px solid #000;
	width: 18%;
	margin: 10px 1%;
	cursor: pointer;
	transition: all linear 0.4s;
}
.thumbsProducto li:hover{
	border: 1px solid #007bb2;
}
.thumbsProducto li img{
	width: 100%;
	height: auto;
	display: block;
}

/* f. producto ampliado */
/* g. carrusel productos */
/* h. carrito */
table{
	margin: 20px 0;
	width: 100%;
}
table, th, td, tr{
	border: 1px solid #d8d3ce;
}
.tablaCarrito th{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	background: #110c06;
	padding: 10px 2%;
}
.tablaCarrito td{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #110c06;
	text-align: left;
	background: #FFF;
	padding: 10px 2%;
}
.productoCell{
	width: 45%;
}
.wrapThumbCarrito{
	border: 1px solid #007bb2;
	width: 30%;
	margin-right: 2%;
}
.wrapThumbCarrito img{
	width: 100%;
	height: auto;
	display: block;
}
.importeDestacadoAzul{
	font-weight: 700;
color: #007bb2;
}


/* [00] FOOTER */
/* --------------------------------- */
footer{
	padding-top: 40px;

}
.logoFooter{
	width: 327px;
	display: block;
	margin: 20px auto;
}
.tarjetasFooter{
	width: 160px;
	display: block;
	margin: 20px auto;
}
.wrapInfoFooter{
background: #110c06;
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 2px solid #fff;

}
.wrapInfoFooter *{
	text-align: center;
}
.precioIndice{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	color: #110c06;
}




/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */


@media (min-width: 768px) {
    
	 .soloCell2 {
      display: none !important; 
 }

	.soloWeb{
		display:block !important;
	}
  }

 @media (max-width: 767px) {
    .soloCell2 {
      display: block !important; 
    }
	
	.soloWeb {
		display:none !important;
	}
  }
	 

@media screen and (max-width:1500px) {
	
	
	/* [0] ESTILOS BASE */
	/* -------------------------------------------------  */

	/* [1] CONTENEDORES */
	/* -------------------------------------------------  */

	/* [2] TÍTULOS Y TEXTOS */
	/* -------------------------------------------------  */

	/* [3] ENLACES Y BOTONES */
	/* -------------------------------------------------  */

	.enlaceTop{
		font-size: 12px;
	}

	/* [4] FORMULARIOS */
	/* --------------------------------- */


	/* [5] HEADER + NAV */
	/* --------------------------------- */

	#wrapLogo{
		width: 25%;
	}
	#wrapMenuHeaderTop{
		width: 75%;
	}

	.idioma{
		padding: 8px;
		font-size: 14px;
	}

	/* [6] SLIDER + CALL TO ACTION */
	/* --------------------------------- */

	/* [7] COLECCIONES */
	/* --------------------------------- */
	.enlaceColeccion{
		width: 80%;
		margin-left: -40%;
		padding: 10% 1%;
	}

	/* [8] NOTICIAS */
	/* --------------------------------- */


	/* [9] CALL TO ACTION */
	/* --------------------------------- */

	/* [10] LIGHTBOX */
	/* --------------------------------- */
	.wrapLightbox{
		width: 50%;
		margin-left: -25%;
	}

	/* [11] TIENDA */
	/* --------------------------------- */

	/* a. Menu y header */
	/* b. breadcrumbs */
	/* c. índice Producto */
	/* e. zoom thumb producto */


	/* [00] FOOTER */
	/* --------------------------------- */
}

/* ******************************************************************************************* */
/* ******************************************************************************************* */

@media screen and (max-width:1200px) {

	/* [0] ESTILOS BASE */
	/* -------------------------------------------------  */

	/* [1] CONTENEDORES */
	/* -------------------------------------------------  */

	.wrapPage{
		width:90%;
		max-width: 1500px;
		margin: 0 auto;
	}

.wrapPages{
		width:90%;
		max-width: 1500px;
		margin: 0 auto;
	}
	.columna1-4-Menu{
		width: 30%;
		float: left;
		padding-left:1%;
		padding-right:1%;
	}
	.columna3-4{
		width: 70%;
		float: left;
		padding-left:1%;
		padding-right:1%;
	}

	/* [2] TÍTULOS Y TEXTOS */
	/* -------------------------------------------------  */
	p{
		font-size: 12px;
	}

	.tituloCalltoAction{
		font-size: 25px;
	}
	.subtituloCalltoAction{
		font-size: 16px;
	}
	.tituloTienda{
		font-size: 30px;
	}
	.tituloSeccionLight{
		font-size: 20px;
	}
	.tituloSeccionDark{
		font-size: 20px;
	}
	.tituloContenidoDark{
		font-size: 15px;
	}
	.tituloContenidoLight{
		font-size: 15px;
	}
	.tituloMenuProductos{
		font-size: 18px;
	}



	/* [3] ENLACES Y BOTONES */
	/* -------------------------------------------------  */

	.enlaceTop{
		font-size: 11px;
	}
	.enlace{
		font-size: 12px;
	}
	.enlaceBlanco{
		font-size: 12px;
	}
	.enlaceEditar{
		font-size: 12px;
	}
	.enlaceAcordeon{
		font-size: 14px;
	}

	.botonAzul{
		font-size: 14px;
	}
	.botonRojo{
		font-size: 14px;
	}

	.btSlider{
		font-size: 45px;
	}



	/* [4] FORMULARIOS */
	/* --------------------------------- */
	label{
		font-size: 12px;
	}
	.inputForm{
		font-size: 12px;
		height: 30px;
	}
	.inputForm30{
		font-size: 12px;
		height: 30px;
	}
	.inputForm70{
		font-size: 12px;
		height: 30px;
	}
	textarea{
		font-size: 12px;
	}

	/* [5] HEADER + NAV */
	/* --------------------------------- */

	#wrapLogo{
		width: 30%;
	}
	#wrapMenuHeaderTop{
		width: 70%;
	}
	.wrapBotonTop{
		padding: 25px 1% 0 1%;
	}

	/* [6] SLIDER + CALL TO ACTION */
	/* --------------------------------- */


	/* [7] COLECCIONES */
	/* --------------------------------- */

	.enlaceColeccion{
		width: 80%;
		margin-left: -40%;
		padding: 10% 1%;
	}

	/* [8] NOTICIAS */
	/* --------------------------------- */

	/* [9] CALL TO ACTION */
	/* --------------------------------- */

	.calltoAction{
	}

	/* [10] LIGHTBOX */
	/* --------------------------------- */
	.wrapLightbox{
		width: 70%;
		margin-left: -35%;
	}


	/* [11] TIENDA */
	/* --------------------------------- */

	/* a. Menu y header */
	/* b. breadcrumbs */
	/* c. índice Producto */
	/* e. zoom thumb producto */
	/* f. producto ampliado */
	/* g. carrusel productos */
	/* h. carrito */


	/* [00] FOOTER */
	/* --------------------------------- */
	footer{
		padding-top: 20px;
	}
	.wrapInfoFooter{
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 10%;
		padding-right: 10%;
	}
}

/* ******************************************************************************************* */
/* ******************************************************************************************* */

@media screen and (max-width:900px) {
	/* [0] ESTILOS BASE */
	/* -------------------------------------------------  */
	.hideCell{
		display: none;
	}
	
	.hideWeb{
		display: block;
}

	/* [1] CONTENEDORES */
	/* -------------------------------------------------  */
	.columna1-4-Menu{
		width: 100%;
		float: none;
		padding-left:1%;
		padding-right:1%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.columna3-4{
		width: 100%;
		float: none;
		padding-left:1%;
		padding-right:1%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.columna1-4{
		width: 50%;
		float: left;
		padding-left:1%;
		padding-right:1%;
	}

	.wrapPage{
		width:100%;
		padding-left:1%;
		padding-right:1%;
	}

.wrapPages{
		width:100%;
		padding-left:1%;
		padding-right:1%;
	}
	/* [2] TÍTULOS Y TEXTOS */
	/* -------------------------------------------------  */



	/* [3] ENLACES Y BOTONES */
	/* -------------------------------------------------  */


 

	.enlaceTop{
		font-size: 18px;
	}
	.enlacePrincipal{
		font-size: 12px;
		margin-right:8px;
		margin-left: 8px;
	}

	/* [4] FORMULARIOS */
	/* --------------------------------- */


	/* [5] HEADER + NAV */
	/* --------------------------------- */
	#wrapLogo{
		float: none;
		width: 50%;
		margin: 20px auto;
	}
	#wrapMenuHeaderTop{
		float: none;
		text-align: center;
		height: 50px;
		width: 100%;
		margin: 10px auto;
	}
	.wrapBotonTop{
		height: 50px;
		padding: 15px 2% 0 2%;
		border-left: 1px solid #ffffff;

	}
	#wrapBtIdioma{
		display: inline-block;
		vertical-align: top;
		padding: 10px 1% 0 1%;
		border-left: none;
	}
	#wrapBtUsuario{

	}
	#wrapBtRegistro{

	}
	#wrapBienvenido{

	}
	#wrapBtCarrito{

	}
	#wrapBuscador{
		padding: 10px 1% 0 1%;
	}

	/* ****** */
	.listaIdiomas{
		display: block;
		height: auto;
		text-align: center;
		overflow: visible;
		position: static;
		background: #FFF;
	}
	.btDespliegaIdiomas{
		display: none;
	}
	.idioma{
		padding: 7px;
		display:inline-flex;
	}

	/* ****** */
	.menuTop{
		text-align: center;
	}


	/* [6] SLIDER + CALL TO ACTION */
	/* --------------------------------- */
	.slider{
		width: 100%;
		height: auto;

	}
	.slider{
		width: 100%;
		height: auto;
		position: relative;
		border-bottom: 3px solid #ffffff;
	}
	.wrapImgSlider{
		width: 100%;
		height: auto;
		display: block;
	}
	.wrapImgSlider img{
		width: 100%;
		height: auto;
		display: block;
	}
	.wrapTxtSlider{
		position: absolute;
		width: 100%;
		height: auto;
		text-align: center;
		left:0;
		top: auto;
		bottom: 0;
		margin-left: 0;
		padding: 10px 1%;
		z-index: 1;
		background: none;
	}

	/* *********** */
	.calltoAction{
		width: 100%;
		height: auto;
		position: relative;
	}
	.sliderCall li{
		width: 100%;
		height: auto;
		position: relative;
		z-index: 0;
		background: #ccc;
	}
	.sliderInterior li{
		width: 100%;
		height: auto;
		position: relative;
		z-index: 0;
		background: #ccc;
	}



	/* [7] COLECCIONES */
	/* --------------------------------- */
	.coleccion{
		margin-bottom: 20px;
	}

	/* [8] NOTICIAS */
	/* --------------------------------- */


	/* [9] CALL TO ACTION */
	/* --------------------------------- */

	.calltoAction{
	}

	/* [10] LIGHTBOX */
	/* --------------------------------- */
	.wrapLightbox{
		left: 5%;
		width: 90%;
		margin-left:0;
	}


	/* [11] TIENDA */
	/* --------------------------------- */

	/* a. Menu y header */
	/* b. breadcrumbs */
	/* c. índice Producto */
	/* e. zoom thumb producto */
	/* f. producto ampliado */
/* g. carrusel productos */
/* h. carrito */


	/* [00] FOOTER */
	/* --------------------------------- */
	footer{
		padding-top: 40px;

	}
	.logoFooter{
		width: 200px;
	}


}

/* ******************************************************************************************* */
/* ******************************************************************************************* */

@media screen and (max-width:600px) {

	/* [0] ESTILOS BASE */
	/* -------------------------------------------------  */
	.hideCell{
		display: none;
	}
	
	.hideWeb{
		display: block;
}

	/* [1] CONTENEDORES */
	/* -------------------------------------------------  */

	.columna1-1{
		width: 100%;
		padding-left:1%;
		padding-right:1%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.columna1-4{
		width: 100%;
		float: none;
		padding-left:1%;
		padding-right:1%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.columna1-3{
		width: 100%;
		float: none;
		padding-left:1%;
		padding-right:1%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.columna2-3{
		width: 100%;
		float: none;
		padding-left:1%;
		padding-right:1%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.columna1-2{
		width: 100%;
		float: none;
		padding-left:1%;
		padding-right:1%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.columna1-2Central{
		width: 100%;
		float: none;
		padding-left:1%;
		padding-right:1%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.wrapPage{
		width:100%;
		padding-left:1%;
		padding-right:1%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

.wrapPages{
		width:100%;
		padding-left:1%;
		padding-right:1%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.image100{
		width: 100%;
		height: auto;
		display: block;
	}
	.paddingSection{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	/* [2] TÍTULOS Y TEXTOS */
	/* -------------------------------------------------  */
	
	.tituloMenuProductos{
		color: #FFF;
		border-bottom: 2px solid #FFF;
		margin: 20px auto 20px auto;
	}
	
	.btSlider{
		font-size: 45px;
	}

	.tituloCalltoAction{
		font-size: 18px;

   	}
	
.subtituloCalltoAction{
		font-size: 12px;
 

//		display: none;
   
	}


	.wrapTxtSlider{
		position: absolute;
		width: 100%;
		height: auto;
		text-align: center;
		left:0;
		top: 10px;
		bottom: 0;
		margin-left: 0;
		padding: 10px 1%;
		z-index: 1;
		background: none;
	}


	/* [3] ENLACES Y BOTONES */
	/* -------------------------------------------------  */

	.enlaceTop{
		font-size: 15px;
	}
	.enlacePrincipal{
		display: block;
		font-size: 14px;
		padding: 15px 0;
		margin-right:0;
		margin-left: 0;
		border-bottom: 1px solid rgba(255,255,255,0.5);
		cursor: pointer;
		transition: all linear 0.4s;
	}
	.enlacePrincipal:hover{
		background: #000;
		border-bottom: 1px solid rgba(255,255,255,0.5);
	}
	
	.btSlider{
//		display: none;
	}
	
	/* [4] FORMULARIOS */
	/* --------------------------------- */


	/* [5] HEADER + NAV */
	/* --------------------------------- */
					
	#wrapMenuHeaderTop{
		float: none;
		text-align: center;
		height: auto;
		width: 100%;
		margin: 10px auto;
	}
	#wrapLogo{
		float: none;
		width: 80%;
		margin: 10px auto;
	}
	#wrapBuscador{
		display: block;
		width: 80%;
		margin: 0 auto;
		padding: 20px 1% 0 1%;
		border-left: none;
	}
	#wrapBuscador input{
		border:1px solid #110c06;
		border-radius: 4px;
	}
	/* ****** */
	.menuTop{
		background: #110c06;
		text-align: center;
		padding-top: 0;
		padding-bottom: 0;

	}
	.menuPrincipal{
		display: none;
	}
	.menuPrincipal li{
		display: block;
	}
	.btViewMenu{
		display: block;
	}

	/* [6] SLIDER */
	/* --------------------------------- */

	/* [7] COLECCIONES */
	/* --------------------------------- */
	.wrapColecciones{
		border-bottom: 2px solid #ffffff;
	}
	.coleccion{
		cursor: pointer;
		position: relative;
		height: 66.5%;
		overflow: hidden;
	}
	.enlaceColeccion{
		position: absolute;
		width: 70%;
		height: 66.5%;
		text-align: center;
		left: 50%;
		top:15%;
		margin-left: -35%;
		padding: 15% 1%;
		border: 3px solid #FFF;
		z-index: 1;
		background: rgba(2,20,28,0.0);
		transition: all linear 0.4s;
	}
	.thumbColeccionHide{
		opacity: 0;
		position: absolute;
		transition: all linear 0.4s;
	}
	.thumbColeccion{
		width: 100%;
		overflow:hidden;
	}
	.thumbColeccion img{
		width: 100%;
		height: auto;
		display: block;
	}
	.coleccion:hover .enlaceColeccion{
		background: rgba(2,20,28,0.3);
	}
	.coleccion:hover .thumbColeccionHide{
		opacity: 1;
	}

	/* [8] NOTICIAS */
	/* --------------------------------- */


	/* [9] CALL TO ACTION */
	/* --------------------------------- */

	.calltoAction{
	}

	/* [10] LIGHTBOX */
	/* --------------------------------- */
	.wrapLightbox{
		left: 1%;
		width: 98%;
		margin-left:0;
	}

	/* [11] TIENDA */
	/* --------------------------------- */

	/* a. Menu y header */
	.wraptituloTienda{
		float: none;
		width: 100%;
	}
	.wraptituloTienda *{
		text-align: center;
	}
	.wrapMenuTienda{
		float: none;
		padding-top: 10px;
		width: 100%;
	}
	.wrapMenuTienda *{
		text-align: center;
	}
	/* b. breadcrumbs */
	.breadcrumb{
		margin-bottom: 10px;
	}
	/* c. índice Producto */
	.productoIndice{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.productoIndice *{
		margin-bottom: 5px;
	}
	.wrapThumbProductoIndice{
		float: left;
		margin-right: 2%;
		width: 50%;
		height: 28%;
		overflow: hidden;	
	}
	.wrapThumbProductoIndice img{
		width: 110%;
		height: auto;
		display: block;
	}
	.wrapInfoProductoIndice{
		float: left;
		width: 48%;
	}
	/* d. menú categorías + acordeon */


	.menucategorias{
		background: rgba(17,12,6,0.9);
		width: 270px;
		padding: 0 1%;
		height: 100%;
		position: fixed;
		z-index: 200002;
		top: 0;
		left: -270px;
		overflow-y: auto;
	}

	.enlaceCategoria-1{
		font-size: 14px;
		color: #FFF;
		height: 40px;
	}
	.enlaceCategoria-1:hover{
		color: #FFF;
		background: #000;
		padding-left: 3%;
	}
	.labelToggleOn{
		color: #FFF;
		background: #000;
		padding-left: 3%;
	}

	.enlaceCategoria-2{
		font-size: 12px;
		color: #FFF;
		height: 40px;
	}
	.enlaceCategoria-2:hover{
		color: #110c06;
	}

	.viewCategorias{
		display: block;
	}
	
	/* e. zoom thumb producto */
	/* f. producto ampliado */
/* g. carrusel productos */
/* h. carrito */

	/* [00] FOOTER */
	/* --------------------------------- */
	footer{
		padding-top: 40px;

	}
	.logoFooter{
		width: 200px;
	}


}


/* ******************************************************************************************* */
/* ******************************************************************************************* */

@media screen and (max-width:420px) {

	/* [0] ESTILOS BASE */
	/* -------------------------------------------------  */

	/* [1] CONTENEDORES */
	/* -------------------------------------------------  */

	/* [2] TÍTULOS Y TEXTOS */
	/* -------------------------------------------------  */


	/* [3] ENLACES Y BOTONES */
	/* -------------------------------------------------  */

	/* [4] FORMULARIOS */
	/* --------------------------------- */

	/* [5] HEADER + NAV */
	/* --------------------------------- */
					
	/* [6] SLIDER */
	/* --------------------------------- */



	/* [7] COLECCIONES */
	/* --------------------------------- */

	/* [8] NOTICIAS */
	/* --------------------------------- */

	/* [9] CALL TO ACTION */
	/* --------------------------------- */

	/* [10] LIGHTBOX */
	/* --------------------------------- */

	/* [11] TIENDA */
	/* --------------------------------- */

	/* c. índice Producto */
	.productoIndice{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.productoIndice *{
		margin-bottom: 5px;
	}
	.wrapThumbProductoIndice{
		float: none;
		margin:0 1% 10px 1%;
		width: 98%;
		height: auto;	
	}
	.wrapThumbProductoIndice img{
		width: 100%;
		height: auto;
		display: block;
	}
	.wrapInfoProductoIndice{
		float: none;
		width: 100%;
	}
	/* d. menú categorías + acordeon */

	/* [00] FOOTER */
	/* --------------------------------- */

}