/*
 * Itaú Trade
 * 
 * @project     Site Itaútrade
 * @site        
 * @version     1.0
 * @package     template layout
 * @copyright   ITAÚ - www.itau.com.br
 */

/* Fontes ================= */
@font-face {
    font-family: ItauDisplayRegular;
    src: url('../Fonts/ItauDisplay_Rg.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: ItauDisplayBold;
    src: url('../Fonts/ItauDisplay_Bd.ttf');
    font-weight: normal;
    font-style: normal;
}


/* ===============
   Estilos Globais
   ===============  */
body {
    background-color: #F5F3F2;
    color: #6F6E6B;
    font-size: 0.75em;
    line-height: 16px;
    font-family: Arial,Tahoma,Verdana;
    margin: 0; /*text-rendering:geometricPrecision;*/
}

ul {
    list-style-type: none;
}

p, h1, h2, h3, h4, h5, ol, ul {
    margin: 0;
    padding: 0;
}

p {
    margin: 15px 0;
}

    p.confirmavenda {
        white-space: nowrap;
        margin: 45px 0px 0px 0px;
    }

ul, ol {
    list-style-position: inside;
}

/* Títulos */
h1, h2, h3, h4, h5 {
    font-weight: normal;
}

    h1.titulo {
        color: #FE7821;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        margin: 15px 0 15px 15px;
    }

h2 {
    color: #FE7821;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16px;
    margin: 15px 0 15px 15px;
}

    h2.confirmacompra {
        color: #6F6E6B;
        font-family: Arial,Tahoma,Verdana;
        font-size: 14px;
        margin: 0;
    }

    h2.IPO {
        color: #FE7821;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        margin: 15px 0 15px 10px;
    }

h3.titulo {
    color: #FE7821;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16px;
    margin: 15px 0 15px 15px;
}

h3.subtitulo-destaque {
    color: #55544f;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16px;
    background: url(../img/bg/linhas.gif) repeat-x left 25px;
    padding: 0 0 27px 0;
}

h3.subtitulo-destaque2 {
    color: #55544f;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16px;
    background: url(../img/bg/linhas.gif) repeat-x left 25px;
    padding: 0 0 27px 0;
}

/* Links e formulários */
input, form {
    margin: 0;
    padding: 0;
}

a {
    vertical-align: middle;
    text-decoration: underline;
    font-weight: bold;
    color: #2585C6;
}

    a:focus, a.focus, a:hover {
        color: #7a7b7b;
    }

    a, a:focus, input[type='submit'], button:focus, label:focus {
    }

        a.disabled, a.disabled:hover {
            color: #9c9c9c;
            cursor: default;
        }

        input[type='submit']::-moz-focus-inner {
            border: 0;
        }

p a {
    vertical-align: baseline;
}

a:focus, input[type="submit"] {
}

select {
    padding-right: 10px;
}

textarea {
    -webkit-appearance: none;
}

/* Conteiners */
.institucional h2,
.pagina-cadastronaocorrentista .conteiner h2 {
    font-size: 31px;
    line-height: 31px;
    font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
    margin: 5px 0 8px;
}

.institucional.pagina-cadastro .conteiner h2,
.pagina-cadastronaocorrentista .conteiner h2 {
    font-size: 30px;
    margin: -4px 0 0;
}

.institucional h3 {
    color: #262626;
    font-size: 12px;
    font-weight: bold;
}

    .institucional h3.subtitulo-destaque {
        font-size: 16px;
        color: #FE7821;
        font-family: ItauDisplayBold;
        margin: 13px 0 25px;
        padding-left: 3px;
    }

    .institucional h3.subtitulo-destaque2 {
        font-size: 16px;
        color: #FE7821;
        font-family: ItauDisplayBold;
        margin: 13px 0 0px;
        padding-left: 3px;
    }

.institucional .subheader h2 {
    font-size: 30px;
    line-height: 32px;
    margin: 28px 0 10px;
}

.institucional p {
    margin-top: 15px;
}

::selection, ::-moz-selection {
    background: #bcbec0;
    color: White;
}

/* ==========
    Utilidades
    ==========  */
.clearfix {
    *zoom: 1;
}

    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

.quebra-linha {
    display: block;
    clear: both;
    height: 1px;
    width: 100%;
}

.clear-left {
    clear: left;
}

.clear-both {
    clear: both;
}

.sem-margem {
    margin: 0;
}

.citacao {
    color: #FE7821;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 10px;
    margin: 0 0 0 0;
}

.modelsheet {
    padding: 10px 0 30px;
    width: 965px;
    clear: both;
}

    .modelsheet h1 {
        margin: 10px 0;
    }

    .modelsheet .widget {
        position: relative;
        float: left;
        margin-right: 20px;
        margin-top: 20px;
    }

    .modelsheet .color-box {
        padding-left: 15px;
        margin: 5px 0;
    }

        .modelsheet .color-box span {
            float: left;
            width: 10px;
            height: 10px;
            border: 1px solid black;
            margin: 2px 5px 0 -15px;
            color: #262626;
        }

/* Carregando */
.ui-carregando {
    position: absolute;
    left: 50%;
    margin-left: -59px;
    top: 146px;
    width: 123px;
    height: 26px;
    padding: 10px;
    background: url(../Img/loading-tela-bg.png) no-repeat left top;
    z-index: 100;
}

    .ui-carregando span {
        background: url(../Img/loading-tela.gif) no-repeat right center;
        color: #fff;
        margin: 1px 0 0 8px;
        padding: 4px 73px 4px 10px;
        width: 15px;
        height: 15px;
        display: block;
        font-weight: bold;
        font-size: 12px;
    }

.ui-cortina {
    top: -2px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 19;
    display: none;
    background: #F2F0EE;
    opacity: .5;
    filter: alpha(opacity=50);
}

.corpo-conteudo-carregando {
    background: url(../Img/loading.gif) #F2F0EE no-repeat left center;
}

.ui-carregando.grafico {
    top: 40px;
}

/* =========
   Estrutura
   =========  */
.conteiner {
    width: 965px;
    margin: 0 auto;
    position: relative;
}

.institucional .conteiner {
    color: #55534F;
}

.pagina-cadastro .conteiner {
    color: #6F6E6B;
}

.divisao {
    background: url(../Img/Bg/linhas.gif) 0 -103px repeat-x;
    height: 2px;
    display: block;
    margin: 20px 0;
}

/* Divisão do conteúdo em partes iguais ================ */

/* Largura total */
.largura-total {
    width: 965px;
    clear: both;
}

/* 2 partes */
.conteiner1de2 {
    width: 482px;
}

.conteinerLogin {
    width: 310px;
    float: right;
}

/* 3 partes */
.conteiner1de3 {
    width: 321px;
}

.conteiner2de3 {
    width: 643px;
}

/* 4 partes */
.conteiner1de4 {
    width: 241px;
}

.conteiner2de4 {
    width: 482px;
}

.conteiner3de4 {
    width: 723px;
}

.conteiner1de2, .conteiner1de3, .conteiner2de3, .conteiner1de4, .conteiner2de4, .conteiner3de4 {
    float: left;
}

div .alinhado-direita-margem {
    text-align: right;
    margin-right: 15px;
}

div .alinhado-direita {
    text-align: right;
}

/* Novo sistema de grids (mais genérico e com suporte para o spinnex) ================ */
.grid-conteiner {
    margin-left: -20px;
}

.grid {
    padding: 0;
    float: left;
    margin-left: 20px;
}

.grid-full {
    width: 965px;
    clear: both;
}

.grid-left {
    padding-left: 0;
}

.grid-right {
    padding-right: 0;
}

.grid-1de2 {
    width: 472px;
}

.grid-1de3 {
    width: 308px;
}

.grid-2de3 {
    width: 636px;
}

.grid-1de4 {
    width: 226px;
}

.grid-2de4 {
    width: 472px;
}

.grid-3de4 {
    width: 718px;
}

/*  ====
    Banner - Termo de Segurança e Privacidade
    ====  */

.banner {
    top: -6px;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 36px;
}

    .banner.termosegpriv {
        background: #575757;
    }

#banner.termosegpriv h3 {
}

#banner.termosegpriv .texto span {
    display: inline-block;
}

#banner.termosegpriv .icone {
    margin-top: 10px;
}

.banner.termosegpriv .conteudo {
    position: relative;
}

.banner.termosegpriv .icone {
    float: left;
    width: 27px;
    height: 23px;
    display: block;
    margin: 4px 0px 7px 15px;
    background: url(../Img/Ico/ico-alerta-aviso.png) no-repeat;
}

.banner.termosegpriv .texto {
    padding: 0 13px 0;
    float: left;
    margin: 6px 0 6px;
    width: 88%;
    font-size: 11px;
}

    .banner.termosegpriv .texto h3 {
        font-size: 14px;
        font-family: Arial;
        position: absolute;
        margin: 3px;
        float: left;
        left: 47px;
        color: #FFFFFF;
        font-weight: normal;
    }

    .banner.termosegpriv .texto a {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: underline;
        vertical-align: baseline
    }

    .banner.termosegpriv .texto p {
        padding: 0;
        margin: 5px 0;
        font-size: 11px;
    }

.banner.termosegpriv .optn-banner-termo {
    background: url(../Img/Ico/ico-fechar-branco.png);
    height: 12px;
    width: 11px;
    position: relative;
    background-size: 100%
}

    .banner.termosegpriv .optn-banner-termo.fechar {
        position: absolute;
        right: 12px;
        top: 12px;
    }

/*  ====
    Topo
    ====  */
#header {
    min-height: 125px;
    padding: 15px 0 10px;
    z-index: 21;
    position: relative;
}

    #header h1 {
        float: left;
        margin: 0 0 10px;
    }

        #header h1 img {
            border: 0;
        }

    #header h2 {
        float: right;
        margin: 8px 30px 0;
    }

.dados-usuario {
    float: right;
    margin-top: 13px;
}

    .dados-usuario .versao-gerada {
        font-size: 11px;
        position: absolute;
        top: -9px;
        right: 0;
    }

.institucional .dados-usuario .versao-gerada {
    right: 25px;
}

/* Menu principal ================ */
#menu {
    float: left;
    clear: left;
    padding: 0;
    position: relative; /*height: 52px; Removido pois da bug para a master SemiLogado */
}

    #menu ul {
        list-style-type: none;
    }

    #menu > li {
        float: left;
        width: auto;
        border-left: 1px solid #EEECEB;
        display: inline-block;
    }

        #menu > li:hover .submenu {
            display: block;
        }

        #menu > li > a:focus .submenu {
            display: block;
        }

        #menu > li:first-child {
            border-left: 0;
        }

        #menu > li > a {
            border-width: 1px 0;
            letter-spacing: -1px;
            border-style: solid;
            border-color: #dddcdb;
            color: #55544f;
            font-size: 14px;
            font-weight: bold;
            text-shadow: 0 1px 1px #fff;
            text-align: center;
            padding: 16px 0 18px;
            display: block;
            background: url(../Img/Bg/menu.gif) repeat-x;
            text-decoration: none
        }

            #menu > li > a:hover,
            #menu > li > a:focus {
                background-position: 0 -50px;
            }

            #menu > li > a:active,
            #menu > li.selecionado > a {
                background-position: 0 -100px;
                color: #7a7b7b;
                text-shadow: #f6f5f4;
            }

        #menu > li:first-child > a {
            border-left: 1px solid #dddcdb;
            border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
        }

    #menu li.inicio > a {
        width: 98px;
    }

    #menu li.diferenciais > a {
        width: 140px;
    }

    #menu li.explore > a {
        width: 111px;
    }

    #menu li.cockpitPJ > a {
        width: 160px;
    }

    #menu li.carteiraPJ > a {
        width: 160px;
    }

    #menu li.perfilPJ > a {
        width: 159px;
    }

    #menu li.assessoriaPj > a {
        width: 160px;
    }

    #menu li.educacionalPJ {
        width: 160px;
    }

    #menu li.atendimentoPJ {
        width: 160px;
    }

    #menu li.como-comecar > a {
        width: 162px;
    }

    #menu.institucional li:last-child > a {
        border-radius: 0;
        border-right: 0;
    }

    #menu.institucional li.atendimento > a {
        width: 147px;
    }

.conteiner-busca {
    float: left;
    min-width: 150px;
    background: url(../Img/Bg/menu.gif) repeat-x;
    border: 1px solid #dddcdb;
    border-left-color: #EEECEB;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    padding: 12px 5px 13px 33px;
}

    .conteiner-busca.institucional {
        min-width: 262px;
    }

/* Submenu ----------------------- */
#menu .submenu {
    display: none;
    left: 0;
    top: 50px;
    position: absolute;
    z-index: 1000;
}

#menu .conteiner {
    margin-top: 4px;
    width: auto;
    background-color: #fff;
    border: 1px solid #dddcdb;
    border-radius: 4px;
    padding: 35px 20px 10px 30px;
    overflow: hidden;
}

#menu .col {
    float: left;
    width: 206px;
}

    #menu .col + .col {
        margin-left: 24px;
    }

#menu .submenu li.titulo {
    font-size: 14px;
    color: #7a7b7b;
    font-weight: bold;
    margin: 15px 0;
    text-decoration: none
}

    #menu .submenu li.titulo:first-child {
        margin: 0;
    }

    #menu .submenu li.titulo ul {
        margin-top: 15px;
    }

    #menu .submenu li.titulo a {
        color: #7a7b7b;
        display: block;
        background: url(../Img/Bg/menu-seta.png) no-repeat right -18px;
        padding: 0;
        text-decoration: none;
    }

        #menu .submenu li.titulo a:hover {
            color: #2585c6;
            background-position: right -43px;
        }

    #menu .submenu li.titulo.vazio {
        text-indent: -9999px;
    }

        #menu .submenu li.titulo.vazio > a {
            background: none;
            cursor: default;
            visibility: hidden;
        }

        #menu .submenu li.titulo.vazio li {
            text-indent: 0;
        }

#menu .submenu li li {
    font-size: 11px;
    border-top: 1px solid #EEECEB;
}

    #menu .submenu li li:first-child {
        border: 0;
    }

#menu .submenu li.subtitulo {
    padding-left: 0;
    margin-top: 15px;
    border: 0;
}

#menu .submenu li.titulo li a {
    font-weight: normal;
    color: #2585c6;
    display: block;
    padding: 5px 0 5px 10px;
    background-image: none;
    border-left: 0;
}

#menu .submenu li li a:hover {
    background-color: #f1f1f2;
}

#menu .atendimento .conteiner {
    width: 200px;
}

#menu .explore .submenu {
    left: 240px
}

#menu .explore .conteiner {
    width: 155px;
}

#menu .diferenciais .submenu {
    left: 100px;
}

#menu .diferenciais .conteiner {
    width: 180px;
}

#menu .carteiraPJ .submenu {
    left: 120px;
}

#menu .carteiraPJ .conteiner {
    width: 180px;
}

#menu .assessoriaPj .submenu {
    left: 120px;
}

#menu .assessoriaPj .conteiner {
    width: 500px;
}

#menu .perfilPJ .submenu {
    left: 595px;
}

#menu .perfilPJ .conteiner {
    width: 200px;
}

#menu .atendimentoPJ .submenu {
    left: 805px;
}

#menu .atendimentoPJ .conteiner {
    width: 130px;
}

#menu .como-comecar .submenu {
    left: 350px;
}

#menu .como-comecar .conteiner {
    width: 198px;
}

#menu .atendimento .submenu {
    left: 515px;
}

#menu .atendimento .conteiner {
    width: 130px;
}

/* Setas submenu ---------------------- */
#menu .submenu .seta {
    width: 13px;
    height: 7px;
    position: absolute;
    background: url(../Img/Bg/menu-seta.png) no-repeat;
    top: -2px;
    z-index: 1001;
}

#menu .diferenciais .seta {
    left: 50%;
}

#menu .carteiraPJ .seta {
    left: 50%;
}

#menu .assessoriaPj .seta {
    left: 50%
}

#menu .perfilPJ .seta {
    left: 50%;
}

#menu .atendimentoPJ .seta {
    left: 50%;
}

#menu .explore .seta {
    left: 48px;
}

#menu .como-comecar .seta {
    left: 73px;
}

#menu .atendimento .seta {
    left: 69px;
}

#locator {
    border-bottom: 1px solid #e7e4e1;
    clear: left;
}

    #locator .conteiner {
        padding: 13px 0 13px;
        height: 15px;
    }

    #locator .navegacao {
        margin: 0;
        float: left;
        font-size: 11px;
        list-style-type: none;
    }

        #locator .navegacao li {
            float: left;
            background: url(../Img/Ico/locator-navegacao.png) no-repeat 3px 4px;
            padding: 0 4px 0 15px;
        }

        #locator .navegacao a {
            color: #A5A5A5;
            font-weight: normal;
            vertical-align: inherit;
        }

            #locator .navegacao a:hover {
                text-decoration: underline;
            }

        #locator .navegacao li:first-child {
            background: none;
            padding: 0 4px 0 0;
        }

        #locator .navegacao li:last-child {
            color: #6F6E6B;
            font-weight: bold;
            margin-top: 0px;
            background-position: 3px 3px;
        }

    #locator .busca {
        margin-right: 8px;
        width: 100px;
        background-position: 4px 4px;
    }

    #locator .conteiner-busca .btn input {
        padding-left: 5px;
        padding-right: 5px;
    }

#nivel {
    width: 150px;
}

#locator form {
    display: inline-block;
}

#locator a.adicionar-aocp {
    float: left;
    border-right: 1px solid #E5E2DF;
    margin: 5px 15px 0 0;
    padding: 0 15px 0 0;
}

a.adicionar-aocp span.ico {
    background: url("../Img/Ico/ico-widget.png") 0 0 no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    margin: 1px 3px 0 0;
}

a.adicionar-aocp:hover span.ico {
    background-position: 0 -15px;
}

#locator span.adicionado-aocp {
    float: left;
    border-right: 1px solid #E5E2DF;
    margin: 5px 15px 0 0;
    padding: 0 15px 0 0;
    color: #A5A5A5;
    font-weight: bold;
}

#locator .conteiner-busca .tipo-busca {
    margin: -2px 12px 0 0;
}

    #locator .conteiner-busca .tipo-busca label {
        font-size: 10px;
        height: auto;
        line-height: normal;
        padding: 0;
    }

    #locator .conteiner-busca .tipo-busca .radioStyled {
        margin-top: 3px;
        background-position: -51px 0;
        width: 10px;
        height: 9px;
    }

        #locator .conteiner-busca .tipo-busca .radioStyled.selected {
            background-position: -51px -9px;
        }

    #locator .conteiner-busca .tipo-busca .linhas-form {
        margin: 0;
        height: auto;
        display: block;
        clear: both;
        overflow: hidden;
    }

.conteiner-busca .btn.primario.buscar {
    margin-top: -2px;
}

/* ======
   Rodapé
   ======  */
#footer {
    border-top: 2px solid #f7f5f4;
    background-color: #f3f0ef;
    min-height: 260px;
    position: relative;
    z-index: 2;
}

    #footer .conteiner {
        padding: 30px 0 10px;
        position: static;
        overflow: hidden;
    }

    #footer .mapa-do-site,
    #footer .mapa-do-site ul {
        list-style-type: none;
        list-style-position: outside;
    }

        #footer .mapa-do-site > li {
            float: left;
            margin-left: 68px;
        }

            #footer .mapa-do-site > li:first-child {
                margin-left: 0;
            }

        #footer .mapa-do-site ul {
            padding-top: 3px;
        }

        #footer .mapa-do-site > li, #footer .mapa-do-site > li a {
            color: #262626;
            font-size: 12px;
            font-weight: bold;
        }

        #footer .mapa-do-site li li {
            line-height: 15px;
            max-width: 152px;
        }

            #footer .mapa-do-site li li, #footer .mapa-do-site li li a {
                color: #95948F;
                font-size: 11px;
                font-weight: normal;
            }

        #footer .mapa-do-site a:hover,
        #footer .mapa-do-site a:focus {
            text-decoration: underline;
        }

    #footer .selo {
        border: 0;
        display: inline-block;
        text-indent: -9999px;
        float: left;
    }

    #footer.logado .mapa-do-site > li {
        float: none;
        margin-left: 35px;
    }

    #footer.logado .col.primeiro .mapa-do-site > li {
        margin-left: 0;
    }

    #footer.logado .col {
        float: left;
    }

        #footer.logado .col .mapa-do-site > li ul {
            margin-bottom: 10px;
        }

    #footer.logado .selos-corretora {
        margin-top: 60px;
        padding-left: 35px;
    }

/* Redes Sociais ========== */
.redes-sociais {
    overflow: hidden;
}

    .redes-sociais li {
        float: left;
        margin: 5px 0 0 10px;
    }

        .redes-sociais li:first-child {
            margin: 5px 0 0;
        }

    .redes-sociais .selo {
        width: 34px;
        height: 34px;
    }

    .redes-sociais .youtube {
        background: url(../Img/Ico/redes-youtube.png) no-repeat;
    }

    .redes-sociais .twitter {
        background: url(../Img/Ico/redes-twitter.png) no-repeat;
    }

/* Selos corretora ============= */
.selos-corretora {
    float: left;
    margin-top: 30px;
    min-width: 250px;
    padding-left: 70px;
}

    .selos-corretora .selo {
        margin-left: 8px;
        width: 52px;
        height: 71px;
    }

        .selos-corretora .selo:first-child {
            margin-left: 0;
        }

    .selos-corretora .carrying {
        background: url(../Img/Ico/selo-carrying.gif) no-repeat;
    }

    .selos-corretora .retail {
        background: url(../Img/Ico/selo-retail.gif) no-repeat;
    }

    .selos-corretora .hb {
        background: url(../Img/Ico/selo-hb.gif) no-repeat;
    }

    .selos-corretora .execution {
        background: url(../Img/Ico/selo-execution.gif) no-repeat;
    }

    .selos-corretora .agro {
        background: url(../Img/Ico/selo-agro.gif) no-repeat;
    }

/* Copyright ============= */
.copyright {
    font-size: 10px;
    color: #95948F;
    padding-top: 10px;
    clear: left;
}

/* ==================
   Conteúdo Principal
   ==================  */
#content {
    border-top: 2px solid #f8f7f6;
    border-bottom: 1px solid #e6e3e0;
    padding: 10px 0;
    position: relative;
    z-index: 3;
}

ul.abas + h2 {
    margin-top: 17px;
}

.escopo-conteudo {
    padding-bottom: 15px;
}

    .escopo-conteudo dl {
        padding: 2px 0 4px;
        float: left;
        clear: both;
    }

    .escopo-conteudo dt {
        float: left;
    }

    .escopo-conteudo dd {
        float: left;
        font-weight: bold;
        margin: 0 15px 0 3px;
    }

hr {
    background: url(../Img/Bg/linhas.gif) repeat-x;
    border: 0;
    height: 3px;
    margin: 5px 0;
    clear: both;
}

.largura-total + hr {
    margin-top: 25px;
}

.listagem-links li {
    background: url(../img/ico/seta-tabela.png) no-repeat 0 -177px;
    padding-left: 10px;
}

.img-conteiner {
    position: relative;
    display: inline-block;
}

    .img-conteiner .acabamento {
        z-index: 1;
        width: 6px;
        height: 6px;
    }

        .img-conteiner .acabamento.topo {
            top: 0;
            right: 0;
            position: absolute;
            padding: 0;
            background: url(../img/bg/detalhe-boxes.png) no-repeat 0 -71px;
            border: 0;
        }

        .img-conteiner .acabamento.base {
            bottom: 0;
            left: 0;
            position: absolute;
            background: url(../img/bg/detalhe-boxes.png) no-repeat 0 -65px;
        }

    .img-conteiner img {
        border: 0;
    }

.link-voltar {
    float: right;
    font-size: 11px;
    vertical-align: middle;
    text-decoration: none;
    font-weight: bold;
    color: #2585C6;
    font-family: Arial;
}

    .link-voltar:hover {
        color: #7a7b7b;
    }

/* Ícones ================= */
.ico {
    display: inline-block;
    background: url(../img/ico/icones.png) no-repeat 0 25px;
    height: 15px;
}

    .ico.fechar {
        background: url(../Img/Btn/fechar.png) no-repeat 6px 0;
        width: 20px;
        height: 15px;
        text-indent: -999999px;
    }

        .ico.fechar:hover {
            background-position: 6px -15px;
            width: 105px;
            height: 45px;
            margin-right: -85px;
            margin-top: -17px;
            z-index: 9999;
        }

    .ico + .ico {
        margin-left: 2px;
    }

    .ico.imprimir {
        width: 18px;
        background-position: 0 0;
    }

        .ico.imprimir:hover {
            background-position: 0 -17px;
        }

    .ico.tela-inteira {
        width: 15px;
        background-position: -21px 1px;
    }

        .ico.tela-inteira:hover {
            background-position: -21px -17px;
        }

    .ico.deletar {
        width: 16px;
        background-position: -39px 0;
    }

        .ico.deletar:hover {
            background-position: -39px -18px;
        }

        .ico.deletar:active {
            background-position: -39px -36px;
        }

    .ico.salvar-pdf {
        width: 13px;
        background-position: -58px 0;
    }

        .ico.salvar-pdf:hover {
            background-position: -58px -18px;
        }

        .ico.salvar-pdf + .ico.tela-inteira {
            margin-left: 4px;
        }

    .ico.transferencia {
        width: 49px;
        height: 15px;
        background: url(../Img/Ico/transferencia.png) no-repeat;
    }

    .ico.transferencia-b3 {
        width: 49px;
        height: 15px;
        background: url(../Img/Ico/transferencia-b3.png) no-repeat;
        background-position: 0 0;
        float: right;
        margin-right: 12px;
        background-size: 50px 15px;
    }

    .ico.transferencia.externo-itau {
        background-position: 0 0;
    }

    .ico.transferencia.itau-externo {
        background-position: 0 -15px;
    }

    .ico.transferencia.itau-itau {
        background-position: 0 -30px;
    }

    .ico.balao {
        background: url(../Img/Ico/ico-balao.png) no-repeat;
        height: 15px;
    }

        .ico.balao.monitor {
            width: 17px;
            background-position: -11px -7px;
        }

        .ico.balao.imprimir {
            width: 18px;
            background-position: -51px -7px;
        }

        .ico.balao.documento {
            width: 14px;
            background-position: -92px -6px;
        }

        .ico.balao.correio {
            width: 17px;
            background-position: -125px -7px;
        }

    .ico.visualizacoes, .ico.curtir {
        margin-right: 3px;
    }

.interacoes a {
    vertical-align: inherit;
    color: #6F6E6B;
    font-weight: normal;
}

.ico.visualizacoes {
    background-position: -58px -35px;
    width: 16px;
}

.ico.curtir {
    background-position: -23px -35px;
    width: 12px;
}

.ico.salvar {
    background-position: -76px 0;
    width: 14px;
}

a.ico.salvar:hover {
    background-position: -76px -17px;
}

.ico.exportar {
    background-position: -95px 0;
    width: 16px;
}

a.ico.exportar:hover {
    background-position: -95px -17px;
}

.ico.mensagem {
    background-position: -116px 0;
    width: 19px;
}

a.ico.mensagem:hover {
    background-position: -116px -17px;
}

.ico.alerta {
    background-position: -141px 0;
    width: 15px;
}

a.ico.alerta:hover {
    background-position: -141px -18px;
}

.ico.enviar {
    background-position: -162px 0;
    width: 15px;
}

a.ico.enviar:hover {
    background-position: -162px -17px;
}

.ico.msg-lida,
table.mensagens .msg-lida .status .ico {
    background-position: -183px 0;
    width: 15px;
    height: 16px;
}

.ico.msg-lida-lixeira,
table.mensagens .msg-lida.lixeira .status .ico {
    background-position: -183px -18px;
    width: 16px;
    height: 16px;
}

.ico.msg-nova,
table.mensagens .msg-nao-lida .status .ico {
    background-position: -204px 0;
    width: 15px;
}

.ico.msg-nova-lixeira,
table.mensagens .msg-nao-lida.lixeira .status .ico {
    background-position: -204px -18px;
    width: 16px;
}

.ico.msg-favorita {
    background-position: -225px 0;
    width: 17px;
}

    .ico.msg-favorita.selected {
        background-position: -225px -18px;
    }

.ico.msg-dica {
    background-position: -79px -39px;
    width: 13px;
    height: 10px;
}

.ico.msg-atualizar {
    background-position: -97px -40px;
    width: 9px;
    height: 9px;
}

.ico.pasta {
    background-position: -145px -38px;
    height: 12px;
    width: 13px;
}

    .ico.pasta.azul {
        background-position: -175px -38px;
    }

    .ico.pasta.verde {
        background-position: -190px -38px;
    }

    .ico.pasta.vermelha {
        background-position: -205px -38px;
    }

    .ico.pasta.amarelo {
        background-position: -220px -38px;
    }

    .ico.pasta.selected {
        background-position: -160px -38px;
    }

.ico.pasta-favoritos {
    background-position: -112px -38px;
    height: 12px;
    width: 13px;
}

    .ico.pasta-favoritos.selected {
        background-position: -128px -38px;
    }

.ico.abre-lista {
    width: 7px;
    height: 10px;
    background-position: -235px -42px;
}

.ico.rss {
    width: 12px;
    height: 12px;
    background-position: -248px 0;
}

.ico.podcast {
    width: 15px;
    height: 13px;
    background-position: -245px -18px;
}

.ico.ok {
    width: 13px;
    height: 10px;
    background-position: -247px -40px;
}

.ico.adicionar {
    width: 10px;
    height: 8px;
    background-position: -260px 0;
}

.ico.remover {
    width: 10px;
    height: 8px;
    background-position: -260px -9px;
}

/* Rating */
.star-rating {
    background: url(../Img/ico/star-rate.png) 0 -14px repeat-x;
    width: 75px;
    height: 14px;
    display: block;
}

    .star-rating .points {
        display: block;
        width: 40%;
        height: 14px;
        background: url(../Img/ico/star-rate.png) 0 0 repeat-x;
        text-indent: -9999px;
    }

/* Recomendação grafista */
.recomendacao-grafista span {
    background: url(../Img/ico/recomendacao.png) no-repeat;
    display: block;
    width: 34px;
    height: 15px;
    text-indent: -9999px;
}

    .recomendacao-grafista span.longo-prazo.em-alta {
        background-position: 0 -30px;
    }

    .recomendacao-grafista span.longo-prazo.em-baixa {
        background-position: -34px -30px;
    }

    .recomendacao-grafista span.longo-prazo.neutra {
        background-position: -68px -30px;
    }

    .recomendacao-grafista span.curto-prazo.em-alta {
        background-position: 0 0;
    }

    .recomendacao-grafista span.curto-prazo.em-baixa {
        background-position: -34px 0;
    }

    .recomendacao-grafista span.curto-prazo.neutra {
        background-position: -68px 0;
    }

    .recomendacao-grafista span.medio-prazo.em-alta {
        background-position: 0 -15px;
    }

    .recomendacao-grafista span.medio-prazo.em-baixa {
        background-position: -34px -15px;
    }

    .recomendacao-grafista span.medio-prazo.neutra {
        background-position: -68px -15px;
    }

/* Consenso de mercado */
.consenso-mercado span.sup {
    font-size: 8px;
    font-weight: bold;
    color: #262626;
    position: relative;
    top: -3px;
    right: 3px;
    zoom: 1;
    width: auto;
    height: auto;
    background-image: none;
    display: inline;
}

.consenso-mercado span.consenso {
    background: url(../Img/ico/consenso.png) no-repeat;
    display: inline-block;
    width: 34px;
    height: 15px;
    margin-right: 5px;
    text-indent: 6px;
}

.consenso-mercado span.info {
    background: url(../Img/ico/icones.png) no-repeat 0 25px;
    display: inline-block;
    height: 15px;
    float: right;
    margin: -20px 80px 0px 0px;
}

.consenso-mercado span.consenso.comprar {
    background-position: 0px 0px;
}

.consenso-mercado span.consenso.vender {
    background-position: -34px 0px;
}

.consenso-mercado span.consenso.manter {
    background-position: -68px 0px;
}

.consenso-mercado span.info.ico {
    background-position: -58px -35px;
    width: 16px;
}

/* Widget - Consenso de mercado */
.box.widget.ConsensoReuters span.sup {
    font-size: 8px;
    font-weight: bold;
    color: #262626;
    position: relative;
    top: -3px;
    right: 3px;
    zoom: 1;
    width: auto;
    height: auto;
    background-image: none;
    display: inline;
}

.box.widget.ConsensoReuters span.consenso {
    background: url(../Img/ico/consenso.png) no-repeat;
    display: inline-block;
    width: 34px;
    height: 15px;
    margin-right: 5px;
    text-indent: 6px;
}

    .box.widget.ConsensoReuters span.consenso.comprar {
        background-position: 0px 0px;
    }

    .box.widget.ConsensoReuters span.consenso.vender {
        background-position: -34px 0px;
    }

    .box.widget.ConsensoReuters span.consenso.manter {
        background-position: -68px 0px;
    }

.box.widget.ConsensoReuters .buscaAtivo {
    height: 32px;
    padding: 5px 0px 0px 10px;
}

    .box.widget.ConsensoReuters .buscaAtivo input[type="text"] {
        width: 100px;
    }

.box.widget.ConsensoReuters .detalheConsenso {
    background: url(../Img/Bg/linha-branca.gif) repeat-x left top
}

    .box.widget.ConsensoReuters .detalheConsenso .infoAtivo {
        width: 110px;
        height: 50px;
        margin: 0 0 5px 0;
        float: left;
    }

    .box.widget.ConsensoReuters .detalheConsenso .infoPreco {
        width: 110px;
        height: 50px;
        margin: 0 0 5px 0;
        float: left;
    }

    .box.widget.ConsensoReuters .detalheConsenso h2 {
        padding: 5px 0 5px 0;
        font-size: 15px;
    }

    .box.widget.ConsensoReuters .detalheConsenso .infoPreco h2 {
        margin-left: 0px;
    }

    .box.widget.ConsensoReuters .detalheConsenso h4 {
        padding: 5px 0 0 13px;
    }

    .box.widget.ConsensoReuters .detalheConsenso h5 {
        padding: 5px 0 0 13px;
        font-size: 11px;
    }

    .box.widget.ConsensoReuters .detalheConsenso .infoPreco h5 {
        padding-left: 0px;
        font-size: 11px;
    }

    .box.widget.ConsensoReuters .detalheConsenso p {
        margin: 0 13px;
        height: 15px;
    }

.box.widget.ConsensoReuters .widget-rodape .conteudo-rodape {
    padding: 0 13px 0 0;
}

    .box.widget.ConsensoReuters .widget-rodape .conteudo-rodape .divLogo {
        float: left;
        text-align: left;
        margin-top: -5px;
    }

    .box.widget.ConsensoReuters .widget-rodape .conteudo-rodape .btn {
        margin: 0px -5px;
    }

/* Tooltips ================= */
#ui-tooltip {
    position: absolute;
}

.tooltip {
    color: #55544f;
    line-height: normal;
    display: none;
    padding: 10px;
    border: 1px solid #e7e4e1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff;
    box-shadow: 0px 2px 3px #e6e2df;
    z-index: 300;
    position: absolute;
}

a:hover span.tooltip {
    display: block;
}

.tooltip p {
    margin: 5px 0;
}

/* Tooltip lateral direita */
.tooltip.tipo1 {
    width: 200px;
    margin: 0 0 0 10px;
    position: relative;
    text-indent: 0;
    font-size: 11px;
}

    .tooltip.tipo1 .detalhe {
        background: url(../Img/Bg/detalhe-boxes.png) 0 0 no-repeat;
        width: 7px;
        height: 18px;
        position: absolute;
        top: 6px;
        left: -7px;
    }

    .tooltip.tipo1 h4 {
        display: none;
    }

/* Tooltip superior para ícones */
.tooltip.tipo2 {
    width: 60px;
    position: relative;
    margin-top: -60px;
    left: -60px;
    text-indent: 0;
    text-align: center;
    font-size: 11px;
    border: 1px solid #e7e4e1;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

    .tooltip.tipo2 .detalhe {
        background: url(../Img/Bg/detalhe-boxes.png) 0 -18px no-repeat;
        width: 18px;
        height: 7px;
        position: absolute;
        bottom: -7px;
        right: 2px;
    }

/* Tooltip superior para campos de formulario */
.tooltip.tipo3 {
    width: 240px;
    font-size: 11px;
    border: 1px solid #e7e4e1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 1px 0 0 0;
}

    .tooltip.tipo3 .detalhe {
        background: url(../Img/Bg/detalhe-boxes.png) 0 -18px no-repeat;
        width: 18px;
        height: 7px;
        position: absolute;
        bottom: -7px;
        left: 6px;
    }

    .tooltip.tipo3 h4 {
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 14px;
        padding: 0;
        margin-bottom: 7px;
        color: #FE7821;
        background: url(../Img/Ico/tooltip-dica.png) right 0 no-repeat
    }

/* Tooltip inferior para tabelas (+Detalhes) */
.tooltip.tipo4 {
    width: 200px;
    font-size: 11px;
    border: 1px solid #e7e4e1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 8px 0 0;
    padding: 0;
}

    .tooltip.tipo4 .cont {
        padding: 0;
    }

    .tooltip.tipo4 .detalhe {
        display: none;
    }

    .tooltip.tipo4 h4 {
        display: none;
    }

/* Tooltip lateral esquerda */
.tooltip.tipo5 {
    width: 150px;
    margin: 0 10px 0 0;
    position: relative;
    text-indent: 0;
    font-size: 11px;
}

    .tooltip.tipo5 .detalhe {
        background: url(../Img/Bg/detalhe-boxes.png) 0 -46px no-repeat;
        width: 7px;
        height: 18px;
        position: absolute;
        top: 6px;
        right: -7px;
    }

    .tooltip.tipo5 h4 {
        display: none;
    }

/* Tooltips de erro */
.tooltip.tipo3.error h4 {
    background-position: right -18px;
    color: #ff0000;
}

/* Tooltip "curtir" */
.tooltip.tipo1.tt-curtir {
    width: 77px;
    margin-top: -9px;
}

    .tooltip.tipo1.tt-curtir .detalhe {
        top: 10px;
    }

/* Tooltips dos controles de blog */
.tooltip.tipo4.tt-salvar {
    width: 53px;
}

.tooltip.tipo4.tt-exportar {
    width: 63px;
}

.tooltip.tipo4.tt-imprimir {
    width: 59px;
}

.tooltip.tipo4.tt-mensagem {
    width: 116px;
}

.tooltip.tipo4.tt-alerta {
    width: 52px;
}

.tooltip.tipo4.tt-enviar {
    width: 51px;
}

    .tooltip.tipo4.tt-salvar .cont,
    .tooltip.tipo4.tt-exportar .cont,
    .tooltip.tipo4.tt-imprimir .cont,
    .tooltip.tipo4.tt-mensagem .cont,
    .tooltip.tipo4.tt-alerta .cont,
    .tooltip.tipo4.tt-enviar .cont {
        margin: 10px;
    }

.tooltip.tipo1.tt-imprimir {
    width: 38px;
}

.tooltip.tipo1.tt-expandir {
    width: 45px;
}

    .tooltip.tipo1.tt-imprimir .cont,
    .tooltip.tipo1.tt-expandir .cont {
        padding: 0;
    }

        .tooltip.tipo1.tt-imprimir .cont p,
        .tooltip.tipo1.tt-expandir .cont p {
            margin: 0;
        }

/* Tooltip de recomendação */
table .recomendacao {
    cursor: pointer;
    margin: -2px 0;
    background: url(../Img/Btn/opcoes-usuario.gif) center -552px no-repeat;
    position: relative;
    z-index: 1;
    display: block;
    float: right;
    vertical-align: middle;
    width: 28px;
    height: 23px;
    border-width: 1px;
    border-style: solid;
    border-color: #dddbda;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

    table .recomendacao:hover {
        background-position: center -575px;
    }

    table .recomendacao.disabled, .box.widget .recomendacao.disabled:hover {
        background-position: center -529px;
        cursor: default
    }

    table .recomendacao .valor {
        background: url(../Img/Bg/opcoes-usuario-alerta.png) no-repeat;
        display: block;
        min-width: 4px;
        height: 13px;
        background-position: right top;
        padding-right: 5px;
        line-height: 12px;
        padding-top: 1px;
        text-align: right;
        color: #FFFFFF;
        font-size: 9px;
        font-weight: bold;
    }

    table .recomendacao .alerta {
        background: url(../Img/Bg/opcoes-usuario-alerta.png) no-repeat;
        display: block;
        position: absolute;
        top: -6px;
        z-index: 2;
        padding-left: 5px;
        background-position: left -14px;
        width: auto;
        left: 20px;
    }

td.dados-recomendacao {
    position: relative;
    width: 28px;
}

.tooltip-recomendacao {
    border: 1px solid #e7e4e1;
    position: absolute;
    width: 500px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff;
    box-shadow: 0px 2px 3px #e6e2df;
    z-index: 300;
    padding: 10px;
    margin: -77px 0 0 0;
    display: none;
}

    .tooltip-recomendacao h6 {
        color: #FF6300;
        display: block;
        font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
        font-size: 14px;
        font-weight: normal;
        padding: 0;
        margin: 0 0 10px;
    }

    .tooltip-recomendacao ul li {
        float: left;
        padding: 0 0 0 15px;
        margin: 0 0 0 15px;
        border-left: 1px solid #E6E2DF;
        line-height: 18px;
    }

        .tooltip-recomendacao ul li:first-child {
            margin: 0;
            border-left: 0;
            padding: 0;
        }

        .tooltip-recomendacao ul li a {
            font-weight: normal;
            color: #6F6E6B;
        }

            .tooltip-recomendacao ul li a:hover {
                text-decoration: underline;
            }

    .tooltip-recomendacao .detalhe {
        background: url(../Img/Bg/detalhe-boxes.png) 0 -18px no-repeat;
        width: 18px;
        height: 7px;
        position: absolute;
        bottom: -7px;
        left: 10px;
    }

.recomendacao a {
    width: 100%;
    height: 100%;
    display: block;
}

/* Abas ================= */
.abas {
    height: 52px;
    border-left: 1px solid #D9D8D7;
    border-bottom: 1px solid #D9D8D7;
    list-style-type: none;
}

.conteinerLogin .abas {
    height: 22px;
    border-left: 1px solid #D9D8D7;
    border-bottom: 1px solid #D9D8D7;
    border-radius: 5px 5px 0 0;
}

.abas + a {
    display: block;
    text-align: right;
    margin: 15px 0 0 0;
    font-size: 11px;
}

.abas li.ui-state-hover,
.abas li:hover {
    background-position: bottom;
}

.abas li {
    width: 233px;
    padding-bottom: 1px;
    background: #e5e2e1 url(../Img/Bg/aba-hover.png) 0 100px repeat-x;
    border-bottom: 1px solid #D9D8D7;
    border-right: 1px solid #D9D8D7;
    border-top: 1px solid #D9D8D7;
    float: left;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16.07px;
    text-align: center;
}

.conteinerLogin .abas li {
    padding-bottom: 1px;
    background: #e5e2e1 url(../Img/Bg/aba-hover.png) 0 100px repeat-x;
    border-bottom: 1px solid #D9D8D7;
    border-right: 1px solid #D9D8D7;
    border-top: 1px solid #D9D8D7;
    float: left;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 14px;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

.conteinerLogin .abas #correntista {
    width: 95px;
}

.conteinerLogin .abas #naoCorrentista {
    width: 110px;
}

.conteinerLogin .abas #empresa {
    width: 80px;
}

.abas li a {
    font-weight: normal;
    text-decoration: none;
    width: 100%;
    line-height: 50px;
    display: inline-block;
}

.conteinerLogin .abas li a {
    font-weight: normal;
    text-decoration: none;
    width: 100%;
    line-height: 20px;
    display: inline-block;
}

.abas li.ui-tabs-selected a, .abas li.ui-state-focus a {
    color: #6F6E6B;
    cursor: default;
}

.abas li.ui-tabs-selected, .abas li.ui-state-focus {
    padding-bottom: 1px;
    background: none repeat scroll 0 0 #F5F3F3;
    border-bottom: 1px solid #F5F3F3;
    border-radius: 5px 5px 0 0;
}

.ui-tabs-hide {
    display: none;
}

.falseTabs .abas li:hover {
    background-position: bottom;
}

.falseTabs .abas li:active {
    padding-bottom: 1px;
    background: none repeat scroll 0 0 #F5F3F3;
    border-bottom: 1px solid #F5F3F3;
}

.abas li.aba-paginacao,
.falseTabs .abas li.aba-paginacao {
    background: #fff url(../Img/Bg/menu.gif) repeat-x 0 1px;
    border-width: 1px 1px 0;
    height: 50px;
    width: 24px;
}

    .abas li.aba-paginacao:hover,
    .abas li.aba-paginacao:active,
    .falseTabs .abas li:hover.aba-paginacao,
    .falseTabs .abas li:active.aba-paginacao {
        background-position: 0 -50px !important;
        border-bottom: 1px solid #cdcac8;
        height: 49px;
    }

.aba-paginacao .icone {
    background: url(../Img/Btn/setas.png) repeat-x 0 0;
    display: block;
    overflow: hidden;
    height: 44px;
    margin-top: 5px;
    width: 14px;
}

    .aba-paginacao .icone.anterior {
        background-position: -80px 0;
        margin-left: 4px;
    }

    .aba-paginacao .icone.proximo {
        background-position: -88px -44px;
        margin-left: 7px;
    }

.falseTabs .links-apoio {
    float: right;
    margin-top: 17px;
}

/* Tabela ================= */
table {
    width: 100%;
    border-collapse: collapse;
}

#tbody-rentabilidade .detalhe-conteudo {
    padding-left: 0;
}

    #tbody-rentabilidade .detalhe-conteudo table th,
    #tbody-rentabilidade .detalhe-conteudo table td {
        padding-left: 12px;
    }

    #tbody-rentabilidade .detalhe-conteudo td.aviso {
        background-color: #fff;
    }

table.rolagem-horizontal tbody td,
table.rolagem-horizontal thead th {
    white-space: nowrap;
}

table a {
    cursor: pointer;
    position: relative;
}

table .dados {
    text-align: left;
}

table .dadosoneclick {
    text-align: left;
    color: #616060;
}

table .acoes {
    text-align: left;
    border-left: 1px solid #ddd9d8;
    white-space: nowrap;
}

    table .acoes .divisor-esquerda:first-child {
        padding-left: 10px;
        background: none;
    }

    table .acoes:first-child {
        text-align: left;
        border-right: 1px solid #ddd9d8;
        border-left: 0;
    }

table .destaque-lat-dir {
    border-left: 1px solid #fdfffc;
    background: #eeedeb;
}

table .impar .destaque-lat-dir {
    background: #d9d5d4;
}

table .destaque {
    border-left: 1px solid #fdfffc;
    border-right: 1px solid #fdfffc;
    background: #eeedeb;
}

table .impar .destaque {
    background: #d9d5d4;
}

table .respiro {
    background-color: #F5F3F2;
    background-image: none;
    width: 10px;
    padding: 0;
}

table#tbPosicao .acoes {
    min-width: 200px;
}

table thead .acoes {
    border-left: 0;
}

table .quantidade,
table .var {
    text-align: center;
}

    table .quantidade .checkStyled {
        float: none;
    }

table .valores {
    text-align: right;
}

table .valoresoneclick {
    text-align: right;
    color: #616060;
}

label#codigoativo.valores {
    text-align: right;
    width: 100%;
}

thead tr {
    background: url(../Img/Bg/th.gif) 0 bottom repeat-x;
}

thead th {
    color: #262626;
    padding: 1px 10px 15px;
    text-align: left;
    vertical-align: bottom;
}

    thead th span {
        cursor: pointer;
    }

tbody td {
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 11px;
}

tfoot tr {
    background: url(../Img/Bg/linhas.gif) repeat-x 0 7px;
    height: 30px;
}

table .var span {
    background: url(../Img/ico/ico-tabela-variacoes.png) no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
}

    table .var span.positivo {
        background-position: 0 0;
    }

    table .var span.negativo {
        background-position: 0 -15px;
    }

    table .var span.neutro {
        background-position: 0 -30px;
    }

table.thead-duplo thead tr {
    background: none;
}

    table.thead-duplo thead tr.subtitulo th {
        background: #fff;
        padding: 5px 10px;
    }

    table.thead-duplo thead tr th {
        background: url(../Img/Bg/th.gif) 0 bottom repeat-x;
    }

        table.thead-duplo thead tr th.conjunto-colunas {
            text-align: center;
        }

table tbody tr.subtitulo td {
    background: #fff;
    font-weight: bold;
}


tbody tr.impar {
    background: #E5E2E1;
}

tbody tr.par {
    background: #F5F3F2;
}

td.aviso {
    background: #E5E2E1;
    padding: 15px 16px !important;
    white-space: normal !important;
}

    td.aviso p {
        color: #797B7B;
        text-align: center;
        font-size: 16px;
        font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
        margin: 0 !important;
    }

table.rolagem-horizontal-2 td.aviso p {
    text-align: left;
    margin-left: 300px;
}

td.checkbox,
th.checkbox {
    padding-right: 0;
}

    td.checkbox .checkStyled,
    th.checkbox .checkStyled {
        margin: 0;
    }

table .checkStyled {
    margin-top: 2px;
}

table th .checkStyled {
    margin-top: 3px;
}

table .checkStyled + label {
    padding-top: 1px;
}

td label {
    height: auto;
}

th div.ordenacao {
    position: relative;
}

th div.ordenacao {
    position: relative;
}

    th div.ordenacao label {
        height: auto;
        margin: 0;
        padding: 0;
        float: none;
        vertical-align: top;
    }

    th div.ordenacao a label {
        cursor: pointer
    }

th.dados div.ordenacao {
    float: left;
}

th.valores div.ordenacao {
    float: left;
    margin-right: -2px;
}

th div.ordenacao a {
    color: #262626;
    padding-right: 14px;
    float: left;
}
/*th.valores div.ordenacao a{margin-right:-12px;}  Removido pra acertar o calculo do scroll horizontal */
th div.ordenacao .links {
    background: url(../Img/Ico/seta-tabela.png) right -56px no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    bottom: 4px;
    right: 0;
    padding-left: 3px;
}

th div.ordenacao.selected a,
th div.ordenacao:hover a {
    color: #2585C6;
}

th div.ordenacao.selected:hover a {
    color: #7a7b7b;
}

th div.ordenacao.selected .links {
    background-position: right -87px;
}

th div.ordenacao:hover .links.asc {
    background-position: right 4px;
}

th div.ordenacao.selected:hover .links.asc {
    color: #7a7b7b;
    background-position: right -117px;
}

th div.ordenacao.selected .links.desc, th div.ordenacao:hover .links {
    background-position: right 4px;
}

th div.ordenacao.selected:hover .links.desc {
    background-position: right -26px;
}

td.remover {
    background-color: #F5F3F2;
    padding-right: 0;
    width: 25px;
}

.info-tabela {
    font-size: 11px;
}

    .info-tabela + table {
        margin-top: 15px;
    }

span.sup {
    font-size: 8px;
    font-weight: bold;
    color: #262626;
    position: relative;
    top: -3px;
    right: 3px;
    zoom: 1;
    width: auto;
    height: auto;
}

span.sup2 {
    font-size: 8px;
    color: #262626;
    position: relative;
    top: -3px;
    right: 3px;
    zoom: 1;
    width: auto;
    height: auto;
}

.valor-destaque {
    color: #262626;
    font-weight: bold;
}

    .valor-destaque.link {
        color: #2585C6;
        cursor: pointer;
        font-weight: bold !important;
    }

        .valor-destaque.link:hover {
            color: #7a7b7b;
        }

span.positivo {
    color: #009912;
    font-weight: bold;
}

span.negativo {
    color: #ff0000;
    font-weight: bold;
}
/*span.estavel{color:#FF6400;font-weight:bold;}*/
span.estavel {
    color: #2e7189;
    font-weight: bold;
}

.valor-subtotal,
.valor-total {
    text-align: right;
    background: url(../Img/Bg/linhas.gif) repeat-x;
    margin-top: 15px;
    padding-top: 15px;
    color: #262626;
    font-weight: bold;
    font-size: 14px;
}

.valor-total {
    margin-top: 10px;
}

.valor-subtotal .legenda {
    margin-right: 50px;
}

.valor-total .legenda {
    font-weight: normal;
}

.valor-total .colunas-form {
    float: none;
    display: inline;
    margin-left: 20px;
}

.valor-total .btn {
    margin-right: 0;
}

table.invisivel thead tr {
    background: none;
}

table.invisivel th, table.invisivel .paginacao td {
    padding: 0;
}

table.invisivel td {
    padding: 0 0 10px 0;
}

table.invisivel div.paginacao, table.invisivel + .submit-form {
    margin: 0;
}

table tfoot tr.total {
    height: 30px;
    background: none;
}

    table tfoot tr.total td {
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 1px solid #DDD9D8;
        border-top: 1px solid #DDD9D8;
        padding: 6px 10px;
    }

.bolsa .bandeira {
    width: 16px;
    height: 11px;
    background: url(../Img/Ico/bolsas.gif) no-repeat 0 11px;
}

.bolsa.brasil .bandeira {
    background-position: 0 0;
}

.bolsa.arg .bandeira {
    background-position: 0 -11px;
}

.bolsa.usa .bandeira {
    background-position: 0 -22px;
}

.bolsa.jap .bandeira {
    background-position: 0 -33px;
}

.bolsa.brit .bandeira {
    background-position: 0 -44px;
}

.bolsa.mex .bandeira {
    background-position: 0 -55px;
}

.bolsa.chi .bandeira {
    background-position: 0 -66px;
}

.bolsa.ale .bandeira {
    background-position: 0 -77px;
}


/* Dados do cadastro --------- */
table.dados-cadastro {
    margin-top: 15px;
}

    table.dados-cadastro td {
        font-weight: bold;
        text-align: right;
        padding: 10px 15px;
    }

        table.dados-cadastro td:first-child {
            text-align: left;
        }

    table.dados-cadastro input[type=text] {
        float: right;
        width: 200px;
    }

/* Paginação ================= */
tfoot tr.paginacao {
    background: none;
}

div.paginacao {
    border-top: 1px solid #ddd9d8;
    border-bottom: 1px solid #ddd9d8;
    line-height: 25px;
    margin-top: 10px;
    padding: 8px 0;
    text-align: center;
    min-height: 26px;
}

    div.paginacao ul {
        width: 100%;
        position: relative;
    }

        div.paginacao ul li {
            display: inline;
        }

            div.paginacao ul li.anterior {
                left: 0;
                position: absolute;
            }

                div.paginacao ul li.anterior a {
                    padding: 0 0 0 35px;
                    display: inline-block;
                    background: url(../Img/Btn/icones.png) left -450px no-repeat;
                }

                    div.paginacao ul li.anterior a:hover {
                        background-position: left -475px;
                    }

                    div.paginacao ul li.anterior a:active {
                        background-position: left -500px;
                    }

            div.paginacao ul li.proxima {
                right: 0;
                position: absolute;
            }

                div.paginacao ul li.proxima a {
                    padding: 0 35px 0 0;
                    display: inline-block;
                    background: url(../Img/Btn/icones.png) right -375px no-repeat;
                }

                    div.paginacao ul li.proxima a:hover {
                        background-position: right -400px;
                    }

                    div.paginacao ul li.proxima a:active {
                        background-position: right -425px;
                    }

            div.paginacao ul li ul {
                display: inline;
            }

                div.paginacao ul li ul li {
                    display: inline;
                }

                    div.paginacao ul li ul li a {
                        padding: 0 2px;
                        font-size: 11px;
                        display: inline-block;
                    }

                    div.paginacao ul li ul li.selected a {
                        color: #262626;
                    }

.box div.paginacao {
    padding: 8px 16px;
    border-bottom: 0;
}

.post div.paginacao {
    border-top: 2px solid #F8F6F5;
    border-bottom: 0;
    background: url(../img/bg/linhas.gif) repeat-x 0 35px;
    margin: 0;
    padding: 3px 0 9px;
    height: 26px;
}

div.paginacao span.current {
    font-weight: bold;
    color: #262626;
    font-size: 11px;
    padding: 0 2px;
    vertical-align: middle;
}

/* Palavras-chave ============= */
.palavras-chave {
    overflow: hidden;
}

    .palavras-chave .tag {
        float: left;
        height: 19px;
        padding: 3px 5px 0 5px;
        margin: 1px 1px 0 0;
        color: #fff;
    }

palavras-chave .tag a {
    color: #FFF !important;
}

.palavras-chave .tag:hover {
    text-decoration: underline;
    color: #FFF !important;
}

.palavras-chave .tag.relevancia1 {
    background: #2585c6;
}

.palavras-chave .tag.relevancia2 {
    background: #378ec8;
}

.palavras-chave .tag.relevancia3 {
    background: #62a3cf;
}

.palavras-chave .tag.relevancia4 {
    background: #8ab6d4;
}

.palavras-chave p {
    float: left;
    margin: 10px 0;
}

    .palavras-chave p.palavras {
        overflow: hidden;
        display: block;
    }

    .palavras-chave p.mais {
        display: none;
        width: 150px;
    }

/* Boxes ================= */
.box {
    border: 1px solid #dddcdb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #e7e5e3;
}

    .box .topo {
        background: #f2f0ee;
        border-bottom: 1px solid #fff;
        padding: 12px 0;
        position: relative;
    }

    .box.conclusao-obrigado .topo {
        padding: 12px 10px;
    }

    .box h2 {
        margin: 0 12px;
    }

        .box h2 span {
            vertical-align: middle;
            line-height: normal;
        }

        .box h2 .num {
            font-size: 22px;
            color: #ff6400;
            font-weight: normal;
            line-height: 15px;
        }

        .box h2 .txt {
            font-size: 15px;
            color: #262626;
            font-weight: normal;
            line-height: 15px;
        }

    .box .conteudo {
        padding-top: 0 0 16px;
    }

    .box p {
        padding: 0 12px;
        margin: 13px 0;
    }

    .box #divLogar {
        height: 40px;
    }

        .box #divLogar p {
            margin: 13px;
            text-align: center;
            width: 248px;
            padding-top: 5px;
        }

    .box .divisao {
        background: url(../Img/Bg/linhas.gif) 0 -103px repeat-x;
        height: 2px;
        display: block;
        margin: 0 12px;
    }

    .box .rodape {
        padding-top: 13px;
    }

    .box a.mais {
        text-decoration: none;
        margin: 12px;
        display: inline-block;
        font-weight: bold;
        font-size: 11px;
    }

.conteiner1de4 .box + .box {
    margin-top: 20px;
}

.boxPerfil p {
    padding: 0 0px;
}

.txtLogin {
    width: 163px
}

.institucional.pagina-recomendacoes-de-investimento .box .conteudo li {
    background: none;
    padding: 0;
    line-height: 14px;
    list-style: circle;
    list-style-position: initial;
    margin-left: 17px;
}

.institucional .conteiner1de4 .box {
    margin: 0 0 20px 20px;
    font-size: 11px;
    width: 221px;
}

.institucional .box h2 {
    margin: 0 12px;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16px;
    line-height: normal;
}

.institucional .box .conteudo {
    padding: 0;
}

    .institucional .box .conteudo li {
        padding: 10px 15px 5px;
        background: url(../Img/Bg/linhas.gif) repeat-x;
        list-style: none;
    }

        .institucional .box .conteudo li.ativo a {
            color: #FE7821;
        }

        .institucional .box .conteudo li:first-child {
            background: none;
        }

.institucional .box p.data-assunto {
    margin: 0;
    padding: 0;
    color: #6F6E6B;
}

.institucional .box.tipo2 .rodape {
    background: #F2F0EE url(../Img/Bg/linhas.gif) repeat-x;
    padding: 15px 0 12px;
}

    .institucional .box.tipo2 .rodape a {
        margin-left: 15px;
    }

.info-consolidada,
.passo-a-passo {
    margin-left: 20px;
    padding: 12px 14px;
    border: 1px solid #e7e4e1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff;
    position: relative;
    box-shadow: 0px 2px 3px #e6e2df;
}

    .info-consolidada h3 {
        color: #55544f;
        padding-bottom: 13px;
        font-size: 16px;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    }

    .info-consolidada .valor .sup {
        color: #55544f;
        padding-right: 2px;
    }

    .info-consolidada p {
        padding: 0 0 5px;
        margin: 0;
        color: #55544f;
        font-size: 11px;
    }

    .info-consolidada .valor {
        float: right;
        color: #262626;
    }

    .info-consolidada .valor-total {
        padding: 8px 0 0;
        margin: 0;
        background: none;
        font-weight: normal;
        text-align: left;
    }

    .info-consolidada.alinhamento-tabela,
    .passo-a-passo.alinhamento-tabela {
        margin-top: 23px;
    }

    .info-consolidada .detalhe,
    .passo-a-passo .detalhe {
        background: url(../Img/Bg/detalhe-boxes.png) 0 0 no-repeat;
        width: 7px;
        height: 18px;
        position: absolute;
        top: 11px;
        left: -7px;
    }

.passo-a-passo {
    color: #262626;
}

    .passo-a-passo p {
        margin-top: 0;
        margin-bottom: 0;
    }

        .passo-a-passo p + p {
            margin-top: 10px;
        }

    .passo-a-passo .passo {
        color: #ff6400;
        font-weight: bold;
        padding-right: 3px;
    }

    .passo-a-passo h3 {
        color: #262626;
        font-weight: bold;
        margin-bottom: 10px;
        position: relative;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
    }

    .passo-a-passo hr {
        margin: 10px -14px;
        background: #e9e5e3 none;
        height: 1px;
    }

    .passo-a-passo .detalhes-adicionais {
        display: none;
        padding: 10px 0;
    }

    .passo-a-passo p.ver-detalhes {
        padding-top: 10px;
    }

    .passo-a-passo h3 .ico.balao {
        position: absolute;
        right: 0;
    }

.box.dicas {
    padding: 16px;
    border: 1px solid #e7e4e1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff;
    position: relative;
    box-shadow: 0px 2px 3px #e6e2df;
}

    .box.dicas .topo {
        background: #fff;
        padding: 0;
    }

    .box.dicas h3 {
        color: #ff6600;
        font-size: 16px;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    }

    .box.dicas p {
        padding: 0 0;
    }

    .box.dicas .detalhe {
        background: url(../Img/Bg/detalhe-boxes.png) 0 0 no-repeat;
        width: 7px;
        height: 18px;
        position: absolute;
        top: 11px;
        left: -7px;
    }

    .box.dicas .links-de-formulario {
        float: left;
        margin: 8px 0 0 0;
    }

    .box.dicas .links-de-acao {
        float: right;
    }

        .box.dicas .links-de-acao .btn {
            margin-left: 10px;
        }

    .box.dicas.complemento .detalhe {
        width: 19px;
        height: 7px;
        background-position: 0 -101px;
        top: -7px;
        left: 15px;
    }

    .box.dicas.complemento.direita .detalhe {
        left: auto;
        right: 15px;
        list-style: none;
    }

    .box.dicas.complemento .conteudo {
        padding-top: 13px;
    }


.box.erro {
    background: #fff2f2;
    border: 1px solid #f4a8a8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0;
}

    .box.erro .topo {
        background: none;
        border: none;
        padding: 15px 0 5px;
    }

        .box.erro .topo h2 {
            color: #ff2d30;
            padding: 0 30px 0 15px;
            margin: 0;
            background: url(../Img/Ico/tooltip-dica.png) right -18px no-repeat;
            display: inline;
            font-size: 16px !important;
        }

    .box.erro .conteudo {
        padding: 0 15px 12px 15px;
    }

        .box.erro .conteudo p {
            margin: 0;
            padding: 0;
            font-size: 11px;
        }

        .box.erro .conteudo ul {
            margin: 0;
            padding: 0;
            border: 0;
        }

.disclaimer + .box.erro {
    margin-top: 20px;
}

.box.erro-grave {
    background: #ffcfcf;
    border: 1px solid #ef0000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0;
}

    .box.erro-grave .topo {
        background: none;
        border: none;
        padding: 15px 0 5px;
    }

        .box.erro-grave .topo h2 {
            color: #ef0000;
            padding: 0 30px 0 15px;
            margin: 0;
            background: url(../Img/Ico/tooltip-dica.png) right -80px no-repeat;
            display: inline;
        }

    .box.erro-grave .conteudo {
        padding: 0 15px 12px 15px;
    }

        .box.erro-grave .conteudo p {
            margin: 0;
            padding: 0;
            font-size: 11px;
        }

        .box.erro-grave .conteudo ul {
            margin: 0;
            padding: 0;
            border: 0;
        }

.box.alerta {
    background: #fff9db;
    border: 1px solid #edba30;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0;
}

    .box.alerta .topo {
        background: none;
        border: none;
        padding: 15px 0 5px;
    }

        .box.alerta .topo h2 {
            color: #d49306;
            padding: 0 30px 0 15px;
            margin: 0;
            background: url(../Img/Ico/tooltip-dica.png) right -39px no-repeat;
            display: inline;
        }

    .box.alerta .conteudo {
        padding: 0 15px 12px 15px;
    }

        .box.alerta .conteudo p {
            margin: 0;
            padding: 0;
            font-size: 11px;
        }

    .box.alerta.alerta-streaming {
        z-index: 19;
        display: none;
        margin-bottom: 15px;
    }

        .box.alerta.alerta-streaming .topo {
            padding: 8px 0 5px;
        }

        .box.alerta.alerta-streaming .conteudo {
            padding: 0 15px 8px;
        }

.box.sucesso {
    background: #e5f6cc;
    border: 1px solid #8dc63f;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0;
}

    .box.sucesso .topo,
    .box.sucesso .box-topo {
        background: none;
        border: none;
        padding: 15px 0 5px;
    }

        .box.sucesso .topo h2,
        .box.sucesso .box-topo h2 {
            color: #74a82e;
            padding: 0 30px 0 15px;
            margin: 0;
            background: url(../Img/Ico/tooltip-dica.png) right -59px no-repeat;
            display: inline;
        }

    .box.sucesso .conteudo,
    .box.sucesso .box-conteudo {
        padding: 0 15px 12px 15px;
    }

        .box.sucesso .conteudo p,
        .box.sucesso .box-conteudo p {
            margin: 0;
            padding: 0;
            font-size: 11px;
        }

.institucional .box.dicas .rodape {
    background: none;
    padding: 13px 0 0;
}

.institucional .box.dicas .conteudo {
    font-size: 12px;
}

.institucional .box.dicas h3 {
    padding-bottom: 10px;
}


.box.ajuda {
    border: 1px solid #dddcdb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #e7e5e3;
}

    .box.ajuda .topo {
        border-bottom: 0;
        padding: 10px 0;
        cursor: pointer;
    }

    .box.ajuda .titulo {
        color: #FE7821;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        font-weight: normal;
        margin: 0 14px;
    }

    .box.ajuda h1 {
        color: #FE7821;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        font-weight: normal;
        margin: 0 14px;
    }

    .box.ajuda h2 {
        color: #FE7821;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        font-weight: normal;
        margin: 0 14px;
    }

    .box.ajuda .linhas-form {
        margin: 0 14px 13px;
    }

    .box.ajuda label {
        font-size: 11px;
        color: #7A7B7B;
    }

.box.senha {
    border: 1px solid #dddcdb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #F2F0EE;
    margin: 18px 0;
    padding: 15px 10px;
    width: 530px;
}

    .box.senha label {
        font-weight: bold;
        float: left !important;
        margin-right: 18px !important;
    }

.divisao + .box.senha {
    margin-top: 25px;
}

.pagina-cadastro .box.senha {
    margin: 20px auto 60px;
    padding: 0;
    width: 470px;
}

    .pagina-cadastro .box.senha label {
        width: auto;
        color: #262626;
        font-weight: bold;
    }

    .pagina-cadastro .box.senha .conteudo {
        padding: 15px 10px 5px 15px;
    }

    .pagina-cadastro .box.senha .rodape {
        background: url(../img/bg/linhas.gif) repeat-x;
        padding: 15px 10px 15px 15px;
    }

    .pagina-cadastro .box.senha input[type='password'] {
        margin-right: 0;
    }

    .pagina-cadastro .box.senha .rodape .btn {
        margin: 0;
    }

.pagina-cadastro .box.termo h4 {
    display: none;
}

.pagina-cadastro .box.termo p {
    padding: 0;
    margin: 0 0 13px 0;
}

.pagina-cadastro .box.senhaAlt {
    padding: 0;
    width: 470px;
}

    .pagina-cadastro .box.senhaAlt label {
        width: auto;
        color: #262626;
        font-weight: bold;
    }

    .pagina-cadastro .box.senhaAlt .conteudo {
        padding: 15px 10px 5px 15px;
    }

    .pagina-cadastro .box.senhaAlt .rodape {
        padding: 15px 10px 15px 15px;
    }

    .pagina-cadastro .box.senhaAlt input[type='password'] {
        margin-right: 0;
    }

    .pagina-cadastro .box.senhaAlt .rodape .btn {
        margin: 0;
    }

.pagina-cadastro .box.termo h4 {
    display: none;
}

.pagina-cadastro .box.termo p {
    padding: 0;
    margin: 0 0 13px 0;
}

.conteudo-alt {
    overflow: visible !important;
}

/* Listas ================= */
.lista-conteudos li {
    clear: both;
    padding: 0 0 5px 0;
}

    .lista-conteudos li h3 {
        font-size: 12px;
    }

    .lista-conteudos li img {
        float: left;
        margin: 0 10px 10px 0;
    }

    .lista-conteudos li.selecionado a {
        color: #FF6400;
    }

.menu-vertical {
    font-size: 11px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #DDDCDB;
    margin: 10px 20px 20px 0;
}

    .menu-vertical .ico {
        margin-right: 10px;
        position: relative;
        top: 1px;
    }

    .menu-vertical > li {
        border-top: 1px solid #e6e3df;
        list-style: none
    }

        .menu-vertical > li a {
            display: block;
            background-color: #F2F0EE;
            padding: 7px 16px 5px;
            border-top: 2px solid #f6f5f3;
        }

        .menu-vertical > li:hover {
            cursor: pointer;
        }

        .menu-vertical > li:first-child,
        .menu-vertical > li:first-child a {
            border: 0;
        }

        .menu-vertical > li:hover a,
        .menu-vertical > li.selected > a {
            background-color: #E7E5E3;
            color: #55534f;
        }

    .menu-vertical li.hasSubmenu > a {
        background: #F2F0EE url(../img/ico/seta-tabela.png) no-repeat 202px 14px;
    }

        .menu-vertical li.hasSubmenu > a:hover,
        .menu-vertical li.hasSubmenu.selected > a {
            background: #E7E5E3 url(../img/ico/seta-tabela.png) no-repeat 202px -16px;
        }

    .menu-vertical li.hasSubmenu.opened > a {
        background: #F2F0EE url(../img/ico/seta-tabela.png) no-repeat 202px -79px;
    }

    .menu-vertical li.hasSubmenu.selected.opened > a {
        background: #E7E5E3 url(../img/ico/seta-tabela.png) no-repeat 202px -109px;
    }

    .menu-vertical li li a,
    .menu-vertical li li:hover a {
        font-weight: normal;
        color: #55544f;
        padding: 2px 16px;
        border: 0;
    }

    .menu-vertical li .submenu {
        display: none;
    }

    .menu-vertical .submenu {
        height: 104px;
    }

        .menu-vertical li:hover a + .submenu li a,
        .menu-vertical li:hover .jspVerticalBar a,
        .menu-vertical .submenu .jspContainer {
            background-color: #F2F0EE;
        }

        .menu-vertical .submenu:hover li:hover a {
            background-color: #E7E5E3;
        }

    .menu-vertical li.selected .submenu {
        background-color: #F6F5F3;
    }

        .menu-vertical li.selected .submenu li.selected a {
            background-color: #E7E5E3;
        }

            .menu-vertical li.selected .submenu li.selected a .ico {
                background-position: -160px -38px;
            }

            .menu-vertical li.selected .submenu li.selected a .pasta-favoritos {
                background-position: -128px -38px;
            }

    .menu-vertical .jspVerticalBar:hover {
        background-color: #F2F0EE;
    }

    .menu-vertical .jspVerticalBar a {
        padding: 0;
        border: 0;
    }

/* Loading */
.box.loading {
    background: #F2F0EE;
    width: 130px;
    text-align: center;
    position: relative;
    left: 50%;
    margin-left: -40px;
    margin-bottom: 50px;
    margin-top: 20px;
}

    .box.loading .conteudo {
        padding-top: 60px;
        background: url(../Img/loading.gif) #F2F0EE no-repeat center 10px;
        border-top: none;
    }

.box.tipo2 {
    border: 1px solid #dddcdb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    background: #F2F0EE;
    top: 0;
    z-index: 2;
}

    .box.tipo2 .topo {
        border-bottom: 0;
    }

        .box.tipo2 .topo + .conteudo {
            background-image: url(../Img/Bg/linha-branca.gif);
            background-repeat: repeat-x;
        }

    .box.tipo2 .conteudo {
        position: relative;
        overflow: hidden;
        padding: 0 0 16px;
        background-color: #F2F0EE;
    }

    .box.tipo2 .rodape {
        background-color: #F2F0EE;
    }

/* Tipo 1 */
.box.tipo1 {
    background: white;
    margin-bottom: 10px;
}

    .box.tipo1 h1 {
        color: #55544F;
        font-size: 15px;
        margin: 15px;
        font-weight: bold;
    }


/* Tipo 3 */
.box.tipo3 {
    background: white;
    margin-bottom: 10px;
}

    .box.tipo3 h3 {
        color: #55544F;
        font-size: 15px;
        margin: 15px;
        font-weight: bold;
    }

/* Tipo 4 */
.box.tipo4 {
    border: 1px solid #dddcdb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    background: #F2F0EE;
    top: 0;
    z-index: 2;
}

    .box.tipo4 .topo {
        border-bottom: 0;
        background: #E7E5E3;
    }

    .box.tipo4 .conteudo {
        background: url(../Img/Bg/linha-branca.gif) repeat-x #F2F0EE;
        position: relative;
        overflow: hidden;
        padding: 0 0 16px;
    }

/* Tipo 5 */
.box.tipo5 .topo {
    background: #f2f0ee;
    border-bottom: 0;
}

    .box.tipo5 .topo h2 {
        color: #262626;
    }

.box.tipo5 .conteudo, .box.tipo5 .rodape {
    background: #fff;
}

    .box.tipo5 .conteudo p:first-child {
        margin-top: 0;
    }

    .box.tipo5 .conteudo p {
        padding: 13px;
    }

/* Tipo 6 */
.box.tipo6 {
    color: #55534F;
}

    .box.tipo6 p {
        margin: 10px 15px;
        padding: 0;
    }

    .box.tipo6 strong {
        color: #FF6400;
        font-size: 15px;
    }

    .box.tipo6 .conteudo h3 {
        font-size: 16px;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        color: #262626;
        margin: 10px 15px;
    }

    .box.tipo6 hr {
        height: 1px;
        background: #d5d1cf none;
        margin: 4px 0 9px;
    }

/* Tipo 7 */
.box.tipo7 {
    background-color: #F2F0EE;
}

    .box.tipo7 .topo {
        background: #fff;
    }


/* box outras opções */
.box.outras-opcoes p {
    margin: 0;
}

.box.outras-opcoes .conteudo {
    padding: 12px 0;
}

.box.outras-opcoes .link-formulario + .link-formulario {
    padding-left: 35px;
    background: url(../Img/Bg/variavel-borda.gif) repeat-y 18px top;
}

/* box com abas */
.tabs.box {
    border: 0;
    background-color: transparent;
}

    .tabs.box .conteudo {
        border: 1px solid #DDDCDB;
        border-top: 0;
        border-radius: 0 0 5px 5px;
    }

    .tabs.box.tipo2 .conteudo {
        background: #f5f3f3 none;
        padding: 0px 0 5px;
        margin: 0 0 3px
    }

.conteinerLogin .tabs.box.tipo2 .conteudo {
    height: 48px;
}

.box .conteudo .submit-form {
    border: 0;
    margin: 0;
    padding: 10px 15px 0 0;
}

    .box .conteudo .submit-form .btn,
    .tabs.box .submit-form .btn {
        margin: 0;
    }

/* Box com lista de links */
.box.links .topo {
    padding: 12px 0;
}

    .box.links .topo h3 {
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        color: #FE7821;
        line-height: normal;
        margin: 0 12px;
    }

.box.links .conteudo {
    padding: 0;
}

    .box.links .conteudo li {
        padding: 8px 15px;
        background: url(../Img/Bg/linha-branca.gif) repeat-x;
        list-style: none;
    }

.box.links li a {
    font-size: 11px;
}

.box.links li p.data-assunto {
    padding: 0;
    margin: 0;
    font-size: 11px;
}

.box.links .rodape {
    background: url(../Img/Bg/linha-branca.gif) repeat-x;
    padding: 10px 0;
}

    .box.links .rodape a {
        margin: 0 12px;
    }

/* Termo de aceite */
.box.tipo3.termo .scroll-bloco {
    height: 93px;
}

.box.tipo3.termo {
    padding: 15px 5px 15px 15px;
    width: 940px;
    clear: left;
    height: 93px;
    background-color: #fff;
    clear: both;
}

.pagina-assinaturacontrato .box.tipo3.termo {
    margin-top: 10px;
}

.box.tipo3.termo .jspVerticalBar {
    border: 0;
}

.box.tipo3.termo .jspTrack {
    left: 1px;
    border-left: 0;
}

.conteiner3de4 .box.tipo3.termo {
    width: 700px;
}

    .conteiner3de4 .box.tipo3.termo h1 {
        line-height: normal;
    }

/* Descrição amigável - Termo de aceite */
.box.tipo3.termo.descricao .scroll-bloco {
    height: 73px;
}

.box.tipo3.termo.descricao {
    padding: 15px 5px 15px 15px;
    width: 940px;
    clear: left;
    height: 73px;
    background-color: #ffcfcf;
    border: 1px solid #f4a8a8;
    clear: both;
}

.pagina-assinaturacontrato .box.tipo3.termo.descricao {
    margin-top: 10px;
    height: 180px;
}

.box.tipo3.termo.descricao .jspVerticalBar {
    border: 0;
}

.box.tipo3.termo.descricao .jspTrack {
    left: 1px;
    border-left: 0;
}

.conteiner3de4 .box.tipo3.termo.descricao {
    width: 700px;
}

    .conteiner3de4 .box.tipo3.termo.descricao h1 {
        line-height: normal;
    }

.popUp.termo .box.tipo3.termo {
    width: 654px;
    margin: 15px 0 8px;
}

.popUp.termo .linhas-form {
    margin-bottom: 10px;
}

.popUp.termo label {
    padding: 0;
    margin: 0;
}

.popUp.termo .box.senha {
    width: 654px;
    margin: 10px 0 0;
}

    .popUp.termo .box.senha label {
        padding-top: 4px;
    }

.popUp.termo .menu-termos {
    float: right;
}

.pagina-assinaturacontrato .menu-termos {
    float: right;
    margin-bottom: 10px;
}


.popUp.termo .intro {
    float: left;
    width: 580px;
}

/* Comportamento dos boxes laterais */
.conteiner1de4.lateral-direita .box {
    margin-left: 20px;
    margin-bottom: 20px;
    width: 220px;
}

/* Busca */
.sem-resultados {
    padding: 15px;
    background-color: #E5E2E1;
    color: #797B7B;
    text-align: center;
    font-size: 16px;
    font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
}

/* ===========
	Disclaimer
	========== */
.disclaimer {
    font-size: 11px;
    color: #8c8b89;
}

    .disclaimer h4 {
        font-size: 11px;
        clear: both;
        font-weight: bold;
        margin-top: 15px;
    }

        .disclaimer h4:first-child {
            margin-top: 0;
        }

    .disclaimer ul li:before {
        content: '- ';
    }

    .disclaimer ul li + li,
    .disclaimer p + ul,
    .conteiner .disclaimer p,
    .disclaimer ol li {
        margin-top: 10px;
    }

table + .disclaimer,
.paginacao + .disclaimer {
    margin-top: 30px;
}

.disclaimer ol {
    margin-top: 10px;
    margin-left: 18px;
}

.quebra-linha + .disclaimer {
    margin-top: 10px;
}

.box.tipo2.disclaimer .conteudo {
    padding: 8px 0;
    margin: 1px;
}

    .box.tipo2.disclaimer .conteudo p {
        padding: 0 0 0 12px;
    }

        .box.tipo2.disclaimer .conteudo p:first-child {
            margin-top: 0;
        }

.box.tipo2.disclaimer .scroll-bloco .jspVerticalBar,
.box.tipo2.disclaimer .scroll-bloco .jspTrack {
    border: 0;
}

/*  ===============
    Modelo padrão de postagem
    ===============  */
.modelo-padrao {
}

    .modelo-padrao .titulo {
        background: url("../Img/bg/linha-branca.gif") repeat-x bottom;
        clear: both;
        overflow: hidden;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

        .modelo-padrao .titulo h2 {
            color: #FE7821;
            float: left;
            font-family: ItauDisplayRegular, Arial, Tahoma, Verdana;
            font-size: 30px;
            font-weight: normal;
            margin: 0; /*height:34px;*/
            line-height: 32px;
        }

        .modelo-padrao .titulo .voltar {
            float: right;
            margin-top: 15px;
        }

    .modelo-padrao p {
        margin: 10px 0;
    }

    .modelo-padrao h1 {
        font-family: ItauDisplayRegular, Arial, Tahoma, Verdana;
        font-size: 22px;
        margin: 10px 0;
        color: #FE7821;
    }

    .modelo-padrao h2 {
        font-family: ItauDisplayRegular, Arial, Tahoma, Verdana;
        font-size: 22px;
        margin: 10px 0;
        color: #55544f;
    }

    .modelo-padrao h3 {
        font-family: ItauDisplayRegular, Arial, Tahoma, Verdana;
        font-size: 18px;
        margin: 10px 0;
        color: #FE7821;
    }

    .modelo-padrao h4 {
        font-family: ItauDisplayRegular, Arial, Tahoma, Verdana;
        font-size: 18px;
        margin: 10px 0;
        color: #55544f;
    }

    .modelo-padrao h5 {
        font-family: ItauDisplayRegular, Arial, Tahoma, Verdana;
        font-size: 14px;
        margin: 10px 0;
        color: #FE7821;
    }

    .modelo-padrao h6 {
        font-family: ItauDisplayRegular, Arial, Tahoma, Verdana;
        font-size: 14px;
        margin: 10px 0;
        color: #55544f;
    }

    .modelo-padrao ul {
        list-style-type: circle;
    }

        .modelo-padrao ul li {
            margin: 12px 0 12px 0;
        }

    .modelo-padrao ol li {
        margin: 12px 0 12px 25px;
    }

    .modelo-padrao table {
        margin: 10px 0;
    }

    .modelo-padrao img.esquerda {
        float: left;
        margin: 0 10px 10px 0;
    }

    .modelo-padrao img.direita {
        float: right;
        margin: 0 0 10px 10px;
    }

    .modelo-padrao blockquote {
        font-style: italic;
    }

/*  ===============
    Conteudo Institucional
    ===============  */

/* Home */
.destaque-banner {
    width: 470px;
}

    .destaque-banner .slider-container {
        height: 289px;
        z-index: 3;
    }

    .destaque-banner .slider-lista-opcoes {
        background: #F2F0EE;
        border-radius: 5px;
        border: 1px solid #DDDCDB;
        border-top: 0;
        margin-top: -5px;
        z-index: 2;
        padding: 10px 0 5px;
        text-align: right;
    }

        .destaque-banner .slider-lista-opcoes .slider-item {
            margin: 0 5px 0 0;
            color: #2585c6;
            background: url(../Img/Bg/bg-btn-destaque.png) -21px 0 no-repeat;
            text-align: center;
            width: 21px;
            height: 21px;
            line-height: 21px;
            font-weight: bold;
        }

            .destaque-banner .slider-lista-opcoes .slider-item.slider-item-selecionado {
                background-position: 0 0;
                color: #fff;
            }

.destaque-carrossel {
    width: 400px;
    float: right;
    margin: 0 35px;
    position: relative;
    height: 92px;
    margin-bottom: 20px;
}

    .destaque-carrossel .slider-controle {
        width: 100%;
    }

        .destaque-carrossel .slider-controle .slider-anterior {
            background: url(../Img/btn/setas.png) -80px -1px no-repeat;
            left: -30px;
            top: 25px;
            position: absolute;
            width: 22px;
            height: 41px;
        }

            .destaque-carrossel .slider-controle .slider-anterior:hover {
                background-position: -102px -87px;
            }

            .destaque-carrossel .slider-controle .slider-anterior.disabled {
                background-position: -102px -87px;
                cursor: default;
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

        .destaque-carrossel .slider-controle .slider-proximo {
            background: url(../Img/btn/setas.png) -80px -45px no-repeat;
            right: -30px;
            top: 25px;
            position: absolute;
            width: 22px;
            height: 41px;
        }

            .destaque-carrossel .slider-controle .slider-proximo:hover {
                background-position: -102px -45px;
            }

            .destaque-carrossel .slider-controle .slider-proximo.disabled {
                background-position: -102px -45px;
                cursor: default;
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

    .destaque-carrossel .envelope {
        position: absolute;
        top: 0;
    }

    .destaque-carrossel .slider-container {
        height: 92px;
        z-index: 3;
    }

    .destaque-carrossel .box {
        margin: 0 5px;
    }

        .destaque-carrossel .box .conteudo {
            height: 85px;
        }

        .destaque-carrossel .box h2 {
            margin: 5px 0;
            padding: 0 12px;
            font-size: 14px;
        }

        .destaque-carrossel .box p {
            margin: 5px 0;
            font-size: 11px;
        }

        .destaque-carrossel .box a {
            margin: 5px 12px;
            float: right;
        }

.tabs.bolsas-ativos-opcoes {
    clear: both;
    margin-top: 20px;
    margin-left: 12px;
}

    .tabs.bolsas-ativos-opcoes .abas {
        height: 26px;
        list-style-type: none;
    }

        .tabs.bolsas-ativos-opcoes .abas li {
            font-size: 11px;
            width: 105px;
        }

            .tabs.bolsas-ativos-opcoes .abas li a {
                line-height: 24px;
            }

    .tabs.bolsas-ativos-opcoes .conteudo {
        height: 181px;
        position: relative;
        overflow: hidden;
        border: 1px solid #D9D8D7;
        border-top: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
    }

        .tabs.bolsas-ativos-opcoes .conteudo .opcoes {
        }

            .tabs.bolsas-ativos-opcoes .conteudo .opcoes select.graf-tabela {
                width: 100px;
            }

            .tabs.bolsas-ativos-opcoes .conteudo .opcoes .selectStyled {
                float: right;
                margin: 5px 10px;
            }

            .tabs.bolsas-ativos-opcoes .conteudo .opcoes .opcoes-agrupadas {
                margin: 5px;
                float: left;
            }

                .tabs.bolsas-ativos-opcoes .conteudo .opcoes .opcoes-agrupadas .btn {
                    padding: 0 7px;
                }

                    .tabs.bolsas-ativos-opcoes .conteudo .opcoes .opcoes-agrupadas .btn.disabled {
                        border-right: 1px;
                    }

    .tabs.bolsas-ativos-opcoes li.selecionado a {
        color: #7A7B7B;
    }

    .tabs.bolsas-ativos-opcoes p.info-defasagem-bolsas {
        font-size: 11px;
        color: #959595;
        position: absolute;
        top: 8px;
        margin: 0;
        left: 210px;
        display: none;
    }

    .tabs.bolsas-ativos-opcoes p.info-defasagem-ativos {
        font-size: 11px;
        color: #959595;
        position: absolute;
        bottom: 2px;
        margin: 0;
        left: 34px;
        text-align: right;
        width: auto;
        line-height: normal;
    }

    .tabs.bolsas-ativos-opcoes .conteudo .wrap-tabela {
        height: 140px;
    }

    .tabs.bolsas-ativos-opcoes .conteudo .rolagem-horizontal {
        height: 145px;
    }

        .tabs.bolsas-ativos-opcoes .conteudo .rolagem-horizontal .jspHorizontalBar {
            background: #F5F3F2;
            padding-top: 6px;
            padding-left: 6px;
            bottom: -13px;
            border-top: 1px solid #E7E4E1;
        }

        .tabs.bolsas-ativos-opcoes .conteudo .rolagem-horizontal .jspVerticalBar {
            background-color: #F5F3F2;
        }

        .tabs.bolsas-ativos-opcoes .conteudo .rolagem-horizontal .jspArrowRight {
            right: 25px;
        }

        .tabs.bolsas-ativos-opcoes .conteudo .rolagem-horizontal .jspArrowLeft {
            left: 6px;
        }


    .tabs.bolsas-ativos-opcoes #elem_grafico {
        height: 153px;
        width: 369px;
        float: left;
    }

        .tabs.bolsas-ativos-opcoes #elem_grafico .highcharts-container {
            background: none !important;
            display: block;
            zoom: 1;
            position: relative;
        }

    .tabs.bolsas-ativos-opcoes .grafico-informacoes {
        background: white;
        border: 1px solid #ebebec;
        border-radius: 5px;
        padding: 5px 10px 0;
        line-height: 12px;
        float: right;
        font-size: 11px;
        width: 65px;
        margin-top: 10px;
        margin-right: 12px;
    }

        .tabs.bolsas-ativos-opcoes .grafico-informacoes .texto {
            display: block;
            font-weight: bold;
        }

        .tabs.bolsas-ativos-opcoes .grafico-informacoes .valor {
            margin-bottom: 5px;
            display: block;
        }

        .tabs.bolsas-ativos-opcoes .grafico-informacoes .codigo .valor {
            color: #ff6606;
            font-weight: bold;
        }

        .tabs.bolsas-ativos-opcoes .grafico-informacoes .preco .valor {
            color: #000;
        }

        .tabs.bolsas-ativos-opcoes .grafico-informacoes .bandeira {
            display: block;
            float: right;
        }

    .tabs.bolsas-ativos-opcoes .grafico-informacoes-vertical {
        float: none;
        width: auto;
        margin-left: 12px;
        padding: 7px 10px 2px 7px;
        margin-top: 5px;
    }

    .tabs.bolsas-ativos-opcoes .conteudo .opcoes .filtros li {
        float: left;
        margin: 8px 5px 5px;
        font-size: 11px;
        border-left: 1px solid #D9D8D7;
        padding-left: 10px;
    }

        .tabs.bolsas-ativos-opcoes .conteudo .opcoes .filtros li:first-child {
            padding: 0;
            border-left: 0;
        }

        .tabs.bolsas-ativos-opcoes .conteudo .opcoes .filtros li a.selected {
            color: #6F6E6B;
        }

    .tabs.bolsas-ativos-opcoes .conteudo #tabs-1 table {
        display: none;
    }

    .tabs.bolsas-ativos-opcoes .conteudo table thead tr {
        background: url("../Img/Bg/th.gif") 0 21px repeat-x;
    }

    .tabs.bolsas-ativos-opcoes .conteudo table thead th {
        padding: 4px 5px;
        font-size: 11px;
    }

    .tabs.bolsas-ativos-opcoes .conteudo table tbody td {
        padding: 4px 5px;
    }

    .tabs.bolsas-ativos-opcoes .conteudo .fht-tbody table {
        width: 443px !important;
    }

    .tabs.bolsas-ativos-opcoes .conteudo .fht-thead table {
        width: 455px !important;
    }

    .tabs.bolsas-ativos-opcoes .conteudo .opcoes .graficos {
        position: absolute;
        top: 0px;
        left: 5px;
    }

        .tabs.bolsas-ativos-opcoes .conteudo .opcoes .graficos li:first-child {
            padding: 0;
            border-left: 0;
        }

        .tabs.bolsas-ativos-opcoes .conteudo .opcoes .graficos li {
            float: left;
            margin: 8px 5px 5px;
            font-size: 11px;
            border-left: 1px solid #D9D8D7;
            padding-left: 10px;
        }

            .tabs.bolsas-ativos-opcoes .conteudo .opcoes .graficos li.selecionado a {
                color: #7A7B7B;
            }

    .tabs.bolsas-ativos-opcoes .tab-disclaimer {
        font-size: 11px;
        color: #959595;
        position: absolute;
        top: -6px;
        right: 120px;
    }

    /* Gráfico de linha */
    .tabs.bolsas-ativos-opcoes #grafico-linha-area {
        width: 100%;
        height: 103px;
        margin-left: -10px;
    }

        .tabs.bolsas-ativos-opcoes #grafico-linha-area div {
            font-size: 10px;
        }

    .tabs.bolsas-ativos-opcoes .grafico-legenda-finder {
        overflow: hidden;
        color: #F5F3F2;
        font-size: 0px;
    }

        .tabs.bolsas-ativos-opcoes .grafico-legenda-finder > b {
            display: none;
        }

        .tabs.bolsas-ativos-opcoes .grafico-legenda-finder > span {
            margin-right: 10px;
            display: inline-block;
            padding-bottom: 3px;
            color: #55534F;
            font-size: 9px;
        }

            .tabs.bolsas-ativos-opcoes .grafico-legenda-finder > span b {
                font-size: 11px;
            }

/* Gráfico rentabilidade Ibov */
#grafico-rentabilidade-ibov-boleta {
    height: 100%;
    margin: 0 0 18px;
}

.pagina-home .como-comecar-passos {
    margin: 25px 0;
    overflow: hidden;
}

    .pagina-home .como-comecar-passos h2 {
        margin: 0;
        display: block;
        float: left;
        width: 185px;
        height: 48px;
        background: url(../Img/Bg/comocomecar-passos.png) no-repeat;
        text-indent: -9999px;
    }

    .pagina-home .como-comecar-passos ul {
        float: left;
        display: block;
        width: 780px;
        list-style-type: none;
    }

        .pagina-home .como-comecar-passos ul li {
            float: left;
        }

            .pagina-home .como-comecar-passos ul li a {
                display: block;
                height: 48px;
                background: url(../Img/Bg/comocomecar-passos.png) no-repeat;
                text-indent: -9999px;
                min-width: 100px;
            }

            .pagina-home .como-comecar-passos ul li.item1 {
                margin-left: -20px;
            }

                .pagina-home .como-comecar-passos ul li.item1 a {
                    background-position: 0 -96px;
                    width: 181px;
                }

                    .pagina-home .como-comecar-passos ul li.item1 a:hover {
                        background-position: 0 -144px;
                    }

            .pagina-home .como-comecar-passos ul li.item2 {
                margin-left: -21px;
            }

                .pagina-home .como-comecar-passos ul li.item2 a {
                    background-position: 0 -192px;
                    width: 180px;
                }

                    .pagina-home .como-comecar-passos ul li.item2 a:hover {
                        background-position: 0 -240px;
                    }

            .pagina-home .como-comecar-passos ul li.item3 {
                margin-left: -20px;
            }

                .pagina-home .como-comecar-passos ul li.item3 a {
                    background-position: 0 -288px;
                    width: 180px;
                }

                    .pagina-home .como-comecar-passos ul li.item3 a:hover {
                        background-position: 0 -336px;
                    }

            .pagina-home .como-comecar-passos ul li.item4 {
                margin-left: -21px;
            }

                .pagina-home .como-comecar-passos ul li.item4 a {
                    background-position: 0 -384px;
                    width: 180px;
                }

                    .pagina-home .como-comecar-passos ul li.item4 a:hover {
                        background-position: 0 -432px;
                    }

            .pagina-home .como-comecar-passos ul li.item5 {
                margin-left: -20px;
            }

                .pagina-home .como-comecar-passos ul li.item5 a {
                    background-position: 0 -480px;
                    width: 160px;
                }

                    .pagina-home .como-comecar-passos ul li.item5 a:hover {
                        background-position: 0 -528px;
                    }

.pagina-home .intro-cockpit {
    margin: 0 0 25px;
    overflow: hidden;
    background: url(../Img/Bg/linha-branca.gif) repeat-x;
    padding-top: 5px;
}

    .pagina-home .intro-cockpit h2 {
        background: url(../Img/Bg/linha-branca.gif) repeat-x bottom;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .pagina-home .intro-cockpit .video {
        width: 311px;
        margin-right: 10px;
    }

        .pagina-home .intro-cockpit .video img {
            width: 311px;
            height: 175px;
        }

    .pagina-home .intro-cockpit .conteudo {
        width: 310px;
        margin: 0 0 0 5px;
    }

        .pagina-home .intro-cockpit .conteudo h3 {
            font-size: 18px;
            font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
            color: #FE7821;
            font-weight: normal;
            background: url(../Img/Bg/linha-branca.gif) repeat-x bottom;
            padding-bottom: 15px;
        }

        .pagina-home .intro-cockpit .conteudo p {
            margin: 10px 0;
        }

.pagina-home .box.alerta {
    margin-bottom: 15px;
}

.perfis-outros {
    overflow: hidden;
    margin: 0 0 25px;
}

    .perfis-outros .box {
        margin-left: 10px;
    }

        .perfis-outros .box .conteudo {
            position: relative;
            height: 297px;
        }

        .perfis-outros .box .item {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            background: #fff;
            height: 99px;
            overflow: hidden;
        }

            .perfis-outros .box .item.num2 {
                top: 99px;
            }

            .perfis-outros .box .item.num3 {
                top: 198px;
            }

            .perfis-outros .box .item img {
                float: left;
                width: 77px;
                height: 48px;
                margin: 12px 0 12px 12px;
            }

            .perfis-outros .box .item .texto {
                float: left;
                width: 196px;
                margin: 12px 0 5px;
            }

                .perfis-outros .box .item .texto h2 {
                    font-size: 14px;
                }

                .perfis-outros .box .item .texto p {
                    margin: 0;
                    font-size: 11px;
                }

            .perfis-outros .box .item .veja {
                display: block;
                position: absolute;
                bottom: 0;
                right: 0;
                left: 0;
                background: #f1f0ee url(../Img/Bg/linha-branca.gif) repeat-x;
                text-align: right;
                padding: 6px 12px 4px;
            }

                .perfis-outros .box .item .veja .link .ico-mais {
                    display: block;
                    width: 14px;
                    height: 14px;
                    background: url(../Img/ico/ico-widget.png) 0 -1px no-repeat;
                    float: right;
                    margin: 1px 0 0 5px;
                }

                .perfis-outros .box .item .veja .link:hover .ico-mais {
                    background-position: 0 -16px
                }

                .perfis-outros .box .item .veja .link .ico-menos {
                    display: block;
                    width: 14px;
                    height: 14px;
                    background: url(../Img/ico/ico-widget.png) -14px -1px no-repeat;
                    float: right;
                    margin: 1px 0 0 5px;
                }

                .perfis-outros .box .item .veja .link:hover .ico-menos {
                    background-position: -14px -16px;
                }

            .perfis-outros .box .item .mais-info {
                clear: both;
                display: none;
            }

                .perfis-outros .box .item .mais-info h3 {
                    color: #231f20;
                    font-size: 13px;
                    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
                    font-weight: normal;
                    border-top: 1px solid #e6e3df;
                    padding-top: 5px;
                    margin: 5px 12px;
                }

                .perfis-outros .box .item .mais-info .listagem-links {
                    margin: 5px 12px;
                }

                    .perfis-outros .box .item .mais-info .listagem-links li {
                        background: url(../img/ico/seta-tabela.png) no-repeat 0 -177px;
                        padding: 0 0 0 10px;
                        font-size: 11px;
                    }

                .perfis-outros .box .item .mais-info .opiniao blockquote {
                    margin: 0;
                    display: inline;
                    font-style: italic;
                    fon-size: 11px;
                }

                .perfis-outros .box .item .mais-info .opiniao {
                    margin: 5px 12px;
                    color: #55544f;
                    font-size: 11px;
                }

.prod-servicos {
    margin: 25px 0;
    overflow: hidden;
}

    .prod-servicos .box .topo .ico {
        float: right;
        margin-right: 12px;
        background: none;
        width: 42px;
        height: 41px;
        background-repeat: no-repeat;
        background-position: center right;
    }

    .prod-servicos .box .topo p {
        font-size: 11px;
    }

    .prod-servicos .box p {
        margin: 0;
    }

    .prod-servicos .box .conteudo h3 {
        margin: 12px 12px 0;
    }

    .prod-servicos .box .conteudo .item {
        background: url(../Img/Bg/linha-branca.gif) repeat-x;
        padding-bottom: 10px;
        overflow: hidden;
    }

        .prod-servicos .box .conteudo .item:first-child {
            background: none;
        }

    .prod-servicos .box .conteudo p {
        font-size: 11px;
    }

    .prod-servicos .box .rodape {
        text-align: right;
        padding: 0;
        background: url(../Img/Bg/linha-branca.gif) repeat-x;
    }

        .prod-servicos .box .rodape .btn {
            margin: 12px;
        }

.box.educ-financeira .ico {
    width: 37px;
    height: 34px;
    background-position: -270px 0;
}

.box.educ-financeira {
    margin-right: 10px;
}

.box.ferramentas-exclusivas .ico {
    width: 41px;
    height: 29px;
    background-position: -307px 0;
}

.box.ferramentas-exclusivas {
    margin: 0 5px;
}

.box.analises-rec .ico {
    width: 33px;
    height: 35px;
    background-position: -348px 0;
}

.box.analises-rec {
    margin-left: 10px;
}

.institucional .of-pub-em-andamento h2 {
    font-size: 18px;
    font-family: ItauDisplayBold, Arial;
    font-weight: normal;
    margin: 0 0 15px;
    line-height: normal;
}

.of-pub-em-andamento .box.oferta {
    border-color: #eae8e5;
    color: #6b6a66;
    font-size: 11px;
    float: left;
    width: 100%;
}

    .of-pub-em-andamento .box.oferta.aberta {
        background-color: #faf9f9;
    }

    .of-pub-em-andamento .box.oferta.encerrada {
        background-color: #f5f3f2;
    }

    .of-pub-em-andamento .box.oferta.cancelada {
        background-color: #f6ece6;
    }

    .of-pub-em-andamento .box.oferta + .box.oferta {
        margin-top: 13px;
    }

    .of-pub-em-andamento .box.oferta + h3 {
        float: left;
        margin-top: 18px;
    }

.of-pub-em-andamento .status-oferta {
    margin: 13px 15px;
    border-right: 1px solid #e6e3e0;
    min-height: 60px;
    width: 135px;
    padding: 14px 15px 0 0;
    min-height: 47px;
    font-size: 12px;
    font-weight: bold;
    float: left;
}

.of-pub-em-andamento .box.oferta.encerrada .status-oferta {
    color: #c5c3c1;
    font-size: 11px;
}

.of-pub-em-andamento .box.oferta.cancelada .status-oferta {
    color: #c5c3c1;
    font-size: 11px;
    padding-top: 23px;
    min-height: 38px;
}

.of-pub-em-andamento .status-oferta a {
    font-size: 11px;
}

.of-pub-em-andamento .box.oferta .descricao {
    position: relative;
    float: left;
    padding: 25px 15px 5px 78px;
    width: 435px;
}

    .of-pub-em-andamento .box.oferta .descricao p {
        padding: 0 0 5px;
        margin: 0;
    }

.of-pub-em-andamento .box.oferta img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    left: 5px;
}

.of-pub-em-andamento .box.oferta .descricao a + a {
    background: url(../Img/Bg/variavel-borda.gif) repeat-y 17px top;
    padding-left: 37px;
}

.of-pub-em-andamento .box.oferta + .submit-form,
.of-pub-em-andamento .paginacao + .submit-form,
.of-pub-em-andamento .pagina-ofertaspublicas table + .submit-form {
    float: left;
    border: 0;
    width: 100%;
}

/* Modal Ofertas públicas */
.pagina-home .popUp .detalhes-oferta {
    padding-left: 60px;
    position: relative;
}

    .pagina-home .popUp .detalhes-oferta h3 {
        font-size: 12px;
        font-family: Arial,Tahoma,Verdana;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .pagina-home .popUp .detalhes-oferta img {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
    }

.pagina-home .popUp table {
    margin-top: 14px;
}

.pagina-home .popUp .datas-reserva td {
    font-size: 11px;
    font-weight: bold;
}

.pagina-home .popUp .datas-reserva .data {
    font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
    font-size: 16px;
    letter-spacing: -1px;
    color: #FD7721;
    font-weight: normal;
    border-right: 1px solid #DDD9D8;
    width: 30px;
    text-align: center;
}

.pagina-home .popUp .sup {
    color: #262626;
    padding-right: 3px;
}

.pagina-explore .btn.veja-mais,
.pagina-aprenda .btn.veja-mais,
.pagina-informese .btn.veja-mais,
.pagina-gerencie .btn.veja-mais,
.pagina-compra-venda .btn.veja-mais {
    float: right;
}

.pagina-fundoinvestimentoimob .box .rodape {
    text-align: right;
}

    .pagina-fundoinvestimentoimob .box .rodape .veja-mais {
        margin-top: 0;
    }

#blackout .modal-video {
    width: 494px !important;
}

.popUp.modal-video .mosaico {
    height: auto;
    overflow: hidden;
}

    .popUp.modal-video .mosaico .destaque {
        top: 0;
        left: 0;
        position: relative;
    }

    .popUp.modal-video .mosaico .video-conteiner {
        height: 288px;
    }

.pagina-explore #content .conteiner3de4 img {
    float: right;
    margin: 15px 0 15px 15px;
}

/* ===============
   Nossos serviços
   =============== */
.pagina-nossosservicos hr {
    clear: both;
    margin: 10px 0;
}

.pagina-nossosservicos h3.subtitulo-servicos {
    font-weight: normal;
    font-size: 16px;
    color: #FE7821;
    font-family: ItauDisplayBold;
    margin: 13px 0 25px;
    padding-left: 3px;
}

.pagina-nossosservicos.institucional .subheader {
    background: url("../Img/bg/linha-branca.gif") repeat-x bottom;
    clear: both;
    overflow: hidden;
    padding-bottom: 10px;
}

    .pagina-nossosservicos.institucional .subheader h2 {
        float: left;
        margin: 0;
    }

.pagina-nossosservicos .destaques .box.tipo3 {
    width: 470px;
    float: left;
    height: 245px;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: White;
}

    .pagina-nossosservicos .destaques .box.tipo3 .conteudo {
        background-color: transparent;
    }

    .pagina-nossosservicos .destaques .box.tipo3.coluna1 {
        margin-right: 10px;
        background: #fff url(../Img/Views/Servicos/05_cockpit_185x245.jpg) no-repeat left bottom;
    }

    .pagina-nossosservicos .destaques .box.tipo3.coluna2 {
        margin-left: 10px;
        background: #fff url(../Img/Views/Servicos/18_pagina_185x245.jpg) no-repeat 0 0;
    }

    .pagina-nossosservicos .destaques .box.tipo3 h4 {
        font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
        font-size: 31px;
        color: #2585C5;
        padding: 45px 0 30px 200px;
    }

        .pagina-nossosservicos .destaques .box.tipo3 h4 a {
            font-weight: normal;
        }

    .pagina-nossosservicos .destaques .box.tipo3 p {
        margin: 0 20px 0 200px;
        padding: 0;
    }

    .pagina-nossosservicos .destaques .box.tipo3.mais-destaques {
        width: 962px;
        height: 120px;
        margin-top: 10px;
        background-color: white;
    }
/*.pagina-nossosservicos .destaques .box.tipo3.mais-destaques{width:962px;height:120px;margin-top:10px;background:url(../img/bg/box-servicos.png) top center;}
.pagina-nossosservicos .destaques .box.tipo3.mais-destaques h4{font-size:14px;padding:0;}
.pagina-nossosservicos .destaques .box.tipo3.mais-destaques p{font-size:12px;padding:0;margin:3px 0 0;font-size:11px;line-height:14px;}
.pagina-nossosservicos .destaques .box.tipo3.mais-destaques .item{padding:10px 0;border-left:1px solid #E6E2DF;float:left;width:300px;margin-left:15px;margin-top:15px;}
.pagina-nossosservicos .destaques .box.tipo3.mais-destaques .item:first-child{margin-left:0;border-left:0;}
.pagina-nossosservicos .destaques .box.tipo3.mais-destaques .item img{float:left;margin-right:15px;}*/

.pagina-aceitedotermo .conteiner1de4 .box {
    margin: 0 0 20px 20px;
    font-size: 11px;
    width: 221px;
}

.pagina-aceitedotermo .box .conteudo {
    padding: 0;
    margin: 1px;
}

.pagina-aceitedotermo .conteiner1de4 .box .topo {
    padding: 12px 0 !important;
    margin: 1px;
}

.pagina-aceitedotermo .conteiner1de4 .box .conteudo {
    padding: 0 !important;
}

    .pagina-aceitedotermo .conteiner1de4 .box .conteudo li {
        padding: 10px 15px 5px;
        background: url(../Img/Bg/linhas.gif) repeat-x;
        list-style: none;
    }

        .pagina-aceitedotermo .conteiner1de4 .box .conteudo li.ativo a {
            color: #FE7821;
        }

        .pagina-aceitedotermo .conteiner1de4 .box .conteudo li:first-child {
            background: none;
        }

.pagina-paginacancelamentolgpd .conteiner1de4 .box {
    margin: 0 0 20px 20px;
    font-size: 11px;
    width: 221px;
}

.pagina-paginacancelamentolgpd .box .conteudo {
    padding: 0;
    margin: 1px;
}

.pagina-paginacancelamentolgpd .conteiner1de4 .box .topo {
    padding: 12px 0 !important;
    margin: 1px;
}

.pagina-paginacancelamentolgpd .conteiner1de4 .box .conteudo {
    padding: 0 !important;
}

    .pagina-paginacancelamentolgpd .conteiner1de4 .box .conteudo li {
        padding: 10px 15px 5px;
        background: url(../Img/Bg/linhas.gif) repeat-x;
        list-style: none;
    }

        .pagina-paginacancelamentolgpd .conteiner1de4 .box .conteudo li.ativo a {
            color: #FE7821;
        }

        .pagina-paginacancelamentolgpd .conteiner1de4 .box .conteudo li:first-child {
            background: none;
        }

.pagina-telaaceitetermolgpd .conteiner1de4 .box {
    margin: 0 0 20px 20px;
    font-size: 11px;
    width: 221px;
}

.pagina-telaaceitetermolgpd .box .conteudo {
    padding: 0;
    margin: 1px;
}

.pagina-telaaceitetermolgpd .conteiner1de4 .box .topo {
    padding: 12px 0 !important;
    margin: 1px;
}

.pagina-telaaceitetermolgpd .conteiner1de4 .box .conteudo {
    padding: 0 !important;
}

    .pagina-telaaceitetermolgpd .conteiner1de4 .box .conteudo li {
        padding: 10px 15px 5px;
        background: url(../Img/Bg/linhas.gif) repeat-x;
        list-style: none;
    }

        .pagina-telaaceitetermolgpd .conteiner1de4 .box .conteudo li.ativo a {
            color: #FE7821;
        }

        .pagina-telaaceitetermolgpd .conteiner1de4 .box .conteudo li:first-child {
            background: none;
        }

.pagina-nossosservicos .conteiner1de4 .box {
    margin: 0 0 20px 20px;
    font-size: 11px;
    width: 221px;
}

.pagina-nossosservicos .box .conteudo {
    padding: 0;
    margin: 1px;
}

.pagina-nossosservicos .conteiner1de4 .box .topo {
    padding: 12px 0 !important;
    margin: 1px;
}

.pagina-nossosservicos .conteiner1de4 .box .conteudo {
    padding: 0 !important;
}

    .pagina-nossosservicos .conteiner1de4 .box .conteudo li {
        padding: 10px 15px 5px;
        background: url(../Img/Bg/linhas.gif) repeat-x;
        list-style: none;
    }

        .pagina-nossosservicos .conteiner1de4 .box .conteudo li.ativo a {
            color: #FE7821;
        }

        .pagina-nossosservicos .conteiner1de4 .box .conteudo li:first-child {
            background: none;
        }

.pagina-nossosservicos .accordion p {
    margin-bottom: 12px;
}

.pagina-nossosservicos .accordion .box {
    margin-bottom: 15px;
}

.pagina-nossosservicos .accordion img {
    float: left;
    margin-right: 20px;
}

.pagina-nossosservicos .accordion h3 {
    font-weight: bold;
    margin-bottom: 12px;
    font-size: 12px;
}

.pagina-nossosservicos .accordion h4 {
    color: #FE7821;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16px;
    margin: 15px 0 15px 0px;
}

.pagina-nossosservicos .accordion li {
    list-style-type: circle;
    margin-bottom: 12px;
    margin-left: 15px;
}

.pagina-nossosservicos .accordion caption {
    text-align: left;
    padding: 9px 14px;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16px;
}

.pagina-nossosservicos .accordion table {
    margin-bottom: 15px;
}

.pagina-nossosservicos .accordion .box h3 {
    margin: 12px;
}

.pagina-nossosservicos .accordion .box ul {
    margin: 12px;
}

.pagina-nossosservicos .subheader {
    margin-bottom: 10px;
}

    .pagina-nossosservicos .subheader h2 {
        margin: 0;
        width: 80%;
        height: auto;
    }

.pagina-nossosservicos.pagina-compraprogramada .subheader h2 {
    width: 100%
}

.pagina-nossosservicos.pagina-busca #content .subheader h2 {
    padding: 0;
}

.subheader a.voltar {
    float: right;
    margin-top: 15px;
}

.pagina-nossosservicos .comodidade .box.tipo3 {
    width: 962px;
    height: 185px;
    background: url(../img/bg/box-servicos.png) top center;
    position: relative;
}

    .pagina-nossosservicos .comodidade .box.tipo3 li {
        border-radius: 4px;
        padding: 0;
        list-style-type: none;
        background: none;
    }

    .pagina-nossosservicos .comodidade .box.tipo3 .compra-programada {
        background: url(../Img/Views/Servicos/06_compra_470x220.jpg) no-repeat;
        height: 185px;
        border-radius: 4px;
        padding: 0;
    }

    .pagina-nossosservicos .comodidade .box.tipo3 .gerenciador-ir {
        background: url(../Img/Views/Servicos/13_gerenciador_470x220.jpg) no-repeat;
        height: 185px;
        border-radius: 4px;
        padding: 0;
    }

    .pagina-nossosservicos .comodidade .box.tipo3 .integracao-cc {
        background: url(../Img/Views/Servicos/08_conta_470x220.jpg) no-repeat;
        height: 185px;
        border-radius: 4px;
        padding: 0;
    }

    .pagina-nossosservicos .comodidade .box.tipo3 h4 {
        font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
        font-size: 31px;
        color: #2585C5;
        padding: 40px 0 30px 490px;
    }

        .pagina-nossosservicos .comodidade .box.tipo3 h4 a {
            font-weight: normal;
        }

    .pagina-nossosservicos .comodidade .box.tipo3 p {
        margin: 0 20px 0 490px;
        padding: 0;
    }

.pagina-gerenciadorir .btnPop {
    margin-right: 10px;
}

.pagina-gerenciadorirnovo .btnPop {
    margin-right: 10px;
}

.nav-comodidade {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 6;
}

    .nav-comodidade a {
        background: url(../Img/btn/bullet-galeria.png) no-repeat;
        width: 9px;
        display: inline-block;
        margin-left: 5px;
        height: 8px;
        text-indent: -9999px;
    }

        .nav-comodidade a.activeSlide {
            background-position: 0 -8px;
        }

.pagina-nossosservicos .assessoria .box.tipo3 {
    width: 962px;
    height: 185px;
    background: url(../img/bg/box-servicos.png) top center;
}

.pagina-nossosservicos .assessoria .recomendacoes-investimento {
    background: url(../Img/Views/Servicos/21_recomendacoes_470x220.jpg) no-repeat;
    height: 185px;
    border-radius: 4px
}

.pagina-nossosservicos .assessoria .box.tipo3 h4 {
    font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
    font-size: 31px;
    color: #2585C5;
    padding: 40px 0 30px 490px;
}

    .pagina-nossosservicos .assessoria .box.tipo3 h4 a {
        font-weight: normal;
    }

.pagina-nossosservicos .assessoria .box.tipo3 p {
    margin: 0 20px 0 490px;
    padding: 0;
}

.pagina-nossosservicos .mais-itens .item {
    width: 225px;
    float: left;
    margin-left: 20px;
}

    .pagina-nossosservicos .mais-itens .item.primeiro {
        margin-left: 0;
        clear: left;
    }

    .pagina-nossosservicos .mais-itens .item.linha-2 {
        margin-top: 20px;
    }

.pagina-nossosservicos .mais-itens h4 {
    font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
    font-size: 15px;
    color: #2585C5;
    padding: 0 0 5px;
}

    .pagina-nossosservicos .mais-itens h4 a {
        font-weight: normal;
    }

.pagina-nossosservicos .mais-itens p {
    font-size: 11px;
    line-height: 14px;
}

.pagina-nossosservicos .box.tipo3.carrossel {
    width: 100%;
    background: url(../img/bg/box-servicos.png) top center;
    position: relative;
}

    .pagina-nossosservicos .box.tipo3.carrossel .mask-slides {
        width: 840px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }

        .pagina-nossosservicos .box.tipo3.carrossel .mask-slides .slides {
            width: 6000px;
        }

    .pagina-nossosservicos .box.tipo3.carrossel .paginacao {
        margin-top: -35px;
    }

    .pagina-nossosservicos .box.tipo3.carrossel li {
        float: left;
        width: 840px;
        padding: 0;
        list-style: none;
    }

    .pagina-nossosservicos .box.tipo3.carrossel .item {
        width: 400px;
        padding: 10px 0;
        border-left: 1px solid #E6E2DF;
        float: left;
        margin: 15px 0 15px 15px;
    }

    .pagina-nossosservicos .box.tipo3.carrossel h4 {
        font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
        font-size: 15px;
        color: #2585C5;
        padding: 0 0 5px;
    }

        .pagina-nossosservicos .box.tipo3.carrossel h4 a {
            font-weight: normal;
        }

    .pagina-nossosservicos .box.tipo3.carrossel .item img {
        float: left;
        margin-right: 20px;
    }

    .pagina-nossosservicos .box.tipo3.carrossel .item p {
        font-size: 11px;
        padding: 0;
        margin: 3px 0 0;
        line-height: 14px;
    }

.pagina-solucoesmobilidade .detalhe-servico .conteiner2de4 p:first-child {
    margin-top: 0;
}

.pagina-nossosservicos .box.tipo3 .slider-spinnex li {
    background: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.pagina-nossosservicos .box.tipo3 .slider-spinnex .item {
    width: 400px;
    padding: 10px 0;
    border-left: 1px solid #E6E2DF;
    float: left;
    margin: 15px 0 15px 15px;
}

.pagina-nossosservicos .box.tipo3 .slider-spinnex h4 {
    font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
    font-size: 15px;
    color: #2585C5;
    padding: 0 0 5px;
}

    .pagina-nossosservicos .box.tipo3 .slider-spinnex h4 a {
        font-weight: normal;
        color: #2585c6;
    }

.pagina-nossosservicos .box.tipo3 .slider-spinnex .item img {
    float: left;
    margin-right: 20px;
}

.pagina-nossosservicos .box.tipo3 .slider-spinnex .item p {
    font-size: 11px;
    padding: 0;
    margin: 3px 0 0;
    line-height: 14px;
}

.carrossel .paginacao {
    background: url(../Img/Btn/setas.png) no-repeat;
    width: 38px;
    height: 70px;
    padding: 0;
    border: 0;
    position: absolute;
    top: 50%;
    margin-top: -45px;
}

    .carrossel .paginacao.anterior {
        float: left;
        background-position: -40px 0;
        left: 15px;
    }

        .carrossel .paginacao.anterior:hover {
            background-position: -41px -71px;
        }

        .carrossel .paginacao.anterior.disabled {
            background-position: -41px -71px;
            cursor: default;
        }

    .carrossel .paginacao.proximo {
        float: right;
        background-position: -2px 0;
        right: 15px;
    }

        .carrossel .paginacao.proximo:hover {
            background-position: -1px -71px;
        }

        .carrossel .paginacao.proximo.disabled {
            background-position: -1px -71px;
            cursor: default;
        }

/* Pop-up (nova janela) */
.pagina-consultoronline .topo {
    border-bottom: 1px solid #e7e4e1;
    padding: 20px;
}

.pagina-consultoronline.pagina-chat .topo {
    background: none;
}

.pagina-consultoronline.pagina-popup h1 {
    background: url(../img/logo-modal.png) no-repeat;
    width: 162px;
    height: 38px;
    text-indent: -9999px;
}

.pagina-consultoronline .conteudo {
    padding: 20px;
    border-top: 1px solid #f8f7f6;
}

.pagina-consultoronline .box .conteudo {
    border-top: 0;
    padding: 12px;
    background: none;
}

.pagina-consultoronline .conteudo h2 {
    font-size: 20px;
    margin: 0 0 15px;
    font-weight: normal;
}

.pagina-consultoronline .conteudo h3 {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px;
}

.pagina-consultoronline .rodape {
    padding: 10px 20px;
    text-align: right;
}

.pagina-emespera .conteudo {
    position: relative;
}

.pagina-emespera .box .conteudo p {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    color: #FE7821;
    font-weight: bold;
}

.pagina-emespera .box {
    position: absolute;
    left: 50%;
    margin-left: -130px;
    top: 120px;
    width: 260px;
    margin-top: 25px;
}

    .pagina-emespera .box h2 {
        text-align: center;
    }

.pagina-chat .conteudo.timeline-chat {
    border-top: 1px solid #f8f7f6;
    border-bottom: 1px solid #e7e4e1;
    padding-bottom: 10px;
}

    .pagina-chat .conteudo.timeline-chat .box .conteudo {
        height: 200px;
        border: 0;
        padding: 0;
    }

.pagina-chat .box .conteudo .scroll-bloco {
    height: 200px;
    margin-left: 12px;
}

.pagina-chat .mensagem {
    border-top: 1px solid #eeeeed;
    padding: 8px 0;
}

    .pagina-chat .mensagem:first-child {
        border-top: 0px;
    }

    .pagina-chat .mensagem .hora-usuario {
        font-size: 11px;
        display: block;
        color: #7a7b7b;
        margin-bottom: -10px;
    }

    .pagina-chat .mensagem p {
        padding: 0;
    }

.pagina-chat .conteudo.nova-mensagem {
    border-top: 1px solid #f8f7f6;
    padding-top: 10px;
    padding-bottom: 0;
}

    .pagina-chat .conteudo.nova-mensagem p {
        color: #7a7b7b;
        font-size: 11px;
        margin-bottom: 10px;
    }

    .pagina-chat .conteudo.nova-mensagem .box .conteudo {
        height: auto;
        border: 0;
        padding: 6px 10px;
    }

.pagina-chat .rodape {
    padding-top: 5px;
}

    .pagina-chat .rodape p {
        float: left;
        margin-top: 5px;
    }

    .pagina-chat .rodape .botoes {
        float: right;
    }

        .pagina-chat .rodape .botoes .btn {
            margin-right: 0;
        }

.pagina-pesquisa .conteudo.preencha-pesquisa {
    border-top: 1px solid #f8f7f6;
    border-bottom: 1px solid #e7e4e1;
}

.pagina-pesquisa .conteudo.pesquisa {
    border-top: 1px solid #f8f7f6;
    border-bottom: 1px solid #e7e4e1;
    height: 305px;
    padding: 0;
}

.pagina-pesquisa .rodape {
    border-top: 1px solid #f8f7f6;
}

.pagina-pesquisa ol {
    list-style-type: decimal;
    margin-left: 20px;
    font-weight: bold;
    color: #FE7821;
}

    .pagina-pesquisa ol > li:first-child {
        margin-top: 0px;
    }

    .pagina-pesquisa ol li {
        margin-top: 1px;
        clear: both;
    }

        .pagina-pesquisa ol li span {
            color: #6F6E6B;
            font-weight: normal;
            display: block;
        }

.pagina-pesquisa .scroll-bloco {
    height: 275px;
    margin: 15px 15px 15px 0px;
    padding-left: 20px;
}

    .pagina-pesquisa .scroll-bloco .jspVerticalBar {
        border-left: 0;
        margin-right: 15px;
    }

.pagina-consultoronline #blackout .popUp {
    width: 350px;
}

/* Popup Finder  -- Ele é reaproveitado pelo Widget Finder e Compra e Venda com Finder */
.pagina-finder .topo {
    padding: 10px 20px;
    background: url(../Img/bg/linha-branca.gif) repeat-x bottom;
}

.pagina-finder h1 {
    background: url(../img/logo-modal.png) no-repeat;
    width: 162px;
    height: 38px;
    text-indent: -9999px;
    float: left;
}

.pagina-finder .pesquisa-cotacao {
    float: right;
    margin-top: 14px;
}

    .pagina-finder .pesquisa-cotacao label {
        height: auto;
        font-size: 11px;
        color: #262626;
    }

    .pagina-finder .pesquisa-cotacao input[type=text] {
        width: 90px;
        background: url("../Img/Ico/lupa.png") 5px 5px no-repeat #fff;
        padding-left: 23px;
    }

.pagina-finder.pagina-finder .ui-autocomplete {
    width: 189px !important;
}

    .pagina-finder.pagina-finder .ui-autocomplete .ui-menu-item a {
        width: 175px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
/**/
.pagina-finder .conteudo {
    padding: 5px 0;
    position: relative;
    height: 387px;
}

.abasAcoesOpcoes {
    float: left;
    border-bottom: 1px solid #e6e2df;
    width: 100%;
    padding-top: 5px;
    height: 27px;
}

    .abasAcoesOpcoes li {
        float: left;
        margin-right: 5px;
        border: 1px solid #e6e2df;
        background: #fff;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        list-style: none;
    }

        .abasAcoesOpcoes li:first-child {
            margin-left: 20px;
        }

        .abasAcoesOpcoes li a {
            display: block;
            width: 50px;
            padding: 5px 10px 5px;
            text-align: center;
        }

        .abasAcoesOpcoes li.active {
            border-bottom: 1px solid #f5f3f2;
            margin-bottom: 0;
        }

            .abasAcoesOpcoes li.active a {
                padding-bottom: 5px;
                background: #f5f3f2;
                color: #55544f;
            }

.pagina-finder #tab-result-search {
    margin-bottom: 15px;
}

.pagina-finder .conteudo .abas {
    border: 0;
    margin-top: 10px;
    height: 40px;
}

    .pagina-finder .conteudo .abas li {
        font-size: 13.5px;
    }

        .pagina-finder .conteudo .abas li a {
            line-height: 30px;
        }

        .pagina-finder .conteudo .abas li.resumo {
            width: 115px;
        }

        .pagina-finder .conteudo .abas li.ofertas {
            width: 262px;
        }

        .pagina-finder .conteudo .abas li.grafico {
            width: 118px;
        }

.pagina-finder .conteudo .sub-abas {
    overflow: hidden;
    float: left;
    margin-bottom: 10px;
}

    .pagina-finder .conteudo .sub-abas li {
        float: left;
        list-style: none;
    }

        .pagina-finder .conteudo .sub-abas li:first-child a {
            padding-right: 10px;
            margin: 0 10px 0 20px;
            border-right: 1px solid #e0d9d4;
            display: inline-block;
        }

        .pagina-finder .conteudo .sub-abas li.active a {
            color: #55544f;
        }

.pagina-finder .conteudo table {
    clear: both;
    margin-top: 10px;
}

    .pagina-finder .conteudo table td {
        font-size: 11px;
    }

        .pagina-finder .conteudo table td.valores {
            font-weight: bold;
            color: #262626;
            padding-left: 0;
        }

        .pagina-finder .conteudo table td.linha-divisoria {
            margin: 0;
            height: auto;
            background-image: none;
            border-left: 1px solid #ddd9d8;
        }

    .pagina-finder .conteudo table .qtd-exibida {
        text-align: center;
        margin-top: 10px;
    }

.pagina-finder .conteudo .disclaimer {
    padding: 6px 20px;
    text-align: center;
    margin-top: 0;
}

.pagina-finder .disclaimer p {
    margin-top: 0;
}

.pagina-finder .conteudo .controle-compra-venda {
    background: url(../Img/bg/linha-branca.gif) repeat-x top;
    text-align: center;
    padding: 6px 0 2px;
    clear: both;
}

.pagina-finder .conteudo .ui-tabs-panel {
    height: 165px;
    clear: both;
}
/*.pagina-finder .conteudo .scroll-bloco{margin-top:10px;height:160px;}*/
.pagina-finder .conteudo .scroll-bloco {
    height: 102px;
    clear: both;
}

.pagina-finder .conteudo .jspVerticalBar {
    border-left: 0;
}

.pagina-finder .melhores-ofertas {
    float: right;
    padding-right: 42px;
    margin: -30px 0 0;
}

    .pagina-finder .melhores-ofertas label {
        color: #55544f;
        font-size: 12px;
        line-height: normal;
    }

.book .header-book {
    width: 430px;
    margin: 0 0 0 20px;
}

    .book .header-book .header-book-compra, .book .header-book .table-header-compra {
        width: 205px;
        margin: 0 0 0 0;
        float: left;
        background: #fff;
    }

    .book .header-book .header-book-venda, .book .header-book .table-header-venda {
        width: 205px;
        margin: 0 0 0 20px;
        float: left;
        background: #fff;
    }

    .book .header-book .topo.topo-venda {
        background: #e7e5e3;
    }

        .book .header-book .topo.topo-venda h3 {
            color: #7a7b7b;
        }

.flutua-esquerda {
    clear: both;
}

.book .book-compra {
    width: 205px;
    float: left;
    margin: 0 0 0 20px;
}

    .book .header-book .topo, .book .book-compra .topo {
        padding: 5px 15px;
        cursor: default;
        background: #7a7b7b;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
    }

        .book .header-book .topo h3, .book .book-compra .topo h3 {
            color: #fff;
            margin: 0 5px 0 0;
            font-weight: bold;
            font-size: 14px;
        }

    .book .book-compra .conteudo {
        background: #fff;
        border-top: 0;
        height: auto;
        padding: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
    }

.book .book-venda {
    width: 205px;
    float: left;
    margin: 0 0 0 20px;
}

    .book .book-venda .topo {
        padding: 5px 15px;
        cursor: default;
        background: #e7e5e3;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
    }

        .book .book-venda .topo h3 {
            color: #7a7b7b;
            margin: 0 5px 0 0;
            font-weight: bold;
            font-size: 14px;
        }

    .book .book-venda .conteudo {
        background: #fff;
        border-top: 0;
        height: auto;
        padding: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
    }

.book table {
    margin: 0 10px !important;
    width: 185px;
}

    .book table thead tr {
        background: none;
        margin-top: 10px;
    }

    .book table thead th {
        border-bottom: 1px solid #e7e4e1;
        padding: 5px 5px;
    }

    .book table tbody tr {
        background: none;
    }

        .book table tbody tr.odd {
            background: none;
        }

    .book table tbody td {
        padding: 5px 5px;
        font-size: 12px;
        height: 17px;
    }

.book th.dados, .book td.dados {
    width: 60%
}

.book th.quantidade, .book td.quantidade {
    width: 20%
}

.book th.valores, .book td.valores {
    width: 20%
}

.pagina-finder .conteudo .ui-tabs-panel.grafico {
    position: relative;
    height: 245px;
}

    .pagina-finder .conteudo .ui-tabs-panel.grafico img {
        margin: 0 20px;
    }

    .pagina-finder .conteudo .ui-tabs-panel.grafico .scroll-bloco {
        height: 255px;
    }

    .pagina-finder .conteudo .ui-tabs-panel.grafico .observacoes {
        clear: both;
    }

        .pagina-finder .conteudo .ui-tabs-panel.grafico .observacoes h3 {
            margin: 10px 0 5px 20px;
            font-size: 12px;
            color: #262626;
            font-weight: bold;
        }

        .pagina-finder .conteudo .ui-tabs-panel.grafico .observacoes p {
            margin: 0 20px;
            font-size: 11px;
        }

        .pagina-finder .conteudo .ui-tabs-panel.grafico .observacoes ul {
            float: left;
            font-size: 11px;
            color: #797B7B;
            margin: 5px 0 15px 20px;
        }

            .pagina-finder .conteudo .ui-tabs-panel.grafico .observacoes ul li span {
                font-weight: bold;
                display: inline-block;
                width: 20px;
            }

    .pagina-finder .conteudo .ui-tabs-panel.grafico .incluir-ativo {
        float: left;
        width: 200px;
        margin: 0 0 5px 20px;
    }

        .pagina-finder .conteudo .ui-tabs-panel.grafico .incluir-ativo .bordaEsq {
            display: inline-block;
            float: none;
        }

        .pagina-finder .conteudo .ui-tabs-panel.grafico .incluir-ativo label {
            display: block;
            width: 100%;
            text-align: left;
            font-weight: bold;
            color: #262626;
            padding: 4px 0;
            height: auto;
        }

        .pagina-finder .conteudo .ui-tabs-panel.grafico .incluir-ativo input[type=text] {
            width: 100px;
        }

    .pagina-finder .conteudo .ui-tabs-panel.grafico .box.tipo2.excluir-ativo {
        float: right;
        width: 200px;
        margin: 30px 10px 10px 0;
    }

        .pagina-finder .conteudo .ui-tabs-panel.grafico .box.tipo2.excluir-ativo .conteudo {
            padding: 3px 0;
            overflow: visible;
            height: auto;
        }

            .pagina-finder .conteudo .ui-tabs-panel.grafico .box.tipo2.excluir-ativo .conteudo select {
                width: 100px;
            }

            .pagina-finder .conteudo .ui-tabs-panel.grafico .box.tipo2.excluir-ativo .conteudo .selectStyled {
                margin-left: 3px;
            }

            .pagina-finder .conteudo .ui-tabs-panel.grafico .box.tipo2.excluir-ativo .conteudo a.excluir {
                margin: 0 10px 0 5px;
                display: inline-block;
                line-height: 25px;
            }

    .pagina-finder .conteudo .ui-tabs-panel.grafico .jspVerticalBar {
        border-left: 0;
        display: none;
    }

.pagina-finder #grafico-finder {
    width: 458px;
    height: 170px;
    float: left;
    margin: 7px 0 0;
}

.pagina-finder .grafico-legenda-finder {
    clear: both;
    margin-left: 15px;
    font-size: 12px;
}

.pagina-finder .grafico-controles {
    width: auto;
    margin: -31px 10px 0 0;
    position: absolute;
    right: 0;
}

    .pagina-finder .grafico-controles button {
        float: left;
        margin: 0 3px 0 0 !important;
    }

.pagina-finder .grafico-lista-ativos {
    margin-left: 20px;
}

.pagina-finder .opcoes-agrupadas-finder {
    position: absolute;
    right: 20px;
    top: -28px;
}

.pagina-finder #botoes-grafico2 {
    display: block;
    height: 40px;
    padding-left: 20px;
}

.pagina-finder .dados-ativo {
    clear: both;
}

.pagina-finder .modulo h2 {
    padding: 8px 0;
    margin: 0;
    font-size: 16px;
    float: left;
}

.pagina-finder .modulo .leilao {
    float: right;
    margin-top: 5px;
}

.pagina-finder .modulo {
    padding: 0 20px;
}

    .pagina-finder .modulo .cod strong, .pagina-finder .modulo .preco strong, .pagina-finder .modulo .variacao .percentual, .pagina-finder .modulo .precoteorico strong {
        font-size: 16px;
    }

    /* BUG IE8 */
    .pagina-finder .modulo.resumo {
        margin-top: 0px;
        overflow: hidden;
        display: table;
        width: 100%;
        clear: both;
        height: 50px;
    }

.pagina-finder .conteudo .sub-abas {
    display: block;
    height: 30px;
    float: none;
}

.pagina-finder #table-integer,
.pagina-finder #table-fractional,
.pagina-finder .conteudo .book .scroll-bloco {
    margin-top: 0;
}

.pagina-finder .rodape {
    padding: 10px 20px;
    background: url(../Img/bg/linha-branca.gif) repeat-x top;
    margin-top: 12px;
}

    .pagina-finder .rodape p {
        font-size: 10px;
        margin: 0;
    }

    .pagina-finder .rodape h4 {
        color: #55544f;
        font-size: 16px;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        margin-top: 10px;
    }

    .pagina-finder .rodape ul li {
        float: left;
        margin: 5px 10px 0 0;
        list-style: none;
    }

.pagina-finder div.paginacao {
    padding-left: 20px;
    padding-right: 20px;
}

.pagina-finder .opcoes {
    position: absolute;
    top: 5px;
    right: 20px;
}

    .pagina-finder .opcoes li {
        float: left;
        list-style: none;
    }

        .pagina-finder .opcoes li.adicionar-aocp {
            padding-top: 5px;
            font-size: 11px;
        }

        .pagina-finder .opcoes li .adicionar-cockpit {
            margin: 5px 0 0 0;
            display: inline-block;
            padding-right: 10px;
            border-right: 1px solid #e0d9d4;
        }

        .pagina-finder .opcoes li .btn {
            margin: 0 0 0 10px;
        }

/*  ===============
    Formulários
    ===============  */
.linhas-form {
    margin: 0 0 18px;
    height: 25px;
}

    .linhas-form.divisao {
        margin: 0 0 17px;
        height: 2px;
        background: #f6f5f3;
        border-top: 1px solid #e6e2df;
    }

    .linhas-form.com-link {
        height: 45px;
    }

    .linhas-form + hr {
        margin-top: 30px;
    }

.submit-form {
    border-top: 1px solid #e6e2df;
    border-bottom: 1px solid #e6e2df;
    padding: 15px 0;
    text-align: right;
    margin: 0 0 20px 0;
}

table + .submit-form {
    margin-top: 20px;
}

.submit-form.sem-borda {
    border: 0;
}

input, .input-falso {
    font-family: Arial,Tahoma,Verdana;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 5px;
}

    .input-falso.leitura {
        padding-top: 3px;
        height: 20px;
    }

    input[type='text'], input[type='password'], input[type='email'], .input-falso {
        float: left;
        background: #fff;
        height: 23px;
        border-top: 1px solid #c6c1bd;
        border-right: 1px solid #ebe5df;
        border-bottom: 1px solid #ebe5df;
        border-left: 1px solid #ebe5df;
        border-radius: 4px;
        -moz-border-radius: 4px;
        padding: 0 3px;
    }

        input[type='text'].foco, input[type='password'].foco, .input-falso.foco {
            border-top: 1px solid #4787b2;
            border-right: 1px solid #539dcd;
            border-bottom: 1px solid #539dcd;
            border-left: 1px solid #539dcd;
        }

        input[type='text'].error,
        input[type='text'].busca.error,
        input[type='password'].error,
        .input-falso.error,
        .selectStyled.error,
        .select-default.error,
        .box.textarea.error,
        select.error + .selectStyled {
            border-top: 1px solid #eb3333;
            border-right: 1px solid #eb3333;
            border-bottom: 1px solid #eb3333;
            border-left: 1px solid #eb3333;
        }

    input[type='checkbox'].error + span {
        border-top: 1px solid #eb3333;
        border-right: 1px solid #eb3333;
        border-bottom: 1px solid #eb3333;
        border-left: 1px solid #eb3333;
        border-radius: 3px;
    }

    input[type='text'].busca {
        color: #a5a5a5;
        background: #f2f2f2 url(../Img/Ico/lupa.png) 5px 5px no-repeat;
        height: 17px;
        border-top: 1px solid #c6c1bd;
        border-right: 1px solid #ebe5df;
        border-bottom: 1px solid #ebe5df;
        border-left: 1px solid #ebe5df;
        border-radius: 4px;
        -moz-border-radius: 4px;
        padding: 3px 3px 3px 23px;
    }

    input[type='text'].buscaConsenso {
        color: #a5a5a5;
        background: #f2f2f2 url(../Img/Ico/lupa.png) 5px 5px no-repeat;
        height: 17px;
        border-top: 1px solid #c6c1bd;
        border-right: 1px solid #ebe5df;
        border-bottom: 1px solid #ebe5df;
        border-left: 1px solid #ebe5df;
        border-radius: 4px;
        -moz-border-radius: 4px;
        padding: 3px 3px 3px 23px;
        width: 200px;
    }

    input[type='text'].caracteres-2 {
        width: 17px;
    }

    input[type='text'].caracteres-3 {
        width: 23px;
    }

    input[type='text'].caracteres-4 {
        width: 30px;
    }

    input[type='text'].caracteres-8,
    input[type='password'].caracteres-8 {
        width: 60px;
    }

    input[type='text'].caracteres-10 {
        width: 70px;
    }

    input[type='text'].caracteres-10a {
        width: 90px;
    }

    input[type='text'].caracteres-17 {
        width: 122px;
    }

    input[type='text'].caracteres-42 {
        width: 300px;
    }

    input[type='text'].caracteres-9 {
        width: 65px;
    }

    input[type='text'].linha-dupla {
        margin: 9px 0 18px;
    }

.institucional input[type='text'].busca {
    width: 139px;
    margin-right: 8px;
    padding: 3px 23px 3px 3px;
    background-position: 144px -26px;
}

input[type='text'].busca.foco {
    background-color: #fff;
    border-top: 1px solid #4787b2;
    border-right: 1px solid #539dcd;
    border-bottom: 1px solid #539dcd;
    border-left: 1px solid #539dcd;
}

input[type='text'].buscaConsenso.foco {
    background-color: #fff;
    border-top: 1px solid #4787b2;
    border-right: 1px solid #539dcd;
    border-bottom: 1px solid #539dcd;
    border-left: 1px solid #539dcd;
}

input[type='radio']:first-child {
    margin-left: 57px;
}

.input-falso.leitura {
    color: #262626 !important;
    font-weight: bold !important;
    background-color: #e5e2e1 !important;
    border: 1px solid #cfc9c4 !important;
    box-shadow: 0 1px 0 #f8f8f7;
    -moz-box-shadow: 0 1px 0 #f8f8f7;
}

input.moeda {
    padding-left: 15px;
}

.prefixo-moeda {
    font-size: 8px;
    position: relative;
    z-index: 1;
    left: 5px;
    top: 2px;
    float: left;
}

.input-falso {
    min-width: 50px;
}

a.link-formulario {
    font-size: 11px;
    cursor: pointer;
}

label {
    float: left;
    text-align: right;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; /*height:25px;/*line-height:25px;*/
    padding-top: 4px;
}

    /*Formulario não correntista*/
    label.link-formLoginNaoCorrentista {
        font-size: 11px;
        margin: 0 0 0 15px;
        padding: 0;
        height: auto;
    }

input + a.link-formulario {
    margin-left: 15px;
}

.btn + .link-formulario {
    background: url(../Img/Bg/variavel-borda.gif) repeat-y 18px top;
    padding-left: 35px;
}

.divisor-esquerda {
    background: url(../Img/Bg/variavel-borda.gif) repeat-y 16px top;
    padding-left: 29px;
}

.colunas-form {
    float: left;
    margin-left: 5px;
}

    .colunas-form:first-child {
        margin-left: 0;
    }

.aceite {
    height: auto;
}

table + .aceite {
    margin-top: 13px;
}

.aceite .checkStyled {
    margin-top: 3px;
}

.aceite label {
    color: #55544f;
    font-weight: bold;
    float: none;
    display: inline;
    margin: 0;
    padding-top: 0;
    text-align: left;
}

.box.tipo3 .conteudo textarea {
    border: 0;
    width: 100%;
    height: 76px;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    color: #6F6E6B;
    resize: none;
}

.textarea {
    margin: 0;
}

    .textarea .conteudo {
        margin: 10px;
    }

input[readonly] {
    color: #262626;
    font-weight: bold;
    background-color: #e5e2e1;
    border: 1px solid #cfc9c4;
    box-shadow: 0 1px 0 #f8f8f7;
    -moz-box-shadow: 0 1px 0 #f8f8f7;
}

    input[readonly]:not(.error):focus {
        border-color: #cfc9c4;
    }

    input[readonly].invisivel {
        background: none;
        color: inherit;
        border: 0;
        box-shadow: 0 0 0 #F5F3F2;
        padding: 0;
        margin: 0;
    }

    input[readonly].invisivelAgencia {
        background: none;
        color: inherit;
        border: 0;
        box-shadow: 0 0 0 #F5F3F2;
        padding: 0;
        margin: 0;
        width: 40px;
        color: Black
    }

    input[readonly].invisivel.titulo {
        font-size: 20px;
        color: #262626;
        height: 25px;
    }

input[type='text'][readonly].moeda + .prefixo-moeda {
    color: #262626;
    font-weight: bold;
}

input.campo-oculto {
    float: right;
    display: none;
    width: 0;
    height: 0;
    border: 0 !important;
    background: none;
    text-indent: -99999px;
    font-size: 0;
    line-height: 0;
}

label {
    float: left;
    text-align: right;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    height: 25px; /*line-height:25px;*/
    padding-top: 4px;
}

a.ajuda {
    background: url(../Img/Btn/icones.png) 0 -225px no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0;
    position: relative;
}

    a.ajuda:hover {
        background: url(../Img/Btn/icones.png) 0 -250px no-repeat;
    }

    a.ajuda:active {
        background: url(../Img/Btn/icones.png) 0 -275px no-repeat;
    }

a.ajudaRentabilidade {
    background: url(../Img/Btn/icones.png) 0 -180px no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    position: relative;
    background-size: 20px;
}

    a.ajudaRentabilidade:hover {
        background: url(../Img/Btn/icones.png) 0 -200px no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0;
        position: relative;
        background-size: 20px;
    }


form + form {
    padding-top: 20px;
}

.formLoginNaoCorrentista {
    margin: 7px 0 0 10px;
}

    .formLoginNaoCorrentista input[type='text']#txtLogin {
        width: 163px;
    }

/*  ========
    Cadastro
    ========  */
.menu-passos {
    padding: 0;
    margin: 12px 0 20px;
    float: left;
}

    .menu-passos li,
    .menu-passos div {
        background: url(../img/bg/menu-passos.png) no-repeat scroll 0 0 transparent;
        float: left;
    }

    .menu-passos li {
        margin-left: -25px;
        background-position: 0 -98px;
        list-style-type: none;
        padding: 0 0 0 25px;
    }

        .menu-passos li:first-child {
            margin-left: -1px;
            background-position: 0 0;
        }

            .menu-passos li:first-child.ativo {
                background-position: 0 -343px;
            }

        .menu-passos li.ativo {
            background-position: 0 -147px;
        }

        .menu-passos li .passo {
            font-size: 22px;
            color: #ff6400;
            background-position: 0 -245px;
            background-repeat: repeat-x;
            padding: 16px 0 0 22px;
            height: 33px;
        }

        .menu-passos li:first-child .passo {
            padding-left: 10px;
        }

        .menu-passos li.ativo .passo {
            background-position: 0 -294px;
        }

        .menu-passos li strong,
        .menu-passos li a {
            font-weight: bold;
            position: relative;
            display: block;
        }

        .menu-passos li .descricao {
            font-size: 12px;
            font-weight: bold;
            color: #262626;
            text-shadow: 0 1px 1px #f8f7f6;
            background-position: right -98px;
            float: right;
            padding: 1px 50px 0 5px;
            #margin-top:-26px;
        }

        .menu-passos li.ativo {
            position: relative;
        }

            .menu-passos li.ativo .descricao,
            .menu-passos li:last-child .descricao {
                margin-top: -16px;
                padding-top: 16px;
                height: 33px;
                background-position: right -49px;
                margin-right: -4px;
                padding-right: 54px;
            }

            .menu-passos li.ativo .descricao {
                background-position: right -196px;
                color: #ff6400;
                text-shadow: 0 1px 1px #f5f3f3;
            }

                .menu-passos li.ativo .descricao a {
                    color: #ff6400;
                }

        .menu-passos li:last-child.ativo .descricao {
            background-position: right -392px;
        }

        .menu-passos li .check {
            display: block;
            background: url(../img/ico/check.png) no-repeat scroll left top transparent;
            width: 12px;
            height: 12px;
            position: absolute;
            right: -20px;
            top: 1px;
            z-index: 1;
        }

.menu-passos2 {
    padding: 0;
    margin: 12px 0 20px;
    float: left;
}

    .menu-passos2 li,
    .menu-passos2 div {
        background: url(../img/bg/menu-passos.png) no-repeat;
        float: left;
    }

    .menu-passos2 li {
        margin-left: -25px;
        background-position: 0 -98px;
        list-style-type: none;
        padding: 0 0 0 25px;
    }

        .menu-passos2 li:first-child {
            margin-left: -1px;
            background-position: 0 0;
        }

            .menu-passos2 li:first-child.ativo {
                background-position: 0 -343px;
            }

        .menu-passos2 li.ativo {
            background-position: 0 -147px;
        }

        .menu-passos2 li .passo {
            font-size: 22px;
            color: #ff6400;
            background-position: 0 -245px;
            background-repeat: repeat-x;
            padding: 16px 0 0 22px;
            height: 33px;
        }

        .menu-passos2 li:first-child .passo {
            padding-left: 10px;
        }

        .menu-passos2 li.ativo .passo {
            background-position: 0 -294px;
        }

        .menu-passos2 li strong {
            font-weight: bold;
            position: relative;
            display: block;
        }

        .menu-passos2 li .descricao {
            font-size: 12px;
            font-weight: bold;
            color: #262626;
            text-shadow: 0 1px 1px #f8f7f6;
            background-position: right -98px;
            float: right;
            padding: 1px 175px 0 5px;
            #margin-top:-26px;
        }

        .menu-passos2 li.ativo {
            position: relative;
        }

            .menu-passos2 li.ativo .descricao,
            .menu-passos2 li:last-child .descricao {
                margin-top: -16px;
                padding-top: 16px;
                height: 33px;
                background-position: right -49px;
                margin-right: -4px;
                padding-right: 167px;
            }

            .menu-passos2 li.ativo .descricao {
                background-position: right -196px;
                color: #ff6400;
                text-shadow: 0 1px 1px #f5f3f3;
            }

        .menu-passos2 li:last-child.ativo .descricao {
            background-position: right -392px;
        }

        .menu-passos2 li .check {
            display: block;
            background: url(../img/ico/check.png) no-repeat left top;
            width: 12px;
            height: 12px;
            position: absolute;
            right: -30px;
            top: 1px;
        }

/* Menu Passos - IR */

.menu-passos-ir {
    padding: 0;
    margin: 12px 0 20px;
    float: left;
}

    .menu-passos-ir li,
    .menu-passos-ir div {
        background: url(../img/bg/menu-passos.png) no-repeat scroll 0 0 transparent;
        float: left;
    }

    .menu-passos-ir li {
        margin-left: -25px;
        background-position: 0 -98px;
        list-style-type: none;
        padding: 0 0 0 25px;
    }

        .menu-passos-ir li:first-child {
            margin-left: -1px;
            background-position: 0 0;
        }

            .menu-passos-ir li:first-child.ativo {
                background-position: 0 -343px;
            }

        .menu-passos-ir li.ativo {
            background-position: 0 -147px;
        }

        .menu-passos-ir li .passo {
            font-size: 22px;
            color: #ff6400;
            background-position: 0 -245px;
            background-repeat: repeat-x;
            padding: 16px 0 0 22px;
            height: 33px;
        }

        .menu-passos-ir li:first-child .passo {
            padding-left: 10px;
        }

        .menu-passos-ir li.ativo .passo {
            background-position: 0 -294px;
        }

        .menu-passos-ir li strong,
        .menu-passos-ir li a {
            font-weight: bold;
            position: relative;
            display: block;
        }

        .menu-passos-ir li .descricao {
            font-size: 12px;
            font-weight: bold;
            color: #262626;
            text-shadow: 0 1px 1px #f8f7f6;
            background-position: right -98px;
            float: right;
            padding: 1px 167px 0 5px;
            #margin-top:-26px;
        }

        .menu-passos-ir li.ativo {
            position: relative;
        }

            .menu-passos-ir li.ativo .descricao,
            .menu-passos-ir li:last-child .descricao {
                margin-top: -16px;
                padding-top: 16px;
                height: 33px;
                background-position: right -49px;
                margin-right: -4px;
                padding-right: 167px;
            }

            .menu-passos-ir li.ativo .descricao {
                background-position: right -196px;
                color: #ff6400;
                text-shadow: 0 1px 1px #f5f3f3;
            }

                .menu-passos-ir li.ativo .descricao a {
                    color: #ff6400;
                }

        .menu-passos-ir li:last-child.ativo .descricao {
            background-position: right -392px;
        }

        .menu-passos-ir li .check {
            display: block;
            background: url(../img/ico/check.png) no-repeat scroll left top transparent;
            width: 12px;
            height: 12px;
            position: absolute;
            right: -20px;
            top: 1px;
            z-index: 1;
        }









.questionario-passos {
    margin: 10px 0 20px;
    width: 100%;
    overflow: hidden;
}

    .questionario-passos li {
        background: url(../img/bg/questionario-passos.png) no-repeat !important;
        float: left;
        padding: 0 !important;
        width: 85px;
    }

    .questionario-passos li {
        list-style-type: none;
    }

        .questionario-passos li.primeiro {
            background-position: 0 0;
            width: 75px;
        }

            .questionario-passos li.primeiro.ativo {
                background-position: 0 -49px !important;
            }

        .questionario-passos li.segundo.nextAtivo {
            background-position: -75px -49px !important;
        }

        .questionario-passos li.segundo {
            background-position: -75px 0 !important;
        }

            .questionario-passos li.segundo.ativo {
                background-position: -161px 0 !important;
            }

        .questionario-passos li.terceiro.nextAtivo {
            background-position: -75px -49px !important;
        }

        .questionario-passos li.terceiro {
            background-position: -161px -49px !important;
        }

            .questionario-passos li.terceiro.ativo {
                background-position: -161px 0 !important;
            }

        .questionario-passos li.quarto.nextAtivo {
            background-position: -75px -49px !important;
        }

        .questionario-passos li.quarto {
            background-position: -247px -49px !important;
        }

            .questionario-passos li.quarto.ativo {
                background-position: -161px 0 !important;
            }

        .questionario-passos li.quinto.nextAtivo {
            background-position: -335px -98px !important;
        }

        .questionario-passos li.quinto {
            background-position: -335px 0 !important;
            width: 95px;
        }

            .questionario-passos li.quinto.ativo {
                background-position: -335px -49px !important;
                width: 95px;
            }

        .questionario-passos li.primeiro .passo {
            padding: 16px 0 0 34px;
        }

        .questionario-passos li .passo {
            font-size: 22px;
            color: #ff6400;
            padding: 16px 0 0 54px;
            height: 33px;
        }

.pagina-cadastro form {
    clear: both;
}

.pagina-cadastro #content label {
    display: block;
    height: auto;
    text-align: left;
    margin-bottom: 15px;
}

.pagina-cadastro .linhas-form {
    clear: both;
    height: auto;
}

.pagina-cadastro #content b.info-declaracao {
    width: 695px;
    display: inline-block;
}

.pagina-cadastro .linhas-form.espacamento-minimo {
    margin: 0 0 2px;
}

    .pagina-cadastro .linhas-form.espacamento-minimo label {
        height: 20px;
    }

.pagina-cadastro fieldset { /*background:url(../img/bg/fieldset.gif) repeat-x;*/
    border: 0;
    padding: 0;
    margin: -5px 0 0;
    position: relative;
}

    .pagina-cadastro fieldset:first-child {
        background: none;
    }

    .pagina-cadastro fieldset.sem-rotulo {
        padding-top: 20px;
        margin: 0 0 -25px;
        overflow: hidden;
    }

.pagina-cadastro legend {
    color: #FE7821;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16px;
    padding-bottom: 15px;
    float: left;
    margin: 6px 0 0;
}

    .pagina-cadastro legend span {
        width: 100%;
    }

.pagina-cadastro .submit-form {
    padding: 15px 15px 5px;
    margin-top: 30px;
    border: 0;
    background: url(../Img/Bg/linhas.gif) repeat-x;
}

.pagina-cadastro .box.tipo2 h3 {
    font-size: 15px;
    color: #FE7821;
    margin: 3px 0 0 15px;
    font-weight: bold;
}

.pagina-cadastro .box.tipo2 .conteudo {
    padding: 0;
}

.pagina-cadastro .submit-form .divisor-esquerda {
    float: right;
}

.pagina-cadastro .submit-form .link-formulario {
    float: right;
    margin-top: 5px;
}

.pagina-cadastro .own-account {
    width: 208px
}

.pagina-cadastro h2.titulo-servicos {
    padding: 0;
}

.pagina-cadastro .conteiner1de4 .box.dicas {
    width: 189px;
    margin-left: 20px;
}

.pagina-cadastro .box.dicas.alinhamento-tabela {
    margin-top: 15px;
}

/* Novo cadastro */
.form-dadospessoais-cliente-correntista .submit-form {
    padding: 10px 0 13px;
    margin: 20px 0 0 0;
}

.form-dadospessoais-cliente-correntista .linhas-form {
    padding: 5px;
    margin: 0;
    height: 25px
}

    .form-dadospessoais-cliente-correntista .linhas-form:nth-child(even) {
        background-color: transparent;
    }

    .form-dadospessoais-cliente-correntista .linhas-form:nth-child(odd) {
        background-color: #E5E2E1;
    }

    .form-dadospessoais-cliente-correntista .linhas-form label {
        font-weight: bold;
        margin-bottom: 0px !important;
    }

        .form-dadospessoais-cliente-correntista .linhas-form label:first-child {
            font-weight: normal;
            width: 170px;
        }

    .form-dadospessoais-cliente-correntista .linhas-form input[type=text] {
        width: 265px !important;
    }

    .form-dadospessoais-cliente-correntista .linhas-form input[type=email] {
        width: 195px;
    }

.form-dadospessoais-cliente-correntista input[disabled] {
    background-color: rgb(218, 218, 218);
}

.form-dadospessoais-cliente-correntista .selectStyled {
    width: 270px !important;
}

.form-dadospessoais-cliente-correntista .checkStyled {
    margin-top: 6px;
}

.form-renda-patrimonio .submit-form {
    padding: 10px 0 13px;
    margin: 20px 0 0 0;
}

.form-termos-propostas-modernizado .checkStyled {
    margin-top: 6px;
}

.form-termos-propostas-modernizado .submit-form {
    border-top: 1px solid #e6e2df;
    border-bottom: 1px solid #e6e2df;
    padding: 15px 0;
    text-align: right;
    margin: 0 0 5px 0;
}

.form-termos-propostas-modernizado .ico.tela-inteira {
    width: 18px;
    margin-bottom: 8px;
    margin-right: 2px;
    background-position: -21px 1px;
    float: right
}

.form-termos-propostas-modernizado .ico.imprimir {
    width: 18px;
    margin-bottom: 8px;
    margin-right: 2px;
    background-position: 0 -1px;
    float: right;
}

.form-termos-propostas-modernizado legend {
    max-width: 723px !important;
    padding-bottom: 3px !important;
}

.form-termos-propostas-modernizado span {
    margin-bottom: 0px !important;
}

.form-termos-propostas-modernizado .erro-ajax {
    margin: 10px 0 10px 0;
}

.form-dadosprofissionais-cliente-correntista .submit-form {
    padding: 10px 0 10px;
    margin: 20px 0 20px 0;
}

.form-dadosprofissionais-cliente-correntista .linhas-form {
    padding: 5px;
    margin: 0;
    height: 25px
}

    .form-dadosprofissionais-cliente-correntista .linhas-form:nth-child(even) {
        background-color: transparent;
    }

    .form-dadosprofissionais-cliente-correntista .linhas-form:nth-child(odd) {
        background-color: #E5E2E1;
    }

    .form-dadosprofissionais-cliente-correntista .linhas-form label {
        font-weight: bold;
        margin-bottom: 0px !important;
    }

        .form-dadosprofissionais-cliente-correntista .linhas-form label:first-child {
            font-weight: normal;
            width: 170px;
        }

    .form-dadosprofissionais-cliente-correntista .linhas-form input[type=text] {
        width: 265px !important;
    }

    .form-dadosprofissionais-cliente-correntista .linhas-form input[type=email] {
        width: 195px;
    }

.form-dadosprofissionais-cliente-correntista input[disabled] {
    background-color: rgb(218, 218, 218);
}

.form-dadosprofissionais-cliente-correntista .selectStyled {
    width: 270px !important;
}

.form-dadosprofissionais-cliente-correntista .checkStyled {
    margin-top: 6px;
}

.lista-definicoes-cliente dl {
    padding: 0;
    margin: 0;
}

.lista-definicoes-cliente:first-child dl {
    border-top: 1px solid #e6e2df;
}

    .lista-definicoes-cliente:first-child dl > dt:first-child {
        border-top: 2px solid #f8f7f6;
        padding-top: 5px;
    }

.lista-definicoes-cliente dt {
    position: relative;
    z-index: 1;
    cursor: pointer;
    font-family: Arial, Tahoma, Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #ff6400;
}

    .lista-definicoes-cliente dt .ico {
        position: absolute;
        background: url(../Img/Btn/icones.png) no-repeat 0 -375px;
        height: 25px;
        width: 25px;
    }

    .lista-definicoes-cliente dt .titulo {
        line-height: 25px;
        padding-left: 38px;
        display: block;
    }

    .lista-definicoes-cliente dt:hover .ico {
        background-position: 0 -400px;
    }

    .lista-definicoes-cliente dt:active .ico {
        background-position: 0 -425px;
    }

    .lista-definicoes-cliente dt.selected .ico {
        background-position: 0 -525px;
    }

    .lista-definicoes-cliente dt.selected .titulo {
        color: #ff6400;
    }

    .lista-definicoes-cliente dt.selected:hover .ico {
        background-position: 0 -550px;
    }

    .lista-definicoes-cliente dt.selected:active .ico {
        background-position: 0 -575px;
    }

.lista-definicoes-cliente dd {
    padding: 5px 0 0 38px;
    margin: 0;
    display: none;
}

    .lista-definicoes-cliente dd + dt {
        margin-top: 8px;
        padding-top: 8px;
        background: url(../Img/Bg/linhas.gif) repeat-x;
    }

.required-cliente-correntista::after {
    content: " *";
    color: #ff6400;
}

.dadospessoais-cliente-correntista h3.subtitulo-servicos {
    font-size: 16px;
    color: #FE7821;
    font-family: ItauDisplayBold;
    margin: 25px 0 25px;
    padding-left: 3px;
}

h2.cadastro-correntista-titulo-servicos {
    font-size: 32px;
    font-family: ItauDisplayRegular, Arial, Verdana;
    margin: 0;
    line-height: 100%;
    color: #FE7821;
}

    h2.cadastro-correntista-titulo-servicos:first-child {
        padding: 0 0 18px;
    }

    h2.cadastro-correntista-titulo-servicos .sem-borda {
        background: none;
        border: 0;
    }

/* Fim css novo cadastro */
/* Passo 1 */
.form-dadospessoais-correntista .submit-form {
    padding: 10px 0 20px;
    border: 0;
}

.form-dadospessoais-correntista .linhas-form {
    padding: 5px;
    margin: 0;
    height: 25px
}

    .form-dadospessoais-correntista .linhas-form:nth-child(even) {
        background-color: transparent;
    }

    .form-dadospessoais-correntista .linhas-form:nth-child(odd) {
        background-color: #E5E2E1;
    }

    .form-dadospessoais-correntista .linhas-form label {
        font-weight: bold;
        margin-bottom: 0px !important;
    }

        .form-dadospessoais-correntista .linhas-form label:first-child {
            font-weight: normal;
            width: 170px;
        }

    .form-dadospessoais-correntista .linhas-form input[type=text] {
        width: 275px;
    }

    .form-dadospessoais-correntista .linhas-form input[type=email] {
        width: 195px;
    }

.form-dadospessoais-correntista input[disabled] {
    background-color: rgb(218, 218, 218);
}

.form-dadospessoais-correntista .selectStyled {
    width: 180px !important;
}
/* Passo 2 */
.pagina-dadosprofissionais .linhas-form label {
    font-weight: bold;
}

.pagina-dadosprofissionais .linhas-form {
    padding: 5px;
    margin: 0;
    height: 30px
}

    .pagina-dadosprofissionais .linhas-form label {
        font-weight: bold;
        margin-bottom: 0px !important;
    }

        .pagina-dadosprofissionais .linhas-form label:first-child {
            font-weight: normal;
            width: 170px;
        }

    .pagina-dadosprofissionais .linhas-form.radioContainer {
        height: 210px;
    }

        .pagina-dadosprofissionais .linhas-form.radioContainer .rdContainer {
            width: 290px;
            height: 200px;
            position: relative;
            display: block;
            float: right;
            text-align: left
        }

.pagina-dadosprofissionais .alinhamento-rotulos {
    padding-left: 235px;
}

.pagina-dadosprofissionais input[type='text'] {
    width: 275px;
}

.pagina-dadosprofissionais input[disabled] {
    background-color: rgb(218, 218, 218);
}

.pagina-dadosprofissionais .formLoginNaoCorrentista input[type='text']#txtLogin {
    width: 163px;
}

.pagina-dadosprofissionais input[type='text']#vincOutros {
    margin-bottom: 15px;
}

.pagina-dadosprofissionais select {
    width: 282px !important;
}

.pagina-cadastro .box.aviso {
    margin-top: 10px;
}

    .pagina-cadastro .box.aviso .topo h2 {
        font-size: 16px;
        margin: 0 12px;
    }

    .pagina-cadastro .box.aviso .conteudo p {
        margin: 12px 0;
    }

    .pagina-cadastro .box.aviso .rodape {
        text-align: right;
        background: url(../Img/Bg/linha-branca.gif) repeat-x;
    }

        .pagina-cadastro .box.aviso .rodape .btn {
            margin-right: 12px;
            margin-left: 0;
            margin-bottom: 12px;
        }

/* Passo 3 */
.pagina-rendapatrimonio .linhas-form input[type='text'],
.pagina-gravarbensimoveis .linhas-form input[type='text'] {
    clear: left;
}

.pagina-rendapatrimonio input.endereco,
.pagina-gravarbensimoveis input.endereco {
    width: 295px;
}

.pagina-rendapatrimonio input.descricao,
.pagina-gravarbensimoveis input.descricao {
    width: 317px;
}

.pagina-rendapatrimonio input.rendimentos,
.pagina-gravarbensimoveis input.rendimentos {
    width: 344px;
}
/*.pagina-rendapatrimonio #content .linhas-form,*/
.pagina-gravarbensimoveis #content .linhas-form {
    padding-bottom: 20px;
}

.pagina-rendapatrimonio .total,
.pagina-gravarbensimoveis .total {
    float: right;
    margin-right: 5px;
}

    .pagina-rendapatrimonio .total label,
    .pagina-gravarbensimoveis .total label {
        font-weight: bold;
        float: left;
    }

    .pagina-rendapatrimonio .total input[type='text'],
    .pagina-gravarbensimoveis .total input[type='text'] {
        clear: none;
        width: 128px;
        text-align: center;
        color: #FE7821;
        height: 28px;
        background-color: #f5f3f2;
        border-color: #e0d9d4;
        box-shadow: 0 1px 1px #fff;
        font-size: 13px;
    }

.pagina-rendapatrimonio .bens-imoveis select,
.pagina-gravarbensimoveis .bens-imoveis select {
    width: 175px;
}

.pagina-rendapatrimonio .outros-bens select,
.pagina-rendapatrimonio .patrimonio-financeiro select,
.pagina-gravarbensimoveis .outros-bens select,
.pagina-gravarbensimoveis .patrimonio-financeiro select {
    width: 230px;
}

.pagina-rendapatrimonio .largura-minima select,
.pagina-gravarbensimoveis .largura-minima select {
    width: 65px;
}

.pagina-rendapatrimonio .bens-imoveis ul.selectStyled,
.pagina-gravarbensimoveis .bens-imoveis ul.selectStyled {
    clear: left;
}

.pagina-rendapatrimonio .outros-bens ul.selectStyled,
.pagina-rendapatrimonio .patrimonio-financeiro ul.selectStyled,
.pagina-gravarbensimoveis .outros-bens ul.selectStyled,
.pagina-gravarbensimoveis .patrimonio-financeiro ul.selectStyled {
    clear: left;
}

.pagina-rendapatrimonio table,
.pagina-gravarbensimoveis table {
    margin: 15px 0;
    width: 712px;
    clear: both;
}

    .pagina-rendapatrimonio table td.valores,
    .pagina-gravarbensimoveis table td.valores
    /* Passo 4 */
    .pagina-termospropostas fieldset {
        position: relative;
    }

.pagina-termospropostas legend {
    font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
    font-size: 15px;
    padding-bottom: 8px;
    max-width: 670px;
}

    .pagina-termospropostas legend span {
        border: 0;
    }

.pagina-termospropostas .menu-termos {
    position: absolute;
    top: 30px;
    right: 4px;
}

.pagina-termospropostas .conteiner3de4 p:first-child {
    margin-top: 0;
}

.pagina-termospropostas .tooltip.tipo1 {
    width: auto;
    margin-top: -10px;
}

    .pagina-termospropostas .tooltip.tipo1 .detalhe {
        top: 10px;
    }

.pagina-termospropostas .submit-form {
    margin-top: -5px;
}

.pagina-termospropostas #content label {
    width: 692px;
    float: left;
    text-align: left;
}

#blackout .popUp.box.medio.impressao h4 {
    color: #FE7821;
    font-size: 30px;
    font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
    line-height: 32px;
    margin: 15px 0;
}

#blackout .popUp.box.medio.impressao h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 12px 10px;
}

#blackout .popUp.box.medio.impressao .content p { /* margin:0 12px 10px; */
    padding: 0;
}

#blackout .popUp.box.medio.impressao .content {
    padding: 0;
}

    #blackout .popUp.box.medio.impressao .content .scroll-bloco {
        height: 410px;
        overflow: hidden;
    }

/* Passo 5 */
.pagina-confirmacao #subTitulo .topo h3 {
    font-size: 23px;
    color: #FE7821;
    font-weight: normal;
    font-family: ItauDisplayRegular, Arial, Verdana;
}

.pagina-confirmacao #channelChoice .box.tipo2 label {
    font-weight: bold;
    color: #FE7821;
}

.pagina-confirmacao #channelChoice .box.tipo2 .colunas-form {
    border-left: 1px solid #e0d9d4;
    width: 329px;
    padding: 14px;
    height: 136px;
}

    .pagina-confirmacao #channelChoice .box.tipo2 .colunas-form:first-child {
        border: 0;
    }

.pagina-confirmacao #channelChoice .box.tipo2 p.descricao {
    clear: left;
    padding: 0;
    margin: 0;
}

.pagina-confirmacao #channelChoice .submit-form {
    margin-top: 20px;
    padding: 15px 0 20px;
}

    .pagina-confirmacao #channelChoice .submit-form .obs {
        font-weight: bold;
        float: left;
        margin-top: 4px;
        max-width: 545px;
        text-align: left;
    }

/* Conclusão */
.pagina-conclusao .box.conclusao-obrigado .conteudo p {
    margin-bottom: 12px;
}

.pagina-conclusao .box.conclusao-obrigado .rodape {
    padding: 0;
}

    .pagina-conclusao .box.conclusao-obrigado .rodape .btn {
        margin: 12px;
    }

#pagina-perfil-questionariosuitabilitycontroleacesso .btn.continuar {
    float: right;
}

#pagina-perfil-questionariosuitabilitycontroleacesso label.responder_n {
    text-align: left;
    width: 450px;
    height: 45px;
}

.questionario-perfil {
    margin-left: 20px;
    padding-bottom: 12px;
}

    .questionario-perfil .rodape {
        text-align: right;
        padding-top: 30px;
    }

    .questionario-perfil .topo h3 {
        font-weight: normal;
    }

    .questionario-perfil .questoes .pergunta {
        font-weight: bold;
        margin: 0 0 10px;
    }

    .questionario-perfil .questoes .linhas-form {
        margin: 0 0 5px;
    }

        .questionario-perfil .questoes .linhas-form label {
            float: none;
            text-align: left;
            width: 400px;
        }

        .questionario-perfil .questoes .linhas-form.sub-respostas {
            margin-left: 20px;
        }

    .questionario-perfil .submit-form {
        padding-right: 0 !important;
        background: none;
    }

    .questionario-perfil hr {
        margin: 15px 0;
    }

    .questionario-perfil .lembrete p {
        margin: 10px 0;
    }

    .questionario-perfil .disclaimer p {
        margin: 5px 0;
    }

    .questionario-perfil .conteudo .disclaimer li {
        padding: 0;
        margin: 5px 0;
        background: none;
    }

.pagina-conclusao .box.questionario {
    margin: 0 0 0 20px;
}

    .pagina-conclusao .box.questionario .topo h2 {
        color: #FE7821;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        margin: 0 12px !important;
    }

    .pagina-conclusao .box.questionario .conteudo p {
        margin: 0 !important;
    }

    .pagina-conclusao .box.questionario .conteudo ul {
        margin: 13px 0;
    }

        .pagina-conclusao .box.questionario .conteudo ul li {
            background: none;
            padding: 2px 12px;
        }

            .pagina-conclusao .box.questionario .conteudo ul li span {
                font-weight: bold;
            }

    .pagina-conclusao .box.questionario .rodape .btn {
        margin: 12px;
    }

.pagina-conclusao .suitability .rodape {
    text-align: right;
}

.pagina-conclusao .explore-nossas-vantagens {
    float: right;
}

.pagina-conclusao .questionario-perfil-novo {
    margin-top: -15px;
}

    .pagina-conclusao .questionario-perfil-novo .rodape {
        display: none;
    }

    .pagina-conclusao .questionario-perfil-novo .box.dicas {
        border-top: none;
    }

        .pagina-conclusao .questionario-perfil-novo .box.dicas .boxBordaEsqUp,
        .pagina-conclusao .questionario-perfil-novo .box.dicas .boxBordaDirUp {
            display: none;
        }


/* Botões ================= */
.btn {
    background: url(../Img/Btn/botoes.gif) repeat-x;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-weight: bold;
    font-size: 11px;
    display: inline-block;
    padding: 0 20px;
    line-height: 23px;
}

    .btn.disabled,
    .btn.disabled input[type='submit'] {
        cursor: default;
    }

.opcoes-agrupadas .btn,
.opcoes-agrupadas .btn.secundario {
    border-right: 0;
    border-radius: 0;
    float: left;
}

    .opcoes-agrupadas .btn:hover,
    .opcoes-agrupadas .btn.secundario:hover {
        border-right: 0;
    }

    .opcoes-agrupadas .btn.primeiro {
        border-radius: 4px 0 0 4px;
    }

    .opcoes-agrupadas .btn.ultimo {
        border-radius: 0 4px 4px 0;
        border-right: 1px solid #DCDAD9;
    }

        .opcoes-agrupadas .btn.ultimo:hover {
            border-right: 1px solid #c7c4c2;
        }

/* Primario */
.btn.primario {
    border: 0;
    background-position: 0 -144px;
    color: #f9f8f7;
    padding: 0 21px;
    line-height: 25px;
    text-shadow: 0 1px 1px #29709d;
    text-decoration: none;
}

    .btn.primario:hover,
    .btn.primario:focus,
    .btn.primario.focus input[type=submit],
    .btn.primario:hover input[type=submit] {
        background-position: 0 -167px;
        text-shadow: 0 1px 1px #1a6191;
    }

    .btn.primario:active,
    .btn.primario.disabled,
    .btn.primario:active input[type=submit],
    .btn.primario.disabled input[type=submit] {
        border: 1px solid #dddcdb;
        background-position: 0 -119px;
        color: #7a7b7b;
        text-shadow: 0 1px 1px #f6f5f4;
        padding: 0 20px;
    }



/* Secundário */
.btn.secundario,
.btn.secundario input[type=submit] {
    border: 1px solid #dcdad9;
    background-position: 0 -72px;
    color: #2585c6;
    text-shadow: 0 1px 1px #fcfcfc;
    text-decoration: none;
}

    .btn.secundario:hover,
    .btn.secundario:focus,
    .btn.secundario:hover input[type=submit],
    .btn.secundario:focus input[type=submit] {
        border: 1px solid #c7c4c2;
        background-position: 0 -96px;
        text-shadow: 0 1px 1px #f8f8f8;
    }

    .btn.secundario:active,
    .btn.secundario.disabled,
    .btn.secundario:active input[type=submit],
    .btn.secundario.disabled input[type=submit] {
        border: 1px solid #dddcdb;
        background-position: 0 -120px;
        color: #7a7b7b;
        text-shadow: 0 1px 1px #f6f5f4;
    }

/* Terciário */
.btn.terciario,
.btn.terciario input[type=submit] {
    border: 1px solid #dddcdb;
    background-position: 0 0;
    color: #7a7b7b;
    text-shadow: 0 1px 1px #fff;
}

    .btn.terciario:hover,
    .btn.terciario:hover input[type=submit] {
        border: 1px solid #c7c4c2;
        background-position: 0 -24px;
        box-shadow: 0 0 1px #ccc;
    }

    .btn.terciario:active,
    .btn.terciario:active input[type=submit] {
        border: 1px solid #d2d1d0;
        background-position: 0 -48px;
        box-shadow: 0 0 1px #ccc;
    }
/* Submits */
div.btn {
    display: inline-block;
    padding: 0 !important;
    border: 0 !important;
    background: none; /*margin-top:-2px;*/
}

.btn input[type=submit] {
    cursor: pointer;
    padding: 4px 20px 3px;
    line-height: 0;
    height: 24px;
    border: 0;
    margin: 0;
    background: url(../Img/Btn/botoes.gif) repeat-x;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-weight: bold;
    font-size: 11px;
}

.btn.primario input[type=submit] {
    background-position: 0 -144px;
    color: #F9F8F7;
    text-shadow: 0 1px 1px #29709d;
}

.btn.primario:active input[type=submit],
.btn.primario.disabled input[type=submit] {
    background-position: 0 -193px;
    color: #7a7b7b;
    text-shadow: 0 1px 1px #f6f5f4;
    height: 24px;
    padding: 0 19px;
    padding-top: 3px;
}
/* Sem texto */
.btn-sem-texto {
    background: url(../Img/Btn/icones.png);
    display: inline-block;
    height: 25px;
    width: 25px;
    text-indent: -9999px;
    border: none;
}

    .btn-sem-texto.adicionar {
        background-position: 0 0;
    }

        .btn-sem-texto.adicionar:hover {
            background-position: 0 -25px;
        }

        .btn-sem-texto.adicionar:active {
            background-position: 0 -50px;
        }

    .btn-sem-texto.remover {
        background-position: 0 -75px;
    }

        .btn-sem-texto.remover:hover {
            background-position: 0 -100px;
        }

        .btn-sem-texto.remover:active,
        .btn-sem-texto.remover.disabled {
            background-position: 0 -125px;
        }

    .btn-sem-texto.adicionar2 {
        background-position: 0 -150px;
    }

        .btn-sem-texto.adicionar2:hover {
            background-position: 0 -175px;
        }

        .btn-sem-texto.adicionar2:active {
            background-position: 0 -200px;
        }

    .btn-sem-texto.interrogacao {
        background-position: 0 -225px;
    }

        .btn-sem-texto.interrogacao:hover {
            background-position: 0 -250px;
        }

        .btn-sem-texto.interrogacao:active {
            background-position: 0 -275px;
        }

    .btn-sem-texto.lapis {
        background-position: 0 -300px;
    }

        .btn-sem-texto.lapis:hover {
            background-position: 0 -325px;
        }

        .btn-sem-texto.lapis:active {
            background-position: 0 -350px;
        }

    .btn-sem-texto.proximo {
        background-position: 0 -375px;
    }

        .btn-sem-texto.proximo:hover {
            background-position: 0 -400px;
        }

        .btn-sem-texto.proximo:active {
            background-position: 0 -425px;
        }

        .btn-sem-texto.proximo.active {
            background-position: 0 -575px;
        }

    .btn-sem-texto.anterior {
        background-position: 0 -450px;
    }

        .btn-sem-texto.anterior:hover {
            background-position: 0 -475px;
        }

        .btn-sem-texto.anterior:active {
            background-position: 0 -500px;
        }

    .btn-sem-texto.inferior {
        background-position: 0 -525px;
    }

        .btn-sem-texto.inferior:hover {
            background-position: 0 -550px;
        }

        .btn-sem-texto.inferior:active {
            background-position: 0 -575px;
        }

    .btn-sem-texto.seta-para-cima {
        background-position: 0 -600px;
    }

        .btn-sem-texto.seta-para-cima:hover {
            background-position: 0 -625px;
        }

        .btn-sem-texto.seta-para-cima:active {
            background-position: 0 -650px;
        }

    .btn-sem-texto.seta-para-baixo {
        background-position: 0 -675px;
    }

        .btn-sem-texto.seta-para-baixo:hover {
            background-position: 0 -700px;
        }

        .btn-sem-texto.seta-para-baixo:active {
            background-position: 0 -725px;
        }

    .btn-sem-texto.seta-para-direita {
        background-position: 0 -750px;
    }

        .btn-sem-texto.seta-para-direita:hover {
            background-position: 0 -775px;
        }

        .btn-sem-texto.seta-para-direita:active {
            background-position: 0 -800px;
        }

    .btn-sem-texto.seta-para-esquerda {
        background-position: 0 -825px;
    }

        .btn-sem-texto.seta-para-esquerda:hover {
            background-position: 0 -850px;
        }

        .btn-sem-texto.seta-para-esquerda:active {
            background-position: 0 -875px;
        }

    .btn-sem-texto.fullscreen {
        background-position: 0 -900px;
    }

        .btn-sem-texto.fullscreen:hover {
            background-position: 0 -925px;
        }

        .btn-sem-texto.fullscreen:active {
            background-position: 0 -950px;
        }

    .btn-sem-texto.leilao {
        background-position: 0 -975px;
    }

    .btn-sem-texto.atualizar {
        background-position: 0 -1050px;
    }

        .btn-sem-texto.atualizar:hover {
            background-position: 0 -1075px;
        }

        .btn-sem-texto.atualizar:active,
        .btn-sem-texto.atualizar.disabled {
            background-position: 0 -1100px;
        }

    .btn-sem-texto.lanc-automaticos {
        background-position: 0 -1125px;
    }

        .btn-sem-texto.lanc-automaticos:hover {
            background-position: 0 -1150px;
        }

        .btn-sem-texto.lanc-automaticos:active,
        .btn-sem-texto.lanc-automaticos.ativo {
            background-position: 0 -1175px;
        }

    .btn-sem-texto.superior {
        background-position: 0 -1200px;
    }

        .btn-sem-texto.superior:hover {
            background-position: 0 -1225px;
        }

        .btn-sem-texto.superior:active,
        .btn-sem-texto.superior.ativo {
            background-position: 0 -1250px;
        }

    .btn-sem-texto.diario {
        background-position: 0 -1350px;
    }

        .btn-sem-texto.diario:hover {
            background-position: 0 -1375px;
        }

        .btn-sem-texto.diario:active,
        .btn-sem-texto.diario.ativo {
            background-position: 0 -1400px;
        }

    .btn-sem-texto.restaurar {
        background-position: 0 -1275px;
    }

        .btn-sem-texto.restaurar:hover {
            background-position: 0 -1300px;
        }

        .btn-sem-texto.restaurar:active,
        .btn-sem-texto.restaurar.ativo {
            background-position: 0 -1325px;
        }

    .btn-sem-texto.intraday {
        background-position: 0 -1425px;
    }

        .btn-sem-texto.intraday:hover {
            background-position: 0 -1450px;
        }

        .btn-sem-texto.intraday:active,
        .btn-sem-texto.intraday.ativo {
            background-position: 0 -1475px;
        }

    .btn-sem-texto.com-texto {
        width: auto;
        text-indent: 0;
        padding-right: 30px;
        line-height: 25px;
        background-repeat: no-repeat;
    }

.btn-midias {
    background: url(../Img/Ico/midias.png);
    display: inline-block;
    height: 25px;
    width: 25px;
}

    .btn-midias.in {
        background-position: 0 0;
    }

        .btn-midias.in:hover {
            background-position: 0 -25px;
        }

    .btn-midias.rss {
        background-position: -20px 0;
    }

        .btn-midias.rss:hover {
            background-position: -20px -25px;
        }

    .btn-midias.twitter {
        background-position: -44px 0;
    }

        .btn-midias.twitter:hover {
            background-position: -44px -25px;
        }

    .btn-midias.youtube {
        background-position: -69px 0;
    }

        .btn-midias.youtube:hover {
            background-position: -69px -25px;
        }

    .btn-midias.facebook {
        background-position: -89px 0;
    }

        .btn-midias.facebook:hover {
            background-position: -89px -25px;
        }

input[type=submit].btn-sem-texto {
    cursor: pointer;
    border: 0;
    font-size: 0;
    line-height: 0;
    background: url(../img/btn/icones.png);
    display: inline-block;
    height: 25px;
    width: 25px;
    text-indent: -9999px;
}

    input[type=submit].btn-sem-texto.adicionar2 {
        background-position: 0 -150px;
    }

        input[type=submit].btn-sem-texto.adicionar2:hover {
            background-position: 0 -175px;
        }

        input[type=submit].btn-sem-texto.adicionar2:active {
            background-position: 0 -200px;
        }

/* botões com width especial */
.btn.primario.comprar2, .btn.primario.comprar2:hover, .btn.primario.comprar2:active, .btn.primario.comprar2.disabled,
.btn.primario.vender2, .btn.primario.vender2:hover, .btn.primario.vender2:active, .btn.primario.vender2.disabled {
    width: 112px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.btn .ico.msg-atualizar {
    padding-right: 6px;
}

.btn .ico.abre-lista {
    margin-left: 6px;
}

.btn.disabled .ico.abre-lista,
.btn:active .ico.abre-lista {
    background-position: -235px -33px;
}

.btn .ico.adicionar {
    margin-left: 6px;
}

.btn .ico.remover {
    margin-right: 6px;
}

.optn-conteiner {
    position: absolute;
    top: 7px;
    right: 7px;
    float: right;
}

.box.ajuda .optn-conteiner {
    top: 10px;
}

.optn-boxes {
    background: url(../Img/Ico/ico-widget.png);
    height: 15px;
    width: 14px;
    text-indent: 9999px;
    float: left;
    margin-left: 5px;
    position: relative;
}

    .optn-boxes.minimizar {
        background-position: -14px 0;
    }

        .optn-boxes.minimizar:hover {
            background-position: -14px -15px;
        }

        .optn-boxes.minimizar.maximizar {
            background-position: 0 0;
        }

            .optn-boxes.minimizar.maximizar:hover {
                background-position: 0 -15px;
            }

    .optn-boxes.fechar {
        background-position: -28px 0;
    }

        .optn-boxes.fechar:hover {
            background-position: -28px -15px;
        }

    .optn-boxes.ferramentas {
        background-position: -56px 0;
    }

        .optn-boxes.ferramentas:hover {
            background-position: -56px -15px;
        }

    .optn-boxes.opcoes {
        background-position: -42px 0;
    }

        .optn-boxes.opcoes:hover {
            background-position: -42px -15px;
        }

    .optn-boxes.grafico {
        background-position: -70px 0;
    }

        .optn-boxes.grafico:hover {
            background-position: -70px -15px;
        }

    .optn-boxes.colunas {
        background-position: -98px 0;
    }

        .optn-boxes.colunas:hover {
            background-position: -98px -15px;
        }

    .optn-boxes.tela,
    .optn-boxes.duplicar {
        background-position: -84px 0;
    }

        .optn-boxes.tela:hover,
        .optn-boxes.duplicar:hover {
            background-position: -84px -15px;
        }

    .optn-boxes.painel {
        background-position: -112px 0;
    }

        .optn-boxes.painel:hover {
            background-position: -112px -15px;
        }




/*  ===============
    Páginas
    ===============  */
.explore .abas li {
    width: 240px;
}

.explore .conteiner1de2 {
    width: 470px;
}

    .explore .conteiner1de2.lista {
        float: right;
        width: 450px;
    }

    .explore .conteiner1de2 p {
        margin-bottom: 20px;
    }

.explore .subheader {
    background: none;
    padding: 0;
}

    .explore .subheader h2 {
        height: auto;
        padding: 0 0 10px 0;
    }

.explore .lista-conteudos {
    margin-top: 30px;
    list-style-type: none;
}

.pagina-comocomecar .btn-sem-texto.interrogacao {
    vertical-align: text-bottom;
    margin: 0 5px;
}

.pagina-comocomecar .box.tipo2.faq,
.pagina-comocomecar .box.tipo2.atendimento {
    margin-left: 10px;
    width: 231px;
    color: #6F6E6B;
    font-size: 12px;
}

    .pagina-comocomecar .box.tipo2.faq .conteudo {
        padding-bottom: 0;
    }

        .pagina-comocomecar .box.tipo2.faq .conteudo li {
            padding: 12px 15px;
        }

.pagina-comocomecar h2.titulo.como-comecar {
    height: 126px;
    margin-top: 13px;
}

.pagina-comocomecar .box.cadastre-se {
    margin-left: 0px;
    height: 444px;
}

.pagina-comocomecar #waterwheel-carousel-default {
    width: 960px;
    height: 345px;
    font-family: Arial;
    font-size: 14px;
    position: relative;
    clear: both;
}

    .pagina-comocomecar #waterwheel-carousel-default .carousel-images img {
        visibility: hidden;
    }

    .pagina-comocomecar #waterwheel-carousel-default .carousel-controls .carousel-prev {
        position: absolute;
        bottom: 130px;
        left: 0;
        width: 40px;
        height: 70px;
        background: url(../Img/institucional/comocomecar/seta-grande-esquerda.png) no-repeat;
        text-indent: -9999px;
        cursor: pointer;
    }

        .pagina-comocomecar #waterwheel-carousel-default .carousel-controls .carousel-prev:hover {
            background-position: -1px -71px;
        }

    .pagina-comocomecar #waterwheel-carousel-default .carousel-controls .carousel-next {
        position: absolute;
        bottom: 130px;
        right: 0;
        width: 40px;
        height: 70px;
        background: url(../Img/institucional/comocomecar/seta-grande-direita.png) no-repeat;
        text-indent: -9999px;
        cursor: pointer;
    }

        .pagina-comocomecar #waterwheel-carousel-default .carousel-controls .carousel-next:hover {
            background-position: 1px -71px;
        }

.pagina-comocomecar .wrap-fases-cadastro div.fases-cadastro {
    background-image: url(../Img/institucional/comocomecar/como-comecar-passo-a-passo-full.png);
    width: 963px;
    height: 49px;
}

    .pagina-comocomecar .wrap-fases-cadastro div.fases-cadastro.fases-conteudo {
        background-image: url(../Img/institucional/comocomecar/barra-progresso.png);
    }

.pagina-comocomecar .wrap-fases-cadastro div.step-1 {
    background-position: 0 0;
}

.pagina-comocomecar .wrap-fases-cadastro div.step-2 {
    background-position: 0 -49px;
}

.pagina-comocomecar .wrap-fases-cadastro div.step-3 {
    background-position: 0 -98px;
}

.pagina-comocomecar .wrap-fases-cadastro div.step-4 {
    background-position: 0 -147px;
}

.pagina-comocomecar .wrap-fases-cadastro div.step-5 {
    background-position: 0 -196px;
}

.pagina-comocomecar .conteiner3de4 .conteiner1de4 {
    width: 223px !important;
}

    .pagina-comocomecar .conteiner3de4 .conteiner1de4 + .conteiner1de4,
    .pagina-comocomecar .conteiner3de4 .conteiner1de4 + .conteiner2de4 {
        margin-left: 20px;
    }

.pagina-comocomecar .conteiner3de4 .conteiner2de4 {
    width: 480px;
}

.pagina-comocomecar .conteiner3de4 .conteiner1de4 .box {
    margin: 0;
}

.pagina-comocomecar .box.como-comecar.compre-venda,
.pagina-comocomecar .box.como-comecar.evolua {
    margin-top: 20px;
}

.pagina-comocomecar .box.como-comecar .conteudo {
    min-height: 96px;
}

.pagina-comocomecar .box.como-comecar .conteudo,
.pagina-comocomecar .box.cadastre-se {
    color: #6F6E6B;
    font-size: 12px;
}

    .pagina-comocomecar .box.cadastre-se .divisao + h2 {
        margin-top: 7px;
    }

.pagina-comocomecar .menu-passos {
    margin-top: 0;
}

    .pagina-comocomecar .menu-passos li {
        cursor: pointer;
    }

        .pagina-comocomecar .menu-passos li:hover .descricao {
            color: #FF6400;
        }

.pagina-comocomecar .submit-form {
    border: 0;
    margin: 0 170px 20px 0;
}

.pagina-diferenciais h1.titulo.como-comecar {
    position: relative;
    margin: 10px 0 20px;
}

.pagina-diferenciais h2.titulo.como-comecar {
    position: relative;
    margin: 10px 0 20px;
}

.pagina-diferenciais .box.destaque-lateral .conteudo {
    padding-bottom: 0;
}

.pagina-diferenciais .box.destaque-lateral .rodape {
    background: none;
    padding-top: 10px;
}

    .pagina-diferenciais .box.destaque-lateral .rodape a {
        margin: 0 15px;
        display: block;
    }

.pagina-diferenciais .coluna-texto, .pagina-diferenciais .coluna-texto2, .pagina-diferenciais .coluna-texto3 {
    margin-top: 20px;
}

.pagina-diferenciais .conteiner1de4.coluna-texto {
    width: 221px;
    padding-right: 10px;
}

.pagina-diferenciais .conteiner1de4.coluna-texto2 {
    width: 221px;
    padding-left: 10px;
}

.pagina-diferenciais .conteiner1de4.coluna-texto3 {
    width: 226px;
    padding-right: 15px;
}

.pagina-diferenciais .conteiner2de4.coluna-texto {
    width: 462px;
    padding-right: 20px;
}

.pagina-diferenciais .coluna-texto p:first-child, .pagina-diferenciais .coluna-texto2 p:first-child, .pagina-diferenciais .coluna-texto3 p:first-child {
    margin-top: 0;
}

.pagina-diferenciais .conteiner2de4.coluna-video {
    margin-top: 20px;
}

.pagina-diferenciais .novo-mosaico {
    background-image: url(../Img/institucional/diferenciais/Diferenciais-full.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 963px;
    height: 361px;
    position: relative;
    overflow: hidden;
    clear: both;
    float: left;
    margin: 20px 0 6px 0;
}

    .pagina-diferenciais .novo-mosaico .box-posicionada {
        z-index: 10003;
    }

    .pagina-diferenciais .novo-mosaico .box-posicionada {
        z-index: 10003;
    }

.pagina-diferenciais .mosaico1 {
    width: 481px;
    height: 272px;
    top: 0px;
    left: 0px;
}

.pagina-diferenciais .mosaico2 {
    width: 320px;
    height: 89px;
    top: 272px;
    left: 0px;
}

.pagina-diferenciais .mosaico3 {
    width: 161px;
    height: 89px;
    top: 272px;
    left: 320px;
}

.pagina-diferenciais .mosaico4 {
    width: 161px;
    height: 181px;
    top: 180px;
    left: 481px;
}

.pagina-diferenciais .mosaico5 {
    width: 321px;
    height: 180px;
    top: 0px;
    left: 481px;
}

.pagina-diferenciais .mosaico6 {
    width: 321px;
    height: 92px;
    top: 180px;
    left: 642px;
}

.pagina-diferenciais .mosaico7 {
    width: 321px;
    height: 89px;
    top: 272px;
    left: 642px;
}

.pagina-diferenciais .mosaico8 {
    width: 161px;
    height: 180px;
    top: 0px;
    left: 802px;
}

.pagina-diferenciais .novo-mosaico div.box-posicionada:hover {
    background-image: url(../Img/institucional/diferenciais/Diferenciais-full.jpg);
    background-repeat: no-repeat;
    width: 963px;
    height: 385px;
    top: 0;
    left: 0;
    z-index: 10002;
}

.pagina-diferenciais .novo-mosaico div.box-posicionada.mosaico1:hover {
    background-position: 0 -385px;
}

.pagina-diferenciais .novo-mosaico div.box-posicionada.mosaico2:hover {
    background-position: 0 -770px;
}

.pagina-diferenciais .novo-mosaico div.box-posicionada.mosaico3:hover {
    background-position: 0 -1155px;
}

.pagina-diferenciais .novo-mosaico div.box-posicionada.mosaico4:hover {
    background-position: 0 -1540px;
}

.pagina-diferenciais .novo-mosaico div.box-posicionada.mosaico5:hover {
    background-position: 0 -1925px;
}

.pagina-diferenciais .novo-mosaico div.box-posicionada.mosaico6:hover {
    background-position: 0 -2310px;
}

.pagina-diferenciais .novo-mosaico div.box-posicionada.mosaico7:hover {
    background-position: 0 -2694px;
}

.pagina-diferenciais .novo-mosaico div.box-posicionada.mosaico8:hover {
    background-position: 0 -3078px;
}

.box-posicionada {
    float: left;
    left: 0;
    position: absolute;
    top: 0;
    overflow: hidden;
}

ul.box-perguntas {
    width: 722px;
    float: left;
    margin-bottom: 30px;
}

    ul.box-perguntas li {
        background: url("../Img/bg/linha-perguntas.png") repeat-x scroll left bottom transparent;
        float: left;
        padding: 3px 0 8px;
        width: 722px;
    }

        ul.box-perguntas li p {
            display: none;
        }

        ul.box-perguntas li.accordion-aberto a {
            color: #FE7821;
        }

        ul.box-perguntas li.accordion-aberto p {
            display: block;
            float: left;
            margin: 6px 0 10px 34px;
            width: 680px;
        }

.pagina-atendimento .TituloFAQ {
    color: #ff6600;
    font-size: 16px;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
}

.pagina-atendimento .TituloMidias {
    color: #262626;
    font-size: 16px;
    display: block;
    padding-bottom: 10px;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
}

.pagina-atendimento .conteiner1de4 .menu-lateral {
    margin: 0 0 20px 0;
    font-size: 11px;
    width: 221px;
}

.pagina-atendimento .linhaperguntas {
    background: url("../Img/bg/linha-perguntas.png") repeat-x scroll left bottom transparent;
    float: left;
    padding: 3px 0 8px;
    width: 722px;
}

.pagina-atendimento ul.box-perguntas li a.icon-seta, ul.box-perguntas li.accordion-aberto a.icon-seta {
    background: url(../Img/institucional/atendimento/seta-accordion.png) no-repeat left top;
    float: left;
    cursor: pointer;
    background-position: 0 0;
    padding: 5px 0 5px 30px;
}

.pagina-atendimento ul.box-perguntas li a:hover.icon-seta, ul.box-perguntas li.accordion-aberto a:hover.icon-seta {
    background-position: 0 -26px;
}

.pagina-atendimento ul.box-perguntas li a:active.icon-seta, ul.box-perguntas li.accordion-aberto a:active.icon-seta {
    background-position: 0 -52px;
}

.pagina-atendimento .lista-definicoes p {
    margin-top: 0px !important;
}

.pagina-atendimento .lista-definicoes {
    clear: both;
    margin-top: 10px;
}

.pagina-atendimento.pagina-consultoronline .topo {
    padding: 12px 0;
}

.pagina-atendimento .box.tipo2 ul.conteudo {
    padding: 0 0 6px;
}

.pagina-atendimento.pagina-consultoronline .conteiner2de4 {
    padding-left: 15px;
    width: 467px;
}

.pagina-atendimento .conteiner1de4.email {
    width: 341px;
}

    .pagina-atendimento .conteiner1de4.email .obs {
        margin-bottom: 15px;
        color: #8C8B89;
        background: url(../Img/bg/linha-branca.gif) repeat-x bottom;
        padding-bottom: 15px;
    }

.pagina-atendimento .conteiner2de4.forms {
    width: 382px;
}

.pagina-atendimento .forms-contato {
    margin-left: 21px;
}

    .pagina-atendimento .forms-contato .abas li {
        width: 119px;
    }

    .pagina-atendimento .forms-contato .conteudo {
        clear: both;
        margin-top: 10px;
    }

    .pagina-atendimento .forms-contato .linhas-form {
        margin: 5px;
        height: auto;
    }

    .pagina-atendimento .forms-contato .invisivel {
        font-size: 12px;
        float: none;
        padding-bottom: 5px;
    }

    .pagina-atendimento .forms-contato label {
        display: block;
        float: none;
        text-align: left;
        height: auto;
    }

    .pagina-atendimento .forms-contato .assunto select {
        width: 258px;
    }

    .pagina-atendimento .forms-contato .jspContainer li {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 213px;
        white-space: nowrap;
    }

    .pagina-atendimento .forms-contato .assunto label {
        margin-bottom: 5px;
    }

    .pagina-atendimento .forms-contato .mensagem .box {
        float: left;
        width: 354px;
        margin-top: 5px;
    }

    .pagina-atendimento .forms-contato .tipo-tel {
        width: 150px;
    }

    .pagina-atendimento .forms-contato #tipoTelD,
    .pagina-atendimento .forms-contato #tipoTelS,
    .pagina-atendimento .forms-contato #tipoTelR {
        width: 139px;
    }

/* Pessoas vinculadas ========== */
.pagina-pessoasvinculadas .conteiner1de2.coluna-1 {
    padding-right: 10px;
    width: 472px;
}

.pagina-pessoasvinculadas .conteiner1de2 table {
    margin: 15px 0;
}

    .pagina-pessoasvinculadas .conteiner1de2 table:first-child {
        margin-bottom: 35px;
    }

.pagina-pessoasvinculadas .conteiner1de2.coluna-2 {
    padding-left: 10px;
    width: 472px;
}


/* Fundos Imobiliários =================== */
.fundo-comparacao {
    margin: 20px 0 0;
}

    .fundo-comparacao thead tr {
        background: none;
    }

    .fundo-comparacao thead th {
        background: none;
        color: #FE7821;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        padding-left: 0;
        padding-right: 0;
    }

    .fundo-comparacao tbody td {
        padding-left: 0;
        padding-right: 0;
    }

    .fundo-comparacao .versus {
        width: 38px;
        background: #f5f3f2;
        border-top: 1px solid #dddcdb;
        border-bottom: 1px solid #dddcdb;
        position: relative;
        display: block;
    }

        .fundo-comparacao .versus span {
            display: inline-block;
            background: url(../Img/Ico/versus.png) no-repeat;
            width: 18px;
            height: 20px;
            text-indent: -9999px;
            position: absolute;
            top: 50%;
            margin-top: -10px;
            margin-left: 10px;
        }

    .fundo-comparacao tbody .duas-linhas .box .conteudo,
    .fundo-comparacao tbody .duas-linhas .versus {
        height: 58px;
        padding: 10px 0;
    }

    .fundo-comparacao tbody .tres-linhas .box .conteudo,
    .fundo-comparacao tbody .tres-linhas .versus {
        height: 74px;
        padding: 10px 0;
    }

    .fundo-comparacao tbody .quatro-linhas .box .conteudo,
    .fundo-comparacao tbody .quatro-linhas .versus {
        height: 90px;
        padding: 10px 0;
    }

.pagina-fundoinvestimentoimob .abas li {
    width: 240px;
}

/* Como Investir */

.pagina-comoinvestir .content-principal .box.tipo2 .topo + .conteudo {
    height: 90px;
}

.pagina-comoinvestir .content-principal .primeiro-box-lateral {
    width: 226px;
}

    .pagina-comoinvestir .content-principal .primeiro-box-lateral .box-lateral {
        margin-left: 0;
    }

.pagina-comoinvestir .content-principal h1 {
    margin-top: 20px;
    line-height: 25px;
    margin-right: 14px;
}

.pagina-comoinvestir .content-principal .disclaimer {
    padding-top: 30px;
    clear: both;
}

.pagina-comoinvestir h3.subtitulo-servicos, h3.resultado-busca {
    margin: 20px 0px 0px;
    padding-left: 0px;
}

.pagina-comoinvestir .content-principal h1.alinhar-direita {
    text-align: right;
    padding-top: 10px;
}

.pagina-comoinvestir .texto-secundario {
    margin-top: 19px;
    padding-left: 0px;
}

    .pagina-comoinvestir .texto-secundario p {
        padding-left: 7px;
        padding-right: 7px;
    }

.pagina-comoinvestir .content-principal .subtitulo-destaque {
    background: none;
    font-size: 18px;
    padding: 20px 0 15px;
}

/* Relação */

.table-fundos-imob tr td.nome-fundos {
    text-overflow: ellipsis;
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
}

.table-fundos-imob table {
    table-layout: fixed;
}

    .table-fundos-imob table th:first-child {
        width: 110px;
    }

/*  =====
    Busca
    ===== */
.pagina-busca #content h2 {
    font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
    font-size: 32px;
    line-height: 100%;
    margin: 0;
    padding: 6px 0 18px;
}

    .pagina-busca #content h2 .palavra-chave {
        color: #55544F;
    }

.pagina-busca .colunas-form {
    height: 25px;
    margin: 10px 0;
}

    .pagina-busca .colunas-form p {
        margin-top: 4px;
    }

    .pagina-busca .colunas-form.nova-busca {
        border-left: 1px solid #DDD9D8;
        padding: 0 15px;
        margin: 10px 0;
    }

        .pagina-busca .colunas-form.nova-busca input[type=text] {
            width: 300px;
        }

        .pagina-busca .colunas-form.nova-busca .btn {
            margin-top: 0;
        }

        .pagina-busca .colunas-form.nova-busca label {
            font-weight: bold;
        }

.pagina-busca hr {
    margin: 15px 0;
}

.pagina-busca h3 {
    color: #FE7821;
    margin: 10px 0;
    font-size: 15px;
}

.pagina-busca .listagem-links {
    margin-bottom: 10px;
}

.pagina-busca .conteiner1de4.buscas-recentes .box {
    margin: 0 0 20px 20px;
    font-size: 11px;
    width: 221px;
}

    .pagina-busca .conteiner1de4.buscas-recentes .box .topo {
        padding-left: 0;
        padding-right: 0;
        background: none;
    }

.pagina-busca #content .conteiner1de4 .box .topo h2 {
    font-size: 16px;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    padding: 0;
    margin: 0 12px;
}

.pagina-busca .conteiner1de4.buscas-recentes .box.primeiro {
    margin-top: 10px;
}

.pagina-busca .conteiner1de4 .box .conteudo {
    padding: 0;
}

    .pagina-busca .conteiner1de4 .box .conteudo li {
        padding: 10px 15px 5px;
        background: url(../Img/Bg/linhas.gif) repeat-x;
    }

        .pagina-busca .conteiner1de4 .box .conteudo li.ativo a {
            color: #FE7821;
        }

        .pagina-busca .conteiner1de4 .box .conteudo li:first-child {
            background: none;
        }

.pagina-busca .conteiner1de4 .box p.data-assunto {
    margin: 0;
    padding: 0;
    color: #6F6E6B;
}

.pagina-busca .conteiner1de4 .box.tipo2 .rodape {
    background: #F2F0EE url(../Img/Bg/linhas.gif) repeat-x;
    padding: 15px 0 12px;
}

    .pagina-busca .conteiner1de4 .box.tipo2 .rodape a {
        margin-left: 15px;
    }

.pagina-busca .conteiner1de4.filtro .box {
    margin: 0 20px 20px 0;
    font-size: 11px;
    width: 221px;
}

.pagina-busca .conteiner1de4.filtro h3 {
    color: #55544F;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    margin: 15px 15px 0;
}

.pagina-busca .conteiner1de4.filtro .conteudo ul {
    margin-bottom: 15px;
    background: url(../Img/Bg/linha-branca.gif) repeat-x bottom;
    padding-bottom: 15px;
}

.pagina-busca .conteiner1de4.filtro .conteudo li {
    background: none;
    padding-bottom: 0;
    padding-top: 5px;
    position: relative;
}

    .pagina-busca .conteiner1de4.filtro .conteudo li label {
        float: none;
        line-height: normal;
        height: auto;
    }

    .pagina-busca .conteiner1de4.filtro .conteudo li .radioStyled {
        margin-top: 5px;
    }

.pagina-busca .conteiner1de4.filtro .conteudo ul li ul {
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.pagina-busca .conteiner1de4.filtro .conteudo ul li a {
    display: block;
}

.pagina-busca .conteiner1de4.filtro .conteudo ul li.selected > a {
    background: #dedddb;
    padding: 3px 5px;
}

    .pagina-busca .conteiner1de4.filtro .conteudo ul li.selected > a span {
        position: absolute;
        right: 20px
    }

    .pagina-busca .conteiner1de4.filtro .conteudo ul li.selected > a:hover span {
        background-position: -28px -15px;
    }

.pagina-busca .conteiner1de4.filtro .conteudo ul li.selected ul li {
    background: url(../Img/Bg/bg-subpastas.png) no-repeat top left;
}

    .pagina-busca .conteiner1de4.filtro .conteudo ul li.selected ul li.last {
        background: url(../Img/Bg/bg-subpastas-last.png) no-repeat top left;
    }

    .pagina-busca .conteiner1de4.filtro .conteudo ul li.selected ul li a {
        padding: 3px 5px;
    }

        .pagina-busca .conteiner1de4.filtro .conteudo ul li.selected ul li a span {
            right: 5px;
        }

    .pagina-busca .conteiner1de4.filtro .conteudo ul li.selected ul li.selected {
        padding-right: 0;
    }

.colunas-form.qtd-total p {
    margin-left: 10px;
    font-weight: bold;
}

.colunas-form.qtd-por-pagina {
    float: right;
    margin-right: 5px;
}

.pagina-busca .colunas-form.qtd-por-pagina form {
    float: left;
}

.colunas-form.qtd-por-pagina label {
    font-weight: bold;
}

.pagina-busca .abas-compra {
    margin-top: 10px;
}

.pagina-busca #content .box.resumo .topo h2 {
    font-size: 16px;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    padding: 0;
    margin: 0 12px;
}

.resultados {
    margin-top: 20px;
}

    .resultados .item {
        margin-top: 15px;
        background: url(../Img/bg/linha-branca.gif) repeat-x top;
        padding-top: 15px;
    }

        .resultados .item:first-child {
            margin-top: 0;
            padding: 0;
            background: none;
        }

    .resultados .data-hora {
        font-weight: bold;
        font-size: 11px;
        color: #55544F;
    }

    .resultados h3 {
        font-size: 12px;
        font-family: Arial, Tahoma, Verdana;
        margin: 4px 0;
    }

    .resultados .paginacao {
        margin-top: 15px;
    }

.pagina-semresultado .colunas-form.nova-busca {
    width: 90%;
}

/* ==============
   Página de erro
   ==============  */
.pagina-erro #content hr {
    margin: 15px 0;
}

.pagina-erro #content h2 {
    margin-bottom: 10px;
}

.pagina-erro .mensagem-erro {
    width: 100%;
    word-wrap: break-word;
}

.pagina-erro .scroll-bloco {
    height: 200px;
    width: 100%;
}

.pagina-acessonegado .alerta-conteiner {
    background: url(../Img/Ico/alerta-pagina.png) 0 7px no-repeat;
    min-height: 100px;
}

    .pagina-acessonegado .alerta-conteiner .dicas {
        margin-left: 40px;
        width: 600px;
    }

/* ===============
   Site fora do ar
   ===============  */
.pagina-foradoar #header {
    min-height: 56px;
}

.pagina-foradoar #content {
    min-height: 250px;
}

.pagina-foradoar .alerta-conteiner {
    background: url(../Img/Ico/alerta-offline.png) 0 0 no-repeat;
    min-height: 100px;
    width: 660px;
    margin: 0 auto;
    margin-top: 60px;
    text-align: center;
}

    .pagina-foradoar .alerta-conteiner .dicas {
        margin-left: 60px;
        width: 600px;
    }

.pagina-foradoar #footer {
    min-height: 20px;
}

/* ==========
	Accordion
	=========  */

.accordion .box .topo h2 {
    margin-right: 35px;
}

.accordion .box {
    margin: 0 0 15px;
}

    .accordion .box .topo {
        cursor: pointer;
    }

    .accordion .box .conteudo ul li {
        margin-left: 13px;
    }

.lista-definicoes dl {
    padding: 0;
    margin: 0;
}

.lista-definicoes:first-child dl {
    border-top: 1px solid #e6e2df;
}

    .lista-definicoes:first-child dl > dt:first-child {
        border-top: 2px solid #f8f7f6;
        padding-top: 5px;
    }

.lista-definicoes dt {
    position: relative;
    z-index: 1;
    cursor: pointer;
    font-family: Arial, Tahoma, Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #348dca;
}

    .lista-definicoes dt .ico {
        position: absolute;
        background: url(../Img/Btn/icones.png) no-repeat 0 -375px;
        height: 25px;
        width: 25px;
    }

    .lista-definicoes dt .titulo {
        line-height: 25px;
        padding-left: 38px;
        display: block;
    }

    .lista-definicoes dt:hover .ico {
        background-position: 0 -400px;
    }

    .lista-definicoes dt:active .ico {
        background-position: 0 -425px;
    }

    .lista-definicoes dt.selected .ico {
        background-position: 0 -525px;
    }

    .lista-definicoes dt.selected .titulo {
        color: #ff6400;
    }

    .lista-definicoes dt.selected:hover .ico {
        background-position: 0 -550px;
    }

    .lista-definicoes dt.selected:active .ico {
        background-position: 0 -575px;
    }

.lista-definicoes dd {
    padding: 5px 0 0 38px;
    margin: 0;
    display: none;
}

    .lista-definicoes dd + dt {
        margin-top: 8px;
        padding-top: 8px;
        background: url(../Img/Bg/linhas.gif) repeat-x;
    }

.box.glossario + .lista-definicoes {
    margin-top: 15px;
}

/*  =======
    Gráficos
    ======= */
.graf-feedback {
    clear: both;
    padding: 12px;
}

    .graf-feedback h3 {
        font-weight: bold;
    }

/*  =======
    Plugins
    ======= */
/* Select Box ================= */
ul.selectStyled {
    float: left;
    color: #262626;
    width: 180px;
    min-width: 60px;
    height: 23px;
    line-height: 23px;
    background: #fff url(../Img/Ico/seta-select.png) no-repeat right 0;
    border-top: 1px solid #c6c1bd;
    border-right: 1px solid #ebe5df;
    border-bottom: 1px solid #ebe5df;
    border-left: 1px solid #ebe5df;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-right: 5px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    position: relative;
    list-style: none;
}

    ul.selectStyled li {
        cursor: pointer;
    }

        ul.selectStyled li.options {
            padding-bottom: 10px;
        }

        ul.selectStyled li.focus {
            padding-left: 7px;
            padding-right: 35px;
        }

            ul.selectStyled li.focus > span {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                height: 25px;
                white-space: nowrap;
                width: 100%;
            }

        ul.selectStyled li ul {
            min-width: 60px;
            background: #fff;
            border: 1px solid #dddcdb;
            border-radius: 4px;
            -moz-border-radius: 4px;
            margin: 4px 0 0 0;
            overflow: auto;
            list-style: none;
        }

            ul.selectStyled li ul li {
                padding: 2px 7px;
                cursor: pointer;
                font-size: 11px;
                border-bottom: 1px solid #DDDCDB;
                height: 23px;
                vertical-align: middle;
            }

                ul.selectStyled li ul li:hover {
                    color: #2585c6;
                }

                ul.selectStyled li ul li.marcado {
                    color: #b7b7b7; /* A cor esta sendo definida pelo JS para compatibilidade com o IE 7*/
                }

                ul.selectStyled li ul li:last-child {
                    border-bottom: 0;
                }

    ul.selectStyled .jspArrowDown {
        border-bottom: 3px solid transparent;
        #border-bottom:7px solid transparent;
    }

    ul.selectStyled .jspVerticalBar {
        width: 28px;
        padding-left: 2px;
        background-color: #fff;
    }

    ul.selectStyled .jspTrack {
        border-left: 1px solid white;
    }

    ul.selectStyled.disabled,
    select[disabled] + ul.selectStyled {
        background: #E5E2E1 none;
        border: 1px solid #CFC9C4;
        color: #262626;
    }

        ul.selectStyled.disabled li.focus,
        select[disabled] + ul.selectStyled li.focus {
            cursor: text;
        }

        ul.selectStyled.disabled li.options,
        select[disabled] + ul.selectStyled li.options {
            display: none !important;
        }


.radioStyled {
    margin-top: 6px;
    float: left;
    width: 13px;
    height: 12px;
    background: url(../Img/Bg/radio-checkbox.png) 0 0 no-repeat;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

    .radioStyled.selected {
        background: url(../Img/Bg/radio-checkbox.png) 0 -12px no-repeat;
    }

    .radioStyled.disabled,
    input[type='radio'][disabled] + .radioStyled {
        background-position: -39px 0;
    }

        .radioStyled.selected.disabled,
        input[type='radio'][disabled] + .radioStyled.selected {
            background-position: -39px -12px;
        }

.checkStyled {
    margin-top: 2px;
    float: left;
    width: 13px;
    height: 12px;
    background: url(../Img/Bg/radio-checkbox.png) -13px 0 no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
/*td .checkStyled{margin-top:2px;}*/
thead .checkStyled {
    margin-top: 2px;
}

.checkStyled.selected {
    background: url(../Img/Bg/radio-checkbox.png) -13px -12px no-repeat;
}

.checkStyled.disabled {
    background: url(../Img/Bg/radio-checkbox.png) -26px 0 no-repeat;
    cursor: default;
}

.checkStyled.selected.disabled {
    background: url(../Img/Bg/radio-checkbox.png) -26px -12px no-repeat;
}

/* jScrollPane ================= */
.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspContainer {
    overflow: hidden;
    position: relative; /*margin-bottom:-40px;*/
}

.jspPane {
    position: absolute; /*margin-bottom:10px;*/
}

.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspCap {
    display: none;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 100%;
    border-left: 1px solid #E7E4E1;
}

    .jspVerticalBar .jspTrack {
        position: relative;
        border-left: 1px solid #F6F5F3;
        background: url(../Img/Bg/barra-de-rolagem-area.png) no-repeat 8px top;
    }

    .jspVerticalBar .jspDrag.jspHover .jspDragTop {
        background-position: 0 -105px;
    }

    .jspVerticalBar .jspDrag.jspActive .jspDragTop {
        background-position: 0 -210px;
    }

    .jspVerticalBar .jspDrag .jspDragTop {
        height: 98%;
        width: 6px;
        background: url(../Img/Btn/barra-de-rolagem.png) no-repeat 0 top;
        margin-left: 9px;
    }

    .jspVerticalBar .jspDrag .jspDragBottom {
        height: 100%;
        width: 6px;
        background: url(../Img/Btn/barra-de-rolagem-2.png) no-repeat 0 bottom;
        margin-left: 9px;
        position: absolute;
        top: 0;
    }

    .jspVerticalBar .jspDrag.jspActive .jspDragBottom {
        background-position: -30px bottom;
    }

    .jspVerticalBar .jspArrowUp {
        width: 8px;
        height: 13px;
        background: url(../Img/Bg/barra-de-rolagem.png) no-repeat -24px -10px;
        margin-left: 9px;
        margin-top: 5px;
        display: block;
        cursor: pointer;
    }

        .jspVerticalBar .jspArrowUp:hover {
            background-position: -40px -10px;
        }

    .jspVerticalBar .jspArrowDown {
        width: 8px;
        height: 21px;
        background: url(../Img/Bg/barra-de-rolagem.png) no-repeat 0px -16px;
        margin-left: 9px;
        display: block;
        cursor: pointer;
    }

        .jspVerticalBar .jspArrowDown:hover {
            background-position: -16px -16px;
        }

    .jspVerticalBar .jspCorner {
        background: #eeeef4;
        float: left;
        height: 100%;
    }

.jspHorizontalBar {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 25px;
}

    .jspHorizontalBar .jspCap {
        float: left;
    }

    .jspHorizontalBar .jspTrack,
    .jspHorizontalBar .jspDrag {
        float: left;
        height: 100%;
    }

    .jspHorizontalBar .jspCap {
        float: left;
    }

    .jspHorizontalBar .jspTrack {
        background: url(../Img/Bg/barra-de-rolagem-area-horizontal.png) repeat-x left top;
        position: relative;
        margin-left: 13px;
    }

    .jspHorizontalBar .jspDrag {
        position: relative;
        top: 0;
        left: 0;
        cursor: pointer;
    }

    .jspHorizontalBar .jspDragLeft {
        width: 98%;
        height: 6px;
        background: url(../Img/Btn/barra-de-rolagem-horizontal.png) no-repeat -999px 0;
        margin-top: 1px;
    }

    .jspHorizontalBar .jspDragRight {
        width: 100%;
        height: 6px;
        background: url(../Img/Btn/barra-de-rolagem-horizontal-2.png) no-repeat right -42px;
        margin-top: 1px;
        position: absolute;
        right: 0;
        top: 1px;
    }

    .jspHorizontalBar .jspDrag.jspHover .jspDragLeft {
        background-position: -499px 0;
    }

    .jspHorizontalBar .jspDrag.jspHover .jspDragRight {
        background-position: right -21px;
    }

    .jspHorizontalBar .jspDrag.jspActive .jspDragLeft {
        background-position: 0 0;
    }

    .jspHorizontalBar .jspDrag.jspActive .jspDragRight {
        background-position: right -1px;
    }

    .jspHorizontalBar .jspArrowLeft {
        width: 13px;
        height: 8px;
        display: block;
        cursor: pointer;
        background: url(../Img/Bg/barra-de-rolagem-horizontal.png) no-repeat -10px top;
        position: absolute;
        z-index: 2;
        left: 0;
    }

    .jspHorizontalBar .jspArrowRight {
        width: 13px;
        height: 8px;
        display: block;
        cursor: pointer;
        background: url(../Img/Bg/barra-de-rolagem-horizontal.png) no-repeat -15px -24px;
        position: absolute;
        right: 0;
        z-index: 2;
    }

    .jspHorizontalBar .jspArrowLeft:hover {
        background-position: -10px -16px;
    }

    .jspHorizontalBar .jspArrowRight:hover {
        background-position: -15px -40px;
    }
/*.horizontalScroll .jspContainer {padding-bottom:13px;}*/
.jspHorizontalBar {
    background: url(../Img/Bg/linha-branca.gif) repeat-x 0 19px;
}

.rolagem-horizontal-2 .jspHorizontalBar {
    height: 34px;
    background: none;
    bottom: 0;
}

    .rolagem-horizontal-2 .jspHorizontalBar .jspTrack {
        background: url(../Img/Bg/bg-barra-de-rolagem-horizontal-2.png) repeat-x left -34px;
        z-index: auto;
        margin-left: auto;
    }

    .rolagem-horizontal-2 .jspHorizontalBar .jspArrowLeft {
        width: 9px;
        height: 34px;
        background: url(../Img/Bg/bg-barra-de-rolagem-horizontal-2.png) no-repeat left 0px;
        position: static;
        float: left;
    }

    .rolagem-horizontal-2 .jspHorizontalBar .jspArrowRight {
        width: 9px;
        height: 34px;
        background: url(../Img/Bg/bg-barra-de-rolagem-horizontal-2.png) no-repeat right -68px;
        position: static;
        float: left;
    }

    .rolagem-horizontal-2 .jspHorizontalBar .jspDrag {
        background: url(../Img/Bg/barra-de-rolagem-horizontal-2.png) no-repeat left top;
        height: 21px;
        top: 7px;
        z-index: 4;
    }

    .rolagem-horizontal-2 .jspHorizontalBar .jspDragLeft,
    .rolagem-horizontal-2 .jspHorizontalBar .jspDragRight {
        display: none;
    }

.rolagem-horizontal-2 tfoot tr {
    background: none;
}

.jspScrollable {
    outline: none;
}


/* Autocomplete ================= */
.ui-autocomplete {
    font-size: 11px;
    color: #262626;
    line-height: 23px;
    font-weight: bold;
    background: white;
    border: 1px solid #DDDCDB;
    border-radius: 4px;
    -moz-border-radius: 4px;
    position: absolute;
    z-index: 304 !important;
}

    .ui-autocomplete .ui-menu-item {
        padding: 2px 7px;
        cursor: pointer;
        border-bottom: 1px solid #DDDCDB;
        vertical-align: middle;
        height: 23px;
        list-style: none;
    }

        .ui-autocomplete .ui-menu-item a {
            color: #262626;
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
        }

            .ui-autocomplete .ui-menu-item a.ui-state-hover,
            .ui-autocomplete .ui-menu-item a.ui-state-active {
                color: #2585C6;
            }

/* Modal e Dialog ================= */
#blackout, #tourBlackout {
    background: rgba(0, 0, 0, 0.5);
}

    #blackout .popUp,
    .popUp {
        margin: 0 auto;
        border: 1px solid #E6E2DF;
        border-radius: 5px;
        -moz-border-radius: 5px;
        position: absolute;
        background: #F2F0EE;
        z-index: 2;
        width: 469px;
    }

.popUpTeclado {
    margin: 0 auto;
    border: 1px solid #E6E2DF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    position: absolute;
    background: #F2F0EE;
    z-index: 2;
    width: 40px;
}

#blackout .popUp.medio {
    width: 700px;
    height: auto;
}

#blackout .popUp.confirmacao {
    width: 465px;
    padding: 0;
}

#blackout .popUp.pequeno {
    width: 265px;
}

#blackout .popUp.tesouro {
    width: 370;
}

#blackout .popUp.grande {
    width: 800px;
}

.nao-correntista {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.popUp #readyToPrint {
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.popUp .header {
    background: none repeat scroll 0 0 #F2F0EE;
    border-bottom: 1px solid #e6e2df;
    padding: 15px 30px 12px 12px;
    position: relative;
}

    .popUp .header .ico.salvar-pdf .tooltip.tipo1 {
        width: 70px;
    }

    .popUp .header .tooltip.tipo1 {
        width: 40px;
        margin: -11px 0 0 23px;
    }

    .popUp .header .tooltip .detalhe {
        top: 11px;
    }

    .popUp .header .tooltip.tipo1 p {
        margin: 0;
        padding: 0;
    }

    .popUp .header h1 {
        font-weight: bold;
        color: #FE7821;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        margin: 0 12px 0 0;
    }

    .popUp .header h2 {
        font-weight: bold;
        color: #FE7821;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        margin: 0 12px 0 0;
    }

.popUp .content {
    border-top: 2px solid #f6f5f3;
    padding: 12px;
    color: #55544F;
    padding: 12px; /*overflow:hidden;*/
}

.popUp .footer {
    padding: 12px 12px 15px 12px;
    text-align: right;
    background: url(../Img/Bg/linha-branca.gif) repeat-x;
}

.popUp table td {
    font-weight: normal;
}

    .popUp table td.valores {
        font-weight: bold;
        font-size: 12px;
    }

.popUp tfoot tr {
    background: none;
    text-align: center;
}

    .popUp tfoot tr td {
        font-size: 9px;
        font-weight: bold;
        color: #6F6E6B;
    }

.popUp .sup {
    color: #55544F;
}

.popUp a.links {
    color: #2585C6;
    padding: 0 16px 0 0;
    line-height: 16px;
    border-right: 1px solid #e0d9d4;
    font-size: 11px;
    font-weight: bold;
    margin-right: 16px;
}

    .popUp a.links:hover {
        color: #7a7b7b;
    }

.popUp input[readonly].invisivel.titulo {
    font-size: 16px;
    color: #262626;
}

.popUp p {
    padding-left: 0;
    margin: 0;
}

.popUp #tecladoVirtual #lightboxSaibaMAis p {
    padding-left: 12px;
}

.popUp p.obs {
    font-size: 10px;
    clear: left;
}

.popUp .bloco {
    float: left;
    width: 139px;
    margin-left: 15px;
    font-size: 11px;
    background: url(../Img/bg/variavel-borda.gif) repeat-y left;
    padding-left: 15px;
}

    .popUp .bloco label {
        height: auto;
        padding: 0;
        line-height: normal;
        vertical-align: middle;
        padding-top: 1px;
        margin-right: 0;
        text-align: left;
        display: table;
    }

.popUp .radioStyled,
.popUp .checkStyled {
    margin-top: 2px;
    vertical-align: middle;
}

    .popUp .checkStyled + label {
        display: inline-block;
    }

.popUp .bloco h4 {
    margin-bottom: 5px;
    font-size: 11px;
}

.popUp .bloco:first-child {
    background: none;
    padding: 0;
}

    .popUp .bloco:first-child .bloco.espaco2de6 {
        width: 170px;
        padding: 0;
    }

.popUp .bloco.espaco1de6 {
    width: 110px;
}

.popUp .bloco.espaco2de6 {
    width: 188px;
}

.popUp .bloco.falso {
    border: none;
    padding: 0;
    width: auto;
}

    .popUp .bloco.falso .bloco {
        margin-left: 0;
        float: none;
    }

.popUp .bloco label {
    float: none;
}

.popUp .bloco:first-child {
    margin-left: 0;
}

.popUp .bloco input[type="radio"] {
    margin-left: 0;
}

.popUp .bloco {
    height: 225px;
}

    .popUp .bloco.meio-bloco {
        height: 90px;
        background: none;
    }

        .popUp .bloco.meio-bloco.seleciona-cci {
            height: auto;
            margin-bottom: 10px;
        }

            .popUp .bloco.meio-bloco.seleciona-cci select {
                width: 100px;
            }

.popUp .linhas-bloco {
    margin-bottom: 5px;
    clear: both; /*overflow:hidden;*/
}

.popUp .widget-corpo .widget-rodape {
    background: url(../Img/Bg/linhas.gif) repeat-x left top;
}

.popUp input[type="text"].datepicker {
    width: 55px;
    margin: 0;
    font-size: 11px;
    color: #55544f;
    height: 17px;
}

.popUp .bt-calendario, .popUp .bt-calendario:hover {
    float: left;
    width: 17px;
    height: 20px;
    background-position: -31px 0;
    margin: 0 0 0 5px;
}

.popUp .calendario-separacao {
    float: left;
    margin: 0 5px;
}

.popUp input[disabled] {
    background: none #F2F2F2;
    color: #A5A5A5;
}

#stockName {
    width: 163px;
    margin-bottom: 5px;
}

.popUp legend {
    border: 0;
}

    .popUp legend span {
        font-family: Arial,Tahoma,Verdana;
        ;
        font-size: 12px;
        color: #55544f;
        border: 0;
        font-weight: bold;
        padding: 0 0 13px;
        margin-bottom: 0;
    }

.popUp.print h2 {
    background: url(../Img/logo-modal-print.png) no-repeat;
    text-indent: -9999px;
    height: 58px;
}

.popUp.print .ico.imprimir {
    float: left;
    margin-right: 2px;
}

#blackout .popUp .header .ico.imprimir .tooltip.tipo1 {
    width: 70px;
}

.popUp.tour-video .content {
    padding-bottom: 20px;
}

/* Video gallery ================= */
.coda-slider-wrapper {
    padding: 20px 0;
    clear: both;
    position: relative;
    width: 470px !important;
}

    .coda-slider-wrapper .coda-slider {
        width: 470px;
    }

        .coda-slider-wrapper .coda-slider .panel {
            width: 470px;
        }

    .coda-slider-wrapper .coda-nav {
        width: 416px;
        float: left;
        position: relative;
        height: 90px;
        margin-top: 10px;
        margin-left: 32px;
    }

        .coda-slider-wrapper .coda-nav ul {
            width: 445px !important;
            list-style-type: none;
        }

            .coda-slider-wrapper .coda-nav ul .thumb {
                display: none;
            }

        .coda-slider-wrapper .coda-nav li {
            float: left;
            position: relative;
            padding-right: 5px;
        }

            .coda-slider-wrapper .coda-nav li a {
                display: block;
                position: relative;
            }

                .coda-slider-wrapper .coda-nav li a img {
                    border: 3px solid #FCFCFB;
                    display: block;
                    top: 9px;
                    position: relative;
                }

                .coda-slider-wrapper .coda-nav li a.current {
                    margin-top: 2px;
                }

                    .coda-slider-wrapper .coda-nav li a.current img {
                        border: 3px solid #ff6400;
                    }

                .coda-slider-wrapper .coda-nav li a img:hover {
                    border: 3px solid #ff6400;
                }

            .coda-slider-wrapper .coda-nav li .detalhe {
                width: 14px;
                height: 7px;
                background: url(../Img/btn/setas.png) no-repeat -109px top;
                margin: 0 0 -10px 40px;
                display: none;
            }

            .coda-slider-wrapper .coda-nav li a.current .detalhe {
                display: block;
            }

            .coda-slider-wrapper .coda-nav li a.current .destaque-imagem {
                background: url(../Img/bg/galeria-miniatura-selecionada.png);
                position: absolute;
                z-index: 1;
                top: 6px;
                left: 0;
                right: 0;
                bottom: -9px;
            }

    .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
        position: absolute;
        top: 0;
        height: 100%;
        z-index: 10;
        text-indent: -99999;
        font-size: 0px;
        height: 44px;
        width: 22px;
        display: block;
        cursor: pointer;
    }

    .coda-slider-wrapper .coda-nav-left {
        top: 349px;
        left: 0px;
        background: url(../Img/btn/setas.png) no-repeat -81px top;
    }

    .coda-slider-wrapper .coda-nav-right {
        top: 349px;
        bottom: 0;
        right: 0px;
        background: url(../Img/btn/setas.png) no-repeat -80px -45px;
    }

        .coda-slider-wrapper .coda-nav-left a,
        .coda-slider-wrapper .coda-nav-right a {
            color: #f5f3f2;
        }

    .coda-slider-wrapper .loading {
        display: none;
    }

.coda-slider-wrapper {
    clear: both;
}

    .coda-slider-wrapper .coda-slider {
        float: left;
        overflow: hidden;
        position: relative;
    }

        .coda-slider-wrapper .coda-slider .panel-container {
            position: relative;
        }

            .coda-slider-wrapper .coda-slider .panel-container .panel {
                display: block;
                float: left;
            }

    .coda-slider-wrapper .thumb {
        display: none;
    }

/* AD Gallery ================= */
.ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 264px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

    .ad-gallery .ad-image-wrapper .ad-loader {
        position: absolute;
        z-index: 10;
        top: 48%;
        left: 48%;
        border: 1px solid #CCC;
    }

    .ad-gallery .ad-image-wrapper .ad-image {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        z-index: 9;
    }

.ad-gallery .ad-controls {
    display: none;
}

.ad-gallery .ad-image-wrapper .ad-image a img {
    border: 0;
}

.ad-gallery .ad-nav {
    width: 100%;
    position: relative;
    height: 80px;
}

.ad-gallery .ad-forward, .ad-gallery .ad-back {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 10;
}

.ad-gallery .ad-forward, .ad-gallery .ad-back {
    height: 42px;
}

.ad-gallery .ad-back {
    margin-right: 2px;
}

.ad-gallery .ad-forward {
    margin-left: 2px;
}

.ad-gallery .ad-back {
    cursor: pointer;
    left: 0;
    width: 26px;
    display: block;
    height: 44px;
    background: url(../Img/btn/setas.png) no-repeat -81px top;
    float: left;
    position: relative !important;
    margin-top: 9px;
}

.ad-gallery .ad-forward {
    cursor: pointer;
    display: block;
    height: 44px;
    float: left;
    width: 22px;
    background: url(../Img/btn/setas.png) no-repeat -81px -45px;
    position: relative !important;
    margin-top: 9px;
}

.ad-gallery .ad-nav .ad-thumbs {
    overflow: hidden;
    width: 416px;
    float: left;
    position: relative;
    top: -9px;
    height: 90px;
}

.ad-gallery .ad-thumbs .ad-thumb-list {
    float: left;
    width: 9000px;
    list-style: none;
}

.ad-gallery .ad-thumbs li {
    float: left;
    padding-right: 5px;
}

    .ad-gallery .ad-thumbs li a {
        display: block;
        position: relative;
    }

        .ad-gallery .ad-thumbs li a img {
            border: 3px solid #FCFCFB;
            display: block;
            top: 9px;
            position: relative;
        }

        .ad-gallery .ad-thumbs li a.ad-active img {
            border: 3px solid #ff6400;
        }

.ad-thumb-list li a img:hover {
    border: 3px solid #ff6400;
}

.ad-thumb-list li .detalhe {
    width: 14px;
    height: 7px;
    background: url(../Img/btn/setas.png) no-repeat -109px top;
    display: block;
    margin: 0 0 -10px 40px;
    display: none;
}

.ad-thumb-list li a.ad-active .detalhe {
    display: block;
}

.ad-thumb-list li a.ad-active .destaque-imagem {
    background: url(../Img/bg/galeria-miniatura-selecionada.png);
    position: absolute;
    z-index: 1;
    top: 9px;
    left: 0;
    right: 0;
    bottom: -9px;
}

.ad-thumb-list li a.ad-active img {
    opacity: .5;
}

.ad-active-link {
    background: url(../Imagens/bg/seta-cima.png) no-repeat 0 1px;
}

.ad-preloads {
    display: none;
}

/* Date Picker ================= */
.bt-calendario {
    background: url(../Img/Ico/calendario.png) no-repeat;
    cursor: pointer;
    width: 21px;
    height: 24px;
    display: inline-block;
    text-indent: -9999px;
}

    .bt-calendario:hover {
        background-position: 0 -24px;
    }

.ui-datepicker-calendar td {
    border: 1px solid #CCCCCC !Important;
    background: #f5f3f2;
    text-align: center;
    line-height: 13px;
}

td.ui-datepicker-week-end {
    border: 1px solid #CCCCCC !Important;
    background: #e5e2e1;
    text-align: center;
    line-height: 13px;
    text-align: center;
}

.ui-datepicker-today td {
    border: 1px solid #CCCCCC !Important;
    background: #f4f4f4;
    text-align: center;
    line-height: 13px;
}

td.ui-datepicker-days-cell-over {
    color: #2e2e2e;
}

td.ui-datepicker-current-day {
    border: 1px solid #CCCCCC !Important;
    background: #fe7821;
    text-align: center;
    color: #ffffff;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em;
    width: 17em;
    background: none repeat scroll 0 0 #E5E2E1;
    border: 1px solid #E5E2E1;
    color: #333333;
    border-radius: 6px 6px 6px 6px;
    font-weight: bold;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
        color: #FE7821;
        font-size: 13px;
        background: url(../Img/Bg/linha-cinza.gif) repeat-x bottom;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
        cursor: pointer;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
        vertical-align: baseline;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
        vertical-align: baseline;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.9em;
        text-align: center;
        font-size: 13px;
        vertical-align: baseline;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: 11px;
        border-collapse: collapse;
        margin: 0 0 0 0;
    }

        .ui-datepicker table thead tr {
            background: none;
        }

    .ui-datepicker th {
        padding: 0;
        text-align: center;
        font-weight: bold;
        border: 0;
        width: 15px;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
        width: 15px;
        vertical-align: middle;
        padding-left: 3px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .4em;
            text-align: center;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
                display: none;
            }

.ui-datepicker-cover {
    display: none;
    display /**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px;
}

.ui-icon-circle-triangle-e {
    background: url(../Img/Btn/seta-dir-esq.png) no-repeat -13px 0;
    height: 13px;
    text-indent: -9999px;
    width: 13px;
}

.ui-icon-circle-triangle-w {
    background: url(../Img/Btn/seta-dir-esq.png) no-repeat 0 0;
    height: 13px;
    text-indent: -9999px;
    width: 13px;
}

.ui-datepicker .ui-state-highlight {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid #FCD3A1;
    color: #CC0000;
    text-align: center;
}

.ui-datepicker .ui-state-active {
    color: #FFFFFF;
    font-weight: bold;
}

#ui-datepicker-div {
    z-index: 304 !important;
    display: none;
}

/* UI Slider ================= */
.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.avaliador-legenda {
    clear: both;
    top: -26px;
    position: relative;
    z-index: 2;
}

    .avaliador-legenda li {
        position: absolute;
        clear: none;
        color: #2585c6;
        font-weight: bold;
        font-size: 10px;
        left: 0;
        margin-left: 3px;
        cursor: pointer;
    }

        .avaliador-legenda li.selected {
            color: #262626;
        }

.avaliador {
    margin: 10px 0 5px;
    width: 370px;
    background: url(../Img/Bg/avaliador.png) repeat-x 0 -62px;
    height: 24px;
    float: left;
    position: relative;
    z-index: 1;
}

    .avaliador .ui-slider-handle {
        background: url(../Img/Bg/avaliador.png) no-repeat;
        border: none;
        width: 16px;
        height: 18px;
        margin: -2px 0 0 -9px !important;
        cursor: pointer;
    }

        .avaliador .ui-slider-handle:hover {
            background-position: 0 -18px;
        }

.avaliador-inicio,
.avaliador-fim {
    background: url(../Img/Bg/avaliador.png) no-repeat;
    width: 4px;
    height: 24px;
    position: relative;
    float: left;
    top: 9px;
}

.avaliador-inicio {
    background-position: left -36px;
    clear: left;
}

.avaliador-fim {
    background-position: right -86px;
}

select.slider {
    display: none;
}


/* Slider qx3 ================= */
.slider-container {
    height: auto;
    overflow: hidden;
}

.slider-indicador {
    position: absolute;
    top: -18px;
    width: 35px;
    height: 18px;
    background-position: left top;
    display: block;
    left: 50%;
}

.slider-conteudo {
    width: 100%;
    float: left;
    position: relative;
    z-index: 3;
}

.slider-controle {
    z-index: 4;
}

.slider-proximo,
.slider-anterior {
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.slider-lista-opcoes {
    margin: 0 auto 0 auto;
    text-align: center;
    z-index: 4;
    position: relative;
    clear: both;
}

.slider-item {
    display: inline-block;
    cursor: pointer;
}

.envelope {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    height: auto;
}

.slider-conteudo {
    height: 100%;
}

.pagina-consultoronline.pagina-pesquisa .avaliador-legenda {
    clear: both;
    top: -26px;
    position: relative;
    z-index: 2;
}

    .pagina-consultoronline.pagina-pesquisa .avaliador-legenda li {
        position: absolute;
        clear: none;
        color: #2585c6;
        font-weight: bold;
        font-size: 10px;
        left: 0;
        margin-left: 3px;
        cursor: pointer;
    }

        .pagina-consultoronline.pagina-pesquisa .avaliador-legenda li.selected {
            color: #262626;
        }

.pagina-consultoronline.pagina-pesquisa .avaliador {
    margin: 10px 0 5px;
    width: 370px;
    background: url(../Img/Bg/avaliador.png) repeat-x 0 -62px;
    height: 24px;
    float: left;
    position: relative;
    z-index: 1;
}

    .pagina-consultoronline.pagina-pesquisa .avaliador .ui-slider-handle {
        background: url(../Img/Bg/avaliador.png) no-repeat;
        border: none;
        width: 16px;
        height: 18px;
        margin: -2px 0 0 -9px !important;
        cursor: pointer;
    }

        .pagina-consultoronline.pagina-pesquisa .avaliador .ui-slider-handle:hover {
            background-position: 0 -18px;
        }

.pagina-consultoronline.pagina-pesquisa .avaliador-inicio,
.pagina-consultoronline.pagina-pesquisa .avaliador-fim {
    background: url(../Img/Bg/avaliador.png) no-repeat;
    width: 4px;
    height: 24px;
    position: relative;
    float: left;
    top: 9px;
}

.pagina-consultoronline.pagina-pesquisa .avaliador-inicio {
    background-position: left -36px;
    clear: left;
}

.pagina-consultoronline.pagina-pesquisa .avaliador-fim {
    background-position: right -86px;
}

.pagina-consultoronline.pagina-pesquisa select.slider {
    display: none;
}

.pagina-consultoronline.pagina-pesquisa .comentario {
    width: 300px;
    height: 100px;
}

.pagina-consultoronline.pagina-pesquisa ul.selectStyled li.focus > span {
    width: 200px;
}

/* Subscrição */
.ModalComprovanteSubscricao {
    width: 670px !important;
}
/*.btn.primario.sub{margin-right: 10px !important; }*/
/*.pagina-subscricao .conteiner1de4 .box.dicas{width:241px;margin-left:55px;}*/
.pagina-subscricao .conteiner1de4 .box.dicas {
    width: 189px;
    margin-left: 20px;
}

.pagina-subscricao .box.dicas.alinhamento-tabela {
    margin-top: 15px;
}

@media only screen and (max-width: 1023px) {

    body.pagina-subscricao {
        background: none;
        font-size: 16px;
        font-family: Arial,Tahoma,Verdana !important;
    }

        body.pagina-subscricao p {
            color: #6B7678 !important;
            line-height: 150% !important;
            font-size: 16px !important;
            font-family: 'Itau Display', Arial, Tahoma, Verdana !important;
            font-weight: normal !important;
            letter-spacing: -0.02em;
        }

        body.pagina-subscricao .pagina-subscricao ul.cod-empresa li {
            padding-right: 0px;
            margin-top: 10px;
        }

        body.pagina-subscricao input[type='text'].caracteres-8, input[type='password'].caracteres-8 {
            width: 95px;
            height: 25px;
            background: #FFFFFF;
            border: 1px solid #706A66;
            border-radius: 4px;
            text-align: left !important;
        }

        body.pagina-subscricao span.sup {
            font-size: 14px;
            top: 0px;
        }

        body.pagina-subscricao tbody tr.impar {
            background-color: rgba(107, 118, 120, 0.1);
        }

        body.pagina-subscricao tbody tr.par {
            background-color: #F0F3F0;
        }

        body.pagina-subscricao table a {
            font-family: 'Itau Display';
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 150%;
            letter-spacing: -0.02em;
            text-decoration-line: underline;
            color: #21656C;
        }

        body.pagina-subscricao table .destaque {
            background: rgba(107, 118, 120, 0.1);
            border: none;
        }

        body.pagina-subscricao table .acoes .divisor-esquerda:first-child {
            background: none;
        }

        body.pagina-subscricao table td.acoes {
            width: initial !important;
        }

        body.pagina-subscricao table .acoes .divisor-esquerda:first-child {
            padding: 0px;
        }

        body.pagina-subscricao .disclaimer {
            font-family: 'Itau Display';
            font-style: normal;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: -0.02em;
            color: #6B7678;
        }

        body.pagina-subscricao h2.titulo-servicos {
            font-size: 22px !important;
            font-family: 'Itau Display', Arial, Tahoma, Verdana !important;
            font-weight: normal !important;
            color: #091B1E;
            letter-spacing: -0.02em;
        }

        body.pagina-subscricao #header {
            display: none
        }

        body.pagina-subscricao #locator {
            display: none !important
        }

        body.pagina-subscricao #footer {
            display: none !important
        }

        body.pagina-subscricao #content {
            width: initial;
            border: none;
            padding: 30px;
        }

            body.pagina-subscricao #content .conteiner {
                margin: 0;
                width: 100%
            }

        body.pagina-subscricao #table-subscricao td,
        body.pagina-subscricao #table-subscricao tr,
        body.pagina-subscricao #tbexercicio td,
        body.pagina-subscricao #tbexercicio tr {
            display: block;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        body.pagina-subscricao #table-subscricao thead tr,
        body.pagina-subscricao #tbexercicio thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        body.pagina-subscricao #table-subscricao tr + tr,
        body.pagina-subscricao #tbexercicio tr + tr {
            margin-top: 8px;
        }

        body.pagina-subscricao #table-subscricao td:first-child,
        body.pagina-subscricao #tbexercicio td:first-child {
            padding-top: 16px;
        }

        body.pagina-subscricao #table-subscricao td:last-child,
        body.pagina-subscricao #tbexercicio td:last-child {
            padding-bottom: 16px;
        }

        body.pagina-subscricao #tbexercicio td.valores.destaque-lat-dir {
            padding-bottom: 0px;
            margin-top: 15px;
        }

        body.pagina-subscricao table {
            border: none;
        }

        body.pagina-subscricao hr {
            display: none;
        }

        body .pagina-subscricao #table-subscricao td, body.pagina-subscricao #tbexercicio td {
            /* make like a "row" */
            position: relative;
            padding-left: 50%;
            text-align: left;
            font-size: 14px;
            letter-spacing: -0.02em;
            font-family: 'Itau Display';
            color: #091B1E;
        }

            body.pagina-subscricao #table-subscricao td:before,
            body.pagina-subscricao #tbexercicio td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 85%;
                font-weight: bold;
                color: #091B1E;
                margin-right: 35px;
            }

        body.pagina-subscricao .conteiner-suitability h3 {
            padding-bottom: 15px;
            margin-top: 10px;
        }

            body.pagina-subscricao .conteiner-suitability h3 b {
                font-family: 'Itau Text',Arial,Tahoma,Verdana !important;
                color: #21656C;
                font-size: 16px;
                position: relative;
                top: 3px;
            }

        body.pagina-subscricao .conteiner-suitability div {
            font-size: 12px;
            line-height: normal;
            color: #091B1E;
            font-weight: bold;
        }

        body.pagina-subscricao #blackout .popUp.medio {
            width: 100%
        }

        body.pagina-subscricao .pagina-subscricao .subtitulo-servicos {
            color: #091B1E;
            margin: 0px;
            font-size: 16px;
            font-family: Arial,Tahoma,Verdana !important;
            font-weight: bold;
            margin-bottom: 16px;
        }

        body.pagina-subscricao .pagina-subscricao ul.cod-empresa li span {
            color: #091B1E;
            font-family: 'Itau Display',Arial,Tahoma,Verdana !important;
            font-size: 14px;
        }

        body.pagina-subscricao .pagina-subscricao ul.cod-empresa li {
            color: #091B1E;
            font-family: 'Itau Display',Arial,Tahoma,Verdana !important;
            font-size: 14px;
        }

        body.pagina-subscricao .conteiner3de4 {
            width: 100%
        }

            body.pagina-subscricao .conteiner3de4.pagina-confirmacao.itoken {
                position: absolute;
                top: 0px;
                background-color: #FFFFFF;
                height: 100%;
                display: none;
            }

        body.pagina-subscricao .conteiner1de4 {
            margin-top: 20px !important;
            width: 100%
        }

        body.pagina-subscricao .pagina-subscricao .conteiner1de4 .box.dicas {
            width: auto;
            margin-left: 0px;
            margin-right: 0px;
            border: 0px;
            box-shadow: none;
            padding: 0px;
        }

        body.pagina-subscricao .box.dicas.historico p {
            margin-top: 5px;
            margin-bottom: 25px;
        }

        body.pagina-subscricao .box.dicas .detalhe {
            display: none
        }

        body.pagina-subscricao .box.assinaturaSenha2 {
            border: none !important;
            border-radius: unset !important;
            -moz-border-radius: unset !important;
            background: #FFFFFF !important;
            margin: 0px !important;
            padding: 0px !important;
            width: unset !important;
        }

        body.pagina-subscricao .box.dicas h3 {
            color: #091B1E;
            font-size: 16px;
            font-family: Arial,Tahoma,Verdana !important;
        }

        body.pagina-subscricao input[type=submit]#exercicio,
        body.pagina-subscricao a#exercicioConfirma,
        body.pagina-subscricao a#btnEnviarTokenIon,
        body.pagina-subscricao input[type=button]#exercicioConfirma,
        body.pagina-cancelamentosucesso .btn, .pagina-exerciciosucesso .btn,
        body.pagina-cancelamentoexercicio .confirmar input,
        body.pagina-subscricao .link-formulario,
        body.pagina-subscricao .btn.primario,
        body.pagina-subscricao .btnPop {
            height: auto !important;
            display: inline-block !important;
            padding: 15px 0px !important;
            background: #133134 !important;
            width: max-content !important;
            min-width: 118px;
            border-color: white !important;
            color: #fff !important;
            font-size: 16px;
            line-height: initial;
            text-align: center;
            border: 1px solid #A4B4A6 !important;
            border-radius: 4px;
        }

            body.pagina-cancelamentosucesso .btn.primario.ver-subscricoes,
            body.pagina-exerciciosucesso .btn.primario.ver-subscricoes {
                padding-left: 10px !important;
                padding-right: 10px !important;
            }

        body.pagina-subscricao input[type=submit]#exercicio {
            padding: 0px !important;
            border: none !important;
        }

        body.pagina-subscricao .popUp.box.infos-adicionais.success,
        body.pagina-subscricao .popUp.box.ModalCancelamentoSubscricao.success {
            padding: 8px;
            box-sizing: border-box;
            border-radius: 6px;
        }

        body.pagina-subscricao .popUp.infos-adicionais .content,
        body.pagina-subscricao .popUp.ModalCancelamentoSubscricao .content {
            background-color: #F0F3F0;
            border-radius: 6px;
        }

        body.pagina-subscricao p.MsoNormal span font,
        body.pagina-subscricao .popUp.box.ModalCancelamentoSubscricao.success h3.subtitulo-servicos {
            font-size: 16px !important;
            font-family: 'Itau Display', Arial, Tahoma, Verdana !important;
            color: #091B1E !important;
            font-weight: bold;
        }

        body.pagina-subscricao .jspVerticalBar .jspDrag .jspDragBottom {
            background-image: none !important;
            background-color: #133134;
        }

        body.pagina-subscricao .jspVerticalBar .jspTrack {
            background: url(../Img/Bg/barra-de-rolagem-area-ion.png) no-repeat 8px top;
        }

        body.pagina-subscricao .jspVerticalBar .jspArrowUp {
            background: url(../Img/Bg/barra-de-rolagem-ion.png) no-repeat;
            background-size: 8px 5px;
        }

        body.pagina-subscricao .jspVerticalBar .jspArrowDown {
            background: url(../Img/Bg/barra-de-rolagem-down-ion.png) no-repeat;
            background-size: 8px 5px;
            background-position: center;
        }

        body.pagina-subscricao .jspVerticalBar {
            border: none
        }

        body.pagina-subscricao .popUp.box.ModalCancelamentoSubscricao.success input[type=checkbox]#aceitocondicoes {
            width: 24px;
            height: 24px;
            border: 1px #A7CE2E solid !important;
            background: #A7CE2E;
            outline-color: #A7CE2E;
            margin-bottom: 10px;
            color: #A7CE2E;
        }

        body.pagina-subscricao .popUp.box.ModalCancelamentoSubscricao.success #Div1 {
            padding-bottom: 10px;
        }

        body.pagina-subscricao .popUp .header {
            padding: 30px 10px 30px 12px !important;
            background: none repeat scroll 0 0 #FFFFFF;
            border-bottom: none;
        }

            body.pagina-subscricao .popUp .header h2 {
                color: #091B1E !important;
                font-family: 'Itau Text',Arial,Tahoma,Verdana !important;
                font-size: 16px !important;
            }

        body.pagina-subscricao .optn-conteiner {
            display: block;
            float: right;
            position: unset;
            top: unset;
            left: unset;
            margin-right: 18px;
        }

        body.pagina-subscricao .optn-boxes {
            background: url(../Img/Ico/ico-widget-ion.png);
        }

        body.pagina-subscricao .btn.primario {
            min-width: 52px;
        }

        body.pagina-subscricao .pagina-confirmacao.itoken .topo,
        body.pagina-subscricao .pagina-confirmacao.itoken .conteudo .box.tipo2,
        body.pagina-subscricao .pagina-confirmacao.itoken .conteudo .box.tipo2 .conteudo,
        body.pagina-subscricao .pagina-confirmacao.itoken .conteudo .box.tipo2 .topo + .conteudo {
            background-image: unset;
            background-color: unset;
            border: unset;
        }

        body.pagina-subscricao .pagina-confirmacao.itoken .conteudo .box p {
            padding: 0px;
        }

        body.pagina-subscricao .submit-form.sem-borda.confirmacao-ion {
            text-align: left;
            margin: 0px;
            padding: 0px;
        }

        body.pagina-subscricao #txtitokenion {
            padding: 10px 10px;
            border: 1px #CCCCCC solid;
            float: unset;
            border-radius: unset;
            font-size: 16px;
            font-family: 'Itau Display', Arial, Tahoma, Verdana !important;
        }

        body.pagina-subscricao .box .conteudo .submit-form {
            text-align: left;
        }

        body .pagina-subscricao .btn input[type=submit] {
            height: auto;
            padding: initial;
        }

        body.pagina-subscricao .link-formulario,
        body.pagina-subscricao .links.btnPop {
            background-color: #FFFFFF !important;
            color: #091B1E !important;
            text-decoration: none;
        }

        body.pagina-subscricao .divisor-esquerda {
            background: none;
            padding: 0px;
            display: inline-block;
            margin-right: 10px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        body.pagina-subscricao .submit-form.sem-borda.confirmacao-ion .divisor-esquerda {
            margin-top: 0px;
        }

        body .pagina-subscricao .btn.primario {
            width: 100%
        }

        body.pagina-subscricao .box.assinaturaSenha2 {
            width: initial;
        }

        body.pagina-subscricao .conteiner-suitability {
            background: none;
        }

        body.pagina-subscricao input[type='password'] {
            background: white;
            height: auto;
            clear: both;
            width: 100% !important;
            text-align: left !important;
            margin: 8px 0 0;
            float: left;
            padding: 8px 0;
            text-indent: 4px !important;
            background-image: none;
            border: 1px solid #999;
        }

    body.pagina-cancelamentosucesso .btn, body.pagina-exerciciosucesso .btn {
        box-sizing: border-box;
        text-align: center;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.pagina-subscricao .tooltip.tipo4 {
        left: initial !important;
        margin-left: 19px;
        margin-right: 19px;
        width: 240px;
        background: #A7CE2E;
        font-family: 'Itau Display', Arial, Tahoma, Verdana !important;
        font-size: 12px;
        color: #091B1E;
        padding: 15px;
        left: 40px !important;
        margin-top: 10px;
    }

        body.pagina-subscricao .tooltip.tipo4 p {
            font-size: 12px !important;
            color: #091B1E !important;
            font-family: 'Itau Display', Arial, Tahoma, Verdana !important;
        }

        body.pagina-subscricao .tooltip.tipo4 h4 {
            font-family: 'Itau Display', Arial, Tahoma, Verdana !important;
            color: #091B1E;
            font-size: 12px;
            background: url(../Img/Ico/tooltip-dica-ion.png) right 0 no-repeat;
            display: block !important;
            font-weight: bold;
        }

        body.pagina-subscricao .tooltip.tipo4 .detalhe {
            background: url(../Img/Bg/detalhe-boxes-ion.png) no-repeat;
            width: 11px;
            height: 8px;
            position: absolute;
            top: -8px;
            left: 190px;
            display: block;
        }

    body.pagina-subscricao .caracteres-8.avalidar.error:focus-visible,
    body.pagina-subscricao .caracteres-8.avalidar.foco:focus-visible {
        border: 1px solid #A7CE2E !important;
        outline-color: #A7CE2E !important;
    }

    body.pagina-subscricao h2.titulo-servicos {
        padding: 6px 0 13px;
        background: none;
    }

    body.pagina-subscricao .ico {
        background: url(../img/ico/pdf-ion.png) no-repeat;
        height: 23px;
        margin-top: -3px;
    }

    body.pagina-subscricao .popUp.print .ico.imprimir {
        margin-right: 22px;
    }

    body.pagina-subscricao .popUp.print h2 {
        background: url(../Img/logo-modal-print-ion.png) no-repeat;
        background-size: contain;
        background-position-y: -12px;
    }

    body.pagina-subscricao .popUp .footer {
        text-align: initial;
        background: none;
        padding: 12px 12px 15px 0px;
    }

    body.pagina-subscricao .popUp.box.medio.impressao.print.printIframe .footer {
        margin-left: 12px;
    }

    body.pagina-cancelamentoexercicio .checkStyled {
        float: right;
        width: 24px;
        height: 24px;
        background: url(../Img/Bg/radio-checkbox-ion.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
        margin-right: 12px !important;
    }

        body.pagina-cancelamentoexercicio .checkStyled.selected {
            background: url(../Img/Bg/radio-checkbox-checked-ion.png) no-repeat;
        }
}

.ModalExercicioSubscricao {
    width: 500px !important;
}

/* Popup IR */
.pagina-ir .topo {
    padding: 10px 0;
    background: url(../Img/bg/linha-branca.gif) repeat-x bottom;
}
/*.pagina-ir h1{background:url(../img/logo-modal.png) no-repeat;width:162px;height:38px;text-indent:-9999px;float:left;}*/
.pagina-ir h1 {
    background: url(../img/itau.png) no-repeat;
    width: 162px;
    height: 52px;
    text-indent: -9999px;
    float: left;
}

.pagina-ir div.texto {
    margin: 17px
}

.pagina-ir .ui-progressbar {
    background-color: #E5E2E1;
    border: 1px solid #CFC9C4;
    box-shadow: 0 1px 0 #F8F8F7;
    color: #262626;
    height: 40px;
    width: 75%;
    margin: 0 auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 20px;
    padding: 0 10px 0 10px;
}

    .pagina-ir .ui-progressbar .ui-progressbar-value {
        background: url(../Img/Btn/botoes.gif) repeat-x scroll 0 -144px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        height: 25px;
        margin-top: 8px;
    }

.pagina-ir .box.tipo2 .topo + .conteudo {
    background-image: none;
    background-repeat: no-repeat;
}

/*TECLADO VIRTUAL*/
#tecladoVirtual {
    position: relative;
    width: 469px; /*height:297px; left:-155px; margin-left:50px; padding:89px 95px 0 92px;*/
    margin: auto;
    z-index: 9;
}

    #tecladoVirtual table td {
        border: none;
        line-height: normal;
        text-align: center;
    }

    /*SENHA*/
    #tecladoVirtual #inputSenha {
        width: 100%;
        font-size: 0;
        margin: 20px 0 5px 14px
    }

#inputSenha ul li {
    float: left;
    display: inline;
    font-size: 13px;
    color: #626261;
    line-height: 20px;
    margin-right: 6px;
    font-family: Arial, Helvetica, sans-serif;
}

    #inputSenha ul li strong {
        color: #999999;
    }

    #inputSenha ul li input {
        width: 185px;
        height: 17px;
        font-size: 13px;
        color: #555555;
        background: #FFFFFF;
        border-radius: 0;
        padding: 2px;
        font-family: Monospace;
    }
/*SENHA*/
#tudoTeclado {
    overflow: hidden;
    clear: both;
}

    #tudoTeclado #vk {
        position: relative;
    }
/*LETRAS*/
#tecladoVirtual #boxConjuntoLetras {
    float: left;
    overflow: hidden;
    padding: 13px 4px 4px 13px;
}

#tecladoVirtual #tecladoLetras {
    width: 310px;
    padding: 2px;
    margin-bottom: 2px !important
}

    #tecladoVirtual #tecladoLetras table {
        margin-top: 0px !important
    }

#tecladoVirtual #tecladoCaracteres {
    width: 310px;
    padding: 2px;
    margin-top: 0;
    margin-bottom: 0;
}
/*LETRAS*/
/*NUMERO*/
#tecladoVirtual #boxConjuntoNumeros {
    float: right;
    overflow: hidden;
    width: 114px;
    padding: 2px;
    margin-right: 10px;
    margin-top: 12px;
}
/*NUMERO*/
#tecladoVirtual a {
    padding-bottom: 0;
}

    #tecladoVirtual a.bgTecla {
        text-decoration: none;
        background: url(/ASPX/App_Themes/Unibanco/Img/Home/icon_gray.jpg) 0 0 no-repeat;
        display: block;
        width: 19px;
        height: 17px;
        padding-top: 1px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666;
    }

    #tecladoVirtual a.bgTeclaNum {
        text-decoration: none;
        background: url(/ASPX/App_Themes/Unibanco/Img/Home/icon_red.jpg) 0 0 no-repeat;
        display: block;
        width: 18px;
        height: 17px;
        padding-top: 1px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #FFF;
    }

/*AÇÕES*/
#acoesTeclado {
    float: left;
    margin-top: -12px;
}

    #acoesTeclado ul li {
        display: inline;
        float: left;
        margin-top: 15px;
    }

        #acoesTeclado ul li.btnLimparSenha {
            margin-right: 5px;
            margin-left: 60px;
        }

        #acoesTeclado ul li.btnVejaComoFunciona {
            margin-right: 38px;
        }

    #acoesTeclado a.botaoLimparSenha {
        text-decoration: none;
        background: url(/ASPX/App_Themes/Unibanco/Img/Home/btnLimparTecadoNovo.png) 0 0 no-repeat;
        display: block;
        width: 102px;
        height: 25px;
        text-indent: -999999px;
    }

    #acoesTeclado a.botaoVejaFunciona {
        text-decoration: none;
        background: url(/ASPX/App_Themes/Unibanco/Img/Home/btnVejaTecado.png) 0 0 no-repeat;
        display: block;
        width: 122px;
        height: 25px;
        text-indent: -999999px;
    }

    #acoesTeclado ul li div.btnTecladoOk {
        background: url(/ASPX/App_Themes/Unibanco/Img/Home/btnOKTecladoNovo.png) no-repeat;
        width: 38px;
        height: 21px;
        min-height: 21px;
        border: none;
        cursor: pointer;
    }

#tecladoDuvida {
    overflow: hidden;
    clear: both;
    float: left;
    margin: 0 13px 8px 13px;
    font-weight: bold;
}

    #tecladoDuvida ul {
        height: 28px;
    }

        #tecladoDuvida ul li {
            float: none;
            display: inline;
            line-height: 25px;
            margin: 0;
            vertical-align: middle;
            text-align: center;
        }

            #tecladoDuvida ul li a.texto {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                font-weight: bold;
                color: #2585C6;
                text-decoration: none;
            }

            #tecladoDuvida ul li a.esqueci {
                margin-left: 8px
            }

/* Botões ================= */
#tecladoVirtual a.btn {
    background: url(../Img/Btn/botoes.gif) repeat-x;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-weight: bold;
    font-size: 11px;
    display: inline-block;
    padding: 0 20px;
    line-height: 23px;
}

    #tecladoVirtual a.btn.disabled,
    #tecladoVirtual a.btn.disabled input[type='submit'] {
        cursor: default;
    }

    /* Terciário */
    #tecladoVirtual a.btn.terciario,
    #tecladoVirtual a.btn.terciario input[type=submit] {
        border: 1px solid #dddcdb;
        background-position: 0 0;
        color: #7a7b7b;
        text-shadow: 0 1px 1px #fff;
    }

        #tecladoVirtual a.btn.terciario:hover,
        #tecladoVirtual a.btn.terciario:hover input[type=submit] {
            border: 1px solid #c7c4c2;
            background-position: 0 -24px;
            box-shadow: 0 0 1px #ccc;
        }

        #tecladoVirtual a.btn.terciario:active,
        #tecladoVirtual a.btn.terciario:active input[type=submit] {
            border: 1px solid #d2d1d0;
            background-position: 0 -48px;
            box-shadow: 0 0 1px #ccc;
        }

    /* Btn Cinza (ModelSheet) */
    #tecladoVirtual a.btn.cinzaescuro,
    #tecladoVirtual a.btn.cinzaescuro:hover,
    #tecladoVirtual a.btn.cinzaescuro:focus,
    #tecladoVirtual a.btn.cinzaescuro:hover input[type=submit],
    #tecladoVirtual a.btn.cinzaescuro:focus input[type=submit] {
        border: 1px solid #CCCCCC;
        background: #999999;
        color: #FFFFFF;
        text-shadow: 0 1px 1px #777777;
    }

        #tecladoVirtual a.btn.cinzaescuro:active,
        #tecladoVirtual a.btn.cinzaescuro.disabled,
        #tecladoVirtual a.btn.cinzaescuro:active input[type=submit],
        #tecladoVirtual a.btn.cinzaescuro.disabled input[type=submit] {
            border: 1px solid #dddcdb;
            background-position: 0 -120px;
            color: #CCCCCC;
            text-shadow: 0 1px 1px #f6f5f4;
        }

/*TECLADO VIRTUAL NOVO*/
#tecladoVirtual table td {
    padding: 2px
}

#tecladoVirtual a.btn {
    padding: 0;
    width: 21px;
    height: 21px;
    margin: 0px;
}

#tecladoVirtual .btnLimparSenha a.btn {
    padding: 0 10px;
    width: auto;
    height: 21px;
    background: url("../Img/Btn/botoes.gif") repeat-x scroll 0 -144px transparent;
    color: #FFFFFF;
    font-weight: bold;
}

#tecladoVirtual .btnOK a.btn {
    padding: 0 15px;
    width: auto;
    height: 21px;
    font-size: 12px;
    font-weight: bold;
    background: url("../Img/Btn/botoes.gif") repeat-x scroll 0 -144px transparent;
}

#boxConjuntoNumeros table {
    margin: 4px 0;
}

#tecladoVirtual #btnFecharTeclado a {
    background: #999999;
    color: #FFFFFF;
    width: 15px;
    height: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    border: 0;
    float: right;
    display: block;
    margin-top: 8px;
    margin-right: 10px;
    padding: 2;
    text-decoration: none;
}

#tecladoVirtual .box.tipo3 {
    margin-bottom: 0px;
    display: block;
    border: 1px solid #dddcdb;
    border-radius: 4px;
}

.popupTecladoVirtual,
.popupTecladoVirtual .header,
.popupTecladoVirtual .content,
.popupTecladoVirtual .footer {
    background: none !important;
    border: none !important;
    padding: 0 !important
}

    .popupTecladoVirtual .footer {
        display: none
    }

    .popupTecladoVirtual .boxBordaEsqUp {
        display: none !important
    }

    .popupTecladoVirtual .boxBordaEsqDown {
        display: none !important
    }

    .popupTecladoVirtual a.popClose {
        float: right;
        margin: 4px;
    }

    .popupTecladoVirtual .header .optn-conteiner {
        float: none;
        left: 50%;
        z-index: 1000000;
    }

/* Btn Cinza (ModelSheet) */
.btn.cinzaescuro,
.btn.cinzaescuro:hover,
.btn.cinzaescuro:focus,
.btn.cinzaescuro:hover input[type=submit],
.btn.cinzaescuro:focus input[type=submit] {
    border: 1px solid #CCCCCC;
    background: #999999;
    color: #FFFFFF;
    text-shadow: 0 1px 1px #777777;
}

    .btn.cinzaescuro:active,
    .btn.cinzaescuro.disabled,
    .btn.cinzaescuro:active input[type=submit],
    .btn.cinzaescuro.disabled input[type=submit] {
        border: 1px solid #dddcdb;
        background-position: 0 -120px;
        color: #CCCCCC;
        text-shadow: 0 1px 1px #f6f5f4;
    }

.popupTecladoVirtual {
    width: 600px;
    height: 300px;
    margin: 0 0 0 0;
}
/*#btnEfetuarLogin {margin:0px 0 0 30px;}*/
.pagina-ir .box.tipo2 .topo + .conteudo {
    background-image: none;
    background-repeat: no-repeat;
}

/* Modal Pessoa Juridica --------------------- */
.popUp.box.pessoaJuridica.success p.negrito {
    font-weight: bold;
}

/* IPO*/
/*negrito*/
.negrito {
    font-weight: bold;
}

.negritoCronograma {
    font-weight: bold;
    margin-inline: 10px;
}

.greyGridTable thead tr {
    background: none;
}

.greyGridTable td, thead th {
    border-left: 1px solid #E7E5E3;
    border-right: 1px solid #E7E5E3;
}


.cinza {
    background-color: #DDDCDB;
}



/*tamanho 32*/
.tamanho-20 {
    font-size: 20px !important;
}

.tamanho-32 {
    font-size: 32px !important;
}

.margin-inferior10 {
    margin-bottom: 10px;
}

.margin-inferior50 {
    margin-bottom: 50px;
}
/*uppercase*/
.maiusculo {
    text-transform: uppercase;
}

.padding-esquerdo10 {
    padding-left: 10px;
}

.padding-superior10 {
    padding-top: 10px;
}

.padding-inferior10 {
    padding-bottom: 10px;
}

.padding-inferior5 {
    padding-bottom: 5px;
}

.text-align {
    text-align: justify;
}

.padding-direito10 {
    padding-right: 10px;
}

.botao-direita {
    float: right;
    margin-right: 20px;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible !important;
}

.vertical-alignment-middle {
    vertical-align: middle;
}

.label-centralizada {
    float: left;
    vertical-align: middle;
    padding-top: 5px;
}

.input-centralizado {
    float: left;
    padding-left: 10px;
}
/* FIM IPO*/
.popUp.box.pessoaJuridica.success {
    height: 647px;
    width: 700px !important;
    position: absolute;
    left: 40%;
    top: 30%;
    margin-left: -191px;
    margin-top: -191px;
}

/* Modal Correntista --------------------- */
.popUp.box.correntista.success {
    height: 150px;
    width: 600px !important;
    position: absolute;
    left: 40%;
    top: 30%;
    margin-left: -191px;
    margin-top: -191px;
}

/* Modal Error Show --------------------- */
.popUp.box.erro.success {
    height: 135px;
    width: 500px !important;
    position: absolute;
    left: 40%;
    top: 30%;
    margin-left: -191px;
    margin-top: -191px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

/* Modal Historico Operacao --------------------- */
.popUp.box.operacao.success {
    height: 620px;
    width: 500px !important;
    position: absolute;
    left: 40%;
    top: 30%;
    margin-left: -191px;
    margin-top: -191px;
}

/* Formatação Cadastro Não Correntista*/
.labelCadastroNaoCorrentista {
    width: 130px
}

.labelCadastroNaoCorrentistaOutro {
    width: 40px
}

.labelCadastroNaoCorrentistaMais {
    width: 100px
}

.labelCadastroNaoCorrentista.nowidth {
    width: 100px
}

.labelCadastroNaoCorrentista.hidden {
    visibility: hidden
}

.labelCadastroNaoCorrentista.formprof {
    width: 240px
}

.labelCadastroNaoCorrentistaTIN {
    width: 190px
}

/*Tela alteracao senha - Nao Correntista ----------------- */
.alterasenha label {
    width: 130px;
}

.alterasenha p {
    margin: 10px 0;
}

.alterasenha span {
    margin-bottom: 10px
}

.alterasenha {
    width: 520px
}


/* tela cadastro nao correntista*/
.form-same-line {
    float: left
}

.form-data input[type="text"] {
    margin-right: 10px;
    width: 207px;
}

.form-data .validade input {
    width: 40px;
}

.form-data #dia, .form-data #mes {
    width: 20px;
}

.form-data .validade .ddi, .form-data .validade .ddd {
    width: 28px;
}

.form-data .validade .tel {
    width: 70px;
}

.linhas-form .nomeinput {
    width: 500px;
}

.linhas-form .nomeconjugeinput {
    width: 340px;
}

.linhas-form .defaultinput {
    width: 250px;
}

.optn-boxes.maximizar.naocorrentista,
.optn-boxes.minimizar.naocorrentista {
    position: absolute;
    margin: 1px 5px 0 -21px
}

.btn.primario.naocorrentista {
    margin: 0 0 0 440px
}

.pagina-dadospessoais .formDadosPessoais input[type='text']#cpfDadosBasicosdisable {
    font-weight: bold;
}

.pagina-dadospessoais .formDadosPessoais .labelCadastroNaoCorrentistaNacionalidade {
    margin-left: 30px;
}

.pagina-dadospessoais .formDadosPessoais .dianasc {
    width: 38px;
}

.pagina-dadospessoais .formDadosPessoais .mesnasc {
    width: 38px;
}

.pagina-dadospessoais .formDadosPessoais .anonasc {
    width: 82px;
}

.pagina-dadospessoais .formDadosPessoais input[disabled] {
    background-color: rgb(218, 218, 218);
}

.pagina-dadosprofissionais .form-data .validade .ddi, .pagina-dadosprofissionais .form-data .validade .ddd {
    width: 28px !important;
}

.pagina-dadosprofissionais .form-data .validade .tel {
    width: 70px !important;
}

/* DIV - Consultor On-line */
.div_consultoronline {
    position: fixed;
    right: 0px;
    top: 39%;
    z-index: 99;
}

    .div_consultoronline .consultor-on-line {
        line-height: 40px !important;
        background-image: url(../Img/Btn/btn_consultor_vert.gif);
        background-position: 0px 0px;
        display: inline-block;
        height: 155px;
        width: 40px;
    }

        .div_consultoronline .consultor-on-line:hover {
            line-height: 40px !important;
            background-image: url(../Img/Btn/btn_consultor_vert.gif);
            background-position: 40px 0px;
            display: inline-block;
        }

/* ======================
Spinnex classes
========================= */
.pagina-itaucorretoraproacesso ul li {
    list-style-type: none;
    padding: 3px 0;
}

.pagina-itaucorretoraproacesso ul {
    margin-bottom: 20px;
}


.pagina-diferenciais .spx-conteiner-3de4 img {
    margin: 0 0 20px 20px;
}

.spx-conteiner-3de4 img.align-left {
    float: left;
    margin: 0 20px 20px 0;
}

.spx-conteiner-3de4 img.align-right {
    float: right;
    margin: 0 0 20px 20px;
}

.spx-tit.spx-tit-sem-linha {
    color: #FE7821;
    font-size: 31px;
    line-height: 31px;
    font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
    margin: 5px 0 8px;
    backgorund: none;
}

.box.como-comecar p {
    margin: 15px 0 0;
}

.pagina-comocomecar.pagina-index .spx-conteiner-1de4 .box.spx-box-com-links {
    margin: 0 0 20px 10px;
    width: 231px;
}

.spx-conteiner-1de4 .box.spx-box-com-links {
    margin: 0 0 20px 20px;
    font-size: 11px;
    width: 221px;
}

    .spx-conteiner-1de4 .box.spx-box-com-links h2 {
        margin: 0 12px;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        line-height: normal;
    }

    .spx-conteiner-1de4 .box.spx-box-com-links .conteudo {
        padding: 0;
    }

        .spx-conteiner-1de4 .box.spx-box-com-links .conteudo li {
            padding: 10px 15px 5px;
            background: url(../Img/Bg/linhas.gif) repeat-x;
            margin-left: 0;
        }

            .spx-conteiner-1de4 .box.spx-box-com-links .conteudo li.ativo a {
                color: #FE7821;
            }

            .spx-conteiner-1de4 .box.spx-box-com-links .conteudo li:first-child {
                background: none;
            }

    .spx-conteiner-1de4 .box.spx-box-com-links p.data-assunto {
        margin: 0;
        padding: 0;
        color: #6F6E6B;
    }

.spx-conteiner-1de4 .box.tipo2.spx-box-com-links .rodape {
    background: #F2F0EE url(../Img/Bg/linhas.gif) repeat-x;
    padding: 15px 0 12px;
}

    .spx-conteiner-1de4 .box.tipo2.spx-box-com-links .rodape a {
        margin-left: 15px;
    }

.spx-box-com-links ul {
    list-style-type: none;
}

.spx-conteiner-1de4.spx-col-esq .box.spx-box-com-links {
    margin: 0 20px 20px 0;
}

.spx-accordion .box .conteudo h3 {
    font-weight: bold;
    margin: 12px;
}

.spx-accordion .box .conteudo ul {
    margin: 12px;
}

.spx-abas {
    list-style-type: none;
}

.menu-teste {
    margin: 10px;
}

.submenu-teste {
    margin: 0 0 0 20px;
}

.pagina-tesouro-direto .institucional .box .conteudo {
    list-style-type: circle;
    list-style-position: inside;
}

.pagina-diferenciais.pagina-compraprogramada .spx-conteiner-3de4 img {
    margin: 0 0 3px 20px;
}

.pagina-home .prod-servicos .box .topo p {
    font-size: 0.75em;
}

.tabs.bolsas-ativos-opcoes .conteudo .opcoes .filtros {
    list-style-type: none;
}

#pagina-transferenciacustodia .box.tipo5 .conteudo p {
    margin: 0;
}

#blackout .detalhes-bloqueio ul li {
    list-style-type: none;
}

#dicaRendaPatrimonio {
    margin-top: 60px;
}


/* ============================================
Fixed table styles
=============================================== */
.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
    overflow: hidden;
    position: relative;
}

    .fht-table-wrapper .fht-fixed-body .fht-tbody,
    .fht-table-wrapper .fht-tbody {
        overflow: auto;
    }

    .fht-table-wrapper .fht-table .fht-cell {
        overflow: hidden;
        height: 1px;
    }

    .fht-table-wrapper .fht-fixed-column,
    .fht-table-wrapper .fht-fixed-body {
        top: 0;
        left: 0;
        position: absolute;
    }

    .fht-table-wrapper .fht-fixed-column {
        z-index: 1;
    }


/* Compra e Venda 
/////////////////
*/

.abas-compra .box.ofertas-compra-venda .scroll-tabela {
    height: 130px;
    clear: both;
}

.book .header-book .topo.topo-venda, .book .header-book .topo.topo-compra {
    padding: 5px 15px;
    cursor: default;
    margin: 0;
}

.abas-compra .box.ofertas-compra-venda .scroll-tabela .compra,
.abas-compra .box.ofertas-compra-venda .scroll-tabela .venda {
    margin-left: 20px;
}
/*Tela alteracao assinatura eletrônica - Nao Correntista ----------------- */
.alteraassinaturaeletronica label {
    width: 150px;
}

.alteraassinaturaeletronica p {
    margin: 10px 0;
}

.alteraassinaturaeletronica span {
    margin-bottom: 10px
}

/*Tela cadastro nao correntista dados profissionais */
.pagina-cadastronaocorrentista.pagina-dadosprofissionais input[type='text']#cep {
    width: 65px;
}

.pagina-cadastronaocorrentista.pagina-dadosprofissionais input[type='text']#cep2 {
    width: 65px;
}

.pagina-dadosprofissionais .labelCadastroNaoCorrentista.labelnumero {
    width: 65px;
    font-weight: normal;
}

.pagina-cadastronaocorrentista .box.senha {
    margin: 20px auto 60px;
    padding: 0;
    width: 490px
}

    .pagina-cadastronaocorrentista .box.senha .conteudo {
        padding: 15px 10px 5px 15px;
    }

    .pagina-cadastronaocorrentista .box.senha .rodape {
        background: url(../img/bg/linhas.gif) repeat-x;
        padding: 15px 10px 15px 15px;
    }

/* Tela cadastro nao correntista renda patrimonio */
.pagina-cadastronaocorrentista.pagina-rendapatrimonio .conteiner h2 {
    font-size: 30px;
    margin: -4px 0 0;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .conteiner {
    color: #6F6E6B;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.senha {
    margin: 20px auto 60px;
    padding: 0;
    width: 470px;
}

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.senha label {
        width: auto;
        color: #262626;
        font-weight: bold;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.senha .conteudo {
        padding: 15px 10px 5px 15px;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.senha .rodape {
        background: url(../img/bg/linhas.gif) repeat-x;
        padding: 15px 10px 15px 15px;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.senha input[type='password'] {
        margin-right: 0;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.senha .rodape .btn {
        margin: 0;
    }

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.termo h4 {
    display: none;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.termo p {
    padding: 0;
    margin: 0 0 13px 0;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.senhaAlt {
    padding: 0;
    width: 470px;
}

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.senhaAlt label {
        width: auto;
        color: #262626;
        font-weight: bold;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.senhaAlt .conteudo {
        padding: 15px 10px 5px 15px;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.senhaAlt .rodape {
        padding: 15px 10px 15px 15px;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.senhaAlt input[type='password'] {
        margin-right: 0;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.senhaAlt .rodape .btn {
        margin: 0;
    }

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.termo h4 {
    display: none;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.termo p {
    padding: 0;
    margin: 0 0 13px 0;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio form {
    clear: both;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio #content label {
    display: block;
    height: auto;
    text-align: left;
    margin-bottom: 15px;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .linhas-form {
    clear: both;
    height: auto;
    margin: 0px 0px 18px;
}

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .linhas-form.espacamento-minimo {
        margin: 0 0 2px;
    }

        .pagina-cadastronaocorrentista.pagina-rendapatrimonio .linhas-form.espacamento-minimo label {
            height: 20px;
        }

.pagina-cadastronaocorrentista.pagina-rendapatrimonio fieldset { /*background:url(../img/bg/fieldset.gif) repeat-x;*/
    border: 0;
    padding: 0;
    margin: -5px 0 0;
    position: relative;
}

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio fieldset:first-child {
        background: none;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio fieldset.sem-rotulo {
        padding-top: 20px;
        overflow: hidden;
    }

.pagina-cadastronaocorrentista.pagina-rendapatrimonio legend {
    color: #FE7821;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16px;
    padding-bottom: 15px;
    float: left;
    margin: 6px 0 0;
    width: 100%;
}

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio legend span {
        border-top: 1px solid #DDD9D8;
        border-bottom: 1px solid #DDD9D8;
        font-family: ItauDisplayBold,Arial,Verdana;
        font-size: 16px;
        color: #FE7821;
        display: block;
        padding: 10px 0;
        margin-bottom: 13px;
        width: 100%;
    }
/*.pagina-cadastronaocorrentista.pagina-rendapatrimonio .submit-form{padding:15px 15px 5px;margin-top:30px;border:0;background:url(../Img/Bg/linhas.gif) repeat-x;}*/
.pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.tipo2 h3 {
    font-size: 15px;
    color: #FE7821;
    margin: 3px 0 0 15px;
    font-weight: bold;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio #content .box.tipo2 .conteudo {
    padding: 0;
}
/*.pagina-cadastronaocorrentista.pagina-rendapatrimonio .submit-form .divisor-esquerda{float:right;}
.pagina-cadastronaocorrentista.pagina-rendapatrimonio .submit-form .link-formulario{float:right;margin-top:5px;}*/
.pagina-cadastronaocorrentista.pagina-rendapatrimonio .own-account {
    width: 208px
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio h2.titulo-servicos {
    padding: 0;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .conteiner1de4 .box.dicas {
    width: 189px;
    margin-left: 20px;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.dicas.alinhamento-tabela {
    margin-top: 15px;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.aviso {
    margin-top: 10px;
}

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.aviso .topo h2 {
        font-size: 16px;
        margin: 0 12px;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.aviso .conteudo p {
        margin: 12px 0;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.aviso .rodape {
        text-align: right;
        background: url(../Img/Bg/linha-branca.gif) repeat-x;
    }

        .pagina-cadastronaocorrentista.pagina-rendapatrimonio .box.aviso .rodape .btn {
            margin-right: 12px;
            margin-left: 0;
            margin-bottom: 12px;
        }

.pagina-cadastronaocorrentista.pagina-rendapatrimonio fieldset.bens-imoveis {
    #z-index:5;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio fieldset.outros-bens {
    #z-index:4;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio fieldset.patrimonio-financeiro {
    #z-index:3;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio fieldset.rendimentos-mensais {
    #z-index:2;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio fieldset.dados-bancarios {
    #z-index:1;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .lblTrustedInfo {
    width: 95%;
    text-align: justify;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .dados-bancarios ul.selectStyled {
    clear: left;
}

.pagina-cadastronaocorrentista.pagina-rendapatrimonio .dados-bancarios .senhaAlt {
    width: 490px
}

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .dados-bancarios .senhaAlt .bordaEsq {
        clear: none;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .dados-bancarios .senhaAlt .rodape {
        width: 490px;
        height: 23px;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .dados-bancarios .senhaAlt .boxBordaEsqUp {
        background-position: 0 0;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .dados-bancarios .senhaAlt .boxBordaDirUp {
        background-position: right 0;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .dados-bancarios .senhaAlt .boxBordaEsqUp {
        width: 490px;
    }

    .pagina-cadastronaocorrentista.pagina-rendapatrimonio .dados-bancarios .senhaAlt .boxBordaEsqDown {
        width: 490px;
    }

/* Passo 4 */
.pagina-cadastronaocorrentista.pagina-termospropostas form {
    clear: both;
}

.pagina-cadastronaocorrentista.pagina-termospropostas #content label {
    display: block;
    height: auto;
    text-align: left;
    margin-bottom: 15px;
}

.pagina-cadastronaocorrentista.pagina-termospropostas .linhas-form {
    clear: both;
    height: auto;
}

    .pagina-cadastronaocorrentista.pagina-termospropostas .linhas-form.espacamento-minimo {
        margin: 0 0 2px;
    }

        .pagina-cadastronaocorrentista.pagina-termospropostas .linhas-form.espacamento-minimo label {
            height: 20px;
        }

.pagina-cadastronaocorrentista.pagina-termospropostas fieldset { /*background:url(../img/bg/fieldset.gif) repeat-x;*/
    border: 0;
    padding: 0;
    margin: -5px 0 0;
    position: relative;
}

    .pagina-cadastronaocorrentista.pagina-termospropostas fieldset:first-child {
        background: none;
    }

    .pagina-cadastronaocorrentista.pagina-termospropostas fieldset.sem-rotulo {
        padding-top: 20px;
        margin: 0 0 -25px;
        overflow: hidden;
    }

.pagina-cadastronaocorrentista.pagina-termospropostas legend {
    color: #FE7821;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16px;
    padding-bottom: 15px;
    float: left;
    margin: 6px 0 0;
}

    .pagina-cadastronaocorrentista.pagina-termospropostas legend span {
        width: 100%;
    }

.pagina-cadastronaocorrentista.pagina-termospropostas .submit-form {
    padding: 15px 15px 5px;
    margin-top: 30px;
    border: 0;
    background: url(../Img/Bg/linhas.gif) repeat-x;
}

.pagina-cadastronaocorrentista.pagina-termospropostas .box.tipo2 h3 {
    font-size: 15px;
    color: #FE7821;
    margin: 3px 0 0 15px;
    font-weight: bold;
}

.pagina-cadastronaocorrentista.pagina-termospropostas .box.tipo2 .conteudo {
    padding: 0;
}

.pagina-cadastronaocorrentista.pagina-termospropostas .submit-form .divisor-esquerda {
    float: right;
}

.pagina-cadastronaocorrentista.pagina-termospropostas .submit-form .link-formulario {
    float: right;
    margin-top: 5px;
}

.pagina-cadastronaocorrentista.pagina-termospropostas .own-account {
    width: 208px
}

.pagina-cadastronaocorrentista.pagina-termospropostas h2.titulo-servicos {
    padding: 0;
}

.pagina-cadastronaocorrentista.pagina-termospropostas .conteiner1de4 .box.dicas {
    width: 189px;
    margin-left: 20px;
}

.pagina-cadastronaocorrentista.pagina-termospropostas .box.dicas.alinhamento-tabela {
    margin-top: 15px;
}

.pagina-cadastronaocorrentista.pagina-termospropostas fieldset {
    position: relative;
}

.pagina-cadastronaocorrentista.pagina-termospropostas legend {
    font-family: ItauDisplayRegular,Arial,Tahoma,Verdana;
    font-size: 15px;
    padding-bottom: 8px;
    max-width: 670px;
}

    .pagina-cadastronaocorrentista.pagina-termospropostas legend span {
        border: 0;
    }

.pagina-cadastronaocorrentista.pagina-termospropostas .menu-termos {
    position: absolute;
    top: 30px;
    right: 4px;
}

.pagina-cadastronaocorrentista.pagina-termospropostas .conteiner3de4 p:first-child {
    margin-top: 0;
}

.pagina-cadastronaocorrentista.pagina-termospropostas .tooltip.tipo1 {
    width: auto;
    margin-top: -10px;
}

    .pagina-cadastronaocorrentista.pagina-termospropostas .tooltip.tipo1 .detalhe {
        top: 10px;
    }

.pagina-cadastronaocorrentista.pagina-termospropostas .submit-form {
    margin-top: -5px;
}

.pagina-cadastronaocorrentista.pagina-termospropostas #content label {
    width: 692px;
    float: left;
    text-align: left;
}

.pagina-cadastronaocorrentista.pagina-termospropostas legend {
    color: #FE7821;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16px;
    padding-bottom: 15px;
    float: left;
    margin: 6px 0 0;
}

/*Pop Teclado saiba mais*/
.popupTecladoSaibaMAisp {
    line-height: 20px;
    margin-left: 30px;
    margin-top: 30px;
    margin-right: 30px;
    left: 40%;
    top: 30%;
}

.popupTecladoSaibaMAisbold {
    font-weight: bold;
    font-size: 16px;
}

.popupSaibamais {
    margin-left: 875px;
    margin-top: 5px;
    background-position: -28px 0;
}

.pagina-cadastronaocorrentista.pagina-termospropostas #content label {
    width: 692px;
    float: left;
    text-align: left;
}

.pagina-cadastronaocorrentista.pagina-termospropostas legend {
    color: #FE7821;
    font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
    font-size: 16px;
    padding-bottom: 15px;
    float: left;
    margin: 6px 0 0;
    height: 28px;
}



.pagina-cadastronaocorrentista.pagina-confirmacao .linhas-form {
    clear: both;
    height: auto;
}

    .pagina-cadastronaocorrentista.pagina-confirmacao .linhas-form.espacamento-minimo {
        margin: 0 0 2px;
    }

        .pagina-cadastronaocorrentista.pagina-confirmacao .linhas-form.espacamento-minimo label {
            height: 20px;
        }




.pagina-cadastronaocorrentista.pagina-confirmacao .labelCadastroNaoCorrentista {
    width: 190px;
}

.pagina-cadastronaocorrentista.pagina-confirmacao .submit-form {
    clear: both;
    margin-top: 0px;
    padding: 0px;
}

.pagina-cadastronaocorrentista.pagina-confirmacao p.obs {
    clear: both;
}

.pagina-cadastronaocorrentista.pagina-confirmacao .linhas-form label.declar {
    height: auto;
    text-align: justify;
    margin-bottom: 20px;
}


/* Conclusão */
.pagina-cadastronaocorrentista.pagina-conclusao .box.conclusao-obrigado .conteudo p {
    margin-bottom: 12px;
}

.pagina-cadastronaocorrentista.pagina-conclusao .box.conclusao-obrigado .rodape {
    padding: 0;
}

    .pagina-cadastronaocorrentista.pagina-conclusao .box.conclusao-obrigado .rodape .btn {
        margin: 12px;
    }

.pagina-cadastronaocorrentista.pagina-conclusao .box.questionario {
    margin: 0 0 0 20px;
}

    .pagina-cadastronaocorrentista.pagina-conclusao .box.questionario .topo h2 {
        color: #FE7821;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        margin: 0 12px !important;
    }

    .pagina-cadastronaocorrentista.pagina-conclusao .box.questionario .conteudo p {
        margin: 0 !important;
    }

    .pagina-cadastronaocorrentista.pagina-conclusao .box.questionario .conteudo ul {
        margin: 13px 0;
    }

        .pagina-cadastronaocorrentista.pagina-conclusao .box.questionario .conteudo ul li {
            background: none;
            padding: 2px 12px;
        }

            .pagina-cadastronaocorrentista.pagina-conclusao .box.questionario .conteudo ul li span {
                font-weight: bold;
            }

    .pagina-cadastronaocorrentista.pagina-conclusao .box.questionario .rodape .btn {
        margin: 12px;
    }

.pagina-cadastronaocorrentista.pagina-conclusao .suitability .rodape {
    text-align: right;
}

.pagina-cadastronaocorrentista.pagina-conclusao .explore-nossas-vantagens {
    float: right;
}

.pagina-cadastronaocorrentista.pagina-conclusao .questionario-perfil-novo {
    margin-top: -15px;
}

    .pagina-cadastronaocorrentista.pagina-conclusao .questionario-perfil-novo .rodape {
        display: none;
    }

    .pagina-cadastronaocorrentista.pagina-conclusao .questionario-perfil-novo .box.dicas {
        border-top: none;
    }

        .pagina-cadastronaocorrentista.pagina-conclusao .questionario-perfil-novo .box.dicas .boxBordaEsqUp,
        .pagina-cadastronaocorrentista.pagina-conclusao .questionario-perfil-novo .box.dicas .boxBordaDirUp {
            display: none;
        }

.pagina-cadastronaocorrentista.pagina-conclusao .box.conclusao-obrigado .conteudo p.espacesquerda {
    margin-left: 12px;
}

.pagina-cadastronaocorrentista.pagina-conclusao .box.conclusao-obrigado .conteudo a#linkquestionario {
    float: right;
    margin-right: 10px;
}

/* Conta/Extrato - Não Correntista */
.pagina-extrato select.cod-bovespa,
.pagina-extrato select.periodo {
    width: 100px;
}

.pagina-extrato .box.filtros {
    margin: 12px 0;
}

    .pagina-extrato .box.filtros label {
        height: auto;
    }

    .pagina-extrato .box.filtros li {
        display: block;
        margin: 0;
    }

.pagina-extratosinacor select.cod-bovespa,
.pagina-extratosinacor select.periodo {
    width: 100px;
}

.pagina-extratosinacor .box.filtros {
    margin: 12px 0;
}

    .pagina-extratosinacor .box.filtros label {
        height: auto;
    }

    .pagina-extratosinacor .box.filtros li {
        display: block;
        margin: 0;
    }

.pagina-resgatenaocorrentista .box.senha .divisor-esquerda {
    padding-left: 30px;
}

.pagina-resgatenaocorrentista .box.senha .bordaEsq + .link-formulario {
    padding-left: 15px;
}

.pagina-resgatenaocorrentista .box.senha label {
    width: 123px;
}

.pagina-resgatenaocorrentista .resgate-form label {
    width: 116px;
}

.pagina-resgatenaocorrentista .resgate-form .linhas-form {
    margin: 10px 0;
}

    .pagina-resgatenaocorrentista .resgate-form .linhas-form.primeiro {
        margin-top: 20px;
    }

.pagina-resgatenaocorrentista .resgate-form .cod-bovespa {
    width: 100px;
}

.pagina-resgatenaocorrentista .resgate-form .invisivel {
    color: #000;
}

.pagina-resgatenaocorrentista .resgate-form .sub-label {
    float: left;
    height: 25px;
    margin-right: 10px;
    padding-top: 4px;
}

    .pagina-resgatenaocorrentista .resgate-form .sub-label + input {
        width: 80px;
    }

.pagina-resgatenaocorrentista .resgate-form .tipo-resgate label.sub-label {
    width: 40px;
    margin-right: 20px;
    text-align: left;
}

.pagina-resgatenaocorrentista .resgate-form .tipo-transferencia label.sub-label {
    width: 40px;
    margin-right: 20px;
    text-align: left;
}

.pagina-resgatenaocorrentista .resgate-form select {
    width: 100px;
}

.pagina-resgatenaocorrentista .confirmacao-senha {
    margin-top: 0;
}


.pagina-resgatenaocorrentista .success-place {
    padding: 15px 0;
}

.pagina-resgatenaocorrentistaconfirmacao .success-place {
    padding: 15px 0;
}

.pagina-resgatenaocorrentistasucesso .success-place {
    padding: 15px 0;
}

.pagina-resgatenaocorrentistaconfirmacao .confirmacao-senha {
    margin-top: 0;
}

.pagina-resgatenaocorrentistasucesso .confirmacao-senha {
    margin-top: 0;
}

    .pagina-resgatenaocorrentistaconfirmacao .confirmacao-senha .origem,
    .pagina-resgatenaocorrentistasucesso .confirmacao-senha .origem {
        border-bottom: 0;
        margin-bottom: 0;
    }

        .pagina-resgatenaocorrentistaconfirmacao .confirmacao-senha .origem .conta-origem,
        .pagina-resgatenaocorrentistasucesso .confirmacao-senha .origem .conta-origem {
            margin-top: 5px;
        }

    .pagina-resgatenaocorrentistaconfirmacao .confirmacao-senha .destino,
    .pagina-resgatenaocorrentistasucesso .confirmacao-senha .destino {
        padding-top: 0;
        margin-top: 0;
    }

.pagina-resgatenaocorrentistasucesso hr {
    margin: 20px 0 10px;
    clear: both;
    width: 100%;
}

/*Login - Não correntista*/
.btn.naocorrentista {
    border: 0;
    background-position: 0 -144px;
    color: #f9f8f7;
    padding: 0 21px;
    line-height: 25px;
    text-shadow: 0 1px 1px #29709d;
}

    .btn.naocorrentista:hover,
    .btn.naocorrentista:focus,
    .btn.naocorrentista.focus input[type=submit],
    .btn.naocorrentista:hover input[type=submit] {
        background-position: 0 -167px;
        text-shadow: 0 1px 1px #1a6191;
    }

    .btn.naocorrentista:active,
    .btn.naocorrentista.disabled,
    .btn.naocorrentista:active input[type=submit],
    .btn.naocorrentista.disabled input[type=submit] {
        border: 1px solid #dddcdb;
        background-position: 0 -119px;
        color: #7a7b7b;
        text-shadow: 0 1px 1px #f6f5f4;
        padding: 0 20px;
    }

/*
.linhas-form{text-align:center}
*/
.centralizar-texto {
    text-align: center
}


.btn.primario.Login {
    margin-top: 10px;
    margin-bottom: 10px;
}

.rodape.Login {
    text-align: center
}

.conteiner1de3.Login {
    width: 300px !important;
    margin-right: 20px;
}

.num.Login {
    background: url("../Img/Ico/chat.png") 0 0 no-repeat;
    width: 50px;
    height: 40px;
    float: left;
    margin: -9px 3px 0 0;
}

.num.Email {
    background: url("../Img/Ico/e-mail.png") 0 0 no-repeat;
    width: 50px;
    height: 40px;
    float: left;
    margin: -9px 3px 0 0;
}

.num.Telefone {
    background: url("../Img/Ico/tel.png") 0 0 no-repeat;
    width: 50px;
    height: 40px;
    float: left;
    margin: -9px 3px 0 0;
}

/*Previdencia*/
.previdenciap {
    margin-left: 50px;
}

.thead-duplo.previdencia {
    width: 400px;
    margin-bottom: 30px;
}

.previdenciaTd {
    text-align: right;
}

.previdenciaGrid table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 2px;
    border-color: Gray;
    display: table;
    border-spacing: 2px;
    border-color: Gray
}

.previdenciaGrid thead th {
    text-align: left;
    color: #262626;
    font-weight: bold;
    display: table-cell;
    padding: 1px 10px 15px;
    vertical-align: bottom
}

    .previdenciaGrid thead th.fixo {
        text-align: left;
        color: #262626;
        font-weight: bold;
        display: table-cell;
        padding: 1px 10px 15px;
        vertical-align: bottom;
        width: 241px
    }

    .previdenciaGrid thead th.centro {
        text-align: center;
        color: #262626;
        font-weight: bold;
        display: table-cell;
        padding: 1px 10px 15px;
        vertical-align: bottom
    }

    .previdenciaGrid thead th.total {
        text-align: right;
        color: #262626;
        font-weight: bold;
        display: table-cell;
        padding: 1px 10px 15px;
        vertical-align: bottom
    }

.previdenciaGrid tbody tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit
}

    .previdenciaGrid tbody tr.impar {
        background: #E5E2E1;
    }

.previdenciaGrid tbody td {
    text-align: left;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 11px
}

    .previdenciaGrid tbody td.esquerda {
        text-align: left;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .previdenciaGrid tbody td.centro {
        text-align: center;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .previdenciaGrid tbody td.direita {
        text-align: right;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .previdenciaGrid tbody td.saldo {
        text-align: right;
        font-weight: bold;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .previdenciaGrid tbody td.total {
        text-align: right;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .previdenciaGrid tbody td.link {
        text-align: right;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .previdenciaGrid tbody td.rodape {
        padding: 10px 0;
        border: 1px solid #C0C0C0;
    }

.previdenciaGrid tfoot tr {
    background: url(../Img/Bg/linhas.gif) repeat-x 0 7px;
    height: 30px;
}

.previdenciaTable table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 2px;
    border-color: Gray;
    display: table
}

    .previdenciaTable table tbody tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit
    }

.previdenciaTable tbody td {
    text-align: left;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 11px
}

    .previdenciaTable tbody td.label {
        text-align: right;
        width: 241px;
    }

    .previdenciaTable tbody td.valor {
        text-align: left;
        font-weight: bold;
        color: Gray;
        width: 241px;
    }

.previdenciaMovimentacoesProgramadas table tr.impar {
    background: #E5E2E1;
    text-align: center
}

.previdenciaMovimentacoesProgramadas tbody td {
    text-align: center
}

.previdenciaSeparador {
    padding-bottom: 10px;
    overflow: hidden;
    background: url(../Img/bg/linha-branca.gif) repeat-x bottom;
    clear: both;
}

.previdenciaVoltar {
    text-align: right
}

.icoPrint {
    display: inline-block;
    background: url(../img/ico/icones.png) no-repeat 0 25px;
    height: 15px;
}

    .icoPrint.imprimir {
        width: 18px;
        background-position: 0 0;
        float: right
    }

        .icoPrint.imprimir:hover {
            background-position: 0 -17px;
        }

/* Alteração Dados Bancários */
.pagina-alteracaodadosbancarios label {
    width: 48px;
}

    .pagina-alteracaodadosbancarios label#assinatura {
        width: auto;
    }

.pagina-alteracaodadosbancarios linhas-form {
    margin: 10px 0;
}

.pagina-alteracaodadosbancarios input[type='text']#numeroAgencia {
    width: 95px;
}

.pagina-alteracaodadosbancarios input[type='text']#numeroContaCorrente {
    width: 95px;
}

.pagina-alteracaodadosbancarios input[type='text']#digitoContaCorrente {
    width: 16px;
}

/* Esquecimento de senha*/
.pagina-esquecimentosenha .alterasenha input[type='text']#dianasc {
    width: 24px;
    margin: 2px;
}

.pagina-esquecimentosenha .alterasenha input[type='text']#mesnasc {
    width: 24px;
    margin: 2px;
}

.pagina-esquecimentosenha .alterasenha input[type='text']#anonasc {
    width: 53px;
    margin: 2px;
}

/* Esquecimento de assinatura eletronica*/
.pagina-esquecimentoassinaturaeletronica .alteraassinaturaeletronica input[type='text']#email {
    width: 279px;
    margin: 2px;
    font-weight: bold;
}

.alteraassinaturaeletronica {
    width: 520px;
}

/* cpf cadastro não correntista*/
.formCpfCadastroNaoCorrentista .btn.primario.pesquisar {
    margin-left: 3px;
}

/* Esquecimento de login */
.pagina-esquecimentologin .box-esquecimento-login {
    width: 308px;
    margin-right: 10px;
    float: left;
}

.pagina-esquecimentologin .btn-esquecimento-login {
    width: 92%;
    height: 25px;
    padding: 10px 12px;
    text-align: right;
}

/* Modal Primeiro Acesso */
.box.tipo3.primeiroacesso .scroll-bloco {
    width: 645px;
    height: 93px;
}

.box.tipo3.primeiroacesso {
    padding: 15px 5px 15px 15px;
    width: 655px;
    clear: left;
    height: 93px;
    background-color: #fff;
    clear: both;
}

.pagina-cockpit .box.tipo3.primeiroacesso {
    margin-top: 15px;
}

.box.tipo3.primeiroacesso .jspContainer {
    width: 645px;
}

.box.tipo3.primeiroacesso .jspVerticalBar {
    border: 0;
}

.box.tipo3.primeiroacesso .jspTrack {
    left: 1px;
    border-left: 0;
}

.popUp.primeiroacesso .box.tipo3.primeiroacesso {
    width: 654px;
    margin: 15px 0 8px;
}

.popUp.primeiroacesso .intro {
    float: left;
    width: 580px;
    margin: 0px 0px 10px 0px
}

/* Tela alteracao assinatura eletrônica - Nao Correntista */
.cadastraassinaturaeletronica label {
    width: 150px;
}

.cadastraassinaturaeletronica p {
    margin: 10px 0;
}

.cadastraassinaturaeletronica span {
    margin-bottom: 10px
}


/* Box inserção de senha e Assinatura eletrônica*/
.box.assinaturaSenha {
    border: 1px solid #dddcdb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #F2F0EE;
    margin: 10px 0;
    padding: 15px 10px;
    width: 460px;
    margin-left: 0px;
}

    .box.assinaturaSenha label {
        font-weight: bold;
        float: left !important;
        margin-right: 7px !important;
    }

.divisao + .box.assinaturaSenha {
    margin-top: 10px;
}

.box.assinaturaSenha2 {
    border: 1px solid #dddcdb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #F2F0EE;
    margin: 18px 0;
    padding: 15px 10px;
    width: 520px;
    margin-left: 0px;
}

    .box.assinaturaSenha2 label {
        font-weight: bold;
        float: left !important;
        margin-right: 7px !important;
    }

.divisao + .box.assinaturaSenha2 {
    margin-top: 10px;
}

.box.assinaturaSenha3 {
    border: 1px solid #dddcdb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #F2F0EE;
    margin: 18px 0;
    padding: 15px 10px;
    width: 380px;
    margin-left: 0px;
}

    .box.assinaturaSenha3 label {
        font-weight: bold;
        float: left !important;
        margin-right: 10px !important;
    }

.divisao + .box.assinaturaSenha3 {
    margin-top: 25px;
}

.box.assinaturaSenha3 input[type='password'] {
    width: 70px;
}

.box.assinaturaSenha3 .divisor-direita {
    padding-left: 25px;
}

.box.assinaturaSenha3 .divisor-esquerda {
    padding-left: 25px;
}

.box.assinaturaSenha4 {
    border: 1px solid #dddcdb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #F2F0EE;
    margin: 18px 0;
    padding: 15px 10px;
    width: 395px;
    margin-left: 0px;
}

    .box.assinaturaSenha4 label {
        font-weight: bold;
        float: left !important;
        margin-right: 8px !important;
    }

.divisao + .box.assinaturaSenha4 {
    margin-top: 25px;
}

.box.assinaturaSenha4 input[type='password'] {
    width: 70px;
}

.box.assinaturaSenha4 .link-formulario {
    line-height: 3px;
    #line-height:normal;
}

.box.assinaturaSenha4 .divisor-direita {
    padding-left: 18px;
}

.box.assinaturaSenha4 .divisor-esquerda {
    padding-left: 22px;
}
/* Box inserção de senha e Assinatura eletrônica*/

.labelNaoCorrentista {
    width: 120px
}

/* Extrato de movimentações*/
.labelExtratoMovimentacoes {
    width: 141px
}

input.calendario_extrato_mov {
    float: initial;
    display: none;
    width: 0;
    height: 0;
    border: 0 !important;
    background: none;
    text-indent: -99999px;
    font-size: 0;
    line-height: 0;
}

.acionistaGrid table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 2px;
    border-color: Gray;
    display: table;
    border-spacing: 2px;
    border-color: Gray
}

.acionistaGrid thead th {
    text-align: left;
    color: #262626;
    font-weight: bold;
    display: table-cell;
    padding: 1px 10px 15px;
    vertical-align: bottom
}

    .acionistaGrid thead th.fixo {
        text-align: left;
        color: #262626;
        font-weight: bold;
        display: table-cell;
        padding: 1px 10px 15px;
        vertical-align: bottom;
        width: 241px
    }

    .acionistaGrid thead th.total {
        text-align: right;
        color: #262626;
        font-weight: bold;
        display: table-cell;
        padding: 1px 10px 15px;
        vertical-align: bottom
    }

.acionistaGrid tbody tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit
}

    .acionistaGrid tbody tr.impar {
        background: #E5E2E1;
    }

.acionistaGrid tbody td {
    text-align: left;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 11px
}

    .acionistaGrid tbody td.esquerda {
        text-align: left;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .acionistaGrid tbody td.direita {
        text-align: right;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .acionistaGrid tbody td.saldo {
        text-align: right;
        font-weight: bold;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .acionistaGrid tbody td.total {
        text-align: right;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .acionistaGrid tbody td.link {
        text-align: right;
        text-decoration: underline;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .acionistaGrid tbody td.rodape {
        padding: 10px 0;
        border: 1px solid #C0C0C0;
    }

.acionistaGrid tfoot tr {
    background: url(../Img/Bg/linhas.gif) repeat-x 0 7px;
    height: 30px;
}

.acionistaTable table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 2px;
    border-color: Gray;
    display: table
}

    .acionistaTable table tbody tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit
    }

.acionistaTable tbody td {
    text-align: left;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 11px
}

    .acionistaTable tbody td.label {
        text-align: right;
        width: 241px;
    }

    .acionistaTable tbody td.valor {
        text-align: left;
        font-weight: bold;
        color: Gray;
        width: 241px;
    }

.AcionistaVoltar {
    text-align: right
}

/* Extrato de movimentações*/
.labelExtratoMovimentacoes {
    width: 141px
}

input.calendario_extrato_mov {
    float: initial;
    display: none;
    width: 0;
    height: 0;
    border: 0 !important;
    background: none;
    text-indent: -99999px;
    font-size: 0;
    line-height: 0;
}

input.calendario_filtro_extrato {
    float: left;
    display: none;
    width: 0;
    height: 0;
    border: 0 !important;
    background: none;
    text-indent: -99999px;
    font-size: 0;
    line-height: 0;
}

.acionistaGrid table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 2px;
    border-color: Gray;
    display: table;
    border-spacing: 2px;
    border-color: Gray
}

.acionistaGrid thead th {
    text-align: left;
    color: #262626;
    font-weight: bold;
    display: table-cell;
    padding: 1px 10px 15px;
    vertical-align: bottom
}

    .acionistaGrid thead th.fixo {
        text-align: left;
        color: #262626;
        font-weight: bold;
        display: table-cell;
        padding: 1px 10px 15px;
        vertical-align: bottom;
        width: 241px
    }

    .acionistaGrid thead th.total {
        text-align: right;
        color: #262626;
        font-weight: bold;
        display: table-cell;
        padding: 1px 10px 15px;
        vertical-align: bottom
    }

.acionistaGrid tbody tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit
}

    .acionistaGrid tbody tr.impar {
        background: #E5E2E1;
    }

.acionistaGrid tbody td {
    text-align: left;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 11px
}

    .acionistaGrid tbody td.esquerda {
        text-align: left;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .acionistaGrid tbody td.direita {
        text-align: right;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .acionistaGrid tbody td.saldo {
        text-align: right;
        font-weight: bold;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .acionistaGrid tbody td.total {
        text-align: right;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .acionistaGrid tbody td.link {
        text-align: right;
        text-decoration: underline;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .acionistaGrid tbody td.rodape {
        padding: 10px 0;
        border: 1px solid #C0C0C0;
    }

.acionistaGrid tfoot tr {
    background: url(../Img/Bg/linhas.gif) repeat-x 0 7px;
    height: 30px;
}

.acionistaTable table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 2px;
    border-color: Gray;
    display: table
}

    .acionistaTable table tbody tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit
    }

.acionistaTable tbody td {
    text-align: left;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 11px
}

    .acionistaTable tbody td.label {
        text-align: right;
        width: 241px;
    }

    .acionistaTable tbody td.valor {
        text-align: left;
        font-weight: bold;
        color: Gray;
        width: 241px;
    }

.AcionistaVoltar {
    text-align: right
}

.linkMov {
    font-size: 14px
}

/* Aplicação Fundos */
.pagina-aplicacaofundos .contexto-box-ajuda {
    overflow: visible;
}

    .pagina-aplicacaofundos .contexto-box-ajuda .box {
        display: block;
    }

.pagina-aplicacaodetalhes .contexto-box-ajuda {
    overflow: visible;
}

    .pagina-aplicacaodetalhes .contexto-box-ajuda .box {
        display: block;
    }

.pagina-aplicacaodetalhes input[type='text']#valorAplicacao {
    width: 155px;
}

.pagina-aplicacaofinalizacao .confirmacao-senha {
    margin-top: 0;
    margin-left: 15px;
    float: left;
}

.pagina-aplicacaofinalizacao .confirmacao-conteiner {
    margin-top: 15px;
    width: 330px;
}

/* Saldo de Fundos*/
.fundosGrid table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 2px;
    border-color: Gray;
    display: table;
    border-spacing: 2px;
    border-color: Gray
}

.fundosGrid thead th {
    text-align: left;
    color: #262626;
    font-weight: bold;
    display: table-cell;
    padding: 1px 10px 15px;
    vertical-align: bottom
}

    .fundosGrid thead th.fixo {
        text-align: left;
        color: #262626;
        font-weight: bold;
        display: table-cell;
        padding: 1px 10px 15px;
        vertical-align: bottom;
        width: 241px
    }

    .fundosGrid thead th.total {
        text-align: right;
        color: #262626;
        font-weight: bold;
        display: table-cell;
        padding: 1px 10px 15px;
        vertical-align: bottom
    }

.fundosGrid tbody tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit
}

    .fundosGrid tbody tr.impar {
        background: #E5E2E1;
    }

.fundosGrid tbody td {
    text-align: left;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 11px
}

    .fundosGrid tbody td.esquerda {
        text-align: left;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .fundosGrid tbody td.direita {
        text-align: right;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .fundosGrid tbody td.saldo {
        text-align: right;
        font-weight: bold;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .fundosGrid tbody td.total {
        text-align: right;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .fundosGrid tbody td.link {
        text-align: right;
        text-decoration: underline;
        padding: 5px 10px;
        vertical-align: middle;
        font-size: 11px
    }

    .fundosGrid tbody td.rodape {
        padding: 10px 0;
        border: 1px solid #C0C0C0;
    }

.fundosGrid tfoot tr {
    background: url(../Img/Bg/linhas.gif) repeat-x 0 7px;
    height: 30px;
}

.saldoFundosImprimir {
    background: url(../Img/logo-modal-print.png) no-repeat;
    text-indent: -9999px;
    height: 58px;
}

/* Resgatar Fundos */
table.resgateInfo {
    width: auto;
}

    table.resgateInfo tr td.primeiro {
        background: #d9d5d4;
        border-right-color: white;
        border-right-width: 2px;
        border-right-style: solid;
    }

    table.resgateInfo tr td.meio {
        background: #e7e3e1;
    }

    table.resgateInfo tr td.ultimo {
        background: #e7e3e1;
        border-left-color: white;
        border-left-width: 2px;
        border-left-style: solid;
    }

    table.resgateInfo tr td.direita {
        text-align: right;
    }

table.resgateConf {
    width: 100%;
}

    table.resgateConf tr td.direita {
        text-align: right;
        font-weight: bold;
    }

    table.resgateConf tr td.esquerda {
        text-align: left;
    }

div .divSucessoResgate {
    width: 60%;
}

div .botaoResgateVoltar {
    text-align: right;
}

div .botaoLiquidacaoVoltar {
    text-align: right;
    margin-right: 20px;
    margin-bottom: 20px;
}

div .resgateVoltar {
    text-align: right;
}

.abasFundos {
    height: 52px;
    border-left: 1px solid #FE7821;
    border-bottom: 1px solid #FE7821;
    width: 50%;
}

    .abasFundos + a {
        display: block;
        text-align: right;
        margin: 15px 0 0 0;
        font-size: 11px;
    }

    .abasFundos li.ui-state-hover,
    .abasFundos li:hover {
        background-position: bottom;
    }

    .abasFundos li {
        width: 50%;
        padding-bottom: 1px;
        background: #e5e2e1 url(../Img/Bg/aba-hover.png) 0 100px repeat-x;
        border-bottom: 1px solid #D9D8D7;
        border-right: 1px solid #FE7821;
        border-top: 1px solid #FE7821;
        float: left;
        font-family: ItauDisplayBold,Arial,Tahoma,Verdana;
        font-size: 16px;
        text-align: center;
    }

        .abasFundos li a {
            font-weight: normal;
            text-decoration: none;
            width: 100%;
            line-height: 50px;
            display: inline-block;
        }

        .abasFundos li.ui-tabs-selected a, .abas li.ui-state-focus a {
            color: #FE7821;
            cursor: default;
        }

        .abasFundos li.ui-tabs-selected, .abas li.ui-state-focus {
            padding-bottom: 1px;
            background: none repeat scroll 0 0 #F5F3F3;
            border-bottom: 1px solid #F5F3F3;
            border-radius: 5px 5px 0 0;
        }


.labelFundoHistorico {
    width: 140px
}

.labelFundoHistorico2 {
    width: 110px
}


.pagina-confirmarresgate .confirmacao-senha {
    margin-top: 0;
    margin-left: 15px;
    float: left;
}

.pagina-confirmarresgate .confirmacao-conteiner {
    margin-top: 15px;
    width: 330px;
}


/* Termo de aceite - Fundos */
.box.tipo3.termofundos .scroll-bloco {
    height: 115px;
}

.box.tipo3.termofundos {
    padding: 15px 5px 15px 15px;
    width: 940px;
    clear: left;
    height: 115px;
    background-color: #fff;
    clear: both;
}

    .box.tipo3.termofundos .jspVerticalBar {
        border: 0;
    }

    .box.tipo3.termofundos .jspTrack {
        left: 1px;
        border-left: 0;
    }

.menu-termofundos {
    float: right;
    margin-bottom: 10px;
    margin-right: 7px;
}

.linhas-formespacamento-minimooperacao {
    margin: 0 0 12px;
    height: 20px;
}

.itemesquecimentologin {
    font-size: 16px;
    color: #FE7821;
    font-family: ItauDisplayBold;
}

.tituloesquecimentologin {
    font-size: 16px;
    color: #FE7821;
    font-family: ItauDisplayBold;
    margin: 13px 0 25px;
}

#modal-lancamento-conta-corrente ul.selectStyled li ul li {
    padding: 2px 5px;
}

/* Nota Corretagem
==================
*/
.popUp .lanc-conta-corrente tfoot tr td {
    text-align: left;
}

#modal-lancamento-conta-corrente ul.selectStyled {
    margin-bottom: 10px;
}

/*
Classes auxiliares
*/

.hide {
    display: none;
}

.show {
    display: block;
}

/* =========
   Termos Suitability
   =========  */
.conteiner-suitability {
    background-color: #F5F3F2;
    border: 0px solid #dddcdb;
    height: 20%;
}

.conteiner-suitability-into {
    background-color: #E7E4E1;
    height: 20%;
    padding: 2%;
}

    .conteiner-suitability-into p {
        padding: 15px;
    }

.tcq-alerta {
    position: relative;
    top: 7px;
}

#conteiner1de2 .radioStyled {
    position: relative;
    top: -4px;
}

#conteiner2de2 .radioStyled {
    position: relative;
    top: 9px;
}

.conteiner-suitability #conteiner1de2 {
    margin-top: 10px
}

#agenciaConta {
    border-bottom: 1px solid rgb(221, 217, 216);
    border-top: 1px solid rgb(221, 217, 216);
    padding: 0px;
}

#conteiner1de2-dados {
    margin-top: 8px;
}

/* Regua de perfis */
.reguaDados {
    text-align: center;
    width: 20%;
    font-size: 12px
}

#thConservador, #th1 {
    background: rgb(51,51,153);
    color: White;
    padding: 0px 0px 11px;
    font-size: 14px;
}

#thModerado, #th2 {
    background: rgb(0,102,204);
    color: White;
    padding: 0px 0px 11px;
    font-size: 14px;
}

#thArrojado, #th3 {
    background: rgb(254,222,1);
    color: White;
    padding: 0px 0px 11px;
    font-size: 14px;
}

#thAgressivo, #th4 {
    background: rgb(255,153,0);
    color: White;
    padding: 0px 0px 11px;
    font-size: 14px;
}

.header-regua p {
    margin: 0px
}

.perfil-regua {
    color: rgb(51,51,160)
}

.footer-regua p {
    text-align: center
}

.info-p {
    font-size: 11px
}

.indicador-perfil {
    height: 27px
}

.indicador-meu-perfil {
    height: 27px;
    width: 122px;
    text-align: center;
    position: relative
}

    .indicador-meu-perfil p {
        color: rgb(128,128,128)
    }

.indicador-minha-carteira {
    height: 27px;
    width: 122px;
    text-align: center;
    position: relative;
    top: -42px;
}

    .indicador-minha-carteira p {
        color: rgb(128,128,128)
    }
/* Posição do indicador */
.indicador-Conservador {
    left: 59px
}

.indicador-Moderado {
    left: 291px
}

.indicador-Arrojado {
    left: 538px
}

.indicador-Agressivo {
    left: 792px
}

.MensagemRegua {
    font-size: 18px
}
/* Seta do indicador */
.arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgb(128,128,128);
    position: relative;
    top: -10px;
    left: 50px;
}

/* Radio button regua */
#th1 span {
    position: relative;
    left: 68px;
    top: -4px
}

#th2 span {
    position: relative;
    left: 76px;
    top: -4px
}

#th3 span {
    position: relative;
    left: 83px;
    top: -4px
}

#th4 span {
    position: relative;
    left: 77px;
    top: -4px
}

.btn-ok-regua {
    margin-top: 10px
}

/* Perfil */
#perfil-preencher-suitability {
    margin-left: 320px;
}

.btn-preencher-questionario {
    margin-left: 0px !important;
}

/* Rentabilidade Indice IBOV */
.rentabilidade-ibov {
    width: 480px;
    height: auto;
}

.grafico-ibov {
    margin-left: 230px;
}

.popUp.historico h2 {
    height: 58px;
    color: #6F6E6B;
    margin: 15px 42px 3px 15px;
    text-align: justify;
    font-weight: normal;
    font-size: 10pt;
}

.popUp.historico .ico.imprimir {
    float: left;
    margin-right: 2px;
}

.imprimir-popup {
    margin-right: 10px
}

.pagina-ipo-steps {
    margin-bottom: 30px;
    overflow: hidden;
}

    .pagina-ipo-steps .active {
        color: black
    }

    .pagina-ipo-steps li.active:before, .pagina-ipo-steps li.active:after {
        background: #2585c6;
    }

    .pagina-ipo-steps li {
        list-style-type: none;
        width: 25%;
        float: left;
        position: relative;
        text-align: center;
    }

        .pagina-ipo-steps li:before {
            width: 50px;
            height: 50px;
            line-height: 49px;
            display: block;
            background: lightgray;
            border-radius: 50%;
            margin: 0 auto 10px auto;
            padding: 2px;
        }

        .pagina-ipo-steps li:after {
            content: '';
            width: 100%;
            height: 2px;
            background: lightgray;
            position: absolute;
            left: 0;
            top: 25px;
            z-index: -1
        }

        .pagina-ipo-steps li.first:after {
            left: 50%;
            width: 50%;
        }

        .pagina-ipo-steps li.last:after {
            width: 50%;
        }

    .pagina-ipo-steps #home:before {
        content: "1";
        font-size: 16px;
        font-weight: bold;
    }

    .pagina-ipo-steps #reserva:before {
        content: "2";
        font-size: 16px;
        font-weight: bold;
    }

    .pagina-ipo-steps #confirmacao:before {
        content: "3";
        font-size: 16px;
        font-weight: bold;
    }

    .pagina-ipo-steps #confirmacoes:before {
        content: "3";
        font-size: 16px;
        font-weight: bold;
    }

    .pagina-ipo-steps #comprovante:before {
        content: "4";
        font-size: 16px;
        font-weight: bold;
    }

.hidefromUsers {
    position: absolute;
    left: -999em;
    height: 0;
}

.textDecorationNone {
    text-decoration: none;
}

.select-default {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    border-radius: 4px;
    background: #ffffff;
    color: #262626;
    border: none;
    outline: none;
    display: inline;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    background: url(https://ww2.itaucorretora.com.br/Content/Img/Ico/seta-select.png) no-repeat right 0px #fff;
    -webkit-box-shadow: 0 0px 0 #ccc, 0 0px #fff inset;
    -moz-box-shadow: 0 0px 0 #ccc, 0 0px #fff inset;
    box-shadow: 0 0px 0 #ccc, 0 0px #fff inset;
    border-top: 1px solid #c6c1bd;
    border-right: 1px solid #ebe5df;
    border-bottom: 1px solid #ebe5df;
    border-left: 1px solid #ebe5df;
    padding-right: 40px;
    max-width: 500px;
    /*font-weight: bold;*/
    padding: 2px 7px;
    cursor: pointer;
    font-size: 11px;
    border-bottom: 1px solid #DDDCDB;
    height: 25px;
    vertical-align: middle;
}