.inv_plano{
         width: 200px;
         float: left;
         padding-left: 10px;
         padding-top: 5px;
         font-weight: bold;
         }

         .inv_dias{
         width: 100px;
         height: auto;
         float: left;
         padding-top: 5px;
         }
         .inv_valor{
         width: 100px;
         height: auto;
         float: left;
         padding-top: 5px;
         }
         .inv_valor_dia{
         width: 100px;
         height: auto;
         float: left;
         padding-top: 5px;
         }
         .inv_econo{
         width: 180px;
         height: auto;
         float: left;
         padding-top: 5px;
         color: #215182;
}
         .inv_comprar{
         width: 110px;
         height: auto;
         float: left;
         cursor: pointer;
         color: #fd9d12;
         padding-top: 5px;
         }
         .inv_comprar a{
             text-decoration: none;
             font-weight:bold;
             color: #fd9d12;
}
    .inv_assine_plano{
                        width: 770px;
                        margin-left: 15px;
                        float: left;
                        font-family: helvetica, arial;
                        color: var(--corfonte);
                        font-weight: bold;
                        background-color: var(--corfundocaixas);
                        padding-top: 4px;
                        font-size: 135%;
    }


.inv_botao_assine {
    width: 121px;
    height: 33px;
    margin-right: 1px;
    margin-left: 15px;
    margin-bottom: 1px;
    margin-top: 15px;
    vertical-align: middle;
    font-size: 100%;
    color: var(--corbotao_destaque_fonte);
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-style: normal;
    font-variant: normal;
    padding-top: 11px;
    cursor: pointer;
    float: left;
	background-color: var(--corbotao_destaque);
	border-radius: 0.35em;
	white-space: nowrap;
	border-top: none;
    border-left: none;
    border-right: 2px solid var(--corbotao_sombra);
    border-bottom: 2px solid var(--corbotao_sombra);    
    
}
.inv_botao_assine:hover {
    background-color: var(--corbotao_destaque_hover);
}
.inv_botao_largo {
    background-color: var(--corbotao_destaque);
    width: 202px;
    height: 30px;
    margin-right: 1px;
    margin-left: 15px;
    margin-bottom: 1px;
    margin-top: 15px;
    vertical-align: middle;
    font-size: 100%;
    color: var(--corbotao_destaque_fonte);
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-style: normal;
    font-variant: normal;
    padding-top: 11px;
    cursor: pointer;
    float: left;
    
	border-radius: 0.35em;
	white-space: nowrap;
	border-top: none;
    border-left: none;
    border-right: 2px solid var(--corbotao_sombra);
    border-bottom: 2px solid var(--corbotao_sombra);    
    
}
.inv_botao_largo:hover {
    background-color: var(--corbotao_destaque_hover);
}
.inv_botao_largo2 {
    width: 202px;
    margin-right: 1px;
    margin-left: 15px;
    margin-bottom: 1px;
    margin-top: 15px;
    vertical-align: middle;
    font-size: 100%;
    color: #606060;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-style: normal;
    font-variant: normal;
    padding-top: 0;
    cursor: pointer;
    float: left;
    height: 44px;
	background-color: var(--corbotao_destaque);
	color: var(--corbotao_destaque_fonte);
	border-right: 2px solid var(--corbotao_sombra);
	border-radius: 3px;
	border-bottom: 2px solid var(--corbotao_sombra); 
	border-top: none;   
	border-left: none;   
	font-family: Arial, 'Helvetica', sans-serif;
}
.inv_botao_largo2:hover {
	background-color: var(--corbotao_destaque_hover);
}
.inv_botao_larg_cinza {
    width: 202px;
    margin-right: 1px;
    margin-left: 15px;
    margin-bottom: 1px;
    margin-top: 15px;
    vertical-align: middle;
    font-size: 100%;
    color: #606060;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-style: normal;
    font-variant: normal;
    padding-top: 11px;
    cursor: pointer;
    float: left;
    height: 31px;
	background-color: var(--corbotao_desligado);
	border-right: 2px solid var(--corfonte_clara);
	border-radius: 3px;
	border-bottom: 2px solid var(--corfonte_clara); 
	border-top: none;   
	border-left: none;   
   
}
.inv_botao_larg_cinza:hover {
	background-color: var(--corfundo);
}
#inv_corpo_botao_assine{
          clear: both;
          display: block;
          margin-left: 15px;
          margin-top: 5px;
          float:left;

}
.inv_corpo_metodos_pg{
          clear: both;
          display: none;
          margin-left: 15px;
          margin-top: 5px;
          float:left;
          width: 779px;

}
.inv_metodos_pg{
          clear: both;
          display: block;
          float:left;
          width: 779px;
}
    .inv_metodo_escolha{
                        width: 700px;
                        margin-left: 15px;
                        float: left;
                        font-family: helvetica, arial;
                        color: var(--corfonte);
                        font-weight: normal;
                        background-color: var(--corfundocaixas);
                        padding-top: 4px;
                        font-size: 90%;
    }
    .inv_metodo_escolha a{
                        text-decoration: none;
    }
    .inv_cod_promo{
                        width: 700px;
                        margin-left: 15px;
                        margin-bottom: 8px;
                        float: left;
                        font-family: helvetica, arial;
                        color: #999999;
                        font-weight: normal;
                        padding-top: 16px;
                        font-size: 75%;
                        text-align: left;
                        clear: both;
    }
    .inv_resumo_plano{
                        width: 700px;
                        margin-left: 15px;
                        margin-bottom: 25px;
                        float: left;
                        font-family: helvetica, arial;
                        color: #555555;
                        font-weight: bold;
                        padding-top: 20px;
                        font-size: 85%;
                        text-align: left;
        text-decoration: underline;
}
    .inv_resumo_plano_item{
                        width: 350px;
                        margin-left: 15px;
                        margin-bottom: 2px;
                        float: left;
                        font-family: helvetica, arial;
                        color: #555555;
                        font-weight: normal;
                        padding-top: 2px;
                        font-size: 80%;
                        text-align: left;
    }
    .inv_resumo_plano_valor{
                        width: 350px;
                        margin-left: 15px;
                        margin-bottom: 2px;
                        float: left;
                        font-family: helvetica, arial;
                        color: #555555;
                        font-weight: normal;
                        padding-top: 2px;
                        font-size: 80%;
                        text-align: left;
    }
    .inv_cod_promo a{
        text-decoration: none;
                        width: auto;
                        margin-left: 0px;
                        float: none;
                        font-family: helvetica, arial;
                        color: #999999;
                        font-weight: normal;
    }
