/* ESTILOS DO BANNER TEM QUE MUDAR DEPENDENDO DO TAMANHO E POSICAO */
.container
{
    width: 940px;
    padding: 0;
}

.window
{
    width: 940px;
    height: 200px;
    overflow: hidden; /*--Hides anything outside of the set width/height--*/
    position: relative;
}

.image_reel
{
    position: absolute;
    top: 0;
    left: 0;
}

.image_reel img
{
    float: left;
}


/*--MUDA AQUI O TOP E LEFT DOS NUMEROS --*/

.pagingDestaque
{
    position: absolute;
    width: 250px;
    height: 25px;
    z-index: 100; /*--Assures the paging stays on the top layer--*/
    line-height: 24px; /*background: url(fundobanner.png) no-repeat;*/
    display: none; /*--Hidden by default, will be later shown with jQuery--*/
    top: 250px;
    margin-left: -97px;
}

.pagingDestaque a
{
    font-family: arial;
    font-size: 11px;
    padding: 3px;
    text-decoration: none;
    color: #000033;
    background-color: #F5F5F5;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.pagingDestaque a.active
{
    color: #FFFFFF;
    font-weight: bold;
    background: #000033;
    border: 1px solid #610000;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.pagingDestaque a:hover
{
    font-weight: bold;
}