@charset "UTF-8";

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	height: 100%;
	/* tipografía principal */
	font-size: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	/* color de fondo */
	background:URL("images/pattern-white20.png") #FFB800;
}
.logo {
	border: 0;
	width: 100%;
	}
	
.ok {
	border: 0;
	width: 200px;
	}
	
	.loading {
	border: 0;
	width: 32px;
	float:right;
	}
		
		
.texto {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	
	 font-size: 1.2em;
	}	
	
.desarrollador {
text-decoration:none;
color:#fff;	
}

.desarrollador:hover {

color:#FBB800;	
}


.right{
float:right;
}
.left{

float:left;
}


.icon2 {
border: 0;
width: 45px;
float:left;
margin-top:40px;
padding:2px;
}
	
#loading {
border: 0;
width: 24px;
}

.icon {
border: 0;
width: 30px;
float:left;
margin-top:-5px;
padding:2px;
}
	
	
	
#loading10 {
	border: 0;
	width: 24px;
	}

	
	img {
	border: 0;
	width: 100%;
	}
	
	
	
ul, li{
	list-style: none;
}


.leyenda {

	font-family: 'Lato', sans-serif;
	font-weight: 400;
	
	 font-size: 1.1em;
	}
	


h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
	
	text-align: left;
    border-bottom: 1px dotted #5f5f5f;
    padding-bottom: 10px;
    margin-bottom: 10px;
	
}

.labelTab{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 0.9em;
	color: #686868;
	padding: 6px 10px;
	border: 1px solid #686868;
	border-bottom: none;
	transition: all linear 0.2s;
	border-radius: 4px 4px 0 0;
	display: inline-block;
}
.labelTab:hover{
	color: #FFF;
	border: 1px solid #1f313e;
	border-bottom: none;
	background: #000c15;
	background: -webkit-linear-gradient(#1f313e, #000c15);
	background: -moz-linear-gradient(#1f313e, #000c15);
	background: -o-linear-gradient(#c1f313e, #000c15);
	background: linear-gradient(#1f313e, #000c15);
}
.labelTabActivo{
	border-radius: 4px 4px 0 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 0.9em;
	color: #FFF;
	padding: 6px 10px;
	border: 1px solid #cb1416;
	border-bottom: none;
	background: #cb1416;
	background: -webkit-linear-gradient(#cb1416, #a60807);
	background: -moz-linear-gradient(#cb1416, #a60807);
	background: -o-linear-gradient(#cb1416, #a60807);
	background: linear-gradient(#cb1416, #a60807);
	display: inline-block;
}

.botonComprar{
flex: 2;
	padding: 12px 12px;
	border:none;
	color: #313131;
	background: #FFB800;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 0.7em;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	transition: all linear 0.2s;
	
 background-color: #FFD65E; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD65E), to(#FEBF04));
 background-image: -webkit-linear-gradient(top, #FFD65E, #FEBF04);
 background-image: -moz-linear-gradient(top, #FFD65E, #FEBF04);
 background-image: -ms-linear-gradient(top, #FFD65E, #FEBF04);
 background-image: -o-linear-gradient(top, #FFD65E, #FEBF04);
 background-image: linear-gradient(to bottom, #FFD65E, #FEBF04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFD65E, endColorstr=#FEBF04);



}

.botonComprar:hover {
	color: #FFB800;
	background: #313131;
}

.botonRojo{
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 8px 11px;
	cursor: pointer;
	text-align: center;
	transition: all linear 0.2s;
	border:1px solid #a60807;
	border-radius: 4px;
	margin: 0 2px;
	background: #cb1416;
	background: -webkit-linear-gradient(#cb1416, #a60807);
	background: -moz-linear-gradient(#cb1416, #a60807);
	background: -o-linear-gradient(#cb1416, #a60807);
	background: linear-gradient(#cb1416, #a60807);

}
.botonRojo:hover{
	background: #ff1d20;
}
.wrapInfoTabs{
	width: 100%;
	border-top: 1px solid #686868;
	background: #FFF;
	padding: 10px;
	display:flow-root;
}


.formulario{
	margin: 20px 0;
}
.formulario h2{
	padding-bottom: 4px;
	border-bottom:1px solid #CCC;
	margin-bottom: 20px;
	font-weight: 400;
	
}


.wrapInfoTabs h2{
	padding-bottom: 4px;
	border-bottom:1px solid #CCC;
	margin-bottom: 20px;
		font-weight: 100;
	
}

label{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #000;
}
.labelTop{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #FFF;
}
.labelFiltro{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #000;
	display: block;
	padding: 4px 0;
	margin: 8px 0;
	width: 100%;
	border-bottom: 1px dotted #CCC;
}
.inputForm{
	border: 1px solid #5f5f5f;
	background: #FFF;
	box-shadow: 0 0 2px #CCC;
	box-shadow: inset 0 0 8px #c7c7c7;
	height: 26px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	border-radius: 3px;
	width: 100%;
	
	

 
}
.inputFormLogin{
	border: 1px solid #5f5f5f;
	background: #FFF;
	box-shadow: 0 0 2px #CCC;
	box-shadow: inset 0 0 8px #c7c7c7;
	height: 24px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	width: 20%;
	margin-right: 10px;
}
.inputFormBuscar{
	border: 1px solid #5f5f5f;
	background: #FFF;
	box-shadow: 0 0 2px #CCC;
	box-shadow: inset 0 0 8px #c7c7c7;
	height: 32px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	flex: 5;
	margin-right: 10px;
}




.rowForm{
	display: flex;
	margin-bottom: 10px;
}
.rowForm input.textfield, .rowForm select.textfield, .rowForm textarea, .rowForm div.wrapOptions{
	flex: 1;
	width: 70%;
}
.rowForm label{
	margin-right: 1em;
	width: 25%;
	padding: 5px;
}
.textfield{
	border: 1px solid #5f5f5f;
	background: #FFF;
	box-shadow: 0 0 2px #CCC;
	height: 28px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #000;
	border-radius: 3px;
	
	   box-shadow: 0 0 1px #CCC;
    box-shadow: inset 0 0 4px #c7c7c7;
font-weight: 400;
    color: #000;
    flex: 5;
	padding:2px;
}
textarea{
	border: 1px solid #5f5f5f;
	background: #FFF;
	box-shadow: 0 0 2px #CCC;
	height: 110px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #000;
	border-radius: 3px;
	width: 100%;
}
form em{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #cb1416;
	font-style: normal;
}
.wrapFormButtons{
	margin:15px 0;
	padding-top: 10px;
	border-top: 1px solid #CCC;
	display: flex-end;
	text-align:center;
}

.cleaner{
	clear: both;
	visibility:hidden;
	font-size:0;
	height:0;
	display:block;
}


.columna1-2{
	width: 49%;
	float: left;
}
.padding10{
	padding: 10px;
}

.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;
}
.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;
}
.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;
	box-shadow: 0 5px 10px rgba(0,0,0,.19);
}
.wrapContenidoLight {
    margin: 20px 0;
}

#lightboxMenu {
    background: rgba(17,12,6,0.9);
    width: 100%;
    height: 0;
    position: fixed;
    z-index: 200000;
}
.heightLight {
    height: 100% !important;
}

#lightbox {
    background:rgba(17,12,6,0.9);
    width: 100%;
    height: 0;
    position: absolute;
    z-index: 200000;
}



.tituloContenidoDark {
    font-family: 'Lato', sans-serif;
    color: #110c06;
    font-weight: 700;
    font-size: 17px;
    text-decoration: none;
    margin-bottom: 5px;
}

.wrapLightbo label {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #110c06;
    text-align: left;
    display: block;
    margin-top: 5px;
}

.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;
}


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

#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: 30px 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;

}


/*
1- Contenedores principales
-----------
2- Colores principales
-----------
3- Tipografìa principal
-----------
4- Menu Top 
-----------
5- Header
-----------
6- Menu principal - Categorías - Categorías Aside
-----------
7- Slider principal
-----------
8- Ventajas / index / producto ampliado
-----------
9- Carrusel destacados
-----------
10- Productos / carrusel / lista / cuadricula / producto ampliado
-----------
11- Thumbs categorias
-----------
12- Noticias
-----------
13- breadcrumbs
-----------
14- Opciones de visualización productos
-----------
15 - Filtro artículos
-----------
16 - Paginador
-----------
17 - Lightbox
-----------
18 - Tablas / Carrito / Revisar compra
-----------
19 - Formularios
-----------
20 - Noticias / Noticia ampliada
-----------
21 - Cuentas
-----------
22 - Quienes somos / ACORDEON /
-----------
23 - Footer
-----------
*/


/* 1- Contenedores principales */

.showCell{
	display: none;
}
.hideCell{
	display: block;
}


#contenedor-principal{
	background: white;
	padding: 0 20px 20px 20px;
}

.contenedor-internas{
	background:url("images/back-gradient.jpg") center 0 repeat-x;
	
padding: 10px 0 0 0;
border-top: 1px solid #000;


	
}

.contenedor-box{
	margin: 25px 0 15px 0;
	padding: 10px;
	border:1px solid #8D8D8D;
	border-radius: 10px;
	position: relative;
}

.wrap-columnas-row{
	width: 100%;
	display: flex;
	flex-flow: row nowrap; 
	align-items: flex-start;
	align-content: flex-start;
}
.wrap-columnas-column{
	width: 100%;
	display: flex;
	flex-flow: column; 
}

.columna-1{
	flex: 1;
}
.columna-2{
	flex: 2;
}
.columna-3{
	flex: 3;
}
.columna-4{
	flex: 4;
}
.columna-5{
	flex: 5;
}
.columna-6{
	flex: 6;
}
.columna-7{
	flex: 7;
}
.columna-8{
	flex: 8;
}
.columna-9{
	flex: 9;
}

.content{
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
}

#section{
	padding: 20px 0 20px 20px;
	width: calc(100% - 340px);
}

#sidebar{
	padding: 20px 0;
	display: flex;
	flex-flow: column;

	width:320px;
}



/* alineación de contenidos */
.contenido-left{
	justify-content: flex-start;
}
.contenido-right{
	justify-content: flex-end;
}
.contenido-center{
	justify-content: center;
}
.contenido-justificado{
	justify-content:space-around;
}

.items-strech{
	align-items: stretch;
}


.padding10{
	padding: 10px;
}
.padding20{
	padding: 20px;
}

.margin10{
	margin: 10px;
}
.margin20{
	margin: 20px;
}


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

/* 2- Colores principales */


:root {
	--uno: #FFB800;
	--dos: #313131;
	--tres: #FF0043;
	--cuatro: #520092;
	--cinco: #EFF2F5;
	--seis:#c45500;
	--siete:#808080;
}




	
.uno{
	color:#FFB800;
}
/* ------------------------------------------------------------- */

/* 3- Tipografìa principal */
p{
	font-size: 0.8em;
} 

h1{
	font-size: 2.2em;
} 
h2{
	font-size: 1.8em;
} 
h3{
	font-size: 1.6em;
}
h4{
	font-size: 1em;
}
h5{
	font-size: 1.2em;
}
h6{
	font-size: 1em;
}

.titulo-seccion-negro{
	width: 100%;
	background: url(images/pattern-grey50.png) #313131;
	border-radius: 10px 10px 0 0;
	border-bottom: 2px solid #FFB800;
	display: flex;
	flex-flow: row nowrap;
	align-content: center;
	align-items: center;
	padding: 10px 4px;
	font-weight: 400;
	color:white;
}
.titulo-seccion-negro i{
	color:#FFB800;
	margin-right: 5px;
}
.titulo-seccion-negro span{
	color:white;
}

.titulo-in-box{
	display: block;
	background: white;
	color:#313131;
	font-size: 0.9em;
	padding: 4px 6px;
	position: absolute;
	left: 20px;
	top: -15px;
}
.titulo-icono{
	display: flex;
	flex-flow: row nowrap;
	align-content: center;
	align-items: center;
	margin: 10px 0;
	padding: 5px 0;
	border-bottom:1px dotted #313131;
}
.titulo-icono i{
	color:#FFB800;
	margin-right: 10px;
}

.titulo-separador{
	margin: 10px 0;
	padding: 5px 0;
	border-bottom:1px dotted #FFB800;
}

a{
	color:#FF0043;
}
a:hover{
	color:#c45500;
}
.boton-big{
	border:none;
	border-radius: 5px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1em;
	background: Green;
	text-align: center;
	padding: 8px 8px;
	transition: all linear 0.2s;
	text-decoration: none;

	display:inline-flex;
	flex-flow: row nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;

	cursor: pointer;
}
.boton-big:hover{
	color: white;
	background: #FF0043;
}

.boton-big2 span{
	font-size: 0.8em;
	font-weight: 500;
}
.boton-big2{
	border:none;
	border-radius: 5px;
	color: #313131;
	text-transform: uppercase;
	font-size: 1.1em;
	background: #FFB800;
	text-align: center;
	padding: 8px 8px;
	transition: all linear 0.2s;
	text-decoration: none;

	display:inline-flex;
	flex-flow: row nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;

	cursor: pointer;
}
.boton-big2:hover{
	color: white;
	background: #FF0043;
}


.boton-big span{
	font-size: 0.8em;
	font-weight: 500;
}

.boton-small{
	border:none;
	border-radius: 5px;
	color: #313131;
	text-transform: uppercase;
	font-size: 0.85em;
	background: #FFB800;
	text-align: center;
	padding: 4px 8px;
	transition: all linear 0.2s;
	text-decoration: none;

	display:inline-flex;
	flex-flow: row nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;

	cursor: pointer;
}
.boton-small:hover{
	color: white;
	background: #FF0043;
}

.boton-small i{
	margin-right: 3px;	
}

.boton-small span{
	font-size: 0.8em;
	font-weight: 700;
}


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


/* 4- Menu Top   */
#menuTop{
	display: flex;
	flex-flow: row nowrap;
	background: url("images/pattern-white60.png") #EFF2F5;
	border-radius: 0 0 10px 10px;
	align-items:center;
}

#navegador-top{
	flex: 5;
	display: flex;
	flex-flow: row nowrap;
	align-items:center;
}

#navegador-tienda-top{
	background: #313131;
	border-radius: 0 0 10px 0;
	display: flex;
	flex-flow: row nowrap;
	align-items:center;
}

.btTop{
	font-size: 0.9em;
	text-decoration: none;
	color: #313131;
	transition: all linear 0.2s;
}
.btTop:hover{
	color: #313131;
	background: #FFB800;
}

.btTop span{
	border-right: 1px solid #313131;
	display: inline-block;
	padding: 6px 10px;
}

.btTop:nth-child(1){
	border-radius: 0 0 0 10px;
}

.btTop-Tienda{
	font-size: 0.9em;
	text-decoration: none;
	color: #FFB800;
	transition: all linear 0.2s;
	padding: 6px 10px;
	display: flex;
	flex-flow: row nowrap;
	align-items:center;
}
.btTop-Tienda *{
	margin: 0 2px;
	
}
.btTop-Tienda:hover{
	background: #FFB800;
	color: #313131;
}

.btTop-Tienda:nth-child(2){
	border-radius: 0px 0 10px 0px;
}


.activo {
	background: #FFB800;
	color: #313131;
}

.activo:hover {
	background: #FF0043;
	color: #EFF2F5;

}


.btTop-Tienda:nth-child(3){
	border-radius: 0 0 10px 0;
}

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



/* 5- Header */
#headerPage{
	display: flex;
	flex-flow: row nowrap;
	padding: 10px 0;
	align-items: center;
}

#contendor-logo{
	width: 330px;
	flex: 1;
}

#ver-menu-header{
	background: #FFB800;
	padding: 3px 4px;
	border-radius: 3px;
	cursor: pointer;
	position: absolute;
	left: 10px;
	top:25px;
	z-index: 10;
}
#ver-menu-header:hover{
	color: #FFB800;
	background: #313131;
}

