#category { width: 100%; margin: 0; }

    #category div.title { display: block; width: 90%; margin: 0 auto 30px auto; border-bottom: 1px solid #ffffff; border-left: 20px solid transparent; border-right: 20px solid transparent; }
        #category div.title h1 { font-size: 14px; line-height: 50px; height: 50px; color: #000000; text-shadow: 0 0 3px #ffffff; font-weight: bold; border-bottom: 1px solid #c4c4c4; border-left: 10px solid transparent; border-right: 10px solid transparent; }

/* detalhe do artigo na mesma pagina  */
#item { width: 100%; padding: 0; margin: 0 0 30px 0; }

	/*primeira coluna*/
	#item #photos { width: 20%; float: left; margin: 0; padding: 0; }
        #item #photos img { width: 90%; padding: 4%; margin: 0 0 5px 0; border: 1px solid transparent; }
		#item #photos img:hover { border: 1px solid #000000; }

	/*segunda coluna*/
	#item #details { width: 70%; float: right; margin: 0 5% 0 0; position: relative; }
		#item #details .title { display: block; width: 90%; }
		#item #details .title h1 { display: block; margin: 0; color: #000000; text-shadow: 0 0 3px #ffffff; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; }

		#item #details .content { display: block; width: 95%; padding: 10px 0; margin: 0 auto; }
		#item #details .content p { color: #000000; text-shadow: 0 0 3px #ffffff; font-size: 11px; line-height: 15px; text-align: justify; }

		#item #details .topics { display: block; width: 80%; margin: 0 auto; position: relative; padding: 0; }
		#item #details .topics p { font-size: 11px; color: #000000; font-weight: bold; padding: 5px 10px 10px 10px; line-height: 13px; display: block; text-shadow: 0 0 3px #ffffff; }