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

#category { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }

/* ================================================================================================================== */
/* menu */

#category div.menu { display: block; position: relative; width: 100%; background-color: #119148; padding: 5px 0; }
	#category div.menu div.container { display: block; position: relative; width: 1200px; margin: 0 auto; font-size: 0; text-align: center; }
		#category div.menu div.container a { display: inline-block; position: relative; width: auto; font-size: 14px; line-height: 20px; text-decoration: none; color: #ffffff; margin: 0 10px; text-transform: uppercase; }
		#category div.menu div.container a:hover { color: #231f20; }
		#category div.menu div.container a.selected { color: #231f20; font-weight: bold; }

/* ================================================================================================================== */
/* artigos */

#category div.articles { display: block; position: relative; width: 100%; padding: 0; margin: 25px 0 0 0; }
	#category div.articles a.item { display: block; position: relative; width: 100%; margin: 0; background-color: #ffffff; }
	#category div.articles a.item:nth-child( 2n ) { background-color: #119148; }
		#category div.articles a.item div.container { display: block; position: relative; width: 1200px; padding: 100px 0; margin: 0 auto; }

			#category div.articles a.item div.container div.text { display: block; position: relative; width: 700px; float: left; }
				#category div.articles a.item div.container div.text h1 { display: block; position: relative; width: 100%; margin: 0; line-height: 40px; font-size: 36px; text-indent: 175px; }
				#category div.articles a.item:hover div.container div.text h1 { color: #119148; }
					#category div.articles a.item div.container div.text h1 span { display: block; position: absolute; bottom: 0; left: 0; font-size: 132px; line-height: 100px; color: #119148; text-indent: 0; }
					#category div.articles a.item:hover div.container div.text h1 span { color: #119148; }
				#category div.articles a.item div.container div.text p { display: block; position: relative; font-size: 16px; line-height: 25px; margin: 35px 0 0 175px; overflow: hidden; max-height: 100px; }
				#category div.articles a.item:hover div.container div.text p { color: #119148; }
				#category div.articles a.item div.container div.text span.more { display: inline-block; position: relative; font-size: 16px; background-color: #119148; padding: 10px 50px; margin: 35px 0 0 175px; color: #ffffff; }
				#category div.articles a.item:hover div.container div.text span.more { background-color: #2b2c31; }

			#category div.articles a.item:nth-child( 2n ) div.container div.text { float: right; }
				#category div.articles a.item:nth-child( 2n ) div.container div.text h1 { color: #ffffff; }
				#category div.articles a.item:hover:nth-child( 2n ) div.container div.text h1 { color: #2b2c31; }
					#category div.articles a.item:nth-child( 2n ) div.container div.text h1 span { color: #ffffff; }
					#category div.articles a.item:hover:nth-child( 2n ) div.container div.text h1 span { color: #2b2c31; }
				#category div.articles a.item:nth-child( 2n ) div.container div.text p { color: #ffffff; }
				#category div.articles a.item:hover:nth-child( 2n ) div.container div.text p { color: #2b2c31; }
				#category div.articles a.item:nth-child( 2n ) div.container div.text span.more { display: inline-block; position: relative; font-size: 16px; background-color: #ffffff; padding: 10px 50px; margin: 35px 0 0 175px; color: #119148; }
				#category div.articles a.item:hover:nth-child( 2n ) div.container div.text span.more { background-color: #2b2c31; color: #ffffff; }

			#category div.articles a.item div.container span.photo { display: block; position: relative; width: 400px; height: 400px; float: right; }
			#category div.articles a.item:nth-child( 2n ) div.container span.photo { float: left; }