﻿/* *****************************************************
CSS Portal do Cliente RBS
by Grupo Conectt Poa | Filipe Flor e Rafael Silveira
filipe.flor@conectt.com.br
***************************************************** */

/* Calendário Forms */

.calendario
{
    margin: 3px 0 0;
}

/* MIGALHA ---------------------------------------------------------------------- */

#migalha
{
    float: left;
    width: 100%;
    height: 31px;
    margin: 15px 0 0;
    border: dotted #ccd6df;
    border-width: 1px 0;
    font-size: 12px;
    font-weight: bold;
}
#migalha .texto, #migalha .parent, #migalha .parentMenu, #migalha .this
{
    float: left;
    height: 23px;
    padding: 8px 15px 0 0px; /*padding:8px 24px 0 5px;*/
    margin: 0; /*margin:0 6px 0 0;*/
}
#migalha .this
{
    margin: 0 0 0 10px;
}
#migalha .texto
{
    color: #666;
    padding-right: 10px;
    margin-right: 0;
}
#migalha .parent, #migalha .parentMenu
{
    color: #000;
    background: url('../Images/bgParentMigalha.png') right 1px no-repeat;
}
#migalha .parent a, #migalha .parentMenu a
{
    text-decoration: none;
    color: #000;
}
#migalha .parent /*a*/
{
    /*padding:0 10px;*/
    padding-right: 25px;
    padding-left: 10px;
}
#migalha .parent a:hover, #migalha .parentMenu a:hover
{
    text-decoration: none;
    color: #666;
}
#migalha .this
{
    color: #999;
}

/* Com Menu */
#migalha .parentMenu
{
    height: 31px;
    padding: 0 17px 0 2px;
}
#migalha .parentMenu .abreMigalha
{
    background: url('../Images/setaMenuMigalhaOn.png') no-repeat;
}
#migalha .parentMenu .abreMigalha li ul
{
    background-image: none;
}
#migalha .parentMenu ul
{
    position: relative;
    list-style: none;
    padding: 8px;
    margin: 0;
    z-index: 100;
    background: url('../Images/setaMenuMigalhaOff.png') right 14px no-repeat;
}
#migalha .parentMenu ul li a
{
    padding: 0 12px 0 0;
}
#migalha .parentMenu ul li ul
{
    display: none;
    width: 100%;
    background-image: none;
    padding: 0;
    margin: 0;
}
#migalha .parentMenu ul li ul li
{
    background-image: none;
    font-weight: normal;
    padding: 0;
    margin: 0;
}
#migalha .parentMenu ul li ul li a
{
    display: block;
    padding: 2px 4px;
    font-size: 11px;
}
#migalha .parentMenu ul li ul li:first-child
{
    margin: 8px 0 0;
    padding: 8px 0 0;
}

/* CORPO ---------------------------------------------------------------------- */

/* Help Icone */

a.dcontexto
{
    position: relative;
    padding: 0;
    cursor: help;
    outline: none;
    border: none;
    text-decoration: none !important;
}
a.dcontexto:hover
{
    background: transparent;
    z-index: 25;
    text-decoration: none;
}
a.dcontexto span
{
    display: none;
}
a.dcontexto:hover span
{
    display: block;
    position: absolute;
    width: 200px;
    top: -27px;
    left: 35px;
    text-align: left;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal !important;
    color: #000;
    line-height: 16px;
    padding: 8px;
    border: solid #ceaf93;
    border-width: 1px 2px 2px 1px;
    white-space: normal !important;
    background-color: #fbf8dd;
}
a.dcontexto span.esq
{
    left: -230px;
}

/* Fotos */

#corpoPrincipal .colImagem
{
    float: left;
    width: 260px;
    margin: 0 40px 0 10px;
}

/* Foto Grande */

#corpoPrincipal .colImagem .fotoG
{
    float: left;
    position: relative;
    width: 242px;
    padding: 9px;
    border-bottom: 1px solid #c0c0c0;
    background-color: #ebebeb;
    text-align: center;
    z-index: 0;
}
#corpoPrincipal .colImagem .fotoG a
{
    border: none;
    margin: 0;
    padding: 0;
}
#corpoPrincipal .colImagem .fotoG img
{
    width: 240px;
}
#corpoPrincipal .colImagem .fotoG .lupa
{
    display: none;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    z-index: 1000;
    background: url('../Images/iconLupa.png') no-repeat transparent;
}

/* Thumbs */

#corpoPrincipal .colImagem .thumbs
{
    float: left;
    width: 242px;
    padding: 9px;
    margin: 6px 0 0 0;
    background-color: #ebebeb;
}
#corpoPrincipal .colImagem .thumbs img
{
    width: 69px;
}
#corpoPrincipal .colImagem .thumbs .foto
{
    float: left;
    height: 69px;
    overflow: hidden;
    margin: 0 0 0 11px;
    border: 2px solid #fff;
}
#corpoPrincipal .colImagem .thumbs .foto:hover
{
    padding: 1px;
    border: 1px solid #63a9cf;
    background-color: #fff;
}
#corpoPrincipal .colImagem .thumbs .foto:first-child
{
    margin: 0;
}

/* Descrição */

#corpoPrincipal .colDescricao
{
    float: left;
    width: 640px;
    padding: 0 10px 0 0;
}

#corpoPrincipal .colDescricao .boxDescricao
{
    float: left;
    width: 640px;
}
#corpoPrincipal .colDescricao .boxDescricao .categoria, #corpoPrincipal .colDescricao .boxDescricao .titulo, #corpoPrincipal .colDescricao .boxDescricao .texto
{
    float: left;
    width: 640px;
}
#corpoPrincipal .colDescricao .boxDescricao .categoria
{
    font-size: 11px;
    color: #00335f;
}
#corpoPrincipal .colDescricao .boxDescricao .titulo
{
    font-size: 20px;
    font-weight: bold;
    margin: 2px 0 6px;
}
#corpoPrincipal .colDescricao .boxDescricao .texto
{
    font-size: 12px;
    color: #666;
    line-height: 20px;
}

#corpoPrincipal .colDescricao .boxMonte
{
    float: left;
    width: 620px; /*min-height:200px;*/
    margin: 30px 0;
    padding: 10px;
    background: url('../Images/bgMonteDetalhes.jpg') center top no-repeat;
}
#corpoPrincipal .colDescricao .boxMonte .titulo
{
    float: left;
    width: 620px;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: bold;
}
#corpoPrincipal .colDescricao .boxMonte .textbox
{
    float: left;
    width: 300px;
}
#corpoPrincipal .colDescricao .boxMonte .textbox td
{
    padding-bottom: 8px;
}
#corpoPrincipal .colDescricao .boxMonte .textbox .dropDown
{
    position: relative;
    width: 257px;
    height: 32px;
    padding-top: 2px;
    text-align: center;
    background: url('../Images/bgListMonte.png') left no-repeat;
}
#corpoPrincipal .colDescricao .boxMonte .textbox .dropDown select
{
    width: 247px;
    height: 24px;
    border: none;
    padding: 5px 0 0;
    color: #666;
    background-color: transparent;
}
#corpoPrincipal .colDescricao .boxMonte .textbox .diasAssinatura, #corpoPrincipal .colDescricao .boxMonte .textbox .diasCombo
{
    float: left;
    width: 257px;
    height: 75px;
    background: url('../Images/bgDiasMonte.png') left no-repeat;
    text-align: center;
    font-size: 11px;
    color: #666;
}
#corpoPrincipal .colDescricao .boxMonte .textbox .diasCombo
{
    height: 131px;
    background: url('../Images/bgDiasMonteCombo.png') left no-repeat;
}
#corpoPrincipal .colDescricao .boxMonte .textbox .diasCombo .meio, #corpoPrincipal .colDescricao .boxMonte .textbox .diasCombo .meio2
{
    font-size: 10px;
    color: #003f71;
    padding: 10px 0px 5px 9px;
    text-align: left;
}
#corpoPrincipal .colDescricao .boxMonte .textbox .diasCombo .meio2
{
    padding: 0px 0px 5px 9px;
}
#corpoPrincipal .colDescricao .boxMonte .textbox .diasAssinatura .selecione, #corpoPrincipal .colDescricao .boxMonte .textbox .diasCombo .selecione
{
    float: left;
    font-size: 10px;
    color: #003f71;
    margin: 10px 0 5px 9px;
}
#corpoPrincipal .colDescricao .boxMonte .textbox .diasAssinatura input
{
    margin: 0;
    padding: 0;
}
#corpoPrincipal .colDescricao .boxMonte .textbox .radioButtom
{
    font-size: 12px;
    color: #666;
    padding: 10px 0 0;
}
#corpoPrincipal .colDescricao .boxMonte .textbox .radioButtom input
{
    margin: 0 5px 0 0;
    padding: 0;
}
#corpoPrincipal .colDescricao .boxMonte .textbox .radioButtom label
{
    vertical-align: top;
}
#corpoPrincipal .colDescricao .boxMonte .textbox .ajuda
{
    width: 43px;
    height: 24px;
    padding-top: 8px;
    text-align: center;
}

/* Social Links */

.sociallinks
{
    float: left;
    width: 500px; /*margin:20px 0 0;*/
}
.sociallinks .indique, .sociallinks .twitter, .sociallinks .facebook
{
    float: left;
    margin: 0 10px 0 0;
}

/* Preços Detalhes Assinaturas / Packs */

