body { margin:0; padding:0; }



/* **************** PARA COMPUTADOR **************** */
@media (pointer: fine) {
.container { width:100%; height:100%; }
.corpo { width:990px; height:auto; margin:0px auto; padding-top:50px; background-color:#FFFFFF; }
h1 { font-size:24px; }
h2 { font-size:18px; }
h3 { font-size:14px; }
.final { font-size:18px; }
.botao_medio { width:15%; height:60px; background-color:#2D4061!important; font-size:3em; margin:30px; border-radius:10px; color:#FFFFFF; font-size:18px; }
.input_media { width:70%; text-align:center; font-size:2em; border-radius:10px; }
.input_peq { width:18%; text-align:center; font-size:2em; border-radius:10px; }
.input_grande { width:90%; text-align:center; font-size:2em; border-radius:10px; }
.clearfix:after { content: ""; display: table; clear: both; }

.grade_full { width:100%; height:100%; margin:0 auto; }
.col1 { width:100%; height:100%; float:left; }
.col2 { width:50%; height:100%; float:left; }
.col3 { width:33%; height:100%; float:left; }
.col4 { width:25%; height:100%; float:left; }
.col5 { width:20%; height:100%; float:left; }
.col6 { width:17%; height:100%; float:left; }
.col7 { width:14%; height:100%; float:left; }
.col8 { width:13%; height:100%; float:left; }
.col9 { width:11%; height:100%; float:left; }

.asdfg { background-color:#36C; }
.bgverde { background-color:#090; }
.bgcinza { background-color:#999; }
.bgrosa { background-color:#C6C; }
.bgred { background-color:#F00; }
.asdfg { background-color:#36C; }

.sub-tit { font-size:38px; color:#022154; text-align:left; height:60px; padding-left:10px; }
.sub-marc { width:100%; height:25px; font-size:18px; color:#022154; text-align:left; font-weight:bold; padding-left:10px; }
.descricao { width:100%; height:30px; font-size:20px; color:#666; text-align:left; padding:0 5px; }
.descricao2 { width:100%; height:60px; font-size:20px; color:#666; text-align:left; padding:0 5px; color:#FF5604; }
.vlrG { font-size:40px; font-weight:bold; color:#FF5604; padding-left:10px;  }
.vlrP { font-size:20px; font-weight:bold; color:#FF5604; }
hr { margin:0px 10px; border: 0; border-top: 2px solid #003; }
.valor { width:100%; height:70px;  }
.capa { width:100%; height:90px; margin:0;  }
.imagem-capa { display: block; margin-left: auto; margin-right: auto; width: 230px; padding-top:10px; }
.banner_principal { display:block; }
}

/* **************** PARA CELULAR **************** */
@media (pointer: coarse) {
.container { width:100%; height:100%; }
.corpo { width:990px; height:auto; margin:0px auto; padding-top:50px; background-color:#FFFFFF; }
h1 { font-size:4em; }
h2 { font-size:3.5em; }
h3 { font-size:3em; }
.final { font-size:2em; }
.botao_medio { width:30%; height:100px; background-color:#2D4061!important; font-size:2em!important; margin:30px; border-radius:30px!important; color:#FFFFFF; }
.input_media { width:70%; height:80px; text-align:center; font-size:2.5em!important; border-radius:30px!important; }
.input_peq { width:18%; height:80px; text-align:center; font-size:2.5em!important; border-radius:30px!important; }
.input_grande { width:90%; height:80px; text-align:center; font-size:2.5em!important; border-radius:30px!important; }
.clearfix:after { content: ""; display: table; clear: both; }

.grade_full { width:100%; height:100%; margin:0 auto; float:left; }
.col1 { width:100%; height:100%; float:left; }
.col2 { width:50%; height:100%; float:left; }
.col3 { width:33%; height:100%; float:left; }
.col4 { width:100%; height:100%; float:left; }
.col5 { width:20%; height:100%; float:left; }
.col6 { width:17%; height:100%; float:left; }
.col7 { width:14%; height:100%; float:left; }
.col8 { width:13%; height:100%; float:left; }
.col9 { width:11%; height:100%; float:left; }

.asdfg { background-color:#36C; }
.bgverde { background-color:#090; }
.bgcinza { background-color:#999; }
.bgrosa { background-color:#C6C; }
.bgred { background-color:#F00; }
.asdfg { background-color:#36C; }

.sub-tit { font-size:50px; color:#022154; text-align:center; height:120px; }
.sub-marc { width:100%; height:50px; font-size:30px; color:#022154; text-align:left; font-weight:bold; text-align:center; }
.descricao { width:95%; font-size:18px; color:#666; text-align:left; height:30px; padding:0 20px; margin:0; float:left;  }
.descricao2 { width:95%; font-size:18px; color:#666; text-align:left; height:60px; padding:0 20px; margin:0; float:left;  }
.vlrG { font-size:60px; font-weight:bold; color:#FF5604;  }
.vlrP { font-size:30px; font-weight:bold; color:#FF5604; }
hr { width:80%; margin:5px 10px 0 30px; border: 0; border-top: 4px solid #003; }
.valor { width:100%; height:150px; text-align:center; }
.capa { width:100%; height:360px; margin-top:5px; }
.imagem-capa { display: block; margin-left: auto; margin-right: auto;  width: 300px; }
.img-plano { width:20px; float:left; margin:8px 10px 0 0; padding:0; }
.banner_principal { display: none; }
}