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

#news { display: block; position: relative; width: 1100px; margin: 0 auto; padding: 40px 0 0 0; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#news { width: 600px; padding: 40px 0 20px 0; }
}
@media all and ( max-width: 599px ) {
	#news { width: 320px; padding: 40px 0 20px 0; }
}

/* ================================================================================================================== */
/* titulo */
/* ================================================================================================================== */

#news div.title { display: block; position: relative; width: 100%; height: 50px; margin: 25px auto 0 auto; }
	#news div.title h1 { display: block; position: relative; width: auto; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 40px; line-height: 50px; text-align: center; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#news div.title { height: auto; }
		#news div.title h1 { font-size: 30px; line-height: 35px; }
}
@media all and ( max-width: 599px ) {
	#news div.title { height: auto; }
		#news div.title h1 { font-size: 22px; line-height: 30px; }
}

/* ================================================================================================================== */
/* noticias */
/* ================================================================================================================== */

#news div.container { display: block; position: relative; width: 980px; margin: 55px auto 0 auto; }

	#news div.container div.block { display: block; position: relative; width: 215px; height: 200px; margin: 0 40px 30px 0; padding: 0; float: left; overflow: hidden; background: transparent url(../images/itemShadow.png) no-repeat bottom center; }
	#news div.container div.block:nth-child(4n) { margin: 0 0 30px 0; }

		#news div.container div.block a.item { display: block; position: relative; width: 199px; height: 161px; margin: 0 40px 30px 0; border: 8px solid #ffffff; padding: 0; line-height: 25px; font-size: 12px; text-decoration: none; float: left; overflow: hidden; background-color: #ffffff; z-index: 1; }
			#news div.container div.block a.item img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; z-index: 1; }
			#news div.container div.block a.item:hover span.hover { display: block; }
			#news div.container div.block a.item span.hover { display: none; position: absolute; top: 0; left: 0; width: 199px; height: 161px; background: transparent url(../images/itemHoverBg.png) no-repeat; z-index: 2; }
				#news div.container div.block a.item span.hover p { display: block; position: absolute; bottom: 44px; left: 15px; width: 169px; max-height: 60px; line-height: 20px; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 14px; color: #ffffff; text-align: center; overflow: hidden; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#news div.container { width: 600px; }
		#news div.container div.block,
		#news div.container div.block:nth-child(4n) { margin: 0 0 25px 56px; float: left; }
}
@media all and ( max-width: 599px ) {
	#news div.container { width: 320px; }
		#news div.container div.block,
		#news div.container div.block:nth-child(4n) { margin: 0 auto 15px auto; float: none; }
}

/* ================================================================================================================== */
/* paginador */
/* ================================================================================================================== */

#news div.paginator { display: block; position: relative; width: 980px; 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; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#news div.paginator { width: 550px; margin: 30px auto 0 auto; text-align: center; }
		#news a.paginator { margin: 0 5px 0 5px; width: 30px; border: 1px solid #3b2314; border-radius: 100%; text-align: center; line-height: 30px; }
		#news a.paginator:hover { background-color: #3b2314; color: #ffffff; text-decoration: none; }
		#news p.actual,
		#news p.paginator { font-size: 14px; width: 30px; margin: 0 5px 0 5px; line-height: 30px; text-align: center; }
}
@media all and ( max-width: 599px ) {
	#news div.paginator { width: 320px; margin: 30px auto 0 auto; text-align: center; }
		#news a.paginator { font-size: 12px; margin: 0 3px 0 3px; width: 20px; border: 1px solid #3b2314; border-radius: 100%; text-align: center; line-height: 20px; }
		#news a.paginator:hover { background-color: #3b2314; color: #ffffff; }
		#news p.paginator,
		#news p.actual { font-size: 12px; padding: 0; width: 20px; margin: 0 3px 0 3px; text-decoration: none; line-height: 20px; text-align: center; }
}