﻿/*####################  Estilos comuns as páginas do Fluxo Builder  ####################*/
/* RESET */
body, h1, h2, h3, h4, h5, h6, p, img, address, form, table, ul, ol, li, a, span
{
    margin: 0px;
    padding: 0px;
    font-size: 1em; /*font-size:medium;*/
}
body
{
    font: normal normal normal 12px/15px Arial;
    color: #000; /*font-size:medium;*/
}
fieldset, img
{
    border-style: none;
}
ul, ol
{
    list-style: none;
}
/*estilos genéricos*/
.EstadoPadraoLnk, .EstadoInversoLnk:hover
{
    text-decoration: none;
}
.EstadoPadraoLnk:hover, .EstadoInversoLnk
{
    text-decoration: underline;
}
.CtTopo
{
    width: 965px;
    margin: 0px auto;
}
/*O Corpo não necessariamente está centralizado*/
.CtCorpo
{
    margin: 0 auto;
    padding: 0;
    width: 965px;
}
.CtdoCentral
{
    /*width: 965px;*/
    width: 970px;
    margin: 0px auto;
    padding: 0px;
}
.CtRodape
{
    clear: both;
    margin: 50px auto;
    padding: 36px 0px 66px 0px;
    background-color: #f5f4f1;
}
/* TOPO ##############################################################################*/

.CpLinhaTopo
{
    background: transparent url(../images/backgrounds/linhaTopo.gif) repeat-x scroll center bottom;
    padding-bottom: 30px;
}

#QdroLogoDSTopo
{
    width: 291px;
    float: left;
    padding: 2px 0px 15px 0px;
}
#QdroLogoDSTopo a img
{
    width: 290px;
    height: 66px;
    padding: 0px;
    margin: 0px;
}
#QdroLogoMVTopo
{
    width: 168px;
    float: right;
    margin-top: 15px;
    padding-bottom: 21px;
}
#QdroLogoMVTopo a img
{
    width: 168px;
    height: 45px;
    padding: 0px;
    margin: 0px;
}
/*Área de Mídia do Topo*/
.CtPublicidadeTopo
{
    margin: 0px 195px 0px 318px;
    padding: 20px 0px 12px 0px;
    text-align: center;
    font: normal normal normal 12px/normal Arial;
    color: #000;
}

.CpDestaqueQtd
{
    font: normal normal bold 16px/normal Arial;
    color: #0051B6;
}

.CpDestaquePromo
{
    font: normal normal normal 16px/normal Arial;
    color: #000;
}

#CtTopoFxBuilder
{
    padding-top: 10px;
}

/* RODAPÉ #####################################################################*/
#CpDisclaimer
{
    margin-bottom: 25px;
}

#CtConteudoRodape
{
    width: 953px;
    margin: 0px auto;
}
#QdroLogoRodape
{
    float: left;
    width: 217px;
    height: 59px;
}
#QdroLogoRodape a img
{
    vertical-align: middle;
    width: 217px;
    height: 59px;
}
#CpMenuCRM
{
    margin: 0px 0px 0px 250px;
    padding-top: 2px;
}
/*Menu do rodape*/
#MenuCRM
{
    margin: 0px 0px 10px 0px;
    line-height: 10px;
    font-size: 10px;
}
#MenuCRM a
{
    text-decoration: none;
    vertical-align: middle;
}
#MenuCRM span
{
    vertical-align: middle;
}
#MenuCRM a:hover
{
    text-decoration: underline;
}


/*########################  BOTAO  #################################*/
#CpBotaoReceberAval
{
    text-align: left;
    margin: 0px auto;
    cursor: pointer;
}
#CpBotaoReceberAval a
{
    text-align: center !important;
}
#BordaLateralEsquerda
{
    background: url(../imagens/botoes/btn-esq-receber-aval.gif) no-repeat left;
    padding-left: 11px;
}

#BordaLateralDireita
{
    background: url(../imagens/botoes/btn-dir-receber-aval.gif) no-repeat right;
}

.FlxBotao
{
    margin: 0px auto;
}

.ConteudoBotao
{
    padding: 30px 10px 30px 0px;
    float: left;
}

#ctReceber
{
    margin: 0px auto;
}

.teste
{
    vertical-align: middle;
    float: left;
    font: normal normal bold 26px/60px Arial;
    color: #000;
    background-image: url(../imagens/botoes/btn-receber-avaliacao.gif);
    background-repeat: repeat-x;
    text-align: center;
}

/*########################  Fontes  #################################*/
/*Rodapé*/
.TxtMenuCRMRodape, a.TxtMenuCRMRodape
{
    font: normal normal normal 10px/normal Tahoma;
    color: #000000;
}
.TxtCorporightRodape
{
    font: normal normal normal 10px/normal Tahoma;
    color: #686868;
}
.TxtObsRodape
{
    font: normal normal normal 11px/normal Tahoma;
    color: #686868;
}
/*fontes dos Boxes de publicidade(Seções de confiança) Fluxo Builder*/
.TxtTBoxPublicidade
{
    font: normal normal normal 18px/normal Arial;
    color: #010101;
}
.TxtCorridoPadrao
{
    font: normal normal normal 12px/normal Arial;
    color: #000;
}
.TxtSubTScPlanosPDS
{
    font: normal normal normal 18px/normal Arial;
    color: #000;
}
#conteudomodal
{
    width: 500px;
}
.arial-azul-30px
{
    color: #195E9F;
    font-family: arial;
    font-size: 30px;
}
.btnFecharSaiba img
{
    padding-top: 20px;
    margin-left: 20px;
}
.bt
{
    cursor: pointer;
}
.bt a span
{
    cursor: pointer;
}
.bt a
{
    cursor: pointer;
    width:100%;
}
.bt1
{
    cursor: pointer;
}
.bt1 a span
{
    cursor: pointer;
}
.bt1 a
{
    cursor: pointer;
    width:100%;
}
.bt-white a span
{
    color: #ffffff;
}
.bt-black a span
{
    color: #000000;
}
.btnCentralIE
{
    width: 400px;
}
input, select, textarea
{
    font-size:12px !important;
}

.btn_grande p a span
{
    padding-top: 18px !important;
}
/* Topo fluxo parceiros */
.topoFluxoParceiros 
{
    background:#2f71c4 url("../images/backgrounds/bgTopoFluxoParceiros.gif") repeat-x left top;
    padding:21px 25px;
}
.topoFluxoParceiros div
{
    float:left;
}
.topoFluxoParceiros div h2, .topoFluxoParceiros div p 
{
    color:#fff;
}
.topoFluxoParceiros div h2
{
    font:bold 30px arial;    
}
.topoFluxoParceiros div p
{
    font:normal 16px arial;    
}
.topoFluxoParceiros img
{
    margin-left:166px;
}
