#modal1{
margin:25px;
float:left;
width:92px;
height:92px;
background-image: url(../images/aviao_on.png);
cursor:pointer;
}

#modal1 :hover{
background-image: url(../images/aviao_hover.png);
cursor:pointer;
width:92px;
height:92px;
}

#modal2{
margin:25px;
float:left;
width:92px;
height:92px;
background-image: url(../images/camera_on.png);
cursor:pointer;
}

#modal2 :hover{
background-image: url(../images/camera_hover.png);
cursor:pointer;
width:92px;
height:92px;
}

#modal3{
margin:25px;
float:left;
width:92px;
height:92px;
background-image: url(../images/eletros_on.png);
cursor:pointer;
}

#modal3 :hover{
background-image: url(../images/eletros_hover.png);
cursor:pointer;
width:92px;
height:92px;
}

#modal4{
margin:25px;
float:left;
width:92px;
height:92px;
background-image: url(../images/fone_on.png);
cursor:pointer;
}

#modal4 :hover{
background-image: url(../images/fone_hover.png);
cursor:pointer;
width:92px;
height:92px;
}

#modal5{
margin:25px;
float:left;
width:92px;
height:92px;
background-image: url(../images/microondas_on.png);
cursor:pointer;
}

#modal5 :hover{
background-image: url(../images/mocroondas_hover.png);
cursor:pointer;
width:92px;
height:92px;
}

#modal6{
margin:25px;
float:left;
width:92px;
height:92px;
background-image: url(../images/pedra_on.png);
cursor:pointer;
}

#modal6 :hover{
background-image: url(../images/pedra_hover.png);
cursor:pointer;
width:92px;
height:92px;
}

#modal7{
margin:25px;
float:left;
width:92px;
height:92px;
background-image: url(../images/raiox_on.png);
cursor:pointer;
}

#modal7 :hover{
background-image: url(../images/raiox_hover.png);
cursor:pointer;
width:92px;
height:92px;
}

#modal8{
margin:25px;
float:left;
width:92px;
height:92px;
background-image: url(../images/tv_on.png);
cursor:pointer;
}

#modal8 :hover{
background-image: url(../images/tv_hover.png);
cursor:pointer;
width:92px;
height:92px;
}