@charset "UTF-8";

ul#album-fotos {
    width: 1200px;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
    list-style: none;

}

ul#album-fotos li {

    float: left;
    width: 200px;
    height: 133px;
    margin: 10px;
    border: 5px solid #ffffff;
    background-color: #ffffff;
    box-shadow: 1px 1px 3px rgba(0,0,0,.4);
    -webkit-transition: all .4s ease-in;
}

ul#album-fotos li span {
    opacity: 0;
    color: #3B5995;
    font-size: 10ypt;
    line-height: 380px;
    padding: 5px;
    font-weight: bold;
}

ul#album-fotos li:hover {
    -webkit-transform: scale(1.2);
}

ul#album-fotos li:hover span {
    opacity: 1;
}
/* Album: Instalações */

ul#album-fotos li#externas01 {
    background: url("../images/medium/externas/001.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

/* TESTE FOTOS SPAN*/

.fotos_album li:hover {
    -webkit-transform: scale(1.2);
}

.fotos_album:hover span {
    opacity: 1;
}
/* Album: Instalações */

.fotos_album#externas01 {
    background: url("../images/medium/externas/001.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}
/* FIM ##### TESTE FOTOS SPAN*/



ul#album-fotos li#externas01:hover {
    background-position: 0px 0px;
    background-size: 200px 133px;
}

ul#album-fotos li#externas02 {
    background: url("../images/medium/externas/002.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas02:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}

ul#album-fotos li#externas03 {
    background: url("../images/medium/externas/003.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas03:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}

ul#album-fotos li#externas04 {
    background: url("../images/medium/externas/004.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas04:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas05 {
    background: url("../images/medium/externas/005.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas05:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas06 {
    background: url("../images/medium/externas/006.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas06:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas07 {
    background: url("../images/medium/externas/007.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas07:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas08 {
    background: url("../images/medium/externas/008.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas08:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas09 {
    background: url("../images/medium/externas/009.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas09:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas10 {
    background: url("../images/medium/externas/010.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas10:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas11 {
    background: url("../images/medium/externas/011.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas11:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas12 {
    background: url("../images/medium/externas/012.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas12:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas13 {
    background: url("../images/medium/externas/013.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas13:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas14 {
    background: url("../images/medium/externas/014.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas14:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas15 {
    background: url("../images/medium/externas/015.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas15:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas16 {
    background: url("../images/medium/externas/016.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas16:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas17 {
    background: url("../images/medium/externas/017.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas17:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas18 {
    background: url("../images/medium/externas/018.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas18:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas19 {
    background: url("../images/medium/externas/019.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas19:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}
ul#album-fotos li#externas20 {
    background: url("../images/medium/externas/020.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 540px 360px;
    background-color: #ffffff;
}

ul#album-fotos li#externas20:hover {
    background-position: 0px 0px;
    background-size: 270px 180px;
}









}