/***************** AREA DE LOGIN ********************/
#login {width: 1000px; height: 400px; padding: 20px 0px 0px 0px; float: left;}
#login .info {width: 430px; padding: 30px 30px 0 40px; float: left; font-size: 11px;}
#login .info p {margin-bottom: 10px}
#login .info ul li.telefones {width: 150px; float: left;}
#login .info ul li.chat {width: 120px; float: left;}
#login .info ul li.email {width: 120px; float: left;}

#login form {width: 370px; padding: 15px; float: left; background: #81d8d0; }
#login form input {width: auto; display: block; margin-bottom: 20px; float: left; padding: 2px; border: 1px solid #7b7b7b;}
#login form label {width: auto; display: block; margin-bottom: 5px; float: left;}
#login form input.email {width: 364px; }
#login form input.bt {width: 104px; height: 27px; float: right; padding: 0px; margin: 15px 0px 0px 0px; border: none; background: url(../imagens/botoes/botao-continuar.gif) no-repeat}
#login form ul {width: 370px; float: left; margin-bottom: 20px;}
#login form ul li.nao {width: 80px; padding-top: 3px; float: left;}
#login form ul li.sim {width: 55px; padding-top: 3px; float: left;}
#login form ul li.nao input, #login form ul li.sim input {margin: 0 5px 0 0; padding: 0px; border: none;}
#login for ul li.campo {width: 200px; float: left;}
#login form ul li.campo input {width: 130px; margin: 0px;}
#login form p {width: 100%; float: left;}
#login form div.erro {width: 220px;  padding: 5px 5px 6px 5px; margin: 15px 0px 0px 0px; float: left; font-size: 11px; color: #FFF; background: #9e0039;}

#login .itensLogin {width: 100%; float: left; margin-top: 30px; padding: 10px 0px 0px 0px; color: #737373; border-top: 1px solid #dadada;}
#login .itensLogin li {width: 185px; padding-left: 65px; margin-left: 50px; font-size: 11px; float: left;}
#login .itensLogin li h5 {letter-spacing: 2px; font-weight: normal;}
#login .itensLogin li a {color: #737373; text-decoration: underline;}
#login .itensLogin li.seguranca  {background: url(../imagens/seguranca-login.gif) no-repeat left bottom}
#login .itensLogin li.acesso  {width: 170px; background: url(../imagens/acesso-login.gif) no-repeat left bottom}
#login .itensLogin li.privacidade  {background: url(../imagens/privacidade-login.gif) no-repeat left bottom}

div#senha {width: 300px; height: 400px; padding: 20px 0px 0px 0px; margin: 0px auto 0px;}
div#senha form {width: 270px; float: left;  padding: 15px; margin: 0px auto; background: #81d8d0; }
v#senha form input {width: auto; display: block; margin-bottom: 15px; float: left; padding: 2px; border: 1px solid #7b7b7b;}
div#senha form .div {width: 100%; float: left;}
div#senha form label {width: 100%; display: block; margin-bottom: 5px; float: left;}
div#senha form ul {width: 270px; float: left; margin-bottom: 15px;}
div#senha form ul li {width: 50%; float: left;}
div#senha form ul li input {margin: 0 5px 0 0; padding: 0px; border: none;}
div#senha form input.bt {width: 97px; height: 27px; float: right; padding: 0px;  margin: 0px; border: none; background: url(../imagens/botoes/botao-solicitar.gif) no-repeat}
div#senha form div.erro {width: 150px;  padding: 5px 5px 6px 5px;  float: left; font-size: 11px; color: #FFF; background: #9e0039;}

/***************** AREA VIP ********************/
#areaVip h2 {font-size: 30px; font-weight: normal; margin-bottom: 20px; text-transform: uppercase;}

