html,body{min-height: 100%;}
body{margin: 0; color: #094c67; font-family: 'Open Sans', Arial, sans-serif;}
ul{list-style: none; padding-left: 0;}
a, a:focus{text-decoration: none;}

body.home{background: url('../img/bg-1.jpg') no-repeat; background-size: cover; background-position: center;}
body.diferenciais{background: url('../img/bg-2.jpg') no-repeat; background-size: cover;}
body.perfil{background: url('../img/bg-3.jpg') no-repeat; background-size: cover;}
body.investimentos{background: url('../img/bg-4.jpg') no-repeat; background-size: cover;}
body.contato{background: url('../img/bg-contato.jpg') no-repeat; background-size: cover;}

h2{color: #00314b; font-weight: bold; font-size: 24px;}

#box-footer .center-xs{text-align: center;}

.bg {
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}
.bg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

#box-header{background: url('../img/bg-branco.png') repeat; display: table; padding: 10px; width: 100%;}
#link-logo img{width: 120px; display: block;}
#menu{margin-top: 10px;}
#menu li{display: inline-block; width: 19.5%;}
#menu li a{text-decoration: none; display: table; color: #00314b;}
#menu li span{display: block; border-bottom: solid 2px transparent; color: #00aeef; font-weight: bold;}
#menu li a:hover span, #menu li .ativo span{border-bottom: solid 2px #00aeef;}
.box-conteudo{background: url('../img/bg-branco.png') repeat; width: 100%; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 40px; margin-top: 50px; behavior: url(/scripts/PIE.htc);}
.box-conteudo h2{margin-top: 0;}
.box-conteudo h2 strong{display: block; color: #00aeef; font-size: 28px;}
.btn-verde, .btn-verde:focus{padding: 10px 20px; border-bottom: solid 3px #62a44e; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; width: auto; background-color: #73c15c; color: #ffffff; margin-top: 25px; display: table; font-weight: bold; behavior: url(/scripts/PIE.htc); text-align: center;}
.btn-verde:hover{text-decoration: none; color: #ffffff; background-color: #64b04d; border-color: #548944;}
.box-perfil{text-align: center; margin-top: 20px;}
.box-perfil h3{font-weight: bold; font-size: 20px; margin-bottom: 0;}
.box-perfil sub{color: #00aeef; font-style: italic; font-weight: bold; font-size: 14px; margin-bottom: 10px;}
.box-perfil .btn-verde{margin: 0 auto; font-size: 12px;}
.box-perfil p{height: 185px; margin-top: 10px; font-size: 14px;}

#lista-dif {margin-top: 20px; margin-bottom: 60px;}
#lista-dif li {padding-left: 50px; margin-bottom: 20px; position: relative; font-weight: 600;}
.img-check {position: absolute; left: 0; top: -2px;}

#tabela-plano {width: 100%; margin: 20px 0 0 0; font-size: 14px; min-width: 767px;}
#tabela-plano .btn-verde{font-size: 12px; display: block; margin: 0;}
#tabela-plano tr td:first-child{width: 8px;}
#tabela-plano td, #tabela-plano th{text-align: center; padding: 25px 10px;}
#tabela-plano td{padding: 10px; font-weight: bold;}
#tabela-plano th{background-color: #2b557d; color: #ffffff;}
#tabela-plano th:nth-child(even){background-color: #24496d;}
#tabela-plano td{background-color: #f0f4f5;}
#tabela-plano tr:nth-child(odd) td{background-color: #eceff0;}
#tabela-plano .categoria{background-color: #f0f4f5 !important; color: #2b557d !important; }
#tabela-plano .tipo{background-color: #d4ecf6 !important; color: #000000 !important; text-align: left;}
.item-tabela{margin-left: 10px; padding-left: 10px; }
.item-tabela td{font-weight: 600 !important;}

.tabela-scroll{overflow: auto; margin-bottom: 20px;}

iframe{height: 262px;}

#legenda {font-weight: 600; margin-top: 10px;}
#legenda li{display: inline-block; margin-right: 10px;}
#legenda span{float: left; width: 20px; height: 20px; margin-right: 5px;}

.perf-conserv{background-color: #b0d8c0 !important; padding: 0 !important;}
.perf-moderado{background-color: #98c0e0 !important;padding: 0 !important;}
.perf-arrojado{background-color: #f8d860 !important; padding: 0 !important;}
.perf-agressivo{background-color: #c02020 !important; padding: 0 !important;}

#box-footer{position: fixed; bottom: 0; width: 100%;}
#box-footer p{margin: 0;}
#box-footer img{float:right;}
#box-footer{background-color: #122f4d; color: #ffffff;}
#conteudo-footer{padding: 25px 0;}
#copyright{background-color: #001b36; padding: 10px 0; font-size: 10px;}

.btn-azul, .btn-azul:focus{padding: 10px 20px; border-bottom: solid 3px #031833; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; width: auto; background-color: #2b557d; color: #ffffff; display: table; font-weight: bold; font-size: 12px; behavior: url(/scripts/PIE.htc);}
.btn-azul:hover{text-decoration: none; color: #ffffff; background-color: #23486c; border-color: #020f1f;}

#btn-perfis{float: left;}
#btn-ver-todos{float: right;}

#chave-diferencial{margin: 120px auto 0 auto; width: 400px; position: relative; padding: 15px; text-align: center; padding-top: 115px;}
#chave-diferencial p{font-size: 20px; font-weight: bold; font-style: italic;}
#chave-esq, #chave-dir{position: absolute; font-size: 240px; top: 0; font-weight: 300;}
#chave-esq {left: 0;}
#chave-dir {right: 0;}
#bilhoes{font-size: 50px; display: block; line-height: 1;}
#ativos{font-size: 36px;}
#gestao{display: block; font-size: 26px;}
#de{font-size: 26px;}

.investimentos .box-conteudo{padding-bottom: 70px;}

#box-principal{padding-bottom: 80px;}

#btn-menu{display: none;}

.box-perfil-sm h2{color: #2b557d; text-align: center; padding: 20px 0;}
.box-perfil-sm h2:not(:first-child){border-top: solid 1px #2b557d;}
.fundo-sm {margin-bottom: 30px;}
.fundo-sm .btn-verde{ margin: 10px auto;}
.fundo-sm table{max-width: 500px; margin: 0 auto; width: 100%;}
.fundo-sm h3{font-weight: bold; font-size: 18px; text-align: center; padding: 15px 10px; background-color: #24496d; color: #ffffff; max-width: 500px; margin: 0 auto;}
.fundo-sm table td{padding: 15px 10px; font-weight: bold;}
.fundo-sm table tr td:first-child{width: 150px; background-color: #2b557d; color: #ffffff; font-weight: bold;}
.fundo-sm table tr:nth-child(even) td:first-child{background-color: #24496d;}
.fundo-sm table tr td{background-color: #f0f4f5;}
.fundo-sm table tr:nth-child(even) td{background-color: #eceff0;}

@media (max-width: 767px) {
    #btn-menu{display: block; float: right; text-decoration: none; border: solid 1px #cccccc; padding: 10px; margin-top: 5px; font-weight: bold; color: #00aeef;}
    #tabela-plano{font-size: 10px;}
    #tabela-plano .btn-verde{font-size: 8px;}

    #box-header img{width: 100px;}
    #menu{position: absolute; background-color: rgba(255,255,255,0.95); z-index: 1; display: none; margin-top: 50px;}
    #menu li{display: inline-block; width: 100%;}
    #menu li a{font-size: 12px; text-align: center; width: 100%;}
    #chave-diferencial{margin: 0 auto; padding-top: 60px;}
    #chave-esq, #chave-dir{line-height: 1;}
    .box-perfil p{height: auto;}
    .box-perfil{margin-bottom: 40px;}

    .fundo-sm table tr td:first-child{width: 50%;}

    #bilhoes{font-size: 34px; display: block; line-height: 1;}
    #ativos{font-size: 24px;}
    #gestao{display: block; font-size: 16px;}
    #de{font-size: 14px;}
    #chave-diferencial{width: 270px;}
    #chave-esq, #chave-dir{ font-size: 180px;}
    #chave-diferencial p{font-size:14px;}

    .center-xs{text-align: center;}

    #btn-perfis{
        float: none;
        margin: 0 auto;
        clear: both;
    }
    #btn-ver-todos{
        float: none;
        margin: 20px auto 0 auto;
        clear: both;
    }

    body.diferenciais .btn-verde{margin: 0 auto;}
}

@media (min-width: 768px) and (max-width: 991px){
    .box-perfil p{height: 160px;}
    .box-perfil{margin-bottom: 40px;}
    #chave-diferencial{margin: 0 auto; padding-top: 60px;}
    #chave-esq, #chave-dir{line-height: 1;}
    #tabela-plano{font-size: 12px;}
    #tabela-plano .btn-verde{font-size: 10px;}
    #box-header img{width: 100px;}
    #menu li{width: 19%;}
    #menu li a{font-size: 12px;}
    #bilhoes{font-size: 46px; display: block; line-height: 1;}
    #ativos{font-size: 32px;}
    #gestao{display: block; font-size: 22px;}
    #de{font-size: 22px;}
    #chave-esq, #chave-dir{font-size: 220px;}
    #chave-diferencial p{font-size:18px;}
}