#ver-menu-header i{
	font-size: 2em;
	text-decoration: none;
}

#ver-menu-header .close{
	display: none;
}
#contendor-buscardor-carrito{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	flex: 5;
	align-items: center;
}

#contenedor-buscador-top{
	margin-right: 10px;
}

#buscador-top{
	display: flex;
	flex-flow: row nowrap;
	align-items:stretch;
}

#buscador-top input{
	border:1px solid #FFB800;
	height: 40px;
	width: 600px;
	padding:10px;
}

#buscador-top button{
	border: none;
	background: #FFB800;
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 0 10px 10px 0;
}
#buscador-top button:hover{
	background: #313131;
	color:#FFB800;
}

#contenedor-carrito-top{
	display: flex;
	flex-flow: row nowrap;
	align-items:stretch;
}
#user-top{
	background: #FFB800;
	color: #313131;
	padding: 3px 4px;
	border-radius: 3px;
	cursor: pointer;
}
#user-top:hover{
	color: #FFB800;
	background: #313131;
}
#user-top i{
	font-size: 2em;
	text-decoration: none;

}

#carrito-top{
	display: flex;
	flex-flow: row nowrap;
	align-items:flex-start;
	margin-left: 15px;
	text-decoration: none;
	color: #313131;
}

#carrito-top i{
	font-size: 2.3em;
	text-decoration: none;
}
#carrito-top span{
	font-size: 0.75em;
	background: #FFB800;
	color: #313131;
	border-radius: 100%;
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 1.8em;
	margin-left: -8px;
	text-decoration: none;
}

#compra-top{
	display: flex;
	flex-flow: column;
	margin-left: 15px;
}

#compra-top span{
	font-weight: 700;
}
#compra-top a{
	font-size: 0.8em;
}

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

/* 6- Menu principal - Categorías - Categorías Aside */

#contenedor-menu-principal {
	border-radius: 10px 10px 0 0;
	background: #FFB800;
	border-bottom: 3px solid #313131;
	padding: 0 10px;
	position: relative;
}

#menu-principal{
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	align-items:stretch;
	justify-content:space-between;
	position: relative;
}


#menu-principal > li{

}

.show-menu-principal{
	left:0 !important;
	display: flex !important;
}

.bt-menu-principal:nth-child(1){
	line-height: 2em;
}