/* CADASTRO (ALTERAÇÃO DE DADOS) */
#areaVip .titulo {width: 99.5%; float: left; margin-bottom: 15px; background: #81d8d0;}
#areaVip .titulo h2 {width: 780px; padding: 5px 0px; margin: 0px auto; font-size: 13px; font-weight: normal; text-transform: uppercase; }
#areaVip ul.escolha {width: 335px; padding: 8px 0px; margin: 0px auto; text-transform: uppercase; }
#areaVip ul.escolha li {display: inline; padding-right: 40px;}
#areaVip .tabelaCadastro {width: 700px; clear: left; margin: 0px auto;}
#areaVip .tabelaCadastro td {padding: 7px 5px; vertical-align: top;}
#areaVip .tabelaCadastro label {text-transform: uppercase;}
#areaVip .tabelaCadastro .item {width: 170px; text-align: right;}
#areaVip .tabelaCadastro input {padding: 2px; border: 1px solid #a4a4a4; }
#areaVip .tabelaCadastro select { padding: 2px; border: 1px solid #a4a4a4;}
#areaVip .tabelaCadastro select.pais {width: 150px; padding: 2px; border: 1px solid #a4a4a4;}
#areaVip .tabelaCadastro select.estado {width: 200px; padding: 2px; border: 1px solid #a4a4a4;}
#areaVip .tabelaCadastro textarea {width: 80%; padding: 2px; border: 1px solid #a4a4a4; font: 12px "Lucida Sans Unicode", "Arial"," Verdana"; }
#areaVip .tabelaCadastro span {font-size: 11px;}
#areaVip .tabelaCadastro .newsletter {text-transform: none;}
#areaVip .tabelaCadastro .bt {border: none; padding: 0px; float: right; margin: 0px 96px 10px 0px}
#areaVip .tabelaCadastro .erro {color: #FF0000;}

/* ENDEREÇO (CADASTRO E ALTERAÇÃO) */
#areaVip .agruaEnderecos {width: 780px; margin: 0px auto;}
#areaVip .agruaEnderecos h2 {width: 100%; padding: 0px;}
#areaVip .agruaEnderecos .meusEnderecos {width: 600px; float: left; padding: 5px;}
#areaVip .agruaEnderecos .meusDados {width: 150px; float: left; padding: 5px; border-left: 10px solid #FFF;}
#areaVip .agruaEnderecos .meusEnderecos ul {width: 600px; float: left;}
#areaVip .agruaEnderecos .meusEnderecos ul li {width: 195px; float: left; margin-bottom: 25px;}
#areaVip .agruaEnderecos .meusEnderecos ul li.clear {width: 600px; clear: left; margin: 0px;}
#areaVip .agruaEnderecos .meusEnderecos ul li .radio {width: 20px; float: left;}
#areaVip .agruaEnderecos .meusEnderecos span, #areaVip .agruaEnderecos .meusDados span {text-transform: uppercase;}
#areaVip .agruaEnderecos .meusEnderecos a, #areaVip .agruaEnderecos .meusDados a {display: block; margin-top: 10px; text-decoration: underline; outline: none;}

/* ALTERAR SENHA E E-MAIL */
#areaVip .formAlterar {width: 420px; clear: left;}
#areaVip .formAlterar label {width: 250px; padding-right: 10px; margin-bottom: 15px; float: left; font-size: 12px; text-transform: uppercase; text-align: right; display: block;}
#areaVip .formAlterar input {width: 154px; padding: 2px; margin-bottom: 15px; float: left; border: 1px solid #a4a4a4;}
#areaVip .formAlterar .bt {width: 86px; height: 27px; float: right; padding: 0px;  margin: 0px; border: none; background: url(../imagens/botoes/botao-alterar.gif) no-repeat; cursor: pointer;}
#areaVip .formAlterar .erro {margin-bottom: 25px;}

/* PÁGINA INICIAL AREA VIP */
#areaVip .topoAreavip {width: 845px; height: 200px; margin-bottom: 15px; font-size: 11px;}
#areaVip .topoAreavip .chamada {width: 525px; height: 180px; padding: 10px; background: #e6e6e6; float: left; margin-right: 5px;}
#areaVip .topoAreavip .chamada h2 {font-size: 24px; text-transform: uppercase; font-weight: normal; margin: 0px;}
#areaVip .topoAreavip .chamada p {margin: 10px 0px 0px 0px;}
#areaVip .topoAreavip .banner {width: 295px; float: left;}

