/* 	Folha de estilos principal  */
/*	Autor: Giovani Portelinha Maia <giovanipmaia@gmail.com> */

* { padding: 0; margin: 0; }
img { border: none; }
html, body, p, div { font: 10px Verdana, Arial, Helvetica, sans-serif;  color: #00467f; }
body { background: #eb880e url(../img/bgr_fundo.jpg) repeat-x; }
html, textarea { overflow: auto; }
a { text-decoration: none; outline: none; }

/* Estrutura */
#fundo { background: #fff; width: 760px; margin: 0 auto; padding: 10px 0 0; }
#fundo h6 { color: #00f; padding: 0 0 5px; font-weight: normal; text-align: center; font-size: 10px; }
#cabecalho { margin: 0 auto 10px; text-align: center; width: 730px }
#forms { margin: 0 auto 10px; text-align: center; width: 730px; }
#flash_mkt { margin: 0 auto 10px; text-align: center; width: 730px; }
#corpo { position: relative; margin: 0 auto 10px; text-align: center; width: 730px; background: #42929d url(../img/bgr_coluna_right.jpg) 100% 100% no-repeat; }
#corpo_left_bottom { position: absolute; left: 0; bottom: 0; background: url(../img/bgr_coluna_left.jpg) no-repeat; width: 8px; height: 8px; }
#jogo { position: relative; margin: 0 auto 15px; text-align: center; width: 730px; }
#jogo h3 { background: #00467f url(../img/bgr_jogo_left.jpg) no-repeat; text-align: center; }
#jogo .descricao { background: #00467f; text-align: left; padding: 10px; }
.descricao p { color: #fff; font-size: 13px; padding: 0 0 5px;}
.descricao strong { text-decoration: underline; }
#jogo_right { position: absolute; right: 0; top: 0; width: 9px; height: 9px; background: url(../img/bgr_jogo_right.jpg) 0 0 no-repeat; }
#coluna_left, #coluna_right { text-align: left; width: 174px; }
#jogo #coluna_left, #jogo #coluna_right { width: 124px; }
#coluna_central { text-align: left; width: 382px; min-height: 1135px; background: #ef9b11; }
#jogo #coluna_central { position: relative; width: 480px; min-height: 482px; background: #75c5f0; margin: 15px 0; }
#jogo #coluna_central p { font-size: 13px; }
#jogo #coluna_central h5 { margin: 15px 0 0; text-align: center; font-size: 18px; }
#jogo #coluna_central .votar { position: absolute; left: 50%; top: 50px; width: 300px; height: 200px; margin: 0 0 0 -150px; text-align: center; }
#jogo #coluna_central .votar p { margin: 0 0 20px; }
.publicidade { text-align: center; padding: 15px 0; }
.publicidade_peq { text-align: center; padding: 15px 0;  }
.publicidade_jogo { background: #00467f; }
#coluna_left h3 { background: #00467f url(../img/bgr_menu_left.jpg) no-repeat; }
#coluna_right h3 { background: #007880 url(../img/bgr_topo_right.jpg) 100% 0 no-repeat; }
#rodape { position: relative; margin: 0 auto; text-align: center; width: 730px; background: #db214c url(../img/bgr_rodape_left.jpg) no-repeat; color: #fff; padding: 10px 0; font-size: 11px; }
#bgr_rodape_right { position: absolute; top: 0; right: 0; background: url(../img/bgr_rodape_right.jpg) no-repeat; width: 10px; height: 42px; }

/* boxes */
#box_vermelho { background: #db214c; }
#box_vermelho h3 { background: #b0273b; }
#box_vermelho div { color: #fff; padding: 20px 35px; min-height: 105px; }
#box_vermelho a { color: #f8f400; font-size: 9px; font-weight: bold; }
#box_verde { background: #84c225; }
#box_verde h3 { background: #4b9f31; }
#box_verde div { color: #fff; padding: 20px 35px; min-height: 105px; }
#box_amarelo { background: #ef9b11; text-align: center; padding: 0 0 15px 0; }
#box_amarelo a { font-weight: bold; font-size: 13px; color: #fff; text-decoration: underline;  }
#box_amarelo h3 { background: #e77817; margin: 0 0 20px 0; }
#box_amarelo div { color: #fff; padding: 0 35px 15px; text-align: left; }
#box_amarelo div a { color: #fff; text-decoration: underline; font-size: 10px; }
.box_simples { width: 100px; float: left; margin: 7px 10px 0 0; display: inline; }
.box_simples span { display: block; font-size: 12px; font-weight: bold; color: #fff; margin: 5px 0; text-align: center; }
#box_amarelo span { display: block; color: #fff; text-align: left; margin: 0 35px 10px; }
#box_vermelho p, #box_verde p, #box_amarelo p { color: #fff; text-align: left; }
#box_amarelo .sem, #box_vermelho .sem, #box_verde .sem { text-decoration: none; }
.box_parceiros { margin: 15px 25px; border-bottom: 1px dashed #00467f; padding: 0 0 15px; }
.box_parceiros h4 { font-size: 13px; font-weight: bold; color: #00467f; } 
.box_parceiros p { font-size: 13px; } 
.box_parceiros a { color: #00467f; text-decoration: underline; }

/** Paginação parceiros */
#box_azul { background: #75c5f0; text-align: center; padding: 0 0 15px 0; }
#box_azul a { font-weight: bold; font-size: 13px; color: #fff; text-decoration: none;  }
#box_azul div { color: #fff; padding: 0 35px 15px; text-align: left; }
#box_azul div a { color: #fff; text-decoration: none; font-size: 10px; }
/** Fim pag parceiros*/


/* Forms */
legend { display: none; }
fieldset { border: none; }
#f_busca label, #f_news label { float: left; display: block; text-align: center; }
#f_busca input, #f_news input { display: block; border: 1px solid #9ad5f5; }
.m_pequeno { width: 20px; }
.pequeno { width: 130px; }
.peq_medio { width: 167px; }
.medio { width: 185px; }
.med_grande { width: 205px; }
#f_busca #buscar { text-indent: -9999px; margin-top: 11px; background: url(../img/bt_busca.jpg) no-repeat; width: 70px; height: 20px; border: none; cursor: pointer; }
#f_news #cadastrar { text-indent: -9999px; margin-top: 11px; background: url(../img/bt_cadastrar.jpg) no-repeat; width: 110px; height: 20px; border: none; cursor: pointer; }

#f_indicacao fieldset { position: absolute; left: 50%; top: 50%; margin-left: -102px; margin-top: -170px; width: 205px; }
#f_indicacao label { display: block; text-align: left; font-size: 11px; }
#f_indicacao input { display: block;  }
#f_indicacao textarea { display: block; }
#f_indicacao #bt_clear { float: right; text-indent: -9999px; margin: 5px 10px 0 0; background: url(../img/bt_clear.jpg) no-repeat; width: 74px; height: 20px; border: none; cursor: pointer; }
#f_indicacao #bt_enviar { float: right; text-indent: -9999px; margin: 5px 0 0; background: url(../img/bt_enviar.jpg) no-repeat; width: 76px; height: 20px; border: none; cursor: pointer; }
#f_guest fieldset { text-align: center; margin: auto; padding: 60px 0 0; width: 205px; height: 250px; }
#f_guest label { display: block; text-align: left; font-size: 11px; }
#f_guest input { display: block;  }
#f_guest textarea { display: block; }
#f_guest #bt_enviar { float: right; text-indent: -9999px; margin: 5px 0 0; background: url(../img/bt_enviar.jpg) no-repeat; width: 76px; height: 20px; border: none; cursor: pointer; }
#f_contato fieldset { position: absolute; left: 50%; top: 50%; margin-top: -190px; margin-left: -102px; width: 205px; height: 380px; }
#f_contato label { display: block; text-align: left; font-size: 11px; }
#f_contato input { display: block;  }
#f_contato textarea { display: block; }
#f_contato #bt_clear { float: right; text-indent: -9999px; margin: 5px 10px 0 0; background: url(../img/bt_clear.jpg) no-repeat; width: 74px; height: 20px; border: none; cursor: pointer; }
#f_contato #bt_enviar { float: right; text-indent: -9999px; margin: 5px 0 0; background: url(../img/bt_enviar.jpg) no-repeat; width: 76px; height: 20px; border: none; cursor: pointer; }

#f_votar fieldset { position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -20px; padding: 0 0 0 15px; width: 100px; height: 380px; }
#f_votar label { display: block; text-align: left; font-size: 11px; margin-bottom: 15px; }
#f_votar input { /*float:left;*/ vertical-align: text-top;  }
#f_votar #bt_enviar { text-indent: -9999px; margin: 10px 0 0 -15px; background: url(../img/bt_enviar.jpg) no-repeat; width: 76px; height: 20px; border: none; cursor: pointer; }


/* Gerais */
.clr { clear: both; }
.mr5 { margin-right: 5px; } 
.mr10 { margin-right: 10px; }
.m15 { margin: 15px; }
.mr35 { margin-right: 35px; } 
.mr60 { margin-right: 60px; }
.fl { float: left; }
.fr { float: right; }
h3 { color: #fff; padding: 6px 0 6px 12px; text-align: left; font-size: 12px; }
h4 { color: #f8f400; font-size: 10px; font-weight: bold; }
.ultimo { border: none !important; }

/* listas */
#rodape ul li { display: inline; list-style: none; }
#rodape ul li a { color: #fff; border-right: 1px solid #fff; padding: 0 10px;  }
#menu { background: #007cc3; min-height: 500px; padding-bottom: 5px; }
#menu ul { margin: 10px 0; }
#menu ul li { list-style: none; padding: 6px 15px 1px 15px; display: block; }
#menu ul li a { color: #fff; border-bottom: 1px solid #75c5f0; padding: 0 0 2px 0; display: block; font-size: 13px; }
#menu ul li.selected, #menu ul li.hover { background: #78c7f2; }
#menu ul li.selected a, #menu ul li.hover a { color: #00467f; }