/*------------------------------------------------------------------------------
   #MODULO-TOPO
------------------------------------------------------------------------------*/

/*-- Internet Banking --------------------------------------------------------*/
#sfb-internet-banking{
  float:right;
  width:348px;
  height:47px;
  text-align:right;
  margin:35px 0 0 0;
  background:url('/layouts/sfb/img/sprite-ib.png') no-repeat;
  }
  #sfb-internet-banking legend{
  display:none;
  }
  #sfb-internet-banking input{
    font-size: 0.8em;
    margin:-1px 0 0 0;
    width: 140px;
      padding: 0.3em 0.6em;
      display: inline-block;
    vertical-align: middle;
      border: 1px solid #002D59;
      box-shadow: inset 0 1px 3px #CCC;
      border-radius: 4px;  
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; 
  }
  #sfb-internet-banking input:focus {
      outline: 0;
      border-color: #FFF;
  }
  #sfb-internet-banking label {
      margin: 0.5em 0 0.2em;
  }
  #sfb-internet-banking fieldset {margin: 0; padding: 0;  border: 0;}
  #sfb-internet-banking button {
    width:28px; 
    height:26px; 
    margin:10px 52px 0 0; 
    padding:0; 
    border:none; 
    text-indent:-9999em; 
    background: url('/layouts/sfb/img/sprite-ib.png') no-repeat;
    background-position: -348px 0px;
  }
  #sfb-internet-banking button:hover{background-position: -376px 0px;}
  
  /*-- novo topo IB --------------------------------------------------*/ 
  
  .internet-banking {
      margin-top: 37px;
      width: 349px;
      height: 50px;
      right: 0;
      position: absolute;
  }
  
  .internet-banking span{
    text-transform: uppercase;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
      font-size: .9em;
      font-weight: bold;
      color: #00478b;
    line-height: 36px;
  }
  
  
  .btn-acesso-ib, .btn-seguranca, .btn-acesso-banescorp{
    float: right;
    background: url('/layouts/sfb/img/sprite-topo.png') no-repeat;
    height:38px;
    text-indent:-99999px;
  }
  /* Antigo
  .btn-acesso-ib{ width: 212px; background-position: -706px -323px;}
  .btn-acesso-ib:hover{ background-position: -706px -362px;} 
  
  .btn-seguranca{ width: 95px; background-position: -805px -245px; margin-left:5px;}
  .btn-seguranca:hover{ background-position: -805px -284px;}
  */
  
  .btn-acesso-ib{ width: 149px; background-position: -920px -323px;}
  .btn-acesso-ib:hover{ background-position: -920px -362px;}
  
  .btn-acesso-banescorp{ width: 130px; background-position: -921px -401px;}
  .btn-acesso-banescorp:hover{ background-position: -921px -440px;}
  
  .btn-versao-antiga {
  font-size: 10px;
  margin-right: 9px;
  display: block;
  float: right;
  }
  
  
  /*-- Container do menu topo --------------------------------------------------*/ 
  
  .sfb-topo{background: url('/layouts/sfb/img/bkg-topo.png') no-repeat;}
  
  .sfb-topo a span{
    text-indent:-9999px;
    display:inline-block;
  }
  
  /*-- Marca Topo --------------------------------------------------------------*/
  .sfb-topo-logo, .sfb-topo-logo--valores, .sfb-topo-logo--dtvm {
  float: left;
  background: url('/layouts/sfb/img/sprite-topo.png') no-repeat;
  margin: 20px 0 0 0;
  }
  .sfb-topo-logo span{
    height: 61px;
    width:181px;
  }
  .sfb-topo-logo{
    height: 61px;
    width:181px;
    background-position: -779px 0;
  }
  .sfb-topo-logo--valores{background-position: 0 -175px;}
  .sfb-topo-logo--dtvm{background-position: 0 -175px;} 
  
  /*-- Internet Banking --------------------------------------------------------*/
  .sfb-internet-banking{float:right; width:345px;}
  .sfb-internet-banking__valores{}
  
  /*-- Navegacao Auxiliar-------------------------------------------------------*/
  .sfb-menu-auxiliar{
    margin: 10px 0 3px 0;
    font-size: 0.7em;
    text-align: right;  
  }
  .sfb-menu-auxiliar li{
    display: inline;   
    border-left: solid 1px #CCCCCC;
  }
  .sfb-menu-auxiliar li:first-child {
    border-left: none;
  }
  .sfb-menu-auxiliar li a{
    padding: 2px 5px;
    display: inline-block;
    color: #666666;
    text-decoration: none;
  }
  .sfb-menu-auxiliar li a:hover{
    color: #333333;
    text-decoration: underline;
  }
  /*------------------------------------------------------------------------------
    NOVO Menu  
  ------------------------------------------------------------------------------*/
  
  /*------------------- Conteudo duplicado para a transição dos sites, 
  deletar depois pois a sfb-topo já possui estes parametros -------*/
  .sfb-menu a span{
    text-indent:-9999px;
    display:inline-block;
  }
  
  .sfb-menu, .sfb-menu--inativo{
    position:relative;
    margin-bottom:5px;
  }
  .sfb-menu{
    height: 69px;
  }
  .sfb-menu--inativo{
    height: 57px;
  }
  .sfb-menu ol, .sfb-menu ol ol{
    position: absolute; 
    background: url('/layouts/sfb/img/sprite-topo.png') no-repeat;
    width: 758px;
    padding:0 10px;
  }
  .sfb-menu--inativo ol{
    height:57px;
  }
  .sfb-menu ol ol{
    background-position: 0 -57px;
    position:absolute;  
    left:0;
    height:31px; 
  } 
  .sfb-menu li{
    float:left; 
    margin: 12px 10px 0 10px;
    list-style-type: none;  
  }
  .sfb-menu li:last-child{
    float:right;
  }
  .sfb-menu li:first-child{
    float:left;
  }
  .sfb-menu ol ol li{
    margin:2px 10px 0 10px;
    padding:0;
    height:15px;
  }
  .sfb-menu ol ol li:last-child{
    float:left;
  }
  .sfb-menu li a, .sfb-menu ol ol li a{
    height: 15px;
    display:inline-block;
    background: url('/layouts/sfb/img/sprite-topo.png') no-repeat;
  }
  .sfb-menu ol ol li a{
    margin-top:2px;
  }
  
  /*-- Segmentos Banestes ------------------------------------------------------*/
  li a.segmento-pessoaFisica{ width: 74px; background-position: 0 -175px; }
  li a.segmento-pessoaJuridica{ width: 88px; background-position: -74px -175px;}
  li a.segmento-administracaoPublica{ width: 132px; background-position: -162px -175px;}
  li a.segmento-clienteValores{ width: 88px; background-position: -294px -175px;}
  li a.segmento-relacoesInvestidores{ width: 154px; background-position: -382px -175px;}
  
  li a.segmento-pessoaFisica:hover{ background-position: 0 -191px;}
  li a.segmento-pessoaJuridica:hover{ background-position: -74px -191px;}
  li a.segmento-administracaoPublica:hover{ background-position: -162px -191px;}
  li a.segmento-clienteValores:hover{ background-position: -294px -191px;}
  li a.segmento-relacoesInvestidores:hover{ background-position: -382px -191px;}  
  
  li.sfb-menu-segmento--ativo { margin: 5px 0 0 0;} 
  li a.segmento-pessoaFisica--ativo{ height: 33px; width: 94px; background-position: 0 -239px;}
  li a.segmento-pessoaJuridica--ativo{ height: 33px; width: 108px; background-position: -94px -239px;}
  li a.segmento-administracaoPublica--ativo{ height: 33px; width: 152px; background-position: -202px -239px;}
  li a.segmento-relacoesInvestidores--ativo{ height: 33px; width: 174px; background-position: -354px -239px;}
  li a.segmento-relacoesInvestidoresEn--ativo{ height: 33px; width: 174px; background-position: -0px -401px;}
  
  /*-- Segmentos Valores -------------------------------------------------------*/
  .sfb-menu--valores ol{
  background-position: 0 -88px;
  }
  .sfb-menu--valores ol ol{
    background-position: 0 -144px;
  }
  li a.segmento-clienteValores--ativo{ height: 33px; width: 108px; background-position: -632px -239px;}
  
  .sfb-menu--valores li a.segmento-pessoaFisica{ background-position: 0 -223px;}
  .sfb-menu--valores li a.segmento-pessoaJuridica{ background-position: -74px -223px;}
  .sfb-menu--valores li a.segmento-administracaoPublica{ background-position: -162px -223px;}
  .sfb-menu--valores li a.segmento-clienteValores{ background-position: -294px -223px;}
  .sfb-menu--valores li a.segmento-relacoesInvestidores{ background-position: -382px -223px;}
  
  .sfb-menu--valores li a.segmento-pessoaFisica:hover{ background-position: 0 -207px;}
  .sfb-menu--valores li a.segmento-pessoaJuridica:hover{ background-position: -74px -207px;}
  .sfb-menu--valores li a.segmento-administracaoPublica:hover{ background-position: -162px -207px;}
  .sfb-menu--valores li a.segmento-clienteValores:hover{ background-position: -294px -207px;}
  .sfb-menu--valores li a.segmento-relacoesInvestidores:hover{ background-position: -382px -207px;}
  
  
  /*-- Produtos Banestes -------------------------------------------------------*/
  ol ol li a.produto-contas{ width: 41px; background-position: 0 -273px;}
  ol ol li a.produto-cartoes{ width: 47px; background-position: -44px -273px;}
  ol ol li a.produto-credito{ width: 47px; background-position: -94px -273px;}
  ol ol li a.produto-investimentos{ width: 84px; background-position: -447px -273px;}
  ol ol li a.produto-cambio{ width: 42px; background-position: -142px -273px;}
  ol ol li a.produto-capitalizacao{ width: 81px; background-position: -187px -273px;}
  ol ol li a.produto-previdencia{ width: 68px; background-position: -272px -273px;}
  ol ol li a.produto-seguros{ width: 48px; background-position: -343px -273px;}
  ol ol li a.produto-servicos{ width: 50px; background-position: -393px -273px;}
  ol ol li a.produto-consorcio{ width: 61px; background-position: -534px -273px;}
  
  ol ol li a:hover{margin-top:3px;}
  
  ol ol li a.produto-contas:hover{ width: 41px; background-position: 0 -289px;}
  ol ol li a.produto-cartoes:hover{ width: 47px; background-position: -44px -289px;}
  ol ol li a.produto-credito:hover{ width: 47px; background-position: -94px -289px;}
  ol ol li a.produto-investimentos:hover{ width: 84px; background-position: -447px -289px;}
  ol ol li a.produto-cambio:hover{ width: 42px; background-position: -142px -289px;}
  ol ol li a.produto-capitalizacao:hover{ width: 81px; background-position: -187px -289px;}
  ol ol li a.produto-previdencia:hover{ width: 68px; background-position: -272px -289px;}
  ol ol li a.produto-seguros:hover{ width: 48px; background-position: -343px -289px;}
  ol ol li a.produto-servicos:hover{ width: 50px; background-position: -393px -289px;}
  ol ol li a.produto-consorcio{ width: 61px; background-position: -534px -273px;}
  
  /*-- Produtos Valores --------------------------------------------------------*/
  
  ol ol li a.produto-conta--valores{ width: 35px; background-position: 0 -306px;}
  ol ol li a.produto-cartoesCredito--valores{ width: 111px; background-position: -38px -306px;}
  ol ol li a.produto-creditoFinanciamentos--valores{ width: 162px; background-position: -152px -306px;}
  ol ol li a.produto-segurosPrevidencia--valores{ width: 128px; background-position: -317px -306px;}
  ol ol li a.produto-atendimento--valores{ width: 76px; background-position: -448px -306px;}
  
  ol ol li a.produto-conta--valores:hover{ width: 35px; background-position: 0 -322px;}
  ol ol li a.produto-cartoesCredito--valores:hover{ width: 111px; background-position: -38px -322px;}
  ol ol li a.produto-creditoFinanciamentos--valores:hover{ width: 162px; background-position: -152px -322px;}
  ol ol li a.produto-segurosPrevidencia--valores:hover{ width: 128px; background-position: -317px -322px;}
  ol ol li a.produto-atendimento--valores:hover{ width: 76px; background-position: -448px -322px;}
  
  /*-- Produtos Dtvm -----------------------------------------------------------*/
  
  
  
  /*-- Produtos Relaçoes com Investidores --------------------------------------*/
  .sfb-menu--ri ol ol li{
    margin: 2px 8px 0 8px;
  }
  li a.segmento-relacoesInvestidores--ativo{ height: 33px; width: 174px; background-position: -354px -239px;}
  ol ol li a.produto-companhia--ri{ width: 74px; background-position: 0 -338px;}
  ol ol li a.produto-comunicadosReunioes--ri{ width: 141px; background-position: -77px -338px;}
  ol ol li a.produto-governancaCorporativa--ri{ width: 149px; background-position: -221px -338px;}
  ol ol li a.produto-informacoesFinanceiras--ri{ width: 146px; background-position: -372px -338px;}
  ol ol li a.produto-acoes--ri{ width: 34px; background-position: -521px -338px;}
  ol ol li a.produto-paraInvestidores--ri{ width: 105px; background-position: -558px -338px;}
  
  ol ol li a.produto-companhia--ri:hover{ width: 74px; background-position: 0 -354px;}
  ol ol li a.produto-comunicadosReunioes--ri:hover{ width: 141px; background-position: -77px -354px;}
  ol ol li a.produto-governancaCorporativa--ri:hover{ width: 149px; background-position: -221px -354px;}
  ol ol li a.produto-informacoesFinanceiras--ri:hover{ width: 146px; background-position: -372px -354px;}
  ol ol li a.produto-acoes--ri:hover{ width: 34px; background-position: -521px -354px;}
  ol ol li a.produto-paraInvestidores--ri:hover{ width: 105px; background-position: -558px -354px;}
  ol ol li a.produto-paraInvestidores--ri:hover{ width: 105px; background-position: -558px -354px;}
  
  
  /*-- Produtos Relaçoes com Investidores Inglês --------------------------------------*/
  
  .sfb-menuEn--ri ol ol li{
  margin: 2px 8px 0 8px;
  }
  ol ol li a.produto-companhiaEn--ri{ width: 74px; background-position: 0 -434px;}
  ol ol li a.produto-comunicadosReunioesEn--ri{ width: 163px; background-position: -74px -434px;}
  ol ol li a.produto-governancaCorporativaEn--ri{ width: 125px; background-position: -241px -434px;}
  ol ol li a.produto-informacoesFinanceirasEn--ri{ width: 121px; background-position: -369px -434px;}
  ol ol li a.produto-acoesEn--ri{ width: 37px; background-position: -493px -434px;}
  ol ol li a.produto-paraInvestidoresEn--ri{ width: 74px; background-position: -533px -434px;}
  
  ol ol li a.produto-companhiaEn--ri:hover{ width: 74px; background-position: 0 -450px;}
  ol ol li a.produto-comunicadosReunioesEn--ri:hover{ width: 163px; background-position: -74px -450px;}
  ol ol li a.produto-governancaCorporativaEn--ri:hover{ width: 125px; background-position: -241px -450px;}
  ol ol li a.produto-informacoesFinanceirasEn--ri:hover{ width: 121px; background-position: -369px -450px;}
  ol ol li a.produto-acoesEn--ri:hover{ width: 37px; background-position: -493px -450px;}
  ol ol li a.produto-paraInvestidoresEn--ri:hover{ width: 74px; background-position: -533px -450px;}
  
  
  /*-- Produtos Corretora ------------------------------------------------------*/
  .caixaProdutos {
  display: inline-block;
  width: 240px;
  height: 175px;
  margin-top: 10px;
  padding: 0 0 15px 0;
  border-bottom: 1px #CCCCCC dotted;
  }
  
  #conteudoPrincipalInterno .caixaProdutos h3 {
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:12px;
  margin:5px 0 0 0px;
  color: #012D58;
  text-align:left;
  line-height:14px;
  color: #012D58;
  }
  
  #conteudoPrincipalInterno .caixaProdutos p {
  /*font-size:13px;*/
  margin:5px 0 0 0px;
  /*line-height:14px;*/
  /*text-align:left;*/
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  text-align: justify;
  color: #333333;
  }
  
  #conteudoPrincipalInterno .caixaProdutos ul li {
  padding: 0;
  display: inline;
  }
  
  #conteudoPrincipalInterno .caixaProdutos ul li a {
      font-size: 12px;
      line-height: 20px;
      color: #3266A0;
      text-decoration: none;
      padding: 0;
      margin: 0 20px 0 0;
  }
  
  #conteudoPrincipalInterno .tituloServicos {
  color:#145591;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:18px;
  font-weight:normal;
  margin:40px 0px 5px 5px;
  }
  
  /* STYLE DOS CARDS */
         /* Float four columns side by side */
      .card-coluna {
        float: left;
        width: 50%;
        padding: 0 10px;
      }
      
      /* Remove extra left and right margins, due to padding */
  
      .card-linha {
        margin: 0 -5px;
        display: inline-flex;
        margin-bottom: 5%;
      }
  
      /* Clear floats after the columns */
  
      .card-linha:after {
        content: "";
        display: table;
        clear: both;
      }
  
      /* Responsive columns */
  
      @media screen and (max-width: 600px) {
        .card-coluna {
          width: 100%;
          display: block;
          margin-bottom: 20px;
        }
      }
  
      /* Style the counter cards */
  
      .card {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        padding: 10px;
        text-align: left;
        background-color: #f9f9f9;
      }
      .card h3{
        margin-left: 0px;
        margin-top: 10px;;
        margin-bottom: 10px;
      }
      .card:hover{      
        background-color: #b1b1b185;
      }
        .card a:link 
        { 
         text-decoration:none; 
        } 
        /* FIM STYLE DOS CARDS */
  
  /*-- Produtos Seguros --------------------------------------------------------*/
  
  /*-- Produtos Banescaixa -----------------------------------------------------*/
  
  
  /** AVISO EXTERNO **/
  
  #link-externo-endereco { font-size:14px }
  .aviso-link-externo .aviso-corpo { background-color:#FFF; clear:both; margin-top:70px }
  .aviso-link-externo h1 { font-size:20px; padding:40px 10px 0 }
  .aviso-link-externo h1, .aviso-link-externo p { text-align:center }
  .aviso-link-externo img { float:left }
  .aviso-link-externo p { margin-left:0 }
  .aviso-link-externo { padding:15px 15px 0 15px }
  .aviso-texto { font-family:Roboto Condensed, sans-serif; font-size:16px }
  .azul-claro { color:#0070BA }
  .azul-escuro { color:#036 }
  .espacamento-maior { padding:20px 0 }
  .nav-atendimento li a { color:#666; display:inline-block; padding:2px 5px }
  .nav-atendimento li a, a.botao, a.botao:hover { text-decoration:none }
  .nav-atendimento li a:hover { text-decoration:underline }
  .nav-atendimento li { border-left:solid 1px #CCC; display:inline; padding-left:5px }
  .nav-atendimento li:first-child { border:none }
  .nav-atendimento ol { list-style:none; margin:0; padding:0 }
  .nav-atendimento { float:right; font-size:.7em; margin:20px 0 0 }
  .sac { border-top:1px #EEE solid; font-size:18px; margin-bottom:0; padding-bottom:0 }
  a.botao { background:#036; border:solid 1px #036; color:#FFF; font-size:12px; font-weight:700; padding:11px 40px; text-transform:uppercase; transition-duration:.2s }
  a.botao, .aviso-corpo { border-radius:5px }
  a.botao, .sac, h1 { font-family:Roboto, sans-serif }
  a.botao:hover { background:#356094 }
  
  /** Personalização para colorbox rating **/
  .aviso-corpo table{margin:0 auto;}
  .lista-rating {text-align:center;}
  .lista-rating th{ width:168px; height:90px;}
  .borda-rating { border-right:1px dotted #CCCCCC;}
  .rating{ font-size:30px; color:#003366;}
  .rating span{font-size:18px;}
  .rating-descricao{ color:#666666; font-size:12px; height:60px;}
  .rating-link {color:#003366; text-decoration:underline;}
  
  
  /* CSS CONTAS */
  
  .botaoForm {
  width:200px; height: 34px;
  margin: 0px 25px 20px 25px;
  display: inline-block;
  float:left;
  background-color: #3266A0;
  color: #FFFFFF;
  text-decoration: none;
  box-sizing: border-box;
  border-bottom:2px solid #244973;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px;
  font-weight:normal;
  text-align:center;
  text-transform:uppercase;
  line-height:34px;
  behavior: url(/pessoa_fisica/contas/contaJovem/css/pie/PIE.htc);
  }
  
  .botaoForm:hover {
  cursor:pointer;
  text-decoration:none;
  color:#F5F5F5;
  background-color:#244973;
  }
  
  .botaoForm-simples {
  
      width: 250px;
      /* height: 34px; */
      margin: 5px 0px 15px 0px;
      display: inline-block;
      float: left;
      background-color: #3266A0;
      color: #FFFFFF;
      text-decoration: none;
      box-sizing: border-box;
      border-bottom: 2px solid #244973;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 13px;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      line-height: 34px;
      behavior: url(/pessoa_fisica/contas/contaJovem/css/pie/PIE.htc);
    }
  
   .botaoForm-simples a{
      padding: 12px 0 8px 0;
      margin: 0px;
      display: inline-block;
      color: #FFFFFF;
      text-decoration: none;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 14px;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      behavior: url(/pessoa_fisica/contas/contaJovem/css/pie/PIE.htc);
    } 
  
  .botaoForm-simples:hover {
  cursor:pointer;
  text-decoration:none;
  color:#F5F5F5;
  background-color:#244973;
  }
  
  .boxBotao {
  width:100%;
  padding:0;
  margin: 15px 0px;
  background-color: #F2F2F2;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 2px #C4C4C4;
  -webkit-box-shadow: 0px 1px 4px 2px #C4C4C4;
  -moz-box-shadow: 0px 1px 4px 2px #C4C4C4;
  behavior: url(/pessoa_fisica/contas/contaJovem/css/pie/PIE.htc);
  }
  
  .boxBotao p {
  padding: 20px 0 10px 0px;
  margin: 0;
  font-size: 12px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: #244973;
  text-indent: 0px;
  text-align: center;
  }
  
  .caixaContas {
  display: inline-block;
  width: 240px;
  margin-top: 20px;
  padding: 0 0 0 0;
  }
  
  #conteudoPrincipalInterno .caixaContas h3 {
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:12px;
  margin:5px 0 0 10px;
  color:#145591;
  text-align:left;
  line-height:14px;
  }
  
  #conteudoPrincipalInterno .caixaContas p {
  font-size:13px;
  margin:5px 0 0 10px;
  line-height:14px;
  text-align:left;
  }
  
  #conteudoPrincipalInterno .caixaContas p:hover{
  color: #006699;
  }
  
  
  
  #accordionPrincipal #textoObs  ul li p{
  font-size:12px;
  color:#607079;
  text-transform:none;
  }
  
  #tituloColorbox {
  margin: 10px 0;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: #244973;
  }
  
  .subTituloColorbox {
  padding: 0px;
  margin: 1.3em 0px 5px 0px;
  display: block;
  clear: both;
  font-family: 'Roboto Condensed', sans-serif;
  width: auto;
  font-size:15px;
  color:#145591;
  font-weight: normal;
  }
  
  .textoProdutos{float:right;width:230px;}
  .textoProdutos:hover{text-decoration:underline;color:#006699;}
  
  .textoColorbox {
  text-transform: none;
  font-size: 12px;
  font-family: arial;
  color: #333333;
  margin: 0 0 10px 0;
  padding: 0;
  }
  
  .linhaDiv {
  border-bottom:1px dotted #C1BCB5;
  margin-bottom:10px;
  margin-top:5px;
  }
  
  .imgSistemas{
  float:left;
  margin:10px 0 0 0;
  }
  
  /* FIM CSS CONTAS */
  
  
  .foto:hover { cursor:zoom-in; }
  
  
  /** ACESSIBILIDADE **/
  
  #acessibilidadeES a { font-size:.8em; font-weight:700; height:1px; left:-10000px; overflow:hidden; position:absolute; width:1px }
  #acessibilidadeES a:focus { background:#EEE; border:1px solid; border-radius:2px; height:auto; left:0; margin:5px auto; max-width:190px; padding:5px; right:19%; text-align:center; top:33px; width:auto }
  #acessibilidadeES ul { list-style:none }
  #acessibilidadeES { float:right }
  .noscript-aviso p { color:#3266A0; font-family:"Roboto Condensed", sans-serif; text-align:center; margin:10px 0 }
  .noscript-aviso p:before { content:url(/img/smallicons/aviso-icone-alerta.gif); left:15px; position:absolute }
  .noscript-aviso { background-color:#F8F9FB; border-radius:3px; border:#A9B3BC solid 1px }
  
  
  /** TABELA ESTATICA **/
  
  .tabelaEstatica tbody th,.tabelaEstatica tbody td { border-top:1px solid #ddd; padding:8px 10px }
  .tabelaEstatica tbody tr:hover { background-color:#f3f3f3 }
  .tabelaEstatica tbody tr:nth-child(odd) { background-color:#f9f9f9 }
  .tabelaEstatica thead th,.tabelaEstatica thead td { border-bottom:1px solid #CCC; padding:10px 18px }
  .tabelaEstatica { border-bottom:1px solid #ddd; font-size:13px }
  
  
  /* ------------------------------------ IMPRESSAO ----------------------------------------*/
  
  @media print {
  * { -ms-filter:none!important; background:transparent!important; color:#000!important; filter:none!important; text-shadow:none!important }
  @page { margin:.5cm; size:A4; }
  body { color:#000; line-height:1.4em }
  html, body { height:93%; margin:1cm }
  #Principal:before { content:url('/img/logo_banestes_topo.png'); display:block; float:right }
  audio,embed,footer,nav,object,video,input,#coluna_dupla_index #SubTituloItem,#conteudoLateral,#coluna_tres,#elastico,#menuLateralAccordion,#MenuProdutos,#MenuProdutos_off,#MenuSegmentos,#RodapeConteudo,#slider1_container,#TopoNav,#TopoItem,.dataTables_filter,.dataTables_length,.dataTables_paginate { display:none; }
  section,#coluna_dupla,#conteudoPrincipal,#conteudoPrincipalInterno { width:99%!important }
  .imgServicos { visibility:hidden }
  h1, h2, h3 { page-break-after:avoid }
  img { max-width:100% }
  p a { text-decoration:underline; word-wrap:break-word }
  p { orphans:3; widows:3 }
  .caixaServicos { border-bottom:thin #000 solid!important }
  .textoServicos { position:absolute }
  .textoProdutos { position:absolute }
  table { page-break-inside:auto }
  tr { page-break-after:auto; page-break-inside:avoid }
  #financiaimoveis td, th { border:1px #000 solid }
  }
  
  /* ------------------------------------
  Rodape
  ----------------------------------------*/
  
  .conteudo-container {
  width:775px;
  position:relative;
  margin:auto;
  clear:both;
  }
  .clear{clear:both;}
  
  .rodape-valores {background-color:#332000;}
  .rodape-azul{background-color:#073872;}
  
  .rodape{
  width:100%;
  padding:30px 0 0 0;
  clear:both;
  border-top:1px solid #FFFFFF;
  margin-top:30px;
  -webkit-box-shadow: 0 -10px 10px -10px #999999;
  -moz-box-shadow: 0 -10px 10px -10px #999999;
  box-shadow: 0 -10px 10px -10px #999999;
  behavior: url(PIE.htc);
  }
  
  .rodape h2{color:#FFFFFF; font-size:1em; margin:0 0 12px 0;}
  .rodape h2 span{color:#99ccff; font-size:.8em; font-weight:normal; display:block; margin-top:2px;}
  .rodape h2 a{color:inherit; font-size:inherit; text-decoration:none;}
  
  .rodape ul{margin:0 0 25px 0;}
  .rodape ul li{list-style:none; line-height:1.2em;}
  .coluna-dupla-rodape ul li{margin-bottom:5px;}
  .rodape ul li a{color:#FFFFFF; text-decoration:none; font-size:.8em;}
  .rodape a:hover{text-decoration:underline;}
  
  .rodape ul ul{margin:5px 0 20px 0;}
  .rodape ul ul li{
  list-style-image: url('/img/blue-square.gif');
  list-style-position:inside;
  margin-bottom:0;
  }
  .rodape ul ul li a{color:#99ccff;}
  
  .rodape ul.midias-sociais li{display:inline;}
  ul.midias-sociais li.noticias{width:450px; display:block; border-top: 1px solid #5082B9; border-bottom:1px solid #5082B9; padding:10px 0; margin:10px 0 0 0;}
  .icone-social{margin-left:265px;}
  
  .rodape ul.sub-lista a{color:#FFFFFF;}
  
  .rodape ul ul.sub-lista{
  margin-bottom:5px;
  }
  .rodape ul ul.sub-lista li{
  list-style-image: url('/img/blue-separator.gif');
  list-style-position:inside;
  margin-left:8px;
  color:#FFFFFF;
  font-size:.9em;
  }
  
  .rodape ul.link-azul li a{color:#99ccff;}
  
  /*  Cria o container para a segunda e terceira coluna */
  .coluna-um-rodape{float:left; display:inline-block;}
  .coluna-dupla-rodape{float:right; display:block; width:450px;}
  
  .rodape ul.coluna{display:inline-block;}
  .rodape ul.coluna-direita{float:right;}
  .sem-link{color:#FFFFFF; font-size:.8em;}
  
  /* Telefones Rodape */
  .telefones-rodape {background-color:#052B58; padding:20px 0; text-align:center; font-size:1em;}
  .telefones-rodape span {font-weight:bold;}
  .telefones-rodape ul li {display:inline-block; color:#FFFFFF;}
  .telefones-rodape ul li span a{color: #FFFFFF;}
  .telefones-rodape li.separador{padding:0 10px;}
  
  
  
  /* ------------------------------------ ESTILO LISTAS SIMPLES (COLUNA UNICA E DUPLA) ----------------------------------------*/
  .bg-cinza {background-color:#F5F5F5;}
  #conteudoPrincipalInterno ul.lista-simples-dupla, #conteudoPrincipalInterno ul.lista-simples{list-style-type: none; padding: 0;  margin: 10px 0 ; display: inline-block; border-bottom:1px solid #CCCCCC;}
  #conteudoPrincipalInterno ul.lista-simples-dupla li.topo, #conteudoPrincipalInterno ul.lista-simples li.topo { border-top:none;}
  #conteudoPrincipalInterno ul.lista-simples-dupla p, #conteudoPrincipalInterno ul.lista-simples p { margin: 0 0 0 5px;  font-size: 0.8em; color: #333333; line-height: 2.4em; font-weight:bold;}
  #conteudoPrincipalInterno ul.lista-simples-dupla span, #conteudoPrincipalInterno ul.lista-simples span { font-weight:normal; font-size: 1.1em; }
  /*-- ESTILO LISTAS SIMPLES COM COLUNA UNICA --*/
  #conteudoPrincipalInterno ul.lista-simples li{width:100%; border-top:1px dotted #CCCCCC; float:left; display:inline; line-height:20px;}
  /*-- ESTILO LISTAS SIMPLES COM COLUNA DUPLA --*/
  #conteudoPrincipalInterno ul.lista-simples-dupla li{width:50%; border-top:1px dotted #CCCCCC; float:left; display:inline; line-height:20px;}
  #conteudoPrincipalInterno ul.lista-simples-dupla li.unico { width:100%;}
  
  /* ------------------------------------ ABAS SIMPLES ----------------------------------------*/
  
  div.simpleTabs { margin-top:30px; }
  ul.simpleTabsNavigation { margin:0; padding:0; text-align:left; }
  ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; }
  ul.simpleTabsNavigation li a { border:1px solid #E0E0E0; border-radius: 5px 5px 0 0; padding:8px 10px; line-height:23px; background:#F0F0F0; font-size:14px; text-decoration:none; color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
  ul.simpleTabsNavigation li a:hover { background-color:#F6F6F6; }
  ul.simpleTabsNavigation li a.current { background:#fff; color: #003366; border-bottom:1px solid #fff; }
  div.simpleTabsContent { border-top:1px solid #E0E0E0; padding:10px 0; margin-top: 6px; display:none; }
  div.simpleTabsContent.currentTab { display:block; }
  #boxSimpleTabs {border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid #dddddd; border-top:0px;}
  /* ------------------------------------- Pagina BNDES --------------------------------------- */
  
  .lista-bndes li{
    list-style-type: circle;
      padding-left: 10px;
    }
  
    ul.lista-bndes {
    margin-left: 20px;
      color: #333333;
      font-size: 14px;
      line-height: 23px;
    margin-bottom:20px;
    }
    .box-bndes{
    padding:0;
    margin:10px 0 0 0;
    border: 1px solid #FFFFFF;
    background: #F2F2F2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: #C4C4C4 0px 2px 5px 0px;
    -moz-box-shadow: #C4C4C4 0px 2px 5px 0px;
    box-shadow: #C4C4C4 0px 2px 5px 0px;
    behavior: url(/pessoa_fisica/contas/contaJovem/css/pie/PIE.htc);
    }
  
    .box-bndes h3{
    text-transform:uppercase;
    font-family:"roboto condensed";
    font-size:12px;
    font-weight:normal;
    background-color:#0077BB;
    color:#FFFFFF;
    padding:10px 0;
    margin:0;
    text-align:center;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    border: 0px solid #FFFFFF;
    behavior: url(/pessoa_fisica/contas/contaJovem/css/pie/PIE.htc);
    }
  
    .box-bndes p{
    font-size:18px;
    font-weight:bold;
    color:#244973;
    text-align:left;
    font-family:"roboto condensed";
    }
    .box-bndes span{
    font-family:"roboto condensed";
    font-weight:normal;
    font-size:12px;
    color:#333333;
    }
  
    .bndes{margin-top:10px; font-weight:bold;}
  
  /* ------------------------------------ ICONE NOVO/ENCERRADO ----------------------------------------*/
  .icone-destaque {
    display: inline-block;
    height: 9px;
    margin: 0 0 0 3px;
    padding: 0;
    background: url('/img/destaques-span.gif') no-repeat;
  }
  
  .destaque-novo {
    width:27px;
    background-position: 0px 0px;
  }
  
  .destaque-encerrado {
    width:89px;
    background-position: 0px -9px;
  }
  
  /* -------------------------------- ACESSO RAPIDO ------------------------------------------*/
  
  .ui-autocomplete-category {
    font-weight: bold; 
    padding: .2em .4em; 
    margin: .8em 0 .2em; 
    line-height: 1.5; 
    color:#012D58;
  }
  
  .ui-autocomplete{
    overflow-x: hidden; 
    overflow-x: hidden; 
    max-height: 200px; 
    max-width: 235px;
  }
  html .ui-autocomplete {
    height: 200px; 
    width: 235px;}
  
  #acessoRapido-pesquisa input, .acessoRapido-pesquisa input{
    margin: 10px 0px 10px 10px; 
    padding: 2px 4px; 
    height: 21px; 
    border-radius: 3px; 
    behavior: url(/layouts/sfb/css/pie/PIE.htc); 
    border: 1px solid #CFD7FF; 
    width: 188px;
  }
  #acessoRapido-pesquisa label, .acessoRapido-pesquisa label{display: none;}
  
  #btn-acessoRapido{
    background-color: #3266A0; 
    border-bottom: 2px solid #244973;
    color: #FFF; 
    font-family: 'Roboto Condensed', sans-serif; 
    height: 26px; 
    width:27px; 
    border-radius: 3px; 
    behavior: url(/layouts/sfb/css/pie/PIE.htc);
    cursor:pointer;
    padding: 5px;
    font-style: italic;
  }
  
  #acessoRapido-pesquisa.ri{
    border-radius: 3px;   
    behavior: url(/layouts/sfb/css/pie/PIE.htc);
    background: url('/ri/img/acesso_rapido-bg.png') no-repeat;
    width: 255px;
    height: 50px;
  }
  
  #acessoRapido-pesquisa.ri input{
    width: 200px;
    height: 17px;
    margin: 8px 0px 10px 9px;
  }
  .ri #btn-acessoRapido{
    padding: 3px 0 18px 0;
    height: 22px;
    width: 22px;
  }
  
  .acessoRapido-link{
    display: none;
  }
  
  
  /* ------------------------ MENSAGEM PARCEIROS TOPO ---------------------- */
  
  #mensagemTopo{
    background: #2E5F99;
    top: 0;
    margin: 0;
    clear: both;
    z-index: 100;      
    padding: 10px;
    text-align: center;
  }
  #mensagemTopo p{      
    color: #e5e5e5;
    font-family:'Tahoma', 'Arial', sans-serif;
    padding: 0 0 0 0;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4 );
  }
  .mensagemTopo__link{
    font-weight: bold;
    color:#89C2EB;
  }
  .mensagemTopo__logo{
    display: inline-block;
    height: 50px;
    vertical-align: middle;
  }
  
  /* 
  
    ESTILOS RESPONSIVOS 
    
  */
  
       /*  FONTES  */
      @font-face {
      font-family: 'PT Sans';
      font-style: normal;
      font-weight: 400;
      src: url("fonts/pt-sans-regular.eot");
      src: local("PT Sans"), local("PT_Sans-Web-Regular"), local("PT Sans Regular"), 
         url("/layouts/sfb/fonts/pt-sans-regular.eot?#iefix") format("embedded-opentype"),
         url("/layouts/sfb/fonts/pt-sans-regular.woff2") format("woff2"), 
         url("/layouts/sfb/fonts/pt-sans-regular.woff") format("woff"), 
         url("/layouts/sfb/fonts/pt-sans-regular.ttf") format("truetype"), 
         url("/layouts/sfb/fonts/pt-sans-regular.svg#PT-Sans") format("svg");
    }
    @font-face {
      font-family: 'PT Sans';
      font-style: italic;
      font-weight: 400;
      src: url("fonts/pt-sans-italic.eot");
      src: local("PT_Sans-Web-Italic"), local("PT Sans Italic"), 
         url("/layouts/sfb/fonts/pt-sans-italic.eot?#iefix") format("embedded-opentype"),
         url("/layouts/sfb/fonts/pt-sans-italic.woff2") format("woff2"), 
         url("/layouts/sfb/fonts/pt-sans-italic.woff") format("woff"), 
         url("/layouts/sfb/fonts/pt-sans-italic.ttf") format("truetype"), 
         url("/layouts/sfb/fonts/pt-sans-italic.svg#PT-Sans") format("svg");
    }
    @font-face {
      font-family: 'PT Sans';
      font-style: normal;
      font-weight: 700;
      src: url("fonts/pt-sans-bold.eot");
      src: local("PT_Sans-Web-Bold"), local("PT Sans Bold"), 
         url("/layouts/sfb/fonts/pt-sans-bold.eot?#iefix") format("embedded-opentype"),
         url("/layouts/sfb/fonts/pt-sans-bold.woff2") format("woff2"), 
         url("/layouts/sfb/fonts/pt-sans-bold.woff") format("woff"), 
         url("/layouts/sfb/fonts/pt-sans-bold.ttf") format("truetype"), 
         url("/layouts/sfb/fonts/pt-sans-bold.svg#PT-Sans") format("svg");
    }
    @font-face {
      font-family: 'PT Sans';
      font-style: italic;
      font-weight: 700;
      src: url("fonts/pt-sans-bold-italic.eot");
      src: local("PT_Sans-Web-BoldItalic"), local("PT Sans Bold Italic"), 
         url("/layouts/sfb/fonts/pt-sans-bold-italic.eot?#iefix") format("embedded-opentype"),
         url("/layouts/sfb/fonts/pt-sans-bold-italic.woff2") format("woff2"), 
         url("/layouts/sfb/fonts/pt-sans-bold-italic.woff") format("woff"), 
         url("/layouts/sfb/fonts/pt-sans-bold-italic.ttf") format("truetype"), 
         url("/layouts/sfb/fonts/pt-sans-bold-italic.svg#PT-Sans") format("svg");
    }
  
    @font-face {
      font-family: 'PT Sans Caption';
      font-style: normal;
      font-weight: 400;
      src: url("fonts/pt-sans-caption.eot");
      src: local("PT_Sans-Web-Caption"), local("PT Sans Caption"), 
         url("/layouts/sfb/fonts/pt-sans-caption.eot?#iefix") format("embedded-opentype"),
         url("/layouts/sfb/fonts/pt-sans-caption.woff2") format("woff2"), 
         url("/layouts/sfb/fonts/pt-sans-caption.woff") format("woff"), 
         url("/layouts/sfb/fonts/pt-sans-caption.ttf") format("truetype"), 
         url("/layouts/sfb/fonts/pt-sans-caption.svg#PT-Sans") format("svg");
    }  
    
      @font-face {
      font-family: "Roboto";
      font-style: normal;
      font-weight: 400;
      src: local('Roboto'), local('Roboto Regular'), local('Roboto-Regular.ttf');
      src: url('/layouts/sfb/fonts/RobotoRegular.eot');
      src: url('/layouts/sfb/fonts/RobotoRegular.eot') format('embedded-opentype'),
           url('/layouts/sfb/fonts/RobotoRegular.woff2') format('woff2'),
           url('/layouts/sfb/fonts/RobotoRegular.woff') format('woff'),
           url('/layouts/sfb/fonts/RobotoRegular.ttf') format('truetype'),
           url('/layouts/sfb/fonts/RobotoRegular.svg#RobotoRegular') format('svg');
    } 
    @font-face {  
    font-family: "Roboto";
      font-style: italic;
      font-weight: 400;
      src: local('Roboto Itático'), local('Roboto Italic'), local('Roboto-Italic.ttf');
      src: url('/layouts/sfb/fonts/RobotoItalic.eot');
      src: url('/layouts/sfb/fonts/RobotoItalic.eot') format('embedded-opentype'),
           url('/layouts/sfb/fonts/RobotoItalic.woff2') format('woff2'),
           url('/layouts/sfb/fonts/RobotoItalic.woff') format('woff'),
           url('/layouts/sfb/fonts/RobotoItalic.ttf') format('truetype'),
           url('/layouts/sfb/fonts/RobotoItalic.svg#RobotoItalic') format('svg');
    }   
    @font-face {
    font-family: "Roboto";
      font-style: normal;
      font-weight: bold;
      src: local('Roboto Bold'), local('Roboto Negrito'), local('Roboto-Bold.ttf');
      src: url('/layouts/sfb/fonts/RobotoBold.eot');
      src: url('/layouts/sfb/fonts/RobotoBold.eot') format('embedded-opentype'),
           url('/layouts/sfb/fonts/RobotoBold.woff2') format('woff2'),
           url('/layouts/sfb/fonts/RobotoBold.woff') format('woff'),
           url('/layouts/sfb/fonts/RobotoBold.ttf') format('truetype'),
           url('/layouts/sfb/fonts/RobotoBold.svg#RobotoBold') format('svg');
    } 
    @font-face {
    font-family: "Roboto";
      font-style: italic;
      font-weight: bold;
      src: local('Roboto Bold Italic'), local('Roboto Negrito Itálico'), local('Roboto-BoldItalic.ttf');
      src: url('/layouts/sfb/fonts/RobotoBoldItalic.eot');
      src: url('/layouts/sfb/fonts/RobotoBoldItalic.eot') format('embedded-opentype'),
           url('/layouts/sfb/fonts/RobotoBoldItalic.woff2') format('woff2'),
           url('/layouts/sfb/fonts/RobotoBoldItalic.woff') format('woff'),
           url('/layouts/sfb/fonts/RobotoBoldItalic.ttf') format('truetype'),
           url('/layouts/sfb/fonts/RobotoBoldItalic.svg#RobotoBoldItalic') format('svg');
    }   
    @font-face {
    font-family: "Roboto Condensed";
      font-style: normal;
      font-weight: 400;
      src: local('Roboto Condensado'), local('Roboto Condensed'), local('RobotoCondensed-Regular.ttf');
      src: url('/layouts/sfb/fonts/RobotoCondensedRegular.eot');
      src: url('/layouts/sfb/fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
           url('/layouts/sfb/fonts/RobotoCondensedRegular.woff2') format('woff2'),
           url('/layouts/sfb/fonts/RobotoCondensedRegular.woff') format('woff'),
           url('/layouts/sfb/fonts/RobotoCondensedRegular.ttf') format('truetype'),
           url('/layouts/sfb/fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
    }
    @font-face {
      font-family: "Roboto Condensed";
      font-style: normal;
      font-weight: 700;
      src: local('Roboto Condensado Negrito'), local('Roboto Condensed Bold'), local('RobotoCondensed-Bold.ttf');
      src: url('/layouts/sfb/fonts/RobotoCondensedBold.eot');
      src: url('/layouts/sfb/fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('/layouts/sfb/fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('/layouts/sfb/fonts/RobotoCondensedBold.woff') format('woff'),
         url('/layouts/sfb/fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('/layouts/sfb/fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
    }
    @font-face {
      font-family: "Roboto Condensed";
      font-style: italic;
      font-weight: 700;
      src: local('Roboto Condensado Negrito Itálico'), local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic.ttf');
      src: url('/layouts/sfb/fonts/RobotoCondensedBoldItalic.eot');
      src: url('/layouts/sfb/fonts/RobotoCondensedBoldItalic.eot') format('embedded-opentype'),
         url('/layouts/sfb/fonts/RobotoCondensedBoldItalic.woff2') format('woff2'),
         url('/layouts/sfb/fonts/RobotoCondensedBoldItalic.woff') format('woff'),
         url('/layouts/sfb/fonts/RobotoCondensedBoldItalic.ttf') format('truetype'),
         url('/layouts/sfb/fonts/RobotoCondensedBoldItalic.svg#RobotoCondensedBoldItalic') format('svg');
    } 
  
  
     .sfb-page-container{ box-sizing: border-box; font-family: "Roboto";}
     .sfb-page-content { max-width: 775px; margin-right: auto; margin-left: auto; font-size: 13px;}
     
     .sfb-index h2{ margin: 10px 0; color: #012D58; font-style: italic;}
     .sfb-index h3{ margin: 14px 0 10px 0; color: #012D58; font-style: italic;}
      
    
    /*  SECTION  */
    section {
      clear: both;
      padding: 0 0 25px 0;
      margin: 0px;
    }
    .sfb-section--grey{
    background-color: #f2f2f2;
    border-top:1px solid #CCCCCC;
    padding: 15px 0; 
    }
    
    .sfb-section--topo{
    background: #D7D2CC; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#D7D2CC, #FFFFFF); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#D7D2CC, #FFFFFF); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#D7D2CC, #FFFFFF); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#D7D2CC, #FFFFFF); /* Standard syntax */
    padding: 0;
    }
  
    /*  COLUMN SETUP  */
    .sfb-col {
      display: block;
      float:left;
      margin: 1% 0 1% 1.45%;
    }
    .sfb-col:first-child { margin-left: 0; }
  
    /*  GROUP  */
    .sfb-group:before,
    .sfb-group:after { content:""; display:table; }
    .sfb-group:after { clear:both;}
    .sfb-group { zoom:1; /* For IE 6/7 */ }
    /*  GRID OF THREE  */
    .sfb-col-3-3 { width: 100%; }
    .sfb-col-2-3 { width: 66.13%; }
    .sfb-col-1-3 { width: 32.26%; }
    
    /*  GRID OF TWELVE  */
      .sfb-col-12-12 { width: 100%;}
    .sfb-col-11-12 { width: 91.53%;}
    .sfb-col-10-12 { width: 83.06%;}
    .sfb-col-9-12 { width: 74.6%;}
    .sfb-col-8-12 { width: 66.13%;}
    .sfb-col-7-12 { width: 57.66%;}
    .sfb-col-6-12 { width: 49.2%;}
    .sfb-col-5-12 { width: 40.73%;}
    .sfb-col-4-12 { width: 32.26%;}
    .sfb-col-3-12 { width: 23.8%;}
    .sfb-col-2-12 { width: 15.33%;}
    .sfb-col-1-12 { width: 6.866%; background-color:red;}
    
    .mobile { display:none; }
    /* GO FULL WIDTH BELOW 768 PIXELS */
    @media only screen and (max-width: 774px) {
      .sfb-col {  margin: 1% 0 1% 0%; }
      .sfb-col-3-3, .sfb-col-2-3, .sfb-col-1-3,
      .sfb-col-1-12, .sfb-col-2-12, .sfb-col-3-12, .sfb-col-4-12, 
      .sfb-col-5-12, .sfb-col-6-12, .sfb-col-7-12, .sfb-col-8-12, 
      .sfb-col-9-12, .sfb-col-10-12, .sfb-col-11-12, .sfb-col-12-12
      { width: 100%; }
      .sfb-page-container { width: 100%; }
      .sfb-page-content {padding: 0 15px;}
    } 
    
    @media only screen and (max-width: 774px) {
      .desktop{ display:none; }   
      .mobile { display: block;}
    }
    
  
    /*  FOOTER */
    #sfb-rodape{    
      border-top: 1px solid #FFFFFF;
      -webkit-box-shadow: 0 -10px 10px -10px #999999;
      -moz-box-shadow: 0 -10px 10px -10px #999999;
      box-shadow: 0 -10px 10px -10px #999999;
    background-color: #052B58;  
    clear:both;
    display:block;
    }
    
    #sfb-rodape .sfb-footer--sites ul li a, 
    #sfb-rodape .sfb-footer--sites ul h3,
    #sfb-rodape .sfb-footer--links a
    {font-family: "PT Sans";}
    
    .sfb-footer--sites{ background-color: #073872; padding: 20px 0 15px 0;  } 
    .sfb-footer--sites ul { list-style-type:none; text-align:left;  margin: 8px 0 0 0; padding:0; display:inline-block; left:104px; left: 64px\0/ !important; position:relative; }
    .sfb-footer--sites ul.entidades-mantidas { border-left: 1px solid #FFFFFF; padding-left:15px; }
    .sfb-footer--sites ul h3{ font-size:9px; color:#89C2EB; text-transform:uppercase; font-style:normal;  padding:0; margin:0;}
    .sfb-footer--sites ul li { display:inline-block; padding-right: 15px; }
    .sfb-footer--sites .empresas-controladas { display: inline-block; }
    .sfb-footer--sites ul:last-child{ padding-right: 0px; }
    .sfb-footer--sites ul li a, .sfb-footer--sites ul li a:visited { color:#FFFFFF; }
    .sfb-footer--sites ul li a:hover{ text-decoration: underline; }
      
    .sfb-footer--links {padding: 10px 0 30px 0;}
    .sfb-footer--links ul { list-style-type:none; margin:0; padding:0;}
    .sfb-footer--links ul h4 {margin:0 0 5px 0; text-transform: uppercase;}
    .sfb-footer--links ul li {padding: 0 0 6px 0 ;}
    .sfb-footer--links a, .sfb-footer--links a:visited { color:#FFFFFF; }
    .sfb-footer--links a:hover{ text-decoration: underline; }
    .sfb-footer--links .separador{ border-right: 1px solid #375579;}
    
    .sfb-info-rodape{ border-bottom: 1px solid #375579; margin: 0 0 15px 0;}
    .sfb-telefones, .sfb-midias-sociais{ color: #FFFFFF; font-size: 14px;}
    .sfb-midias-sociais{ float:right; }
    .sfb-footer--links .sfb-telefones {padding-top:5px;}
    .sfb-footer--links .sfb-telefones li{ display: table-cell; vertical-align: middle; padding:0 0 0 10px;}
    .sfb-footer--links .sfb-midias-sociais li{ display: table-cell; vertical-align: middle; padding:0 0 0 5px;}
    .sfb-footer--links .sfb-telefones li:first-child{ padding:0;}
    .sfb-footer--links .sfb-midias-sociais li:first-child{ padding-right:10px;}
    .teste { padding-bottom: }
    .sfb-telefones li:first-child, .sfb-midias-sociais li:first-child  {margin-right: 10px;}
    .sfb-telefones li:first-child::after, .sfb-midias-sociais li:first-child::after { padding-left: 10px; content: " | "; color: #375579;}
    
    
    .sfb-social-facebook picture:hover, .sfb-social-twitter picture:hover, .sfb-social-youtube picture:hover, .sfb-social-instagram picture:hover   {
      opacity: .5;
    }
    
    @media only screen and (max-width: 774px) {
      .sfb-footer--sites {padding: 25px;}
      .sfb-footer--sites ul { text-align: left;} 
      .sfb-footer--sites ul li { display: block; padding: 0 0 10px 0; } 
      .sfb-footer--links {padding: 25px;}
      .sfb-footer--links .separador{ border-right: none;}
      .sfb-footer--links ul { padding: 0 0 20px 0;}
      .sfb-footer--links ul li {padding: 0 0 10px 0 ;}
      .sfb-footer--links .sfb-telefones li, .sfb-footer--links .sfb-midias-sociais{ display:block; padding:0; float:left;}
      .sfb-telefones li:first-child::after{ padding-left: 0px; content: "  ";}
      .sfb-footer--links .sfb-telefones li{ padding: 0 10px; }
      .sfb-footer--sites ul.entidades-mantidas { border-left: none;  padding-left: 0; }
      .sfb-footer--sites ul { list-style-type: none; text-align: left;  margin: 8px 0 0 0;  padding: 0; display: block; left: 0; }
    }
    
    @media only screen and (max-width: 433px) {
      .sfb-footer--links .sfb-telefones li{ padding: 10px 30px 10px 0;}
    }
    
    /* ----------------------------- COLORBOX --------------------------------------*/
    .sfb-breadcrumb-colorbox{margin-left: 8px;}
    .sfb-breadcrumb-colorbox ul{ list-style: none; font-size: 10px; color: #666666; display: block; padding: 8px;}
    .sfb-breadcrumb-colorbox ul li{display: inline;}
  
  /* ---------------------------------ACCORDION E JPLIST------------------------------------------------*/
  .elemento-accordion {cursor: pointer; border: 1px dotted #cfd4d8; border-top: 1px solid transparent;}
  .elemento-accordion:first-child { border-top: 1px dotted #cfd4d8;}
  .invisible-accordion-body { display: none;}
  .jplist-holder {display: inline-block;}
  .data-sortable{ display: none;}
  [data-jplist-control="pagination"] {  margin: 20px 0;}
  [data-jplist-control="pagination"] .jplist-selected { color: white; background: #004b8d; border: 2px solid transparent;}
  [data-jplist-control="pagination"],[data-jplist-control="select-filter"],[data-jplist-control="select-sort"],select { font-size: 13px;}
  [data-jplist-control="textbox-filter"], input{ border: 1px solid #cfd4d8; padding: 2px; font-size: 13px;}
  [data-jplist-control="pagination"], button { padding: 5px 10px 5px 10px; border-radius: 2px;}
  
  
  /* --- Aviso Investimentos -------*/
  
  .ambima-selos { 
    display:flex; 	
   }
  
   .ambima-selos img{
     width: 143px;
     margin-right: 10px;
   }
  /*-- Codigos embutidos - Guia de estilos --------------------------------------*/
  
    pre {
        background: #1b1b1b;
        padding: 10px 15px;
        margin-bottom: 15px;
        white-space: pre-wrap;
        -moz-tab-size: 1;
        -o-tab-size: 1;
        tab-size: 1;
        -ms-word-break: normal;
        word-break: normal;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        position: relative;
        line-height: 18px;
        border-radius: 4px;
        /*overflow: auto;*/
        /*overflow: scroll;*/
       /* display: inline-block;*/
    }
  
    pre code {
        font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
        color: #f5d67b;
        font-size: 80%;
        background: #1b1b1b;
        border-radius: 2px;
        display: inline-block;
      }
   code {
        color: #f5d67b;
        background: #1b1b1b;
        border-radius: 2px;
        display: inline-block;
        padding: 4px;
      }
  
    .code-seletor{
      color: #83ba52;
      }
    .code-valor{
      color: #72e0d1;
    }
    .BoxDestaqueTexto{
      box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
        padding: 10px;
        text-align: left;
        background-color: #f9f9f9;
        border-radius: 4px;
        margin: 10px 0px;
    }
    .BoxDestaqueTexto h3 {
      margin-left: 0px;
      margin-top: 10px;
      margin-bottom: 10px;
    }
  
  
    /*-- imagens --------------------------------------*/
    figcaption {
      border-bottom: 1px solid #CCCCCC;
      font-size: 12px;
      margin: 5px 0;
      padding-bottom: 5px;
    }
  
    figure {
      padding: 0px;
      width: 495px;
    }
  
  
    /*--- Acordion Index investimentos ---*/
    [data-accordion] [data-content] {
      overflow: hidden;
      max-height: 0;
      }
  
      /* Basic Theme */
    
      #accordion-investimento > section{
      clear: both;
        padding:0;
        margin: 0;
      }
    
      #accordion-investimento span.perfil{
        float: right;
        display: inline-block;
        text-align: end;
        padding: 5px 10px 5px 0px;
        font-size: 12px;
        color: #012D58;
      }

      #conteudo3Colunas span.perfil {
        float: right;
        display: inline-block;
        text-align: end;
        padding: 5px 10px 5px 0px;
        font-size: 12px;    
        color: #012D58;
      }
    
      #accordion-investimento .conteudo-textual{
        padding:10px 80px 40px 40px;	
      }
    
      .conteudo-textual p{
        margin-left: 0;
    
      }
    
      .conteudo-textual li{
        list-style-type: none;
        clear: both;
        padding: 15px 5px;
        border-bottom: 1px #CCCCCC dotted;
        color: #003366;
        font-size: 14px;
      }
    
      .conteudo-textual ul li:last-child{
        border-bottom: none;
      }
  
      button.accordion-full {
        background: inherit;
        width: 100%;
        text-align: left;
      }
    
      .nivel-1{
        font-size: 18px;
        font-weight: bold;
        color: #012D58;  
      }
      .nivel-2{
        font-size: 15px;
        font-weight: bold;
        color: #3266A0;      
      }
      .nivel-3{
        font-size: 14px;
        font-weight: inherit;
        color: #012D58;
      }
    
      #accordion-investimento a.item{
        display: inline-block;
        background: url(/img/seta.png) no-repeat;
        margin: 0px;
        padding: 4px 0px 5px 25px;
        font-size: 14px;
        color: #012D58;
      }
    
      [data-accordion] {
        line-height: 1;
      }
    
      [data-control],
      [data-content] > * {
        border-bottom: 1px dotted #CCC;
        padding: 10px 10px 10px 40px;
      }
    
      [data-control],
      [data-content] > article {
        border-bottom: 1px dotted #CCC;
        padding: 10px;
      }
  
      [data-control],
      [data-content] > .article2 {
        border-bottom: 1px dotted #CCC;
        padding: 10px 10px 10px 20px;
        background-color: #f5f5f5;
      }
    
      [data-content] [data-accordion] {
        border: 0;
        padding: 0;
      }
    
      [data-accordion] [data-control] {
        position: relative;
        padding: 1.5rem 1.5rem 1.5rem 40px;
      }
    
      [data-accordion] .nivel-2, [data-accordion] .nivel-3{
        position: relative;
        padding: 1.2rem 1.2rem 1.2rem 40px;
      }
    
      [data-accordion] > .nivel-1:after {
        content: "";
        position: absolute;
        left: 10px;
        top: 25px;
        font-size: 25px;
        font-weight: 200;
        color: #444;
        height: 15px;
        width: 24px;
        background: url('/investimentos/img/down.png') center center no-repeat;
        background-size: 50%;
      }
    
      [data-accordion].open > .nivel-1:after {
        -webkit-transform: rotate(-180deg); 
        -ms-transform: rotate(-180deg); 
        transform: rotate(-180deg); 
      }
    
      [data-accordion] > .nivel-2:after {
        content: "";
        position: absolute;
        left: 18px;
        top: 22px;
        height: 9px;
        width: 9px;
        background: url('/investimentos/img/plus.png') center center no-repeat;
        background-size: 100%;
      }
    
      [data-accordion].open > .nivel-2:after {
        content: "";
        position: absolute;
        left: 18px;
        top: 22px;
        height: 9px;
        width: 9px;
        background: url('/investimentos/img/minus.png') center center no-repeat;
        background-size: 100%;
      }
  
      [data-accordion] > .nivel-3:after {
        content: "";
        position: absolute;
        left: 18px;
        top: 22px;
        height: 9px;
        width: 9px;
        background: url('/investimentos/img/plus.png') center center no-repeat;
        background-size: 100%;
      }
  
      [data-accordion].open > .nivel-3:after {
        content: "";
        position: absolute;
        left: 18px;
        top: 22px;
        height: 9px;
        width: 9px;
        background: url('/investimentos/img/minus.png') center center no-repeat;
        background-size: 100%;
      }
    
      .boxBotao-dtvm {
          margin: 0;
          padding: 0;
        }
    
        .boxBotao-dtvm .botaoForm {
          margin: 10px 10px 0 0;
          height: 50px;
          line-height: 50px;
        }
    
        .login {
          width: 120px;
          margin-right: 0px;
        }
    
        .abertura-conta {
          border: 1px solid #244973;
          background-color: #FFFFFF;
          color: #244973;
        }
    
        .abertura-conta:hover {
          background-color: #244973;
          color: #FFFFFF;
        }
    
        .boxBotao-dtvm p {
          padding: 20px 0 0 20px;
          margin: 0;
          font-size: 12px;
          font-family: 'Roboto Condensed', sans-serif;
          font-style: normal;
          font-weight: bold;
          text-transform: none;
          color: #244973;
          text-indent: 0px;
          text-align: left;
        }
    
    
      [data-accordion] [data-content] {
        background: #f5f5f5;
      }
    
      [data-accordion] [data-content] [data-content] {
        background: rgba(236, 245, 250, 0.5);
      }
    
      [data-accordion] [data-content] [data-content] [data-content] {
        background: rgb(228, 255, 228);
      }
    
      table {
      max-width: 100%;
      background-color: transparent;
      border-collapse: collapse;
      border-spacing: 0;
      }
      .table {
      width: 100%;
      margin-bottom: 22px;
      }
      .table th,
      .table td {
      padding: 16px;
      line-height: 24px;
      text-align: left;
      vertical-align: top;
      border-top: 1px solid #ffffff;
      }
      .table td {
      background: #FFF;
      border-top: 1px solid #E0E0E0;
      }
      .table th {
      font-weight: bold;
      }
      .table thead th {
      vertical-align: bottom;
      }
      .table caption + thead tr:first-child th,
      .table caption + thead tr:first-child td,
      .table colgroup + thead tr:first-child th,
      .table colgroup + thead tr:first-child td,
      .table thead:first-child tr:first-child th,
      .table thead:first-child tr:first-child td {
      border-top: 0;
      }
      .table tbody + tbody {
      border-top: 2px solid #ffffff;
      }
      .table .table {
      background-color: #ffffff;
      }
      .table-bordered {
      border: 1px solid #ffffff;
      border-collapse: separate;
      *border-collapse: collapse;
      border-left: 0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      }
      .table-bordered caption + thead tr:first-child th,
      .table-bordered caption + tbody tr:first-child th,
      .table-bordered caption + tbody tr:first-child td,
      .table-bordered colgroup + thead tr:first-child th,
      .table-bordered colgroup + tbody tr:first-child th,
      .table-bordered colgroup + tbody tr:first-child td,
      .table-bordered thead:first-child tr:first-child th,
      .table-bordered tbody:first-child tr:first-child th,
      .table-bordered tbody:first-child tr:first-child td {
      border-top: 0;
      }
      .table-bordered thead:first-child tr:first-child > th:first-child,
      .table-bordered tbody:first-child tr:first-child > td:first-child,
      .table-bordered tbody:first-child tr:first-child > th:first-child {
      -webkit-border-top-left-radius: 3px;
      -moz-border-radius-topleft: 3px;
      border-top-left-radius: 3px;
      }
      .table-bordered thead:first-child tr:first-child > th:last-child,
      .table-bordered tbody:first-child tr:first-child > td:last-child,
      .table-bordered tbody:first-child tr:first-child > th:last-child {
      -webkit-border-top-right-radius: 3px;
      -moz-border-radius-topright: 3px;
      border-top-right-radius: 3px;
      }
      .table-bordered thead:last-child tr:last-child > th:first-child,
      .table-bordered tbody:last-child tr:last-child > td:first-child,
      .table-bordered tbody:last-child tr:last-child > th:first-child,
      .table-bordered tfoot:last-child tr:last-child > td:first-child,
      .table-bordered tfoot:last-child tr:last-child > th:first-child {
      -webkit-border-bottom-left-radius: 3px;
      -moz-border-radius-bottomleft: 3px;
      border-bottom-left-radius: 3px;
      }
      .table-bordered thead:last-child tr:last-child > th:last-child,
      .table-bordered tbody:last-child tr:last-child > td:last-child,
      .table-bordered tbody:last-child tr:last-child > th:last-child,
      .table-bordered tfoot:last-child tr:last-child > td:last-child,
      .table-bordered tfoot:last-child tr:last-child > th:last-child {
      -webkit-border-bottom-right-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      border-bottom-right-radius: 3px;
      }
      .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
      -webkit-border-bottom-left-radius: 0;
      -moz-border-radius-bottomleft: 0;
      border-bottom-left-radius: 0;
      }
      .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
      -webkit-border-bottom-right-radius: 0;
      -moz-border-radius-bottomright: 0;
      border-bottom-right-radius: 0;
      }
      .table-bordered caption + thead tr:first-child th:first-child,
      .table-bordered caption + tbody tr:first-child td:first-child,
      .table-bordered colgroup + thead tr:first-child th:first-child,
      .table-bordered colgroup + tbody tr:first-child td:first-child {
      -webkit-border-top-left-radius: 3px;
      -moz-border-radius-topleft: 3px;
      border-top-left-radius: 3px;
      }
      .table-bordered caption + thead tr:first-child th:last-child,
      .table-bordered caption + tbody tr:first-child td:last-child,
      .table-bordered colgroup + thead tr:first-child th:last-child,
      .table-bordered colgroup + tbody tr:first-child td:last-child {
      -webkit-border-top-right-radius: 3px;
      -moz-border-radius-topright: 3px;
      border-top-right-radius: 3px;
      }
      table td[class*="span"],
      table th[class*="span"],
      .row-fluid table td[class*="span"],
      .row-fluid table th[class*="span"] {
      display: table-cell;
      float: none;
      margin-left: 0;
      }
      .table td.span1,
      .table th.span1 {
      float: none;
      width: 44px;
      margin-left: 0;
      }
      .table td.span2,
      .table th.span2 {
      float: none;
      width: 124px;
      margin-left: 0;
      }
      .table td.span3,
      .table th.span3 {
      float: none;
      width: 204px;
      margin-left: 0;
      }
      .table td.span4,
      .table th.span4 {
      float: none;
      width: 284px;
      margin-left: 0;
      }
      .table td.span5,
      .table th.span5 {
      float: none;
      width: 364px;
      margin-left: 0;
      }
      .table td.span6,
      .table th.span6 {
      float: none;
      width: 444px;
      margin-left: 0;
      }
      .table td.span7,
      .table th.span7 {
      float: none;
      width: 524px;
      margin-left: 0;
      }
      .table td.span8,
      .table th.span8 {
      float: none;
      width: 604px;
      margin-left: 0;
      }
      .table td.span9,
      .table th.span9 {
      float: none;
      width: 684px;
      margin-left: 0;
      }
      .table td.span10,
      .table th.span10 {
      float: none;
      width: 764px;
      margin-left: 0;
      }
      .table td.span11,
      .table th.span11 {
      float: none;
      width: 844px;
      margin-left: 0;
      }
      .table td.span12,
      .table th.span12 {
      float: none;
      width: 924px;
      margin-left: 0;
      }
      .table tbody tr.success > td {
      background-color: #dff0d8;
      }
      .table tbody tr.error > td {
      background-color: #f2dede;
      }
      .table tbody tr.warning > td {
      background-color: #fcf8e3;
      }
      .table tbody tr.info > td {
      background-color: #d9edf7;
      }
      .table tbody tr:hover {
        background: #ddd;
      }
      .table tbody tr td:first-child {
        font-weight: bold;
      }
    
      @media (max-width: 768px) {
        .hp-table table, .hp-table thead, .hp-table .hp-table tbody, .hp-table th, .hp-table td, .hp-table tr { 
          display: block; 
        }
        .hp-table thead tr { 
          display: none;
        }
        .hp-table tr { border: 0px solid #ccc; margin-bottom: 10px; }
        
        .hp-table td:before { 
          top: 6px;
          left: 6px;
          width: 45%; 
          padding-right: 10px; 
          white-space: nowrap;
        }
    
        .hp-table td:nth-of-type(2):before { 
          content: "Default:";
          font-weight: bold;
        }
        .hp-table td:nth-of-type(3):before { 
          content: "Type:";
          font-weight: bold;
        }
        .hp-table td:nth-of-type(4):before { 
          content: "Description:";
          font-weight: bold;
        }
      }