.bt-menu-principal{
	display: flex;
	flex-flow: row nowrap;
	align-items:center;

	text-decoration: none;
	text-transform: uppercase;
	color: #313131;
	font-weight: 600;

	padding: 7px;

	transition: all linear 0.2s;
}

.bt-menu-principal:hover{
	background: #313131;
	color: white;
}

.bt-menu-principal-activo{
	background: #313131 !important;
	color: white !important;
}

#ver-menu{
	background: #FFB800;
	color: #313131;
	font-size: 1em;

	display: none;
	flex-flow: row nowrap;
	align-items:center;
	padding: 8px;

	transition: all linear 0.2s;

	border-radius: 0 10px 0 0;

	cursor: pointer;

	z-index: 10;
}

#ver-menu:hover{
	background: #313131;
	color: #FFB800;
}

#ver-menu .close{
	display: none;
}

/* --- Sub categorias --- */

.contenedor-subcategorias-menu-principal{
	position: absolute;
	left: 0;
	top:48px;
	background: white;
	width: 100%;
	z-index: 10;
	border-bottom: 3px solid #FFB800;
	border-top: 3px solid #313131;
	padding: 10px;
	display: none;
	flex-flow: row wrap;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.view-contenedor-subcategorias-menu-principal{
	display: flex;
}
.contenedor-subcategorias-menu-principal > li{
	width: 20%;
	margin: 10px 2.5%;
}

.titulo-subcategoria{
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 700;
	text-decoration: none;
	color: #313131;
	display: block;
	padding: 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #FFB800;
}

.categorias-menu-principal{
	width: 100%;
}

.item-subcategoria{
	display: block;
	font-size: 0.95em;
	padding: 5px 0;
	margin-bottom: 5px;
	color: #313131;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

.item-subcategoria::before {
	color:#FFB800;
	content: "• ";
}

/* Categorías aside */
.contenedor-categoria-aside{
	margin-bottom: 4px;
}
.contenedor-categoria-aside ul{
	padding: 0 20px;
	margin: 10px 0 ;
}
.bt-menu-aside{
	display: flex;
	flex-flow: row nowrap;
	align-content: center;
	align-items: center;
	color: #313131;
	padding: 5px 2px;
	text-decoration: none;
	transition: all linear 0.2s;
	font-weight: 700;
	font-size: 1.1em;
	border-bottom: 1px dotted #313131;
}

.bt-menu-aside i{
	color: #FFB800;
	transform: rotate(270deg);
}

.bt-menu-aside:hover{
	color: #FFB800;
	background: #313131;
}
.bt-menu-aside:hover i{
	transform: rotate(0);
}
.bt-menu-aside:hover span{
	color: white;
}

.bt-menu-aside-activo{
	color: #FFB800 !important;
	background: #313131 !important;
}

.bt-menu-aside-activo i{
	transform: rotate(0) !important;
}
.bt-menu-aside-activo span{
	color: white !important;
}

.contenedor-subcategorias-aside{
	display: none;
}

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

/* 7- slider principal */
#contenedor-slider-principal{
	position: relative;
}

.item-slide-principal{
	width: 100%;
	position: relative;
}

.imagen-item-slide-principal{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.imagen-item-slide-principal *{
	height: auto;
	width: 100%;
}



.info-item-slide-principal{
	position: absolute;
	z-index: 1;
	width: 40%;
	left: 50%;
	margin-left: -20%;
	top:50%;
	margin-top: -70px;
	padding: 15px;
	background:url("images/pattern-white10.png") rgba(49,49,49,0.8);
	border-radius: 10px;
	text-align: center;

}

.info-item-slide-principal h4{
	text-transform: uppercase;
	color: white;
	text-align: center;
	margin-bottom: 15px;
}

.btPrev{
	position: absolute;
	left:3px;
	top:50%;
	z-index: 2;
	margin-top: -15px;
	cursor: pointer;
}

.btNext{
	position: absolute;
	right:3px;
	top:50%;
	z-index: 2;
	margin-top: -15px;
	cursor: pointer;
}


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


/* 8- Ventajas / index / producto ampliado */

#contenedor-ventajas{
	background: url(images/pattern-grey50.png) #313131;
	border-radius: 0 0 10px 10px;
	display: flex;
	flex-flow: row nowrap;
	justify-content:space-between;
	align-items:stretch;
}

.ventaja{
	color: #FFB800;
	display: flex;
	flex-flow: column;
	justify-content:center;
	align-items: center;
	text-align: center;

	border-right: 1px solid #000;

	padding: 10px 5px;
	flex: 1;
}
.ventaja *{
	margin-bottom: 5px;
}

.ventaja img{
	width: auto;
	height: 35px;
}
.ventaja:nth-child(6){
	border:none;
}



.ventaja-producto-ampliado{
	display: flex;
	flex-flow: column;
	justify-content:center;
	align-items: center;
	text-align: center;
	margin: 10px;
}

.ventaja-producto-ampliado *{
	margin-bottom: 5px;
}

.icono-ventaja-producto-ampliado{
	display: block;
	width: 60px;
	height: 60px;
	background: #313131;
	padding: 10px;
	border-radius: 50%;
}

.ventaja-producto-ampliado img{
	width: 100%;
	height: auto;
}

.ventaja-producto-ampliado span{
	font-size: 0.9em;
}

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


/* 9- Carrusel destacados */
#contenedor-carrusel-destacados{
	padding: 50px 0;
	position: relative;
}

#carrusel-destacados{
	padding: 0 30px;
	margin: 20px 0;
}

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


/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */


/* Carrusel ---------- */
.thumb-producto-carrusel{
	border:1px solid #CCC;
	width: 100%;
	height: 172px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	overflow: hidden;
	position: relative;
	display: block;
	transition: all linear 0.2s;
}

.thumb-producto-carrusel img{
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
}

.over-thumb-producto{
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: all linear 0.2s;
}
.ico-thumb-producto{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
	z-index: 2;
	color: #FFB800;
	opacity: 0;
	transition: all linear 0.2s;
}
.ico-thumb-producto i{
	font-size: 2em;
}

.thumb-producto-carrusel:hover .over-thumb-producto{
	opacity: 1;
}

.thumb-producto-carrusel:hover .ico-thumb-producto{
	opacity: 1;
}


.nombre-producto{
	color:#313131;
	padding: 6px 0;
	border-bottom: 1px dotted #EDEDED;
	font-weight: 400;
	
	font-weight: 400 !important;
	font-style: normal !important;
	
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	transition: all linear 0.2s;	
	height:'auto';
}

.codigo-producto{
	font-size: 0.8em;
	color:#FF0043;
	display: inline-block;
	margin: 6px 0;
}

.stock-producto{
	display: inline-block;
	margin: 6px;
	padding: 4px 7px;
	color: white;
	border-radius: 5px;
	background: #11AC00;
}

.no-stock-producto{
	display: inline-block;
	margin: 6px;
	padding: 4px 7px;
	color: white;
	border-radius: 5px;
	background: #FF0043;
	vertical-align: middle;
}

.precio-anterior-producto{
	font-size: 1em;
	color:#8D8D8D;
	font-weight: 700;
	margin: 6px 0;
	text-decoration: line-through;
}

.precio-producto{
	font-size: 1.2em;
	color:#FF0043;
	font-weight: 700;
	margin: 6px 0;
	
}


.codigo{
	font-size: 12px;
	color:#c45500;

	
}

.contenedor-agregar-producto-cuadricula{

}

.agregar-producto-cuadricula{
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
}

.agregar-producto-cuadricula input{

	border:1px solid #313131;
	height: 30px;
	width: 30px;
	text-align: center;
}

