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

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

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

#contacts h1 { display: block; position: relative; font-size: 2.5em; }

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

#contacts #map { display: block; position: relative; min-height: 650px; margin:  0; }

@media all and ( max-width: 1200px ) {
	#contacts #map { min-height: 500px; }
}
@media all and ( max-width: 750px ) {
	#contacts #map { min-height: 350px; }
}

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

#contacts div.contacts { display: inline-block; position: absolute; bottom: 0; left: 0; padding: 40px 35px; background-color: #ececec; width: auto; height: auto; }
	#contacts div.contacts div.col { display: inline-block; position: relative; width: auto; vertical-align: top; margin-right: 50px; }
	#contacts div.contacts div.col:last-child { margin-right: 0; }
		#contacts div.contacts div.col span { display: inline-block; width: 35px; height: 34px; background: transparent url(../images/contacts_icons.png) no-repeat; vertical-align: top; }
		#contacts div.contacts div.col span.address { background-position-x: 0; }
		#contacts div.contacts div.col span.contacts { background-position-x: -35px; }
		#contacts div.contacts div.col span.email { background-position-x: -70px; }
		#contacts div.contacts div.col p { display: inline-block; vertical-align: top; margin-left: 20px; margin-top: 10px; }

@media all and ( max-width: 800px ) {
	#contacts div.contacts { position: relative; padding: 15px; }
}