/* contactos */
div#catalogs { display: block; position: relative; width: 1200px; margin: 75px auto; background-color: #ffffff; text-align: center; }
	div#catalogs a.catalog { display: inline-block; position: relative; width: 400px; height: 230px; margin: 20px 10px; padding: 0; background-color: #ffffff; vertical-align: top; }
	div#catalogs a.catalog:hover { background-color: #0a0203; }
		div#catalogs a.catalog span.photo { display: block; position: absolute; top: 5px; left: 5px; width: 390px; height: 180px; z-index: 1; }
		div#catalogs a.catalog div.hover { display: block; position: absolute; top: 5px; left: 5px; width: 390px; height: 180px; background: transparent url(../src/img/catalogs_bg.png) repeat; opacity: 0; z-index: 10; }
		div#catalogs a.catalog:hover div.hover { opacity: 1; }
			div#catalogs a.catalog div.hover span.arrow { display: block; position: absolute; top: 50%; left: 50%; width: 53px; height: 53px; margin: -26px 0 0 -26px; background: transparent url(../src/img/catalogs_arrow.png) no-repeat center center; background-size: cover; }
		div#catalogs a.catalog span.text { display: block; position: absolute; bottom: 5px; left: 5px; width: 390px; padding: 0; background-color: transparent; font-size: 16px; font-weight: bold; line-height: 30px; color: #0a0203; text-decoration: none; text-align: left; border-bottom: 5px solid #0a0203; }
		div#catalogs a.catalog:hover span.text { color: #ffffff; border-bottom: 5px solid #ffffff; }

@media all and ( max-width: 1199px )
{
	div#catalogs { width: 90%; margin: 0 auto; padding: 0 0 35px 0; }
		div#catalogs a.catalog { margin: 10px 5px; width: 280px; }
		div#catalogs a.catalog span.photo { width: 270px; }
		div#catalogs a.catalog div.hover { width: 270px; }
		div#catalogs a.catalog span.text { width: 270px; font-size: 14px; }
}


/* paginador */
div#catalogs div.paginator { display: block; position: relative; width: 100%; margin: 15px auto 45px auto; white-space: nowrap; text-align: center; }
	div#catalogs a.paginator { display: inline-block; position: relative; font-size: 14px; line-height: 25px; padding: 0; margin: 0 0 0 10px; text-decoration: none; }
	div#catalogs a.paginator:hover { text-decoration: underline; }
	div#catalogs p.paginator { display: inline-block; position: relative; font-size: 16px; line-height: 25px; padding: 0; margin: 0 0 0 10px; text-decoration: none; }
	div#catalogs p.actual { font-weight: bold; }

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