/* General */
html{
	scroll-behavior: smooth;
} 
body {
	background-color:#FFF;
	color:#000;	
}
.fondo {
	background-color:rgb(62, 62, 62);
	color:rgb(255, 255, 255);	
}

.sinpadding [class*="col-"] {
	padding-left: 2px;
	padding-right: 2px;
}

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

.linea_top{
	background-color: #8cc63e ;
	color: #FFF;
	padding: 10px;
	}
	
.seccion-color1{
	background-color: #8cc63e ;
	color: #FFF;
	}
.seccion-logo{
	background-color: #FFF;
	background-image: url(../imagenes/fondo-logo.png);
	background-repeat: no-repeat;
	background-position: top center;
	}	

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

.color-1{
	color: #8cc63e;
	}		
		
.color-2{
	color: #f7931d;
	}	

.color-blanco{
	color: #FFF;
	font-family: fuente;
	}	

.color-negro{
	color: #000;
	font-family: fuente;
	}		

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



/* Index */
.seccion-secciones{
	background-image:url(../imagenes/fondo-secciones.png);
	background-repeat:repeat-x;
	background-position: top center;
	}	
	
.seccion-nosotros{
	background-image:url(../imagenes/fondo-nosotros.png);
	background-repeat:no-repeat;
	background-position:  bottom center;
	}		
	
.fondo-imagen{
	background-image:url(../imagenes/fondo-imagen.png);
	background-position: center center;
	background-repeat:repeat-x;
	}	

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

/* Index */









/* Categorias Seciones */

/* Baner */
	.fondo-baner{
		object-fit: cover;
		width: 100%;
		height: 250px;
		}
/* Baner */


.regresar{
	font-size: 22px;
	color:#666;
	}		

.precio{
	font-size: 25px;
	color: #930;
	}
/* Categorias Seciones */

/* Footer */
footer {
	background-image:url(../imagenes/footer.png);
	background-position: left top;
	background-repeat:no-repeat;
	background-color:#ffffff ;
	color: rgb(108, 108, 108);
	}

.copy{
	background-color: #0d991a;
	color: #FFF;
	padding-top: 15px;
	padding-bottom: 3px;
	}
/* Footer */	


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

.fondo-negro {
	background-color: rgb(0, 0, 0);
	color: #FFF;
	text-align:left;
	}		

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

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

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

.zoom:hover {
    transform: scale(1.02); /* (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{
	background-color: #FFF;
	object-fit:contain ;
	width: 100%;
	height: 300px;
	border-width: 2px;
	border-style: solid;
	border-color: #c6c6c6;
	padding: 5px;
  }

  .secciones{
	background-color: rgba(255, 255, 255, 0);
	object-fit:cover ;
	width: 100%;
	height: 200px;
	border-width: 0px;
	border-style: solid;
	border-color: #ff0000;
  }

  .menu{
font-size: 15px;
padding-right: 1px;
padding-left: 1px;
}  
.textura{
	padding: 0px;
	background-image: url(../imagenes/textura.png);
	background-repeat: repeat;
  }
 
  .categorias-new{
	background-color: #FFF;
	object-fit:contain ;
	width: 100%;
	height: 300px;
	border-width: 2px;
	border-style: solid;
	border-color: #FA6610;
	padding: 5px;
  } 

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

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

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

@media (min-width: 768px) {			
	.sive-movil{
		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;
	bottom: 5px;
	left: 15px;
	color: orangered;
}	

.cuadro-1 {
	background-color:#8cc63e ;
	padding: 0px;
}	

.cuadro-2 {
	background-color:#0d991a ;
	padding: 0px;
	}	
}	

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

	/* sigue */
	.sigue {
		position: sticky;
		top: 0;
		z-index: 100;
		}

.alto{
	height: 50px;
}	

.alto-30{
	height: 30px;
}	

.sombra {
	box-shadow: 0px 5px 5px#0000007c;
	}	

.link-sombra:hover {
		box-shadow: 0px 0px 5px#0000007c;
		background-color: rgb(255, 255, 255);
		border-width: 1px;
		border-style: solid;
		border-color: #afafaf;
	}

.sombra-texto {
	text-shadow:0px 5px 5px#0000007c;
	}

	.redondo {
	width:180px;
    height:180px;
    border-radius:90px;
    border:5px solid#8cc63e;
}


.centrar {
	height: 350px;
	display: table;
  }
  
  .centrar-v {
	display: table-cell;
	vertical-align: middle;
  }

  .img-new{
	object-fit: cover;
	width: 100%;
	height: 150px;
	}