
/* ------------------------------------------------------------------------- */
/* TAGS HTML --------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
a {
	text-decoration: none;
    color: #2686e7;
    font-size : 13px; 
}

a:hover {
	text-decoration: underline;
}

h1 {
    padding:0;
	margin: 0px 0px 20px 0px;
    color: #619dda;
    font-size : 23px;
    font-weight: bold;
    text-align: left;    
}

h2 {
	margin: 0 0 10px 0;
	padding: 0;
    color: #619dda;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
}

/* UTILIZADO PARA MENSAGENS DE ERRO */
h4 {
	color: #800000;
	font-size: 14px;
}

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

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

input {
	font-size: 11px;
}

li, ul {
    list-style-type: square;
    color: #000000;
}

li {
	background:url("../../images/estrutura/marcador.jpg") no-repeat scroll 0 6px transparent;
	color:#626262;
	line-height:20px;
	list-style-type:none;
	margin:0 0 2px;
	padding:0 0 0 15px;
}

p {
	color:#626262;
	font-size:14px;
	line-height:20px;
	margin:0 0 20px;
	padding:0;
}

table {    
    color : #6B6B6B;
    border: 0;
    font-size : 14px;
    text-decoration : none;
    text-transform : none;
    vertical-align : middle;
}

td {
	padding: 3px;
}

tr, td, th {
	border: 0;
}

ul {
	margin: 0 0 20px 20px;
}
/* ------------------------------------------------------------------------- */
/* ESTRUTURA PRINCIPAL ----------------------------------------------------- */
/* ------------------------------------------------------------------------- */
html,body {    
    background: url("../../images/estrutura/bg-body-3j.jpg") top left repeat-x;
    color: #626262;
    font-family : Trebuchet MS, Arial, Verdana;
    font-size : 14px;
    font-weight: normal;
    text-align: center;
}

#corpo {
	background: #ffffff;
	width: 1001px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

#container {
	position: relative;
	width: 1001px;
}

/* ------------------------------------------------------------------------- */
/* LOGO -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#logo {
	background: url("../../images/estrutura/bg-logo-3j.jpg") top left no-repeat;
	width: 1001px;
    height: 240px;
    position: relative;    
}

#logo_estatico { /* IMAGEM */
	left:40px;
	position:absolute;
	top:50px;
	
}

#logo .menu-auxiliar {
	color:#848383;
	font-size:14px;
	position:absolute;
	right:71px;
	top:10px;
}

#logo .menu-auxiliar a, #logo .menu-auxiliar a:visited {
	color:#848383;
	font-size:14px;
	margin:0 11px;
	text-decoration: none;
}

#logo .menu-auxiliar a:hover{
	color:#55a2f0;
}

#logo_dinamico { /* FLASH */

}

/* ------------------------------------------------------------------------- */
/* COLUNA ESQUERDA --------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#colunaesquerda {
	float:left;
	left:20px;
	padding:20px 0 20px 20px;
	position:absolute;
	width:160px;
}

#sponsors {
    width : 180px; 
}

/* ------------------------------------------------------------------------- */
/* COLUNA DIREITA ---------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#colunadireita {
	float:right;
	padding:0 20px 0 0;
	position:absolute;
	right:20px;
	top:40px;
	width:230px;
}

#sponsors2 {
    width: 230px;
}

/* ------------------------------------------------------------------------- */
/* RODAPÉ ------------------------------------------------------------------ */
/* ------------------------------------------------------------------------- */

#rodape{
	background:url("../../images/estrutura/bg-rodape-3j.jpg") repeat-x scroll left top transparent;
	clear:both;
	height:372px;
	padding:0 0 0 0;
	position:relative;
	text-align:center;
	width:100%;
}

#creditos {
	background:url("../../images/estrutura/bg-creditos-3j.jpg") no-repeat scroll left top transparent;
	clear:both;
	height:342px;
	margin:0 auto;
	padding:30px 34px 0 40px;
	position:relative;
	text-align:left;
	width:927px;
}

#creditos h1{
   color: #FFFFFF;
   font-size: 18px;
   font-weight: bold;
   text-decoration: none;
   padding:0 0 4px;
}

#creditos p{
   color: #FFFFFF;
   font-size: 14px;
   font-weight: normal;
   text-decoration: none;
}

#creditos .quadro.c7 {
	margin:5px 0;
	padding:0;
	width:29%;
}

#creditos .quadro.c8 {
	padding:0 0 0 45px;
	width:28%;;
}

#creditos .quadro.c9 {
	margin:5px 10px 5px 2%;
	padding:0 0 0 54px;
	width:25%;
}

/* LOGOMARCA DO b2mlportal */ 
#rodape_b2ml {
	position: absolute;
	width: 120px;
	height: 30px; 
	right: 0px;
	bottom: 10px;
}

#rodape_b2ml img{
	border: 0px;
	padding: 0px;
	margin: 0px;	
}

