/* General */
html{
	scroll-behavior: smooth;
} 
body {
	background-color:#FFF;
	color:#000;	
}

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

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

.linea_top{
	background-color: #1b7cb6 ;
	color: #FFF;
	padding: 10px;
	}
	
.seccion-color1{
	background-color: #e2e2e2 ;
	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: #1b7cb6;
	}		
		
.color-2{
	color: #57ad3d;
	}	

.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-whatsapp{
	background-image:url(../imagenes/fondo-whatsapp.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 */

/* 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-color:#ecedee ;
	position: relative;
	color: rgb(108, 108, 108);
	}

.copy{
	background-color: #57ad3d;
	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 .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{
	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: contain ;
	width: 100%;
	height: 200px;
	border-width: 2px;
	border-style: solid;
	border-color: #57ad3d;
  }

  .proyectos{
	object-fit: contain ;
	width: 100%;
	max-height: 250px;
	height: 250px;
	border-width: 2px;
	border-style: solid;
	border-color: #57ad3d;
  }

  .menu{
font-size: 15px;
padding-right: 15px;
padding-left: 15px;
}  
.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: 57ad3d;
}	

.cuadro-1 {
	background-color:#57ad3d ;
	padding: 5px;
}	
.cuadro-2 {
	background-color:#1b7cb6 ;
	padding: 5px;
	}	
}	

.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: 100px;
}		

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