/* corpo */
#category { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 50px 0 50px 0; text-align: left; font-size: 0; }
#category *
{
	transition-property: none;
	-webkit-transition-property: none;
	-moz-transition-property: none;
}


/* categorias */
#category a { display: inline-block; position: relative; width: 375px; background-color: #e1e3e3; margin: 0 25px 25px 0; text-decoration: none; vertical-align: top; }
#category a:hover
{
	background-image: -webkit-linear-gradient( left, #dc8002, #d0007d );
	background-image:    -moz-linear-gradient( left, #dc8002, #d0007d );
	background-image:     -ms-linear-gradient( left, #dc8002, #d0007d );
	background-image:      -o-linear-gradient( left, #dc8002, #d0007d );
	background-image:         linear-gradient( left, #dc8002, #d0007d );
}
	#category a h1 { display: block; position: relative; width: 350px; height: auto; font-size: 22px; color: #dc8002; line-height: 30px; text-align: center; margin: 15px auto; }
	#category a:hover h1 { color: #ffffff; }
	#category a span.photo { display: block; position: relative; width: 340px; height: 500px; margin: 0 auto; border: 5px solid transparent; }
	#category a:hover span.photo { border: 5px solid #ffffff; }
	#category a h2 { display: block; position: relative; width: 350px; height: auto; font-size: 18px; color: #6e6e6e; line-height: 25px; text-align: center; margin: 15px auto; }
	#category a:hover h2 { color: #ffffff; }
	#category a div.icons { display: block; position: relative; width: 350px; margin: 0 auto 15px auto; font-size: 0; text-align: center; }
		#category a div.icons span { display: none; position: relative; width: 40px; height: 40px; vertical-align: top; }