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

div#contacts { display: block; position: relative; width: 100%; padding: 0 0 50px 0; overflow: hidden; font-size: 0; }
	div#contacts div.right { display: inline-block; position: relative; width: 50%; margin: 120px 0 0 0; text-align: left; vertical-align: top; }
		div#contacts div.right div.container { display: block; position: relative; width: 550px; margin: 0 0 0 50px; }

@media all and ( max-width: 1199px ) {
	div#contacts { padding: 0; }
		div#contacts div.right { display: block; width: auto; margin: 25px 0 0 0; }
			div#contacts div.right div.container { width: auto; margin: 0 10px; text-align: center; }
}

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

div#contacts h1 { display: block; position: relative; width: auto; font-size: 30px; line-height: 35px; margin: 0 0 50px 0; font-weight: bold; }
div#contacts p { display: block; position: relative; width: 100%; font-size: 14px; line-height: 20px; }
div#contacts a { display: inline-block; position: relative; margin: 25px 0 0 0; width: 20px; height: 21px; background: transparent url(../src/img/facebook.png) no-repeat; }
div#contacts a:hover { background-position: 0 -21px; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* mapa */

div#map { display: inline-block; position: relative; width: 50%; height: 475px; margin: 50px 0 0 0; }
div#map,
div#map *
{
	transition-property: none;
	-webkit-transition-property: none;
	-moz-transition-property: none;
}

@media all and ( max-width: 1199px ) {
	div#map { display: block; width: auto; height: 350px; margin: 0; }
}