body {
	background-color: #1b75bb;
	color:#000000;
}

.soluciones{
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #ff6f00;
}
.up{
	background-color: rgb(2, 68, 118) ;
	color: rgb(255, 255, 255);
	padding-top: 7px;
	padding-bottom: 1px;
	position: relative;
	}



.men{
	background-color: rgb(255, 255, 255) ;
	position: relative;
	}	

.bloque{
		padding: 20px ;
	}

footer {
	background-image: url(../imagenes/footer.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #1b75bb;
	color: rgb(255, 255, 255);
	}

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

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

.whatsapp{
	color: #009614;
	}	

.color1{
	color: #f7931d;
	}		
	
.color2{
	color: #1b75bb;
	}	
		
.fondo-azul{
	background-color:#1b75bb;
	color:#FFF;
	position: relative;
	}

.nosotros-fond{
	background-color: #ffffff;
	position: relative;
	}

	.fondo-nau{
	background-color:#000;
	padding:10px;
	color:#FFF;
	position: relative;
	}	

.copy{
	background-color: rgb(2, 68, 118) ;
	color: #FFF;
	padding: 10px;
	position: relative;
	}
.ciudades{
	background-color: rgba(2, 68, 118, 0.216) ;
	color: #FFF;
	padding: 20px;
	}

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

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

.sombra{
	text-shadow: 2px 2px 2px rgb(0, 0, 0, .3);
}

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

.precio{
	color: red;font-size: 30px;
	}
	
.whats-flotante{
	position: fixed;
	z-index:5.0;
	right: 0px;
	bottom: 0px;
	padding: 15px;   
}

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

	.coctel {
background-color: #ffffff;
      }
/* Imagenes */
/* Cover */
.imagen-cover-50{
	object-fit: cover;
	width: 100%;
	height: 50px;
	}	
.imagen-cover-100{
	object-fit: cover;
	width: 100%;
	height: 100px;
	}		
.imagen-cover-200{
	object-fit:cover;
	width: 100%;
	height: 200px;
	}	
.imagen-cover-250{
	object-fit:cover;
	width: 100%;
	height: 250px;
	}					
.imagen-cover-300{
	object-fit:cover;
	width: 100%;
	height: 300px;
	}	
.imagen-cover-400{
	object-fit:cover;
	width: 100%;
	height: 400px;
	}			
.imagen-cover-500{
	object-fit:cover;
	width: 100%;
	height: 500px;
	}	
.imagen-cover-600{
	object-fit:cover;
	width: 100%;
	height: 600px;
	}		
	/* Contain */
.imagen-contain-250{
	object-fit:contain;
	width: 100%;
	height: 250px;
	padding:15px;
	}	
.imagen-contain-200{
	object-fit:contain;
	width: 100%;v
	height: 200px;
	}	
.imagen-contain-300{
	object-fit:contain;
	width: 100%;
	height: 300px;
	}	
.imagen-contain-600{
	object-fit:contain;
	width: 100%;
	height: 600px;
	}		
	
	/* Contornos*/
.contorno{
	border-width: 1px;
	border-style: solid;
	border-color: #e1e1e1;
	}	

 /* Altos */	
 .alto-50{
	height: 50px;
}	
.alto-100{
	height: 100px;
}
.alto-200{
	height: 200px;
}
.alto-250{
	height: 250px;
}
.alto-300{
	height: 300px;
}
.alto-350{
	height: 350px;
}
.alto-400{
	height: 400px;
}	

.fondo-blanco{
	background-color: #ffffff;
}	

.fondo-baner {
	background-image: url(../baner/fondo.png);
	background-position: center center;
	background-color: #ffffff;
	background-size: cover;
	}