{
    margin: 0 auto;
    padding: 0;
}
/* body {
    background: background-color: rgb(48,23,74);
} */
.contencao {
    margin:0 auto;
    width: 640px;
    height: 480px;
    *background: #000;
    overflow: hidden;
}
#imagebg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: 1s;
}
.anterior, .proximo {
    position: relative;
    margin-top: -240px;
    width: 65px;
    height: 120px;
    background-color: rgba(44,62,80, .4);
    color: #FFF;
    font-size: 25px;
    text-align: center;
    line-height: 120px;
    cursor: pointer;
}
.anterior {
    float: left;
}
.proximo {
    float: right;
}
.anterior:hover {
    background-color: rgba(44,62,80, .9);
}
.proximo:hover {
    background-color: rgba(44,62,80, .9);
}
ul {
    *margin: 0 auto;
    list-style: none;
    *width: 100%;
    display: flex;
}
ul li {
    margin: 0 auto;
    background: #131b22;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    cursor: pointer;
}
.selected {
    background: #FFF01A;
}