body {
	padding-top:60px;
	background-size: cover;
	background-color: #FBD6D4 !important;
	overflow: scroll;
	color:#3F87A0;
}
.center{text-align:center;}
.h1-blanco, .h2-blanco, .h3-blanco {color:white;}
.h1-rojo, .h2-rojo, .h3-rojo {color:#BD0D26;}
.h1-gris, .h2-gris, .h3-gris {color:#3E3E40;}
.h1-naranja, .h2-naranja, .h3-naranja {color:#EE7F00;}

a.tel, a.tel:hover, a.tel:active {color:white;}
a.tel:hover{font-size:1.1em;transition-duration:1.5s;}
.blanco{color:white}
.verde{color:#008A2E}
.rojo{color:#BD0D26}
.naranja{color:#EE7F00}
.gris{color:#3E3E40}

/* hover para los divs */
.div-hover{transition:transform 0.5s ease-in-out !important; }
.div-hover:hover{font-size:1.2em !important; transform: scale(1.2) !important}
.div-border{}
.div-border{}

/* Botón Whatsapp */
.btn-whats{
	/*background-color: #008e8f;*/
	background-color:#4AC959;
	color:white;
	position:fixed;
	bottom: 0;
	left: 0;
	z-index:100;
	border-radius:50px;
}
.btn-whats:hover{color:#008e8f;}

/* Estilos para cel */
@media screen and (max-width: 599px){
	.construccion{background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1632241756/FPMI/under-construction-mobile-png.png);}
	.fondo-edificios{background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1646281762/FPMI/fondo-edificios.jpg);}
	.fondo-reclutamiento{background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1679511544/FPMI/reclutamiento-y-seleccion.jpg);}
	.fondo2{background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1623096444/PeopleTech/fondo2.png);}
	.fondo3{background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1623096444/PeopleTech/fondo3.png);}
	.fondo4{background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1623096444/PeopleTech/fondo4.png);}
	.fondo-edificios, .fondo-reclutamiento, .fondo2, .fondo3, .fondo4 {
		content:"";
		display: block;
		/*position: fixed;*/
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		z-index:-10;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.h1-blanco, .h1-rojo, .h1-gris, .h1-naranja {padding:1rem;}
	.h2-blanco, .h2-rojo, .h2-gris, .h2-naranja {}
	.l1, .l2, .l3 {font-size:1.5rem;}
	.l1:hover, .l2:hover, .l3:hover {font-size:1.7rem;font-weight:bolder;}
}
/* Estilos para Escritorio */
@media screen and (min-width: 600px){
	.construccion{background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1632242362/FPMI/under-construction.jpg);}
	.fondo-edificios{background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1646281762/FPMI/fondo-edificios.jpg);}
	.fondo-reclutamiento{background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1679511544/FPMI/reclutamiento-y-seleccion.jpg);}
	.fondo2{background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1623096444/PeopleTech/fondo2.png);}
	.fondo3{background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1623096444/PeopleTech/fondo3.png);}
	.fondo4{background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1623096444/PeopleTech/fondo4.png);}
	.fondo-edificios, .fondo-reclutamiento, .fondo2, .fondo3, .fondo4 {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
		width:100%;
		opacity:0.8;
	}
	.h1-blanco, .h1-rojo, .h1-gris, .h1-naranja {font-size:4.5rem;padding:1rem;}
	.h2-blanco, .h2-rojo, .h2-gris, .h2-naranja {font-size:3rem;}
	.h3-blanco, .h3-rojo, .h3-gris, .h3-naranja {font-size:2rem;}
	.l1, .l2, .l3 {font-size:3rem;}
	.l1:hover, .l2:hover, .l3:hover {font-size:3.2rem;font-weight:bolder;}
}

.e404{ 
	background-image: url(https://res.cloudinary.com/ikaupis/image/upload/v1646290468/FPMI/error-404.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding:50px;
	height: 100%;
}
.div404{
	color:white;
	background-color: rgba(63,63,63,0.5);
	padding: 20px;
	font-size:2em;
	text-align:center;
}
