/* geral: */
::-webkit-scrollbar { 
    display: none; 
}
body{
    font-family: 'Arial Normal', 'Arial';
    font-style: normal;
    line-height: normal;
}
input:focus,select:focus { 
    outline:none !important;
    border-radius: 6px !important;
    border: 1px solid !important;
    border-color:#876631 !important;
}
input[type="button"]:focus { 
    outline:none !important;
    border: 0px !important;
}
input[type="button"] { 
    outline:none !important;
    border: 0px !important;
}
hr
{
    height: 1px;
    border: 0px;
}
.fundo-cinza
{
    background-color:#F5F5F5;
}
.fundo-dourado-escuro
{
    background-color: #876631;
}
.cor-dourado-escuro
{
    color: #876631;
}
.fundo-dourado-claro
{
    background-color: #D2A960;
}
.cor-dourado-claro
{
    color: #D2A960;
}
.left
{
    float:left;
}
.right
{
    float:right;
}
.oculto
{
    display:none;
}
.espacamento-vertical
{
    padding-top:15px;
    padding-bottom:15px;
}
.espacamento-horizontal
{
    padding-left:15px;
}
.margin-right-12
{
    margin-right:12px;
}
.margin-right-40
{
    margin-right:40px;
}
.margin-left-20
{
    margin-left:20px;
}
.clear{ 
    clear: both; 
}
.numero-passo
{
	position:absolute;
	z-index: 1;
    background-image: url(../Images/personnalite/numero-passo.png);
    width:32px;
    height:32px;
    color:white;
    font-size:14px;
    float:left;
    margin-top: 0px;
    margin-right: 0px;

}
.span-numero-passo
{
    position: absolute;
    font-weight: 700;
    font-size: 22px;
    color: #FFFFFF;
    margin: 3px 0px 0px 10px;
}
.font-18
{
    font-size: 18px;
}
.negrito
{
    font-weight: 700;
}
.font-14
{
    font-size: 14px;
}
.font-20
{
    font-size: 20px;
}
.div-campo
{
    margin-top: 12px;
    float:left;
}
.div-troca-regiao
{
    width:100%;
    float:left;
    clear:both;
}
.label-form
{
    font-size: 13px;
    color: #333333;
    text-align: left;
    float:left;
    margin-bottom: 5px;
}
.campo-form
{
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    padding: 6px 12px;
    float:left;
    color: #999999 !important;
    text-align: left;
    background-color: white !important;
    box-sizing: border-box !important;
}
#ddd_telefone1, #ddd_telefone2, #cpf, #numero_telefone1, #numero_telefone2, #cep
{
    padding: 6px 0px;
    text-align:center;
}
#cep
{
    width:140px;
}
.icon-invalid
{
    font-size: 12px;
    color: #D2A960;
    padding-top: 4px;
    float:left;
    display:none;
}
.linkPerson
{
    font-size: 12px;
    color: black;
    margin-left: 10px;
}
.div-endereco
{
    margin-left: 10px;
    border-left: 1px solid #D2A960;
    float: left;
    margin-top: 5px;
    padding-left: 10px;
    display:none;
}
.btn-submit-claro
{
    float: right;
	background:#C6C1B6;
    background-image: linear-gradient(to bottom, #C6C1B6, #49453E);
    color: #ffffff;
    text-align: center;
    padding: 5px 0px;
}
.btn-submit
{
    float: right;
	background:#C6C1B6;
    background-image: linear-gradient(to bottom, #C6C1B6, #49453E);
    color: #ffffff;
    text-align: center;
    padding: 10px 15px;
    font-size: 11px;
    font-weight: 700;
}

#btn_agendar
{
    text-decoration:none;
}
.btnSite
{
    padding: 5px 12px;
    font-family: Arial,sans-serif;
    font-size: 12px;
    cursor: pointer;
    font-weight: 700;
    border: 1px solid #646261;
    border-bottom: 1px solid #646261;
    color: #eff4f8;
    text-shadow: -1px -1px 0 rgba(100,95,90,.6);
    background: #646261 url(../Images/btn-action-default.png) 0 bottom repeat-x;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(49,57,63,.4),0 1px 0 rgba(255,255,255,.3) inset;
    -moz-box-shadow: 0 1px 2px rgba(49,57,63,.4),0 1px 0 rgba(255,255,255,.3) inset;
    box-shadow: 0 1px 2px rgba(49,57,63,.4),0 1px 0 rgba(255,255,255,.3) inset;
}

.btnSite:hover{background:#646261 url(../Images/btn-action-hover.png) 0 bottom repeat-x}

.campo-col-1 {width: 8.33%;}
.campo-col-2 {width: 16.66%;}
.campo-col-3 {width: 25%;}
.campo-col-4 {width: 33.33%;}
.campo-col-5 {width: 41.66%;}
.campo-col-6 {width: 50%;}
.campo-col-7 {width: 58.33%;}
.campo-col-8 {width: 66.66%;}
.campo-col-9 {width: 75%;}
.campo-col-10 {width: 83.33%;}
.campo-col-11 {width: 91.66%;}
.campo-col-12 {width: 100%;}

/* desktop: */
.coluna-1 {width: 8.33%;}
.coluna-2 {width: 16.66%;}
.coluna-3 {width: 25%;}
.coluna-4 {width: 33.33%;}
.coluna-5 {width: 41.66%;}
.coluna-6 {width: 50%;}
.coluna-7 {width: 58.33%;}
.coluna-8 {width: 66.66%;}
.coluna-9 {width: 75%;}
.coluna-10 {width: 83.33%;}
.coluna-11 {width: 91.66%;}
.coluna-12 {width: 100%;}

.texto-top
{
	display:none;
    font-size:26px;
    color:black;
    font-weight:700;
}
.div-regiao-form
{
    padding:20px;
    height: 780px;
}
.div-passo
{
    padding-left:20px;
    display:inline-block;
    float:left;
    opacity: 0.65;
}
.div-icon
{
    margin-left: 10px;
}
.texto-passo
{
    float:left;
    font-weight: 700;
    font-size: 11px;
    text-align: center;
    margin-top: 100px;
    width: 125px;
}
.div-texto-agencia
{
    margin-bottom: 10px;
}
.icon-passo
{
    margin-left: 10px;
    margin-top: 12px;
    z-index: 0;
    position: absolute;
    width:80px;
    height:80px;
}
.seta-passo
{
    width:54px;
    height:54px;
    display:block;
    float:left;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 15px;
    opacity: 0.65;
}
#passos-person
{
    display:block;
	margin: 0px;
	padding: 20px;
	height: 140px;
}
#pagina-vignete
{
    width:984px;
}
.texto-renda
{
    font-size: 11px;
    color: #666666;
    white-space: nowrap;
    height:30px;
    line-height:45px;
    float:left;
    display:block;
	margin-left: 10px;
}
.escolhida {
    color: #010d1b !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    margin: 0px 0 0px !important;
    padding-bottom: 0px !important;
    cursor: auto;
}
#div-busca-agencias
{
    background-color: white;
    height: 310px;
    display:none;
}
.jplist-panel
{
    margin-left: 15px;
    display: block;
}
.jplist-first, .jplist-last
{
    display:none !important;
}
.jplist-pagingprev, .jplist-pagingnext
{
    border:0px !important;
    background:white !important;
    cursor:pointer;
    display:block !important;
}
.jplist-next, .jplist-prev
{
    color:black !important;
}
.jplist-panel .jplist-pagination .jplist-current
{
    color:black;
}
.jplist-panel .jplist-pagination
{
    cursor:default;
    float:right;
}
.jplist-panel .text-filter-box
{
    height: auto !important;
}
.jplist-panel .jplist-pagination button
{
    color:#CCC;
    outline:none;
    cursor:pointer;
    border:0px;
    background:white !important;
    width:16px !important;
    padding: 0px !important;
    font-weight: 700;
}
.jplist-panel .jplist-pagination button:hover
{
    background:white !important;
}
.list
{
    clear:both;
    padding-top:15px;
}
.jplist-no-results
{
    margin-left:15px;
    float: left;
    clear: both;
}
button[data-type="page"]
{
    line-height:2.5 !important;
}
.escolhaAgencia
{
    padding: 20px;
    border: 1px solid #616161;
    margin-left:15px;
    margin-right:15px;
    cursor:pointer;
    outline:none !important;
    height: 140px;
    font-size:11px;
}
.agenciaSelecionada
{
    border: solid 2px #876432;
    outline:none !important;
    background-color:#FDFBF7;
}
.img-sem-agencia
{
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.texto-sem-agencia
{
    font-weight: 700;
    margin-top: 9px;
    margin-left: 10px;
    float: left;
    color: #876631;
    font-size: 13px;
}
.span-fechar
{
    float: right;
    margin-top: 9px;
    margin-right: 10px;
    font-weight: 700;
    margin-left: 10px;
    color: #876631;
    font-size: 13px;
    cursor: pointer;
}
.jplist-no-results {
    border: 1px solid #876631;
    border-radius: 10px;
    margin-top:10px;
    width: 97%;
}
#loading-agencias, #loading-endereco-cep
{
    display:none;
    margin-left: 38%;
    margin-bottom: 20px;
    margin-top: 10px;
    float:left;
}
/* mobile: */
@media only screen and (max-width: 768px)
{
    [class*="coluna-"]
    {
        width: 100%;
    }

    .div-regiao-form
    {
        height: 1500px;
    }

    .texto-top
    {
        font-size: 20px;
    }

    .div-passo
    {
        padding-left: 0px;
        height: 85px;
    }

    .texto-passo
    {
        margin-top: 25px;
        margin-left: 55%;
        width: 130px;
    }

    .numero-passo
    {
        margin-top: 24px;
        margin-right: 10px;
    }

    .seta-passo
    {
        display: none;
    }

    #passos-person
    {
        display: inline-block;
    }

    .texto-renda
    {
        line-height: 20px;
        height:20px;
        margin-left: 0px;
    }

    .icon-passo
    {
        margin-left: 50px;
        margin-top: 0px;
    }

    #pagina-vignete
    {
        width: 100%;
    }

    #passos-person
    {
        padding: 0px;
        height: auto;
    }

    #div-busca-agencias
    {
        height: 520px !important;
    }

    .list-item
    {
        margin-top: 10px;
    }

    .jplist-panel .jplist-pagination
    {
        float: left;
        margin-top: 0px !important;
    }

    .span-fechar
    {
        display: none;
    }

    .img-sem-agencia
    {
        margin-top: 18px;
        margin-bottom: 20px;
    }

    .texto-sem-agencia
    {
        width: 80%;
    }
     .jplist-no-results {
        width: 90%;
    }
    #map-canvas
    {
        display:none !important;
    }
    #loading-agencias, #loading-endereco-cep
    {
        margin-left: 7%;
    }
}