.agregar-producto-cuadricula button{
	flex: 2;
	padding: 5px 5px;
	border:none;
	color: #313131;
	background: #FFB800;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 0.7em;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	transition: all linear 0.2s;
	
 background-color: #FFD65E; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD65E), to(#FEBF04));
 background-image: -webkit-linear-gradient(top, #FFD65E, #FEBF04);
 background-image: -moz-linear-gradient(top, #FFD65E, #FEBF04);
 background-image: -ms-linear-gradient(top, #FFD65E, #FEBF04);
 background-image: -o-linear-gradient(top, #FFD65E, #FEBF04);
 background-image: linear-gradient(to bottom, #FFD65E, #FEBF04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFD65E, endColorstr=#FEBF04);
}

.agregar-producto-cuadricula button:hover{
	color: #FFB800;
	background: #313131;
}


/* Cuadricula ---------- */
.producto-cuadricula{
	margin: 10px 10px;
	padding: 5px;
	border: 1px solid  #EDEDED;
	border-radius: 5px;

}

#contenedor-productos-cuadricula{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	
}

#contenedor-productos-cuadricula > div.producto-cuadricula{
	width: 23%;
	margin: 10px 1% 20px 1%;
}


.thumb-producto-cuadricula{
	border:1px solid #808080;
	width: 100%;
	height: calc(700px / 4);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	overflow: hidden;
	position: relative;
	display: block;
	transition: all linear 0.2s;
}

.thumb-producto-cuadricula img{
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
}


.thumb-producto-cuadricula:hover .over-thumb-producto{
	opacity: 1;
}

.thumb-producto-cuadricula:hover .ico-thumb-producto{
	opacity: 1;
}



/* Lista ---------- */
#contenedor-productos-lista{
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
}

.producto-lista{
	display: flex;
	flex-flow: row nowrap;
	justify-content:space-between;
	margin: 15px 0;
	background: #F1F1F1;
	border-bottom: 1px solid #CCC;
	padding: 10px;
}

.contenedor-thumb-producto-lista{
	width: 80px;
	flex: 1;
	padding: 10px;
}

.contenedor-nombre-producto-lista{
	flex: 4;
	padding: 10px;
}

.contenedor-info-producto-lista{
	flex: 2;
	display: flex;
	flex-flow: column;
	padding: 10px;
	border-left:#313131;
}

.thumb-producto-lista{
	width: 100%;
	height: auto;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	overflow: hidden;
	position: relative;
	display: block;
	transition: all linear 0.2s;
}

.thumb-producto-lista img{
	border:1px solid #313131;
	position: static;
}


.thumb-producto-lista:hover .over-thumb-producto{
	opacity: 1;
}

.thumb-producto-lista:hover .ico-thumb-producto{
	opacity: 1;
}

.agregar-producto-lista{
	display:inline-flex;
	flex-flow: row nowrap;
	align-items: stretch;
	align-content: stretch;
}


.agregar-producto-lista input{

	border:1px solid #313131;
	width: 30px;
	text-align: center;
}

.agregar-producto-lista button{

	border:none;
	color: #313131;
	background: #FFB800;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 0.7em;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	transition: all linear 0.2s;
	padding: 5px 10px;
	
	 background-color: #FFD65E; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD65E), to(#FEBF04));
 background-image: -webkit-linear-gradient(top, #FFD65E, #FEBF04);
 background-image: -moz-linear-gradient(top, #FFD65E, #FEBF04);
 background-image: -ms-linear-gradient(top, #FFD65E, #FEBF04);
 background-image: -o-linear-gradient(top, #FFD65E, #FEBF04);
 background-image: linear-gradient(to bottom, #FFD65E, #FEBF04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFD65E, endColorstr=#FEBF04);

}

.agregar-producto-lista button:hover{
	color: #FFB800;
	background: #313131;
}




/* Producto ampliado ---------- */
#wrap-columnas-producto-ampliado{
	display: flex;
	flex-flow: row nowrap;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: space-between;
}

#columna-galeria-producto{
	padding: 30px 20px 0 0;
	width: 550px;

}

#columna-informacion-producto{
	width: calc(100%-350px);
	padding: 30px 0 0 0;
}

#galeria-producto{
	border:1px solid #313131;
}
#contenedor-thumbs-galeria-producto{
	position: relative;
	padding: 10px 20px;

}
#thumbs-galeria-producto{
	width: 100%;

}
#thumbs-galeria-producto img{
	display: block;
	margin: 0 5px;
	cursor: pointer;
	transition: all linear 0.2s;
	border:1px solid #FFB800;
}
#thumbs-galeria-producto img:hover{
	border:5px solid #FFB800;
}

#contenedor-precio-ampliado > .precio-producto{
	font-size: 200%;
}

.descripcion-producto-ampliado{
	margin: 10px 0;
	padding: 15px 0;
	border-top:1px dotted #FFB800;
	border-bottom:1px dotted #FFB800;
}

#contenedor-stock-codigo{
	display:inline-flex;
	flex-flow: row nowrap;
	align-content: center;
	align-items: center;

}




#lista-selectores-caracteristicas-producto-ampliado{
	display: flex;
	flex-flow: row wrap;
}



#lista-selectores-caracteristicas-producto-ampliado label{
	font-size: 0.9em;
}

.selector-caracteristicas-producto-ampliado{
	display:inline-flex;
	flex-flow: column;
	justify-content: flex-start;
	margin: 10px; 
}

#agregar-producto-ampliado{
	display:inline-flex;
	flex-flow: row nowrap;
	align-items: stretch;
	margin: 20px 0;
}


#agregar-producto-ampliado input{
	border:1px solid #313131;
	height: 50px;
	width: 50px;
	text-align: center;
}

#agregar-producto-ampliado button{
	border:none;
	color: #313131;
	background: #FFB800;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 0.7em;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	transition: all linear 0.2s;
	padding: 0 10px;
}

#agregar-producto-ampliado button:hover{
	color: #FFB800;
	background: #313131;
}

#ventajas-producto-ampliado{
	margin: 20px 0;
	display: flex;
	flex-flow: row nowrap;
	align-items:flex-start;
	align-content:flex-start;
	justify-content: flex-start;
}


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

/* 11- Thumbs categorias */
#contenedor-entradas-categorias{
}

#entradas-categorias{
	background: url("images/pattern-grey50.png") #EFF2F5;
	padding: 20px;
	border-radius: 0 0 10px 10px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: space-between;
	align-items: flex-start;
}

.entrada-categoria{
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-content: center;
	text-align: center;
	width: 15%;
	margin: 15px 0.8%;
	text-decoration: none;
}

.thumb-entrada-categoria{
	border:1px solid #313131;
	width: 100%;
	height: calc(1150px / 6);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	overflow: hidden;
	position: relative;
	display: block;
	transition: all linear 0.2s;
}

.thumb-entrada-categoria img{
	height: 100%;
	width: auto;
	position: absolute;
	left: 0;
	z-index: 0;
}

.entrada-categoria:hover .over-thumb-producto{
	opacity: 1;
}

.entrada-categoria:hover .ico-thumb-producto{
	opacity: 1;
}

.entrada-categoria h5{
	padding: 10px 0;
	border-radius: 0 0 5px 5px;
	background: url("images/pattern-white20.png") #FF0043;
	color:white;
	text-decoration: none;
	transition: all linear 0.2s;
}

.entrada-categoria:hover h5{
	background: url("images/pattern-white20.png") #FFB800;
	color:#313131;
}

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

/* 12- Noticias */
#contenedor-fila-noticias{
	margin:80px 0 40px 0;
	position: relative;
}


#fila-noticias{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	margin: 20px 0 40px 0;
	padding: 20px 0;
	justify-content: center;
	align-content: flex-start;
}
#fila-noticias-carrusel{
	width: 100%;
	margin: 20px 0 40px 0;
	padding: 20px 30px;
}

.noticia-fila{
	width: 22%;
	margin: 0 1.5% 20px 1.5%;
}
.noticia-fila-carrusel{
	margin: 0 10px 20px 10px;
}

.thumb-noticia{
	width: 100%;
	border:1px solid #313131;
	overflow: hidden;
	position: relative;
	display: block;
	
}

.thumb-noticia img{
	width: 100%;
	position: static;
	left: 0;
}

.noticia-fila h5, .noticia-fila-carrusel h5{
	margin: 10px 0;
	padding: 5px 0;
	font-weight: 400;
	border-bottom: 1px dotted #313131;
}

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


/* 13- breadcrumbs */

#bread-crumbs{
	width:100%;
	text-align: left;
	padding: 10px 5px;
	margin: 10px 0;
	border-bottom: 1px solid #313131;

	}
#bread-crumbs a, .posicion-pasada{
	text-decoration: none;
	font-style: normal;
	color:#313131;

	
}
#bread-crumbs a::after, .posicion-pasada::after {
	color:#FFB800;
	content: " » ";
}
#bread-crumbs a:last-child, .posicion-actual{
	text-decoration: none;
	font-style: normal;
	color:#FF0043;
}

#bread-crumbs a:last-child::after, .posicion-actual::after{
	content:none;
}

#bread-crumbs a:hover{
	color: #FFB800;
}

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

/* 14- Opciones de visualización productos */
#opciones-visualizacion{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-content: center;
	margin-bottom: 15px;
	float:right;
	margin-top:-60px;
}


#opciones-visualizacion select{
	
	float:right;
	margin-top: 5px;
	margin-right:15px;
	width:150px;
	
}

#opciones-visualizacion span{
	
	float:right;
	margin-top: 5px;
	padding:10px;
	
	
}

.btVisualizacion i{
	text-decoration: none;
	color: #FFB800;
	display: inline-block;
	font-size: 2em;
	padding:5px;
}

.btVisualizacion:hover i{
	color: #FF0043;
}

#bt-ver-filtros{
	display: none;
}

#bt-ver-filtros .close{
	display: none;
}

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

/* 15 - Filtro artículos */
.contenedor-filtro-articulos{
	margin-bottom: 25px;
}
.contenedor-filtro-articulos a{
	color: #313131;
}

.contenedor-filtro-articulos a:hover{
	color: #c45500;
}


.contenedor-filtro-articulos h6{
	margin: 0 0 15px 0;
}

.contenedor-filtro-articulos label.label-check{
	border-bottom: 1px dotted #313131;
	margin-bottom: 10px;
}

.titulo-filtro-aside{
	width: 100%;
	background: url(images/pattern-grey50.png) #313131;
	border-radius: 10px 10px 0 0;
	border-bottom: 2px solid #FFB800;
	display: flex;
	flex-flow: row nowrap;
	padding: 10px 4px;
	font-weight: 400;
	color:white;
}
.titulo-filtro-aside i{
	color:#FFB800;
	margin-right: 5px;
}
.titulo-filtro-aside span{
	color:white;
}

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


