.fotos {
    margin-top: 10px;
}
.fotos a {
    margin-right: 5px; 
    margin-bottom: 10px;
}
.fotos img {
    width: 120px; 
    height: 80px;
}
.galeria {
    background: #000;
/*    display: table-cell;   */
    text-align: center;
    z-index: 10001;
}
.galeria > div {
    width: 100%;
}
@media only screen and (max-width: 53em) {
    .galeria {
        overflow-y: scroll;    
    }
}
.imagemprincipal {
    margin-top: 2%;
    z-index: 10002;
    max-height: 30vw;    
}
@media only screen and (max-width: 40em) {
    .imagemprincipal {
        min-height: 40vw;
    }
}
.listaimagens {
    margin-top: 2%;
    z-index: 10003;
    list-style-type: none;
    margin-left:0; 
    text-align:center;
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;    
}
.listaimagens li {
    display: inline; 
}
.listaimagens img {
    margin-bottom: 5px;
    opacity: 0.7;
    width: 140px; 
    height: 100px; 
}
.listaimagens img:hover {
    opacity: 1.0;
    filter: alpha(opacity:100);    
}
.botaoanterior {
    margin-top: 200%;
    width: 50px;
    height: 50px;
    z-index: 11004;
}
.botaoproximo {
    margin-top: 200%;
    top: 50%;
    width: 50px;
    height: 50px;
    z-index: 11004;
}
.botaoanterior:hover {
    opacity: 0.7;
    filter: alpha(opacity:70);    
}
.botaoproximo:hover {
    opacity: 0.7;
    filter: alpha(opacity:70);   
}
.box {
    padding-left: 0px; 
    padding-right: 0px; 
    height: 33vw;
}