@import url('../fuentes.css');

*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-family: sans-serif;
}
body {	
	background: #EEEEEE;
}
body input, body select,
body textarea{
	border-radius: 7px !important;
	font-size: 0.85em !important;
}
body label{
	font-size: 0.85em !important;
	margin: auto 0px;
}
textarea{
	resize: none;
}
.main{
	flex-direction: column;
	width: 80%;
	margin: 10% auto 25px;
}
.div_contened{
	justify-content: space-between;
}
.div_contact{
	width: 58%;
	flex-direction: column;
}
.div_infocontact{
	flex-direction: column;
	width: 34%;
	align-content: center;
	margin: auto;
}
.div_subttl {
	margin-bottom: 10px;
}
.div_subttl h4{
	font-family: PlayfairDisplay-BoldItalic;
	font-size: 2em ;
	color: #464646	;
}
.div_grup1{
	justify-content: space-between;
	width: 100%;
	margin-bottom: 10px;
}
.div_grup1 input{
	width: 45%;
	border-radius: 25px !important;
}
.div_recapt{
	margin-top: 25px;
	margin-bottom: 25px;
	height: 80px;
}
textarea {
	resize: vertical;
	min-height: 100px;
	max-height: 100px;
}	
.div_btn{
	justify-content: flex-end;
}
.div_btn button{
	font-family: Arial, SourceSansPro, Helvetica;
	/* background-color: #0069D9; */
	background-color: #FFFFFF;
	width: 160px;
	border-radius: 25px;
	font-size: 0.85em;
	color: #0069D9;
	border: 1px solid #0069D9;
	padding: 10px;
	cursor: pointer;
}
.div_btn button:hover{
	background-color: #FFFFFF;
	border: 1px solid transparent;
	color: #0069D9;
	border: 1px solid #0069D9;
}
.info{
	flex-direction: column;
	margin-bottom: 40px;
	border-bottom: 1px solid #ABABAB;
}
.info h5{
	font-family: Playfair_Display_Bold, Montserrat-Bold,  Courgette-Regular, Lobster-Regular, SansSerif;
	font-size: 21px;				
	line-height: 31.5px;
	color: rgb(21, 21, 21);
}
.info p{
	margin: 0px;
	padding: 7px 20px 20px;
}
.icoContact{
	color: #6167D4;
	margin-right: 10px;
	font-size: 1.2em;
}






/****** MEDIA QUERYS ********/

/* SCREEN 1920 */
@media (min-width:1900px) and (max-height:1080px) {
	.main{
		width: 80%;
	}
	.btn-whatsapp {
		bottom: 28em;
		right: 10em;
	}

}


@media (max-width:1600px) and (max-height:900px) {
	.btn-whatsapp {
		bottom: 10em;
		right: 10em;
	}

}


@media (max-width:1366px) and (max-height:768px) {
	.btn-whatsapp {
		bottom: 12.5em;
		right: 10em;
	}

}

@media (max-width:375px) and (max-height:667px) {
	.div_img{
		width: 98%;
		height: 90px;
	}
	.div_img img{
		width: 100%;
		height: 85px;
	}
	.btn-whatsapp {
		top: 34em;
		right: 10em;
	}
	.div_subttl h4{
		font-size: 1.5em;
	}

}

@media (max-width:414px) and (max-height:896px) {
	.btn-whatsapp {
		top: 34.5em;
		right: 10em;
	}

}

@media (max-width:412px) and (max-height:915px) {
	.btn-whatsapp {
		top: 34.5em;
		right: 10em;
	}

}


/* SCREEN 1138 */
@media screen and (max-width:1138px) {
	.main{
		width: 95%;
		margin-left: 3%;
		margin-top: 13%;
	}
	#header{
		left: 2%;
		width: 95%;
	}

}

@media (max-width:1138px) and (max-height:712px) {
	.btn-whatsapp {
		bottom: 8em;
		right: 1em;
	}

}



/* SCREEN 1024 */
@media screen and (max-width:1024px) {
	.main{
		margin: 20% 0px 20px 20px;
		width: 95%;
	}

}

