/* General */
body {
	background-color:#FFF;
	color:#000;	
}

.inactivo {
	position: relative;
	display:none;
}

.menu{
	font-size: 15px;
	font-family:fuente;
	}

.coloreco{
	color: #76ba5a;
	}	

.texto-grande{
	font-size: 55px;
	letter-spacing: 0.05em;
	}	

.sombra{
	text-shadow: 2px 2px 4px #4d0000;
	}	

.up{
	background-color: #3f3f3f ;
	color: #FFF;
	}
	
.seccion-logo{
	background-color: #FF5000;
	background-image: url(../imagenes/fondo-logo.png);
	background-repeat: no-repeat;
	background-position: top center;
	color: #FFF;
	}

.fondo-mail{
	background-color: #000000;
	background-image: url(../imagenes/fondo-mail.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.tipo{
	font-family: fuente;
	}	

.tipo2{
	font-family: fuente2;
	}		

.color1{
	color: #FF5000;
	}		
		
.color2{
	color: #000;
	}	

.colorblanco{
	color: #FFF;
	}	

.colornegro{
	color: #000;
	}		

.whats{
	font-size: 25px;
	color: #66CC00;
	}	
/* General */

/* Baner */
.seccion-baner{
	background-image:url(../baner/fondo-baner.png);
	background-repeat:repeat-x;
	background-position: top center;
	}	

/* Baner */

/* Index */
.seccion-secciones{
	background-image:url(../imagenes/seccion-text.png);
	background-repeat:repeat;
	background-color: #ffffff;
	}	
	
.seccion-nosotros{
	background-image:url(../imagenes/fondo-nosotros.png);
	background-repeat:repeat-x;
	background-position: bottom center;
	}		
	
.fondo-mail{
	background-image:url(../imagenes/fondo-mail.png);
	background-position: center;
	background-repeat:repeat;
	color: #ffffff;
	}	

	.fondo-telefono{
		background-color:#FF5000;
		}	

		.fondo-telefono-eco{
			background-image:url(../imagenes/fondo-telefono-eco.png);
			background-position: center;
			background-repeat:repeat;
			color: #ffffff;
			}			

.seccion-new-productos{
	background-image:url(../imagenes/fondo-new-productos.png);
	background-position: center;
	background-repeat:repeat;
    color:#666;
	}	

/* Index */


/* Categorias Seciones */
.regresar{
	font-size: 22px;
	color:#666;
	}		

.precio{
	font-family: fuente;
	font-size: 35px;
	color: #ff2600;
	}
/* Categorias Seciones */

/* Footer */
footer {
	background-image: url(../imagenes/footer.png);
	background-repeat: repeat-x;
	background-position: top center;
	background-color:rgb(255, 255, 255);
	position: relative;
	color: rgb(131, 131, 131);
	}

.copy{
	background-color: #666666;
	color: #FFF;
	padding: 10px;
	}
/* Footer */	


/* Tools */
.fondo-nau{
		background-color:#000;
		padding:10px;
		color:#FFF;
		}	

.fondo-negro {
	background-color #FFF;
	color: #FFF;
	text-align:left;
	}		

@font-face {
	font-family: fuente;
	src: url("../fuente.TTF") format("opentype");
	}

@font-face {
	font-family: fuente2;
	src: url("../fuente2.TTF") format("opentype");
	}	

.zoom {
    margin: 0 auto;
	transition: transform .2s; /* Animation */
}

.zoom:hover {
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.whats-flotante{
	position: fixed;
	z-index:5.0;
	right: 0px;
	bottom: 0px;
	padding: 15px;   
}

.categorias{
	object-fit: contain ;
	width: 100%;
	height: 120px;
	border-width: 1px;
	border-style: solid;
	border-color: #dadada;
	padding: 3px;
	background-color: rgb(255, 255, 255);
  }

  .producto{
	object-fit: contain ;
	width: 100%;
	height: 250px;
	border-width: 1px;
	border-style: solid;
	border-color: #dadada;
	padding: 2px;
	background-color: rgb(255, 255, 255);
  }  

.temporada{
	padding: 30px;
	background-image: url(../imagenes/temporada.png);
	background-repeat: repeat;
	border-top: 1px solid #a4a4a4;
  }
 
  .categorias-new{
	background-color: #FFF;
	object-fit:contain ;
	width: 100%;
	height: 250px;
	border-width: 2px;
	border-style: solid;
	border-color: #FF5000;
	padding: 5px;
  } 

  .imagen-new{
	background: linear-gradient( orange, red);
	background-color: #FFF;
	object-fit:contain ;
	width: 100%;
	height: 280px;
	border-width: 3px;
	border-style: solid;
	border-color: #ebc326 ;
	padding: 5px;
  } 

.imagen-tops{
	object-fit: cover;
	width: 100%;
	height: 250px;
  }

@media (max-width: 768px) {				
	.ocultar{
		position: relative;
		display:none;
	}	
}		

@media (min-width: 768px) {			
	.mostrar{
		position: relative;
		display:none;
		}
	.sinpadding [class*="col-"] {
		padding-left: 2px;
		padding-right: 2px;
		}	
				
	}			

.contenedor__item {
	position: relative;
	margin: auto;
	width: 100%;
}	

.contenedor__item:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient( rgba(255, 255, 255, 0) 50% ,rgba(255, 255, 255,0));
}		

.contenedor__texto {
	position: absolute;
	top: 8px;
	left: 8px;
	color:#ffffff;
	background-color: #FF5000 ;
	padding: 8px;
}	

.vertical {
	width: 100%;
	height: 300px;
	background-color: rgb(0, 0, 0);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:left;
	align-items: center;
}	

.grises img {
	filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
	filter: Gray(); /* IE4-8 and 9 */
	opacity:.3;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
	.grises img:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
	opacity:1;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

	.outlet-price{
		text-decoration:line-through;
		color: #FF5000;
		}		

		.number SPAN{ padding: 0 1px; } 


		.invisible{
			position: relative;
			display:none;
		}	

		.visible{
			position: relative;
			display: block;
		}	

		.alto-50{
height: 100px;
		}