.background-position{	-webkit-transition: background .5s;	-moz-transition: background .5s;	-ms-transition: background .5s;	-o-transition: background .5s;	transition: background .5s;}

#nossas-malhas .title{display: block; padding: 75px 0 30px 0;}

#nossas-malhas h2{ background: url(../images/layout/layout-rbv-malhas-linha.png) center center no-repeat; font-weight: bold; letter-spacing: 5px; padding: 45px 0;  text-transform: uppercase; color: #000; display: block; text-align: center; font-size: 24px; font-weight: bold;}
#nossas-malhas ul li{ display: block; float: left; width: 300px; height: 325px; position: relative; margin: 10px; }
#nossas-malhas ul li a span.mask{ background: url(../images/home/nossas-malhas-li-bg.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; z-index: 1; width: 300px; height: 325px;}
#nossas-malhas ul li a div.title{ position: absolute; bottom: 15px; left: 0; width: 300px; z-index: 2; padding: 0; }
#nossas-malhas ul li a div.title span.malha{ display: block; color: #000; font-size: 18px; text-transform: uppercase; padding: 0 0 5px 20px; font-weight: bold; }
#nossas-malhas ul li a div.title span.conheca{ display: block; color: #6e6e6e; font-size: 14px; padding: 0 0 0 35px;  letter-spacing: 1px; }
#nossas-malhas ul li a:hover span.mask{background-position: 0 -10px;}