/* 16 - Paginador */
.paginador{
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	margin:25px 0;
	text-align: center;
	border-radius: 2px;
}
.paginador a{
	display: inline-block;
	padding: 4px 6px;
	background: #313131;
	color: white;
	text-decoration: none;
	border-radius: 1px;
	margin: 0 4px;
	font-size: 1em;
}

.paginador span{
	display: inline-block;
	padding: 4px 6px;
	background: #FF0043;
	color: white;
	text-decoration: none;
	border-radius: 1px;
	margin: 0 4px;
	font-size: 1em;
}

.itemPaginadorActivo:hover , .paginador a:hover{
	background: #FFB800;
	color: #313131;
}


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

/* 17 - Lightbox */
#lightbox{
	width: 100%;
	background: rgba(0,0,0,0.7);
	position: fixed;
	z-index: 5;
	top: 0;
	left: 0;
}
.showLightbox{
	height: 100%;
}
.bodyLightbox{
	overflow: hidden;
}

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

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

/* 18 - Tablas / Carrito / Revisar compra */
#contenedor-datos-compra{
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	justify-content: flex-start;
}
.dato-compra{
	background: #313131;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	color: white;
	padding: 5px 10px;
	border-radius: 5px;
	margin: 5px 15px 5px 0;
}
.dato-compra > *{
	margin: 0 5px;
}
.cantidad-producto{
	display: flex;
	flex-flow: row nowrap;
	text-align: left;
	align-items: stretch;
	justify-content: space-between;
	border:1px solid #BEBEBE;
	border-radius: 5px;
	overflow: hidden;
	width: 70px;
	
}
.cantidad-producto input{
	border:none;
	text-align: center;
	height: 30px;
	width: 25px;
}
.cantidad-producto button{
	border:none;
	background: #BEBEBE;
	color: white;
	text-align: center;
	cursor: pointer;
	padding: 0;
	width: 22px;
}
.cantidad-producto button:hover{
	background: #313131;
	color: #FFB800;
}

/* ***** */
.tabla-producto{
	border:1px solid #313131;
	width: 100%;
	margin: 20px 0;
	border-radius: 10px 10px 0 0;
	overflow: hidden;

}

.tabla-producto thead{
	background: #313131;
	color: white;
}
.tabla-producto thead th{
	padding: 15px 0;
	border-right: 1px solid white;
	font-weight: 400;
}
.tabla-producto thead th:nth-last-child(1){
	border-right: none;
}
.tabla-producto tbody td{
	padding: 7px 4px;
	border-right: 1px solid #313131;
	border-bottom: 1px solid #313131;
	font-weight: 400;
	text-align: center;
}

.tabla-producto tbody td:nth-last-child(1){
	border-right: none;
}
.producto-tabla{
	display: flex;
	flex-flow: row nowrap;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
}
.producto-tabla img{
	border: 1px solid #313131;
	width: 70px;
	margin-right: 3px;
}
.producto-tabla h6{
	text-align: left;
}

.tabla-producto tfoot{
	background: #313131;
	color: white;
}

.tabla-producto tfoot td{
	padding: 7px 4px;
	border-right: 1px solid white;
	font-weight: 400;
}

.tabla-producto tfoot td:nth-last-child(1){
	border-right: none;
}

.tabla-producto tfoot td.total-producto-tabla{
	text-align: center;
}



/* Carrito */
#contenedor-producto-carro{

}

.producto-carro{
	display: flex;
	flex-flow: row nowrap;
	align-items:stretch;
	background: #F1F1F1;
	margin: 0 0 10px 0;
}

.thumb-producto-carro{
	width: 100px;
	margin-right: 0;
	padding: 10px;
}

.info-producto-carro{
	width: calc(100% - 100px);
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: 10px;
}

.nombre-producto-carro{
	padding: 10px;
	flex: 3;
}

.cantidad-producto-carro{
	padding: 10px;
	border-right: 1px solid #FFB800;
	border-left: 1px solid #FFB800;
	flex: 1;
}

.precio-producto-carro{
	padding: 10px;
	border-right: 1px solid #FFB800;
	flex: 1;
}

.delete-producto-carro{
	padding: 10px;
	border-right: 1px solid #FFB800;
	flex: 1;
	text-align: center;
}

.precio-producto-carros{
	display: blockinline-block;
	padding: 5px 10px;
	color: #000;
	margin: 15px 0;
	right:0px;
	flex:1;
	text-align:right;
}






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


/* 19 - Formularios */

.field{
	display: block;
	width: 100%;
	height: 32px;
	border:1px solid #313131;
	background: white;
	margin: 2px 0 10px 0;
	border-radius:5px;
	box-shadow: 2px 2px 5px #CCC;
	border-left: 5px solid #313131;
	padding-left: 10px;
}

.text-area{
	display: block;
	width: 100%;
	height: 100px;
	border:1px solid #313131;
	background: white;
	margin: 2px 0 10px 0;
	border-radius:5px;
	box-shadow: 2px 2px 5px #CCC;
	border-left: 5px solid #313131;
	padding-left: 10px;
}


label{
	display: inline-block;
}

.label-check{
	display: block;
	width: 100%;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	padding: 5px 0;
}

.label-check50{
	display: block;
	width: 60%;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	padding: 10px 0;
	padding: 15px 10px;

border: solid #ccc 1px;
text-align: left;
border-radius: 5px;
background-color: #F0F0F0;
height: 50px;
margin-bottom:5px;	
font-size: 0.9em;

	font-weight: 400;
}


.acti { 
font-weight: bold; 
background-color: #FFEFC4;
border-left: 5px solid #000;
}


.label-check50:hover{

background-color: #FFFFCC;

}

.label-check input{
	margin-right: 5px;
}

form button.boton-big{
	margin: 10px 0 10px 0;
}

.legales{
	font-size: 0.8em;
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.legales i{
	color:#FFB800;
	margin-right: 5px;
}


#formulario-recuperacion{
	display: none;
}

.columnas-form{
	display: flex;
	flex-flow: row wrap;
}

.contenedor-boton-derecha{
	
	align-items: center;
	padding: 10px 0;
	margin: 20px 0 40px;
	border-top:1px dotted #313131;
    height: 60px;
}
.contenedor-boton-derecha *{
	margin-right: 5px;
}


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

/* 20 - Noticias / Noticia ampliada */
.contenido-informacion{
	padding: 20px;
}
.contenido-informacion div{
	margin: 20px 10px;
}
.contenido-informacion img{
	padding: 0 0 10px 0;
	border-bottom: 1px solid #313131;
}

.contenido-informacion p{
	font-size: 0.95em;
	margin-bottom: 15px;
}

.contenido-informacion h1, .contenido-informacion h2, .contenido-informacion h3, .contenido-informacion h4, .contenido-informacion h5, .contenido-informacion h6{
	margin-bottom: 15px;
}

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


/* 21 - Cuentas */
#contenedor-opciones-cuenta{
	margin-right: 20px;
}

#contenedor-info-cuentas{}

.opcion-cuenta{
	background: #313131;
	padding: 7px 6px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	transition: all linear 0.2s;
	color: white;
	margin: 0 0 4px 0;
	cursor: pointer;
}

.opcion-cuenta i{
	color: #FFB800;
	margin-right: 4px;
}

.opcion-cuenta:hover{
	background: #FFB800;
	color: #313131;
}

.opcion-cuenta:hover i{
	color: #313131;
}


.cont-tab{
	display: none;
}


/* ----------------------------------------------------------- */
/* 22 - Quienes somos / ACORDEON / */


#contenedor-galeria-interna{
	position: relative;
	padding: 0 40px;
	max-width: 50%;
}

#contenedor-informacion-extra{
	margin: 25px 0;
width:100%;
}

.cont-acordeon{
	margin: 10px 0;
	padding: 15px;
	display: none;
}

#info-emrpresarial h5.head-acordeon{
background: #FFB800;
color: #313131;
	padding: 5px;
	border-radius: 0 5px 5px 0;
	margin: 5px 0;

	font-weight: 400;

	cursor: pointer;

	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

#info-emrpresarial h5.head-acordeon:hover{
	background: #FFB800;
	color: #313131;
}


#info-emrpresarial p{
	font-size:16px;
}
/* ------------------------------------------------------------- */

/*  23 - Footer */
#footer{
	margin: 30px 0 0 0;
	padding: 40px 20px;
	display: flex;
	flex-flow: row nowrap;
	background: url(images/pattern-grey50.png) #313131;
	border-radius: 0 0 10px 10px;
	color: white;
}

#logoFooter{
	flex: 1;
	margin: 0 10px;
}

#contenedor-columnas-footer{
	display: flex;
	flex-flow: row nowrap;
	flex: 4;
}
.columnaFooter{
	width: 25%;
	margin: 0 10px 0 10px;
}



.hrFooter{
	width: 100%;
	height: 1px;
	background: white;
	border:none;
	margin: 10px 0;
}
.tituloFooter{
	display: flex;
	flex-flow: row nowrap;
	color: white;
	text-transform: uppercase;
	font-size: 1.1em;
	margin: 0 0 20px 0;
}
.tituloFooter i{
	color: #FFB800;
	margin-right: 10px;
}

