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

div#contacts { display: block; position: relative; width: 100%; padding: 0 0 100px 0; margin: 0 auto; font-size: 0; }
	div#contacts div.container { display: block; position: relative; width: 1200px; margin: 0 auto; font-size: 0; }
	div#contacts div.container.small { width: 950px; }

@media all and ( max-width: 1199px )
{
	div#contacts div.container,
	div#contacts div.container.small { width: auto; margin: 0 10px; }
}

/* ================================================================================================================== */
/* geral */
/* ================================================================================================================== */

div#contacts div.general { display: block; position: relative; width: 100%; height: auto; padding: 250px 0 150px 0; background: transparent url(../images/bg_contacts.jpg) no-repeat center center fixed; background-size: cover; }
	div#contacts div.general h1.title { font-size: 100px; line-height: 150px; color: #ffffff; }

@media all and ( max-width: 1199px )
{
	div#contacts div.general { padding: 150px 0; }
		div#contacts div.general h1.title { width: auto; margin: 0 10px; font-size: 35px; line-height: 40px; }
}

/* ================================================================================================================== */
/* contactos */
/* ================================================================================================================== */

div#contacts div.contacts { display: block; position: relative; padding: 50px 0; }
	div#contacts div.contacts ul { display: block; position: relative; text-align: left; font-size: 0; width: 550px; margin: 0; }
		div#contacts div.contacts ul li { display: inline-block; position: relative; vertical-align: top; margin: 0 20px 10px 0; }
		div#contacts div.contacts div.tab { display: block; position: relative; padding: 40px 0 0 0; font-size: 0; }
			div#contacts div.contacts div.tab p.text { display: inline-block; position: relative; width: 550px; vertical-align: top; }
			div#contacts div.contacts div.tab div.map { display: inline-block; position: relative; width: 600px; height: 300px; vertical-align: top; margin: -80px 0 0 50px; }
			div#contacts div.contacts div.tab div.map *,
			div#contacts div.contacts div.tab div.map { transition-property: none; -webkit-transition-property: none; -moz-transition-property: none; transition-duration: 0ms; -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; }

@media all and ( max-width: 1199px )
{
	div#contacts div.contacts ul { width: auto; margin: 0 auto; text-align: center; }
	div#contacts div.contacts ul li { margin: 5px; }
		div#contacts div.contacts div.tab { text-align: center; }
			div#contacts div.contacts div.tab p.text { width: auto; }
			div#contacts div.contacts div.tab div.map { width: 100%; margin: 35px 0 0 0; }
}

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

div#contacts form { display: block; position: relative; width: auto; margin: 0; vertical-align: top; background-color: #f1f1f2; padding: 60px 0; }
	div#contacts form h1 { margin: 0 0 35px 0; font-size: 30px; line-height: 35px; }
	div#contacts form label { display: block; position: relative; 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: 12px; line-height: 20px; resize: none; box-sizing: border-box; width: 100%; border: 1px solid #a3a1a1; padding: 0 5px; margin: 5px 0 0 0; }
	div#contacts form textarea { height: 60px; min-height: 60px; }
	div#contacts form input[type="text"]:focus,
	div#contacts form textarea:focus { border: 1px solid #231f20; }
	div#contacts form div.submit { margin: 25px 0 0 0; }
	div#contacts form input[type="submit"] { font-size: 16px; padding: 0; background-color: transparent; color: #ffffff; border: none; box-sizing: border-box; margin: 0; cursor: pointer; z-index: 2; }

@media all and ( max-width: 1099px )
{
	div#contacts form { text-align: center; }
		div#contacts form label { display: inline-block; }
			div#contacts form textarea,
			div#contacts form input[type="text"] { width: 300px }
}