/* ------------------------------------------------------------------------- */
/* CONTEÚDO EM GERAL ------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#conteudo, .conteudo {
	position: relative;
	left: 220px;
	width: 700px;
	min-height: 840px;
	padding: 40px 15px;
    text-align: left;
}

#conteudo-capa, .conteudo-capa{
	left:180px;
	min-height: 720px;
	_height: 720px;
	padding:0px 20px 20px 40px;
	position:relative;
	text-align:left;
	width:490px;
}

#conteudo-capa h1, .conteudo-capa h1{
    font-size : 23px;
}

/* Meia seção */
.quadro {
	width: 43%;
	overflow: hidden; 
	float: left;
	border: none; 
	margin: 5px 2% 5px 2%; 
	padding: 0 1% 0 1%;
	text-align: left; 
	display: block;
}

/* Imagens ------------------------------- */
.imagem_canto, .imagem_esquerda {
	margin: 0 15px 15px 0;
	padding: 0;
	float: left;
}

.imagem_centralizada { 
   margin: 0 0 15px 0;
   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{
	position: absolute;
	left: 220px;
	padding: 0 15px;
	width: 480px;
	font-size: 14px;
	text-align: right;
}

#caminho a {
	font-size: 14px;
}
/* ----------------------------------------- */

/* Notícias -------------------------------- */
.comentario {
	width: 100%;
}

.bloco_de_noticias{
	margin: 0px 0px 10px 0px;
   	padding: 0;
   	border: 0;
   	color: #000000;
    font-size: 14px;
   	text-align: left;
}

.data-destaque {
	color:#ffffff;
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:0 0 4px;
}

.bloco_de_noticias .noticia:hover .data-destaque{
	color: #00534b;
}


.bloco_de_noticias p{  
    color: #5B5856;
    font-size: 14px;
}

.bloco_de_noticias a {  
    font-size: 14px;
    text-transform: none;
    text-decoration: none;    
    font-weight:normal;
    color:#FFFFFF;
}

.bloco_de_noticias a:hover{  
    font-size: 14px;
    text-transform: none;
    text-decoration: none;
    font-weight:normal;
    color: #b8fff8;
}

.c9 .bloco_de_noticias .noticia {
	margin:0 0 25px;
}

/* ------------------------------------------ */

/* Link para o Mapa do Site ----------------- */
#mapa {
	position: absolute;
	top: 25px;
	right: 30px;
	height: 16px;
	padding: 0px;
}

#mapa a {
	color: #FFFFFF;
	font-size: 14px;
}
/* ------------------------------------------ */

/* Idiomas ---------------------------------- */
#idiomas {
	position: absolute;
	left: 350px;
	top: 60px;
	border: 0;
	margin: 0;
	padding: 0;
}

#idiomas a {
	color: #b1c0cf;
	margin: 0 10px 0 0;
}

#idiomas a:hover {
	color: #FFFFFF;	
	text-decoration: none;
}

#idiomas img {
	margin: 0;
	padding: 0;
}
/* ------------------------------------------ */

/* Painel de Busca ------------------------- */
#busca {
	bottom:26px;
	position:absolute;
	right:40px;

}

#busca .campos{
	background:url("../../images/estrutura/bg-busca-3j.jpg") no-repeat scroll left bottom transparent;
	border:0 none;
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;
	height:21px;
	padding:4px 13px 0;
	text-decoration:none;
	width:176px;
	float: left;
}

#busca .botao{
	float:right;
	padding:1px 0 0 3px;
}

#busca h2{
	color:#FFFFFF;
	float:left;
	font-family:trebuchet MS;
	font-size:15px;
	padding:3px 12px 0 0;
}

#resBusca h2, .resBusca h2{
	color: #7E7E7E;
	padding: 0px 0px 0px 0px;
}
.
/* ------------------------------------------ */

/* Painel de Cadastro de Newsletter --------- */
#newsletter {
	position: relative;
	color:#769CC9;    
	text-align:center;   
    font-weight:normal;
    text-decoration: none;
}

#newsletter .campos{
	width: 120px;
	height: 20px;
	color: #000000;
    font-weight:normal;
    font-size: 13px;
    text-decoration: none;
}
/* ------------------------------------------- */

/* Painel de Login à Àrea Restrita ----------- */
#login {
	color:#769CC9;
	font-weight:normal;
	margin:80px 0 0 0;
	position:relative;
	text-align:center;
	text-decoration:none;
}

#login .campos{
	background:url("../../images/estrutura/bg-login-restrita.jpg") no-repeat scroll left bottom transparent;
	width:137px;
	height:26px;
	color: #619dda;
	font-weight:normal;
	font-size: 15px;
    text-decoration: none;
    border: 0 none;
    padding:0 0 0 5px;
}

#login td{
	padding:3px 0;
}