.enlace-footer{
	color:white;
	font-size: 0.85em;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin: 5px 0 15px 0;
}

.enlace-footer::before {
	color:#FFB800;
	content: "• ";
}

.enlace-icono-footer{
	color:white;
	font-size: 0.85em;
	text-decoration: none;
	text-transform: uppercase;
	display: flex;
	flex-flow: row nowrap;
	align-content: center;
	align-items: center;
	margin: 5px 0 15px 0;
}
.enlace-icono-footer i{
	color: #FFB800;
	margin-right: 10px;
}

.enlace-icono-footer img{
	margin-right: 10px;
	width: 21px;
}





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

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

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

	/* 6- Menu principal - Categorías - Categorías Aside */
	.bt-menu-principal{
		font-size: 0.9em;
		padding: 8px 5px;
	}

	/* --- Sub categorias --- */

	.contenedor-subcategorias-menu-principal{
		top:44px;
	}

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

	/* 7- slider principal */


	.info-item-slide-principal{
		width: 40%;
		top:240px;
	}

	/* ------------------------------------------------------------- */
	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */
	.thumb-producto-carrusel{
		height: calc(850px / 5);
	}
	.thumb-producto-cuadricula{
		height: calc(650px / 4);
	}

}

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

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

	/* 6- Menu principal - Categorías - Categorías Aside */
	.bt-menu-principal{
		font-size: 0.85em;
		padding: 8px 4px;
	}
	#bt-inicio{
		display: none;
	}
	/* --- Sub categorias --- */

	.contenedor-subcategorias-menu-principal{
		top:43px;
	}
	/* ------------------------------------------------------------- */

	/* 7- slider principal */

	.imagen-item-slide-principal{
	}
	.info-item-slide-principal{
		width: 35%;
	}

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


	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */
	.thumb-producto-carrusel{
		height: calc(800px / 5);
	}
	.thumb-producto-cuadricula{
		height: calc(600px / 4);
	}
	/* ------------------------------------------------------------- */

	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 16.5%;
		margin: 15px 0.8%;
	}

	.thumb-entrada-categoria{
		height: calc(1050px / 6);
	}
	/* ------------------------------------------------------------- */

	/* 12- Noticias */
	.noticia-fila{
		width: 22%;
		margin: 0 1.5%;
	}

	.thumb-noticia{
	}
	/* ------------------------------------------------------------- */

}

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

	/* 1- Contenedores principales */
	#section{
		width: calc(100% - 300px);
	}

	#sidebar{
		width:280px;
	}
	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */
	.thumb-producto-carrusel{
		height: calc(750px / 5);
	}
	.thumb-producto-cuadricula{
		height: calc(550px / 4);
	}

	/*  23 - Footer */
	#footer{
		flex-flow: column;
	}

	#logoFooter{
		flex: 1;
		margin: 0 10px 40px 10px;
		text-align: center;
		justify-content: center;
	}


	#logoFooter img{
		width: 230px;
		margin: 10px auto;
	}	

	#logoFooter hr{
		width: 120px;
		margin: 10px auto;
	}

	#logoFooter p{
		text-align: center;
		color:#FFB800;
	}


}


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

	/* 1- Contenedores principales */
	#section{
		width: calc(100% - 290px);
	}

	#sidebar{
		width:270px;
	}



	/* 5- Header */

	#contendor-logo{
		width: 300px;
		flex: 1;
	}
	#contendor-buscardor-carrito{
		flex: 4;
	}
	#buscador-top input{
		width: 400px;
	}

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

	/* 6- Menu principal - Categorías - Categorías Aside */

	#contenedor-menu-principal {
		padding: 0;
		display: flex;
		flex-flow: row nowrap;
		align-items:stretch;
		justify-content:flex-end;
		border:none;
	}

	#menu-principal{
		display: none;
		flex-flow: column;
		align-items:flex-end;
		position: absolute;
		z-index: 10;
		max-width: 600px;
		right: 0;
		top:43px;
		background: white;
		border-radius: 0 0 10px 10px;
		padding:10px;
	}


	#menu-principal > li{
		position: relative;
		border-bottom: 1px dotted #FFB800;
		width: 100%;
	}

	.bt-menu-principal:nth-child(1){
		line-height: 2em;
	}

	.bt-menu-principal{
		display: flex;
		flex-flow: row nowrap;
		align-items:center;

		text-decoration: none;
		text-transform: uppercase;
		color: #313131;
		font-weight: 700;

		padding: 8px;

		transition: all linear 0.2s;
	}

	.bt-menu-principal:hover{
		background: #313131;
		color: #FFB800;
	}

	#ver-menu{
		display: flex;
	}

	/* --- Sub categorias --- */

	.contenedor-subcategorias-menu-principal{
		position: static;
		border-bottom: none;
	}
	.contenedor-subcategorias-menu-principal > li{
		width: 20%;
		margin: 10px 2.5%;
	}


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

	/* 7- slider principal */

	.imagen-item-slide-principal{
	}
	.info-item-slide-principal{
		width: 50%;
		margin-left: -25%;
	}

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

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

	/* 8- Ventajas / index / producto ampliado */
	.ventaja span{
		font-size: 0.9em;
	}

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


	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */
	.thumb-producto-carrusel{
		height: calc(700px / 5);
	}

	.thumb-producto-cuadricula{
		height: calc(500px / 4);
	}
	/* ------------------------------------------------------------- */

	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 16.5%;
		margin: 15px 0.8%;
	}

	.thumb-entrada-categoria{
		height: calc(900px / 6);
	}
	/* ------------------------------------------------------------- */

	/* 12- Noticias */
	.noticia-fila{
		width: 22%;
		margin: 0 1.5%;
	}

	.thumb-noticia{
	}
	/* ------------------------------------------------------------- */


}

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

	/* 1- Contenedores principales */
	#section{
		width: calc(100% - 270px);
	}

	#sidebar{
		width:250px;
	}


	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */
	.thumb-producto-carrusel{
		height: calc(800px / 4);
	}
	/* ------------------------------------------------------------- */

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

	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 18%;
		margin: 15px 1%;
	}

	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */
	.thumb-entrada-categoria{
		height: calc(800px / 5);
	}

	#contenedor-productos-cuadricula > div.producto-cuadricula{
		width: 29%;
		margin: 10px 2.6% 30px 2.6%;
	}


	.thumb-producto-carrusel{
		height: calc(650px / 4);
	}

	.thumb-producto-cuadricula{
		height: calc(450px / 3);
	}
	/* ------------------------------------------------------------- */

	/* 12- Noticias */
	.noticia-fila{
		width: 22%;
		margin: 0 1.5%;
	}

	.thumb-noticia{
	}
	/* ------------------------------------------------------------- */
}

@media only screen and (max-width: 950px) {
	/* 7- slider principal */

	.imagen-item-slide-principal{
	}
	.info-item-slide-principal{
		width: 50%;
		top:180px;
		margin-left: -25%;
	}

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

	/* 8- Ventajas / index / producto ampliado */
	.ventaja-producto-ampliado{
		width: 30%;
		margin: 10px 1.6%;
	}

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

	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */

	#contenedor-productos-cuadricula > div.producto-cuadricula{
		width: 28%;
		margin: 10px 2.6% 30px 2.6%;
	}



	.thumb-producto-carrusel{
		height: calc(600px / 4);
	}

	.thumb-producto-cuadricula{
		height: calc(400px / 3);
	}


	#columna-galeria-producto{
		padding: 30px 20px 0 0;
		width: 400px;

	}

	#columna-informacion-producto{
		width: calc(100%-400px);
		padding: 30px 0 0 0;
	}
	/* ------------------------------------------------------------- */

	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 18%;
		margin: 15px 1%;
	}

	.thumb-entrada-categoria{
		height: calc(750px / 5);
	}
	/* ------------------------------------------------------------- */
	/* 12- Noticias */
	.noticia-fila{
		width: 22%;
		margin: 0 1.5%;
	}

	.thumb-noticia{
	}
	/* ------------------------------------------------------------- */
}


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

	/* 1- Contenedores principales */
	#section{
		width: calc(100% - 240px);
	}

	#sidebar{
		width:220px;
	}

	/* 5- Header */

	#contendor-logo{
		width: 270px;
		flex: 1;
	}


	/* 6 - Menu Principal */
	/* --- Sub categorias --- */
	.contenedor-subcategorias-menu-principal > li{
		width: 30%;
		margin: 10px 1.6%;
	}


	/* ------------------------------------------------------------- */
	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */
	.thumb-producto-carrusel{
		height: calc(550px / 4);
	}

	.thumb-producto-cuadricula{
		height: calc(350px / 3);
	}



	#ventajas-producto-ampliado{
		flex-flow: row wrap;
		justify-content: center;
	}
	#columna-galeria-producto{
		padding: 30px 20px 0 0;
		width: 100%;

	}

	#columna-informacion-producto{
		width: calc(100%-380px);
		padding: 30px 0 0 0;
	}
	/* ------------------------------------------------------------- */
	/* ------------------------------------------------------------- */

	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 22.5%;
		margin: 15px 1.25%;
	}

	.thumb-entrada-categoria{
		height: calc(700px / 4);
	}
	/* ------------------------------------------------------------- */
	/* 12- Noticias */
	.noticia-fila{
		width: 22%;
		margin: 0 1.5%;
	}

	.thumb-noticia{

	}
	/* ------------------------------------------------------------- */
	/* ------------------------------------------------------------- */


	/*  23 - Footer */


	#contenedor-columnas-footer{
		flex-flow: row wrap;
	}
	.columnaFooter{
		width: 45%;
		margin: 0 2.5% 20px 2.5%;
	}



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

}



