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

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

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

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

#news a { display: inline-block; position: relative; vertical-align: top; width: 275px; height: auto; padding: 8px 5px 10px 5px; margin: 24px; text-decoration: none; }
	#news a:hover { background-color: #59bad5; }
		#news a img { display: block; position: relative; max-width: 100%; }
		#news a h1 { display: block; position: relative; text-align: center; font-size: 21px; line-height: 25px; margin: 20px 10px 0 10px; }
		#news a:hover h1 { color: #ffffff; }
		#news a p.text { display: block; position: relative; text-align: center; font-size: 16px; line-height: 20px; margin: 10px 10px 0 10px; max-height: 40px; overflow: hidden; }
		#news a p.date { display: block; position: relative; text-align: center; font-size: 14px; line-height: 20px; height: 0; margin: 10px 10px 0 10px; overflow: hidden; color: #ffffff; }
		#news a:hover p.date { height: 20px; }

@media all and ( max-width: 899px ) {
	#news a { width: 200px; margin: 10px; }
		#news a h1 { font-size: 16px; margin: 10px 0; }
		#news a p.text { font-size: 12px; margin: 10px 0; }
}