#areaVip .statusPedido {width: 500px; float: left; margin-left: 20px; text-transform: uppercase; font-size: 11px;}
#areaVip .statusPedido p {margin-bottom: 10px;}

#areaVip .indexListaDesejo {width: 420px; margin: 30px 0px 10px 0px; float: left; clear: left;}
#areaVip .indexListaDesejo h3 {padding: 10px; font-weight: normal; font-size: 14px; background: #81d8d0; color: #FFF; text-transform: uppercase; position: relative;}
#areaVip .indexListaDesejo h3 a {font-size: 10px; position: absolute; top: 13px; right: 10px; }
#areaVip .indexListaDesejo p {font-size: 11px; padding: 0px 10px; margin-bottom: 10px;}

#areaVip .infoFechamento {width: 358px; padding: 10px 5px; margin: 10px 0px 20px 0px; float: left; background: #81d8d0; font-size: 11px; line-height: 16px;}
#areaVip .infoFechamento h4 {font-size: 11px; font-weight: normal; margin-bottom: 15px;}
#areaVip .infoFechamento small {line-height: 12px;}

#areaVip .ebitAreaVip {width: 468px;  margin: 10px 0px 20px 0px; float: right;}

#areaVip .infoLista {width: 470px; margin-bottom: 20px;}
#areaVip .infoLista p {margin-bottom: 10px;}

.btsLista {width: 100%; margin: 25px 0px 10px 0px; float: left;}
.btsLista li {width: 50%; float: left; display: block;}
.btsLista li img {cursor: pointer;}
.btsLista li.esquerda {text-align: left;}
.btsLista li.direita {text-align: right;}

.listaBusca {width: 100%; padding-bottom: 20px; float: left;}
.listaBusca input {width: 180px; padding: 2px; float: left; border: 1px solid #dadada; font: 11px "Lucida Sans Unicode", "Arial"," Verdana"; color: #737373; text-transform: uppercase; letter-spacing: 2px;}
.listaBusca input.bt {width: 29px; height: 21px; padding: 0px; margin-left: 5px; float: left; border: none;}


.numeroPedido {width: 150px; height: 80px; padding: 25px 10px 5px 10px; float: left; color: #FFF; text-transform: uppercase; font-size: 10px; background: #980034;}
.numeroPedido span {display: block; font-size: 35px; letter-spacing: 2px;}

.confirmacaoPedido {width: 600px; padding-left: 20px; float: left;}
.confirmacaoPedido p {margin-bottom: 10px;}

#areaVip .subTotal {width: 825px; padding: 7px 10px; background: #d7d7d7; text-align: right; font-size: 11px; float: left;}
#areaVip .freteFechamento {width: 825px; padding: 7px 10px; text-align: right; font-size: 11px; float: left;}
#areaVip .valeFechamento {width: 825px; padding: 7px 10px; border-top: 1px solid #dadada; text-align: right; font-size: 11px; float: left;}
#areaVip .total {width: 825px; padding: 7px 10px; background: #9e0039; text-align: right; font-size: 11px; color: #FFF; float: left;}

.pacotePresente {margin-top: 20px; line-height: 18px; font-size: 11px;}
.pacotePresente h3 {font-size: 18px; font-weight: normal;}
.pacotePresente h4 {font-size: 11px;}
.pacotePresente p {margin-bottom: 25px;}
.pacotePresente ul {width: 100%; float: left;  margin-bottom: 20px;}
.pacotePresente ul li.item {width: 100%; float: left; padding: 20px 0px; border-bottom: 1px solid #dadada;}
.pacotePresente ul .infoProdutos {width: 500px; float: left;}
.pacotePresente ul .img {width: 150px; height: 150px; float: left;}
.pacotePresente ul .agrupaInformacoes {width: 335px; float: right;}
.pacotePresente ul li ul li {margin-bottom: 5px;}
.pacotePresente ul li ul li.nome {margin-bottom: 30px;}
.pacotePresente ul li ul li .caixa {width: 50px; margin-right: 5px; text-align: center; float: left;}
.pacotePresente textarea {width: 400px; display: block; margin: 5px 0px; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 2px; border: 1px solid #a4a4a4;}
.pacotePresente .bt {float: right; margin: 0px 94px 20px 0px;}