/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

div#contacts { display: block; position: relative; width: 100%; min-height: 100%; padding: 0; margin: 0 auto; }
	div#contacts div.red { display: block; position: relative; width: 100%; background: transparent url(../images/bg_red.jpg) no-repeat center center; background-size: cover; padding: 50px 0 100px 0; }
		div#contacts div.red div.container { display: block; position: relative; width: 1200px; margin: 0 auto; }

@media all and (max-width: 1199px) {
	div#contacts div.red { padding: 25px 0; }
		div#contacts div.red div.container { width: auto; margin: 0 auto; text-align: center; }
}

/* ================================================================================================================== */
/* formulario */
/* ================================================================================================================== */

div#contacts div.budget { display: inline-block; position: relative; width: 550px; vertical-align: top; }
	div#contacts div.budget h1,
	div#contacts div.budget p { color: #ffffff; }

	div#contacts div.budget form { display: block; position: relative; margin: 45px 0 0 0; vertical-align: top; }
		div#contacts div.budget form label { display: block; position: relative; color: #ffffff; }
		div#contacts div.budget form input[type="text"],
		div#contacts div.budget form textarea { display: block; position: relative; width: 100%; border: 1px solid #695a5d; font-size: 12px; line-height: 28px; padding: 0; resize: vertical; margin: 0 0 20px 0; }
		div#contacts div.budget form textarea { height: 84px; }

		div#contacts div.budget form input[type="text"].captcha { display: inline-block; width: 471px; vertical-align: top; }
		div#contacts div.budget form img { display: inline-block; position: relative; margin: 0 0 0 10px; vertical-align: middle; padding: 0; }

		div#contacts div.budget form p.terms { display: block; position: relative; font-size: 10px; line-height: 15px; color: #a5a8ab; margin: 0 0 25px 0; text-align: left; }
			div#contacts div.budget form p.terms a { display: inline-block; position: relative; font-weight: bold; font-size: 9px; line-height: 15px; color: #a5a7aa; text-decoration: none; }
			div#contacts div.budget form p.terms a:hover { color: #ffffff; }

	div#contacts div.budget form input[type="submit"] { display: inline-block; position: relative; width: auto; margin: 0; height: auto; border: none; vertical-align: middle; font-size: 11px; line-height: 30px; text-decoration: none; color: #b40e3c; cursor: pointer; padding: 0 70px; background-color: #ffffff; }
	div#contacts div.budget form input[type="submit"]:hover { color: #ffffff; background-color: #a5a7aa; }

@media all and (max-width: 1199px) {
	div#contacts div.budget { display: block; width: auto; margin: 0 10px; }

		div#contacts div.budget form { margin: 25px 0 0 0; }

			div#contacts div.budget form input[type="text"].captcha { width: auto; }
}

/* ================================================================================================================== */
/* texto */
/* ================================================================================================================== */

div#contacts div.text { display: inline-block; position: relative; width: 550px; padding: 40px 0 0 0; margin: 0 0 0 100px; vertical-align: top; }
	div#contacts div.text h1 { color: #ffffff; }
	div#contacts div.text p { color: #ffffff; margin: 0 0 20px 0; }

@media all and (max-width: 1199px) {
	div#contacts div.text { width: auto; margin: 0; }
}

/* ================================================================================================================== */
/* mapa */
/* ================================================================================================================== */

div#map { display: block; position: relative; width: 100%; height: 500px; }