.inv_cod_promo_input{
        border: solid #999999 1px;
        margin: 0px 10px 0px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        font-size: 75%;
        font-family: helvetica, arial;
        color: var(--corfonte);
        font-weight: bold;
        background-color: var(--corfundocaixas);
        height: 14px;
        float: none;
}
    .inv_cod_promo_tempo{
                        width: 700px;
                        margin-left: 15px;
                        float: left;
                        font-family: helvetica, arial;
                        color: #999999;
                        font-weight: normal;
                        padding-top: 8px;
                        font-size: 70%;
                        text-align: left;
    }
.inv_metodo_descricao {
    width: 540px;
    margin-right: 1px;
    margin-left: 15px;
    margin-top: 24px;
    vertical-align: middle;
    font-size: 80%;
    color: #777777;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    font-style: normal;
    font-variant: normal;
    padding-top: 4px;
    float: left;
}
.inv_dia_input{
        border: solid #999999 1px;
        margin: 3px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        font-size: 17px;
        font-family: helvetica, arial;
        color: var(--corfonte);
        font-weight: bold;
        background-color: var(--corfundocaixas);
        height: 30px;
}

         .inv_h_data{
         width: 200px;
         float: left;
         padding-left: 10px;
         padding-top: 5px;
         font-family: helvetica, arial;
         color: var(--corfonte);
         font-size: 90%;
         }
         .inv_h_transacao{
         width: 100px;
         height: 20px;
         float: left;
         padding-top: 5px;
         font-family: helvetica, arial;
         color: var(--corfonte);
         font-size: 90%;
         }
         .inv_h_status{
         width: 300px;
         height: 20px;
         float: left;
         padding-top: 5px;
         font-family: helvetica, arial;
         color: var(--corfonte);
         font-size: 90%;
         }
         .inv_h_status_h {
         width: 200px;
         height: 20px;
         float: left;
         padding-top: 5px;
         font-family: helvetica, arial;
         color: var(--corfonte);
         font-size: 90%;
         }

		.inv_h_nf {
			 width: 100px;
			 height: 20px;
			 float: left;
			 padding-top: 5px;
			 font-family: helvetica, arial;
			 color: var(--corfonte);
			 font-size: 90%;
		}
         
         .inv_h_valor{
         width: 150px;
         height: 20px;
         float: left;
         padding-top: 5px;
         font-family: helvetica, arial;
         color: var(--corfonte);
         font-size: 90%;
         }
         .inv_h_resumo{
         width: 700px;
         float: left;
         padding-top: 5px;
         padding-left: 10px;
         font-family: helvetica, arial;
         color: #777777;
         font-size: 75%;
         }
         .inv_h_mais{
         width: 20px;
         height: 20px;
         float: left;
         padding-top: 5px;
         }
         .inv_h_menos{
         width: 20px;
         height: 20px;
         float: left;
         padding-top: 5px;
         display: none;
         }

