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

div#contacts { display: block; position: relative; width: 100%; min-height: 100%; padding: 150px 0 0 0; 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: 50%; vertical-align: top; padding: 0 150px; }
	div#contacts div.budget p.text { margin: 20px 0 35px 0; }

	div#contacts div.budget form { display: block; position: relative; margin: 0; vertical-align: top; }
		div#contacts div.budget form label { display: block; position: relative; border: none; padding: 0; border-bottom: 8px solid #d0d2d3; margin: 0 0 20px 0; }
		div#contacts div.budget form label.captcha
		{
			display: inline-block;
			vertical-align: top;
			width: auto;
			width: -webkit-calc(100% - 69px - 20px);
			width:    -moz-calc(100% - 69px - 20px);
			width:         calc(100% - 69px - 20px);
		}
		div#contacts div.budget form p { display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; line-height: 22px; text-align: left; cursor: text; }
		div#contacts div.budget form span { display: block; position: absolute; bottom: -8px; left: 0; width: 0; height: 8px; background-color: #f6921e; }
		div#contacts div.budget form input[type="text"],
		div#contacts div.budget form textarea { display: block; position: relative; border: none; width: 100%; font-size: 12px; line-height: 22px; resize: none; margin: 0 0 5px 0; padding: 0 150px 0 0; overflow: hidden; }
		div#contacts div.budget form textarea { height: 22px; }

		div#contacts div.budget form textarea[data-status="orange"] ~ span,
		div#contacts div.budget form input[type="text"][data-status="orange"] ~ span { width: 100%; }
		div#contacts div.budget form textarea[data-status="orange"] ~ p,
		div#contacts div.budget form input[type="text"][data-status="orange"] ~ p { text-align: right; }

		div#contacts div.budget form input[type="text"].captcha { display: inline-block; width: auto; vertical-align: top; }
		div#contacts div.budget form img { display: inline-block; position: relative; margin: 0 0 0 20px; vertical-align: top; padding: 0; border-bottom: 8px solid #d0d2d3; }

		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-size: 10px; line-height: 15px; color: #a5a7aa; text-decoration: none; }
			div#contacts div.budget form p.terms a:hover { color: #1b75bb; }

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

@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: 40%; padding: 50px 75px; margin: 0 0 0 10%; vertical-align: top; background-color: #1b75bb; }
	div#contacts div.text h2,
	div#contacts div.text p { font-size: 24px; line-height: 30px; color: #ffffff; }
	div#contacts div.text p { margin: 0 0 50px 0; }
	div#contacts div.text p:last-child { margin: 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: 450px; margin: 75px 0 0 0; }