﻿body { font-family:Arial, Helvetica, MS Sans-serif; color:#808080; font-size:12px; }

.DV_seguraForm h1 { font-size:16px; font-weight:bold; line-height:18px; color:#808080; }

.DV_seguraForm .INP_default { height:18px; border:1px solid #CCC; background:#FFF; padding:2px 0 0 2px; }

.DV_seguraForm { width:567px; display:table; }
.DV_seguraFormEmail { width:300px; display:table; }

.DV_seguraForm .DV_content1Clique { width:546px; padding:0 10px; background-color:#fff; display:table; text-align:left; }
.DV_seguraFormEmail .DV_content1CliqueEmail { width:250px; padding:0 10px; background-color:#fff; display:table; text-align:left; }

.DV_seguraForm .DV_fechar { width:100%; height:25px; }
                                             
.DV_seguraForm .DV_topo { width:100%; height:49px;
                   background:transparent url(../../images/compre1clique/bgtopo.png) center top no-repeat;
                   _background:transparent url(../../images/compre1clique/bgtopo.gif) center top no-repeat;
                   }

.DV_content1Clique .DV_breadcrumbDetalhe { height:42px; border-bottom:1px solid #ccc; }   

.DV_content1Clique .DV_detalhesCompraPagamentoSucesso { width:100%; margin:10px 0; }

.DV_content1Clique .DV_dadosCompra { background-color:#f8f8f8; border:1px solid #ccc; width:524px; display:table; padding:4px 8px 8px 8px; }

.DV_content1Clique .DV_dadosCompra p {font-weight:bold; line-height:20px;}       

.DV_content1Clique .DV_dadosCompra .P_conteudo {font-weight:normal} 

.DV_content1Clique .DV_dadosEstudante {
                              width:530px;
                              margin: 10px auto;
                              }  
.DV_content1Clique .DV_dadosEstudante li { float:left; height:20px; }
.DV_content1Clique .DV_dadosEstudante .LI_01 { width:143px; font-weight:bold  }
.DV_content1Clique .DV_dadosEstudante .LI_02 { width:150px; }
.DV_content1Clique .DV_dadosEstudante .LI_03 { width:228px; }
                              
.DV_content1Clique .DV_dadosEstudante p {font-weight:bold; margin-bottom:10px;}  

.DV_content1Clique .DV_dadosEstudante .bt_OK {margin-left:5px}  

.imgBreadCrumb1 { width:540px; height:37px}
.imgDetalhesCompra { width:134px; height:21px}
.imgBtOk { width:37px; height:19px}
.imgPreenchaSeusDados { width:147px; height:18px}
.imgDadosIncorretos { width:208px; height:30px;}
.imgBtBuscar { width:56px ; height: 24px}
.imgBtProsseguir { width:105px; height:24px;}


.DV_seguraForm .DV_preenchaDados {width:540px; height:20px; margin: 5px auto; border-bottom: 1px solid #ccc} 

.DV_seguraForm .DV_txDadosObrigatorios {
                                   color:#6cc6bd;
                                   text-align:right;
                                   margin:0 auto;
                                   font-weight:bold;
                                   display:block;
                                   width:543px;
                                   height:15px}  

.DV_seguraForm .DV_formularioCampos   {
                                  width:515px;
                                  margin: 5px auto;
                                  font-weight:bold}  
                                  
.DV_seguraFormEmail .DV_formularioCamposEmail   {
                                  width:300px;
                                  margin: 5px auto;
                                  font-weight:bold;}                                 
                                  
.txtNome { width:374px; }
.txtCPF { width:115px; }
.txtNascimento { width:109px; }
.txtEmail { width:375px; }  
.txtEmail2 { width:275px; }  
.txtDDD1 { width:30px; }
.txtTelefone1 { width:90px; }  
.txtDDD2 { width:30px; }
.txtTelefone2 { width:105px; }  
.txtCep { width:130px; }
.txtEndereco { width:210px; } 
.txtNumero { width:40px; } 
.txtComplemento { width:115px; }
.txtBairro { width:140px; } 
.ddlEstado { width:55px; }   
.ddlCidade { width:248px; }  

.DV_formularioCampos li { float:left; height:20px; margin-top:10px }

.LI_label {width:75px}
.LI_labelRight {width:95px}
.LI_labelCidade {width:57px;}

.LI_01 {width:440px;}
.LI_02 {width:170px;}
.LI_03 {width:144px;}
.LI_04 { width:440px;}
.LI_05 { width:45px;}
.LI_06 { width:105px;}
.LI_07 { width:45px;}
.LI_08 { width:105px;}
.LI_09 { width:150px;}
.LI_10 { width:222px;}
.LI_11 { width:230px;}
.LI_12 { width:95px;}
.LI_13 { width:155px;}
.LI_14 { width:169px;}
.LI_15 { width:69px;}
.LI_16 { width:260px}

.LI_17 {width:150px;}

                                                   
                                             
.DV_seguraForm .DV_formularioCampos ul .LI_rotulosRight {
                                              display:block;
                                              width:80px;
                                              height:15px;
                                              float:left;
                                              margin-left:96px;
                                              padding-top:15px}
                                               
.DV_seguraForm .DV_formularioCampos ul .IN_camposRight {
                                             float:left;
                                             padding-top:10px}  
                                             

.DV_seguraForm .DV_formularioCampos ul .bt_Buscar { float:left; width:304px; margin-top:8px}

.DV_seguraForm .DV_alertaProsseguir {background-color:#fff;
                                width:517px;
                                display:block;
                                margin: 0 auto;
                                clear:both;
                                padding-top:15px}

.DV_seguraForm .DV_alerta { background-color:#fff; float:left; width: 208px;}

.DV_seguraForm .DV_prosseguirFinalizar { background-color:#fff; float:right; width: 105px;}

.DV_seguraForm .DV_rodape { 
                      height:45px;
                      width:567px;
                      display:block;
                      background:transparent url(../../images/compre1clique/bgFooter.png) center top no-repeat;
                      _background:transparent url(../../images/compre1clique/bgFooter.png) center top no-repeat;
                      }
         

/* --------------------------------------- Página 2 ---------------------------------------*/

.DV_seguraForm .DV_breadcrumbPagamento {height:37px; width:540px; margin:0 auto; border-bottom: 1px solid #ccc}   

.DV_seguraForm .DV_selecionaPagamento{background-color:#f8f8f8;
                                display:block;
                                width:540px;
                                margin:0 auto;
                                text-align:center;
                                height:99px;
                                  }
                                  
.imgBreadCrumb2 { width:540px; height:34px}
.imgEscolhaSuaForma { width:221px; height:19px;}
.imgLogoVisa,
.imgLogoMasterCard,
.imgLogoAmex,
.imgLogoDiners,
.imgLogoBoleto { width:51px; height:46px}
.imgInterrogacao { width:29px; height:25px}
.imgVoltar2 { width:85px; height:19px}
.imgDadosIncorretos2{ width:208px; height:30px;}
.imgBtFinalizar2 { width:105px; height:24px;}

.labelCartoes {font-weight:bolder;}

.DV_seguraForm .DV_selecionaPagamento ul li { width:108px; float:left; display:block; margin-top:10px} 

.DV_seguraForm .DV_boxPagamento { 
                              margin:10px auto;
                              width:535px;
                              height:370px;
                              }

.DV_boxPagamento li { float:left; height:20px; margin-top:10px }


.LI_labelCartao {width:160px}
.LI_labelMes { width:33px}
.LI_labelAno { width:33px}

.P_dadosObrigatorios {height:15px;
                      color:#6cc6bd;
                      font-weight:bold;
                      margin:5px auto;
                      text-align:right;
                      width:480px}

.txtNomeCartao { width:210px;}
.txtNumeroCartao {width:210px;}
.ddlAnoCartao {width:50px;}
.ddlMesCartao {width:80px;}
.txtCodSeguranca {width:60px;}

.LI_17 {width:280px;}
.LI_18 {width:280px;}
.LI_19 {width:98px;}
.LI_20 {width:70px;}
.LI_21 {width:80px;}
.LI_22 {width: 150px;}

.LI_ParcelaCartao { width:120px;}
.LI_Parcela2 { margin-left:160px; width:120px}




.DV_seguraForm .DV_boxPagamento .DV_boxTopo
{
                              background:transparent url(../../images/compre1clique/imgFormaPagamentoTopo.jpg) center top no-repeat;
                              height:15px} 
                              
.DV_seguraForm .DV_boxPagamento .DV_boxLateral{
                                  
                                  background:transparent url(../../images/compre1clique/imgFormaPagamentoLateral.jpg) center top repeat-y;
                                  width:535px;
                                  display:table;}  
                                   
.DV_seguraForm .DV_boxPagamento .DV_boxRodape 
{
                             
                              background:transparent url(../../images/compre1clique/imgFormaPagamentoFooter.jpg) center top no-repeat;
                              height:15px}                 

.DV_seguraForm .DV_nomePagamento { 
                              width:480px;
                              height:20px;
                              margin:0 auto;
                              border-bottom: 1px solid #ccc;
                              font-size:18px;
                              font-weight:bold;
                              color:#15bacd;
                              
                              }

.DV_seguraForm .DV_formCartao {  width:459px; height:281px; margin: 11px auto; font-weight:bold}

.DV_seguraForm .DV_voltar {  float:left; width: 157px;}
.DV_seguraForm .DV_alerta2 {  float:left; width: 208px;}


/* --------------------------------------- Página 3 ---------------------------------------*/

.DV_seguraForm .DV_visualizarBoleto { width:482px; height:281px; margin: 20px auto; }


.DV_seguraForm .DV_visualizarBoleto ul { height:114px; padding-top:20px}

.DV_seguraForm .DV_visualizarBoleto ul li { float:left}
.iconeBoleto1 { width:117px;}
.iconeBoleto2 { width:137px;}
.iconeBoleto3 { width:130px}
.iconeBoleto4 { width:98px}

.iconeBoleto1, .iconeBoleto2, .iconeBoleto3, .iconeBoleto4 { height:114px}





.TXT_importante {margin:51px auto; width:410px;}

/* --------------------------------------- Página 4 ---------------------------------------*/


.imgBreadCrumb3 { width:542px; height:40px}
.imgParabens { width:386px; height:178px;}
.imgResumoCompra { width:133px; height:21px;}
.imgBtVoltarHome { width:145px; height:29px;}


.DV_seguraForm .DV_breadcrumbSucesso {height:40px; width:540px; margin:0 auto; border-bottom: 1px solid #ccc} 

.DV_seguraForm .DV_imgConfirmacaoPagamento { width:386px; height:178px; margin: 10px 0 0 20px}

.DV_seguraForm .DV_seguraConfirmacaoCompra { width: 540px; display:table}

.DV_seguraForm .DV_boxResumoCompra{ 
                              width:480px;
                              height:24px;
                              margin:0 auto;
                              border-bottom: 1px solid #ccc;
                              font-size:18px;
                              font-weight:bold;
                              color:#15bacd;}
                              
.DV_seguraForm .DV_resumoCompra { background-color:#fff; width:400px; margin: 5px 0 0 30px}

.DV_seguraForm .DV_resumoCompraPagamento { background-color:#fff; width:343px; margin: 15px 0 0 30px}

.DV_logoPagamento { float:left; width:50px; height:30px; display:block; margin-top:10px}
.DV_NomeCartao { float:left; width:150px; height:15px; margin-left:13px; margin-top:10px; font-weight:bold}
.DV_ParcelaCartao { float:left; width:150px; height:15px; margin-left:13px; margin-top:10px}


.rotulo { font-weight:bold; line-height:20px  }

.resultado {font-weight:normal} 

.LI_logoCartao { float:left; width:61px; height:46px;}

.LI_infParcelas { float:left; width:111px; height:16px; line-height:20px; font-weight:bold}

.LI_infValor {width:172px; height:46px; line-height:20px; font-weight:bold}

.DV_seguraForm .DV_voltarHome{  margin:0 auto; width: 145px;}

.modalBackground{
            background-color: Gray;
            filter: alpha(opacity=70);
            opacity: 0.7;
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 99999999999999;
}

.modalBackgroundAguarde{
            background-color: Gray;
            filter: alpha(opacity=20);
            opacity: 0.2;
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 9999999999999999;
}

.modalBackgroundEmail{
            background-color: Gray;
            filter: alpha(opacity=20);
            opacity: 0.2;
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 999999999999999999;
}

.modalChildBackground
{
    position: absolute;
    top: 10px;
    left: 20%;
    z-index: 999999999999999;
}

.modalChildBackgroundFirefox
{
    position: absolute;
    top: 10px;
    left: 20%;
    z-index: 999999999999999;
}

.modalChildBackgroundAguarde
{
    position: fixed;
    left: 0;
    top: 45%;
    width: 100%;
    height: 100%;
    z-index: 99999999999999999;
}

.modalChildBackgroundForm
{
    z-index: 999999999999999;
}

.DV_esqSenha { border:solid 1px; position:absolute; top:450px; left:310px; width:250px; background:transparent url('../../images/compre1clique/btnEsqSenhaAba.gif') right 6px no-repeat; }
.DV_esqSenha p { background-color:#ffffff; }
.DV_esqSenha p,
.DV_esqSenha p a { color:#6cc6bd; font-weight:bolder; padding:0 10px; font-size:10px; }

/* --------------------------------------- Erro Cartão ---------------------------------------*/

.DV_main .DV_NaoAutorizada{ height:111px; margin:93px auto; width:482px; }

.DV_main .DV_Negado { width:279px; height:39px; margin:20px auto; display:table }
.DV_main .DV_VoltarNegado {  width:89px; height:21px; margin:0px auto; display:table }

.imgNaoAutorizada { width:279px;}
.imgVoltarNao { width:89px;}