@media (max-width:1024px) and (max-height:1366px) {
	.btn-whatsapp {
		bottom: 45em;
	}

}



/* SCREEN 896 */
@media screen and (max-width:896px) {
	.btn-whatsapp {
		bottom: -0.1em;
		right: 2.8em;
	}
	.ir_arriba {
		bottom : 0em;
		right : 0.62em;
	}

}



/* SCREEN 768 */
@media screen and (max-width:768px) {
	.main{
		margin-top: 27%;
		margin-left: 10px;
		width: 95%;
	}
	
}



/* SCREEN 740 */
@media screen and (max-width:740px) {
	.btn-whatsapp {
		bottom: 0em;
		right: 3.5em;
	}

}


@media (max-width:712px) and (max-height:1138px) {
	.btn-whatsapp {
		bottom: 32em;
		right: 1em;
	}

}


/* SCREEN 414 */
@media screen and (max-width:414px) {
	.main{
		margin-top: 48%;
		width: 97%;
	}
	.div_contened{
		flex-direction: column;
	}
	.div_contact{
		width: 97%;
	}
	.div_infocontact{
		visibility: hidden;
		display: none;
	}
	.btn-whatsapp {
		bottom: 17em;
		left: 1em;
	}
	.ir_arriba {
		bottom: 0em;
		right: 1em;
	}

}


@media (max-width: 414px) and (max-height: 736px) {
	.div_img{
		width: 98%;
		height: 90px;
	}
	.div_img img{
		width: 100%;
		height: 85px;
	}
	.btn-whatsapp {
		bottom: 7.3em;
	}

}


/* SCREEN 412 */
@media screen and (max-width:412px) {
	.btn-whatsapp {
		bottom: 18.3em;
	}

}


/* SCREEN 390*/
@media screen and (max-width:390px) {
	.btn-whatsapp {
		bottom: 14.5em;
	}

}



/* SCREEN 375*/
@media screen and (max-width:375px) {
	.main{
		margin-top: 50%;
	}
	.btn-whatsapp {
		bottom: 3.5em;
	}
	.ir_arriba {
		bottom: 0em;
		/* right: 0.62em; */
	}

}


/* SCREEN 360 */
@media screen and (max-width:360px) {
	.btn-whatsapp {
		bottom: 7.3em;
		left: 1em;
	}
	.ir_arriba {
		bottom: 0em;
		right: 0.62em;
	}

}


@media (max-width:360px) and (max-height:740px) {
	.btn-whatsapp {
		top: 33em;
		left: 1em;
	}
	.div_subttl h4{
		font-size: 1.7em;
	}

}


@media (max-width:320px) and (max-height:658px) {
	.btn-whatsapp {
		top: 34.5em;
		left: 1em;
	}
	.div_subttl h4{
		font-size: 1.5em;
	}

}



/* SCREEN 320*/
@media screen and (max-width:320px) {
	.main{
		margin-top: 60%;
	}
	.btn-whatsapp {
		bottom: 0em;
		left: 1em;
	}
	.ir_arriba {
		bottom: 0em;
		right: 0.62em;
	}

}


@media (max-width:320px) and (max-height:568px) {
	.main{
		margin-top: 55%;
	}
	.div_img{
		width: 98%;
		height: 90px;
		margin-bottom: 10px;
	}
	.div_img img{
		width: 100%;
		height: 80px;
	}
	.div_subttl h4{
		font-size: 1.5em;
	}
	.div_recapt{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.btn-whatsapp {
		top: 31em;
	}


}


@media (max-width:768px) and (max-height:1024px) {
	.btn-whatsapp {
		bottom: 24em;
	}

}



@media (max-width:280px) and (max-height:653px) {
	.btn-whatsapp {
		top: 33em;
		right: 10em;
	}
	.div_img{
		width: 98%;
		height: 100px;
		margin-bottom: 10px;
	}
	.div_img img{
		width: 100%;
		height: 100%;
	}
	.div_subttl h4{
		font-size: 1.5em;
	}

}