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

div#catalogs { display: block; position: relative; width: auto;padding: 150px 0 0 0; margin: 0 50px; }
	div#catalogs div.content { display: inline-block; position: relative; width: 80%; padding: 0; vertical-align: top; margin: 0 0 0 5%; }

@media all and (max-width: 1199px) {
	div#catalogs div.red { padding: 25px 0; }
		div#catalogs div.red div.container { width: auto; margin: 0 auto; text-align: center; }
}

/* ================================================================================================================== */
/* texto */
/* ================================================================================================================== */

div#catalogs h2.title { display: inline-block; position: relative; width: 15%; vertical-align: top; padding: 0; font-size: 40px; line-height: 45px; }

/* ================================================================================================================== */
/* bloco */
/* ================================================================================================================== */

div#catalogs .block { display: inline-block; position: relative; width: 30%; border: 1px solid #cfd2d3; height: auto; margin: 0 1.5% 45px 1.5%; text-decoration: none; vertical-align: top; }
div#catalogs .block:hover { border: 1px solid #009de2; }
	div#catalogs .block div.header { display: block; position: relative; padding: 35px; }
	div#catalogs .block p.text {  }
	div#catalogs .block h1 { font-size: 30px; line-height: 35px; margin: 20px 0 0 0; }
	div#catalogs .block:hover h1 { color: #009de2; }
	div#catalogs .block div.photo { display: block; position: relative; background-color: #cfd2d3; height: 285px; }
		div#catalogs .block div.photo span.no_photo { display: block; position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -21px; width: 47px; height: 42px; background: transparent url(../images/no_photo.png) no-repeat center center; background-size: contain; z-index: 1 }
		div#catalogs .block div.photo span.photo { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent no-repeat center center; background-size: cover; z-index: 2; }