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

div#news { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0 0 0 0; }
	div#news div.content { display: block; position: relative; padding: 0; width: 1200px; margin: 0 auto 0 auto; }

		div#news div.content div.text { display: block; position: relative; width: 750px; float: left; padding: 35px 0 0 0; margin: 50px 0 100px 0; }
		div#news div.content div.photos { display: block; position: relative; padding: 0; width: 400px; height: 300px; float: right; margin: 120px 0 100px 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* titulos e texto */

div#news div.content h1.title { display: block; position: relative; width: 100%; padding: 0; margin: 0; font-size: 20px; line-height: 35px; font-weight: bold; }
div#news div.content div.text h1 { display: block; position: relative; width: 100%; padding: 0; margin: 0; font-size: 20px; line-height: 35px; font-weight: bold; }
div#news div.content div.text p.text { display: block; position: relative; width: 100%; padding: 0; margin: 15px 0 0 0; font-size: 14px; line-height: 20px; }
div#news div.content div.text p.date { display: block; position: relative; width: 100%; padding: 0; margin: 15px 0 0 0; font-size: 14px; line-height: 20px; color: #a6a8ab; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* fotos */

div#news div.content div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
div#news div.content div.photos a:first-child { display: block; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* fundo escuro */

div#news div.dark { display: block; position: relative; width: 100%; background-color: #f1f1f2; padding: 50px 0; margin: 0; font-size: 0; }

	div#news div.dark a { display: inline-block; position: relative; height: 360px; background-color: #ffffff; margin: 40px 0 0 0; text-decoration: none; vertical-align: top; }
		div#news div.dark a span.photo { display: block; position: absolute; border: 1px solid #ffffff; }
		div#news div.dark a h1 { display: block; position: absolute; font-size: 18px; line-height: 25px; font-weight: bold; margin: 0 auto; padding: 0; overflow: hidden; }
		div#news div.dark a h2 { display: block; position: absolute; font-size: 10px; line-height: 20px; margin: 0 auto; padding: 0; overflow: hidden; color: #a6a8ab; }
		div#news div.dark a p { display: block; position: absolute; font-size: 14px; line-height: 20px; margin: 0 auto; padding: 0; color: #a6a8ab; overflow: hidden; }

	div#news div.dark a._1 { width: 800px; margin: 40px 0 0 0; }
		div#news div.dark a._1 span.photo { width: 248px; height: 308px; top: 20px; right: 20px; }
		div#news div.dark a._1 h1 { width: 500px; height: 50px; top: 20px; left: 20px; }
		div#news div.dark a._1 h2 { width: 500px; height: 20px; bottom: 20px; left: 20px; }
		div#news div.dark a._1 p { width: 500px; height: 220px; top: 90px; left: 20px; }

	div#news div.dark a._2 { width: 360px; margin: 40px 0 0 40px; }
		div#news div.dark a._2 span.photo { width: 318px; height: 108px; top: 200px; left: 20px; }
		div#news div.dark a._2 h1 { width: 320px; height: 50px; top: 20px; left: 20px; }
		div#news div.dark a._2 h2 { width: 320px; height: 20px; bottom: 20px; left: 20px; }
		div#news div.dark a._2 p { width: 320px; height: 100px; top: 90px; left: 20px; }

	div#news div.dark a._3 { width: 580px; margin: 40px 0 0 0; }
		div#news div.dark a._3 span.photo { width: 538px; height: 108px; top: 20px; left: 20px; }
		div#news div.dark a._3 h1 { width: 540px; height: 50px; top: 138px; left: 20px; }
		div#news div.dark a._3 h2 { width: 540px; height: 20px; bottom: 20px; left: 20px; }
		div#news div.dark a._3 p { width: 540px; height: 100px; top: 198px; left: 20px; }

	div#news div.dark a._4 { width: 580px; margin: 40px 0 0 40px; }
		div#news div.dark a._4 span.photo { width: 538px; height: 108px; top: 20px; left: 20px; }
		div#news div.dark a._4 h1 { width: 540px; height: 50px; top: 138px; left: 20px; }
		div#news div.dark a._4 h2 { width: 540px; height: 20px; bottom: 20px; left: 20px; }
		div#news div.dark a._4 p { width: 540px; height: 100px; top: 198px; left: 20px; }

	div#news div.dark a._5 { width: 360px; margin: 40px 0 0 0; }
		div#news div.dark a._5 span.photo { width: 318px; height: 108px; top: 200px; left: 20px; }
		div#news div.dark a._5 h1 { width: 320px; height: 50px; top: 20px; left: 20px; }
		div#news div.dark a._5 h2 { width: 320px; height: 20px; bottom: 20px; left: 20px; }
		div#news div.dark a._5 p { width: 320px; height: 100px; top: 90px; left: 20px; }

	div#news div.dark a._6 { width: 800px; margin: 40px 0 0 40px; }
		div#news div.dark a._6 span.photo { width: 248px; height: 308px; top: 20px; right: 20px; }
		div#news div.dark a._6 h1 { width: 500px; height: 50px; top: 20px; left: 20px; }
		div#news div.dark a._6 h2 { width: 500px; height: 20px; bottom: 20px; left: 20px; }
		div#news div.dark a._6 p { width: 500px; height: 220px; top: 90px; left: 20px; }

	div#news div.dark a:hover { background-color: #6fbe44; }
		div#news div.dark a:hover h1 { color: #ffffff; }
		div#news div.dark a:hover h2 { color: #ffffff; }
		div#news div.dark a:hover p { color: #231f20; }

	div#news div.dark a.selected { background-color: #6fbe44; }
		div#news div.dark a.selected h1 { color: #ffffff; }
		div#news div.dark a.selected h2 { color: #ffffff; }
		div#news div.dark a.selected p { color: #231f20; }


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