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

    /* titulo */
    #category div.title { display: block; position: relative; width: 100%; height: 75px; }
        #category div.title h1 { display: block; position: relative; font-family: 'GillSansMTBold', sans-serif; width: auto; color: #F1AC97; font-size: 50px; line-height: 75px; text-decoration: none; }

	/* categorias */
	#category div.categories { display: block; position: relative; width: 250px; margin: 30px 0 0 0; float: left; }
		#category div.categories a { display: block; position: relative; width: 100%; margin: 0; line-height: 25px; font-size: 14px; text-decoration: none; }
		#category div.categories a:hover { color: #F1AC97; }
		#category div.categories a.hasChilds,
		#category div.categories a.actual { color: #F1AC97; font-size: 14px; }
		#category div.categories a.hasChilds:hover,
		#category div.categories a.actual:hover { text-decoration: underline; }

	/* artigos */
	#category div.articles { display: block; position: relative; width: 500px; margin: 30px 0 0 0; float: right; }
		#category div.articles a.item { display: block; position: relative; width: 184px; height: 184px; margin: 10px; padding: 20px; line-height: 25px; font-size: 12px; text-decoration: none; float: left; border: 3px solid transparent; background: transparent url(../../../../../src/img/bg/body.png) repeat; }
		#category div.articles a.item:hover { border: 3px solid #F1AC97; }
			#category div.articles a.item div.img { display: block; position: relative; width: 184px; height: 144px; }
				#category div.articles a.item div.img img { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 184px; max-height: 144px; margin: auto; }
			#category div.articles a.item p { display: block; position: relative; width: 184px; height: 40px; line-height: 20px; overflow: hidden; font-size: 14px; text-align: center; }

		#category div.articles a.prev { display: block; position: relative; width: 21px; height: 33px; margin: 50px 0 0 0; float: left; background: transparent url(../../../../../src/img/category/prev.png) no-repeat 0 0; overflow: hidden; }
		#category div.articles a.prev:hover { background-position: 0 -33px; }
			#category div.articles a.prev span { display: block; position: absolute; top: 0; left: 21px; width: 21px; height: 33px; background: transparent url(../../../../../src/img/category/prev.png) no-repeat 0 -33px; }
		#category div.articles a.next { display: block; position: relative; width: 21px; height: 33px; margin: 50px 0 0 0; float: right; background: transparent url(../../../../../src/img/category/next.png) no-repeat 0 0; overflow: hidden; }
		#category div.articles a.next:hover { background-position: 0 -33px; }
			#category div.articles a.next span { display: block; position: absolute; top: 0; left: -21px; width: 21px; height: 33px; background: transparent url(../../../../../src/img/category/next.png) no-repeat 0 -33px; }