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

#category { display: block; position: relative; width: 1200px; padding: 0 0 50px 0; overflow: hidden; margin: 0 auto; font-size: 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* categorias */

div#category div.categories { display: block; position: relative; width: 100%; height: auto; background-color: #dcdcdd; text-align: center; font-size: 0; }
	div#category div.categories a.back { display: inline-block; position: relative; width: 100px; background: transparent url(../src/img/back_icon.png) no-repeat center left; vertical-align: top; font-size: 14px; line-height: 26px; padding: 4px 0 0 0; margin: 0 80px 0 20px; color: #6e6e6e; text-decoration: none; }
	div#category div.categories a.back:hover { color: #db7f09; }
	div#category div.categories div.menu { display: inline-block; position: relative; width: 1000px; vertical-align: top; }
		div#category div.categories div.menu a { display: inline-block; position: relative; width: auto; color: #6e6e6e; line-height: 30px; margin: 0 10px; font-size: 14px; text-decoration: none; }
		div#category div.categories div.menu a.selected,
		div#category div.categories div.menu a:hover { color: #db7f09; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* artigos */

div#category div.articles { display: block; position: relative; width: 100%; height: auto; text-align: left; font-size: 0; margin: 50px 0 0 0; }
	div#category div.articles div.block { display: inline-block; position: relative; width: 220px; padding: 0; height: auto; font-size: 0; background-color: #e1e3e3; margin: 0 25px 25px 0; vertical-align: top; }
	div#category div.articles div.block:nth-child(5n) { margin: 0 0 25px 0; }
		div#category div.articles div.block div.container { display: block; position: relative; width: 200px; padding: 15px 10px 25px 10px; }
			div#category div.articles div.block h1 { display: inline-block; position: relative; width: 155px; height: auto; font-size: 18px; color: #db7f09; text-align: left; line-height: 25px; vertical-align: middle; }
			div#category div.articles div.block span.icon { display: inline-block; position: relative; width: 40px; height: 40px; margin: 0 0 0 5px; vertical-align: middle; }
			div#category div.articles div.block a.photo { display: block; position: relative; width: 192px; height: 292px; margin: 15px 0 0 0; border: 4px solid transparent; }
			div#category div.articles div.block a.photo:hover { border: 4px solid #db7f07; }
			div#category div.articles div.block p { display: block; position: relative; text-align: left; font-size: 14px; line-height: 25px; margin: 15px 0 0 0; color: #6e6e6e; }
		div#category div.articles div.block a.catalog { display: block; position: relative; width: 100%; background-color: #bbbdbe; height: 30px; border-top: 4px solid #ffffff; margin: 11px 0 0 0; text-align: center; }
			div#category div.articles div.block a.catalog p { display: inline-block; position: relative; height: 100%; width: auto; min-width: 50px; margin: 0 auto; background: transparent url(../src/img/download_icon.png) no-repeat left center; vertical-align: middle; font-size: 16px; line-height: 37px; text-transform: uppercase; color: #ffffff; text-indent: 15px; }
		div#category div.articles div.block a.catalog:hover { background-color: #db7f07; }