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

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

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
}
@media all and ( max-width: 599px ) {
}

/* ================================================================================================================== */
/* titulo */
/* ================================================================================================================== */

#contacts div.title { display: block; position: relative; width: 1200px; height: 50px; margin: 25px auto 0 auto; }
	#contacts div.title h1 { display: block; position: relative; width: auto; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 40px; line-height: 50px; text-align: center; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#contacts div.title { width: 600px; height: auto; }
		#contacts div.title h1 { font-size: 30px; line-height: 35px; }
}
@media all and ( max-width: 599px ) {
	#contacts div.title { width: 320px; margin: 25px auto 15px auto; height: auto; }
		#contacts div.title h1 { font-size: 22px; line-height: 30px; }
}

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

#contacts div.contacts { display: block; position: relative; margin: 30px auto 0 auto; width: 700px; text-align: center; }
	#contacts div.contacts div.block { display: block; position: relative; float: left; margin: 0 50px 10px 0; width: 200px; text-align: left; }
	#contacts div.contacts div.block:nth-child(3) { margin: 0 0 10px 0; }
	#contacts div.contacts h2 { display: block; position: relative; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 14px; line-height: 20px; margin: 0; }
	#contacts div.contacts p { display: block; position: relative; font-family: 'ArialRoundedMTBoldRegular', sans-serif; font-size: 14px; line-height: 20px; margin: 0 0 10px 0; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#contacts div.contacts { width: 600px; }
		#contacts div.contacts div.block { display: inline-block; margin: 10px; width: 250px; float: none; }
		#contacts div.contacts div.block:nth-child(3) { margin: 10px; }
}
@media all and ( max-width: 599px ) {
	#contacts div.contacts { width: 320px; }
		#contacts div.contacts div.block,
		#contacts div.contacts div.block:nth-child(3) { margin: 0 auto 20px auto; float: none; }
}

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

#contacts #cmap { display: block; position: relative; margin: 50px 0 0 0; width: 100%; height: 600px; }
#contacts div.mapShadow { display: block; position: relative; margin: 0 auto; width: 1162px; height: 26px; background: transparent url(../images/shadowMap.png) no-repeat; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#contacts #cmap { height: 400px; }
	#contacts div.mapShadow { display: none; }
}
@media all and ( max-width: 599px ) {
	#contacts #cmap { height: 400px; }
	#contacts div.mapShadow { display: none; }
}