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

div#catalogs { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }
	div#catalogs div.container { display: block; position: relative; width: 1100px; margin: 0 auto; padding: 50px 0; text-align: center; font-size: 0; }

@media all and ( max-width: 1199px )
{
	div#catalogs div.container { width: 90%; padding: 25px 0 50px 0; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* titulo e separador */

div#catalogs div.container span.separator { display: block; position: relative; width: 100px; height: 3px; border: none; background-color: #2162a5; margin: 0 0 10px 0; text-align: left; }
div#catalogs div.container h1 { display: block; position: relative; font-family: 'bold1', sans-serif; font-size: 35px; margin: 0 0 50px 0; line-height: 40px; text-align: left; }

@media all and ( max-width: 1199px )
{
	div#catalogs div.container h1 { font-size: 14px; line-height: 20px; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* blocos */

div#catalogs div.container a { display: inline-block; position: relative; width: 250px; height: 160px; margin: 0 20px 20px; opacity: 0.4; }
div#catalogs div.container a:hover { opacity: 1; }
	div#catalogs div.container a span.photo { display: block; position: absolute; top: 0; left: 0; width: 114px; height: 160px; }
	div#catalogs div.container a div.text { display: block; position: absolute; top: 20px; left: 119px; width: 131px; height: 120px; text-align: left; }
		div#catalogs div.container a div.text h2 { display: block; position: relative; width: 100%; max-height: 30px; color: #2062a7; font-size: 12px; font-family: 'bold1', sans-serif; line-height: 15px; }
		div#catalogs div.container a div.text p { display: block; position: relative; width: 100%; max-height: 45px; color: #2062a7; font-size: 12px; line-height: 15px; margin: 5px 0 0 0; }
		div#catalogs div.container a div.text span.more { display: block; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background-color: #231f20; color: #ffffff; line-height: 20px; font-size: 12px; }
		div#catalogs div.container a:hover div.text span.more { background-color: #2062a7; }

@media all and ( max-width: 1199px )
{
	div#catalogs div.container a { opacity: 1; }
}


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