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

div#catalogs { display: block; position: relative; width: 1200px; padding: 25px 0; margin: 0 auto; font-size: 0; text-align: center; }
	div#catalogs h1 { display: block; position: relative; }
	div#catalogs p { display: block; position: relative; margin: 0 0 50px 0; }

@media all and (max-width: 1199px) {
	div#catalogs { width: auto; margin: 0 10px; }
}

/* ================================================================================================================== */
/* representacao */
/* ================================================================================================================== */

div#catalogs .block { display: inline-block; position: relative; width: 220px; height: 350px; margin: 0 40px 40px 40px; }
	div#catalogs .block div.hover { display: block; position: absolute; top: 50%; left: 15px; width: 190px; height: 0; background: transparent url(../images/bg_hover.png) repeat; overflow: hidden; }
	div#catalogs .block:hover div.hover { top: 12px; height: 320px; }
		div#catalogs .block div.hover p { display: inline-block; position: relative; margin: 0 10px; background-color: #ffffff; font-size: 11px; line-height: 20px; color: #b40e3c; padding: 3px 25px; }
	div#catalogs .block span { display: block; position: relative; width: 100%; height: 100%; margin: 0; background: transparent no-repeat center center; background-size: cover; }