/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

div#contacts { display: block; position: relative; width: 100%; padding: 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* slide */

div#contacts div.slide { display: block; position: relative; width: 100%; margin: 0; }
div#contacts div.slide
{
	height: 700px;
	height: -webkit-calc( 100vh - 200px - 100px );
	height:    -moz-calc( 100vh - 200px - 100px );
	height:         calc( 100vh - 200px - 100px );
}
	div#contacts div.slide div.banner { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	div#contacts div.slide div.banner:first-child { display: block; }
	div#contacts div.slide span.bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 199; background: transparent url(../src/img/bannerBg.png) repeat; }
	div#contacts div.slide span.bottom { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 68px; z-index: 200; background: transparent url(../src/img/bannerContacts.png) no-repeat; background-size: 100% 100%; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* formulario */

form#budget { display: block; position: relative; width: 100%; margin: 0 auto; padding: 50px 0; font-size: 0; background-color: #9a917b; }
	form#budget h1 { display: block; position: relative; width: 100%; text-align: center; font-size: 35px; color: #ffffff; font-family: 'ArialBold', sans-serif; }
	form#budget h2 { display: block; position: relative; width: 100%; text-align: center; font-size: 16px; color: #ffffff; margin: 5px 0 35px 0; }
	form#budget div.container { display: block; position: relative; width: 800px; margin: 0 auto; font-size: 0; }
	form#budget div.colLeft { display: block; position: relative; width: 350px; float: left; }
	form#budget div.colRight { display: block; position: relative; width: 350px; float: right; }
	form#budget label { display: block; position: relative; font-size: 14px; line-height: 20px; text-align: left; color: #ffffff; }
	form#budget p.mandatory { display: block; position: relative; font-size: 14px; line-height: 20px; text-align: left; margin: 15px 0 0 0; color: #ffffff; }
	form#budget input[type="text"] { display: block; position: relative; border: 1px solid #a0a2a5; width: 90%; height: 20px; line-height: 20px; background-color: #ffffff; margin: 0 0 15px 0; font-size: 12px; }
	form#budget input[type="file"] { display: block; position: relative; border: 1px solid #a0a2a5; width: 90%; height: 20px; line-height: 20px; background-color: #ffffff; margin: 0 0 15px 0; font-size: 12px; }
	form#budget textarea { display: block; position: relative; border: 1px solid #a0a2a5; width: 90%; height: 60px; resize: none; line-height: 20px; background-color: #ffffff; margin: 0 0 15px 0; font-size: 12px; padding: 0; }
	form#budget input[type="submit"] { display: block; position: relative; border: none; background-color: #ffffff; padding: 5px 25px; color: #9a917b; font-family: 'ArialBold', sans-serif; cursor: pointer; margin: 35px 0 0 0; }
	form#budget input[type="submit"] { transition-property: all; transition-duration: 400ms; }
	form#budget input[type="submit"]:hover { background-color: #003790; color: #ffffff; }

	form#budget img.captcha { display: block; position: relative; float: left; height: 25px; }
	form#budget input.captcha { float: left; margin: 0 15px 0 0; line-height: 22px; height: 22px; }
	form#budget input.captcha
	{
		width: 90%;
		width: calc( 90% - 65px - 15px );
		width: -webkit-calc( 90% - 65px - 15px );
		width: -moz-calc( 90% - 65px - 15px );
	}


/* ------------------------------------------------------------------------------------------------------------------ */
/* contactos */

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

div#contacts div.contacts { display: block; position: relative; width: 100%; margin: 0; background-color: #003790; }
	div#contacts div.contacts div.container { display: block; position: relative; min-height: 450px; width: 600px; margin: 0 auto; padding: 50px 0; }
		div#contacts div.contacts div.container h1 { display: block; position: relative; font-size: 35px; line-height: 40px; width: 200px; padding: 0 0 25px 0; color: #ffffff; font-family: 'ArialNarrow', sans-serif; margin: 0; }
		div#contacts div.contacts div.container div.text { display: block; position: relative; width: 275px; float: left; padding: 25px 0 0 0; margin: 0; }
			div#contacts div.contacts div.container div.text h2 { display: block; position: relative; font-size: 18px; color: #ffffff; line-height: 35px; margin: 15px 0 0 0; }
			div#contacts div.contacts div.container div.text h2:first-child { margin: 0; }
			div#contacts div.contacts div.container div.text p { display: block; position: relative; font-size: 14px; color: #ffffff; line-height: 20px; margin: 0; }


/* ------------------------------------------------------------------------------------------------------------------ */