body { margin: 0px; padding: 0px; font: 9pt Arial; background: url('img/bg_degrade.jpg') repeat-x top center; }
img { border: 0px; }

.mainpage { width: 980px; margin: 0px auto; min-height: 780px; z-index: 30; }

#balloon { position: absolute; width: 800px; height: 520px; z-index: 250; top: 120px; left: 170px; background: transparent url("img/balloon03.png") no-repeat top left; display: none; }

.balloon_texto { padding: 15px 15px 0px 45px; color: #00a; text-align: left; width: 770px; }

#tbl_balao { font: 10pt Arial; width: 730px; height: 420px}
#tbl_balao th { font-weight: normal; color: #777; text-align: right; padding: 3px; border-bottom: 1px solid #ddd; }
#tbl_balao td { font-weight: normal; color: #005; text-align: left; padding: 3px; border-bottom: 1px solid #ddd; }
#tbl_balao td.botoes { border: 0px; padding: 10px; text-align: center; }
#tbl_balao td.botoes .botao_on { background-color: #f00; color: #fff; font-weight: bold; border: 1px solid #a00; padding: 9px 20px 9px 20px; margin: 3px 19px 3px 19px; }
#tbl_balao td.botoes .botao_on:hover { background-color: #c30; }
#tbl_balao td.botoes .botao_off { background-color: #0cf; color: #fff; font-weight: bold; border: 1px solid #7ac; padding: 9px 15px 9px 15px; margin: 3px 19px 3px 19px; }
#tbl_balao td.botoes .botao_off:hover { background-color: #0ad; }
#tbl_balao td.botoes .botao_mapa { background-color: #ff0; color: #007; font-weight: bold; border: 1px solid #990; padding: 9px 15px 9px 15px; margin: 3px 19px 3px 19px; }
#tbl_balao td.botoes .botao_mapa:hover { background-color: #dd0; }
#tbl_balao td.obs { border: 0px; font-weight: normal; color: #950; font-size: 9pt; padding: 0px 0px 0px 0px; text-align: center; }
.esgotado  { font-weight: bold; color: #c00; padding-left: 20px; }

#tbl_comprar { font: 10pt Arial; width: 645px; background: transparent url("img/bg_branco_80.png"); padding: 5px 5px 10px 5px; margin: 15px 0px 15px 0px; }
#tbl_comprar td.titulo { background-color: #00f; color: #fff; font: bold 14pt Arial; text-align: left; padding: 8px 0px 8px 8px; }
#tbl_comprar th { font-weight: normal; color: #555; text-align: right; padding: 3px; border-bottom: 1px solid #ddd; }
#tbl_comprar td { font-weight: bold; color: #003; text-align: left; padding: 3px; border-bottom: 1px solid #ddd; }
#tbl_comprar td.botoes { border: 0px; padding: 10px; text-align: center; }
#tbl_comprar td.botoes .botao_on { background-color: #f00; color: #fff; font-weight: bold; border: 1px solid #a00; padding: 9px 20px 9px 20px; margin: 3px 19px 3px 19px; }
#tbl_comprar td.botoes .botao_on:hover { background-color: #c30; }
#tbl_comprar td.botoes .botao_off { background-color: #0cf; color: #fff; font-weight: bold; border: 1px solid #7ac; padding: 9px 15px 9px 15px; margin: 3px 19px 3px 19px; }
#tbl_comprar td.botoes .botao_off:hover { background-color: #0ad; }
#tbl_comprar td.botoes .botao_mapa { background-color: #ff0; color: #007; font-weight: bold; border: 1px solid #990; padding: 9px 15px 9px 15px; margin: 3px 19px 3px 19px; }
#tbl_comprar td.botoes .botao_mapa:hover { background-color: #dd0; }
#tbl_comprar td.obs { border: 0px; color: #004; font: normal 11pt Arial; padding: 15px 0px 15px 15px; text-align: left; line-height: 140%; }

.coluna_esquerda { float: left; width: 300px; text-align: center; }
.coluna_direita { float: right; width: 660px; margin-left: 20px; min-height: 500px; }

.obs-balao {
    height: 100px;
}

.coluna_direita .transp { width: 640px; height: 725px; margin: 10px 0px 10px 20px; background-color: #fff; opacity: .60; filter: Alpha(Opacity=60); }
.coluna_direita .content { width: 580px; position: relative; height: 725px; z-index: 300; padding: 15px; left: 30px; top: -720px; }
.coluna_direita .content h1 { font-family: "Trebuchet MS", Tahoma, Arial; font-size: 16pt; font-weight: bold; margin: 0px; padding: 0px 0px 10px 0px; color: #009; }

.texto { width: 620px; height: 1320px; background: url("img/bg_branco_80.png"); padding: 15px 1px 15px 30px; margin-bottom: 10px; }
.texto_content { width: 599px; height: 1300px; overflow-y: scroll; padding-right: 17px; }

/* .bloco_oferta { float: left; width: 315px; margin: 15px 0px 0px 15px;  } */
.bloco_oferta { width: 315px; }
.bloco_oferta .top { font-weight: bold; font-size: 12pt; padding: 4px; }
.bloco_oferta .body { height: 279px; overflow: hidden; }
.bloco_oferta .bot { font-weight: bold; font-size: 12pt; padding: 4px; text-align: center;  }
/* .bloco_oferta .anuncie_aqui { height: 313px; } */
.bloco_oferta .anuncie_aqui { height: 312px; }
.bloco_oferta .anuncie_aqui .anuncie_link { text-align: center; padding-top: 110px; font-family: "Arial Black", Tahoma, Arial; font-size: 14pt; color: #00c; }

.oferta { text-align: left; padding: 9px 4px 9px 9px; margin: 0px; }
.oferta:hover { color: #007; cursor: pointer; }

.mosaico_viewport {width: 620px; height: 620px; overflow: hidden; margin-top: 10px;}

/* .mosaico_linha { margin: 11px 0px; } */
/* .mosaico_linha img { max-width: 205px; max-height: 215px; margin: 5px 0px 0px 12px; } */
.mosaico_item { float: left; width: 205px; height: 215px; text-align: center; padding: 7px;margin: 0 5px; }
.mosaico_item img { max-width: 205px; max-height: 215px; }
.mosaico_info { text-align: center; color: #fff; font: bold 8pt Arial; padding: 8px; }

.mosaico { float: left; width: 205px; height: 215px; margin: 22px 0px 0px 12px; }

.parceiro_logo { background-color: #fff; padding: 2px; height: 60px; margin-bottom: 15px; }
.parceiro_logo img { max-height: 56px; }
.parceiro_info { background-color: #fff; padding: 12px 0px 2px 0px; height: 326px; margin-bottom: 10px; }
.parceiro_info .tit { font-weight: bold; color: #f22; font-size: 19pt; padding-bottom: 10px; }
.parceiro_info img { max-width: 300px; }

.footer { min-height: 200px; background: #67883e url('img/bg_footer.png') repeat-x top center; width: 100%; margin-top: -22px; }
.footer_content { width: 980px; margin: 0px auto; color: #fff; padding-top: 40px; font-weight: bold; text-align: center; }
.footer_content span { padding: 0px 6px 0px 6px; }
.footer_content p { padding: 0px 0px 0px 6px; color: #ff0; text-align:center;}
.footer_content a { color: #efe; text-decoration: none; }
.footer_content a:hover { color: #fff; text-decoration: underline; }

.default_field { border: 1px solid #009; padding: 4px; font: 10pt Arial; width: 400px; }

.caroufredsel_wrapper, .mosaico_viewport {
	width: 690px!important;
}
/* --------------- gráfico ---------------------------------------------------------------------- */
.grafico_info { font-size: 10pt; line-height: 140%; padding: 5px 0 10px 0; }

#grafico_dados { margin: 5px 0px; }
#grafico_dados th { width: 80px; vertical-align: top; text-align: right; padding: 2px; }
#grafico_dados td { width: 550px; vertical-align: top; padding: 2px; }
#grafico_dados .campo { border: 1px solid #555; padding: 4px; font: normal 11pt Arial; width: 548px; }

#tbl_grafico { }
#tbl_grafico .colunas { width: 230px; background: url("img/bg_grafico.png") no-repeat top left; vertical-align: top; padding: 124px 10px 50px 60px; }
#tbl_grafico .campo_enfase { border: 1px solid #555; padding: 4px; font: normal 11pt Arial; width: 390px; margin-bottom: 3px; }
#tbl_grafico .grafico_options { padding: 0px 0px 0px 5px; font-size: 11pt; }
#tbl_grafico .questao { background-color: #fff; padding: 12px 4px; font-size: 10pt; }
#tbl_grafico .questao div { font-weight: bold; color: #005; font-size: 11pt; margin-bottom: 8px; }

.grafico_col { width: 40px; height: 300px; border: 1px solid #005; float: left; margin-left: 5px; }

/* --------------- página 'parceiros' - home para que não está autenticado ---------------------- */
.parceiro_home { float: left; width: 180px; text-align: center; margin: 15px 0px 0px 15px; padding: 10px; background: url("img/bg_branco_70.png"); height: 240px; }
.parceiro_home:hover { background-color: #fff; }
.parceiro_home a { font-size: 12pt; font-weight: bold; text-decoration: none; }
.parceiro_home img { margin-bottom: 8px; }

.botao_grafico_1 { background-color: #f55; color: #fff; font-weight: bold; border: 1px solid #900; padding: 9px 13px; margin: 7px 0px; width: 160px; }
.botao_grafico_1:hover { background-color: #e00; }
.botao_grafico_2 { background-color: #0af; color: #fff; font-weight: bold; border: 1px solid #7ac; padding: 9px 13px; margin: 7px 0px; width: 160px; }
.botao_grafico_2:hover { background-color: #07c; }


/* --------------- página 'pagamento' - formulário para pagamento via pag seguro ---------------- */
#formPgto { font: 12pt Arial; }
#formPgto input[type='text'] { border: 1px solid #000; font: bold 16pt Arial; padding: 6px; margin: 20px 0px; text-align: center; }
#formPgto input[type='submit'] { font: bold 14pt Arial; padding: 14px 38px; margin: 20px 0px; color: #333; }

#formPgto .info_img { float: left; }
#formPgto .info_txt { float: left; width: 180px; font: bold 9pt Arial; padding: 8px 35px; }

#parallax {
   position:relative; overflow:hidden; width: 980px; margin: 0px auto; z-index: 5;
   /* background-image:url('img/pl_background.jpg'); */
}
.parallax-viewport {
    position: relative;     /* relative, absolute, fixed */
    overflow: hidden;
}
.parallax-layer {
    position: absolute;
}