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

#certificates { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }
	#certificates div.container { display: block; position: relative; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0; }

@media all and ( max-width: 899px ) {
	#certificates { text-align: center; }
}

/* ================================================================================================================== */
/* categorias */
/* ================================================================================================================== */

#certificates div.categories { display: block; position: relative; width: 100%; border-bottom: 2px solid #dbddde; padding: 10px 20px; text-align: center; }
	#certificates div.categories a { display: inline-block; position: relative; width: auto; margin: 10px 30px; text-decoration: none; font-size: 15px; line-height: 16px; }
	#certificates div.categories a:hover,
	#certificates div.categories a.selected { color: #59bad5; }

@media all and ( max-width: 899px ) {
	#certificates div.categories { padding: 5px; }
		#certificates div.categories a { margin: 5px 10px; }
}

/* ================================================================================================================== */
/* catalogos */
/* ================================================================================================================== */

#certificates div.downloads { display: block; position: relative; width: auto; }
	#certificates div.downloads a { display: inline-block; position: relative; vertical-align: top; width: 275px; height: auto; padding: 8px 5px 10px 5px; margin: 24px; text-decoration: none; }
	#certificates div.downloads a:hover { background-color: #59bad5; }
		#certificates div.downloads a img { display: block; position: relative; max-width: 100%; }
		#certificates div.downloads a p { display: block; position: relative; text-align: center; font-size: 15px; line-height: 20px; margin: 10px 0 0 0; }
		#certificates div.downloads a:hover p { color: #ffffff; }

@media all and ( max-width: 899px ) {
	#certificates div.downloads a { width: 175px; margin: 10px; }
}