@media only screen and (max-width: 850px) {
	/* 1- Contenedores principales */
	#section{
		width: calc(100% - 220px);
	}

	#sidebar{
		width:200px;
	}

	/* 5- Header */
	#contendor-logo{
		width: 250px;
		margin: 0 20px 0 0;
		flex: 1;
	}

	#contendor-buscardor-carrito{
		flex: 2;
	}
	#buscador-top input{
		width: 300px;
	}

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

	/* 7- slider principal */

	.imagen-item-slide-principal{
	}
	.info-item-slide-principal{
		width: 60%;
		margin-left: -30%;
	}

	/* ------------------------------------------------------------- */
	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */
	.thumb-producto-carrusel{
		height: calc(650px / 4);
	}
	.thumb-producto-cuadricula{
		height: calc(400px / 3);
	}

	/* Producto ampliado ---------- */
	#columna-galeria-producto{
		padding: 30px 20px 0 0;
		width: 300px;

	}

	#columna-informacion-producto{
		width: calc(100%-300px);
		padding: 30px 0 0 0;
	}
	/* ------------------------------------------------------------- */

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

	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 22.5%;
		margin: 15px 1.25%;
	}


	.thumb-entrada-categoria{
		height: calc(650px / 4);
	}
	/* ------------------------------------------------------------- */

	/* 12- Noticias */
	.noticia-fila{
		width: 22%;
		margin: 0 1.5%;
	}

	.thumb-noticia{
	}
	/* ------------------------------------------------------------- */
}

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

	/* 1- Contenedores principales */
	#contenedor-principal{
		padding: 0 10px;
	}

	.wrap-columnas-row{
		flex-flow: column;
		align-items: stretch;
	}

	.columna-1{
		flex: 1;
	}
	.columna-2{
		flex: 1;
	}
	.columna-3{
		flex: 1;
	}
	.columna-4{
		flex: 1;
	}
	.columna-5{
		flex: 1;
	}
	.columna-6{
		flex: 2;
	}
	.columna-7{
		flex: 3;
	}
	.columna-8{
		flex: 4;
	}
	.columna-9{
		flex: 5;
	}

	#section{
		width:100%;
		margin: 20px 0;
		padding: 0;
	}

	#sidebar{
		width:100% ;
		margin:0;
	}
	/* ------------------------------------------------------------- */


	/* 4- Menu Top   */

	.btTop-Tienda span{
		display: none;
	}

	/* 6 - Menu Principal */
	/* --- Sub categorias --- */
	.contenedor-subcategorias-menu-principal > li{
		width: 45%;
		margin: 10px 2.5%;
	}

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

	/* 7- slider principal */

	.imagen-item-slide-principal{
	}
	.info-item-slide-principal{
		width: 70%;
		margin-left: -35%;
	}

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

	/* 8- Ventajas / index / producto ampliado */
	.ventaja span{
		font-size: 0.8em;
	}

	/* ------------------------------------------------------------- */
	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */
	.thumb-producto-carrusel{
		height: calc(500px / 3);
	}

	.thumb-producto-cuadricula{
		height: calc(550px / 3);
	}
	/* Producto ampliado ---------- */
	#columna-galeria-producto{
		padding: 30px 20px 0 0;
		width: 200px;

	}

	#columna-informacion-producto{
		width: calc(100%-200px);
		padding: 30px 0 0 0;
	}
	#contenedor-thumbs-galeria-producto{
		display: none;
	}

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

	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 22.5%;
		margin: 15px 1.25%;
	}

	.thumb-entrada-categoria{
		height: calc(600px / 4);
	}
	/* ------------------------------------------------------------- */

	/* 12- Noticias */

	#fila-noticias{
		flex-flow: row wrap;
	}

	.noticia-fila{
		width: 45%;
		margin: 20px 2.5%;
	}

	.thumb-noticia{
	}
	/* ------------------------------------------------------------- */

	/* 15 - Filtro artículos */
	#bt-ver-filtros{
		display: flex;
	}

	.titulo-filtro-aside{
		width: 100%;
		background: #FFB800;
		border-radius: 0;
		border-bottom: 1px solid #313131;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		padding: 6px 4px;
		font-weight: 400;
		color:#313131;
	}
	.titulo-filtro-aside i{
		color:#313131;
		margin-right: 10px;
	}
	.titulo-filtro-aside span{
		color:#313131;
	}

	#contenedor-filtros-aside{
		display: none;
	}


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

	/* ----------------------------------------------------------- */
	/* 22 - Quienes somos / ACORDEON / */


	#contenedor-galeria-interna{
		position: relative;
		padding: 0 40px;
		max-width:100%;
	}


}


@media only screen and (max-width: 750px) {
	/* 5- Header */
	h3{
	font-size: 0.9em;
}

.logo {
margin-left:-20px;
}
	
	.columna1-2{
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}


.botonComprar{
	width: 100%;
		float: none;
		margin-bottom: 10px;
}
.botonComprar:hover {
	color: #FFB800;
	background: #313131;
}
	#contendor-buscardor-carrito{
		flex-flow: column;
		align-items: flex-end;
	}

	#contenedor-buscador-top{
		margin: 0 0 10px 0;
	}

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

	/* 7- slider principal */

	.imagen-item-slide-principal{
		position: static;
	}
	.info-item-slide-principal{
		position: static;
		border-radius: 0;
		margin: 0;
		width: 100%;
		background:url("images/pattern-white10.png") rgba(49,49,49,1);
		border-bottom: 1px solid #FFB800;
	}

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

	/* 8- Ventajas / index / producto ampliado */
	.ventaja span{
		font-size: 0.8em;
	}

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

	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */

	.thumb-producto-carrusel{
		height: calc(450px / 3);
	}

	.thumb-producto-cuadricula{
		height: calc(500px / 3);
	}
	/* Producto ampliado ---------- */
	#wrap-columnas-producto-ampliado{
		flex-flow: column;
	}
	#columna-galeria-producto{
		flex: 1;
		padding: 30px 20px 0 0;
		width: 100%;

		display: flex;
		flex-flow: row nowrap;
		align-items: flex-end;
		align-content: flex-end;
		justify-content: flex-start;
	}


	#galeria-producto{
		width: 50%;
	}

	#columna-informacion-producto{
		flex: 2;
		padding: 30px 0 0 0;
	}
	#contenedor-thumbs-galeria-producto{
		display: block;
		width: 50%;
	}
	/* ------------------------------------------------------------- */
	/* ------------------------------------------------------------- */

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

	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 30%;
		margin: 15px 1.6%;
	}

	.thumb-entrada-categoria{
		height: calc(550px / 3);
	}

	.thumb-entrada-categoria img{
		width: 100%;
		height: auto;
	}
	/* ------------------------------------------------------------- */
	/* 12- Noticias */

	#fila-noticias{
		flex-flow: row wrap;
	}

	.noticia-fila{
		width: 45%;
		margin: 20px 2.5%;
	}

	.thumb-noticia{
	}
	/* ------------------------------------------------------------- */

	/* 18 - Tablas / Carrito / Revisar compra */

	/* Carrito */

	.thumb-producto-carro{
		width: 100px;
		margin-right: 0;
		padding: 10px;
	}

	.info-producto-carro{
		flex-flow: column;
		align-items: flex-start;
	}

	.nombre-producto-carro{
		flex: 1;
	}

	.cantidad-producto-carro{
		border-right: none;
		border-left: none;
	}

	.precio-producto-carro{
		border-right: none;
	}

	.delete-producto-carro{
		border-right: none;
		text-align: left;
	}



}

@media only screen and (max-width: 700px) {
	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */
h3{
	font-size: 0.9em;
}
.logo {
margin-left:-20px;
}

	.thumb-producto-carrusel{
		height: calc(400px / 3);
	}

	.thumb-producto-cuadricula{
		height: calc(450px / 3);
	}


	/* Producto ampliado ---------- */
	#wrap-columnas-producto-ampliado{
		flex-flow: column;
	}
	#columna-galeria-producto{
		flex: 1;
		padding: 30px 20px 0 0;
		width: 100%;

		display: flex;
		flex-flow: row nowrap;
		align-items:center;
		align-content:center;
		justify-content: flex-start;
	}
	#galeria-producto{
		width: 70%;
	}

	#columna-informacion-producto{
		flex: 2;
		padding: 30px 0 0 0;
	}
	#contenedor-thumbs-galeria-producto{
		display: block;
		width: 30%;
	}
	#thumbs-galeria-producto img{
		margin: 5px 0;
	}
	/* ------------------------------------------------------------- */
	/* ------------------------------------------------------------- */

	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 30%;
		margin: 15px 1.6%;
	}
	#contenedor-productos-cuadricula > div.producto-cuadricula{
		width: 28%;
		margin: 10px 2.6% 30px 2.6%;
	}

	.thumb-entrada-categoria{
		height: calc(500px / 3);
	}
	/* ------------------------------------------------------------- */

	/* 12- Noticias */
	#fila-noticias{
		flex-flow: column;
	}

	.noticia-fila{
		width: 100%;
		margin: 15px 1.5%;
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-start;
		align-content: flex-start;
	}


	.thumb-noticia{
		width: 100%;
		height: auto;
		flex: 1;
		margin-right: 10px;
		position: static;
		border:none;
	}

	.thumb-noticia img{
		position: static;
		border:1px solid #313131;
	}

	.contenedor-titulo-noticia{
		flex: 4;
	}

	.noticia-fila h5{
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
	}


	/*  23 - Footer */


	#contenedor-columnas-footer{
		flex-flow: column;
	}
	.columnaFooter{
		width: 95%;
		margin: 0 2.5% 20px 2.5%;
	}


