body {
	background-color: #f5f5f5;
}
.parent {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1000px;
	margin: 70px auto;
/*-webkit-box-shadow: 0px -1px 300px -63px rgba(0,0,0,0.39);
-moz-box-shadow: 0px -1px 300px -63px rgba(0,0,0,0.39);
box-shadow: 0px -1px 300px -63px rgba(0,0,0,0.39);
*/
}
.mapa {
	width: 100%;
	height: 100%;
	max-width: 500px;
	max-height: 600px;
	margin: auto;
	min-width: 300px;
}
.map {
	width: 100%;
	height:550px;

}

.formu {
	max-width: 500px;
	background-color: white;
	margin: 0 auto;
	width: 100%;
	max-height: 650px;
	height: 100% auto;
}

.titulo-contacto {
	margin-top: 30px;
	margin-left: 25px;
	font-family: Montserrat;
	font-weight: 600;
	color: #2b2b2b;
	font-size: 26px;
}
.datos{
	width: 100%;
	
}
.ubic {
	
	display: inline-block;
	line-height: 25px;

	max-width: 180px;
	margin-top: 25px;
	margin-left: 25px;
	font-family: Montserrat;
	height: auto;
	color: #2b2b2b;
	font-size: 13px;
	letter-spacing: 1px;
}
.textoubic{

	margin-left: 15px;
	display: inline-block;
	max-width: 140px;
}
.textotel{

	margin-left: 15px;
	display: inline-block;
	max-width: 200px;
}
.tel {
	line-height: 25px;
	display: inline-block;
	max-width: 240px;
	margin-top: 25px;
	margin-left: 25px;
	font-family: Montserrat;
	color: #2b2b2b;
	font-size: 13px;
	letter-spacing: 1px;

}
.ico {
	float: left;
	display: inline-block;
	margin: 13px auto;
	
	width: 25px;
}
	.cf
{
  margin: 50px auto 30px auto ;
  max-width: 1000px;
  text-align: left;
  width: 90%;
}
.cf > input, .cf > textarea
{
	padding: 15px;
	border: 1px solid #ccc;
	
	width: 100%;
	display: block;
	margin: auto;
	margin-top: 25px;
	
	
	
	font-family: montserrat;
	font-size: 13px;
 
}

input:focus{
	outline: none;
	border-color:#0e9850;
}

textarea:focus{
	outline: none;
	border-color:#0e9850;
}

.cf > textarea {
	height: 120px;
	resize: none;
}
#input-messaje {
	height: 120px;
}
.cf .submit{
	float: right;
	font-family: Montserrat;
	font-weight: bolder;
	color: white;
	height: 5%;
	width: 40%;
	background-color: #0e9850;
}

@media (max-width: 1100px){
	.cf {
		width: 95%;
	}
	#imagen-header {
		display: none;

	}
	.mapa {
		max-width: 100%;
		margin-bottom: -40px;
	}
	.map {
		max-width: 100%;
	}
	.formu {
		max-width: 100%;
		height: 560px;
	}
	.parent {
		margin-top: 40px;
	}

}


@media (max-width: 490px){
	.cf {
		width: 90%;
	}
	
	.formu {
		max-width: 100%;
		height: 630px;
	}
.mapa {
		max-height: 100%;
		height: 400px;
		margin-bottom: -40px;
	}
	.map {
		max-width: 100%;
		height: 400px;
	}

	.titulo-contacto {

	font-size: 20px;
}

}