
div#produtos{height: 480px;} 
div#produtos h2{font-size: 22px; color:#333333; margin: 60px 0 50px 41px;}
div#produtos div.itens div.item{transition:0.8s background; position: relative;}
div#produtos div.itens div.item a{height: 40px; transition:0.8s; line-height: 40px; display: block; text-align: center; width: 80px; cursor: pointer;}

div#produtos div.itens div.sistema a{background: #fff; color: #f37934; position:  absolute; left: 17px; bottom: 37px;}
div#produtos div.itens div.sistema:hover a{background: #f37934; color: #fff;}
div#produtos div.itens div.sistema-pos1{ background: url(../imagensJaber/sistemas-pos1.png) no-repeat center; width: 350px; height: 360px;}
div#produtos div.itens div.sistema-pos1:hover{ background: url(../imagensJaber/sistemas-pos1-hover.png) no-repeat center; width: 350px; height: 360px;}


div#produtos div.itens div.sites-pos2{background: url(../imagensJaber/sites-pos2.png) no-repeat center;}
div#produtos div.itens div.sites-pos2:hover{background: url(../imagensJaber/sites-pos2-hover.png) no-repeat center;}
div#produtos div.itens div.sites-pos2 a{background: #fff; color: #2c82c9; position: absolute; left: 15px; bottom: 15px;}
div#produtos div.itens div.sites-pos2:hover a{background: #2c82c9; color: #fff;}


div#produtos div.itens div.design-pos2{background: url(../imagensJaber/design-pos2.png) no-repeat center; }
div#produtos div.itens div.design-pos2:hover{background: url(../imagensJaber/design-pos2-hover.png) no-repeat center; }
div#produtos div.itens div.design-pos2 a{color: #282828; background: #fff; position: absolute; left: 20px; bottom: 18px;}
div#produtos div.itens div.design-pos2:hover a{color: #fff; background: #282828;}


div#produtos div.itens div.social-pos3{background: url(../imagensJaber/social-pos3.png) no-repeat center; float: left; width: 720px; height: 150px; margin-left: 20px; margin-top: 20px; }
div#produtos div.itens div.social-pos3:hover{background: url(../imagensJaber/social-pos3-hover.png) no-repeat center; }
div#produtos div.itens div.social-pos3 a{background: #fff; color:#416be9; height: 84px; width: 99px; position: absolute; padding: 60px 0 0 0 ; right: 122px; top:3px; }
div#produtos div.itens div.social-pos3:hover a{background: #416be9; color:#fff;}


div#produtos div.itens div.pos1{ width: 350px; height: 360px; float: left;  margin-left: 40px;}
div#produtos div.itens div.pos2{width: 490px; height: 170px; float: left; margin-left: 20px;}
div#produtos div.itens div.pos3{width: 490px; height: 170px; float: left; margin-top:20px; margin-left: 20px;}