.label-check50 {
    display: block;
    width: 90%;
}


}


@media only screen and (max-width: 650px) {
	/* 5- Header */
	#contendor-buscardor-carrito{
		flex: 2;
	}

h3{
	font-size: 1.1em;
}

.logo {
margin-left:-20px;
}

	/* ------------------------------------------------------------- */
	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */


.label-check50 {
    display: block;
    width: 90%;
}

	.thumb-producto-carrusel{
		height: calc(350px / 3);
	}

	.thumb-producto-cuadricula{
		height: calc(400px / 3);
	}

	/* Producto ampliado ---------- */

	#galeria-producto{
		width: 70%;
	}
	#contenedor-thumbs-galeria-producto{
		display: block;
		width: 30%;
	}
	#thumbs-galeria-producto img{
		margin: 5px 0;
	}

	/* Lista ---------- */
	.producto-lista{
		flex-flow: row wrap;
	}

	.contenedor-thumb-producto-lista{
		width: 80px;
		flex:auto;
		padding: 10px;
	}

	.contenedor-nombre-producto-lista{
		flex:auto;
		width: calc(100% - 80px);
		padding: 10px;
	}

	.contenedor-info-producto-lista{
		flex:auto;
		width: 100%;
		padding: 10px;
	}



	/* ------------------------------------------------------------- */
	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 30%;
		margin: 15px 1.6%;
	}

	.thumb-entrada-categoria{
		height: calc(450px / 3);
	}


	/* ------------------------------------------------------------- */
}

@media only screen and (max-width: 600px) {
h3{
	font-size: 1.1em;
}
.logo {
margin-left:-20px;
}
.label-check50 {
    display: block;
    width: 90%;
}


	/* 1- Contenedores principales */

	.showCell{
		display: block;
	}
	.hideCell{
		display: none;
	}
	
	
#opciones-visualizacion
{
		margin-top:0px;
		margin-bottom:-10px;
	}

	/* 4- Menu Top   */
	#menuTop{
		display: none;
	}



	/* ------------------------------------------------------------- */
	/* 5- Header */
	#headerPage{
		display: flex;
		flex-flow: column;
		align-items: center;
	}

	#contendor-logo{
		width: 200px;
		flex: 1;
		margin: auto;
	}

	#contendor-buscardor-carrito{
		align-items:center;
	}

	#buscador-top input{
		border-radius: 10px 0 0 10px;
	}
	#contenedor-carrito-top{
		position: absolute;
		right: 5px;
		top:20px;
	}

	#compra-top{
		display: none;
	}

	#carrito-top{
		background: #FFB800;
		padding: 3px 4px;
		border-radius: 3px;
		cursor: pointer;
	}
	#carrito-top:hover{
		color: #FFB800;
		background: #313131;
	}
	#carrito-top i{
		font-size: 2em;
		text-decoration: none;
	}
	#carrito-top span{
		background: #FF0043;
		color: white;
	}
	/* ------------------------------------------------------------- */

	/* 6- Menu principal - Categorías - Categorías Aside */


	#ver-menu{
		display: none;
	}


	/* 6- Menu principal - Categorías - Categorías Aside */

	#contenedor-menu-principal {
		position: static;
	}

	#menu-principal{
		display: flex;
		flex-flow: column;
		align-items:flex-end;
		position: absolute;
		z-index: 10;
		width:100%;
		right: auto;
		left: -100%;
		top:70px;
		background: white;
		border-radius: 0 10px 10px 0;
		padding:10px;
box-shadow: 0 15px 10px rgba(0,0,0,.2);
	}



	/* --- Sub categorias --- */
	.contenedor-subcategorias-menu-principal > li{
		width: 90%;
		margin: 10px 2.5%;
	}



	/* 7- slider principal */
	#contenedor-slider-principal{
		border-top:2px solid #FFB800;
	}

	.imagen-item-slide-principal{

	}
	.imagen-item-slide-principal *{

	}
	.info-item-slide-principal{
	}
	.info-item-slide-principal h4{
		font-size: 1.2em;
	}

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




	/* 8- Ventajas / index / producto ampliado */

	#contenedor-ventajas{
		border-top:1px solid #000;
	}

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

	/* ------------------------------------------------------------- */
	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */

	#contenedor-productos-cuadricula > div.producto-cuadricula{
		width: 45%;
		margin: 10px 2.5% 30px 2.5%;
	}




	.thumb-producto-carrusel{
		height: calc(350px / 2);
	}

	.thumb-producto-cuadricula{
		height: calc(450px / 2);
	}


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

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

	/* ------------------------------------------------------------- */
	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 45%;
		margin: 15px 2.5%;
	}

	.thumb-entrada-categoria{
		height: calc(400px / 2);
	}
	/* ------------------------------------------------------------- */


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

	/* 18 - Tablas / Carrito / Revisar compra */

	/* ***** */
	.tabla-producto{
		font-size: 80%;

	}
	.producto-tabla img{
		display: none;
	}

	.tabla-producto tbody td:nth-child(4), .tabla-producto tbody td:nth-child(5), .tabla-producto thead th:nth-child(4), .tabla-producto thead th:nth-child(5), .tabla-producto tfoot td:nth-child(2), .tabla-producto tfoot td:nth-child(3){
		display: none
	}

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

	/* 21 - Cuentas */
	#contenedor-opciones-cuenta{
		margin: 20px 0;
		margin: 20px 0;
	}

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

	/*  23 - Footer */

	.contenedor-titulo-footer{
		cursor: pointer;
	}

	.contenedor-titulo-footer:hover h4{
		color: #FFB800;
	}

	.contenedor-contenido-footer{
		display: none;
	}

}



@media only screen and (max-width: 550px) {
h3{
	font-size: 1.1em;
}
	/* ------------------------------------------------------------- */
	/* 5- Header */
	#contendor-logo{
		width: 180px;
		flex: 1;
		margin: 0 auto 20px auto;
		padding-right: 20px;

	}


.label-check50 {
    display: block;
    width: 90%;
}


	/* ------------------------------------------------------------- */
	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */

	.thumb-producto-carrusel{
		height: calc(300px / 2);
	}

	.thumb-producto-cuadricula{
		height: calc(400px / 2);
	}


	/* ------------------------------------------------------------- */
	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 45%;
		margin: 15px 2.5%;
	}

	.thumb-entrada-categoria{
		height: calc(350px / 2);
	}
	/* ------------------------------------------------------------- */
}


@media only screen and (max-width: 500px) {
	/* ------------------------------------------------------------- */
	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */

h3{
	font-size: 1.1em;
}
	.thumb-producto-carrusel{
		height: calc(250px / 2);
	}

	.thumb-producto-cuadricula{
		height: calc(300px / 2);
	}
	/* ------------------------------------------------------------- */
	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 45%;
		margin: 15px 2.5%;
	}

	.thumb-entrada-categoria{
		height: calc(300px / 2);
	}
	/* ------------------------------------------------------------- */
}

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

	/* ------------------------------------------------------------- */
	/* 5- Header */
	#contendor-logo{
		width: 160px;
		flex: 1;
		margin: 0 auto 20px auto;
	}
h3{
	font-size: 1.1em;
}

	/* ------------------------------------------------------------- */
	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */

	.thumb-producto-carrusel{
		height: calc(200px / 2);
	}

	.thumb-producto-cuadricula{
		height: calc(250px / 2);
	}
	/* ------------------------------------------------------------- */
	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 45%;
		margin: 15px 2.5%;
	}

	.thumb-entrada-categoria{
		height: calc(250px / 2);
	}
	/* ------------------------------------------------------------- */
}

@media only screen and (max-width: 400px) {
	/* ------------------------------------------------------------- */
	/* 10- Productos / carrusel / lista / cuadricula / producto ampliado */

	.thumb-producto-carrusel{
		height: calc(150px / 2);
	}

h3{
	font-size: 1.1em;
}

	.thumb-producto-cuadricula{
		height: calc(200px / 2);
	}
	/* ------------------------------------------------------------- */
	/* ------------------------------------------------------------- */
	/* 11- Thumbs categorias */
	.entrada-categoria{
		width: 45%;
		margin: 15px 2.5%;
	}

	.thumb-entrada-categoria{
		height: calc(200px / 2);
	}
	/* ------------------------------------------------------------- */
}