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

#representations { display: block; position: relative; width: 100%; margin: 0 auto; padding: 100px 0 50px 0; background-color: #f5f5f5; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* titulos */

@media all and ( max-width: 599px )
{
	#representations h1.title { display: block; position: relative; width: 90%; margin: 0 auto; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 30px; line-height: 40px; text-align: left; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	#representations h1.title { display: block; position: relative; width: 90%; margin: 0 auto; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 30px; line-height: 40px; text-align: left; }
}
@media all and ( min-width: 1100px )
{
	#representations h1.title { display: block; position: relative; width: 800px; margin: 65px auto 0 auto; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 40px; line-height: 50px; text-align: left; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* representacoes */

@media all and ( max-width: 599px )
{
	#representations div.container { display: block; position: relative; width: 90%; margin: 25px auto 0 auto; text-align: center; vertical-align: top; }
		#representations div.container div.block { display: inline-block; position: relative; border: 3px solid transparent; padding: 5px; width: 215px; margin: 0 20px 50px 20px; overflow: hidden; vertical-align: middle; }
		#representations div.container div.block:hover { border: 3px solid #455560; }
			#representations div.container div.block img { display: block; position: relative; margin: auto; max-width: 100%; z-index: 1; }
			#representations div.container div.block p { display: block; position: relative; line-height: 20px; margin: 15px 0 0 0; font-size: 14px; text-align: center; overflow: hidden; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	#representations div.container { display: block; position: relative; width: 90%; margin: 25px auto 0 auto; text-align: center; vertical-align: top; }
		#representations div.container div.block { display: inline-block; position: relative; border: 3px solid transparent; padding: 5px; width: 215px; margin: 0 20px 50px 20px; overflow: hidden; vertical-align: middle; }
		#representations div.container div.block:hover { border: 3px solid #455560; }
			#representations div.container div.block img { display: block; position: relative; margin: auto; max-width: 100%; z-index: 1; }
			#representations div.container div.block p { display: block; position: relative; line-height: 20px; margin: 15px 0 0 0; font-size: 14px; text-align: center; overflow: hidden; }
}
@media all and ( min-width: 1100px )
{
	#representations div.container { display: block; position: relative; width: 1100px; margin: 25px auto 0 auto; text-align: center; vertical-align: top; }
		#representations div.container div.block { display: inline-block; position: relative; border: 3px solid transparent; padding: 5px; width: 215px; margin: 0 20px 50px 20px; overflow: hidden; vertical-align: middle; }
		#representations div.container div.block:hover { border: 3px solid #455560; }
			#representations div.container div.block img { display: block; position: relative; margin: auto; max-width: 100%; z-index: 1; }
			#representations div.container div.block p { display: block; position: relative; line-height: 20px; margin: 15px 0 0 0; font-size: 14px; text-align: center; overflow: hidden; }
}


/* ------------------------------------------------------------------------------------------------------------------ */