#wrapper {
    margin-top: 0.5em;
    width: 620px;
    height:31em;

    float:left;
    position:relative;  /* On older OS versions "position" and "z-index" must be defined, */
    z-index:1;          /* it seems that recent webkit is less picky and works anyway. */
    overflow:hidden;

    background:#aaa;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    background:#e3e3e3;
}

#scroller {
    width:3100px;
    height:100%;
    float:left;
    padding:0;
}

#scroller ul {
    list-style:none;
    display:block;
    float:left;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    text-align:left;
}

#scroller li {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    display:block; float:left;
    width:620px; height:100%;
}

#destaques nav {
    width:auto;
    float:right;
    position: relative; top: -5em; z-index: 5; right: 1em;
    /*border-radius: 1em;*/
    padding: 0.5em;
    /*background: rgba(255,255,255,0.5);*/

}

#prev, #next {
    float:left;
    background: url(../images/seta-esq-br.png) no-repeat right;
    width: 14px; height: 20px; text-indent: -9999em;
    font-size:1.4em;
    padding:5px 0;
    cursor: pointer;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transition: opacity 0.6s ease-in-out; -moz-transition: opacity 0.6s ease-in-out; -o-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; 
    
}
#prev:hover, #next:hover {
    -webkit-transition: opacity 0.6s ease-in-out; -moz-transition: opacity 0.6s ease-in-out; -o-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; 
    filter: alpha(opacity=100);
    opacity: 1;
}
#prev {background: url(../images/seta-dir-br.png) no-repeat left;  }

#next {
    float:left;
    margin-left: 12px;
}

#indicator > li {
    display:block; float:left;
    list-style:none;
    padding:0; margin:0;

}

#indicator {
    padding:1.2em 0 0 1.2em;
    margin: auto;
    float: left;
}

#indicator > li {
    text-indent:-9999em;
    width:5px; height:5px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    background:#888;
    overflow:hidden;
    margin-right:4px;
}

#indicator > li.active {
    background:#DDD;
}

#indicator > li:last-child {
    margin:0;
}