/* campos de cartões cielo - início ============*/
.inv_campo_titulo{
	width:480px; 
	height:15px;
	font-size:80%;
	margin-left: 10px;
}

.inv_campo_valores{
	width:435px; 
	height:36px;
	float:left;
}

.inv_campo_valores input[type="text"] {
	background-color: var(--corfundocaixas);
	border: 1px solid var(--corfonte_clara);
	border-radius: 3px;
	color: var(--corfonte);
	font-family: helvetica,arial;
	font-size: 17px;
	font-weight: bold;
	width: 400px;
	height: 30px;
	margin: 3px 10px;
	letter-spacing: 1.5px;
	padding-left: 20px;
}
.inv_campo_valores input[type="tel"] {
	background-color: var(--corfundocaixas);
	border: 1px solid #999999;
	border-radius: 3px;
	color: var(--corfonte);
	font-family: helvetica,arial;
	font-size: 17px;
	font-weight: bold;
	width: 400px;
	height: 30px;
	margin: 3px 10px;
	letter-spacing: 1.5px;
	padding-left: 20px;
}
.inv_campo_valores input[type="email"] {
	background-color: var(--corfundocaixas);
	border: 1px solid #999999;
	border-radius: 3px;
	color: var(--corfonte);
	font-family: helvetica,arial;
	font-size: 17px;
	font-weight: bold;
	width: 400px;
	height: 30px;
	margin: 3px 10px;
	letter-spacing: 1.5px;
	padding-left: 20px;
}
.inv_campo_valores input[type="number"] {
	background-color: var(--corfundocaixas);
	border: 1px solid #999999;
	border-radius: 3px;
	color: var(--corfonte);
	font-family: helvetica,arial;
	font-size: 17px;
	font-weight: bold;
	width: 400px;
	height: 30px;
	margin: 3px 10px;
	letter-spacing: 1.5px;
	padding-left: 20px;
}

.inv_campo_valores input[type="password"] {
	background-color: var(--corfundocaixas);
	border: 1px solid #999999;
	border-radius: 3px;
	color: var(--corfonte);
	font-family: helvetica,arial;
	font-size: 30px;
	font-weight: bold;
	width: 400px;
	height: 30px;
	margin: 3px 10px;
	letter-spacing: 5px;
	padding-left: 20px;
}

.inv_campo_valores select {
	background-color: var(--corfundocaixas);
	border: 1px solid #999999;
	border-radius: 3px;
	color: var(--corfonte);
	font-family: helvetica,arial;
	font-size: 17px;
	font-weight: bold;
	height: 30px;
	margin: 3px 10px;
	letter-spacing: 1.5px; 
	width: 80px; 
	padding-left: 20px;
}
.inv_campo_valores select option {
	padding-left: 20px;
}

.inv_campo_bandeira{
	width:29px; 
	height:17px;
	float:left;
	margin-top:10px;
}

.inv_campo_erro{
	width:405px; 
	height:10px; 
	color:#f44336;
	font-size:60%; 
	text-align:right;
	clear:both;
}

.inv_cielo_box480{
	width:480px; 
	height:65px; 
	float:left;
}

.inv_cielo_box220{
	width:220px; 
	height:65px; 
	margin-left: 0;
	float:left;
}
.botao_escolher_outro_pg{
	width:350; 
	float:right;
	margin-top: 30px
}

/* === formulários cielo - fim*/

.ajuda_corpo_novos {
	width: 745px!important; 
	padding: 0 15px 0 15px!important; 
	margin: 10px!important; 
	border:none!important;
	font-family: helvetica, arial!important;
	color: var(--corfonte)!important;
	font-weight: normal!important; 
	font-size: 90%!important;
	
}

