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

#contacts { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }
	#contacts div.col { display: inline-block; position: relative; width: 50%; vertical-align: top; text-align: center; padding: 80px; }
	#contacts div.col.dark { background-color: #eceded; padding: 80px 180px 80px 80px; }

@media all and ( max-width: 899px ) {
	#contacts { text-align: left; }
		#contacts div.col { display: block; width: auto; padding: 0; text-align: left; }
		#contacts div.col.dark { padding: 10px; }
}

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

#contacts div.text { display: inline-block; position: relative; width: auto; margin: 0; text-align: left; vertical-align: top; }
	#contacts h1 { font-size: 30px; line-height: 40px; margin: 0 0 25px 0; }
	#contacts p.text { margin: 0 0 25px 0; }

@media all and (max-width: 1199px) {
	#contacts div.text { display: block; text-align: left; width: 100%; margin: 0 0 50px 0; }
}

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

#contacts div.budget { text-align: left; }
	#contacts div.budget label { display: block; position: relative; width: 100%; margin: 0 0 10px 0; font-size: 0; }
		#contacts div.budget label p { padding: 0; font-size: 14px; line-height: 15px; }
		#contacts div.budget label input[type="text"] { width: 100%; border: none; line-height: 22px; height: 22px; background-color: #ffffff; padding: 0 3px; font-size: 12px; }
		#contacts div.budget label textarea { width: 100%; border: none; line-height: 22px; height: 66px; background-color: #ffffff; padding: 0 3px; font-size: 12px; }
		#contacts div.budget label div.left { display: inline-block; position: relative; vertical-align: top; }
		#contacts div.budget label div.left
		{
			width: 60%;
			width: -webkit-calc(100% - 150px - 10px);
			width:    -moz-calc(100% - 150px - 10px);
			width:         calc(100% - 150px - 10px);
		}
		#contacts div.budget label div.right { display: inline-block; position: relative; vertical-align: top; width: 150px; margin: 0 0 0 10px; background-color: #ffffff; }
			#contacts div.budget label div.right img { display: block; position: relative; margin: 0 auto; }

		div#contacts div.budget p.terms { display: block; position: relative; font-size: 10px; line-height: 15px; margin: 0 0 15px 0; text-align: left; }
			div#contacts div.budget p.terms a { display: inline-block; position: relative; font-size: 10px; line-height: 15px; text-decoration: none; }
			div#contacts div.budget p.terms a:hover { color: #59bad5; }

	div#contacts div.budget input[type="submit"] { display: inline-block; position: relative; font-size: 12px; line-height: 38px; border: 2px solid #323a47; background-color: #323a47; color: #ffffff; padding: 0 50px; margin: 35px 0 0 0; text-decoration: none; cursor: pointer; }
	div#contacts div.budget input[type="submit"]:hover { border: 2px solid #59bad5; background-color: #59bad5; }

@media all and (max-width: 1199px) {
	#contacts div.budget { display: block; width: 100%; text-align: left; margin: 0 auto; }
		#contacts div.budget form { max-width: 400px; margin: 0 auto; }
}

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

div#map { display: block; position: relative; width: 100%; height: 450px; margin: 10px 0 0 0; }

@media all and (max-width: 1199px) {
	div#map { height: 300px; }
}