/* ------------------------------------------------------------------------- */
/* TAGS HTML --------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
* { font: normal 12px/20px "Verdana", Trebuchet MS, Helvetica, Arial, Sans-serif; color: #1c1c1c; text-decoration: none; }

h1, h2, h3, h4, h5, h6{ padding: 0; margin: 0 0 10px; font-weight: bold; }
em, i{ font-style: italic; }
em a, i a, i b, em b{ font-style: italic; }
strong, b, i b, em b{ font-weight:bold; }
strong a, b a{ font-weight:bold; }
p { margin: 0 0 10px; padding: 0; }

a { color: #2f2f2f; }
a:hover { text-decoration: underline; }

h1 { color: #2f2f2f; font-size: 14px; text-transform: uppercase; text-align: left; margin-bottom: 0px;}
h2 { color: #2f2f2f; font-size: 12px; text-transform: none; font-style: italic; line-height: 18px;}
h3 { color: #2f2f2f; font-size: 10px; text-transform: uppercase; font-weight: bold; }
/* Só para mensagem de erro */
h4 { color: #333; margin: 0 auto; position: absolute; text-align: center; text-transform: uppercase; top: -30px; width: 680px; }

hr { clear: both; margin: 0 0 5px; height: 3px; border: 0; border-top: #2f2f2f solid 1px;}

img { margin: 0 0 15px; padding: 0; }

ul{ margin: 0; }
ul > li{ list-style-type: square; }
ol{ margin: 0 0 10px 25px; }
ol > li{ list-style-type: decimal-leading-zero; }
li { margin: 0 0 5px; }
li { list-style-image: url("../images/estrutura/bullet.png"); list-style-position: inside; padding: 0; margin: 0 0 3px 0;}
li:hover { color: #454545; list-style-image: url("../images/estrutura/bullet-hover.png"); list-style-position: inside; padding: 0; margin: 0 0 3px 0; }

table { color: #6B6B6B; border: 0; font-size: 11px; text-decoration: none; text-transform: none; vertical-align: middle; }
tr,td,th { border: 0; }
td { padding: 3px; }

/* Formulários */
label{ display: block; margin: 0 0 5px; padding: 0; color: #a1a1a1; }
input[type="button"], input[type="text"], input[type="password"], input[type="file"], input[type="submit"], input[type="reset"], select, textarea{
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px !important; outline: medium none; display: block; }
input[type="text"], input[type="password"], input[type="file"], select, textarea{ padding: 4px; height: 17px; border: 0 !important;
	background: url("../images/estrutura/bg-input_maior.jpg") repeat-x scroll 0 0 transparent !important; color: #a1a1a1; line-height: 18px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, select:focus, textarea:focus{ background: none repeat scroll 0 0 #000 !important; color: #fff;}
input[type="checkbox"], input[type="radio"]{ display: inline !important; width: 20px !important; }
input[type="button"], input[type="submit"], input[type="reset"]{ background: url("../images/estrutura/bg-btn-enviar.png") repeat-x scroll 0 0 #8d9090; border: 0 none; color: #FFF;
	cursor: pointer; float: right; height: 25px; padding: 0 10px; text-align: center; text-transform: lowercase; text-shadow: 1px 1px 1px #787b7b; margin-bottom: 0 !important; }
input[type="reset"]{ margin-left: 10px !important; }
input[type="reset"], input[type="button"]{ background: url("../images/estrutura/bg-btn-enviar.png") repeat-x scroll -1px -1px #8d9090; }
input[type="submit"]:hover, input[type="reset"]:hover{ background: url("../images/estrutura/bg-btn-enviar.png") repeat-x scroll -1px -1px #3e3e3e; opacity: 0.8;}

.contato .arquivo-input-file{ height: 25px; width: 176px; position: absolute; left: 334px; top: 0; z-index: 1000;}
.fake-input-file{ position: relative; top: 0; left: 0;}
#div-input-file{ height:17px; width:502px; margin:0px;}
li#div-input-file{ height:17px;}

/* FAKE FILE PASSO 1 ---------------------------------*/
#div-input-file #file-original{ opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00);
	position: absolute; top: 0; left: 0; z-index: 100; width: 502px; cursor: pointer; height: 17px;}
#div-input-falso{ position: relative; }
#div-input-falso img{ position: absolute; top: 0; right: 0; margin: 0;}
#div-input-falso #file-falso{ width:502px; height:17px;}

/* BOTÕES COM OVER, DOWN, OUT AND INACTIVE -----------*/

#file_active, #file_hover, #file_down { margin: 0; border: 0; width: 176px; height: 25px; color: #fff; font-size: 12px;
	text-transform: lowercase; text-shadow: 1px 1px 1px #787b7b; border-radius: 0 3px 3px 0; }
#file_active{ background: url("../images/estrutura/bg-btn-file.png") repeat-x scroll 0 0 #a5a5a5; }
#file_hover{ background: url("../images/estrutura/bg-btn-file.png") repeat-x scroll -25px -25px #a5a5a5; }
#file_down{ background: url("../images/estrutura/bg-btn-file.png") repeat-x scroll -25px -25px #a5a5a5; }

/* ------------------------------------------------------------------------- */
/* ESTRUTURA PRINCIPAL ----------------------------------------------------- */
/* ------------------------------------------------------------------------- */
html,body { background: url("../images/estrutura/bg-body.png") repeat-x scroll 0 0 #000; }
/* #global { background: url("../images/estrutura/bg-container-topo.jpg") repeat-x scroll 0 0 #a6a6a6; }
#corpo { width: 760px; margin: 0 auto; position: relative; z-index: 2; }
#container { position: relative; width: 740px; margin: 0 10px; } */
#container { position: relative; background: url("../images/estrutura/bg-container-topo.jpg") repeat-x scroll 0 0 #fbfbfb; }
#conteudo-bottom{ background: url("../images/estrutura/bg-container-bottom.jpg") repeat-x scroll 0 0 transparent;
	position: absolute; height: 186px; bottom: 0; left: 0; width: 100%;}

/* ------------------------------------------------------------------------- */
/* LOGO -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
#topo { /*background: url("../images/estrutura/bg-topo.jpg") repeat-x 0 0 #000;*/ }
#logo { /*background: url("../images/estrutura/bg-logo.jpg") no-repeat scroll 0 0 transparent;*/ width: 760px; margin: 0 auto; height: 150px; position: relative; }
#logo_estatico { /* IMAGEM */ left: 0; position: relative; top: 15px; margin: 0 auto; width: 435px;}
#logo_dinamico { /* FLASH */ }
.rotor{ float: right; height: 79px; position: absolute; right: 0; top: 0; width: 261px;}

/* ------------------------------------------------------------------------- */
/* CABECALHO --------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
#cabecalho{ display: block; }

/* ------------------------------------------------------------------------- */
/* COLUNA ESQUERDA --------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
#colunaesquerda { position: absolute; width: 220px; float: left; }
#sponsors { width: 220px; border-left: 1px dashed #000;  padding-left:20px;}

/* ------------------------------------------------------------------------- */
/* COLUNA DIREITA ---------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
#colunadireita { position: absolute; right: 0; width: 220px; float: right; }
#sponsors2 { width: 200px;}

/* ------------------------------------------------------------------------- */
/* RODAPÉ ------------------------------------------------------------------ */
/* ------------------------------------------------------------------------- */
#rodape { background: url("../images/estrutura/bg-rodape.jpg") repeat-x scroll 0 0 #000; }
#creditos *{ font-family: "Times New Roman", Times, serif; line-height: 18px; }
#creditos { height: 150px; position: relative; clear: both; margin: 0 30px; padding-top: 35px; 
	background: url("../images/estrutura/bg-credito.png") no-repeat scroll 0 0 transparent; width: 760px; margin: 0 auto; }
#creditos p{ color: #5b5854; font-size: 13px}
#creditos em{ color: #5b5854; font-size: 12px}

/* LOGOMARCA DO b2mlportal */
/*.b2text span{ color:#515151; font-family: "Arial", Helvetica, Verdana, sans-serif !important; font-size: 9px; }
.b2text{ float: left; margin-right: 10px; }*/
#rodape_oppenweb { position: relative; margin: 30px auto 20px; width: 98px; height: 29px; }
#rodape_oppenweb img { border: 0px; padding: 0px; margin: 0px; opacity: 0.5;}
#rodape_oppenweb img:hover { opacity: 1;}

/* ------------------------------------------------------------------------- */
/* CONTEÚDO EM GERAL ------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
#conteudo,.conteudo { z-index:2; position: relative; left: 0px; width: 680px; min-height: 310px;
	padding: 40px 30px 20px; margin: 0 auto;}
.conteudo-noticia { z-index:2; position: relative; left: 0px; width: 750px; min-height: 310px;
	padding: 40px 30px 20px; margin: 0 auto;}
/* Meia seção */
.quadro { width: 43%; overflow: hidden; float: left; border: none; margin: 5px 2% 5px 2%; padding: 0 1% 0 1%; display: block; }

/* Imagens ----------------------------------- */
.imagem_canto,.imagem_esquerda { margin: 0 15px 15px 0; padding: 0; float: left; }
.imagem_centralizada { margin: 0 0 15px; padding: 0; clear: both; }
.imagem_direita { margin: 0 0 15px 15px; padding: 0; float: right; }
img.imagem_direita { float: none; }

/* ------------------------------------------- */
/* Caminho (Você está em...) ----------------- */
#caminho { background: none repeat scroll 0 0 #C9C9C9; font-size: 11px; height: 16px; left: 0; padding: 5px 10px; }
#caminho a { color: #000; font-size: 11px; font-weight: bold; }
.seta_guia { background: url("../images/estrutura/seta_guia.png") no-repeat scroll 6px -6px transparent;
	padding: 6px 14px; position: relative; }

/* ------------------------------------------- */
/* Notícias ---------------------------------- */
.comentario { width: 100%; padding-bottom: 30px; }
.bloco_de_noticias { margin: 0px 0px 10px; padding: 0; border: 0; font-size: 11px; }
.data-destaque { font-size: 11px; color: rgb(150, 188, 74); }
.bloco_de_noticias p { color: #5B5856; font-size: 11px; }
.bloco_de_noticias a { font-size: 11px; text-transform: none; }
.bloco_de_noticias a:hover { font-size: 11px; text-transform: none; text-decoration: underline; }
.bloc-not{ float:left; width: 540px;}

/*Estilo para midias sociais*/
.midias_sociais { position: relative; border-bottom: 1px solid #000; height: 36px; padding-top: 25px; }
.midias { height: 33px; width: 260px; float: right; padding-top: 1px; }
.twitter-share-button,.midias a { /* a classe twitter-share-button é pertencente ao twitter*/ display: inline; float: right; padding: 1px; }
.FBConnectButton_Small .FBConnectButton_Text { font-size: 12px !important; line-height: 16px !important; margin-left: 17px !important; padding: 0 6px !important; }
.fb-like .fb_edge_widget_with_comment .fb_iframe_widget { top: -5px; }

/* ------------------------------------------- */
/* Link para o Mapa do Site ------------------ */
#mapa { font-weight: bold; height: 16px; padding: 0; position: absolute; right: 20px; top: 120px; z-index: 100; }
#mapa a { color: #FFF; font-size: 11px; }

/* ------------------------------------------- */
/* Idiomas ----------------------------------- */
#idiomas { border: 0 none; left: 20px; margin: 0; padding: 0; position: absolute; top: -25px; }
#idiomas a { color: #FFF; margin: 0 10px 0 0; font-size: 11px; }
#idiomas a:hover { color: #FFF; text-decoration: none; }
#idiomas img { margin: 0; padding: 0; }

/* ------------------------------------------- */
/* Painel de Busca --------------------------- */
#busca { height: 50px; width: 180px; position: absolute; right: 0; top: -48px; }
#busca .campos { left: 0; position: absolute; text-decoration: none; top: 19px; width: 110px; 
	background: none repeat scroll 0 0 #fff !important; }
#busca .botao { left: 130px; position: absolute; top: 20px; height: 21px; }
#busca h2 { color: #fff; font-size: 10px; position: absolute; right: 190px; top: 24px; width: 90px; }

/* ------------------------------------------- */
/* Painel de Cadastro de Newsletter ---------- */
#newsletter { position: relative; color: #769CC9; text-align: center; background-color: #EBEBEB; border: 1px solid #E3E2E2;
	border-radius: 4px; margin: 10px; padding: 10px; }
#newsletter .campos { width: 120px; }

/* ------------------------------------------- */
/* Painel de Login à Àrea Restrita ----------- */
#login { position: relative; color: #769CC9; text-align: center; background-color: #EBEBEB; border: 1px solid #E4E4E4;
	margin: 10px; padding: 10px; border-radius: 4px; border: 1px solid #DBDBDB; }
#login .campos { width: 120px; }
#login a { float: right; font-size: 11px; color: #025f9d; }

/* ------------------------------------------- */
/* Vídeos ------------------------------------ */
.video { padding: 10px 5px; }

/* ------------------------------------------------------------------------- */
/* ESTILOS DO FORUM -------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
.form-forum input { width: 240px; font-size: 11px; }
.form-forum .btnEnviar { width: 150px; }
#forum { width: 90%; margin: 0 auto 15px; text-align: center; clear: both; }
#forum .topico { background: #FFF; width: 100%; border: 1px solid #a5a5a5; position: relative; padding: 0; margin: 0 auto 5px; }
#forum .topico h1 { font-size: 12px; color: #285783; width: 97.7%; display: block; background: #efefef; padding: 12px 0 3px 10px; margin: 0; }
#forum .topico h1 a { font-size: 12px; color: #285783; }
#forum .topico .data-autor { position: absolute; color: #000; top: 0; right: 10px; font-size: 10px; }
#forum .topico p { padding: 10px; margin: 0; color: #000; font-size: 11px; }
#novotopico,#novaresposta { border: 1px solid #a9c4df; background-color: #f2f5f8; margin: 0 0 10px; }
.btnNovoTopico,.btnNovaResposta { font-size: 11px; width: 80px; }
.campos { height: 16px; }

/* ------------------------------------------------------------------------- */
/* ESTILOS DE ENQUETE ------------------------------------------------------ */
/* ------------------------------------------------------------------------- */
.enquete { margin: 0 0 20px 0; }
.enquete form { margin: 0 0 40px 0; }
.enquete .resposta { display: block; clear: both; margin: 0 0 10px 0; }
.enquete .btn-votar { float: left; margin: 0 10px 5px 0; }
.enquete .loading-enquete { display: none; padding: 4px 0 0; margin: 0; }
.enquete .msg-enquete { display: none; padding: 4px 0 0; margin: 0; font-size: 11px; font-weight: bold; color: #00aff0; }
.enquete .link-resultados { display: block; clear: both; width: 100px; }
.resultados { position: relative; font-family: Trebuchet MS, Verdana, Arial; font-size: 11px; }
.resultados .loading { position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; }
.resultados .resultado { display: block; clear: both; margin: 0 0 10px; }
.resultados .barra-resultado { width: 0px; height: 16px; padding: 4px 0 0; background: #00aff0; color: #FFFFFF; font-size: 10px;
	text-align: center; float: left; margin: 0 10px 0 0; }
.resultados p { font-size: 11px; margin: 0 0 3px; }
.resultados p.total-votos { text-align: right; font-weight: bold; }

/* ------------------------------------------------------------------------- */
/* ESTILOS DO FORM DE COMENTÁRIO DE NOTÍCIAS (jQuery dialog) --------------- */
/* ------------------------------------------------------------------------- */
.form-dialog { text-align: left; }
.form-dialog label,.form-dialog input,.form-dialog textarea { display: block; font-size: 12px; font-weight: normal; margin: 0 0 5px; }
.form-dialog input.text,.form-dialog textarea { margin-bottom: 12px; width: 95%; padding: .4em; font-size: 11px !important; font-weight: normal !important; }
.form-dialog fieldset { padding: 0; border: 0; margin-top: 25px; }

/* ------------------------------------------------------------------------- */
/* ESTILOS DO FORM DE CONTATO ---------------------------------------------- */
/* ------------------------------------------------------------------------- */
.contato { position: relative; width: 520px; margin: 0px; height: 270px; }
.contato input,.contato select,.contato textarea { display: block; width: 500px; margin: 0 0 10px; }
.contato select { width: 422px; height: 25px; }
.contato textarea { height: 110px; width: 502px; }
.contato .btn-enviar, .contato .btn-reset { float: left; width: 110px; }
.contato .btn-enviar { bottom: 0px; position: absolute; right: -110px; }
.contato .btn-enviar:hover { background: url("../images/estrutura/bg-btn-enviar.png") repeat-x scroll -1px -1px #3e3e3e; opacity: 0.8;}
.captcha { float: left; margin: 10px 0 0; height: 80px; }
.img_audio_captcha { margin: 10px 0 56px; }
.cod_verificacao { font-weight: bold; }
.input1 { float: left; margin-right: 10px; }
.input5 input{ width: 502px; }


/* ------------------------------------------------------------------------- */
/* ESTILOS DA PAGINA DE ERRO 404 ------------------------------------------ */
/* ------------------------------------------------------------------------- */
.conteudo-erro{ background: url("../images/estrutura/bg-conteudo-erro.jpg") no-repeat scroll 0 0 transparent;
	position: relative; left: 0px; width: 680px; min-height: 240px; padding: 111px 30px 20px; }
.conteudo-erro p{ text-align: center; margin: 0 0 100px; }
.style-erro{ font-size: 42px !important; color: #e1d3d2; font-style: italic; line-height: 40px; }
.style-number-erro{ font-size: 200px !important; color: #e1d3d2; line-height: 180px; }
.style-text-erro{ font-size: 20px !important; color: #a47573; line-height: 20px; }
.quad-blue{ background-color: #e1d3d2; height: 35px; width: 35px; float: left; margin-top: 50px; }
.quad-pink{ background-color: #a47573; margin: 50px 100px; height: 35px; width: 35px; float: left; }
.btn-voltar-erro{ display: block; clear: both; position: relative; right: 0; }

/* ------------------------------------------------------------------------- */
/* ESTILOS DE SEÇÕES E COMPONENTES ESPECÍFICOS ----------------------------- */
/* ------------------------------------------------------------------------- */
#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7{ width: 680px; }
.hideNull{ display:none !important; }
.redes-sociais{ position: absolute; right: 0; top: 25px;}
.redes-sociais img{ margin-right: 10px;}

/*.s6{ height: 370px; padding: 0; margin: 0 auto; width: 1380px; }*/

#tab3 .bloc-not{ width: 440px;}
#tab3 #colunadireita{ border-left: 1px dashed #000; margin-left: 20px; padding-left: 20px; width: 200px;}
#tab3 #sponsors{ border: 0; padding: 0; width: 200px;}
#sponsors div{ display:block !important;}

.sep-col{ position: relative;}
.sep-col h1{ margin-bottom: 20px;}
.sep-col-1{ float: left; width: 220px; margin-right: 10px;}
.last{ margin: 0;}

#accordion h3{ padding: 5px 30px;}
.ui-accordion-content{ height: inherit !important;}

/* ------------------------------------------------------------------------- */
/* ESTILOS DE RSS ---------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/*div#rssincl-box-554472, div#rssincl-box-554503, div#rssincl-box-554505{*/ /*width: 200px !important;*/ /*margin-bottom: 10px !important;}
#rssincl-box-554472 .rssincl-entry, #rssincl-box-554503 .rssincl-entry, #rssincl-box-554505 .rssincl-entry{*/ /*width: 190px !important;*//*}
#sponsors div.rssincl-footer{ display: none !important; text-indent: -10000px;}*/

div#rssincl-box-554472, div#rssincl-box-554503, div#rssincl-box-554505{ width: 450px !important; margin-bottom: 10px !important;}
div#rssincl-box-554472, div#rssincl-box-554503, div#rssincl-box-554505{ display: block !important;}
#tab3 div{ display: block !important;}
#tab3 div.rssincl-head{ width: 440px !important;}
#tab3 div.rssincl-footer{display: none !important; text-indent: -10000px;}
div#rssincl-box-554472 .rssincl-content, div#rssincl-box-554503 .rssincl-content, div#rssincl-box-554505 .rssincl-content{ width: 450px !important; }
div.rssincl-itemdesc{ width: 440px !important;}
div#rssincl-content-554472{ height: 120px !important; width: 450px !important;}
div#rssincl-content-554472 .rssincl-entry{ height: 110px !important; width: 440px !important;}

div#rssincl-content-554503{ height: 75px !important; width: 450px !important;}
div#rssincl-content-554503 .rssincl-entry{ height: 65px !important; width: 440px !important;}

div#rssincl-content-554505{ height: 230px !important; width: 450px !important;}
div#rssincl-content-554505 .rssincl-entry{ height: 220px !important; width: 440px !important;}
div#rssincl-content-554505 .rssincl-entry div{ height: 220px !important; width: 440px !important;}
div#rssincl-content-554505 .rssincl-entry nobr{ width: 440px !important;}