#miolo_login{
	padding-top:30px;
}

.boas_texto_rodape{
					width: 700px;
					margin-left: 15px;
					margin-top: 5px;
					margin-bottom: 20px;
					float: left;
					font-family: helvetica, arial;
					color: #444444;
					font-weight: normal;
					padding-top: 4px;
					font-size: 85%;
}

.miolo_round {
	padding-bottom: 25px !important;
}

#area_contrato0 {
	margin: 0 30px 0 30px;
	border: none;
	width: 740px;
}

#area_contrato {
	width: 705px !important;
	border: 2px var(--corbordacaixas) solid;
	border-radius: 9px;
	padding: 15px;
	color: var(--corfonte_painel);
}

.miolo_round h1 {
  margin-bottom: 25px;
}

	.inv_metodo_descricao_aguardando {
		width: 95% !important;
	}


/* Telas portáteis ============================== */
@media screen
	and (max-device-width: 799px) {

	.inv_assine_plano{
		width: 95% !important;
	}
	.inv_metodo_escolha{
		width: 95% !important;
		padding: 25px 0 25px 0;
	}
	.inv_metodos_pg{
		width: 95% !important;
	}
	.inv_metodo_descricao_oferta {
		width: 50% !important;
		margin-top: 14px !important;
	}
	.inv_cod_promo {
		width: 95% !important;
	}
	.inv_cod_promo_tempo {
		width: 95% !important;
	}
	.inv_corpo_metodos_pg{
		width: 95% !important;
	}
	#inv_corpo_botao_assine {
		width: 95% !important;
	}
	
	/* === formulários cielo - início*/
	.inv_cielo_box480{
		max-width: 100% !important; 
	}
	.inv_cielo_box220{
		max-width: 100% !important; 
		margin-left: inherit !important; 
	}	
	.inv_campo_titulo{
		max-width: 95% !important;
	}
	.inv_campo_bandeira{
		position:absolute !important;
		right: 39px;
	}
	.inv_campo_valores{
		max-width: 95% !important;
	}
	#cielo_debito_CardNumber{
		max-width: 75% !important;
	}
	#cielo_credito_CardNumber{
		max-width: 75% !important;
	}
	.inv_campo_erro{
		max-width: 95% !important;
	}
	.inv_campo_valores input[type="text"] {
		max-width: 95% !important;
	}
	.inv_campo_valores input[type="tel"] {
		max-width: 95% !important;
	}
	.inv_campo_valores input[type="email"] {
		max-width: 95% !important;
	}
	.inv_campo_valores input[type="number"] {
		max-width: 95% !important;
	}
	.inv_campo_valores input[type="password"] {
		max-width: 95% !important;
	}
	.botao_escolher_outro_pg{
		max-width: 90% !important;
		float: left;
		margin-top: 0;
		clear: both;
	}
	.inv_botao_largo_meios_pg{
		font-weight: 900;
		padding: 10px 5px;
		border-radius: 0.25em;
		text-align: center;
		width: 30%;
	}

	/* === formulários cielo - fim*/

	#area_contrato {
	  width: 85% !important;
    }
    
    #area_contrato0 {
		margin: 0 5% 0 5% !important;
	}
	.inv_resumo_plano {
		width: 90%;
	}
	.inv_resumo_plano_item {
		width: 50%;
	}
	.inv_resumo_plano_valor {
		width: 40%;
	}
	.inv_h_data{
		width: 20%;
	}
	.inv_h_transacao {
		width: 20%;
	}
	.inv_h_valor {
		width: 30%;
	}
	.inv_h_nf {
		width: 15%;
	}
	.inv_h_status {
		width: 10px !important;
	}
	.inv_h_status_h {
		width: 10px !important;
	}
	.apagar_portateis {
		display: none;
	}
	.apagar_portateis2 {
		display: none;
		position: absolute;
		left: 0;
		padding: 25px;
	}
	.inv_h_resumo2 {
	  width: 95%;
	}
	.inv_h_resumo2 {
	  padding-top: 35px !important;
	  padding-bottom: 25px !important;
	}
	.linha_intermediaria {
		padding-top: 25px;
	}
	
	.cielo_credito_tokenizado {
		width: 90% !important;
		margin-bottom:15px !important;
	}
}