#category { display: block; position: relative; width: 950px; margin: 100px auto; padding: 50px; background: transparent url(../../../src/img/body_bg_white.png) repeat; text-align: left; font-size: 0; }

@media all and ( max-width: 1049px )
{
    #category { padding: 25px; margin: 25px auto; }
    #category
	{
		width: auto;
		width: -webkit-calc( 90% - 50px );
		width:    -moz-calc( 90% - 50px );
		width:         calc( 90% - 50px );
	}
}

    /* titulo */
    #category h1 { display: block; position: relative; font-family: 'Arial-Bold', Arial, sans-serif; font-size: 20px; text-align: left; margin: 35px 0 20px 0; }
    #category h1:first-child { margin: 0 0 20px 0; }

    /* items */
    #category a { display: inline-block; position: relative; width: 148px; height: 120px; margin: 0 10px 10px 0; border: none; overflow: hidden; }
        #category a div.hover { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../../../src/img/item_bg_hover.png) repeat; opacity: 0; }
        #category a:hover div.hover { opacity: 1; }
            #category a div.hover span { display: block; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; background: transparent url(../../../src/img/item_arrow_more.png) no-repeat center center; background-size: cover; }