#corpoPrincipal .colDescricao .boxMonte .boxPrecos, #corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks
{
    float: right;
    width: 300px;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor, #corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor
{
    position: relative;
    float: left;
    width: 300px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e5e5e5;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor
{
    border: none;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco, #corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .preco
{
    float: left;
    width: 170px;
    margin: 3px 0 0 0;
    font-size: 14px;
    color: #666;
    text-align: center;
}
/*#corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .preco {width:50%;}*/
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco .real, #corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .real
{
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco .centavo, #corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .centavo
{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -2px;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .botao
{
    position: absolute;
    top: 3px;
    right: 0;
    width: 78px;
    height: 33px;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .botao
{
    float: left;
    width: 96%;
    text-align: right;
    margin: 20px 0 0;
}

#corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .preco .titulo
{
    float: left;
    width: 100%;
    font-size: 11px;
    font-weight: normal;
    padding: 0;
    text-align: left;
    color: #9f4c36;
}

#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco .precoDe, #corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .preco .precoDe
{
    float: left;
    width: 100%;
    margin: 0 0 3px;
    font-size: 14px;
    color: #666;
    text-align: left;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .preco .precoDe
{
    display: table;
    font-size: 12px;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco .precoDe .real, #corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .preco .precoDe .real
{
    font-size: 14px;
    color: #666;
    letter-spacing: -1px;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco .precoDe .centavo, #corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .preco .precoDe .centavo
{
    font-size: 11px;
    color: #666;
    letter-spacing: -1px;
}

#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco .precoPor, #corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .preco .precoPor
{
    float: left;
    width: 100%;
    font-size: 14px;
    text-align: left;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .preco .precoPor
{
    font-size: 12px;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco .precoPor .real, #corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .preco .precoPor .real
{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco .precoPor .centavo, #corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .preco .precoPor .centavo
{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
}

#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco .precoBanca
{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #666;
    text-align: left;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco .precoBanca .real
{
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1px;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco .precoBanca .centavo
{
    font-size: 30px;
    letter-spacing: -1px;
}

#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .preco .periodosDesconto, #corpoPrincipal .colDescricao .boxMonte .boxPrecosPacks .valor .preco .periodosDesconto
{
    float: left;
    width: 100%;
    font-size: 12px;
    text-align: left;
}

#corpoPrincipal .colDescricao .boxMonte .boxPrecos .valor .erro
{
    margin: 10px 0 10px 0;
    padding: 7px 7px;
    background-color: #f6f3ea;
    text-align: center;
    font-size: 11px;
    color: #810909;
    width: 290px;
}

#corpoPrincipal .colDescricao .boxMonte .boxPrecos .precoBancaEconomia
{
    float: left;
    width: 300px;
    margin: 0 0 20px 0;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .precoBancaEconomia .desconto
{
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e5e5e5;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .precoBancaEconomia .desconto .economize
{
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 24px;
    color: Gray;
    font-weight: bold;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .precoBancaEconomia .desconto .economize .cifrao
{
    font-size: 14px;
    font-weight: normal;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .precoBancaEconomia .desconto .economize .economia
{
    font-size: 28px;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .precoBancaEconomia .desconto .comparacao
{
    margin: 0;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .precoBancaEconomia .valorModalidade
{
    margin: 5px 0 0 0;
    font-size: 10px;
    font-weight: bold;
}

#corpoPrincipal .colDescricao .boxMonte .boxPrecos .parcelas
{
    float: left;
    width: 280px;
    margin: 0 0 0 20px;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .parcelas .texto
{
    float: left;
    width: 300px;
    margin: 0 0 10px 0;
    font-size: 11px;
    color: #003f71;
}
#corpoPrincipal .colDescricao .boxMonte .boxPrecos .parcelas .item
{
    float: left;
    width: 50%;
    margin: 3px 0;
    font-size: 12px;
    color: #333;
    text-align: left;
}

/* Parcelas Pack */

#corpoPrincipal .colDescricao .boxMonte .parcelasPack
{
    float: left;
    width: 100%;
    padding: 20px 0 0;
    margin: 25px 0 0;
    border-top: 1px solid #e5e5e5;
}
#corpoPrincipal .colDescricao .boxMonte .parcelasPack .titulo
{
    float: left;
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #f7a012;
}
#corpoPrincipal .colDescricao .boxMonte .parcelasPack .texto
{
    float: left;
    width: 100%;
    margin: 5px 0 15px;
    color: #666;
}
#corpoPrincipal .colDescricao .boxMonte .parcelasPack .boxItem
{
    float: left;
    width: 184px;
    margin: 4px 0 0;
    padding: 10px;
    background-color: #f5f5f5;
}
#corpoPrincipal .colDescricao .boxMonte .parcelasPack .boxItem .produto
{
    float: left;
    width: 100%;
    margin: 0 0 2px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}
#corpoPrincipal .colDescricao .boxMonte .parcelasPack .boxItem .item
{
    float: left;
    width: 49%;
    margin: 5px 0 0;
    font-size: 11px;
    color: #003f71;
}

/* Preços Detalhes Publicações */

#corpoPrincipal .colDescricao .boxCompre
{
    float: left;
    width: 600px; /*min-height:200px;*/
    margin: 20px 0 0;
    padding: 20px;
    background: url('../Images/bgMonteDetalhes.jpg') left top no-repeat;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos
{
    float: left;
    width: 300px;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor
{
    float: left;
    width: 600px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e5e5e5;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor .preco
{
    float: left;
    width: 145px;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor .preco .titulo
{
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
    color: #9f4c36;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor .preco .precoDe
{
    float: left;
    width: 180px;
    margin: 0 0 3px;
    font-size: 14px;
    color: #666;
    text-align: left;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor .preco .precoDe .real
{
    font-size: 14px;
    color: #666;
    letter-spacing: -1px;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor .preco .precoDe .centavo
{
    font-size: 11px;
    color: #666;
    letter-spacing: -1px;
}

#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor .preco .precoPor
{
    float: left;
    width: 180px;
    font-size: 14px;
    text-align: left;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor .preco .precoPor .real
{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor .preco .precoPor .centavo
{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
}

#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor .precoUnico
{
    float: left;
    width: 180px;
    margin: 20px 0 0;
    font-size: 14px;
    color: #666;
    text-align: center;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor .precoUnico .real
{
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor .precoUnico .centavo
{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -2px;
}

#corpoPrincipal .colDescricao .boxCompre .boxPrecos .valor .botao
{
    float: left;
    width: 113px;
    margin: 16px 0 0 17px;
    text-align: center;
}

#corpoPrincipal .colDescricao .boxCompre .boxPrecos .parcelas
{
    float: left;
    width: 450px;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .parcelas .texto
{
    float: left;
    width: 450px;
    margin: 0 0 10px 0;
    font-size: 11px;
    color: #003f71;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .parcelas .item
{
    float: left;
    width: 25%;
    margin: 3px 0;
    font-size: 12px;
    color: #333;
    text-align: left;
}
#corpoPrincipal .colDescricao .boxCompre .boxPrecos .parcelas .aviso
{
    float: left;
    width: 450px;
    margin: 10px 0 10px 0;
    font-size: 11px;
    color: #666;
}

/* ABAS DE DETALHES --------------------------------------------------------------------------- */

#detalhes_abas
{
    float: left;
    display: table;
    width: 960px;
    height: 50px;
    margin: 40px 0 0;
    background: url('../Images/bgAbasDetalhes.png') center 45px no-repeat;
}
#detalhes_abas .aba
{
}
#detalhes_abas .aba .box
{
    float: left;
    width: 920px;
    padding: 20px;
    min-height: 111px;
    background: url('../Images/bgAbasCorpoDetalhes.png') left top no-repeat transparent;
}
#detalhes_abas #nav
{
    height: 50px;
    margin: 0;
    padding: 0;
}
#detalhes_abas #nav li
{
    width: auto;
    height: 50px;
    list-style: none;
    display: inline-block;
    white-space: nowrap;
    margin: 0 0 0 2px;
}
#detalhes_abas #nav li:first-child
{
    margin: 0;
}
#detalhes_abas #nav li .roundAba1, #detalhes_abas #nav li .roundAba2, #detalhes_abas #nav li a.corrente .roundAba1, #detalhes_abas #nav li a.corrente .roundAba2, #detalhes_abas #nav li:first-child .roundAba1, #detalhes_abas #nav li:first-child a.corrente .roundAba1, #detalhes_abas #nav li .linkAba, #detalhes_abas #nav li a.corrente .linkAba
{
    background: url('../Images/spriteAbasDetalhes.png') no-repeat;
}
#detalhes_abas #nav li .roundAba1, #detalhes_abas #nav li .roundAba2
{
    float: left;
    width: 10px;
    height: 50px;
    background-position: -10px -100px;
}
#detalhes_abas #nav li .roundAba2
{
    background-position: -20px -100px;
}
#detalhes_abas #nav li:first-child .roundAba1
{
    background-position: left -100px;
}
#detalhes_abas #nav li .linkAba
{
    float: left;
    min-width: 100px;
    height: 35px;
    text-align: center;
    padding: 15px 0 0;
    font-size: 14px;
    background-position: center top;
    background-repeat: repeat-x;
}
#detalhes_abas #nav li a
{
    text-decoration: none;
}
#detalhes_abas #nav li a:hover
{
}
#detalhes_abas #nav li a.corrente
{
    width: auto;
    display: inline-table;
    font-weight: bold;
    background-image: none;
}
#detalhes_abas #nav li:first-child a.corrente
{
    width: auto;
    display: inline-table;
    margin: 0;
}
#detalhes_abas #nav li a.corrente .roundAba1, #detalhes_abas #nav li a.corrente .roundAba2
{
    float: left;
    width: 10px;
    height: 50px;
    background-position: -10px bottom;
}
#detalhes_abas #nav li a.corrente .roundAba2
{
    background-position: -20px bottom;
}
#detalhes_abas #nav li:first-child a.corrente .roundAba1
{
    background-position: left bottom;
}
#detalhes_abas #nav li a.corrente .linkAba
{
    background-position: center -50px;
    background-repeat: repeat-x;
}

/* Conteúdo das Abas */

#detalhes_abas .aba .box .colunaDupla, #detalhes_abas .aba .box .colunaSimples
{
    float: left;
    display: table;
    width: 430px;
    margin: 15px;
    text-align: left;
    vertical-align: top;
}
#detalhes_abas .aba .box .colunaSimples
{
    width: 890px;
    height: 50px;
}
#detalhes_abas .aba .box .colunaDupla img, #detalhes_abas .aba .box .colunaSimples img
{
    float: left;
    margin: 0 10px 10px 0;
}
#detalhes_abas .aba .box h2
{
    font-size: 15px;
    font-weight: bold;
    color: #555;
    margin: 0 0 15px 0;
}
#detalhes_abas .aba .box p
{
    font-size: 12px;
    color: #666;
    margin: 0 0 10px 0;
    line-height: 18px;
}
#detalhes_abas .aba .box ul
{
    list-style: none;
    font-size: 12px;
    color: #666;
    line-height: 18px;
    margin: 0;
}
#detalhes_abas .aba .box li
{
    padding: 0 0 0 12px;
    background: url('../Images/setaAzul.png') left no-repeat;
}

/* CARRINHO DE COMPRAS ------------------------------------------------------------------------- */

/* LINKS NAVEGAÇÃO CARRINHO */

.linksNavegacaoCarrinho
{
    float: left;
    display: table;
    width: 960px;
    border: solid #e5e5e5;
    border-width: 1px 0;
    margin: 10px 0;
    padding: 4px 0;
}
.linksNavegacaoCarrinhoBottom
{
    border-top: none;
}
.linksNavegacaoCarrinho a
{
    font-size: 12px;
}
.linksNavegacaoCarrinho .voltar, .linksNavegacaoCarrinho .limpar
{
    float: left;
    margin: 0 20px 0 0;
    padding: 9px 0 9px 15px;
}
.linksNavegacaoCarrinho .voltar
{
    background: url('../Images/btVoltarLoja.gif') left 12px no-repeat;
}
.linksNavegacaoCarrinho .limpar
{
    background: url('../Images/btLimparCarrinho.gif') left 13px no-repeat;
}
.linksNavegacaoCarrinho .botaoContinuar
{
    float: right;
}

.botaoContinuarCarrinho
{
    float: left;
    width: 100%;
    margin: 20px 0 0;
    text-align: right;
}

.linkVoltarLoja
{
    float: left;
    width: 945px;
    margin: 10px 0;
    padding: 0 0 0 15px;
    background: url('../Images/btVoltarLoja.gif') left no-repeat;
}

/* Box Etapas Loja ------------------------------------------------------------------------------------------------ */

.boxEtapas
{
    float: left;
    width: 960px;
    border: solid #e5e5e5;
    border-width: 1px 0;
    margin: 10px 0;
    padding: 15px 0;
}
.boxEtapas .identificacaoOn, .boxEtapas .enderecoOn, .boxEtapas .pagamentoOn, .boxEtapas .confirmacaoOn, .boxEtapas .identificacaoOff, .boxEtapas .enderecoOff, .boxEtapas .pagamentoOff, .boxEtapas .confirmacaoOff
{
    display: inline-block;
    height: 21px;
    text-align: left;
    font-size: 19px;
    margin: 0 0 0 122px;
    padding: 3px 0 0 28px;
    background: url('../Images/spriteEtapasCarrinho.png') no-repeat;
}
.boxEtapas div:first-child
{
    margin-left: 0;
}

.boxEtapas .identificacaoOn
{
    color: #00335f;
    background-position: left 0px;
}
.boxEtapas .enderecoOn
{
    color: #00335f;
    background-position: left -24px;
}
.boxEtapas .pagamentoOn
{
    color: #00335f;
    background-position: left -48px;
}
.boxEtapas .confirmacaoOn
{
    color: #00335f;
    background-position: left -72px;
}

.boxEtapas .identificacaoOff
{
    color: #a4a4a4;
    background-position: left -96px;
}
.boxEtapas .enderecoOff
{
    color: #a4a4a4;
    background-position: left -120px;
}
.boxEtapas .pagamentoOff
{
    color: #a4a4a4;
    background-position: left -144px;
}
.boxEtapas .confirmacaoOff
{
    color: #a4a4a4;
    background-position: left -168px;
}


/* Box Etapas Assinatura ------------------------------------------------------------------------------------------------ */

.boxEtapasAss
{
    float: left;
    width: 960px;
    border: solid #e5e5e5;
    border-width: 1px 0;
    margin: 10px 0;
    padding: 15px 0;
}
.boxEtapasAss .identificacaoOn, .boxEtapasAss .pagamentoOn, .boxEtapasAss .confirmacaoOn, .boxEtapasAss .identificacaoOff, .boxEtapasAss .pagamentoOff, .boxEtapasAss .confirmacaoOff
{
    display: inline-block;
    height: 21px;
    text-align: left;
    font-size: 19px;
    margin: 0 0 0 122px;
    padding: 3px 0 0 28px;
    background: url('../Images/spriteEtapasCarrinho.png') no-repeat;
}
.boxEtapasAss div:first-child
{
    margin-left: 0;
}

.boxEtapasAss .identificacaoOn
{
    color: #00335f;
    background-position: left 0px;
}
.boxEtapasAss .pagamentoOn
{
    color: #00335f;
    background-position: left -24px;
}
.boxEtapasAss .confirmacaoOn
{
    color: #00335f;
    background-position: left -48px;
}

.boxEtapasAss .identificacaoOff
{
    color: #a4a4a4;
    background-position: left -96px;
}
.boxEtapasAss .pagamentoOff
{
    color: #a4a4a4;
    background-position: left -120px;
}
.boxEtapasAss .confirmacaoOff
{
    color: #a4a4a4;
    background-position: left -144px;
}


/* CARRINHO ------------------------------------------------------------------------------------------------ */

#boxCarrinho
{
    float: left;
}
#boxCarrinho .carrinhoVazio
{
    float: left;
    width: 960px;
    margin: 80px 0;
    text-align: center;
    font-size: 17px;
    color: #666;
}
#boxCarrinho .titulo
{
    width: 100%;
    margin: 0 0 25px 0;
    text-align: left;
}
#boxCarrinho .listaCompras, #boxCarrinho .enderecoCompras
{
    text-align: center;
}
#boxCarrinho .listaCompras table, #boxCarrinho .enderecoCompras table
{
    margin-top: 10px;
}

#boxCarrinho .listaCompras .carrinhoAss
{
    margin-top: 0px !important;
}
#boxCarrinho .listaCompras .carrinhoAss:first-child
{
    border-top: 1px solid #e5e3de;
}

#boxCarrinho .listaCompras table.footer, #boxCarrinho .enderecoCompras table.footer
{
    margin: 3px 0 6px;
    width: 100%;
}

#boxCarrinho .enderecoCompras table.footer td
{
    height: 50px;
    padding: 0;
}

#boxCarrinho .listaCompras td
{
    width: 160px;
    border-right: 1px solid #e5e5e5;
}
#boxCarrinho .enderecoCompras td
{
    width: 530px;
    border-right: 1px solid #e5e5e5;
}
#boxCarrinho .listaCompras span, #boxCarrinho .enderecoCompras span
{
    font-size: 11px;
    color: #1f5986;
}

#boxCarrinho .listaCompras .avisos, #boxCarrinho .enderecoCompras .avisos
{
    color: #fa1a1a;
}

#boxCarrinho .listaCompras td:first-child, #boxCarrinho .enderecoCompras td:first-child
{
    width: 460px;
    text-align: left;
    padding: 0 10px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
#boxCarrinho .enderecoCompras td:first-child
{
    width: 410px;
}
#boxCarrinho .listaCompras tbody td:first-child, #boxCarrinho .enderecoCompras tbody td:first-child
{
    vertical-align: top;
}
#boxCarrinho .listaCompras thead, #boxCarrinho .enderecoCompras thead
{
    font-size: 17px;
    color: #5b5b5b;
    background: url('../Images/bgHeaderTabelaCarrinho.jpg') left top repeat-x;
}
#boxCarrinho .enderecoCompras thead
{
    text-align: left;
}
#boxCarrinho .listaCompras thead td, #boxCarrinho .enderecoCompras thead td, #boxCarrinho .listaCompras tbody td, #boxCarrinho .enderecoCompras tbody td, #boxCarrinho .listaCompras tfoot td, #boxCarrinho .enderecoCompras tfoot td
{
    padding: 6px;
}
#boxCarrinho .listaCompras thead td, #boxCarrinho .enderecoCompras thead td
{
    height: 48px;
    padding: 0;
    vertical-align: middle;
    border-left: none;
}
#boxCarrinho .listaCompras thead td.semBorda, #boxCarrinho .enderecoCompras thead td.semBorda
{
    border-right: none;
}
#boxCarrinho .listaCompras tbody, #boxCarrinho .enderecoCompras tbody
{
    font-size: 14px;
    color: #483c13;
}
#boxCarrinho .listaCompras tbody .preco
{
    font-size: 15px;
    font-weight: bold;
    color: #288310;
}
#boxCarrinho .listaCompras tbody td, #boxCarrinho .enderecoCompras tbody td
{
    border-bottom: 1px solid #e5e3de;
}
#boxCarrinho .listaCompras tbody .textBoxQuantidade
{
    width: 47px;
    height: 32px;
    font-size: 16px;
    color: #666;
    background: url("../Images/bgQuantidadeCarrinho.png") center no-repeat;
    border: none;
    text-align: center;
}
#boxCarrinho .listaCompras tbody .itemCompra, #boxCarrinho .listaCompras tbody .itemCompra td, #boxCarrinho .enderecoCompras tbody .itemCompra, #boxCarrinho .enderecoCompras tbody .itemCompra td
{
    width: auto;
    padding: 0;
    border: none;
    background-color: transparent;
    background-image: none;
    margin: 10px 0;
}
#boxCarrinho .enderecoCompras tbody .abas
{
    width: 530px;
    padding: 0;
    margin: 0;
    background: url('../Images/bgLinhaAba.gif') left -10px repeat-x;
}
#boxCarrinho .enderecoCompras tbody .abas td
{
    border: none;
}
#boxCarrinho .listaCompras tbody .itemCompra .foto, #boxCarrinho .enderecoCompras tbody .itemCompra .foto
{
    padding: 0 15px 0 0;
    vertical-align: top;
    text-align: left;
}
#boxCarrinho .listaCompras tbody .itemCompra .foto img, #boxCarrinho .enderecoCompras tbody .itemCompra .foto img
{
    max-width: 65px;
    padding: 1px;
    border: 1px solid #c4c4c4;
    background-color: #fff;
}
#boxCarrinho .listaCompras tbody .itemCompra .descricao, #boxCarrinho .enderecoCompras tbody .itemCompra .descricao
{
    font-size: 11px;
    color: #000;
}
#boxCarrinho .listaCompras tbody .itemCompra .descricao .nome, #boxCarrinho .listaCompras tbody .itemCompra .descricao .nomePgto, #boxCarrinho .enderecoCompras tbody .itemCompra .descricao .nome
{
    font-size: 17px;
    font-weight: bold;
    color: #f7a012;
    margin: 0 0 3px 0;
}
#boxCarrinho .listaCompras tbody .itemCompra .descricao .nome a, #boxCarrinho .listaCompras tbody .itemCompra .descricao .nomePgto a, #boxCarrinho .enderecoCompras tbody .itemCompra .descricao .nome a
{
    color: #f7a012;
    text-decoration: none;
}
#boxCarrinho .listaCompras tbody .itemCompra .descricao .nome a:hover, #boxCarrinho .listaCompras tbody .itemCompra .descricao .nomePgto a:hover, #boxCarrinho .enderecoCompras tbody .itemCompra .descricao .nome a:hover
{
    text-decoration: underline;
}
#boxCarrinho .listaCompras tbody .itemCompra .descricao .nomePgto
{
    margin: 3px 0 0;
}
#boxCarrinho .listaCompras tbody .itemCompra .descricao .botoes, #boxCarrinho .enderecoCompras tbody .itemCompra .descricao .botoes
{
    margin: 15px 0 0;
}
#boxCarrinho .listaCompras tbody .itemCompra .descricao .botoes input, #boxCarrinho .enderecoCompras tbody .itemCompra .descricao .botoes input
{
    margin: 0 10px 5px 0;
}
#boxCarrinho .enderecoCompras tbody .links
{
    width: 530px;
    padding: 10px 0;
}
#boxCarrinho .enderecoCompras tbody .links a
{
    padding: 10px;
}
#boxCarrinho .enderecoCompras tbody .links .enderecoReutilizado
{
    float: left;
    width: 524px;
    margin: 0 0 10px 10px;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: #555;
}
#boxCarrinho .listaCompras tfoot
{
    font-size: 14px;
    font-weight: bold;
    color: #1f5985;
}
#boxCarrinho .enderecoCompras tfoot
{
    font-size: 12px;
    color: #717272;
}
#boxCarrinho .listaCompras tfoot td, #boxCarrinho .enderecoCompras tfoot td
{
    height: 32px;
    border: solid #e5e3de;
    border-width: 0 0 2px 0 !important;
    vertical-align: middle;
}
#boxCarrinho .enderecoCompras tfoot td
{
    width: 430px;
}
#boxCarrinho .listaCompras tfoot td:first-child
{
    width: auto;
    height: 50px;
}
#boxCarrinho .listaCompras tfoot .textCupom
{
    float: left;
    margin: 10px 10px 0 0;
}
#boxCarrinho .listaCompras tfoot .textCupomCEP
{
    float: left;
    margin: 10px 10px 0px 0px;
}
#boxCarrinho .listaCompras tfoot .textBoxDesconto, #boxCarrinho .listaCompras tfoot .textBoxCEP
{
    float: left;
    margin: 4px 0 0;
}
#boxCarrinho .listaCompras tfoot .textBoxDesconto input, #boxCarrinho .listaCompras tfoot .textBoxCEP input
{
    /*width:244px;*/
    width: 355px;
    height: 27px;
    font-size: 12px;
    color: #666;
    border: none;
    padding: 0 10px;
    background: url('../Images/bgCupomDesconto.png') center no-repeat transparent;
}
#boxCarrinho .listaCompras tfoot .btnDesconto, #boxCarrinho .listaCompras tfoot .btnCEP
{
    float: left;
    margin: 10px 0 0 10px;
}
#boxCarrinho .listaCompras tfoot .linkProcureCEP
{
    float: left;
    margin: 11px 0 0 10px;
    font-size: 11px;
    font-weight: normal;
}
#boxCarrinho .listaCompras tfoot .linkFrete
{
    float: left;
    margin: 0 0 0 10px;
    font-size: 11px;
    font-weight: normal;
}
#boxCarrinho .listaCompras tfoot .desconto, #boxCarrinho .listaCompras tfoot .frete
{
    text-align: right;
    font-size: 12px;
}
#boxCarrinho .enderecoCompras tfoot .frete
{
    width: 353px;
    padding: 5px 0 2px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color: #1f5985;
}
#boxCarrinho .enderecoCompras tfoot .frete .itemFrete
{
    float: left;
    margin: 0 0 0 10px;
    color: #666;
}
#boxCarrinho .enderecoCompras tfoot .frete .botoes
{
    float: left;
}
#boxCarrinho .enderecoCompras tfoot .frete .botoes input
{
    margin: 0 10px 0 0;
}
#boxCarrinho .enderecoCompras tfoot .frete .textoValor
{
    float: right;
    margin: 0 6px 0 0;
}

#boxCarrinho .listaCompras tfoot .total
{
    text-align: right;
}
#boxCarrinho .listaCompras tfoot .valorDesconto, #boxCarrinho .listaCompras tfoot .valorFrete, #boxCarrinho .listaCompras tfoot .valorTotal, #boxCarrinho .enderecoCompras tfoot .valorFrete, #boxCarrinho .enderecoCompras tfoot .totalFrete
{
    width: 153px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #288310;
    background-color: #f4f4f4;
}
#boxCarrinho .enderecoCompras tfoot .totalFrete
{
    font-size: 18px;
}
#boxCarrinho .enderecoCompras tfoot .valorFrete, #boxCarrinho .enderecoCompras tfoot .totalFrete
{
    width: 150px;
}
#boxCarrinho .listaCompras tfoot .valorTotal
{
    font-size: 18px;
}
#boxCarrinho .avisos
{
    float: left;
    font-size: 11px;
    font-weight: normal;
    color: #fa1a1a;
    margin: 4px 0 0;
}
#boxCarrinho .linkAtualizar
{
    font-size: 11px;
}

/* Identificação Carrinho */

#areaIdentCarrinho
{
    float: left;
    width: 960px;
    margin: 20px 0 40px;
}
#areaIdentCarrinho .login, #areaIdentCarrinho .cadastro
{
    float: left;
    width: 388px;
    min-height: 300px;
    margin: 0 45px;
    border: 1px solid #e5e5e5;
}
#areaIdentCarrinho .login .titulo, #areaIdentCarrinho .cadastro .titulo
{
    float: left;
    width: 350px;
    height: 31px;
    font-size: 16px;
    padding: 14px 20px 0;
    border-bottom: 2px solid #e5e5e5;
    background: url('../Images/bgTopoIdentificacao.jpg') left top repeat-x;
    color: #4d9e04;
}
#areaIdentCarrinho .cadastro .titulo
{
    color: #003f70;
}
#areaIdentCarrinho .login .corpo
{
    float: left;
    padding: 30px 47px;
}
#areaIdentCarrinho .login .corpo table
{
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #666;
}
#areaIdentCarrinho .login .corpo table td
{
    height: 33px;
}
#areaIdentCarrinho .login .corpo .texto
{
    text-align: right;
    padding: 0 10px 0 0;
}
#areaIdentCarrinho .login .corpo .txtBox input
{
    width: 219px;
    height: 32px;
    font-size: 12px;
    color: #666;
    border: none;
    padding: 0 10px;
    background: url('../Images/bgTextBoxIdentificacao.png') center no-repeat transparent;
}
#areaIdentCarrinho .login .corpo .botao
{
    text-align: right;
    padding: 15px 0 0;
}
#areaIdentCarrinho .login .corpo a
{
    font-size: 11px;
}
#areaIdentCarrinho .cadastro
{
    background: url('../Images/bgLinhaAba.gif') left 27px repeat-x;
}

/* Abas Cadastro */

#cadastro_abas
{
    float: left;
    display: table;
    width: 330px;
    height: 27px;
    padding: 3px 0 0;
}
#cadastro_abas .aba
{
}
#cadastro_abas .aba .box
{
    float: left;
    width: 358px;
    height: 100%;
    padding: 20px 15px;
    min-height: 111px;
    background-color: #fff;
}
#cadastro_abas #nav
{
    height: 27px;
    margin: 0;
    padding: 0;
}
#cadastro_abas #nav li
{
    list-style: none;
    display: inline-block;
    width: 99px;
    height: 27px;
    margin: 0 0 0 2px;
    background: url('../Images/bgAbaCadastroOff.png') center top no-repeat;
}
#cadastro_abas #nav li:first-child
{
    margin-left: 6px;
    background: url('../Images/bgAbaCadastroOff.png') center top no-repeat;
}
#cadastro_abas #nav li .linkAba
{
    width: 99px;
    height: 27px;
    text-align: center;
    padding: 8px 0 0;
    font-size: 11px;
    color: #585858;
}
#cadastro_abas #nav li a
{
    text-decoration: none;
}
#cadastro_abas #nav li a.corrente
{
    display: inline-block;
    width: 99px;
    height: 27px;
    background: url('../Images/bgAbaCadastroOn.png') center bottom no-repeat;
    font-weight: bold;
}
#cadastro_abas #nav li:first-child a.corrente
{
    margin: 0;
    background: url('../Images/bgAbaCadastroOn.png') center bottom no-repeat;
}

/* Corpo Aba Cadastro */

#cadastro_abas .aba .box table
{
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #666;
}
#cadastro_abas .aba .box table td
{
    height: 39px;
}
#cadastro_abas .aba .box .texto
{
    width: 100px;
    text-align: right;
    padding: 0 10px 0 0;
}
#cadastro_abas .aba .box .txtBox input, #cadastro_abas .aba .box .txtBoxDDD input, #cadastro_abas .aba .box .txtBoxFone input
{
    width: 219px;
    height: 32px;
    font-size: 12px;
    color: #666;
    border: none;
    padding: 0 10px;
    background: url('../Images/bgTextBoxIdentificacao.png') center no-repeat transparent;
}
#cadastro_abas .aba .box .txtBoxDDD input
{
    width: 25px;
    background: url('../Images/bgTextBoxDDD.png') center no-repeat transparent;
}
#cadastro_abas .aba .box .txtBoxFone input
{
    width: 168px;
    margin: 0 0 0 5px;
    background: url('../Images/bgTextBoxFone.png') center no-repeat transparent;
}
#cadastro_abas .aba .box .selectBox
{
    float: left;
    margin: 15px 0 0 91px;
}
#cadastro_abas .aba .box .selectBox p
{
    margin: 0 0 2px 0;
}
#cadastro_abas .aba .box .selectBox label
{
    padding: 0 0 0 5px;
    vertical-align: top;
}
#cadastro_abas .aba .box .botao
{
    float: right;
    margin: 15px 9px 0 0;
}

.mensagemerrologin
{
    background: #f6f3ea url('../Images/icoErro.png') no-repeat 5px 50%;
    font-size: 12px;
    color: #810909;
    margin: 0px 0px 20px 0px;
    padding: 7px 0px 7px 0px;
    width: 100%;
}

.mensagemerrologin p
{
    margin: 0px 0px 5px 30px;
    color: #810909;
}

/* CARRINHO DE COMPRAS - ENDEREÇO */

/* Abas Endereço */

#endereco_abas
{
    position: relative;
    float: left;
    width: 530px;
    padding: 3px 0 0;
}
#endereco_abas .aba
{
}
#endereco_abas .aba .box
{
    float: left;
    width: 520px;
    height: 100%;
    padding: 10px 5px;
    min-height: 111px;
}
#endereco_abas #nav
{
    height: 37px;
    margin: 0;
    padding: 0;
}
#endereco_abas #nav li
{
    float: left;
    list-style: none;
    display: inline-block;
    width: 230px;
    height: 37px;
    margin: 0 0 0 2px;
    text-align: left;
    background: url('../Images/bgAbaEnderecoOff.png') center top no-repeat;
}
#endereco_abas #nav li:first-child
{
    text-align: center;
    margin-left: 6px;
    background: url('../Images/bgAbaEnderecoOff.png') center top no-repeat;
}
#endereco_abas #nav li .linkAba
{
    width: 212px;
    height: 37px;
    padding: 12px 0 0 18px;
    font-size: 12px;
    color: #084b8f;
}
#endereco_abas #nav li:first-child .linkAba
{
    width: 230px;
    padding-left: 0;
}
#endereco_abas #nav li .ajuda
{
    position: absolute;
    top: 15px;
    right: 77px;
}
#endereco_abas #nav li a
{
    text-decoration: none;
}
#endereco_abas #nav li a:hover
{
}
#endereco_abas #nav li a.corrente
{
    display: inline-block;
    width: 230px;
    height: 37px;
    background: url('../Images/bgAbaEnderecoOn.png') center bottom no-repeat;
    font-weight: bold;
}
#endereco_abas #nav li:first-child a.corrente
{
    margin: 0;
    background: url('../Images/bgAbaEnderecoOn.png') center bottom no-repeat;
}

/* Corpo Aba Endereço */
.dados .enderecosAssinatura
{
    margin: 20px 0px 10px 0px;
    width: 100%;
}

.dados .enderecosAssinatura .enderecoAss
{
    width: 470px; /*float:left;*/
}

.dados .enderecosAssinatura .enderecoAss .checkEnderecoFinalDeSemana
{
    margin: 5px 0;
}

.dados .enderecosAssinatura .box
{
    width: 470px;
}

#endereco_abas .aba .box a, .dados .enderecosAssinatura .box a, .boxListaEnderecos .corpoEdicao .box a
{
    font-size: 11px;
}

#endereco_abas .aba .box table, .dados .enderecosAssinatura .box table, .boxListaEnderecos .corpoEdicao .box table
{
    text-align: left;
    color: #666;
    margin: 0 auto;
}

#endereco_abas .aba .box table td, .dados .enderecosAssinatura .box table td, .boxListaEnderecos .corpoEdicao .box table td
{
    height: 36px;
    vertical-align: middle;
}

#endereco_abas .aba .box .texto, .dados .enderecosAssinatura .box .texto, .boxListaEnderecos .corpoEdicao .box .texto
{
    width: 100px;
    color: #666;
    font-size: 12px;
    text-align: right;
    padding: 0 10px 0 0;
}

#endereco_abas .aba .box .txtBox, .dados .enderecosAssinatura .box .txtBox, .boxListaEnderecos .corpoEdicao .box .txtBox
{
    width: 375px;
    text-align: left;
    padding: 0;
    font-size: 12px;
    color: #666;
}

#endereco_abas .aba .box .txtBoxInput, #endereco_abas .aba .box .txtCEPInput, #endereco_abas .aba .box .txtNumInput, #endereco_abas .aba .box .txtBlocoInput, #endereco_abas .aba .box .txtCompInput, #endereco_abas .aba .box .txtEnderecoInput, .dados .enderecosAssinatura .box .txtBoxInput, .dados .enderecosAssinatura .box .txtCEPInput, .dados .enderecosAssinatura .box .txtNumInput, .dados .enderecosAssinatura .box .txtBlocoInput, .dados .enderecosAssinatura .box .txtCompInput, .dados .enderecosAssinatura .box .txtEnderecoInput, .boxListaEnderecos .corpoEdicao .box .txtBoxInput, .boxListaEnderecos .corpoEdicao .box .txtCEPInput, .boxListaEnderecos .corpoEdicao .box .txtNumInput, .boxListaEnderecos .corpoEdicao .box .txtBlocoInput, .boxListaEnderecos .corpoEdicao .box .txtCompInput, .boxListaEnderecos .corpoEdicao .box .txtEnderecoInput
{
    width: 345px;
    height: 27px;
    font-size: 12px;
    color: #666;
    border: none;
    padding: 0 10px;
    background: url('../Images/bgEndereco.png') center no-repeat transparent;
}

#endereco_abas .aba .box .txtCEPInput, .dados .enderecosAssinatura .box .txtCEPInput, .boxListaEnderecos .corpoEdicao .box .txtCEPInput
{
    width: 124px;
    margin: 0 10px 0 0;
    background: url('../Images/bgCEPEndereco.png') center no-repeat transparent;
}

#endereco_abas .aba .box .txtNumInput, .dados .enderecosAssinatura .box .txtNumInput, .boxListaEnderecos .corpoEdicao .box .txtNumInput
{
    width: 44px;
    margin: 0 0 0 8px;
    background: url('../Images/bgNumeroEndereco.png') center no-repeat transparent;
}

#endereco_abas .aba .box .txtBlocoInput, .dados .enderecosAssinatura .box .txtBlocoInput, .boxListaEnderecos .corpoEdicao .box .txtBlocoInput
{
    width: 44px;
    background: url('../Images/bgNumeroEndereco.png') center no-repeat transparent;
}

#endereco_abas .aba .box .txtBoxEndereco, #endereco_abas .aba .box .txtBoxEnderecoTransf, .dados .enderecosAssinatura .box .txtBoxEndereco, .boxListaEnderecos .corpoEdicao .box .txtBoxEndereco
{
    float: left;
}

#endereco_abas .aba .box .txtCompInput, .dados .enderecosAssinatura .box .txtCompInput, .boxListaEnderecos .corpoEdicao .box .txtCompInput
{
    width: 179px;
    margin: 0 0 0 22px;
    background: url('../Images/bgComplementoEndereco.png') center no-repeat transparent;
}

#endereco_abas .aba .box .txtEnderecoInput, #endereco_abas .aba .box .txtEnderecoInputTransf, .dados .enderecosAssinatura .box .txtEnderecoInput, .boxListaEnderecos .corpoEdicao .box .txtEnderecoInput
{
    width: 237px;
    margin: 0 13px 0 0;
    background: url('../Images/bgEnderecoEndereco.png') center no-repeat transparent;
}

#endereco_abas .aba .box .txtEnderecoInputTransf
{
    border: none;
    background-image: none;
    color: #666;
    text-transform: uppercase;
}

#endereco_abas .aba .box .txtBoxNum, .dados .enderecosAssinatura .box .txtBoxNum, .boxListaEnderecos .corpoEdicao .box .txtBoxNum
{
    float: left;
    margin: 0 0 0 10px;
}

#endereco_abas .aba .box .dropDownCidadeEstado, #endereco_abas .aba .box .dropDownEstadoCidadeBairro, .dados .enderecosAssinatura .box .dropDownCidadeEstado, .dados .enderecosAssinatura .box .dropDownEstadoCidadeBairro, .boxListaEnderecos .corpoEdicao .box .dropDownCidadeEstado, .boxListaEnderecos .corpoEdicao .box .dropDownEstadoCidadeBairro
{
    float: left;
    width: 144px;
    height: 23px;
    padding: 4px 0 0;
    text-align: center;
    background: url('../Images/bgCEPEndereco.png') left no-repeat;
}

#endereco_abas .aba .box .dropDownEstadoCidadeBairro, .dados .enderecosAssinatura .box .dropDownEstadoCidadeBairro, .boxListaEnderecos .corpoEdicao .box .dropDownEstadoCidadeBairro
{
    width: 365px;
    background: url('../Images/bgEndereco.png') left no-repeat;
}

#endereco_abas .aba .box .textoEstado, .dados .enderecosAssinatura .box .textoEstado, .boxListaEnderecos .corpoEdicao .box .textoEstado
{
    float: left;
    margin: 0 10px 0 27px;
    padding: 6px 0 0;
}

#endereco_abas .aba .box .dropDownEntrega, .dados .enderecosAssinatura .box .dropDownEntrega, .boxListaEnderecos .corpoEdicao .box .dropDownEntrega
{
    width: 365px;
    height: 23px;
    padding: 4px 0 0;
    text-align: center;
    background: url('../Images/bgEndereco.png') left no-repeat;
}

#endereco_abas .aba .box .dropDownEntrega select, #endereco_abas .aba .box .dropDownCidadeEstado select, #endereco_abas .aba .box .dropDownEstadoCidadeBairro select, .dados .enderecosAssinatura .box .dropDownEntrega select, .dados .enderecosAssinatura .box .dropDownCidadeEstado select, .dados .enderecosAssinatura .box .dropDownEstadoCidadeBairro select, .boxListaEnderecos .corpoEdicao .box .dropDownEntrega select, .boxListaEnderecos .corpoEdicao .box .dropDownCidadeEstado select, .boxListaEnderecos .corpoEdicao .box .dropDownEstadoCidadeBairro select
{
    width: 96%;
    border: none;
    color: #666;
    background-color: transparent;
}

#endereco_abas .aba .box .dropDownCidadeEstado select, .dados .enderecosAssinatura .box .dropDownCidadeEstado select, .boxListaEnderecos .corpoEdicao .box .dropDownCidadeEstado select
{
    width: 90%;
}

#endereco_abas .aba .box .erroEnderecoNaoSalvo, #endereco_abas .aba .box .alteracaoPreco, .dados .enderecosAssinatura .box .erroCadastroEndereco, .dados .enderecosAssinatura .box .erroEnderecoNaoSalvo, .dados .enderecosAssinatura .box .alteracaoPreco, .boxListaEnderecos .corpoEdicao .box .erroCadastroEndereco, .boxListaEnderecos .corpoEdicao .box .erroEnderecoNaoSalvo, .boxListaEnderecos .corpoEdicao .box .alteracaoPreco
{
    margin: 9px 0 9px 0;
    padding: 7px 7px;
    background-color: #f6f3ea;
    text-align: center;
    font-size: 11px;
    color: #fff;
    width: 466px;
}

#endereco_abas .aba .box .erroEnderecoNaoSalvo span, #endereco_abas .aba .box .alteracaoPreco span, .dados .enderecosAssinatura .box .erroEnderecoNaoSalvo span, .dados .enderecosAssinatura .box .alteracaoPreco span, .boxListaEnderecos .corpoEdicao .box .erroEnderecoNaoSalvo span, .boxListaEnderecos .corpoEdicao .box .alteracaoPreco span
{
    color: #810909;
    margin: 0 5px;
    line-height: 30px;
}

#endereco_abas .aba .box .erroEnderecoNaoSalvo a, #endereco_abas .aba .box .alteracaoPreco a, .dados .enderecosAssinatura .box .erroEnderecoNaoSalvo a, .dados .enderecosAssinatura .box .alteracaoPreco a, .boxListaEnderecos .corpoEdicao .box .erroEnderecoNaoSalvo a, .boxListaEnderecos .corpoEdicao .box .alteracaoPreco a
{
    margin: 0 5px;
    color: #000;
    font-weight: normal;
    text-decoration: underline;
    line-height: 30px;
}

#endereco_abas .aba .box .erroEnderecoNaoSalvo a:hover, #endereco_abas .aba .box .alteracaoPreco a:hover, .dados .enderecosAssinatura .box .erroEnderecoNaoSalvo a:hover, .dados .enderecosAssinatura .box .alteracaoPreco a:hover, .boxListaEnderecos .corpoEdicao .box .erroEnderecoNaoSalvo a:hover, .boxListaEnderecos .corpoEdicao .box .alteracaoPreco a:hover
{
    color: #666;
    cursor: pointer;
}

#endereco_abas .aba .box .botao, .dados .enderecosAssinatura .box .botao, .boxListaEnderecos .corpoEdicao .box .botao
{
    float: left;
    width: 365px;
    padding: 6px 0;
    text-align: right;
}

#endereco_abas .aba .box .botao input, .dados .enderecosAssinatura .box .botao input, .boxListaEnderecos .corpoEdicao .box .botao input
{
    margin: 0 0 0 10px;
}

/* CARRINHO DE COMPRAS - PAGAMENTO */

#boxEnderecoEntrega
{
    float: left;
    width: 960px;
    margin: 20px 0 25px;
}
#boxEnderecoEntrega .boxEnderecos table
{
    width: 100%;
    margin: 0 0 10px 0;
}
#boxEnderecoEntrega .boxEnderecos table td
{
    padding: 0 15px 15px;
}
#boxEnderecoEntrega .boxEnderecos thead td
{
    font-size: 17px;
    color: #5b5b5b;
    text-align: left;
    border: solid #e5e5e5;
    border-width: 0 1px;
    padding: 15px;
    background: url('../Images/bgHeaderTabelaCarrinho.jpg') left top repeat-x;
}
#boxEnderecoEntrega .boxEnderecos tbody td
{
    border: 1px solid #e5e5e5;
    vertical-align: top;
}
#boxEnderecoEntrega .boxEnderecos tbody .item
{
    float: left;
    width: 100%;
    margin: 20px 0 0;
}
#boxEnderecoEntrega .boxEnderecos tbody .item .nome
{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    padding: 0 0 10px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #e5e5e5;
}
#boxEnderecoEntrega .boxEnderecos tbody .item .periodo
{
    float: left;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    color: #1f5985;
    margin: 5px 0 0;
}
#boxEnderecoEntrega .boxEnderecos tbody .item .endereco
{
    float: left;
    font-size: 11px;
    color: #000;
    margin: 5px 0 2px;
}
#boxEnderecoEntrega .boxEnderecos tbody .item .botao
{
    float: left;
    margin: 3px 0 0 10px;
}

#divParteInferiorCompras
{
    float: left;
}

/* Box Formas de Pagamento */

#boxFormasPagamento
{
    float: left;
    width: 960px;
    margin: 0 0 40px;
}
#boxFormasPagamento .cartao
{
    float: left;
    width: 530px;
}
#boxFormasPagamento .credito
{
    width: 400px;
    margin: 0 0 0 30px;
}
#boxFormasPagamento .cartao .titulo
{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #1f5985;
}
#boxFormasPagamento .cartao .titulo label
{
    padding: 0 0 0 6px;
}
#boxFormasPagamento .cartao .bandeiras
{
    float: left;
    margin: 20px 0 0;
}
#boxFormasPagamento .cartao .bandeiras ul
{
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}
#boxFormasPagamento .cartao .bandeiras ul li
{
    display: inline-block;
    padding: 0;
    margin: 0 12px 0 0;
    vertical-align: bottom;
}
#boxFormasPagamento .cartao .bandeiras .bancosConveniados
{
    float: left;
    font-size: 11px;
    color: #666;
}
#boxFormasPagamento .cartao .resumo
{
    float: left;
    margin: 20px 0;
}
#boxFormasPagamento .cartao .resumo ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#boxFormasPagamento .cartao .resumo ul li, #boxFormasPagamento .cartao .resumo ul li.produto
{
    text-align: left;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    margin: 2px 0;
}
#boxFormasPagamento .cartao .resumo ul li.produto
{
    font-weight: bold;
    color: #1f5985;
    margin: 10px 0 0;
}
#boxFormasPagamento .cartao .resumo ul li.subItens
{
    padding: 0 0 0 10px;
    border-left: 1px dotted #ccc;
}
#boxFormasPagamento .cartao .resumo ul li.subItens li
{
    font-size: 11px;
}
#boxFormasPagamento .cartao .resumo ul li.subItens li.produto
{
    color: #000;
}
#boxFormasPagamento .cartao .resumo ul li.btAlterar
{
    padding: 15px 0 0;
}

/* CARRINHO DE COMPRAS - CONFIRMAÇÃO */

.confirmacaoCompra, .tituloConfirmacaoCompra, .mensagemAvisaFacil
{
    display: table;
    width: 420px;
    padding: 20px 0;
    margin: 0 auto;
}
.mensagemAvisaFacil
{
    width: 500px;
}
.tituloConfirmacaoCompra
{
    padding: 50px 0 10px;
}
.tituloConfirmacaoCompra .texto, .mensagemAvisaFacil .texto
{
    float: left;
    width: 500px;
    padding: 0 0 30px;
    text-align: center;
    font-size: 26px;
    color: #448f17;
    border-bottom: 1px solid #efefef;
}
.mensagemAvisaFacil .texto
{
    font-size: 16px;
}
.tituloConfirmacaoCompra .mensagem, .mensagemAvisaFacil .mensagem
{
    float: left;
    width: 500px;
    padding: 20px 0;
    margin: 0 0 30px;
    font-size: 12px;
    text-align: center;
    color: #666;
    border-bottom: 1px solid #efefef;
}
.mensagemAvisaFacil .mensagem
{
    border-top: 1px solid #efefef;
}
.confirmacaoCompra .resumoCompra table
{
    width: 400px;
    color: #666;
}
.confirmacaoCompra .resumoCompra td
{
    vertical-align: top;
    padding: 15px 0;
    border-bottom: 1px solid #efefef;
    text-align: left;
}
.confirmacaoCompra .resumoCompra td.titResumo
{
    font-size: 14px;
    font-weight: bold;
    color: #003f70;
    margin: 30px 0 0;
}
.confirmacaoCompra .resumoCompra td.preco
{
    text-align: right;
}
.confirmacaoCompra .resumoCompra td p
{
    padding-top: 4px;
    margin: 0;
    line-height: normal;
}
.confirmacaoCompra .resumoCompra ul
{
    list-style: none;
    padding: 0;
    margin: 5px 0 0 20px;
}
.confirmacaoCompra .resumoCompra ul li
{
    font-size: 11px;
}
.confirmacaoCompra .resumoCompra ul li.produto
{
    font-weight: bold;
    color: #1f5985;
    margin: 10px 0 0;
}
.confirmacaoCompra .resumoCompra td.pagamento
{
    border: none;
}
.confirmacaoCompra .resumoCompra td.pagamento span
{
    font-size: 14px;
    font-weight: bold;
    color: #003f70;
    white-space: nowrap;
}
.confirmacaoCompra .resumoCompra td.pagamento p
{
    padding: 5px 0 20px;
}
.confirmacaoCompra .links
{
    float: left;
    width: 400px;
    padding: 10px 0;
    margin: 20px 0 0;
    text-align: center;
    background-color: #f2f2f2;
}
.confirmacaoCompra .links a
{
    font-size: 12px;
    padding: 0 0 0 14px;
    background: url('../Images/setaAmarela.gif') left no-repeat;
}
.confirmacaoCompra .links a:first-child
{
    margin: 0 25px 0 0;
}

.confirmacaoCompra .descontoMensagem
{
    padding: 10px 10px 10px 0px;
    font-weight: bold;
}

/* FILTROS DE BUSCA ------------------------------------------------------------------------------- */

#categoriasGeral
{
    float: left;
}

#filtrosBusca
{
    float: left;
    width: 100%;
    height: 49px;
    margin: 20px 0;
    text-align: left;
}
#filtrosBusca .borda
{
    width: 6px;
    height: 49px;
}
#filtrosBusca .corpo
{
    height: 41px;
    padding: 3px 0 0;
    background: url('../Images/bordaFiltroBg.png') left bottom repeat-x;
}
#filtrosBusca .corpo .paginacao
{
    float: left;
}
#filtrosBusca .corpo .paginacao div
{
    float: left;
}
#filtrosBusca .corpo .paginacao .botao
{
    margin: 3px 10px 0;
}
#filtrosBusca .corpo .paginacao .texto
{
    margin: 5px 0 0;
    font-size: 12px;
    color: #333;
}
#filtrosBusca .corpo .paginacao .textBox
{
    width: 32px;
    margin: 0 6px;
}
#filtrosBusca .corpo .paginacao .textBox input
{
    width: 32px;
    height: 23px;
    padding: 0 0 3px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    border: none;
    text-align: center;
    background: url('../Images/bgResultadoBuscaBoxNumeroExibindo.png') no-repeat;
}
#filtrosBusca .corpo .filtros
{
    float: right;
    margin: 0 10px 0 0;
}
#filtrosBusca .corpo .filtros div
{
    float: left;
}
#filtrosBusca .corpo .filtros .texto
{
    font-size: 11px;
    font-weight: bold;
    color: #333;
    margin: 6px 6px 0 15px;
}
#filtrosBusca .corpo .filtros .textDrop
{
    height: 26px;
    text-align: left;
}
#filtrosBusca .corpo .filtros .textDrop table
{
}
#filtrosBusca .corpo .filtros .textDrop .dropDown
{
    background: url('../Images/boxFiltroBg.png') left repeat-x;
}
#filtrosBusca .corpo .filtros .textDrop .dropDown select
{
    border: none;
    font-size: 11px;
    color: #666;
}

/* RESULTADO DA BUSCA ---------------------------------------------------------------------- */

#corpoPrincipal .produtosEncontrados
{
    width: 960px;
    float: left;
    font-family: Arial;
    font-size: 13px;
    color: #333333;
}
#corpoPrincipal .produtosEncontrados span
{
    color: #f7a012;
    font-weight: bold;
}
#corpoPrincipal .bordaTopoExibindo
{
    margin-top: 12px;
    float: left;
}
#corpoPrincipal .exibindoPaginas
{
    width: 960px;
    height: 34px;
    background: #f5f5f5;
    float: left;
    padding-top: 6px;
}
#corpoPrincipal .exibindoPaginas .btIcoMenorLaranja
{
    padding: 4px 8px 0 10px;
    float: left;
}
#corpoPrincipal .exibindoPaginas .textoExibindo
{
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    float: left;
    padding-top: 6px;
}
#corpoPrincipal .exibindoPaginas .numeroBox
{
    width: 32px;
    height: 26px;
    background: url('../Images/bgResultadoBuscaBoxNumeroExibindo.png') no-repeat;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    float: left;
    margin: 0px 5px 0 8px;
    padding-top: 6px;
}
#corpoPrincipal .exibindoPaginas .numeroTotalPaginas
{
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    float: left;
    padding-top: 6px;
}
#corpoPrincipal .exibindoPaginas .btIcoMaiorLaranja
{
    padding: 4px 8px 0 16px;
    float: left;
}
#corpoPrincipal .exibindoPaginas .ordenarPor
{
    float: right;
    margin: 0 10px 0 15px;
}
#corpoPrincipal .exibindoPaginas .filtrarPor
{
    float: right;
    margin: 0 10px 0 15px;
}

/* ITENS RESULTADO DA BUSCA ---------------------------------------------------------------------- */

#corpoPrincipal .resultadoBusca
{
    width: 960px;
    min-height: 116px;
    border-bottom: #dbe2e8 1px solid;
    float: left;
    margin-top: 15px;
    padding-bottom: 15px;
}
#corpoPrincipal .resultadoBusca .dadosProduto
{
    float: left;
    width: 650px;
    padding: 0 20px 0 10px;
}
#corpoPrincipal .resultadoBusca .dadosProduto .imagenResultado
{
    float: left;
    width: 70px;
    margin: 0 15px 15px 0;
}
#corpoPrincipal .resultadoBusca .dadosProduto .imagenResultado img
{
    max-width: 70px;
}
#corpoPrincipal .resultadoBusca .dadosProduto .categoriaBusca
{
    float: left;
    width: 565px;
    font-size: 11px;
    color: #00335f;
}
#corpoPrincipal .resultadoBusca .dadosProduto .tituloProduto
{
    float: left;
    width: 565px;
    font-size: 17px;
    font-weight: bold;
    color: #f79f12;
    margin-top: 2px;
}
#corpoPrincipal .resultadoBusca .dadosProduto .tituloProduto a
{
    float: left;
    width: 565px;
    font-size: 17px;
    font-weight: bold;
    color: #f79f12;
    margin-top: 2px;
    text-decoration: none;
}
#corpoPrincipal .resultadoBusca .dadosProduto .tituloProduto a:hover
{
    text-decoration: underline;
}
#corpoPrincipal .resultadoBusca .dadosProduto .descricaoProduto
{
    float: left;
    display: table;
    width: 565px;
    font-size: 12px;
    color: #666;
    margin: 4px 0 0;
}
#corpoPrincipal .resultadoBusca .dadosProduto .descricaoProduto a
{
    float: left;
    width: 565px;
    font-size: 12px;
    color: #666;
    margin-top: 4px;
    text-decoration: none;
}
#corpoPrincipal .resultadoBusca .dadosProduto .descricaoProduto a:hover
{
    text-decoration: underline;
}

#corpoPrincipal .resultadoBusca .precosProdutos
{
    float: left;
    width: 270px;
    padding: 0;
    margin: 0 10px 0 0;
}
#corpoPrincipal .resultadoBusca .precosProdutos .tipoAssinante
{
    float: right;
    font-size: 11px;
    color: #9f4c36;
}
#corpoPrincipal .resultadoBusca .precosProdutos .valorProduto
{
    float: right;
    width: 280px;
    font-size: 12px;
    color: #666;
}

#corpoPrincipal .resultadoBusca .precosProdutos .valorReais
{
    font-size: 24px;
    font-weight: bold;
    color: #004877;
}
#corpoPrincipal .resultadoBusca .precosProdutos .valorCentavos
{
    font-weight: bold;
    color: #004877;
}

#corpoPrincipal .resultadoBusca .precosProdutos .botaoCompreJaDvd, #corpoPrincipal .resultadoBusca .precosProdutos .botoes
{
    float: left;
    width: 280px;
    margin: 10px 0 0 0;
    text-align: right;
}
#corpoPrincipal .resultadoBusca .precosProdutos .botaoCompreJaDvd input, #corpoPrincipal .resultadoBusca .precosProdutos .botoes input
{
    margin: 0 0 0 5px;
}
#corpoPrincipal .resultadoBusca .precosProdutos .botoes .btConfigureVitrine
{
    background: url('../Images/spritesSkinsButtons.png') no-repeat left top;
}

#corpoPrincipal .resultadoBusca .precosProdutos .botoes .btAssineJaVitrine, #corpoPrincipal .resultadoBusca .precosProdutos .botoes .btCompreJaVitrine, #corpoPrincipal .resultadoBusca .precosProdutos .botoes .btAssineJaVitrineAst, #corpoPrincipal .resultadoBusca .precosProdutos .botoes .btCompreJaVitrineAst
{
    background: url('../Images/spriteBtnVitrineAmarelo.png') no-repeat left bottom;
}

#corpoPrincipal .resultadoBusca .precosProdutos .botoes .btAssineJaVitrineAst, #corpoPrincipal .resultadoBusca .precosProdutos .botoes .btCompreJaVitrineAst
{
    background-position: left top;
}

/* AVISO NÃO ENCONTROU O QUE PROCURAVA ---------------------------------------------------------------------- */

#corpoPrincipal .qdoNaoEncontrou
{
    width: 960px;
    height: 45px;
    background: #f9f9de;
    float: left;
    margin: 36px 0 30px 0;
}
#corpoPrincipal .qdoNaoEncontrou .icoNaoEncontrou
{
    width: 160px;
    float: left;
    margin: 12px 12px 7px 29px;
    text-align: right;
}
#corpoPrincipal .qdoNaoEncontrou .textoProdutoNaoEncontrado
{
    float: left;
    font-size: 12px;
    color: #000;
    margin-top: 17px;
}

/* PÁGINAS ENCONTRADAS ---------------------------------------------------------------------- */

#corpoPrincipal .exibindoPaginasRodape
{
    width: 960px;
    height: 40px;
    background: #f5f5f5;
    float: left;
    margin: 10px 0 0 0;
}
#corpoPrincipal .exibindoPaginasRodape .bticoMenorRodape
{
    margin: 15px 8px 0 10px;
    float: left;
}
#corpoPrincipal .exibindoPaginasRodape .textoExibindoPaginas
{
    font-size: 12px;
    color: #333;
    float: left;
    margin-top: 17px;
}
#corpoPrincipal .exibindoPaginasRodape .numeroDentroBox
{
    width: 32px;
    height: 26px;
    background: url('../Images/bgResultadoBuscaBoxNumeroExibindo.png') no-repeat;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #333;
    float: left;
    margin: 12px 5px 0 8px;
    padding-top: 5px;
}
#corpoPrincipal .exibindoPaginasRodape .numeroPaginasEncotradaBusca
{
    font-size: 12px;
    color: #333333;
    float: left;
    margin-top: 17px;
}
#corpoPrincipal .exibindoPaginasRodape .bticoMaiorRodape
{
    padding: 15px 8px 0 16px;
    float: left;
}
#corpoPrincipal .exibindoPaginasRodape .ordernarPorRodape
{
    float: right;
    margin: 11px 10px 0 15px;
}
#corpoPrincipal .exibindoPaginasRodape .filtrarPorRodape
{
    float: right;
    margin: 11px 10px 0 15px;
}
#corpoPrincipal .bgResultadoBuscaExibindoPagRodape
{
    margin-bottom: 30px;
    float: left;
}

/* ERRO 404 ------------------------------------------------------------------------------- */

#erro404
{
    display: table;
    width: 100%;
    margin: 40px 0 0;
    padding: 20px 0 0;
    border-top: 0px solid #e5e5e5;
}
#erro404 .mensagem, #erro404 .title-error {
    border-bottom: 1px solid #e5e5e5;
    color: #0179B6;
    float: left;
    font: bold 58px/58px "Open Sans",Arial,Helvetica,sans-serif;
    letter-spacing: -1px;
    margin-bottom: 30px;
    padding:0 0 30px 0;
    text-align: center;
    width: 100%;
}
#erro404 .links-novos {
    display: block;
    float: left;
    margin: 20px 22.5%;
    width: 55%;
}
#erro404 .links-novos .title-links {
    color: black;
    display: block;
    font: bold 22px/40px "Open Sans",Arial,Helvetica,sans-serif;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}
#erro404 .links-novos .link-button {
    background: #28ac50;
    border-radius: 5px;
    border: 1px solid #239445;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font: bold 20px/17px "Open Sans",Arial,Helvetica,sans-serif;
    letter-spacing: -2px;
    padding: 22px 40px 21px;
    text-align: center;
    text-decoration: none;
}

#erro404 .links-novos .link-button:hover {
    background: #239947;
}
#erro404 .links-novos .text-ou {
    display: inline-block;
    font: normal 18px/17px "Open Sans",Arial,Helvetica,sans-serif;
    text-align: center;
    width: 60px;
}
#erro404 .aviso
{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #666;
    margin: 30px 0 60px;
    text-align: center;
    line-height: 18px;
}
#erro404 .links
{
    float: left;
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
#erro404 .links a
{
    font-size: 14px;
    padding: 0 0 0 14px;
    background: url('../Images/setaAmarela.gif') left no-repeat;
}
#erro404 .links a:first-child
{
    margin: 0 25px 0 0;
}

/* CAMPANHA CUPONS ----------------------------------------------------------------------------- */

#campanhaCupons_abas
{
    width: 800px;
    margin: 30px auto 0;
    background: url('../Images/bgAbasTopoCupons.png') center 45px no-repeat;
}
#campanhaCupons_abas #nav
{
    margin: 0;
    padding: 0;
}
#campanhaCupons_abas #nav li
{
    display: inline-block;
    width: 194px;
    height: 50px;
    list-style: none;
}
#campanhaCupons_abas #nav li a
{
    display: block;
    width: 194px;
    line-height: 50px;
    font-family: Arial;
    font-size: 15px;
    color: #003f71;
    text-decoration: none;
    text-align: center;
    background: url('../Images/spriteAbasCuponsOff.png') center bottom no-repeat;
}
#campanhaCupons_abas #nav li a:hover
{
}
#campanhaCupons_abas #nav li a.corrente
{
    font-weight: bold;
    background: url('../Images/spriteAbasCupons.png') center bottom no-repeat;
}
#campanhaCupons_abas #nav li:first-child a.corrente
{
    display: inline-block;
    width: 194px;
    height: 50px;
    background-position: center top;
}

#campanhaCupons_abas .aba .corpoAba
{
    display: table;
    width: 758px;
    padding: 20px 20px 30px;
    border: solid #e5e5e5;
    border-width: 0 1px 1px 1px;
    background-color: #f5f5f5;
}
#campanhaCupons_abas .aba .corpoAba .info
{
    font-size: 12px;
    font-weight: bold;
    color: #003f71;
    margin: 0 0 10px;
}
#campanhaCupons_abas .aba .corpoAba .info2
{
    width: 100%;
    margin: 40px 0;
    text-align: center;
    font-size: 17px;
    color: #666;
}
#campanhaCupons_abas .aba .corpoAba ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#campanhaCupons_abas .aba .corpoAba .boxCupom
{
    float: left;
    width: 100%;
    padding: 30px 0 0;
    margin: 15px 0;
    border-top: 1px solid #e0e0e0;
}
#campanhaCupons_abas .aba .corpoAba .boxCupom:first-child
{
    border: none;
}
#campanhaCupons_abas .aba .corpoAba .boxCupom table
{
    width: 100%;
    border-collapse: collapse;
}
#campanhaCupons_abas .aba .corpoAba .boxCupom td
{
    vertical-align: middle;
}
#campanhaCupons_abas .aba .corpoAba .boxCupom td.logo
{
    width: 180px;
    text-align: center;
}
#campanhaCupons_abas .aba .corpoAba .boxCupom td.logo img
{
    max-width: 180px;
}
#campanhaCupons_abas .aba .corpoAba .boxCupom td.desc
{
    width: 425px;
    padding: 0 20px;
}
#campanhaCupons_abas .aba .corpoAba .boxCupom td.desc .nome
{
    font-size: 11px;
    color: #003f71;
}
#campanhaCupons_abas .aba .corpoAba .boxCupom td.desc .desconto
{
    font-size: 16px;
    font-weight: bold;
    color: #f7a012;
    margin: 3px 0;
}
#campanhaCupons_abas .aba .corpoAba .boxCupom td.desc .validade
{
    font-size: 12px;
    color: #666;
}
#campanhaCupons_abas .aba .corpoAba .boxCupom td.botao
{
    width: 113px;
}

/* Esgotado */
#campanhaCupons_abas .aba .corpoAba .boxCupom.esgotado *
{
    color: #bfbfbf !important;
}
#campanhaCupons_abas .aba .corpoAba .boxCupom.esgotado .logo
{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    opacity: 0.3;
}

/* INSTITUCIONAL ------------------------------------------------------------------------------- */

#tabInstitucional
{
    width: 960px;
    margin: 40px 0 0;
}
#tabInstitucional .coluna
{
    width: 450px;
    text-align: left;
    vertical-align: top;
}
#tabInstitucional .coluna .item
{
    float: left;
    width: 100%;
    margin: 0 0 60px 0;
}
#tabInstitucional .coluna .item .descricao
{
    float: left;
    text-align: left;
}
#tabInstitucional .coluna .item .descricao img
{
    float: left;
    text-align: left;
    margin: 0 20px 15px 0;
}
#tabInstitucional .coluna .item .site
{
    float: left;
    font-size: 17px;
    color: #f7a012;
}
#tabInstitucional .espaco
{
    width: 60px;
}

/* SOBRE O PORTAL ---------------------------------------------------------------------- */

#corpoPrincipal .imagemSobreportal
{
    width: 282px;
    float: right;
    margin: 2px 10px 0 30px;
}
#corpoPrincipal .imagemSobreportal img
{
    text-align: left;
}
#corpoPrincipal .imagemSobreportal .legenda
{
    width: 274px;
    min-height: 13px;
    background-color: #e7e7e7;
    float: right;
    margin: 3px 0 20px 0;
    font-family: Arial;
    font-size: 11px;
    color: #00335f;
    padding: 7px 0 8px 8px;
}
#corpoPrincipal .corpoTexto
{
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    color: #666666;
    text-align: left;
}

/* ATENDIMENTO ---------------------------------------------------------------------- */

#corpoPrincipal .atendimentoBox
{
    float: left;
    width: 440px;
    min-height: 300px;
    margin: 20px 20px 0;
}
#corpoPrincipal .tituloJornais
{
    width: 440px;
    height: 32px;
    margin: 0 0 12px 0;
    float: left;
    font-size: 22px;
    color: #1472ac;
    font-weight: bold;
    border-bottom: solid 1px #e9e9e9;
}
#corpoPrincipal .corpoJornais
{
    width: 440px;
    font-size: 12px;
    float: left;
    color: #666666;
}
#corpoPrincipal .corpoJornais p
{
    margin: 0;
    line-height: 18px;
}
#corpoPrincipal .corpoJornais .titulosCentral
{
    font-size: 14px;
    color: #f7a012;
    font-weight: bold;
    margin-bottom: 2px;
}
#corpoPrincipal .corpoJornais .vendasJornais
{
    font-size: 14px;
    color: #f7a012;
    font-weight: bold;
    margin: 20px 0 2px 0;
}

/* FALE CONOSCO ---------------------------------------------------------------------- */

#corpoPrincipal .faleConosco
{
    width: 740px;
    margin: 40px auto 0;
}
#corpoPrincipal .faleConosco .camposObrigatorio
{
    float: left;
    width: 100%;
    border-bottom: #e9e9e9 1px solid;
    font-size: 12px;
    font-style: italic;
    color: #666;
    padding: 0 0 10px;
    margin: 0 0 20px;
}
#corpoPrincipal .faleConosco .camposObrigatorio span
{
    color: #f00;
    padding-right: 2px;
}
#corpoPrincipal .faleConosco .areaFormulario
{
    float: left;
    width: 49%;
    font-size: 12px;
    color: #666;
}
#corpoPrincipal .faleConosco .areaFormulario td
{
    padding: 0 0 7px;
}
#corpoPrincipal .faleConosco .areaFormulario td:first-child
{
    text-align: right;
    height: 32px;
    padding-right: 10px;
}
#corpoPrincipal .faleConosco .areaFormulario td span, #corpoPrincipal .avisafacil .boxCampos td span
{
    color: #ff0000;
}
#corpoPrincipal .faleConosco .areaFormulario td input
{
    width: 259px;
    height: 32px;
    font-size: 12px;
    color: #666;
    border: none;
    padding: 0 10px;
    background: url('../Images/bgCampoFormulario.jpg') left no-repeat transparent;
}
#corpoPrincipal .faleConosco .areaFormulario .boxCampoDDD
{
    float: left;
    width: 45px;
}
#corpoPrincipal .faleConosco .areaFormulario .boxCampoDDD input
{
    width: 25px;
    height: 32px;
    border: none;
    font-size: 12px;
    color: #666;
    padding: 0 10px;
    background: url('../Images/bgTextBoxDDD.png') left no-repeat transparent;
}
#corpoPrincipal .faleConosco .areaFormulario .boxCampoTelefone
{
    width: 228px;
    float: left;
    margin: 0 0 0 6px;
}
#corpoPrincipal .faleConosco .areaFormulario .boxCampoTelefone input
{
    width: 208px;
    height: 32px;
    border: none;
    font-size: 12px;
    color: #666;
    padding: 0 10px;
    background: url('../Images/bgCamposFormularioTelefone.jpg') left no-repeat transparent;
}
#corpoPrincipal .faleConosco .areaFormulario .boxCampoMotivo
{
    width: 279px;
    height: 24px;
    padding-top: 8px;
    text-align: center;
    background: url('../Images/boxFormularioMotivo.png') left no-repeat;
}
#corpoPrincipal .faleConosco .areaFormulario .boxCampoMotivo select
{
    width: 269px;
    font-size: 12px;
    color: #666;
    border: 0;
}
#corpoPrincipal .faleConosco .txtCampoMenssagem
{
    float: right;
    width: 49%;
    font-size: 12px;
    color: #666;
}
#corpoPrincipal .faleConosco .txtCampoMenssagem table
{
    width: 100%;
}
#corpoPrincipal .faleConosco .txtCampoMenssagem td:first-child
{
    padding: 0 0 5px;
}
#corpoPrincipal .faleConosco .txtCampoMenssagem .txtBoxCampoMsg
{
    width: 359px;
    height: 174px;
    background: url('../Images/bgCamposFormularioMensagem.jpg') left top no-repeat;
}
#corpoPrincipal .faleConosco .txtCampoMenssagem .txtBoxCampoMsg textarea
{
    width: 345px;
    height: 160px;
    font-family: Arial;
    font-size: 12px;
    color: #666;
    border: 0;
    margin: 6px 0 5px 8px;
}
#corpoPrincipal .faleConosco .rodape
{
    float: left;
    width: 100%;
    margin: 30px 0 20px;
}
#corpoPrincipal .faleConosco .rodape .captcha
{
    width: 50%;
    margin: 0 auto;
}
#corpoPrincipal .faleConosco .rodape .erros
{
    float: left;
    width: 100%;
    margin: 15px 0;
    text-align: center;
    font-weight: bold;
    color: #c00;
}
#corpoPrincipal .faleConosco .rodape .botao
{
    float: left;
    width: 100%;
    margin: 20px 0 0;
    text-align: right;
}

/* DEGUSTAÇÃO ---------------------------------------------------------------------- */
.degustacao
{
    width: 900px;
    font-size: 12px;
    color: #666;
    padding: 0px 0px 10px 0px;
}

.degustacao .promocao_encerrada
{
    margin: 20px 0px 20px 0px;
    text-align: center;
}

.degustacao .codigo_promocional
{
    height: 70px;
}

.degustacao .codigo_promocional .erro, .degustacao .boxCampos .endereco .erro, .validaFormsDegustacao
{
    margin: 9px 0 9px 0;
    padding: 7px 7px;
    background-color: #f6f3ea;
    text-align: center;
    font-size: 11px;
    color: #fff;
}

.degustacao .codigo_promocional .erro
{
    width: 378px;
}
.degustacao .boxCampos .endereco .erro
{
    width: 100%;
}
.validaFormsDegustacao
{
    width: 100%;
}

.degustacao .codigo_promocional .erro span, .degustacao .boxCampos .endereco .erro span, .validaFormsDegustacao span
{
    color: #810909;
    margin: 0 5px;
    line-height: 30px;
}

.ValidationSummaryDegustacao, .ValidationSummaryAvisaFacil, .ValidationSummaryFaleConosco
{
    background: #f6f3ea url('../Images/icoErro.png') no-repeat 5px 80%;
    font-size: 11px;
    color: #810909;
    margin: 9px 0px 9px 0px;
    padding: 7px;
    width: 500px;
}

.ValidationSummaryDegustacao ul, .ValidationSummaryAvisaFacil ul, .ValidationSummaryFaleConosco ul
{
    margin-left: 50px;
}

.degustacao .titulo
{
    font-size: 14px;
    font-weight: bold;
    color: #047;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #E9E9E9;
}

.degustacao .campo_input
{
    width: 251px;
    background: url('../Images/bgBoxCadastroCampo.png') left no-repeat;
    height: 32px;
    padding: 0 8px;
    border: none;
    font-size: 12px;
    color: #666;
}

.degustacao a
{
    font-size: 11px;
    text-decoration: underline;
    color: #003F71;
}
.degustacao i
{
    text-align: left;
    font-size: 11px;
}
.degustacao .asterisco
{
    color: #f00;
}

.degustacao .boxCampos .dadosPessoais, .degustacao .boxCampos .endereco
{
    width: 430px;
    margin: 0px 10px 0px 0px;
}
.degustacao .boxCampos .endereco
{
    width: 480px;
}

.degustacao .boxCampos .dadosPessoais
{
    float: left;
}
.degustacao .boxCampos .endereco
{
    float: right;
}

.degustacao .boxCampos td
{
    text-align: left;
    padding: 3px 0;
    vertical-align: middle;
}

.degustacao .boxCampos td:first-child
{
    width: 125px;
    text-align: right;
    padding: 0 10px 0 0;
}

.degustacao .boxCampos td:first-child
{
    width: 150px;
}
.degustacao .boxCampos .endereco td:first-child
{
    width: 160px;
}

.degustacao .boxCampos .textBox
{
    height: 32px;
    padding: 0 8px;
    border: none;
    font-size: 12px;
    color: #666;
}

.degustacao .boxCampos .comum
{
    width: 251px;
    background: url('../Images/bgBoxCadastroCampo.png') left no-repeat;
}

.degustacao .boxCampos .data
{
    width: 101px;
    background: url('../Images/bgBoxCadastroData.png') left no-repeat;
}

.degustacao .boxCampos .ddd
{
    width: 31px;
    text-align: center;
    background: url('../Images/bgCadastroCampoDDD.png') left no-repeat;
}

.degustacao .boxCampos .fone
{
    width: 133px;
    background: url('../Images/bgBoxCadastroFone.png') left no-repeat;
    margin: 0 0 0 5px;
}

.degustacao .boxCampos .ramal
{
    width: 51px;
    background: url('../Images/bgBoxCadastroRamal.png') left no-repeat;
    margin: 0 0 0 5px;
}

.degustacao .boxCampos .cep
{
    width: 140px;
    background: url('../Images/bgCEPEndereco.png') left no-repeat;
}

.degustacao .boxCampos .sexo
{
    height: 41px;
}

.degustacao .boxCampos .sexo input
{
    margin: 0 4px 0 10px;
}

.degustacao .boxCampos .sexo input:first-child
{
    margin-left: 0;
}

.degustacao .boxCampos .dropDownEstadoCidadeBairro, .degustacao .boxCampos .dropDownCidadeEstado
{
    width: 365px;
    height: 23px;
    padding: 4px 0 0 5px;
    background: url('../Images/bgEndereco.png') left no-repeat;
}

.degustacao .boxCampos .dropDownCidadeEstado
{
    width: 140px;
    background: url('../Images/bgCEPEndereco.png') left no-repeat;
}

.degustacao .boxCampos .dropDownEntrega select, .degustacao .boxCampos .dropDownCidadeEstado select, .degustacao .boxCampos .dropDownEstadoCidadeBairro select
{
    width: 96%;
    border: none;
    color: #666;
    background-color: transparent;
}

.degustacao .boxCampos .txtBoxEndereco
{
    float: left;
}

.degustacao .boxCampos .txtEnderecoInput, .degustacao .boxCampos .txtNumInput, .degustacao .boxCampos .txtBlocoInput, .degustacao .boxCampos .txtBoxInput
{
    width: 237px;
    height: 27px;
    font-size: 12px;
    color: #666;
    border: none;
    padding: 0 10px;
    margin: 0 13px 0 0;
    background: url('../Images/bgEnderecoEndereco.png') center no-repeat transparent;
}

.degustacao .boxCampos .txtBoxNum
{
    width: 90px;
    float: left;
    margin: 0 0 0 5px;
}

.degustacao .boxCampos .txtNumInput
{
    width: 44px;
    margin: 0 0 0 8px;
    background: url('../Images/bgNumeroEndereco.png') center no-repeat transparent;
}

.degustacao .boxCampos .dropDownCidadeEstado
{
    float: left;
    width: 144px;
    height: 23px;
    padding: 4px 0 0;
    text-align: center;
    background: url('../Images/bgCEPEndereco.png') left no-repeat;
}

.degustacao .boxCampos .txtBlocoInput
{
    width: 44px;
    background: url('../Images/bgNumeroEndereco.png') center no-repeat transparent;
}

.degustacao .boxCampos .dropDownEntrega
{
    width: 365px;
    height: 23px;
    padding: 4px 0 0;
    text-align: center;
    background: url('../Images/bgEndereco.png') left no-repeat;
}

.degustacao .adicional
{
    /*width:440px;*/
    width: 100%;
    padding: 30px 0;
    margin: 30px 0 0;
    border-top: 1px solid #e9e9e9;
}

.degustacao .adicional table
{
    width: 100%;
}

.degustacao .adicional td
{
    padding: 5px 0;
    text-align: left;
}

.degustacao .adicional input
{
    float: left;
    width: 25px;
}

.degustacao .adicional label
{
    float: left;
}

.degustacao .botao
{
    float: left;
    width: 900px;
    text-align: right;
}

.degustacao .botao div
{
    float: left;
    margin: 15px 0 0;
}

/* CADASTRO DE USUÁRIO ---------------------------------------------------------------------- */

#cadastroTexto
{
    float: left;
    width: 960px;
}
#cadastroTexto .asterisco, #cadastroUsuario .asterisco
{
    color: #f00;
}
#cadastroUsuario
{
    float: left;
    width: 900px;
    font-size: 12px;
    color: #666;
    margin: 0 30px 40px;
}
#cadastroUsuario .dados
{
    float: left;
    width: 440px !important;
    margin: 20px 20px 0 0px;
}
#cadastroUsuario .dados .tipoPessoa, #cadastroUsuario .dados .tipoAssinante
{
    width: 370px;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    background-color: #f5f5f5;
    text-align: left;
    padding: 12px 0 12px 70px;
    margin: 0 0 5px 0;
}
#cadastroUsuario .dados .tipoAssinante
{
    background-color: transparent;
    margin: 0;
}
#cadastroUsuario .dados .tipoPessoa input, #cadastroUsuario .dados .tipoAssinante input
{
    margin: 0 4px 0 20px;
}
#cadastroUsuario .dados .boxCampos, #cadastroUsuario .usuario .boxCampos
{
    width: 440px;
}
#cadastroUsuario .dados .boxCampos i, #corpoPrincipal .boxCampos i
{
    text-align: left;
    font-size: 11px;
}
#cadastroUsuario .dados .boxCampos td, #cadastroUsuario .usuario .boxCampos td, #corpoPrincipal .boxCampos td
{
    text-align: left;
    padding: 3px 0;
    vertical-align: middle;
}
#cadastroUsuario .dados .boxCampos td:first-child, #cadastroUsuario .usuario .boxCampos td:first-child, #corpoPrincipal .boxCampos td:first-child
{
    width: 125px;
    text-align: right;
    padding: 0 10px 0 0;
}
#corpoPrincipal .boxCampos td:first-child
{
    width: auto;
    padding: 20px 10px 20px 0;
}
#cadastroUsuario .dados .boxCampos td:first-child, #corpoPrincipal .boxCampos td:first-child
{
    width: 150px;
}
#corpoPrincipal .boxCampos td:first-child
{
    width: 160px;
}
#cadastroUsuario .dados .boxCampos .dropDownNacionalidade, #corpoPrincipal .boxCampos .dropDownJornal, #corpoPrincipal .boxCampos .dropDownMotivo
{
    width: 251px;
    height: 25px;
    padding: 7px 8px 0;
    background: url('../Images/bgBoxCadastroCampo.png') left no-repeat;
}
#cadastroUsuario .dados .boxCampos .dropDownNacionalidade select, #corpoPrincipal .boxCampos .dropDownJornal select, #corpoPrincipal .boxCampos .dropDownMotivo select
{
    width: 247px;
    border: none;
    color: #666;
}
#cadastroUsuario .dados .boxCampos .textBox, #cadastroUsuario .usuario .boxCampos .textBox, #corpoPrincipal .boxCampos .textBox, #corpoPrincipal .boxCampos .Captcha_input
{
    height: 32px;
    padding: 0 8px;
    border: none;
    font-size: 12px;
    color: #666;
}
#cadastroUsuario .dados .boxCampos .comum, #cadastroUsuario .usuario .boxCampos .comum, #corpoPrincipal .boxCampos .comum
{
    width: 251px;
    background: url('../Images/bgBoxCadastroCampo.png') left no-repeat;
}
#cadastroUsuario .dados .boxCampos .data, #corpoPrincipal .boxCampos .data
{
    width: 101px;
    background: url('../Images/bgBoxCadastroData.png') left no-repeat;
}
#cadastroUsuario .dados .boxCampos .ddd, #corpoPrincipal .boxCampos .ddd
{
    width: 31px;
    text-align: center;
    background: url('../Images/bgCadastroCampoDDD.png') left no-repeat;
}
#cadastroUsuario .dados .boxCampos .fone, #corpoPrincipal .boxCampos .fone, #corpoPrincipal .boxCampos .Captcha_input
{
    width: 133px;
    background: url('../Images/bgBoxCadastroFone.png') left no-repeat;
    margin: 0 0 0 5px;
}
#cadastroUsuario .dados .boxCampos .ramal, #corpoPrincipal .boxCampos .ramal
{
    width: 51px;
    background: url('../Images/bgBoxCadastroRamal.png') left no-repeat;
    margin: 0 0 0 5px;
}

#cadastroUsuario .dados .boxCampos .sexo
{
    height: 41px;
}
#cadastroUsuario .dados .boxCampos .sexo input
{
    margin: 0 4px 0 10px;
}
#cadastroUsuario .dados .boxCampos .sexo input:first-child
{
    margin-left: 0;
}
#cadastroUsuario .dados .boxCampos .isento
{
    margin: 0 0 0 10px;
    color: inherit;
}
#cadastroUsuario .dados .boxCampos .isento input
{
    margin: 0 4px 0 0;
}
#cadastroUsuario .usuario
{
    float: left;
    width: 440px;
    margin: 20px 0 0;
}
#cadastroUsuario .usuario .boxCampos table
{
    width: 440px;
}
#cadastroUsuario .usuario .boxCampos .disponivel, #cadastroUsuario .usuario .boxCampos .indisponivel,
.boxCampos .disponivel, .boxCampos .indisponivel
{
    width: 100%;
    background-color: #f5f2e1;
    font-size: 11px;
    font-weight: bold;
    color: #810909;
    text-align: center;
    line-height: 22px;
    margin: 6px 0 0;
}
#cadastroUsuario .usuario .boxCampos .disponivel, .boxCampos .disponivel
{
    color: #246c04;
}
#cadastroUsuario .usuario .regras
{
    font-size: 11px;
    padding: 10px 0 18px !important;
    text-align: left !important;
    border-top: 1px solid #e9e9e9;
}
#cadastroUsuario .usuario .alterarSenha
{
    width: 100%;
    font-size: 11px;
    text-align: left;
    padding: 28px 0 0;
    border-top: 1px solid #e9e9e9;
}
#cadastroUsuario .usuario .adicional
{
    width: 440px;
    padding: 30px 0;
    margin: 30px 0 0;
    border-top: 1px solid #e9e9e9;
}
#cadastroUsuario .usuario .adicional td
{
    padding: 5px 0;
    text-align: left;
}
#cadastroUsuario .usuario .adicional input
{
    float: left;
    width: 25px;
}
#cadastroUsuario .usuario .adicional label
{
    float: left;
    width: 410px;
}
#cadastroUsuario .botao, #corpoPrincipal .botao
{
    float: left;
    width: 900px;
    text-align: right;
}
#corpoPrincipal .botao
{
    width: 100%;
    margin: 10px 0px 0px 0px;
}

#corpoPrincipal .paginacao .botao
{
    width: 20px;
    margin: 10px 0px 0px 0px;
}

#cadastroUsuario .botao div
{
    float: left;
    margin: 15px 0 0;
}

#cadastroUsuario .titulo
{
    font-size: 14px;
    font-weight: bold;
    color: #047;
    margin: 0 0 10px 0;
}

/* AVISOS ERROS ----------------------------------------------------------------------------------- */

.boxAvisoErro, .boxAvisoSucesso
{
    width: 460px;
    padding: 20px 0;
    margin: 40px auto;
    background: #f5f5f5;
    text-align: center;
}
.boxAvisoErro .mensagem, .boxAvisoSucesso .mensagem
{
    font-size: 12px;
    font-weight: bold;
    color: #ca0909;
}
.boxAvisoSucesso .mensagem
{
    color: #246c04;
}
.boxAvisoErro .texto, .boxAvisoSucesso .texto
{
    font-size: 12px;
    color: #333;
    margin: 6px 0 0;
}

/* BOTÃO LINHA TOPO ALINHADO DIREITA ----------------------------------------------------------------------------------- */

.btnLinhaDir
{
    width: 100%;
    text-align: right;
    padding: 15px 0;
    margin: 20px 0 0;
    border-top: 1px solid #e5e5e5;
}

/* ERROS VALIDAÇÃO FORMULÁRIOS ----------------------------------------------------------------------------------- */

.validaForms
{
    font-size: 11px;
    color: #c00;
    font-weight: bold;
}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*                                               PORTAL DO CLIENTE                                                 */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* ARQUIVO Portal-Cliente ----------------------------------------------------------- */

#corpoPrincipal .corpoServicos
{
    float: left;
    width: 960px;
    margin: 0 0 30px 0;
}

/* Coluna Serviços */

#corpoPrincipal .colServicos
{
    float: left;
    width: 460px;
    margin: 0 40px 0 0;
    font-size: 12px;
    color: #666;
    vertical-align: top;
}
#corpoPrincipal .colServicos a
{
    color: #00335F;
    text-decoration: none;
}

#corpoPrincipal .colServicos .txtBemVindo
{
    width: 445px;
}
#corpoPrincipal .colServicos .txtBemVindo .panel
{
    margin-bottom: 40px;
    line-height: 18px;
}
#corpoPrincipal .colServicos .txtBemVindo .panel .txtOla
{
    font-weight: bold;
}

#corpoPrincipal .colServicos .boxTitulo img
{
    float: left;
}
#corpoPrincipal .colServicos .boxTitulo span.tituloSecao
{
    padding-left: 10px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    margin-right: 10px;
}

#corpoPrincipal .colServicos .boxServicosProdutos
{
    vertical-align: top;
}
#corpoPrincipal .colServicos .boxServicosProdutos ul
{
    padding: 10px 0;
    position: relative;
    top: 0;
}
#corpoPrincipal .colServicos .boxServicosProdutos ul li
{
    background: url("../Images/bgListaServicosProdutosInativo.png") no-repeat;
    list-style: none;
    padding: 5px 12px 10px;
    font-size: 11px;
    color: #000;
}
#corpoPrincipal .colServicos .boxServicosProdutos ul li > a
{
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 0 0;
}
/*#corpoPrincipal .colServicos .boxServicosProdutos ul li:hover{cursor: pointer;}*/
#corpoPrincipal .colServicos .boxServicosProdutos ul li span.nomeServico
{
    color: #1471AC;
    font-size: 16px;
    font-weight: bold;
    margin: 9px;
}
#corpoPrincipal .colServicos .boxServicosProdutos ul li.ativo
{
    background: url("../Images/bgListaServicosProdutosAtivo.png") no-repeat;
}
#corpoPrincipal .colServicos .boxServicosProdutos ul li.ativo span.nomeServico
{
    color: #E58303;
}

#corpoPrincipal .colServicos .boxServicosProdutos ul li .conteudoServicosProdutos:hover, #corpoPrincipal .colServicos .boxServicosProdutos ul li .conteudoServicosProdutos ul li:hover
{
    cursor: default;
}
#corpoPrincipal .colServicos .boxServicosProdutos ul li .conteudoServicosProdutos
{
    border: 5px solid #EEEEEE;
    margin-left: -11px;
    margin-top: 5px;
    width: 452px;
    display: none;
}
#corpoPrincipal .colServicos .boxServicosProdutos ul li.ativo .conteudoServicosProdutos
{
    display: block;
}
#corpoPrincipal .colServicos .boxServicosProdutos ul li .conteudoServicosProdutos
{
    border: 5px solid #EEEEEE;
    margin: 5px 0px 0px -12px;
    width: 450px;
}

#corpoPrincipal .colServicos .boxServicosProdutos ul li .conteudoServicosProdutos ul li
{
    background: url("../Images/setaListaServicosProdutos.png") left 1px no-repeat;
    padding: 0 0 0 20px;
    margin: 10px 10px;
    color: #00335F;
    font-size: 11px;
    list-style: none;
}
#corpoPrincipal .colServicos .boxServicosProdutos ul li .conteudoServicosProdutos ul li.separador
{
    border-bottom: 1px solid #e0e0e0;
    list-style: none;
    margin: 14px 10px;
    padding: 0;
    background-image: none;
}
#corpoPrincipal .colServicos .boxServicosProdutos ul li .conteudoServicosProdutos ul li span.titConteudo
{
    font-size: 12px;
    font-weight: bold;
}
#corpoPrincipal .colServicos .boxServicosProdutos ul li .conteudoServicosProdutos ul li span.titConteudo a
{
    cursor: pointer;
}
#corpoPrincipal .colServicos .boxServicosProdutos ul li .conteudoServicosProdutos ul li span.titConteudo a:hover
{
    text-decoration: underline;
}

/* Coluna de Apoio */

#corpoPrincipal .colApoio
{
    float: left;
    width: 460px;
    border-bottom: 1px solid #ccd6df;
}
#corpoPrincipal .colApoio .ladoEsquerdo
{
    float: left;
}
#corpoPrincipal .colApoio .ladoDireito
{
    float: right;
}

#corpoPrincipal .colApoio .boxTitulo
{
    border-bottom: 1px solid #ccd6df;
    padding-bottom: 8px;
    margin-bottom: 15px;
}
#corpoPrincipal .colApoio .boxTitulo span.tituloSecao
{
    padding-left: 10px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    margin-right: 10px;
}
#corpoPrincipal .colApoio .boxTitulo img
{
    float: left;
}

#corpoPrincipal .colApoio .boxMeusDados
{
    width: 210px;
    margin-right: 35px;
    color: #666666;
}
#corpoPrincipal .colApoio .boxMeusDados .btEditar
{
    font-size: 11px;
}
#corpoPrincipal .colApoio .boxMeusDados dl dd
{
    font-weight: bold;
    margin-bottom: 15px;
}

#corpoPrincipal .colApoio .btAcompanheSeuPedido
{
    margin-bottom: 30px;
}

#corpoPrincipal .colApoio .boxAtendimento
{
}
#corpoPrincipal .colApoio .boxAtendimento ul
{
    list-style: none;
    margin-bottom: 35px;
}
#corpoPrincipal .colApoio .boxAtendimento ul li
{
    padding-left: 20px;
    margin: 10px 0;
    background: url('../Images/setaAtendimento.gif') 5px 50% no-repeat;
}
#corpoPrincipal .colApoio .boxAtendimento ul li a
{
    font-weight: bold;
    color: #00335f;
    text-decoration: none;
}
#corpoPrincipal .colApoio .boxAtendimento ul li a:hover
{
    text-decoration: underline;
}

#corpoPrincipal .colApoio .boxMeusDados span.separador
{
    background: url('../Images/setaRodape.png') left no-repeat;
}

#corpoPrincipal .boxBanners
{
    float: right;
    margin-right: 10px;
}

#corpoPrincipal .divInformacoesEntrega .divMenuFerramentas
{
    position: absolute;
    text-align: right;
    height: 40px;
    line-height: 40px;
    font-size: large;
    width: 98%;
}

/* ARQUIVO Modalidade-Assinatura ----------------------------------------------------------- */

/* Corpo */
#corpoPrincipal .conteudo
{
    width: 920px;
    margin: 30px auto 0;
}
#corpoPrincipal .conteudo td.bgMenor
{
    background: url(../Images/bgAssinaturaP.jpg) no-repeat top left;
    width: 240px;
    min-height: 309px;
    padding: 0 20px;
    line-height: 24px;
    color: #666;
}
#corpoPrincipal .conteudo td.bgMaior
{
    background: url(../Images/bgAssinaturaG.jpg) no-repeat top left;
    width: 600px;
    padding: 0 20px;
}
#corpoPrincipal .conteudo td.bgMaior td
{
    margin-bottom: 5px;
    vertical-align: top;
}
#corpoPrincipal .conteudo td.bgMaior td.check
{
    padding: 10px 0 0 10px;
}
#corpoPrincipal .conteudo td.bgMaior td.titAzul
{
    color: #003F71;
    font-size: 11px;
}

#corpoPrincipal .conteudo td.bgMaior td.valores
{
    padding: 35px 0 0 20px;
    font-size: 14px;
    text-align: center;
}
#corpoPrincipal .conteudo td.bgMaior td.valores span.moeda
{
    font-weight: bold;
}
#corpoPrincipal .conteudo td.bgMaior td.valores strong
{
    font-size: 18px;
    color: #003F71;
}
#corpoPrincipal .conteudo td.bgMaior td.valores strong span
{
    font-size: 30px;
}
#corpoPrincipal .conteudo td.bgMaior td.valores table
{
    margin-top: 45px;
    border-top: 1px solid #E5E5E5;
    width: 275px;
}
#corpoPrincipal .conteudo td.bgMaior td.valores table td
{
    text-align: left;
    padding: 0 0 7px 25px;
    font-size: 12px;
    color: #333333;
}
#corpoPrincipal .conteudo td.bgMaior td.valores table td.titAzul
{
    padding-top: 17px;
    font-size: 11px;
    color: #003F71;
    text-align: left;
}
#corpoPrincipal .conteudo td.bgMaior td.valores table strong
{
    font-size: 12px;
    color: #333333;
}

/* Box Monte */

#corpoPrincipal .bgMaior .boxMonte
{
    padding: 10px 0 0;
}
#corpoPrincipal .bgMaior .boxMonte .campos select
{
    background-color: transparent;
    border: medium none;
    color: #666666;
}
#corpoPrincipal .bgMaior .boxMonte .campos input
{
    background-color: transparent;
    border: medium none;
    color: #666666;
}

#corpoPrincipal .bgMaior .boxMonte .textbox .dropDown select
{
    width: 247px;
    height: 24px;
    border: none;
    padding: 5px 0 0;
    color: #666;
    background-color: transparent;
}
#corpoPrincipal .bgMaior .boxMonte .diasAssinatura, #corpoPrincipal .bgMaior .boxMonte .diasCombo
{
    float: left;
    height: 75px;
    background: url('../Images/bgDiasMonte.png') left no-repeat;
    text-align: center;
    font-size: 11px;
    color: #666;
}
#corpoPrincipal .bgMaior .boxMonte .diasCombo
{
    height: 131px;
    background: url('../Images/bgDiasMonteCombo.png') left no-repeat;
}
#corpoPrincipal .bgMaior .boxMonte .diasAssinatura table, #corpoPrincipal .bgMaior .boxMonte .diasCombo table
{
    width: 92%;
}
#corpoPrincipal .bgMaior .boxMonte .diasAssinatura td, #corpoPrincipal .bgMaior .boxMonte .diasCombo td
{
    width: auto;
    text-align: center;
    padding-bottom: 4px;
}
#corpoPrincipal .bgMaior .boxMonte .diasAssinatura td.titAzul, #corpoPrincipal .bgMaior .boxMonte .diasCombo td.titAzul
{
    text-align: left;
    padding: 5px 0 5px 0;
}
#corpoPrincipal .bgMaior .boxMonte .textbox .diasAssinatura .selecione, #corpoPrincipal .bgMaior .boxMonte .diasCombo .selecione
{
    float: left;
    font-size: 10px;
    color: #003f71;
    margin: 10px 0 5px 9px;
}
#corpoPrincipal .bgMaior .boxMonte .textbox .diasAssinatura input, #corpoPrincipal .bgMaior .boxMonte .diasCombo input
{
    margin: 0;
    padding: 0;
}
#corpoPrincipal .bgMaior .boxMonte .textbox .radioButtom
{
    font-size: 12px;
    color: #666;
    padding: 10px 0 0;
}
#corpoPrincipal .bgMaior .boxMonte .textbox .radioButtom input
{
    margin: 0 5px 0 0;
    padding: 0;
}
#corpoPrincipal .bgMaior .boxMonte .textbox .radioButtom label
{
    vertical-align: top;
}
#corpoPrincipal .bgMaior .boxMonte .textbox .ajuda
{
    width: 43px;
    height: 24px;
    padding-top: 8px;
    text-align: center;
}

/* Preços Detalhes Assinaturas */

#corpoPrincipal .bgMaior .valores .boxPrecos
{
    float: right;
    width: 280px;
    padding: 25px 0 0;
}
#corpoPrincipal .bgMaior .valores .boxPrecos .valor
{
    float: left;
    width: 100%;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e5e5e5;
}
#corpoPrincipal .bgMaior .valores .boxPrecos .valor .preco
{
    float: left;
    width: 180px;
    margin: 3px 0 0;
    font-size: 14px;
    color: #666;
    text-align: center;
}
#corpoPrincipal .bgMaior .valores .boxPrecos .valor .preco .real
{
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
}
#corpoPrincipal .bgMaior .valores .boxPrecos .valor .preco .centavo
{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -2px;
}

#corpoPrincipal .bgMaior .valores .boxPrecos .valor .preco
{
    float: left;
    width: 100%;
    text-align: center;
}

#corpoPrincipal .bgMaior .valores .boxPrecos .valor .preco .precoDe
{
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 14px;
    color: #666;
}

#corpoPrincipal .bgMaior .valores .boxPrecos .valor .preco .precoPor
{
    float: left;
    width: 180px;
    font-size: 14px;
    text-align: left;
}
#corpoPrincipal .bgMaior .valores .boxPrecos .valor .preco .precoPor .real
{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
}
#corpoPrincipal .bgMaior .valores .boxPrecos .valor .preco .precoPor .centavo
{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
}

#corpoPrincipal .bgMaior .valores .boxPrecos .parcelas
{
    float: left;
    width: 100%;
    margin: 0;
}
#corpoPrincipal .bgMaior .valores .boxPrecos .parcelas .texto
{
    float: left;
    width: 300px;
    margin: 0 0 10px 0;
    font-size: 11px;
    color: #003f71;
    text-align: left !important;
}
#corpoPrincipal .bgMaior .valores .boxPrecos .parcelas .item
{
    float: left;
    width: 50%;
    margin: 3px 0;
    font-size: 12px;
    color: #333;
    text-align: left;
}
#corpoPrincipal .bgMaior .valores .boxPrecos .parcelas .item span
{
    font-weight: bold;
}
#corpoPrincipal .bgMaior .botao
{
    float: right;
}

/* Diversos */

#corpoPrincipal .campos
{
    height: 38px;
    background: no-repeat scroll left 0 transparent;
    float: left;
}
#corpoPrincipal .lbCampo
{
    padding-right: 8px;
    color: #656565;
}

#corpoPrincipal .item input
{
    border: none;
    margin: 0 2px 0 !important;
}

#corpoPrincipal .w257 select
{
    width: 243px;
    margin: 7px 5px 0;
}

#corpoPrincipal .w257
{
    width: 257px;
    background-image: url("../Images/bgCampoFormulario257.png");
}
#corpoPrincipal .check
{
    width: 257px;
    height: 65px;
}
/* background-image: url("../Images/bgCampoCheck.png"); } */
#corpoPrincipal .check span
{
    display: block;
    font-size: 11px;
}
#corpoPrincipal .check td
{
    width: 52px;
    text-align: left;
}
#corpoPrincipal .radio
{
    padding: 3px 0 9px 0;
}
#corpoPrincipal .radio input
{
    margin-top: 0;
}

#corpoPrincipal .btnAjuda
{
    margin: 5px 0 0 10px;
}

#corpoPrincipal .boxPrecos .valor .preco .real
{
    color: #003F71;
}

#corpoPrincipal .boxPrecos .valor .preco .real
{
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
}

/* ARQUIVO Reclamacoes ----------------------------------------------------------- */

#corpoPrincipal .formulario
{
    width: 670px;
    margin: 50px auto;
    color: #666;
}

#corpoPrincipal .formulario .campo
{
    position: relative;
    margin-bottom: 10px;
    clear: both;
}
#corpoPrincipal .formulario .campo label
{
    float: left;
    margin-right: 7px;
    padding-top: 7px;
    width: 125px;
    text-align: right;
}
#corpoPrincipal .formulario .campo table
{
    float: left;
    margin-bottom: 10px;
}
#corpoPrincipal .formulario .campo table.motivo
{
    width: 380px;
}
#corpoPrincipal .formulario .campo table.data
{
    margin-right: 8px;
    width: 100px;
}
#corpoPrincipal .formulario .campo table.mensagem
{
    width: 537px;
}

#corpoPrincipal .formulario .campo .areaCampo
{
    height: 32px;
    background: url('../Images/buscaBg.jpg') left top repeat-x;
    padding: 0;
}
#corpoPrincipal .formulario .campo .areaCampo input
{
    width: 100%;
    border: none;
    font-size: 12px;
    color: #666666;
}
#corpoPrincipal .formulario .campo .areaCampo select
{
    border: none;
    width: 100%;
    font-size: 12px;
    color: #666666;
}
#corpoPrincipal .formulario .campo .areaCampo textarea
{
    border: none;
    width: 100%;
    font-size: 12px;
    color: #666;
    overflow: auto;
    font-family: Arial;
}
#corpoPrincipal .formulario .campo table.mensagem .areaCampo
{
    padding: 0 6px;
    background: url('../Images/bgTextBoxMultiline.png') repeat-y;
}
#corpoPrincipal .formulario .botoes
{
    float: right;
}

/* ARQUIVO Endereco-Entrega-Assinatura-Cobranca ----------------------------------------------------------- */

.clear
{
    border: none;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
}

#corpoPrincipal .txtEndercoEntrega
{
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 28px;
}

#corpoPrincipal .boxListaEnderecos
{
    width: 760px;
    height: 100%;
    margin: 0 auto;
    display: table !important;
}

#corpoPrincipal .boxListaEnderecos .topoLista
{
    width: 760px;
    margin: 20px auto 10px;
    display: table;
}
#corpoPrincipal .boxListaEnderecos .topoLista h3
{
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    color: #00335F;
    float: left;
}
#corpoPrincipal .boxListaEnderecos .topoLista .linkMais
{
    float: right;
    background: url("/Images/btnMais.png") no-repeat scroll 0 2px transparent;
    text-indent: 28px;
    padding: 4px 0 4px;
}
#corpoPrincipal .boxListaEnderecos .topoLista .linkMais a
{
    vertical-align: 5px;
    margin-left: 7px;
}

#corpoPrincipal .boxListaEnderecos .boxEndereco
{
    width: 760px;
    margin: 0 auto 22px;
}

#corpoPrincipal .boxListaEnderecos .boxEndereco .cabecalho
{
    background: url("/Images/bgTabelaExtratoPagamento.png");
    height: 45px;
    border: 1px solid #e5e5e5;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .cabecalho h4
{
    color: #003F6F;
    float: left;
    font-size: 17px;
    font-weight: normal;
    margin: 14px 0 0 11px;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .cabecalho .linkControles
{
    float: right;
    margin: 15px 20px 0px 0px;
}

#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoLabel
{
    min-height: 109px;
    padding: 17px 0 0 9px;
    display: block;
    border: 1px solid #e5e5e5;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoLabel .endereco
{
    margin-bottom: 19px;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoLabel .formaEntrega
{
    line-height: 18px;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoLabel .formaEntrega span label
{
    vertical-align: 2px;
}

#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoEdicao
{
    height: 100%;
    margin: 0 auto;
    padding: 20px 0;
    border: 1px solid #e5e5e5;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoEdicao div
{
    border: none;
}

#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoEdicao .tblAgendarAlteracao
{
    background: #F6F6F6;
    width: 70%;
    height: 43px;
    padding: 14px 0 0 20%;
    margin: 0 auto;
    text-align: center;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoEdicao .tblAgendarAlteracao .lblAlterar
{
    float: left;
    margin: 8px 0 0;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoEdicao .tblAgendarAlteracao .campo
{
    float: left;
    width: 198px;
    height: 32px;
    background: url("/Images/bgCampoFormulario198.png") no-repeat;
    margin-left: 5px;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoEdicao .tblAgendarAlteracao .campo input
{
    border: none;
    width: 190px;
    margin: 8px 0 0 3px;
    color: #666;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoEdicao .tblAgendarAlteracao img
{
    float: left;
    margin-left: 5px;
}

#corpoPrincipal .boxListaEnderecos .boxTransferenciasAgendadas
{
    border: 1px solid #E5E5E5;
    width: 744px;
}
#corpoPrincipal .boxListaEnderecos .boxTransferenciasAgendadas td.fundo
{
    background: url("/Images/bgTabelaExtratoPagamento.png") repeat-x scroll 0 0 transparent;
    height: 47px;
    font-family: Gill Sans MT;
    color: #003F6F;
    font-size: 16px;
    padding-left: 28px;
}
#corpoPrincipal .boxListaEnderecos .boxTransferenciasAgendadas td.esquerda
{
    width: 115px;
    text-align: center;
    padding-left: 0 !important;
}
#corpoPrincipal .boxListaEnderecos .boxTransferenciasAgendadas td.meio
{
    padding-left: 28px;
    width: 487px;
    height: 83px;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    color: black;
    padding-top: 18px;
}
#corpoPrincipal .boxListaEnderecos .boxTransferenciasAgendadas td.botao
{
    text-align: center;
}
#corpoPrincipal .boxListaEnderecos .boxTransferenciasAgendadas td.data
{
    padding-top: 18px;
}

#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoEdicao .boxControlesInferior
{
    width: 90%;
    margin: 20px auto 0;
    padding: 20px 0 0;
    height: 60px;
    border-top: 1px solid #E5E5E5;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoEdicao .boxControlesInferior .linkCancelar
{
    float: left;
    margin-top: 12px;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoEdicao .boxControlesInferior .linkCancelar a
{
    color: #000;
}
#corpoPrincipal .boxListaEnderecos .boxEndereco .corpoEdicao .boxControlesInferior .btnAdicionar
{
    float: right;
}

#corpoPrincipal .boxListaEnderecos .boxEnderecoFinalSemana
{
    display: none;
}

/* ARQUIVO Transferencia-Temporaria / Suspensao-Temporaria ----------------------------------------------------------- */

#corpoPrincipal .pontoEntregaForm
{
    display: none;
}

#corpoPrincipal .formulario
{
    display: table;
    width: 670px;
    margin: 40px auto;
}

/* Dias Semana */
#corpoPrincipal .formulario .diasSemana, #corpoPrincipal .formulario .opcoesEndereco
{
    width: 100%;
}
#corpoPrincipal .formulario .diasSemana td, #corpoPrincipal .formulario .opcoesEndereco td
{
    height: 32px;
    text-align: left;
    padding: 6px 10px 6px 0;
}
#corpoPrincipal .formulario .diasSemana td:first-child, #corpoPrincipal .formulario .opcoesEndereco td:first-child
{
    width: 160px;
    text-align: right;
}
#corpoPrincipal .formulario .diasSemana td input, #corpoPrincipal .formulario .opcoesEndereco td input
{
    margin: 6px 6px 0 0;
}
#corpoPrincipal .formulario .diasSemana td label, #corpoPrincipal .formulario .opcoesEndereco td label label
{
    padding: 0 20px 0 0;
    vertical-align: text-bottom;
}
#corpoPrincipal .formulario .opcoesEndereco td a
{
    margin: 0 10px 0 0;
    padding: 0 0 10px 0;
}

/* Período */
#corpoPrincipal .formulario .rangeData
{
}
#corpoPrincipal .formulario .rangeData td
{
    padding: 6px 10px 6px 0;
    text-align: left;
}
#corpoPrincipal .formulario .rangeData td:first-child
{
    width: 160px;
    text-align: right;
}
#corpoPrincipal .formulario .rangeData td .txtCampo
{
    text-align: left;
}
#corpoPrincipal .formulario .rangeData td .txtCampo td
{
    width: auto;
    padding: 0;
}
#corpoPrincipal .formulario .rangeData td .txtCampo .txtAte
{
    padding: 0 0 0 8px;
}
#corpoPrincipal .formulario .rangeData td .txtCampo .btCalendario
{
    padding: 0 0 0 10px;
}
#corpoPrincipal .formulario .rangeData .calendarField
{
    width: 115px;
    border: none;
    color: #666;
}
#corpoPrincipal .formulario .areaCampo
{
    width: 100%;
    height: 32px;
    background: url('../Images/buscaBg.jpg') left top repeat-x;
    padding: 0 10px;
}

/* Box Endereço de Entrega */

#corpoPrincipal .formulario .box a
{
    font-size: 11px;
}
#corpoPrincipal .formulario .box table
{
    text-align: left;
    color: #666;
    margin: 0 auto;
}
#corpoPrincipal .formulario .box table td
{
    height: 36px;
    vertical-align: middle;
}
#corpoPrincipal .formulario .box .texto
{
    width: 160px;
    color: #666;
    font-size: 12px;
    text-align: right;
    padding: 0 10px 0 0;
}
#corpoPrincipal .formulario .box .txtBox
{
    width: 500px;
    text-align: left;
    padding: 0;
    font-size: 12px;
    color: #666;
}
#corpoPrincipal .formulario .box .txtBoxInput, #corpoPrincipal .formulario .box .txtCEPInput, #corpoPrincipal .formulario .box .txtNumInput, #corpoPrincipal .formulario .box .txtBlocoInput, #corpoPrincipal .formulario .box .txtCompInput, #corpoPrincipal .formulario .box .txtEnderecoInput
{
    width: 345px;
    height: 27px;
    font-size: 12px;
    color: #666;
    border: none;
    padding: 0 10px;
    background: url('../Images/bgEndereco.png') center no-repeat transparent;
}
#corpoPrincipal .formulario .box .txtCEPInput
{
    width: 124px;
    margin: 0 10px 0 0;
    background: url('../Images/bgCEPEndereco.png') center no-repeat transparent;
}
#corpoPrincipal .formulario .box .txtNumInput
{
    width: 44px;
    margin: 0 0 0 8px;
    background: url('../Images/bgNumeroEndereco.png') center no-repeat transparent;
}
#corpoPrincipal .formulario .box .txtBlocoInput
{
    width: 44px;
    background: url('../Images/bgNumeroEndereco.png') center no-repeat transparent;
}
#corpoPrincipal .formulario .box .txtBoxEndereco
{
    float: left;
}
#corpoPrincipal .formulario .box .txtCompInput
{
    width: 179px;
    margin: 0 0 0 22px;
    background: url('../Images/bgComplementoEndereco.png') center no-repeat transparent;
}
#corpoPrincipal .formulario .box .txtEnderecoInput
{
    width: 237px;
    margin: 0 13px 0 0;
    background: url('../Images/bgEnderecoEndereco.png') center no-repeat transparent;
}
#corpoPrincipal .formulario .box .txtBoxNum
{
    float: left;
    margin: 0 0 0 10px;
}
#corpoPrincipal .formulario .box .dropDownCidadeEstado, #corpoPrincipal .formulario .box .dropDownEstadoCidadeBairro
{
    float: left;
    width: 144px;
    height: 25px;
    padding: 2px 0 0;
    text-align: center;
    background: url('../Images/bgCEPEndereco.png') left no-repeat;
}
#corpoPrincipal .formulario .box .dropDownEstadoCidadeBairro
{
    width: 365px;
    background: url('../Images/bgEndereco.png') left no-repeat;
}
#corpoPrincipal .formulario .box .textoEstado
{
    float: left;
    margin: 0 10px 0 27px;
    padding: 6px 0 0;
}
#corpoPrincipal .formulario .box .dropDownEntrega
{
    width: 365px;
    height: 25px;
    padding-top: 2px;
    text-align: center;
    background: url('../Images/bgEndereco.png') left no-repeat;
}
#corpoPrincipal .formulario .box .dropDownEntrega select, #corpoPrincipal .formulario .box .dropDownCidadeEstado select, #corpoPrincipal .formulario .box .dropDownEstadoCidadeBairro select
{
    width: 96%;
    height: 20px;
    border: none;
    padding: 2px 0 0;
    color: #666;
    background-color: transparent;
}
#corpoPrincipal .formulario .box .dropDownCidadeEstado select
{
    width: 90%;
}
#corpoPrincipal .formulario .box .erroCadastroEndereco
{
    padding: 5px;
    background-color: #f5f2e1;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
#corpoPrincipal .formulario .box .botao
{
    float: left;
    width: 365px;
    padding: 6px 0;
    text-align: right;
}
#corpoPrincipal .formulario .box .botao input
{
    margin: 0 0 0 10px;
}
#corpoPrincipal .formulario .pontoEntrega
{
    text-align: left;
    padding: 10px 0;
}
#corpoPrincipal .formulario .pontoEntrega span
{
    font-weight: bold;
    color: #1f5986;
}

/* Transferências Agendadas */

#corpoPrincipal .boxTransferenciasAgendadas, #corpoPrincipal .boxSuspensoesAgendadas
{
    width: 760px;
    margin: 30px auto 10px;
}
#corpoPrincipal .boxTransferenciasAgendadas table, #corpoPrincipal .boxSuspensoesAgendadas table
{
    width: 100%;
    border: 1px solid #E5E5E5;
}
#corpoPrincipal .boxTransferenciasAgendadas thead .titulo, #corpoPrincipal .boxSuspensoesAgendadas thead .titulo
{
    height: 47px;
    border-bottom: 2px solid #E5E5E5;
    font-size: 16px;
    color: #00335f;
    padding: 0 0 0 10px;
    background: url("/Images/bgTabelaExtratoPagamento.png") repeat-x scroll 0 0 transparent;
}
#corpoPrincipal .boxTransferenciasAgendadas thead .subTitulo, #corpoPrincipal .boxSuspensoesAgendadas thead .subTitulo
{
    font-size: 11px;
    font-weight: bold;
    color: #003F6F;
    background-color: #efefef;
}
#corpoPrincipal .boxTransferenciasAgendadas thead .subTitulo td, #corpoPrincipal .boxSuspensoesAgendadas thead .subTitulo td
{
    padding: 6px 20px;
    border-left: 1px solid #E5E5E5;
}
#corpoPrincipal .boxTransferenciasAgendadas thead .subTitulo td:first-child, #corpoPrincipal .boxSuspensoesAgendadas thead .subTitulo td:first-child
{
    border: none;
}
#corpoPrincipal .boxTransferenciasAgendadas tbody td, #corpoPrincipal .boxSuspensoesAgendadas tbody td
{
    padding: 20px;
    border-left: 1px solid #E5E5E5;
    color: #666;
}
#corpoPrincipal .boxTransferenciasAgendadas tbody td:first-child, #corpoPrincipal .boxSuspensoesAgendadas tbody td:first-child
{
    border: none;
}
#corpoPrincipal .boxTransferenciasAgendadas tbody td.data, #corpoPrincipal .boxSuspensoesAgendadas tbody td.data
{
    width: 100px;
    font-weight: bold;
}
#corpoPrincipal .boxSuspensoesAgendadas tbody td.data
{
    width: 120px;
}
#corpoPrincipal .boxTransferenciasAgendadas tbody td.botao, #corpoPrincipal .boxSuspensoesAgendadas tbody td.botao
{
    width: 100px;
    text-align: center;
}

/* NOTA FISCAL ELETRÔNICA */

#corpoPrincipal .nfePesquisa
{
    margin: 10px auto;
    background-color: #F6F6F6;
    width: 778px;
    text-align: center;
    height: 57px;
}
#corpoPrincipal .nfePesquisa .campo
{
    float: left;
    margin: 12px 0px 0px 95px;
}
#corpoPrincipal .nfePesquisa .campo label
{
    float: left;
    margin-right: 7px;
    padding-top: 7px;
    width: 125px;
    text-align: right;
}
#corpoPrincipal .nfePesquisa .campo table
{
    float: left;
}
#corpoPrincipal .nfePesquisa .campo table.motivo
{
    width: 330px;
}
#corpoPrincipal .nfePesquisa .campo table.data
{
    position: relative;
}
#corpoPrincipal .nfePesquisa .campo div.separador
{
    float: left;
    margin: 0 2px 0 10px;
    padding-top: 8px;
}

#corpoPrincipal .nfePesquisa .campo .campo1, #corpoPrincipal .nfePesquisa .campo .campo2
{
    float: left;
    width: 150px;
    position: relative;
}
#corpoPrincipal .nfePesquisa .campo .campo3
{
    float: left;
    margin: 7px 0px 0px 0px;
}
#corpoPrincipal .nfePesquisa .campo .campo2, #corpoPrincipal .nfePesquisa .campo .campo3
{
    margin-left: 10px;
}
#corpoPrincipal .nfePesquisa .campo .campo1 input, #corpoPrincipal .nfePesquisa .campo .campo2 input
{
    width: 100%;
    border: none;
    font-size: 12px;
    color: #666;
}

#corpoPrincipal .nfePesquisa .areaCampo
{
    width: 100%;
    height: 32px;
    background: url('../Images/buscaBg.jpg') left top repeat-x;
}

#ctl00_ContentPlaceHolder1_updRepNotas table thead td
{
    border-right: none !important;
    border-left: none !important;
    margin-bottom: 25px !important;
}

#ctl00_ContentPlaceHolder1_updRepNotas table tbody tr td
{
    border: none !important ; 
}

.nfeChaves tbody tr:nth-child(2n+1)
{
   background-color: #36a0c829;
}

.nfeChaves tbody td:nth-child(2)
{
    font-size: 0.9em !important;
    text-align: left;
}

#ctl00_ContentPlaceHolder1_updRepNotas table td
{
    width: 39%;
}

#ctl00_ContentPlaceHolder1_updRepNotas table td:first-child
{
    width: 22% !important;
}

.emissao-col-1
{
    /*background-color: red;*/
}

.emissao-col-2
{
    width: 17% !important;
    text-align: right !important;
    /*background-color: blue;*/
}

.emissao-col-3
{
    /*background-color: aquamarine;*/
    width: 7% !important;
    text-align: left;
    font-size: 0.9em !important;
}

.emissao-col-4
{
    width: 15% !important;
}

.emissao-col-4 a
{
    /*background-color: darkred;*/
    display: flex;
    align-items: center;
    justify-content: center;
}


#corpoPrincipal .nfeChaves
{
    margin: auto;
    width: 778px;
}
#corpoPrincipal .nfeChaves .escondeVazio
{
    float: left;
    width: 100%;
    margin: 80px 0;
    text-align: center;
    font-size: 17px;
    color: #666;
}
#corpoPrincipal .nfeChaves .titulo
{
    width: 100%;
    margin: 0 0 25px 0;
    text-align: left;
}

#corpoPrincipal .nfeChaves .listaCompras
{
    text-align: center;
}
#corpoPrincipal .nfeChaves .listaCompras table
{
    margin-top: 10px;
}
#corpoPrincipal .nfeChaves .listaCompras table.footer
{
    margin: 3px 0 6px;
    width: 100%;
}
#corpoPrincipal .nfeChaves .listaCompras td
{
    border-right: 1px solid #e5e5e5;
}

#corpoPrincipal .nfeChaves .listaCompras span
{
    font-size: 11px;
    color: #1f5986;
}
#corpoPrincipal .nfeChaves .listaCompras td:first-child
{
    width: 460px;
    text-align: left;
    padding: 0 10px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
/*#corpoPrincipal .nfeChaves .listaCompras tbody td:first-child { vertical-align:top; }*/
#corpoPrincipal .nfeChaves .listaCompras thead
{
    font-size: 17px;
    color: #5b5b5b;
    background: url('../Images/bgHeaderTabelaCarrinho.jpg') left top repeat-x;
}

#corpoPrincipal .nfeChaves .listaCompras thead td, #corpoPrincipal .nfeChaves .listaCompras tbody td, #corpoPrincipal .nfeChaves .listaCompras tfoot td
{
    padding: 6px;
}

#corpoPrincipal .nfeChaves .listaCompras thead td
{
    height: 48px;
    padding: 0;
    vertical-align: middle;
    border-left: none;
}

#corpoPrincipal .dados
{
    width: 100%;
}

.nfeChaves tbody
{
    border: 1px solid red !important;
}

#corpoPrincipal .nfeChaves .listaCompras tbody
{
    font-size: 14px;
    color: #483c13;
}

#corpoPrincipal .nfeChaves .listaCompras tbody td
{
    border-bottom: 1px solid #e5e3de;
}

#corpoPrincipal .nfeChaves .listaCompras tbody .itemCompra, #corpoPrincipal .nfeChaves .listaCompras tbody .itemCompra td
{
    width: auto;
    padding: 0;
    border: none;
    background-color: transparent;
    background-image: none;
    margin: 10px 0;
}

#corpoPrincipal .nfeChaves .listaCompras tbody .itemCompra .descricao
{
    font-size: 11px;
    color: #000;
}
#corpoPrincipal .nfeChaves .listaCompras tbody .itemCompra .descricao .nome, #corpoPrincipal .nfeChaves .listaCompras tbody .itemCompra .descricao .nomePgto
{
    font-size: 17px;
    font-weight: bold;
    color: #f7a012;
    margin: 0 0 3px 0;
}

#corpoPrincipal .nfeChaves .listaCompras tbody .itemCompra .descricao .nome a, #corpoPrincipal .nfeChaves .listaCompras tbody .itemCompra .descricao .nomePgto a
{
    color: #f7a012;
    text-decoration: none;
}

#corpoPrincipal .nfeChaves .listaCompras tbody .itemCompra .descricao .nome a:hover, #corpoPrincipal .nfeChaves .listaCompras tbody .itemCompra .descricao .nomePgto a:hover
{
    text-decoration: underline;
}

#corpoPrincipal .nfeChaves .listaCompras tbody .itemCompra .descricao .nomePgto
{
    margin: 3px 0 0;
}
#corpoPrincipal .nfeChaves .listaCompras tbody .itemCompra .descricao .botoes
{
    margin: 15px 0 0;
}
#corpoPrincipal .nfeChaves .listaCompras tbody .itemCompra .descricao .botoes input
{
    margin: 0 10px 5px 0;
}

#corpoPrincipal .nfeChaves .listaCompras tfoot
{
    font-size: 14px;
    font-weight: bold;
    color: #1f5985;
}
#corpoPrincipal .nfeChaves .listaCompras tfoot td
{
    height: 32px;
    border: solid #e5e3de;
    border-width: 0 0 2px 0 !important;
    vertical-align: middle;
}

#corpoPrincipal .nfeChaves .listaCompras tfoot td:first-child
{
    width: auto;
    height: 50px;
}
#corpoPrincipal .nfeChaves .listaCompras tfoot .textCupom
{
    float: left;
    margin: 10px 10px 0 0;
}
#corpoPrincipal .nfeChaves .listaCompras tfoot .textCupomCEP
{
    float: left;
    margin: 10px 10px 0px 0px;
}
#corpoPrincipal .nfeChaves .listaCompras tfoot .textBoxDesconto, #corpoPrincipal .nfeChaves .listaCompras tfoot .textBoxCEP
{
    float: left;
    margin: 4px 0 0;
}


/* Suspensãoa Temporária */
#corpoPrincipal .formularioSuspensao
{
    width: 960px;
    color: #666;
}

#corpoPrincipal .formularioSuspensao .formulario
{
    width: 463px;
    margin: 40px auto 10px;
}
#corpoPrincipal .formularioSuspensao .formulario .campo
{
    float: left;
}
#corpoPrincipal .formularioSuspensao .formulario .campo label
{
    float: left;
    margin-right: 7px;
    padding-top: 7px;
    width: 125px;
    text-align: right;
}
#corpoPrincipal .formularioSuspensao .formulario .campo table
{
    float: left;
}
#corpoPrincipal .formularioSuspensao .formulario .campo table.motivo
{
    width: 330px;
}
#corpoPrincipal .formularioSuspensao .formulario .campo table.data
{
    position: relative;
}
#corpoPrincipal .formularioSuspensao .formulario .campo div.separador
{
    float: left;
    margin: 0 2px 0 10px;
    padding-top: 8px;
}

/*
#corpoPrincipal .cabecalho { background: url("../Images/bgCabecalhoEndereco.png") repeat-x scroll 0 0 transparent; height: 47px; }
#corpoPrincipal .cabecalho h4 { color: #003F6F; float: left; font-size: 16px; font-weight: normal; margin: 10px 0 0 11px; }
#corpoPrincipal .cabecalho .linkControles { float: right; margin: 15px 20px 0px 0px; }
*/

#corpoPrincipal .formularioSuspensao .formulario .campo .campo1, #corpoPrincipal .formularioSuspensao .formulario .campo .campo2
{
    float: left;
    width: 150px;
    position: relative;
}
#corpoPrincipal .formularioSuspensao .formulario .campo .campo2
{
    margin-left: 10px;
}

#corpoPrincipal .formularioSuspensao .formulario .areaCampo
{
    width: 100%;
    height: 32px;
    background: url('../Images/buscaBg.jpg') left top repeat-x;
}

#corpoPrincipal .formularioSuspensao .areaCampo input
{
    width: 100%;
    border: none;
    font-size: 12px;
    color: #666;
}
#corpoPrincipal .formularioSuspensao .areaCampo select
{
    border: none;
    width: 100%;
    font-size: 12px;
    color: #666;
}

#corpoPrincipal .formularioSuspensao .areaCampo textarea
{
    border: none;
    width: 100%;
    font-size: 12px;
    color: #666;
    overflow: auto;
}

#corpoPrincipal .formularioSuspensao .botoes
{
    float: left;
    width: 100%;
    margin: 10px 0 0;
    text-align: right;
}

/* ARQUIVO Forma-Pagamento-Cobranca ----------------------------------------------------------- */

#corpoPrincipal .formaPagamento
{
    width: 800px;
    margin: 30px auto;
}
#corpoPrincipal .formaPagamento .formaPagamentoAtual
{
    width: 760px;
    margin: 0 0 20px 0;
    padding: 20px;
    display: table;
    border: 1px solid #e5e5e5;
}
#corpoPrincipal .formaPagamento .formaPagamentoAtual table
{
    width: 100%;
}
#corpoPrincipal .formaPagamento .formaPagamentoAtual tr.linhaEspaco td
{
    padding-top: 14px;
}
#corpoPrincipal .formaPagamento .formaPagamentoAtual td
{
    height: 24px;
    text-align: left;
    color: #666;
}
#corpoPrincipal .formaPagamento .formaPagamentoAtual td:first-child
{
    width: 160px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}
#corpoPrincipal .formaPagamento .formaPagamentoAtual td.titulo
{
    font-size: 18px;
    color: #003F71;
    text-align: left;
    padding: 0 0 8px;
    border-bottom: 1px solid #e5e5e5;
}
#corpoPrincipal .formaPagamento .formaPagamentoAtual td td
{
    font-weight: normal;
}

#corpoPrincipal .formaPagamento .boxVisualizar
{
    float: left;
    min-height: 300px;
    width: 800px;
}
#corpoPrincipal .formaPagamento .boxVisualizar ul
{
    list-style: none;
}

/* Botão Aba */
#corpoPrincipal .formaPagamento .boxVisualizar ul.menuAbas li
{
    float: left;
    margin-right: 3px;
    text-align: center;
}
#corpoPrincipal .formaPagamento .boxVisualizar ul.menuAbas li a
{
    border: 1px solid #E5E5E5;
    border-bottom: none;
    display: block;
    padding: 15px 0;
    width: 165px;
    font-size: 14px;
    color: #003F71;
    text-decoration: none;
}
#corpoPrincipal .formaPagamento .boxVisualizar ul.menuAbas li.ativo a
{
    font-weight: bold;
    background-color: #F5F5F5;
}

/* Nomes de campos */
#corpoPrincipal .formaPagamento .boxVisualizar span.titulo
{
    font-weight: bold;
    color: #003F71;
    padding-top: 5px;
    margin: 0 0 0 25px;
    display: block;
}

#corpoPrincipal .formaPagamento .boxVisualizar .UpDatePanel
{
    display: none;
}

#corpoPrincipal .formaPagamento .boxVisualizar .boletomail table
{
    margin: 24px 0 0 190px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .boletomail table table
{
    margin: 0 !important;
}
#corpoPrincipal .formaPagamento .boxVisualizar .boletomail .btnSalvar
{
    float: right;
    margin: 25px 167px 0 0;
}

#corpoPrincipal .formaPagamento .boxVisualizar .cartaocredito
{
    width: 800px;
    border: 1px solid #e5e5e5;
    padding: 20px 0;
}
#corpoPrincipal .formaPagamento .boxVisualizar .cartaocredito table
{
    margin: 30px auto 0;
}
#corpoPrincipal .formaPagamento .boxVisualizar .cartaocredito table table
{
    margin: 0 !important;
}
#corpoPrincipal .formaPagamento .boxVisualizar .cartaocredito table .btnSalvar
{
    float: right;
    padding: 0;
}

#corpoPrincipal .formaPagamento .boxVisualizar .debitoconta
{
    width: 800px;
    border: 1px solid #e5e5e5;
    padding: 20px 0;
}
#corpoPrincipal .formaPagamento .boxVisualizar .debitoconta table
{
    margin: 30px auto 0;
}
#corpoPrincipal .formaPagamento .boxVisualizar .debitoconta table table
{
    margin: 0 !important;
}
#corpoPrincipal .formaPagamento .boxVisualizar .debitoconta table .btnSalvar
{
    float: right;
    padding: 0;
}

#corpoPrincipal .formaPagamento .boxVisualizar .boletoconvencional table
{
    margin: 37px 0 0 191px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .boletoconvencional table table
{
    margin: 0 !important;
}
#corpoPrincipal .formaPagamento .boxVisualizar .boletoconvencional .btnSalvar
{
    float: right;
    margin: 10px 243px 0 0;
}
#corpoPrincipal .formaPagamento .boxVisualizar .boletoconvencional a.cep
{
    color: #0D78EF;
    margin: -8px 0 0 9px;
    display: block;
}

#corpoPrincipal .formaPagamento .boxVisualizar .vencimentofatura
{
    width: 800px;
    border: 1px solid #e5e5e5;
    padding: 20px 0;
}
#corpoPrincipal .formaPagamento .boxVisualizar .vencimentofatura table
{
    margin: 30px auto 0;
}
#corpoPrincipal .formaPagamento .boxVisualizar .vencimentofatura table table
{
    margin: 0 !important;
}
#corpoPrincipal .formaPagamento .boxVisualizar .vencimentofatura table .btnSalvar
{
    float: right;
    padding: 0;
}
#corpoPrincipal .formaPagamento .boxVisualizar .vencimentofatura a.cep
{
    color: #0D78EF;
    margin: -8px 0 0 9px;
    display: block;
}

#corpoPrincipal .formaPagamento .boxVisualizar div.ativo
{
    display: block;
    float: left;
    width: 800px;
}

#corpoPrincipal .formaPagamento .boxVisualizar .campos
{
    height: 38px;
    background: no-repeat scroll left 0 transparent;
    float: left;
}
#corpoPrincipal .formaPagamento .boxVisualizar .lbCampo
{
    padding-right: 8px;
    color: #666;
}
#corpoPrincipal .formaPagamento .boxVisualizar .lbDtVcto
{
    padding-left: 16px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .lbComplemento
{
    padding-left: 20px;
}

#corpoPrincipal .formaPagamento .boxVisualizar select
{
    border: none;
    margin: 7px 5px 0;
    color: #666;
}

#corpoPrincipal .formaPagamento .boxVisualizar .w50 select
{
    width: 50px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w59 select
{
    width: 55px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w175 select
{
    width: 161px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w210 select
{
    width: 196px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w379 select
{
    width: 366px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w136 select
{
    width: 122px;
}

#corpoPrincipal .formaPagamento .boxVisualizar input
{
    border: none;
    margin: 8px 5px 0 5px;
    color: #666;
}
#corpoPrincipal .formaPagamento .boxVisualizar input.data
{
    color: #656565;
    font-style: italic;
    padding-left: 5px;
}

#corpoPrincipal .formaPagamento .boxVisualizar .w50 input
{
    width: 36px;
    text-align: center;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w60 input
{
    width: 45px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w68 input
{
    width: 54px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w84 input
{
    width: 70px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w88 input
{
    width: 73px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w136 input
{
    width: 122px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w210 input
{
    width: 196px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w213 input
{
    width: 199px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w250 input
{
    width: 236px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w305 input
{
    width: 291px;
    background-color: #F5F5F5;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w379 input
{
    width: 366px;
}

#corpoPrincipal .formaPagamento .boxVisualizar .w50
{
    width: 50px;
    background-image: url("../Images/bgCampoFormulario50.png");
    padding-right: 6px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w59
{
    width: 59px;
    background-image: url("../Images/bgCampoFormulario59.png");
}
#corpoPrincipal .formaPagamento .boxVisualizar .w60
{
    width: 59px;
    padding: 0 10px 0 0;
    background-image: url("../Images/bgCampoFormulario59.png");
}
#corpoPrincipal .formaPagamento .boxVisualizar .w68
{
    width: 68px;
    background-image: url("../Images/bgCampoFormulario68.png");
    padding-right: 6px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w84
{
    width: 84px;
    background-image: url("../Images/bgCampoFormulario84.png");
}
#corpoPrincipal .formaPagamento .boxVisualizar .w88
{
    width: 88px;
    background-image: url("../Images/bgCampoFormulario88.png");
    padding-right: 16px;
}
#corpoPrincipal .formaPagamento .boxVisualizar .w136
{
    width: 136px;
    background-image: url("../Images/bgCampoFormulario136.png");
}
#corpoPrincipal .formaPagamento .boxVisualizar .w175
{
    width: 175px;
    background-image: url("../Images/bgCampoFormulario175.png");
}
#corpoPrincipal .formaPagamento .boxVisualizar .w210
{
    width: 210px;
    background-image: url("../Images/bgCampoFormulario210.png");
}
#corpoPrincipal .formaPagamento .boxVisualizar .w213
{
    width: 213px;
    background-image: url("../Images/bgCampoFormulario213.png");
}
#corpoPrincipal .formaPagamento .boxVisualizar .w250
{
    width: 250px;
    background-image: url("../Images/bgCampoFormulario250.png");
}
#corpoPrincipal .formaPagamento .boxVisualizar .w305
{
    width: 305px;
    background-image: url("../Images/bgCampoFormulario305.png");
}
#corpoPrincipal .formaPagamento .boxVisualizar .w379
{
    width: 379px;
    background-image: url("../Images/bgCampoFormulario379.png");
}

#corpoPrincipal .formaPagamento .boxVisualizar .btnAjuda
{
    margin: -6px 0 0 8px;
}

#corpoPrincipal .formaPagamento .boxVisualizar .aviso
{
    font-size: 11px;
    padding: 0 0 4px;
    color: #666;
}

/* ARQUIVO Historico-Compra ----------------------------------------------------------- */

#corpoPrincipal table.tblHistorico
{
    width: 800px;
    margin: 40px auto 10px;
    border-collapse: collapse;
    border: 1px solid #E5E5E5;
}
#corpoPrincipal table.tblHistorico td
{
    text-align: center;
}
#corpoPrincipal table.tblHistorico td.itemValor
{
    text-align: left;
    padding-left: 17px;
}
#corpoPrincipal table.tblHistorico thead tr td
{
    background-image: url("../Images/bgTabelaExtratoPagamento.png");
    height: 45px;
    font-size: 16px;
    color: #5A5A5A;
    border-bottom: 2px solid #E5E5E5;
}
#corpoPrincipal table.tblHistorico thead tr td.item
{
    width: 500px;
    text-align: left;
    padding-left: 17px;
}
#corpoPrincipal table.tblHistorico thead tr td.codigo
{
    width: 160px;
}
#corpoPrincipal table.tblHistorico thead tr td.data
{
    width: 140px;
}
#corpoPrincipal table.tblHistorico tbody tr td
{
    border: 1px solid #E5E5E5;
    height: 54px;
    color: #666;
}

/* ARQUIVO Pedidos ----------------------------------------------------------- */

/* Filtro de pedidos */
#corpoPrincipal .boxPedidosPortal div.boxLocalizarPedido
{
    width: 600px;
    height: 57px;
    background-color: #F6F6F6;
    margin: 40px auto 10px;
}
#corpoPrincipal .boxPedidosPortal div.boxLocalizarPedido span
{
    float: left;
    width: 100%;
    text-align: center;
    padding: 21px 8px 0 0;
}
#corpoPrincipal .boxPedidosPortal div.boxLocalizarPedido .campoBusca
{
    margin: 10px 0 0 65px;
}
#corpoPrincipal .boxPedidosPortal div.boxLocalizarPedido .campoBusca div
{
    float: left;
    color: #666;
    margin: 0 0 0 10px;
}
#corpoPrincipal .boxPedidosPortal div.boxLocalizarPedido .campoBusca div:first-child
{
    margin: 22px 0 0;
}
#corpoPrincipal .boxPedidosPortal div.boxLocalizarPedido .campoBusca input
{
    float: left;
    margin: 13px 0 0;
    color: #656565;
    font-size: 12px;
    background: url("../Images/bgFiltroPedido.jpg") no-repeat;
    border: none;
    height: 32px;
    width: 262px;
    padding-left: 7px;
}
#corpoPrincipal .boxPedidosPortal div.boxLocalizarPedido .campoBusca a.btAtualizar
{
    float: left;
    background: url("../Images/btProcurar.png") no-repeat;
    width: 70px;
    height: 18px;
    display: block;
    margin-top: 20px;
}

/* Titulos de Pedido */
#corpoPrincipal .boxPedidosPortal div.boxTitulo
{
    width: 860px;
    height: 18px;
    margin: 27px auto 0;
    font-size: 18px;
    color: #00335f;
}
#corpoPrincipal .boxPedidosPortal div.boxTitulo .nPedido
{
    float: left;
    margin-left: 10px;
}
#corpoPrincipal .boxPedidosPortal div.boxTitulo .nData
{
    float: right;
    margin-right: 156px;
}

/* Lista de Pedido */
#corpoPrincipal .boxPedidosPortal ul
{
    margin-top: 7px;
}
#corpoPrincipal .boxPedidosPortal ul li
{
    list-style: none;
    margin-bottom: 17px;
}

#corpoPrincipal .boxPedidosPortal ul li div.boxLinhaPedido
{
    width: 860px;
    height: 34px;
    margin: 0 auto;
}
#corpoPrincipal .boxPedidosPortal ul li div.boxLinhaPedido table
{
    width: 100%;
}
#corpoPrincipal .boxPedidosPortal ul li div.boxLinhaPedido table td
{
    width: 10px;
}
#corpoPrincipal .boxPedidosPortal ul li div.boxLinhaPedido table td.corpoLinha
{
    width: 100%;
    background: url("../Images/bgLinhaPedido.jpg") repeat-x;
}
#corpoPrincipal .boxPedidosPortal ul li div.boxLinhaPedido table td.corpoLinha span.numPedido
{
    font-weight: bold;
    font-size: 16px;
    color: #EC6807;
    float: left;
    padding: 2px 0 0;
}
#corpoPrincipal .boxPedidosPortal ul li div.boxLinhaPedido table td.corpoLinha span.data
{
    font-weight: bold;
    font-size: 14px;
    color: #656565;
    padding: 3px 100px 0 0;
    float: right;
}
#corpoPrincipal .boxPedidosPortal ul li div.boxLinhaPedido table td.corpoLinha a.btFechaPedido
{
    background: url("../Images/btFlechaCima.gif") no-repeat;
    width: 11px;
    height: 7px;
    display: block;
    float: right;
    margin: 8px 0 0;
}
#corpoPrincipal .boxPedidosPortal ul li div.boxLinhaPedido table td.corpoLinha a.btAbrePedido
{
    background: url("../Images/btFlechaBaixo.gif") no-repeat;
    width: 11px;
    height: 7px;
    display: block;
    float: right;
    margin: 8px 0 0;
}

/* Tabela de Pedido */
#corpoPrincipal .boxPedidosPortal table.esconde
{
    display: none;
}

#corpoPrincipal .boxPedidosPortal table.tblPedido
{
    width: 860px;
    margin: 6px auto 0;
    border-collapse: collapse;
    border: 1px solid #E5E5E5;
    color: #666;
}
#corpoPrincipal .boxPedidosPortal table.tblPedido td
{
    text-align: center;
}
#corpoPrincipal .boxPedidosPortal table.tblPedido td.itemValor
{
    text-align: left;
    padding-left: 17px;
}

#corpoPrincipal .boxPedidosPortal table.tblPedido thead tr td
{
    background-image: url("../Images/bgTabelaExtratoPagamento.png");
    border-bottom: 2px solid #E5E5E5;
    height: 45px;
    font-size: 16px;
    color: #5A5A5A;
}
#corpoPrincipal .boxPedidosPortal table.tblPedido thead tr td.item
{
    width: 311px;
}
#corpoPrincipal .boxPedidosPortal table.tblPedido thead tr td.numItem
{
    width: 136px;
}
#corpoPrincipal .boxPedidosPortal table.tblPedido thead tr td.status
{
    width: 135px;
}
#corpoPrincipal .boxPedidosPortal table.tblPedido thead tr td.infoAdicional
{
    width: 193px;
}

#corpoPrincipal .boxPedidosPortal table.tblPedido tbody tr td
{
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    height: 54px;
}
#corpoPrincipal .boxPedidosPortal table.tblPedido tbody tr td.pendente
{
    color: #E00;
}
#corpoPrincipal .boxPedidosPortal table.tblPedido tbody tr td.entregue
{
    color: #55A401;
}

/* Link interno */
#corpoPrincipal .boxPedidosPortal table.tblPedido tr td a
{
    font-size: 11px;
}

#corpoPrincipal .boxPedidosPortal table.tblPedido .summary td:first-child
{
    text-align: right;
}
#corpoPrincipal .boxPedidosPortal table.tblPedido .summary td
{
    height: 26px !important;
    font-weight: bold;
    font-size: 14px;
    padding: 6px;
}

/* ARQUIVO Extrato-Pagamento ----------------------------------------------------------- */

#corpoPrincipal table.tblExtrato
{
    width: 960px;
    margin: 40px auto 10px;
    border-collapse: collapse;
    border: 1px solid #E5E5E5;
}
#corpoPrincipal table.tblExtrato td
{
    text-align: center;
}
#corpoPrincipal table.tblExtrato thead tr td
{
    background-image: url("../Images/bgTabelaExtratoPagamento.png");
    height: 45px;
    font-size: 16px;
    color: #5A5A5A;
    border-bottom: 2px solid #E5E5E5;
}
#corpoPrincipal table.tblExtrato thead tr td.item
{
    width: 148px;
}
#corpoPrincipal table.tblExtrato thead tr td.vencimento
{
    width: 104px;
}
#corpoPrincipal table.tblExtrato thead tr td.valor
{
    width: 84px;
}
#corpoPrincipal table.tblExtrato thead tr td.formapagamento
{
    width: 103px;
}
#corpoPrincipal table.tblExtrato thead tr td.status
{
    width: 105px;
}
#corpoPrincipal table.tblExtrato thead tr td.numeroautenticacao
{
    width: 140px;
}
#corpoPrincipal table.tblExtrato thead tr td.parcela
{
    width: 71px;
}
#corpoPrincipal table.tblExtrato thead tr td.dadospagamento
{
    width: 103px;
}
#corpoPrincipal table.tblExtrato thead tr td.reagendardebito
{
    width: 102px;
}

#corpoPrincipal table.tblExtrato tbody tr td
{
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    height: 54px;
    color: #666;
}
#corpoPrincipal table.tblExtrato tbody tr td.pendente
{
    color: #E00;
}
#corpoPrincipal table.tblExtrato tbody tr td.entregue
{
    color: #55A401;
}

#corpoPrincipal table.tblExtrato tr td a
{
    color: #084B8F;
    font-size: 11px;
}

#corpoPrincipal .periodoExtrato
{
    margin-top: 10px;
}

/* ARQUIVO Renovacao-Cartao ----------------------------------------------------------- */

#corpoPrincipal .boxPesquisa
{
    background: #f6f6f6;
    width: 778px;
    margin: 0 auto;
    padding: 13px 0;
}
#corpoPrincipal .boxPesquisa span
{
    float: left;
    margin: 7px 10px 0 150px;
}
#corpoPrincipal .boxPesquisa .tabPesquisa
{
    float: left;
}

/* Corpo da tabela */
#corpoPrincipal .tblRenovacaoCartao
{
    margin: 40px auto 20px;
    width: 715px;
    border-collapse: collapse;
    border: 1px solid #E5E5E5;
}

#corpoPrincipal .tblRenovacaoCartao td
{
    text-align: center;
}
#corpoPrincipal .tblRenovacaoCartao td.associado
{
    text-align: left;
    padding-left: 17px;
}

#corpoPrincipal .tblRenovacaoCartao thead tr td
{
    height: 45px;
    font-size: 16px;
    color: #5A5A5A;
    padding: 0 15px;
    background-image: url("../Images/bgTabelaExtratoPagamento.png");
    border-bottom: 2px solid #E5E5E5;
}
#corpoPrincipal .tblRenovacaoCartao thead tr td.associado
{
    width: 50%;
    text-align: left;
}
#corpoPrincipal .tblRenovacaoCartao thead tr td.titularidade
{
    width: 25%;
}

#corpoPrincipal .tblRenovacaoCartao tbody tr td
{
    border: 1px solid #E5E5E5;
    height: 54px;
}
#corpoPrincipal .tblRenovacaoCartao tbody tr td
{
    padding: 0 15px;
}
#corpoPrincipal .tblRenovacaoCartao tbody tr td.algLeft
{
    text-align: left;
    color: #666;
}
#corpoPrincipal .tblRenovacaoCartao tbody tr td span.vigente
{
    color: #1f5986;
    font-weight: bold;
    font-size: 11px;
}

/* Formulário Dinâmico */

#corpoPrincipal .formularioDinamico
{
    width: 760px;
    margin: 0 auto;
}
#corpoPrincipal .formularioDinamico .boxForm
{
    float: left;
    display: table;
    width: 760px;
}
#corpoPrincipal .formularioDinamico .boxForm .cabecalho
{
    background: url("/Images/bgTabelaExtratoPagamento.png");
    height: 45px;
    border: 1px solid #e5e5e5;
}
#corpoPrincipal .formularioDinamico .boxForm .cabecalho h4
{
    color: #003F6F;
    float: left;
    font-size: 17px;
    font-weight: normal;
    margin: 14px 0 0 11px;
}
#corpoPrincipal .formularioDinamico .boxForm .corpoLabel
{
    float: left;
    width: 720px;
    padding: 10px 20px 20px;
    border: 1px solid #e5e5e5;
    color: #666;
}

#corpoPrincipal .formularioDinamico .tableFormulario
{
    width: 720px;
}
#corpoPrincipal .formularioDinamico .tableFormulario td
{
    width: 500px;
    height: 32px;
    text-align: left;
    padding: 5px 0;
}
#corpoPrincipal .formularioDinamico .tableFormulario td:first-child
{
    width: 500px;
    text-align: left;
    padding-right: 10px;
    vertical-align: middle;
    font-weight: bold;
}

#corpoPrincipal .formularioDinamico .tableFormulario .titulo
{
    height: 10px !important;
    padding-bottom: 0px !important;
    padding-top: 20px !important;
}
#corpoPrincipal .formularioDinamico .tableFormulario .drop
{
    background: url("../Images/bgFormDinamico.png") no-repeat;
    height: 32px;
    border: none;
    padding: 0 10px;
    color: #666;
    font-weight: normal !important;
}
#corpoPrincipal .formularioDinamico .tableFormulario .drop select
{
    width: 480px;
    border: none;
}

#corpoPrincipal .formularioDinamico .textBox
{
    width: 480px;
    background: url("../Images/bgFormDinamico.png") no-repeat;
    height: 32px;
    border: none;
    padding: 0 10px;
    color: #666;
    font-weight: normal !important;
}
#corpoPrincipal .formularioDinamico .dropDown
{
    width: 480px;
    border: none;
    color: #666;
    font-weight: normal !important;
}
#corpoPrincipal .formularioDinamico .checkButtom, #corpoPrincipal .formularioDinamico .radioButtom
{
    width: 100%;
    font-weight: normal !important;
}
#corpoPrincipal .formularioDinamico .checkButtom td, #corpoPrincipal .formularioDinamico .radioButtom td
{
    padding: 0;
    height: auto !important;
    text-align: left !important;
    font-weight: normal !important;
}
#corpoPrincipal .formularioDinamico .checkButtom label, #corpoPrincipal .formularioDinamico .radioButtom label, #corpoPrincipal .formularioDinamico .checkButtom input, #corpoPrincipal .formularioDinamico .radioButtom input
{
    line-height: 32px;
    vertical-align: middle;
}
#corpoPrincipal .formularioDinamico .botao
{
    float: right;
    margin-top: 10px;
}

/* Transferencia Busca */

#corpoPrincipal .buscaTransferenciaGeral
{
    min-height: 558px;
    width: 960px;
}
#corpoPrincipal.transferencia-temporaria .menssagemSucesso
{
    width: 100%;
    background-color: #f6f6f6;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #448f17;
    line-height: 32px;
    margin-bottom: 35px;
}
#corpoPrincipal.transferencia-temporaria .menssagemSucesso .msg-backoffice {
    line-height: 32px;
    text-align: left;
    margin: 50px 20px 0;
    width: 100%;
}
#corpoPrincipal.transferencia-temporaria .menssagemSucesso .msg-backoffice .titulo {
    font-weight: bold;
}
#corpoPrincipal.transferencia-temporaria .menssagemSucesso .msg-backoffice .enderecos {
    font-weight: normal;
    margin: 0 0 20px 50px;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco{
    float: left;
    overflow: auto;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco.esquerda{
    width: 400px;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco.esquerda .vazio {
    text-align: center;
    margin-top: 25px;
    width: 100%;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco.esquerda .validacao {
    color: #c00;
    float: left;
    margin: 12px 0 0 15px;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco.direita{
    margin-left: 35px;
    width: 510px;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco.direita .validaForms{
    font-size: unset;
    margin-left: 17px;
    font-weight: unset;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco.direita #endereco_abas {
    padding: 0;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: 2px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
    width: 506px;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco.direita #endereco_abas .linhaEndereco {
    margin: 5px 0 14px 4px;
    width: 498px;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco.direita #endereco_abas .linhaEndereco .btContinuarEndereco {
    margin-right: 15px;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco.direita #endereco_abas .aba .box {
    padding: 10px 0;
    width: 100%;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco.direita #endereco_abas .aba .divOpcaoEntrega {
    margin: 7px 0 10px 16px;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco.direita #endereco_abas .aba .divOpcaoEntrega .radioButtonEntrega input {
    margin: 1px 5px 0 0;
}
#corpoPrincipal .buscaTransferenciaGeral .bloco-endereco.direita #endereco_abas .aba .divOpcaoEntrega .radioButtonEntrega label {
    color: #666;
    margin-right: 25px;
    vertical-align: top;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia
{
    width: 398px;
}
#corpoPrincipal .buscaTransferenciaGeral .tituloPretoTransferencia
{
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
}
#corpoPrincipal .buscaTransferenciaGeral .tituloAzulTransferencia
{
    font-size: 14px;
    font-weight: bold;
    color: #015697;
    margin-bottom: 15px;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .enderecoCadastradoTransferencia
{
    width: 397px;
    margin-bottom: 20px;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: 2px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
    float: left;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .enderecoCadastradoTransferencia table
{
    width: 395px;
    margin: 0;
    font-size: 12px;
    color: #666666;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .enderecoCadastradoTransferencia table TD
{
    width: 390px;
    border-bottom: 1px solid #efefef;
    padding: 15px 0 15px 10px;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .enderecoCadastradoTransferencia TABLE TR INPUT
{
    margin: 1px 5px 0 3px;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .enderecoCadastradoTransferencia TABLE TR LABEL
{
    vertical-align: top;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .enderecoCadastradoTransferencia .btEscolhaEndereco
{
    float: right;
    margin: 12px 20px 14px 0;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .buscaTransferencia
{
    width: 497px;
    height: 150px;
    margin: 0 auto;
    font-size: 12px;
    color: #666666;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .buscaTransferencia .divCampoCep
{
    height: 40px;
    padding-left: 10px;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .buscaTransferencia .divCampoOu
{
    height: 35px;
    line-height: 30px;
    text-align: center;
    font-size: large;
    width: 497px;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .buscaTransferencia divCampoLocalidade
{
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: large;
    padding-left: 30px;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .buscaTransferencia .litCep
{
    float: left;
    height: 30px;
    width: 110px;
    line-height: 30px;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .buscaTransferencia .litLocalidade
{
    float: left;
    height: 30px;
    width: 120px;
    line-height: 30px;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .buscaTransferencia .campoBuscaLocalidadeCep
{
    width: 145px;
    background: url("../Images/bgCEPEndereco.png") no-repeat left;
    height: 24px;
    padding: 8px 0 0 8px;
    float: left;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .buscaTransferencia .campoBuscaLocalidadeCep INPUT
{
    border: 0;
    width: 125px;
    font-size: 12px;
    color: #666666;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .buscaTransferencia .campoBuscaLocalidade
{
    width: 290px;
    background: url("../Images/campoBuscaTransferencia2.png") no-repeat left;
    height: 24px;
    padding: 8px 0 0 8px;
    float: left;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .buscaTransferencia .campoBuscaLocalidade INPUT
{
    border: 0;
    width: 280px;
    font-size: 12px;
    color: #666666;
    float: left;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .buscaTransferencia .btBuscaLocalidade
{
    float: left;
    margin: 6px 0 0 0;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .buscaTransferencia .exemploBusca
{
    font-size: 12px;
    color: #666666;
    float: left;
    margin: 5px 0 0 120px;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .resultadoBuscaGeral
{
    width: 497px;
    float: left;
    margin: 30px 0 30px 0;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .resultadoBuscaGeral .boxResultadoBusca
{
    width: 477px;
    padding: 10px;
    margin-bottom: 18px;
    float: left;
    background-color: #f5f3ea;
    font-size: 14px;
    color: #055d99;
    border-bottom: 1px solid #f8f6f0;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .resultadoBuscaGeral .boxResultadoBusca SPAN
{
    font-weight: bold;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .boxResultadoBusca
{
    width: 477px;
    padding: 10px;
    margin-bottom: 18px;
    float: left;
    background-color: #f5f3ea;
    font-size: 12px;
    color: Red;
    border-bottom: 1px solid #f8f6f0;
    text-align: center;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .resultadoBuscaGeral .resultadoEndereco
{
    width: 477px;
    height: 17px;
    float: left;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    color: #666666;
    display: table;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .resultadoBuscaGeral .resultadoEndereco SPAN
{
    font-weight: bold;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .resultadoBuscaGeral .resultadoEndereco a
{
    text-align: left;
    display: block;
    padding: 13px 10px 10px 10px;
    margin: 1px 0;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
}
#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .resultadoBuscaGeral .resultadoEndereco a:hover
{
    background-color: #ecf5fb;
}
#corpoPrincipal .meusAgendamentoGeral
{
    width: 279px;
    float: left;
}
#corpoPrincipal .meusAgendamentoGeral TABLE TD
{
    background-color: #f6f6f6;
    padding: 0;
    margin: 0;
}
#corpoPrincipal .meusAgendamentoGeral .cantoSuperioEsqAgendamento
{
    width: 12px;
    height: 10px;
    background: url("../Images/cantoSupEsqMeusAgendamento.png") no-repeat left top;
}
#corpoPrincipal .meusAgendamentoGeral .cantoSuperioDirAgendamento
{
    width: 12px;
    height: 10px;
    background: url("../Images/cantoSupDirMeusAgendamento.png") no-repeat right top;
}
#corpoPrincipal .meusAgendamentoGeral .cantoInferiorEsqAgendamento
{
    width: 12px;
    height: 10px;
    background: url("../Images/cantoInfEsqMeusAgendamento.png") no-repeat left bottom;
}
#corpoPrincipal .meusAgendamentoGeral .cantoInferiorDirAgendamento
{
    width: 12px;
    height: 10px;
    background: url("../Images/cantoInfDirMeusAgendamento.png") no-repeat right bottom;
}
#corpoPrincipal .meusAgendamentoGeral .tituloMeusAgendamento
{
    font-size: 16px;
    color: #5b5b5b;
    margin-bottom: 10px;
}
#corpoPrincipal .meusAgendamentoGeral .tituloDiasSelecionados
{
    font-size: 14px;
    color: #5b5b5b;
    margin-bottom: 10px;
}
#corpoPrincipal .meusAgendamentoGeral .MenssagemNaoTransferencia
{
    font-size: 11px;
    color: #010101;
    margin: 20px 0 20px 0;
    text-align: center;
}

/* Transferencia Endereço */

#corpoPrincipal .boxEnderecoGeral
{
    width: 100%;
    float: left;
    margin: 12px 0 15px 0;
}
#corpoPrincipal .boxEnderecoGeral .boxPesquisaTransferencia
{
    padding: 11px 12px 11px 12px;
    float: left;
    background-color: #f5f3ea;
    font-size: 16px;
    color: #055d99;
}
#corpoPrincipal .boxEnderecoGeral .boxPesquisaTransferencia SPAN
{
    font-weight: bold;
}
#corpoPrincipal .boxEnderecoGeral .linkNovaPesquisa
{
    height: 20px;
    padding: 11px 12px 11px 12px;
    float: left;
    text-decoration: underline;
    font-size: 12px;
    color: #666666;
}
#corpoPrincipal .boxEnderecoGeral .linkNovaPesquisa a
{
    font-size: 12px;
    color: #666666;
}
#corpoPrincipal #formularioTransferencia
{
    position: relative;
    display: table;
    width: 530px;
    margin: 0 auto;
}
#corpoPrincipal .geralCalendario .divDatasTransferencias
{
    text-align: center;
    height: 40px;
}
#corpoPrincipal .geralCalendario .divDatasTransferencias TABLE
{
    display: inline-block;
}
#corpoPrincipal .geralCalendario .divDatasTransferencias TABLE TR
{
    display: inline;
    float: left;
}
#corpoPrincipal .geralCalendario .divDatasTransferencias TABLE TD
{
    padding-left: 5px;
}
#corpoPrincipal .geralCalendario .erroDatasTransferencias
{
    background-color: #f5f2e1;
    text-align: center;
    font-size: 11px;
    color: #fff;
    height: 100%;
    line-height: 20px;
    visibility: hidden;
    margin-left: 185px;
    width: 280px;
}
#corpoPrincipal .geralCalendario .divDatasTransferencias .datasTransferencias
{
    background: url('../Images/bgBoxCadastroData.png') left no-repeat;
    width: 101px;
    height: 30px;
    padding: 8px 8px 8px 8px;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    border: medium none;
}
#corpoPrincipal .geralCalendario .selecionarMesTodo
{
    width: 330px;
    margin: 15px 0 15px 0;
    text-align: center;
    float: left;
}
#corpoPrincipal .geralCalendario .selecionarMesTodo INPUT
{
    padding: 0 5px 0 0;
}
#corpoPrincipal .linhaEndereco
{
    width: 100%;
    margin: 30px 0 30px 0;
    border-top: 1px solid #e5e5e5;
    float: left;
}
#corpoPrincipal .linhaEndereco .voltarEndereco
{
    font-size: 12px;
    color: #003f71;
    padding-left: 10px;
    float: left;
    text-decoration: underline;
    margin-top: 14px;
}
#corpoPrincipal .linhaEndereco .btContinuarEndereco
{
    float: right;
    margin-top: 14px;
}
#corpoPrincipal .divInformacoesEntrega
{
    color: #666666;
    background-color: #f6f6f6;
    width: 960px;
    min-height: 190px;
    max-height: 100%;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

#corpoPrincipal .divInformacoesEntrega .titulo-assinatura {
    padding: 30px 0 25px 35px;
    font-size: 17px;
}
#corpoPrincipal .divInformacoesEntrega .endereco {
    padding: 0 0 25px 35px;
    font-size: 15px;
    overflow: auto;
}
#corpoPrincipal .divInformacoesEntrega .titulo-endereco {
    margin: 8px 0;
}
#corpoPrincipal .divInformacoesEntrega .endereco .data-transferencia {
    float: left;
    margin: 3px 0 3px 40px;
    width: 184px;
}
#corpoPrincipal #corpoConfirmacaoTransferencia .informacaoCampanha
{
    color: Black;
    font-size: large;
}
#corpoPrincipal #corpoConfirmacaoTransferencia .lista-periodos .periodo {
    margin: 5px 0 5px 40px;
}
#corpoPrincipal .divInformacoesEntrega .informacoesEntrega .informacoesAssinatura
{
    font-size: 28px;
    text-indent: 50px;
    padding-top: 10px;
}
#corpoPrincipal .divInformacoesEntrega .informacoesEntrega .informacoesEntregaTitulos
{
    font-size: 25px;
    text-indent: 50px;
    padding-top: 10px;
}
#corpoPrincipal .divInformacoesEntrega .informacoesEntrega .informacoesEntregaConteudo
{
    font-size: 17px;
    padding-left: 50px;
    padding-right: 10px;
    overflow:auto;
}

#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .divPontos
{
    display: none;
    position: relative;
}

#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .divEndereco, #corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .divPontos, #corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .divOpcaoEntrega
{
    /*display: none;
    position: relative;
    float: left;*/
}

#formularioTransferencia #divEndereco, #corpoPrincipal #formularioTransferencia #divPontos
{
    /*display: none;
    position: relative;*/
}

/* Radio Button do Formulario Endereço Transferencia */

#corpoPrincipal .buscaTransferenciaGeral .informeTransferencia .divOpcaoEntrega .radioButtonEntrega
{
    padding: 0 0 20px 20px;
    margin: 0 auto;
    width: 477px;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}
#corpoPrincipal #formularioTransferencia .radioButtonEntrega LABEL
{
    padding: 0 0 0 2px;
}

/* User Control Pontos Entrega */

#enderecoPontos
{
    position: relative;
    float: left;
    width: 497px;
}
#enderecoPontos .boxPontos
{
    width: 497px;
    float: left;
}
#enderecoPontos .boxPontos TR
{
    width: 497px;
    padding: 12px 0 12px 0;
    float: left;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    color: #666666;
}
#enderecoPontos .boxPontos TR:hover
{
    background-color: #f5f3ea;
}
#enderecoPontos .boxPontos TR INPUT
{
    padding: 0 0 0 5px;
}
#enderecoPontos .boxPontos TR LABEL
{
    padding: 0 0 0 5px;
}
#enderecoPontos .boxPontos TR LABEL SPAN
{
    font-weight: bold;
}

/* Transferencia Datas */

#corpoPrincipal .boxEnderecosDatasGeral
{
    width: 275px;
    float: left;
    margin: 0 15px 0 0;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas, #corpoPrincipal .boxEnderecosDatasGeral .editarEndereco .datasOculto .boxEnderecosDatas
{
    background-color: #f6f6f6;
    margin-bottom: 15px;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .radioEnderecos, #corpoPrincipal .boxEnderecosDatasGeral .editarEndereco .datasOculto .boxEnderecosDatas .radioEnderecos
{
    width: 12px;
    padding: 6px 6px 0 6px;
    vertical-align: top;
}

#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .localidadeGeral, #corpoPrincipal .boxEnderecosDatasGeral .editarEndereco .datasOculto .boxEnderecosDatas .localidadeGeral
{
    padding: 6px;
    font-size: 12px;
    color: #666666;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .localEntrega, #corpoPrincipal .boxEnderecosDatasGeral .editarEndereco .datasOculto .boxEnderecosDatas .localEntrega
{
    font-weight: bold;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .alterarRemover, #corpoPrincipal .boxEnderecosDatasGeral .editarEndereco .datasOculto .boxEnderecosDatas .alterarRemover
{
    font-size: 11px;
    padding-left: 8px;
    color: #003f71;
    font-weight: normal;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .enderecoLocal, #corpoPrincipal .boxEnderecosDatasGeral .editarEndereco .datasOculto .boxEnderecosDatas .enderecoLocal
{
    font-size: 12px;
    color: #666666;
    padding-top: 4px;
}
#corpoPrincipal .boxEnderecosDatasGeral .editarEndereco
{
    width: 100%;
    max-height: 400px;
    overflow: auto;
    font-size: 12px;
    color: #666666;
}
#corpoPrincipal .boxEnderecosDatasGeral .editarEndereco .datasOculto
{
    display: none;
}
#corpoPrincipal .boxEnderecosDatasGeral .editarEndereco A
{
    width: 100%;
    height: 100%;
}
#corpoPrincipal .meusAgendamentoGeral .tituloDiasSelecionados .alterarRemover
{
    font-size: 11px;
    padding-left: 105px;
    color: #003f71;
    font-weight: normal;
}
#corpoPrincipal .meusAgendamentoGeral .diasSelecionados
{
    font-size: 12px;
    color: #666666;
    text-align: left;
    margin-bottom: 5px;
}

/* Calendario de Datas e Busca */
#corpoPrincipal .geralCalendario
{
    width: 660px;
    float: left; /*margin: 0 25px 20px 0;*/
}
#corpoPrincipal .geralCalendario .calendarioTransferencia
{
    width: 100%;
}
#corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos
{
    width: 268px;
    float: left;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick
{
    position: relative;
    width: 100% !important;
    border: none;
    font-size: 14px;
}
#corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick
{
    position: relative;
    width: 100% !important;
    width: 330px;
    border: none;
    font-size: 14px;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick-multi-sob
{
    width: 660px;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick-month
{
    width: 330px;
    border: none;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick-month-row, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick-month-row, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick-month
{
    width: 100% !important;
    border: none;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-month-row .datepick-month THEAD, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-month-row .datepick-month THEAD
{
    width: 100%;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 2px solid #e5e5e5;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-month-row .datepick-month THEAD TH
{
    background-color: #f7f7f7;
    border-right: 1px solid #e5e5e5;
    border-left: none;
    border-bottom: none;
    line-height: 34px;
    color: #003d6f;
    font-weight: bold;
    font-size: 16px;
}
#corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-month-row .datepick-month THEAD TH
{
    background-color: #f7f7f7;
    border-right: 1px solid #e5e5e5;
    border-left: none;
    border-bottom: none;
    line-height: 32px;
    color: #003d6f;
    font-weight: bold;
    font-size: 16px;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-month-row .datepick-month tbody td
{
    width: 14%;
    line-height: 34px;
}
#corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-month-row .datepick-month tbody td
{
    width: 14%;
    line-height: 32px;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-month-row .datepick-month tbody td A:HOVER
{
    border: 2px solid #f79e13;
    width: auto;
    line-height: 30px;
}
#corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-month-row .datepick-month tbody td A:HOVER
{
    border: 2px solid #f79e13;
    width: auto;
    line-height: 28px;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-month-row .datepick-month tbody td a
{
    text-decoration: none;
    color: #000000;
    line-height: 34px;
    background: #fff;
}
#corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-month-row .datepick-month tbody td a
{
    text-decoration: none;
    color: #000000;
    line-height: 32px;
    background: #fff;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-month-row .datepick-month TD, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-month-row .datepick-month TD
{
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-month-row .datepick-month TD .datepick-weekend, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-month-row .datepick-month TD .datepick-weekend
{
    background-color: #ffffff;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-month-row .datepick-month TD .datepick-selected
{
    background-color: #6090c8;
    border: none;
    line-height: 34px;
    width: auto;
}
#corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-month-row .datepick-month TD .datepick-selected
{
    background-color: #6090c8;
    border: none;
    line-height: 32px;
    width: auto;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-month-row .datepick-month TD .datepick-today, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-month-row .datepick-month TD .datepick-today
{
    background-color: #FFFFFF;
    font-weight: bold;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-month-row .datepick-month TD .datepick-other-month, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-month-row .datepick-month TD .datepick-other-month
{
    background-color: #ffffff;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick-month-row .datepick-month .datepick-month-header, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick-month-row .datepick-month .datepick-month-header
{
    background: url("../Images/bg_topoCalendario.jpg") repeat-x left top;
    padding: 10px 0;
    font-size: 18px;
    color: #215d8e;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-nav, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-nav
{
    width: 100%;
    position: absolute;
    top: 12px;
    background-color: transparent;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-nav .datepick-cmd
{
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-nav a.datepick-cmd-prev, #corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-nav a.datepick-cmd-next, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-nav a.datepick-cmd-prev, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-nav a.datepick-cmd-next
{
    width: 18px;
    height: 18px;
    overflow: hidden;
    text-indent: 500px;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-nav a.datepick-cmd-prev, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-nav a.datepick-cmd-prev
{
    margin: 0 0 0 10px;
    background: url(../images/mesAnterior.png) left no-repeat;
}
#corpoPrincipal .geralCalendario .calendarioTransferencia .datepick .datepick-nav a.datepick-cmd-next, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .datepick .datepick-nav a.datepick-cmd-next
{
    margin: 0 10px 0 0;
    background: url(../images/proximoMes.png) right no-repeat;
}
.datepick-cmd-today
{
    display: none;
}

/* Css class mês desabilitado */

#corpoPrincipal .geralCalendario .calendarioTransferencia .mesDesabilitado
{
    background-color: #c8c8c8 !important;
    border: none;
    line-height: 34px;
    width: auto;
}
#corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .mesDesabilitado
{
    background-color: #c8c8c8 !important;
    border: none;
    line-height: 32px;
    width: auto;
}

/* Css da linha */

#corpoPrincipal .geralCalendario .calendarioTransferencia .marcacaoDias, #corpoPrincipal .meusAgendamentoGeral .calendarioAgendamentos .marcacaoDias
{
    background: url(../images/linhaCinzaCalendario.png) center center no-repeat;
}

/* Css dos locais dos meus agendamentos */

#corpoPrincipal .meusAgendamentoGeral .locaisEntrega
{
    width: 251px;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0 8px 0;
    margin: 0 auto;
}
#corpoPrincipal .meusAgendamentoGeral .locaisEntrega .boxCoresAgendamentos
{
    width: 20px;
    height: 20px;
    background: #6090c8;
    float: left;
    vertical-align: top;
}
#corpoPrincipal .meusAgendamentoGeral .locaisEntrega .meusAgendamentoEndereco
{
    font-size: 12px;
    color: #666666;
    padding: 0 6px;
}
#corpoPrincipal .meusAgendamentoGeral .locaisEntrega .meusAgendamentoEndereco SPAN
{
    font-weight: bold;
}
#corpoPrincipal .meusAgendamentoGeral .editarAgendamentos
{
    float: right;
    padding: 10px 0 10px 0;
}

/* Paleta de cores Calendario*/

#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor000, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor000, #corpoPrincipal .calendarioAgendamentos .cor000, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor000
{
    background-color: #FFFFFF !important;
    border: 1px solid #e5e5e5;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor001, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor001, #corpoPrincipal .calendarioAgendamentos .cor001, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor001
{
    background-color: #6090c8 !important;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor002, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor002, #corpoPrincipal .calendarioAgendamentos .cor002, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor002
{
    background-color: #71bdcd !important;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor003, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor003, #corpoPrincipal .calendarioAgendamentos .cor003, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor003
{
    background-color: #56a660 !important;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor004, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor004, #corpoPrincipal .calendarioAgendamentos .cor004, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor004
{
    background-color: #cbbf3a !important;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor005, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor005, #corpoPrincipal .calendarioAgendamentos .cor005, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor005
{
    background-color: #d18f34 !important;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor006, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor006, #corpoPrincipal .calendarioAgendamentos .cor006, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor006
{
    background-color: #c73840 !important;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor007, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor007, #corpoPrincipal .calendarioAgendamentos .cor007, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor007
{
    background-color: #b86cb9 !important;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor008, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor008, #corpoPrincipal .calendarioAgendamentos .cor008, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor008
{
    background-color: #7a5b9b !important;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor009, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor009, #corpoPrincipal .calendarioAgendamentos .cor009, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor009
{
    background-color: #937162 !important;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor010, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor010, #corpoPrincipal .calendarioAgendamentos .cor010, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor010
{
    background-color: #acc835 !important;
}
#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor011, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor011, #corpoPrincipal .calendarioAgendamentos .cor011, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor011
{
    background-color: #8a9362 !important;
}

#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor999, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor999, #corpoPrincipal .calendarioAgendamentos .cor999, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor999
{
    background-color: #f8f1a3 !important;
}

#corpoPrincipal .boxEnderecosDatasGeral .boxEnderecosDatas .cor998, #corpoPrincipal .geralCalendario .calendarioTransferencia .cor998, #corpoPrincipal .calendarioAgendamentos .cor998, #corpoPrincipal .meusAgendamentoGeral .locaisEntrega .cor998
{
    background-color: #f4747e !important;
} 

#corpoPrincipal .limites-transferencia table tr th, #corpoPrincipal .limites-transferencia table tr td
{
    color: #666;
    padding: 1px 10px 1px 0;
    text-align: center;
}

/* auto completar */

.ui-widget-content
{
    max-height: 200px;
    overflow: auto;
    background: #ffffff !important;
    color: #000000 !important;
    text-align: left !important;
    border-top: 1px solid #cbcbcb !important;
    border-bottom: 2px solid #cbcbcb !important;
    border-left: 2px solid #cbcbcb !important;
    border-right: 2px solid #cbcbcb !important;
    font-family: Arial !important;
}
.ui-widget-content a
{
    color: #000000 !important;
    font-family: Arial !important;
}
.ui-widget
{
    font-family: Arial !important;
    font-size: 12px !important;
}
.ui-widget .ui-widget
{
    font-size: 12px !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-family: Arial !important;
    font-size: 12px !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    border: 1px solid #e6eef2 !important;
    background: #e6eef2 !important;
    font-weight: normal;
    color: #000000 !important;
}
.ui-menu
{
    list-style: none;
    padding: 8px !important;
    display: block;
    float: left;
}
.ui-autocomplete-loading
{
    background: url('/images/ajax-loader-transferencia.gif') right center no-repeat transparent !important;
}
#endereco_abas .aba .box .bgTransf
{
    width: 248px;
    height: 24px;
    padding: 9px 0 0 10px;
    background: url('../Images/bgEnderecoEndereco.png') center no-repeat !important;
}

#corpoPrincipal.transferencia-temporaria .geralCalendario {
    width: 960px;
}
#corpoPrincipal.transferencia-temporaria .geralCalendario .datepick-month {
    width: 480px;
}
#corpoPrincipal.transferencia-temporaria .geralCalendario .selecionarMesTodo {
    width: 480px;
}
#corpoPrincipal.transferencia-temporaria .boxEnderecosDatasGeral {
    width: 960px;
}
#corpoPrincipal.transferencia-temporaria .boxEnderecosDatasGeral .boxEnderecosDatas td.radio {
    width: 15px;
}
#corpoPrincipal.transferencia-temporaria .boxEnderecosDatasGeral .boxEnderecosDatas td.endereco {
    width: 465px;
}
#corpoPrincipal.transferencia-temporaria .validaForms {
    text-align: center;
    padding: 15px;
}
#corpoPrincipal.transferencia-temporaria .selecionarMesTodo input {
    margin-right: 6px;
}
#corpoPrincipal.transferencia-temporaria .selecionarMesTodo label {
    vertical-align: top;
}

.passos {
    margin: 17px 0 15px;
    overflow: auto;
    width: 100%
}
.passos .passo {
    border: 1px solid #399ac2;
    border-radius: 5px;
    float: left;
    margin-left: 25px;
    width: 300px;
}
.passos .passo.ativo {
    background-color: #399ac2;
}
.passos .passo.primeiro {
    margin-left: 0;
}
.passos .passo .descricao {
    color: #399ac2;
    display: inline-block;
    line-height: 1;
    margin: 8px 13px;
}
.passos .passo.ativo .descricao {
    color: #fff;
}
.passos .passo .descricao .numero {
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
}
.passos .passo .descricao .titulo {
    font-size: 16px;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
    width: 250px;
}
.detalhe-transferencia {
    background-color: #f5f5f5;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 15px;
    width: 925px;
}
.detalhe-transferencia h3 {
    margin: 0 0 10px 0;
}
.detalhe-transferencia .dados {
    margin: 0 0 5px 0;
}
.detalhe-transferencia .mes {
    margin: 0 0 5px 30px;
}
.alterar-senha {
    font-size: 13px;
    max-width: 420px !important;
}
.alterar-senha h2 {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.alterar-senha .mensagem {
    font-weight: bold;
}
.alterar-senha .campo {
    overflow: auto;
    margin-top: 4px;
}
.alterar-senha .campo label {
    color: #555;
    float: left;
    margin-top: 8px;
}
.alterar-senha .campo input {
    border-radius: 5px;
    border: 1px solid #bbb;
    box-shadow: rgba(0, 0, 0, 0.05) 2px 2px inset;
    color: #555;
    float: right;
    padding: 8px;
    width: 230px;
}
.alterar-senha .erro {
    overflow: auto;
    width: 100%;
}
.alterar-senha .erro span {
    float: right;
    font-size: 11px;
}
.alterar-senha .botoes {
    margin-top: 6px;
    width: 100%;
}
.alterar-senha .erro-botao {
    color: red;
    overflow: auto;
    padding-top: 10px;
    width: 100%;
}
.alterar-senha .botoes .btn-save {
    cursor: pointer;
    float: right;
}
.alterar-senha .botoes .link {
    float: left;
    padding: 5px 3px;
}

.footer-portal
{
    font-size:11px;
    display: inline-block;
}

/* cancelamento de assinatura - leonardo souza em 21/11/2017 */
#cadastroUsuario .link {
    color: #666;
    text-decoration: underline;
}
#cadastroUsuario .link:hover {
    color: #666;
    text-decoration: none;
}
#cadastroUsuario .aside  {
    width: 430px;
    float: right;
}

/* tela de cancelamento */
.header-cancelamento {
    padding:20px 0px 0px 0px;
    width: 600px;
}
.header-cancelamento .obrigatorio {
    margin: -6px 0 10px 0;
}
.container-cancelamento {
    width: 420px;    
}
.form-item {
    margin: 0 0 6px 0;
}
.form-item .label {
    display: inline-block;
    width: 135px;
    text-align: right;
    padding: 0 10px 0 0;
    color: #666;
}
.form-item .text {
    margin: 0 0 20px 0;
}
.form-item .asterisco {
    color: #ff0000
}
.form-item.form-item-feedback {
    color: #FF0000;
    margin-bottom: 12px;
}
.btn {
    background-image: linear-gradient(-180deg, #F8AA00 0%, #F69102 100%);
    box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,0.30);
    border-radius: 3px;

    font-size: 15px;
    color: #FFFFFF ;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.30);

    height: 33px;
    border: none;
    text-align: center;
    
    display: inline-block;
    color: #FFF !important;
    line-height: 33px;
    padding: 0 32px;
    width: 100%;
    cursor: pointer;
}
.btn:hover {
    color: #FFF !important;
    opacity: .8;
}
a.btn {
    width: auto;
}

.big {
    font-size: 18px;
    font-weight: 700;
}
.box-form .dropDownNacionalidade, 
.box-form .dropDownAssinatura,
 .box-form .dropDownMotivo
{
    width: 267px;
    height: 32px;
    padding: 0 8px;
    border: none;
    font-size: 12px;
    color: #666;
    background: url('../Images/bgBoxCadastroCampo.png') left no-repeat;
}
.box-form .dropDownNacionalidade select, 
.box-form .dropDownAssinatura select, 
.box-form .dropDownMotivo select
{
    width: 267px;
    border: none;
    color: #666;
}
.box-form .textBox,  
.box-form .Captcha_input
{
    height: 32px;
    padding: 0 8px;
    border: none;
    font-size: 12px;
    color: #666;
}
.box-form .comum
{
    width: 251px;
    background: url('../Images/bgBoxCadastroCampo.png') left no-repeat;
}


.box-form  .data
{
    width: 101px;
    background: url('../Images/bgBoxCadastroData.png') left no-repeat;
}
.box-form .ddd
{
    width: 31px;
    text-align: center;
    background: url('../Images/bgCadastroCampoDDD.png') left no-repeat;
}
.box-form .fone, 
.box-form .Captcha_input
{
    width: 133px;
    background: url('../Images/bgBoxCadastroFone.png') left no-repeat;
    margin: 0 0 0 5px;
}
.box-form .ramal 
{
    width: 51px;
    background: url('../Images/bgBoxCadastroRamal.png') left no-repeat;
    margin: 0 0 0 5px;
}

.form-item #selecao_assinaturas * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.form-item {
    position: relative;
}
.form-item:before,
.form-item:after {
    content: " ";
    display: table;
    width: 100%;
}

.form-item #selecao_assinaturas {
    padding: 0;
    margin: 0 5px 5px 0;
    float: right;
    width: 379px;
}
.form-item #selecao_assinaturas .WrapperWrapper1,
.form-item #selecao_assinaturas .WrapperWrapper2 {
    /* background: transparent url(../Images/bgCampoFormulario379.png) left no-repeat; */
    height: 33px;
    width: 379px;
    padding: 0;
    position: relative;
}

.form-item #selecao_assinaturas #seleciona_assinatura_check {
    padding: 0;
    margin: 10px 4px 0 7px;

    position: absolute;
    top: 0;
    left: 0;
}
.form-item #selecao_assinaturas #nome_jornal {
    padding: 9px 0 0 28px;
    width: 200px;
}
.form-item #selecao_assinaturas #codigo_assinatura {
    padding: 9px 0 0 0;
    width: 100px;
}
.form-item #selecao_assinaturas #seleciona_assinatura_seta {
    padding: 0;
    float: right;
    margin: 10px 7px 0px 0;
}
/* protocolos */
.tblProtocolos thead .item {
    font-weight: bold;
    font-size: 14px !important; 
}

/*Click to call*/
.container-clickCall {
    width: 420px;    
    height:280px; 
    background-color: #eeeeee;
    text-align:center;
    border-radius:10px;
}

.container-clickCall-confirmacao {
    height: 260px;
}

.container-clickCall .box-clickCall{
    padding-top:10px;
    align-content:center;   
    width: 80%;
    
    margin: 0 auto;
}

.box-clickCall h2{
    color: #3997c1;
}

.btn-clickCall{
    background-image: linear-gradient(-180deg, #3285aa 0%, #3997c1 100%);
    box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,0.30);
    border-radius: 3px;

    font-size: 15px;
    color: #FFFFFF ;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.30);

    height: 33px;
    border: none;
    text-align: center;
    
    display: inline-block;
    color: #FFF !important;
    line-height: 33px;
    padding: 0 7px;
    width: 100%;
    cursor: pointer;
}

.btn_OkClick{
    float:right;
     width: 50%;
}

.btn_TrocarFone{

    background-image:none;
    border-radius:0px;
    box-shadow: none;
    text-shadow:none;
    color:#387ca2;    
    border: none;
    display: inline-block;
    background-color:transparent;
    float:left;
    width: 50%;
}


.confirmacao-fone-cancelamento {
    padding: 60px 0px 0px 0px;
}

.destaque-cancelamento {
    color: black;
    font-size: 12px;
    color: #666;
}
ol.destaque-cancelamento {
    padding-left: 12px;
}
.form-item.checkbox{
    margin: 15px 0 25px 0;
}
.terms-cancel-box {
    padding: 10px;
    background: #FFFAEF;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #CCC;
}
.terms-cancel-box label {
    cursor: pointer;
    color: #666;
}
.terms-cancel-box p {
    font-style: italic;
}
.chat-aux {
    width: 20px;
    height: 0px;
    background: #eee;
    border: 1px solid #fff;
    border-radius: 18px;
    position: fixed;
    right: 20px;
    bottom: 65px;
    z-index: 2;
    transition: all ease-in-out 300ms;
    animation: slideIn 1s forwards;
    -webkit-animation: slideIn 1s forwards;
    overflow: hidden;
    cursor: pointer;
    display: none;
}
.chat-aux img {
    margin: 25px auto 20px auto;
}
.chat-aux img, .chat-aux .chat-text {
    transition: all ease-in-out 300ms;
    opacity: 0;
    animation: fadeIn 1.5s forwards;
}
.chat-aux .chat-text {
    font-weight: bold;
    font-size: 12px;
}

@keyframes slideIn {
    50% {
        height: 175px;
        width: 20px;
    }

    100% {
        width: 180px;
        height: 175px;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media only screen and (min-width : 320px) {
    .chat-aux {
        display: block;
    }
}
