#category { display: block; position: relative; width: 767px; margin: 0 0 0 192px; padding: 0; }

    /* titulo */
    #category div.title { display: block; position: relative; width: 191px; height: 191px; background: #404041 url(../../../../src/img/bg/body.jpg) repeat; margin: 1px 0 0 0; float: left; }
		#category div.title span.top { display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 4px; background: transparent url(../../../../src/img/bg/bodyTopBottom.png) repeat-x; z-index: 2; }
		#category div.title span.bottom { display: block; position: absolute; bottom: -4px; left: 0; width: 100%; height: 7px; background: transparent url(../../../../src/img/bg/bodyTopBottom.png) repeat-x 0 -4px; z-index: 2; }
        #category div.title h1 { display: block; position: relative; width: auto; color: #ffffff; font-size: 30px; line-height: 50px; text-indent: 10px; padding: 140px 0 0 0; text-decoration: none; }

	/* categorias */
	#category div.categories { display: block; position: relative; width: 191px; min-height: 353px; background: #404041 url(../../../../src/img/bg/body.jpg) repeat; margin: 1px 0 0 0; padding: 20px 0 10px 0; float: left; }
		#category div.categories span.top { display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 4px; background: transparent url(../../../../src/img/bg/bodyTopBottom.png) repeat-x; z-index: 2; }
		#category div.categories span.bottom { display: block; position: absolute; bottom: -4px; left: 0; width: 100%; height: 7px; background: transparent url(../../../../src/img/bg/bodyTopBottom.png) repeat-x 0 -4px; z-index: 2; }
		#category div.categories a { display: block; position: relative; width: 100%; margin: 0 10px 0 10px; line-height: 22px; font-size: 14px; text-decoration: none; color: #6d6e70; }
		#category div.categories a:hover { color: #ffffff; }
		#category div.categories a.hasChilds,
		#category div.categories a.actual { color: #ffffff; }
		#category div.categories a.hasChilds:hover,
		#category div.categories a.actual:hover { text-decoration: underline; }

	/* artigos */
	#category div.articles { display: block; position: relative; width: 576px; min-height: 200px; margin: 0; float: right; }
		#category div.articles a.item { display: block; position: relative; width: 191px; height: 192px; margin: 0 0 0 1px; padding: 0; line-height: 25px; font-size: 12px; text-decoration: none; float: left; overflow: hidden; }
		#category div.articles a.item:hover div.overshadow { display: none; }
			#category div.articles a.item span.top { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: transparent url(../../../../src/img/bg/bodyTopBottomNoBg.png) repeat-x; z-index: 3; }
			#category div.articles a.item span.bottom { display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; background: transparent url(../../../../src/img/bg/bodyTopBottomNoBg.png) repeat-x 0 -4px; z-index: 3; }
			#category div.articles a.item div.img { display: block; position: relative; width: 100%; height: 100%; z-index: 1; }
				#category div.articles a.item div.img img { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; min-width: 100%; min-height: 100%; max-width: 250%; max-height: 250%; }
			#category div.articles a.item div.overshadow { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: transparent url(../../../../src/img/bg/bgGrid.png) repeat; }
				#category div.articles a.item div.overshadow p { display: block; position: relative; width: 90%; margin: 0 auto; line-height: 95px; color: #ffffff; font-size: 16px; text-align: center; }

@media all and ( max-width: 1199px )
{
	#category { margin: 0 auto; width: 100%; padding: 40px 0 0 0; background: #404041 url( ../../../../src/img/bg/body.jpg) repeat; }

		#category div.title { width: 90%; margin: 0 auto; height: auto; font-size: 28px; float: none; }
			#category div.title span.top { display: none; }
			#category div.title span.bottom { display: none; }
			#category div.title h1 { padding: 0; }

		#category div.categories { width: 90%; min-height: 0; float: none; margin: 35px auto 0 auto; }
			#category div.categories span.top { display: none; }
			#category div.categories span.bottom { display: none; }
			#category div.categories a { font-size: 16px; }

		#category div.articles { width: 100%; float: none; min-height: 0; text-align: center; }
			#category div.articles a.item { display: inline-block; float: none; margin: 5px; }
				#category div.articles a.item span.top { display: none; }
				#category div.articles a.item span.bottom { display: none; }
}