#login .botao{
	background:url("../../images/estrutura/btn-login-3j.jpg") no-repeat scroll left bottom transparent;
	border: none;
	color:#FFFFFF;
	height:24px;
	width:142px;
	cursor:pointer;
}
/* -------------------------------------------- */

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

/* ------------------------------------------------------------------------- */
/* ESTILOS DO FORUM -------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

.form-forum input {
	width: 240px;
	font-size: 14px;
}

.form-forum .btnEnviar {
	width: 150px;	
}

#forum {
	width: 90%;
	margin: 0 auto 15px auto;
	text-align: center;
	clear: both;
}

#forum .topico {
	background: #FFFFFF;
	width: 100%;
	border: 1px solid #a5a5a5;
	position: relative;
	padding: 0;
	margin: 0 auto 5px auto;
}

#forum .topico h1 {
	font-size: 15px;
	color: #285783;
	width: 97.7%;
	display: block;	
	background: #efefef;
	padding: 12px 0 3px 10px;
	margin: 0; 
}

#forum .topico h1 a {
	font-size: 15px;
	color: #285783;
}

#forum .topico .data-autor {
	position: absolute;
	color: #000000;
	top: 0;
	right: 10px;
	font-size: 13px;
}

#forum .topico p {
	text-align: left;
	padding: 10px;
	margin: 0;
	color: #000000;
	font-size: 14px;
}

#novotopico, #novaresposta {
	border: 1px solid #a9c4df;
	background-color: #f2f5f8;
	margin: 0 0 10px; 
}

.btnNovoTopico, .btnNovaResposta {
	font-size: 14px;
	width: 80px;
}

/* ------------------------------------------------------------------------- */
/* 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 0;
	margin: 0;
}

.enquete .msg-enquete {
	display: none;
	padding: 4px 0 0 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;	
	color: #00aff0;
}

.enquete .link-resultados {
	display: block;
	clear: both;
	width: 100px;
}

.resultados {
	position: relative;
	text-align: left;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 14px;
}

.resultados .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
}

.resultados .resultado {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
}

.resultados .barra-resultado {
	width: 0px;
	height: 16px;
	padding: 4px 0 0 0;
	background: #00aff0;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center;	
	float: left;
	margin: 0 10px 0 0;
}

.resultados p {
	font-size: 14px;
	margin: 0 0 3px 0;
}

.resultados p.total-votos {
	text-align: right;
	font-weight: bold;
}

/*Contato*/
.contato input, .contato select {
	background:url("../../images/estrutura/bg-contato-textfield.jpg") no-repeat scroll left top #c6c6c6;
	border:0 none;
	color:#656565;
	font-size:12px;
	height:22px;
	margin:0 0 10px;
	outline:medium none;
	padding:4px;
	width:352px;
}

.contato textarea {
	background:url("../../images/estrutura/bg-contato-textarea.jpg") no-repeat scroll left top transparent;
	border:0 none;
	color:#656565;
	display:block;
	font-size:12px;
	height:212px;
	margin:0 0 10px;
	outline:medium none;
	overflow:auto;
	padding:4px;
	width:442px;
}

.contato label {
	color:#619dda;
	display:block;
	font-size:17px;
	font-weight:bold;
	margin:0 0 3px;
	text-transform: lowercase;
}

.contato .btn-enviar {
	background:url("../../images/estrutura/bg-contato-btn.jpg") no-repeat scroll left top transparent;
	border:0 none;
	color:#ffffff;
	cursor:pointer;
	display:block;
	float:left;
	font-size:15px;
	font-weight:normal;
	height:40px;
	margin:0 20px 0 0;
	outline:medium none;
	text-shadow:0 0px 0px #FFFFFF;
	width:100px;
	position: absolute;
	bottom: 68px;
	right: 116px;
}

.s21 .contato. btn-enviar{
	bottom: 66px;
}

/*Produtos*/
.produto {
	clear: both;
}

.produto img {
float:left;
margin:0 20px 20px 0;
}

.produto a, produto a:visited{
	color: #626262;
}


/* ------------------------------------------------------------------------- */
/* ESTILOS DE SEÇÕES E COMPONENTES ESPECÍFICOS ----------------------------- */
/* ------------------------------------------------------------------------- */
.s7 a, .s7 a:visited{
	color:#7E7E7E;
}

.s7 a:hover{
	color:#2686e7;
}

.s8 .contato .btn-enviar{
    float: none;
    left: 0;
    margin-top: 80px;
    position: relative;
}

/* cadastro */
.cadastro .btn-enviar {
	bottom:40px;
	left:16px;

}

/*----------------------------------------------------------------------------------*/
/* Estilo do captcha----------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/

.captcha{
    float: left;
    margin: 10px 0 0 0;
    height: 80px;
}

.img_audio_captcha{
    margin: 10px 0 56px 0;
}

.cod_verificacao{
    color: #000;
    font-family: Trebuchet MS,Verdana,Arial;
    font-size: 15px;
    font-weight: bold;
}
