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

div#contacts { display: block; position: relative; width: 100%; padding: 0 0 100px 0; margin: 0 auto; font-size: 0; }
	div#contacts div.text { display: block; position: relative; background-color: #f5f5f5; padding: 100px 0; }
	div#contacts div.container { display: block; position: relative; width: 1200px; margin: 0 auto; text-align: center; font-size: 0; }
		div#contacts .col { display: inline-block; position: relative; width: auto; margin: 0; text-align: left; font-size: 0; vertical-align: top; width: 525px; }
		div#contacts .col:nth-child(2) { margin: 0 0 265px 150px; }

@media all and ( max-width: 1199px )
{
	div#contacts { padding: 0; }
		div#contacts div.text { padding: 25px 0; }
		div#contacts div.container { width: auto; margin: 0 10px; }
		div#contacts .col,
		div#contacts .col:nth-child(2) { display: block; width: auto; max-width: 400px; margin: 0 auto; }
		div#contacts .col:nth-child(2) { margin: 50px auto 0 auto }
}

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

div#contacts p.text { margin: 10px 0 35px 0; color: #000000; }
div#contacts p.text:nth-child(2) { margin: 60px 0 35px 0; color: #000000; }

@media all and ( max-width: 1199px )
{
	div#contacts p.text,
	div#contacts p.text:nth-child(2) { margin: 15px 0; }
}

/* ================================================================================================================== */
/* orcamento */
/* ================================================================================================================== */

div#contacts form { display: block; position: relative; width: auto; margin: 0; vertical-align: top; }
	div#contacts form p { margin: 60px 0 40px 0; }
	div#contacts form p.terms { display: block; position: relative; margin: 25px 0; font-size: 11px; }
		div#contacts form p.terms a { display: inline-block; position: relative; margin: 0 2px; font-size: 11px; text-decoration: underline; }
		div#contacts form p.terms a:hover { color: #0000fe; }
	div#contacts form label { display: block; position: relative; font-size: 14px; line-height: 20px; margin: 8px 0 0 0; vertical-align: middle; }
	div#contacts form img.captcha { display: inline-block; position: relative; vertical-align: middle; margin: 0 0 5px 0; }
	div#contacts form input[type="text"],
	div#contacts form textarea { display: block; position: relative; font-size: 11px; line-height: 20px; resize: none; box-sizing: border-box; width: 100%; border: 1px solid #d4d5d6; padding: 0 5px; }
	div#contacts form textarea { height: 60px; min-height: 60px; }
	div#contacts form input[type="text"]:focus,
	div#contacts form textarea:focus { border: 1px solid #a4a5a6; }
	div#contacts form div.submit { display: inline-block; position: relative; margin: 35px 0 0 0; border: 1px solid #0000fe; cursor: pointer; }
		div#contacts form div.submit input[type="submit"] { display: block; position: relative; font-size: 14px; line-height: 25px; padding: 0 50px; background-color: transparent; color: #0000fe; border: none; box-sizing: border-box; margin: 0; cursor: pointer; z-index: 2; }
		div#contacts form div.submit:hover input[type="submit"] { color: #ffffff; }
		div#contacts form div.submit span { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #0000fe; z-index: 1; }
		div#contacts form div.submit:hover span { height: 100%; }

@media all and ( max-width: 1199px )
{
	div#contacts form { width: 100%; max-width: 400px; }
		div#contacts form p { margin: 15px 0; }
		div#contacts form label { display: block; margin: 0 auto; }
			div#contacts form textarea,
			div#contacts form input[type="text"] { width: 100%; box-sizing: border-box; }
}

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

div#contacts div.map { display: block; position: relative; width: auto; text-align: right; font-size: 0; }
	div#contacts div#map { display: inline-block; position: relative; width: 600px; height: 585px; margin: -365px 0 0 0; }

@media all and ( max-width: 1199px )
{
	div#contacts div#map { width: 100%; height: 600px; margin: 0; }
}