@charset "UTF-8";

#div{
    background-color: #99d499;
    background: url('') no-repeat;
}
h1{
    text-align: center;
    font-size: 20pt;
    color: #ffff00;  
}
.tit{
  font-family: Arial;
  font-size: 30px;
}

ul#album-fotos{
    width: 95%;
    margin: 0 auto;
    padding: 80px; 
    overflow: hidden;
    list-style: none;
}
ul#album-fotos li{
    float: left;
    width: 200px;
    height: 200px;
    margin: 3.5%;
    border: 5px solid white;
    box-shadow: 1px 1px 3px rgba(0,0,0,.4);
    -webkit-transition: all .4s ease-in;
}
ul#album-fotos li span {
    opacity: 0;
    color: #ffff00;
    text-shadow: 1px 1px 1px #000000;
    background-color: rgba(0,0,0,.3);
    font-size: 9pt;
    line-height: 370px;
    padding: 5px;
    
}
ul#album-fotos li:hover {
    -webkit-transform: scale(2.2);
}
ul#album-fotos li:hover span {
    opacity: 1;
}
                               /*   Fotos 1 Divisórias    */
ul#album-fotos li#fotos1{
    background: url('../imagens/gfs/gif-div3.gif') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos1:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos2 {
    background: url('../imagens/divisoria/Div.jpg') no-repeat;  
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos2:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos3 {
    background: url('../imagens/divisoria/Port-PVC-de-Correr.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos3:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}

ul#album-fotos li#fotos4 {
    background: url('../imagens/divisoria/Divis_gt1.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos4:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos5 {
    background: url('../imagens/divisoria/Div-02.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;

}
ul#album-fotos li#fotos5:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos6 {
    background: url('../imagens/divisoria/Vidr-Pers.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos6:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos7 {
    background: url('../imagens/divisoria/div.gif') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos7:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos8 {
    background: url('../imagens/divisoria/Renato1.JPG') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos8:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}

                                  /* Fotos 01   Forros   */
ul#album-fotos li#fotos01{
    background: url('../imagens/forro/fcolor.gif') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos01:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos02 {
   background: url('../imagens/forro/For_color-01.jpg') no-repeat;  
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos02:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos03 {
    background: url('../imagens/forro/Image1.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos03:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}

ul#album-fotos li#fotos04 {
    background: url('../imagens/forro/Forro_pvc.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos04:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos05 {
    background: url('../imagens/forro/forroIsopor3.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;

}
ul#album-fotos li#fotos05:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos06 {
    background: url('../imagens/forro/forro_sesi.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos06:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos07 {
    background: url('../imagens/forro/Forro.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos07:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos08 {
    background: url('../imagens/forro/forroMineral.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos08:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}

                                          /* Fotos 001  Persianas  */
ul#album-fotos li#fotos001{
    background: url('../imagens/vertical/Vert_cores.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos001:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos002 {
    background: url('../imagens/horizontal/Horiz_cores.jpg') no-repeat;  
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos2:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos003 {
    background: url('../imagens/vertical/ps- pvc.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos003:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}

ul#album-fotos li#fotos004 {
    background: url('../imagens/vertical/v-ouro2.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos004:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos005 {
    background: url('../imagens/vertical/mickei.jpeg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos005:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos006 {
    background: url('../imagens/Recentes/samacar-Juliana.png') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos006:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos007 {
    background: url('../imagens/gfs/gif-pers9.gif') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;

}
ul#album-fotos li#fotos007:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos008 {
    background: url('../imagens/horizontal/GifPersiana.gif') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos008:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
                                              /* piso   */

ul#album-fotos li#fotos0001{
    background: url('../imagens/piso/Carp.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos0001:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos0002 {
    background: url('../imagens/piso/Piso_lamin3.jpg') no-repeat;  
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos0002:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}

ul#album-fotos li#fotos0003 {
    background: url('../imagens/piso/rodapi.jpg') no-repeat;  
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos0003:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}



ul#album-fotos li#fotos0004 {
    background: url('../imagens/piso/logo-eucafloor.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos0004:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos0005 {
    background: url('../imagens/piso/Borrac_esc1.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;

}
ul#album-fotos li#fotos0005:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos0006 {
    background: url('../imagens/piso/Duraf5.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos0006:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos0007 {
    background: url('../imagens/piso/iconelogo-duraf.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;

}
ul#album-fotos li#fotos0007:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}
ul#album-fotos li#fotos0008 {
    background: url('../imagens/piso/frame4.gif') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: #ffffff;
}
ul#album-fotos li#fotos0008:hover{
    background-position: 0px 0px;
    background-size: 200px 200px;
}