/* ================================================================================================================== */
/* 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; padding-top: 50px; background-color: #ffffff }
	#contacts div.col.dark { background-color: #f6f6f6; padding: 60px 80px 60px 80px; }
		#contacts div.col span.separator { display: block; position: relative; width: 70px; height: 5px; background-color: #f9b32f; margin: 35px 0; }

@media all and (max-width: 1199px) {
	#contacts { text-align: center; }
		#contacts div.col { width: 100%; }
		#contacts div.col.dark { padding: 25px; }
			#contacts div.col span.separator { margin: 35px auto; }
}

/* ================================================================================================================== */
/* titulo */
/* ================================================================================================================== */

#contacts div.title { display: block; position: relative; width: auto; margin: 0 0 35px 0; padding: 345px 0 65px 0; background: transparent url(../images/contacts_bg.jpg) no-repeat center center; background-size: cover; }
	#contacts div.title h1 { display: block; position: relative; font-size: 60px; line-height: 65px; color: #ffffff; text-align: center; text-shadow: 3px 3px 5px #000000; }

@media all and (max-width: 1199px) {
	#contacts div.title { text-align: left; padding: 50px 0 30px 0; }
		#contacts div.title h1 { font-size: 22px; line-height: 35px; }
}

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

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

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

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

#contacts div.budget { text-align: left; }
	#contacts div.budget p.description { color: #9c9c9c; margin: 25px 0; }
	#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: 18px; }
		#contacts div.budget label input[type="text"] { width: 100%; border: none; line-height: 35px; height: 35px; background-color: transparent; border-bottom: 2px solid #000000; padding: 0 3px; font-size: 12px; }
		#contacts div.budget label textarea { width: 100%; border: none; line-height: 35px; height: 105px; background-color: transparent; border-bottom: 2px solid #000000; padding: 0 3px; font-size: 12px; resize: vertical; }
		#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: #f9b32f; }

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

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

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

div#map { display: block; position: relative; width: 100%; height: 450px; border: 2px solid #ececec; margin: 35px 0 0 0; }

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