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

@media all and ( max-width: 599px )
{
	#news { display: block; position: relative; width: 100%; margin: 0 auto; padding: 100px 0 50px 0; background-color: #f5f5f5; }
	#news div.cNews { display: block; position: relative; width: 90%; margin: 0 auto; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	#news { display: block; position: relative; width: 100%; margin: 0 auto; padding: 100px 0 50px 0; background-color: #f5f5f5; }
	#news div.cNews { display: block; position: relative; width: 90%; margin: 0 auto; }
}
@media all and ( min-width: 1100px )
{
	#news { display: block; position: relative; width: 100%; margin: 0 auto; padding: 100px 0 50px 0; background-color: #f5f5f5; }
	#news div.cNews { display: block; position: relative; width: 800px; margin: 0 auto; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* titulo, textos e links */

@media all and ( max-width: 599px )
{
	#news h1.title { display: block; position: relative; width: 100%; font-size: 30px; line-height: 40px; text-align: left; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	#news h1.title { display: block; position: relative; width: 100%; font-size: 30px; line-height: 40px; text-align: left; }
}
@media all and ( min-width: 1100px )
{
	#news h1.title { display: block; position: relative; width: 800px; font-size: 40px; line-height: 50px; text-align: left; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* noticias */

@media all and ( max-width: 599px )
{
	#news div.container { display: block; position: relative; width: 100%; margin: 0 auto; text-align: center; }
		#news div.container a.item { display: inline-block; position: relative; width: 210px; height: 210px; margin: 25px; border: 3px solid transparent; padding: 0; overflow: hidden; }
			#news div.container a.item:hover { border: 3px solid #596771; }
				#news div.container a.item img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
				#news div.container a.item:hover div { display: block; }
				#news div.container a.item div { display: block; position: absolute; top: 0; left: 0; width: 210px; height: 210px; background-color: #596771; }
					#news div.container a.item div p { display: block; position: relative; width: 90%; margin: 55px auto; line-height: 20px; color: #ffffff; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	#news div.container { display: block; position: relative; width: 100%; margin: 0 auto; text-align: center; }
		#news div.container a.item { display: inline-block; position: relative; width: 210px; height: 210px; margin: 25px; border: 3px solid transparent; padding: 0; overflow: hidden; }
			#news div.container a.item:hover { border: 3px solid #596771; }
				#news div.container a.item img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
				#news div.container a.item:hover div { display: block; }
				#news div.container a.item div { display: block; position: absolute; top: 0; left: 0; width: 210px; height: 210px; background-color: #596771; }
					#news div.container a.item div p { display: block; position: relative; width: 90%; margin: 55px auto; line-height: 20px; color: #ffffff; }
}
@media all and ( min-width: 1100px )
{
	#news div.container { display: block; position: relative; width: 800px; margin: 0 auto; text-align: center; }
		#news div.container a.item { display: inline-block; position: relative; width: 210px; height: 210px; margin: 25px; border: 3px solid transparent; padding: 0; overflow: hidden; }
			#news div.container a.item:hover { border: 3px solid #596771; }
				#news div.container a.item img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
				#news div.container a.item:hover div { display: block; }
				#news div.container a.item div { display: none; position: absolute; top: 0; left: 0; width: 210px; height: 210px; background-color: #596771; }
					#news div.container a.item div p { display: block; position: relative; width: 90%; margin: 55px auto; line-height: 20px; color: #ffffff; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* paginador */

#news div.paginator { display: block; position: relative; width: 100%; margin: 45px auto 0 auto; white-space: nowrap; text-align: right; }
	#news a.paginator { display: inline-block; position: relative; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 14px; line-height: 25px; padding: 0; margin: 45px 0 0 10px; text-decoration: none; }
	#news a.paginator:hover { text-decoration: underline; }
	#news p.paginator { display: inline-block; position: relative; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 16px; line-height: 25px; padding: 0; margin: 45px 0 0 10px; text-decoration: none; }
	#news p.actual { font-family: 'ArialRoundedMTBoldRegular', sans-serif; }


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