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

#contacts { display: block; position: relative; width: 100%; height: auto; margin: 0 auto; padding: 0; }

/* ================================================================================================================== */
/* banner */
/* ================================================================================================================== */

#contacts div.banner { display: block; position: relative; width: auto; height: auto; padding: 180px 90px 65px 90px; background: transparent url(../images/contacts_bg.jpg) no-repeat center center; background-size: cover; }
	#contacts div.banner h2 { display: block; position: relative; font-size: 4.375em; color: #ffffff; }

@media all and ( max-width: 1000px ) {
	#contacts div.banner { padding: 100px 25px 35px 25px; }
		#contacts div.banner h2 { font-size: 3.75em; }
}

/* ================================================================================================================== */
/* blocos */
/* ================================================================================================================== */

#contacts div.block { display: inline-block; position: relative; width: 50%; padding: 50px 50px; vertical-align: top; }
#contacts span.separator { display: block; position: relative; width: 100%; height: 1px; background-color: #b7b7b7; }
	#contacts div.block h1 { display: block; position: relative; font-size: 2.187em; color: #00aeef; }
	#contacts div.block h2 { display: block; position: relative; }
	#contacts div.block p { display: block; position: relative; margin: 15px 0 0 0; }
	#contacts div.block div.col { display: inline-block; position: relative; vertical-align: top; padding: 20px 50px 0 0; width: 50%; }
	#contacts div.block div.col:nth-child(2n) { padding: 20px 0 0 50px; }
	#contacts div.block a { display: inline-block; position: relative; vertical-align: top; border: 1px solid #121c4d; padding: 5px 25px; margin: 35px 0 0 0; text-decoration: none; }
	#contacts div.block a:hover { border: 1px solid #00aeef; background-color: #00aeef; }
		#contacts div.block a p { display: inline-block; position: relative; vertical-align: middle; font-size: 0.875em; margin: 0 10px 0 0; }
		#contacts div.block a:hover p { color: #ffffff; }
		#contacts div.block a span { display: inline-block; position: relative; vertical-align: middle; width: 23px; height: 23px; background: transparent url(../images/location_icon.png) no-repeat; }
		#contacts div.block a:hover span { background-position-y: -23px; }

@media all and ( max-width: 850px ) {
	#contacts div.block { width: 100%; padding: 50px 0; }
}
@media all and ( max-width: 550px ) {
	#contacts div.block { text-align: center; }
	#contacts div.block div.col,
	#contacts div.block div.col:nth-child(2n) { width: 100%; padding: 20px 0; }
}