#contacts { display: block; position: relative; width: 1200px; margin: 0 auto; }

@media all and ( max-width: 1199px )
{
	#contacts { width: 100%; padding: 20px 0; background-color: transparent; }
}

    /* titulo */
    #contacts div.title { display: block; position: relative; height: 50px; width: 100%; margin: 0 auto; padding: 0 35px; }
        #contacts div.title h1 { display: block; position: relative; height: 50px; line-height: 50px; margin: 0; font-size: 40px; font-weight: bold; color: #f8eb00; overflow: hidden; }

	@media all and ( max-width: 1099px )
	{
		#contacts div.title { padding: 0; width: 90%; height: auto; margin: 0 auto; }
			#contacts div.title h1 { height: auto; font-size: 22px; }
	}

    /* blocos */
    #contacts div.block { display: block; position: relative; width: 46%; margin: 25px 0 25px 4%; float: left; }
		#contacts div.block h2 { display: block; position: relative; color: #1c49ff; font-weight: bold; font-size: 18px; line-height: 35px; }
        #contacts div.block p { display: block; position: relative; margin: 5px 20px 0 20px; font-size: 14px; line-height: 23px; text-align: justify; }

	@media all and ( max-width: 1099px )
	{
		#contacts div.block { width: 90%; margin: 5px auto; float: none; }
		#contacts div.block p { margin: 5px 0 20px 0; }
	}

    /* mapa */
	#contacts div#cmap { display: block; position: relative; width: 1200px; height: 350px; margin: 50px auto 25px auto; }

	@media all and ( max-width: 1099px )
	{
		#contacts div#cmap { width: 100%; margin: 50px auto 0 auto; }
	}