@charset "UTF-8";

ul#albumfotos{
    width: 750px;
    margin: 0px auto;
    padding: 40px;
    overflow: hidden;
    list-style: none;
}

ul#albumfotos li{
    float: left;
    width: 220px;
    height: 220px;
    margin: 10px;
    border: 2px solid white;
    background-color: white;
    box-shadow: 1px 1px 4px black;
    transition: all .5s ease-in;
}
ul#albumfotos li span{
    color: white;
    text-shadow: 1px black;
    background: rgba(0, 0, 0, 0.301);
    font-size: 10pt;
    line-height: 400px;
    padding: 5px;
    border-radius: 3px;
    opacity: 0;
}
ul#albumfotos li:hover{
    transform: scale(1.35);
}
ul#albumfotos li:hover span{
    opacity: 1;
}


ul#albumfotos li#foto01{
    background: url('../imagens/galeria-01.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: white;
}
ul#albumfotos li#foto01:hover{
    background-position: 0px 0px;
    background-size: 250px 250px;
}
ul#albumfotos li#foto02{
    background: url('../imagens/galeria-02.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: white;
}
ul#albumfotos li#foto02:hover{
    background-position: 0px 0px;
    background-size: 250px 250px;
}
ul#albumfotos li#foto03{
    background: url('../imagens/galeria-03.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: white;
}
ul#albumfotos li#foto03:hover{
    background-position: 0px 0px;
    background-size: 250px 250px;
}
ul#albumfotos li#foto04{
    background: url('../imagens/galeria-04.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: white;
}
ul#albumfotos li#foto04:hover{
    background-position: 0px 0px;
    background-size: 250px 250px;
}
ul#albumfotos li#foto05{
    background: url('../imagens/galeria-05.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: white;
}
ul#albumfotos li#foto05:hover{
    background-position: 0px 0px;
    background-size: 250px 250px;
}
ul#albumfotos li#foto06{
    background: url('../imagens/galeria-06.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: 400px 400px;
    background-color: white;
}
ul#albumfotos li#foto06:hover{
    background-position: 0px 0px;
    background-size: 250px 250px;
}