@CHARSET "ISO-8859-1";
* { margin: 0; padding: 0; font: 11px tahoma; }

iframe,
.inativo { display: none; }
.esquerda { float: left; }

/* contendo float */
html body .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html body .contemfloat { display: inline-block; }
/* Hides from IE-mac \*/
* html body .contemfloat { height: 1%; }
html body .contemfloat { display: block; }
/* End hide from IE-mac */


/* --- REPLACEMENT --- */
div#limites h1,
div#limites ol.passos li,
div.pop_up a.fechar { text-indent: -999em; }
div#limites div#conteudo p.brinde { margin: 10px 0; color: #00506F; font-size: 11px; }

html,
body { position: relative; background: url(imagens/bg_html.gif) top center repeat-y; }
p { margin: 3px 0; }
a , strong { color: #00506f; }
a strong , strong { font-weight: bold; }

.importante { color: #b44; font-weight: bold; line-height: 20px; }


div#limites { width: 770px; margin: 0 auto; background-color: #f5f5f5; padding-bottom:20px;}

div#limites h1 { height: 105px; margin: 0 0 28px 25px; padding-top: 15px; background: url(imagens/titulo_h1.png) 0 15px no-repeat; }

div#limites p.opcao_tel { text-align: center; margin-top: 10px; }



/* ------ LISTA PASSOS ------ */
div#limites ol.passos { width: 644px; padding: 0 35px 0 25px; height: 55px; margin-left: 28px; background: url(imagens/fundo_passos.gif) bottom repeat-x; }
div#limites ol.passos li { height: 37px; float: left; list-style-type: none; background: url(imagens/passos.png) no-repeat; }

/* ativos */
body div#limites ol.passos li.um   { width: 218px; }
body div#limites ol.passos li.dois { width: 265px; background-position: -218px -37px; } 
body div#limites ol.passos li.tres { width: 160px; background-position: -483px -37px; }

body.passo2 div#limites ol.passos li.um   { background-position:      0 -37px; }
body.passo2 div#limites ol.passos li.dois { background-position: -218px     0; }
body.passo2 div#limites ol.passos li.tres { background-position: -483px -37px; }

body.passo3 div#limites ol.passos li.um   { background-position:      0 -37px; }
body.passo3 div#limites ol.passos li.dois { background-position: -218px -37px; }
body.passo3 div#limites ol.passos li.tres { background-position: -483px     0; }


/* ------ CONTEÚDO ------ */
div#limites div#conteudo { width: 440px; min-height: 303px; margin: 30px auto 0; padding: 15px 40px; background: url(imagens/fundo_formulario.png) repeat-x; }
* html div#limites div#conteudo { height: 303px; }
div#limites div#conteudo p { font-size: 10px; }
div#limites div#conteudo h3,
div#limites div#conteudo h4 { font-weight: bold; color: #00506f; }
div#limites div#conteudo h4,
div#limites div#conteudo p.opcao { margin-bottom: 10px; }
div#limites div#conteudo h3 { font-size: 14px; }

div#limites div#conteudo form fieldset { border: none; }
div#limites div#conteudo form fieldset ul li,
div#limites div#conteudo ul.aviso_validacao li { list-style-type: none; }
div#limites div#conteudo form fieldset ul li input { border: 1px solid #2E516D; padding: 2px 4px; margin-bottom: 5px; }
div#limites div#conteudo form fieldset ul li select { border: 1px solid #2E516D; padding: 1px 2px; margin-bottom: 5px; }
div#limites div#conteudo form fieldset ul li textarea { border: 1px solid #2E516D; padding: 4px; width: 340px; height: 28px; margin-bottom: 5px; }

div#limites div#conteudo button { cursor: pointer; border: none; background-color: #c9d617; }
div#limites div#conteudo button.btn_conteudo { width: 340px; height: 39px; margin: 0 auto; font-weight: bold; cursor: pointer; background: url(imagens/botao.png) no-repeat; border: none; display: block; }
div#limites div#conteudo a.que_isso { width: 86px; height: 15px; margin: 0 175px; text-align: center; color: white; text-decoration: none; background: url(imagens/fundo_que_isso.gif) no-repeat; display: block; }


/* ------ VALIDAÇÃO ------ */
div#limites div#conteudo ul.aviso_validacao { margin-bottom:20px; color: #e00; }
div#limites div#conteudo ul.aviso_validacao strong { color: #e00 !important; }


/* ------------------------ PASSO 1 ------------------------ */

div#limites div#conteudo form fieldset ul.dados_usuario { margin-top: 15px; margin-bottom: 20px; }

  
  /* LABEL */
  div#limites div#conteudo form fieldset ul li label { font-weight: bold; }
  div#limites div#conteudo form fieldset ul.dados_usuario li label.nome,
  div#limites div#conteudo form fieldset ul.dados_usuario li label.email,
  div#limites div#conteudo form fieldset ul.telefones li label { height: 19px; line-height: 19px; float: left; display: block; }
  
  div#limites div#conteudo form fieldset ul.dados_usuario li label.nome,
  div#limites div#conteudo form fieldset ul.dados_usuario li label.email { width: 50px; }
  div#limites div#conteudo form fieldset ul.dados_usuario li label.receber_email { margin-left: 12px; font-weight: normal; }
  
  div#limites div#conteudo form fieldset ul.dados_usuario li label.cpf_cnpj,
  div#limites div#conteudo form fieldset ul.dados_usuario li label.nascimento { float:left; line-height:22px; width:106px; }

  div#limites div#conteudo form fieldset ul.telefones li label { width: 130px; }

/* dados pessoais */
div#limites div#conteudo form fieldset ul.dados_usuario li input#no_cliente { width: 377px; }
div#limites div#conteudo form fieldset ul.dados_usuario li input#no_email { width: 180px; }
div#limites div#conteudo form fieldset ul.dados_usuario li label.receber_email input#in_contato { border: none; }
div#limites div#conteudo form fieldset ul.dados_usuario li input#nr_cpf_cnpj { width: 90px; }

div#limites div#conteudo form fieldset ul.dados_usuario li input#dt_nascimento_dia,
div#limites div#conteudo form fieldset ul.dados_usuario li input#dt_nascimento_mes { width: 16px; }

div#limites div#conteudo form fieldset ul.dados_usuario li input#dt_nascimento_ano { width: 32px; }

/*div#limites div#conteudo form fieldset ul.dados_usuario li.sexo { }*/
div#limites div#conteudo form fieldset ul.dados_usuario li.sexo span label { font-weight: normal !important; }
div#limites div#conteudo form fieldset ul.dados_usuario li.sexo span input { border: none; }
div#limites div#conteudo form fieldset ul.dados_usuario li.sexo select { width: 110px; border: 1px solid black; font-weight: bold; }


/* telefone */
div#limites div#conteudo form fieldset ul.telefones li input#nr_ddd,
div#limites div#conteudo form fieldset ul.telefones li input#nr_ddd_pres { width: 20px; }
div#limites div#conteudo form fieldset ul.telefones li input#nr_fone,
div#limites div#conteudo form fieldset ul.telefones li input#nr_fone_pres { width: 139px; }


/* dados de localização */

div#limites div#conteudo form fieldset ul.endereco_usuario { margin-top: 30px; }
div#limites div#conteudo form fieldset ul.endereco_usuario li label { width: 85px; display: block; float: left; }
div#limites div#conteudo form fieldset ul.endereco_usuario li label.menor { width: 50px; padding-left: 7px; }
div#limites div#conteudo form fieldset ul.endereco_usuario li label.complemento,
div#limites div#conteudo form fieldset ul li label.validade,
div#limites div#conteudo form fieldset ul li label.conta_corrente { padding-left: 7px; }
div#limites div#conteudo form fieldset ul.endereco_usuario li input#no_cidade,
div#limites div#conteudo form fieldset ul.endereco_usuario li input#no_cidade_final,
div#limites div#conteudo form fieldset ul.endereco_usuario li input#no_bairro,
div#limites div#conteudo form fieldset ul.endereco_usuario li input#no_bairro_final { width: 85px; }
div#limites div#conteudo form fieldset ul.endereco_usuario li input#no_complemento { width: 191px; }
div#limites div#conteudo form fieldset ul.endereco_usuario li input#no_complemento_final { width: 186px; }
div#limites div#conteudo form fieldset ul.endereco_usuario li input#no_logradouro,
div#limites div#conteudo form fieldset ul.endereco_usuario li input#no_logradouro_final { width: 340px; }
div#limites div#conteudo form fieldset ul.endereco_usuario li select#sl_uf,
div#limites div#conteudo form fieldset ul.endereco_usuario li select#sl_uf_final { width: 45px; }

/* fieldsets passo 2 */
div#limites div#conteudo form fieldset.ass_presente { margin-top: 35px; }
div#limites div#conteudo form fieldset.tipo_ass,
div#limites div#conteudo form fieldset.end_fim_semana,
div#limites div#conteudo form fieldset.como_pagar,
div#limites div#conteudo form fieldset ul.parc_escolhido { margin-top: 30px; }

div#limites div#conteudo form fieldset.ass_presente ul li label,
div#limites div#conteudo form fieldset.end_fim_semana ul li label { display: block; float: left; }

div#limites div#conteudo form fieldset.ass_presente ul li label { width: 155px; }

div#limites div#conteudo form fieldset.end_fim_semana h4 { margin-top: 10px; }
div#limites div#conteudo form fieldset.end_fim_semana ul { margin-top: 15px; }
div#limites div#conteudo form fieldset.end_fim_semana ul li label { width: 90px; }

div#limites div#conteudo form fieldset.tipo_ass ul li input,
div#limites div#conteudo form fieldset ul.parc_escolhido li input { border: none; }

div#limites div#conteudo button.padrao { margin-left: 1px; width: 170px; background-color: #c9d617; padding: 2px 8px 0 10px; cursor: pointer; border-bottom: 2px solid #c1c1c1; border-right: 2px solid #c1c1c1; }
.passo2 div#limites div#conteudo button.padrao { width: 210px; margin-right: 15px; }



/* ------ PASSO 4 ------ */
body.passo4 div#limites div#conteudo p { margin: 10px 0; }
body.passo4 div#limites div#conteudo div.escolha_que_fazer { margin: 40px 0; }
body.passo4 div#limites div#conteudo div.escolha_que_fazer h4 { margin: 0 0 10px; }
body.passo4 div#limites div#conteudo button.padrao { margin: 0 24px; } 



/* ------ NAVEGAÇÃO ------ */

div#limites div#conteudo /*form fieldset*/ ul.navegacao { margin-top: 30px; list-style: none; }
div#limites div#conteudo /*form fieldset*/ ul.navegacao li { float: right; }
div#limites div#conteudo /*form fieldset*/ ul.navegacao li button,
div#limites div#conteudo /*form fieldset*/ ul.navegacao li a { margin-right: -48px; height: 42px; line-height: 43px; font-size:14px; font-weight: bold; text-decoration: none; color: white; background: url(imagens/btn.png) no-repeat; display: block; position: relative; }
div#limites div#conteudo /*form fieldset*/ ul.navegacao li a { padding-left: 8px; width: 98px; }
div#limites div#conteudo /*form fieldset*/ ul.navegacao li button { padding-left: 8px; width: 106px; border: none; text-align: left; cursor: pointer; }
div#limites div#conteudo /*form fieldset*/ ul.navegacao li.btn_voltar { float: left; }
div#limites div#conteudo /*form fieldset*/ ul.navegacao li.btn_voltar a { margin-left: -48px; margin-right: 0; padding-left: 48px; width: 58px; background-position: 0 -42px; }
body.passo3 div#limites div#conteudo /*form fieldset*/ ul.navegacao li.btn_voltar a { color: black; }


/* ------------------------ PASSO 3 ------------------------ */

body.passo3 h2,
body.passo3 h4,
body.passo3 h5,
body.passo3 ul li { font-weight: bold; }

body.passo3 h2 { font-size: 18px; margin-top: 28px; }
body.passo3 h4 { font-size: 16px; margin: 26px 0 10px; color: #000 !important; }
body.passo3 h5 { margin: 27px 0 10px; }

body.passo3 ul li { margin: 7px 0; list-style-type: none; }

body.passo3 div#limites div#conteudo form fieldset { margin-top: 37px; }
body.passo3 div#limites div#conteudo form fieldset fieldset.preferencias { background-color: white; width: 440px; padding: 11px 40px 16px; margin: 0 -40px; position: relative; }
body.passo3 div#limites div#conteudo form fieldset fieldset.preferencias ul li input { border: none; padding: 0; }
body.passo3 div#limites div#conteudo form fieldset fieldset.preferencias p { font-size: 12px; line-height: 20px; }
body.passo3 div#limites div#conteudo form fieldset fieldset.preferencias p.comentario { font-size: 10px; line-height: 12px; color: #838383; }

body.passo3 div#limites div#conteudo form fieldset fieldset.preferencias ul { margin-top: 10px; }
body.passo3 div#limites div#conteudo form fieldset fieldset.preferencias ul li { width: 110px; float: left; position: relative; }
body.passo3 div#limites div#conteudo form fieldset fieldset.preferencias ul li label { width: inherit; padding: 5px 0; font-weight: normal; }


/* ------------------------ POP-UP ------------------------ */
#overlay { position: absolute; display: none; top: 0; left: 0; background: #000; opacity:0.4!important; filter:Alpha(opacity=40) !important; z-index: 2; }
div.pop_up { text-align: center; width: 340px; height: 204px; margin-left: -219px; left: 50%; top: 60px; padding-left: 100px; background: url(imagens/fundo_pop-up.gif) no-repeat; position: absolute; z-index: 3; }
div.pop_up a.fechar { width: 30px; height: 13px; margin-top: 6px; margin-right: 19px; background: url(imagens/fechar_pop-up.gif) no-repeat; display: block; float: right; overflow: hidden; }

div.pop_up p { color: white; clear: both; }

div.pop_up h1,
div.pop_up p strong,
div.pop_up ul li strong { font-weight: bold; color: white; }

div.pop_up h1 { clear: both; font-size: 24px; padding-top: 10px; }
div.pop_up p { font-size: 12px; }
div.pop_up ul { margin: 25px 0px 25px 20px; }
div.pop_up ul li { list-style-type: none; }
div.pop_up ul li strong { font-size: 20px; }