/* ------------------------------------------------------------------------- */
/* TAGS HTML --------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
a, a:visited {
	text-decoration: none;
    color: #6a1919;
    font-size : 11px; 
}

a:hover {
	text-decoration: underline;
}

h1 {
    padding:0;
	margin: 0px 0px 10px 0px;
    color: #222000;
    font-size : 26px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;    
}

h2 {
	margin: 0 0 10px 0;
	padding: 0;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}

/* UTILIZADO PARA MENSAGENS DE ERRO */
h4 {
	color: #16365d;
	font-size: 12px;
}

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

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

input {
	font-size: 12px;
}

li, ul {
    list-style-type: disc;
    color: #222000;
}

li {
	margin: 0 0 5px 0;	
}

p {
	margin: 0 0 20px 0;
	padding: 0;
    color: #000000;
    font-size: 11px;
    line-height: 15px; 
}

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

td {
	padding: 3px;
}

tr, td, th {
	border: 0;
}

ul {
	margin: 0 0 10px 15px;
}
/* ------------------------------------------------------------------------- */
/* ESTRUTURA PRINCIPAL ----------------------------------------------------- */
/* ------------------------------------------------------------------------- */
html,body {    
	background: #15355B;
    color: #222000;
    font-family : Verdana, Trebuchet MS, Arial;
    font-size : 11px;
    font-weight: normal;
    text-align: center;
    position: relative;
    height: auto;
    _height: 100%;
}

body {
	background: url("../../images/estrutura/bg-html.jpg") top left repeat-x #215088;
}

#bg-listras {
	_position: absolute;
	_display: block;
	_top: 0;
	_left: 0;
	_width: 100%;
	_height: 100%;
	background: url("../../images/estrutura/bg-body.png") top left repeat;
}

#cerca-top {
	background: url("../../images/estrutura/bg-cerca-top.png") top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 413px;
	height: 240px;
}

#cerca-bottom {
	background: url("../../images/estrutura/bg-cerca-bottom.png") top left no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 541px;
	height: 232px;
	z-index: 0;
}

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

#container {
	background: url("../../images/estrutura/bg-container.png") top left repeat-y;
	position: relative;
	width: 960px;
	_z-index: -1;
}

#container #bg-light {
	background: url("../../images/estrutura/bg-light.jpg") top left no-repeat;
	position: absolute;
	width: 890px;
	height: 506px;
	bottom: 0;
	left: 34px;
}

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

#logo {
	background: url("../../images/estrutura/bg-logo.png") bottom left no-repeat;
	width: 960px;
    height: 390px;
    position: relative;    
    _z-index: -1;
}

#logo_estatico { /* IMAGEM */
	position: absolute;
	top: 267px;
	left: 127px;
	display: block;
	width: 160px;
	height: 110px;
}

#logo_dinamico { /* FLASH */

}

#logo #titulo-secao {
	position: absolute;
	top: 332px;
	left: 360px;
}

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

#colunadireita {
	background: url("../../images/estrutura/bg-colunadireita.png") top left no-repeat;
	position: absolute;
	top: -73px;
	right: 25px;
	width: 293px;
	height: 541px;	
	z-index: 1;
}

#sponsors {
	margin: 60px 0 0 20px;
	width: 260px;
	color: #FFFFFF;
	font-size: 10px;	
}

#fiquepordentro a, #fiquepordentro a:visited {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

#fiquepordentro a:hover {
	color: #64AFBF;
	text-decoration: none;
}

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

#rodape {
	background: url("../../images/estrutura/bg-rodape.jpg") top left repeat-x;
	position: relative;	
	text-align: center;
	height: 240px;
	width: 100%;
	_z-index: -1;	
}

#rodape-listras {
	_position: absolute;
	_display: block;
	_top: 0;
	_left: 0;
	_width: 100%;
	_height: 100%;
	background: url("../../images/estrutura/bg-body.png") top left repeat;	
}

#creditos {
	background: url("../../images/estrutura/bg-creditos.png") top left no-repeat;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 960px;
	height: 240px;
	position: relative;
	clear: both;
	z-index: 0;
}

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

/* LOGOMARCA DO b2mlportal */ 
#rodape_b2ml {
	position: absolute;	
	top: 35px;
	right: 68px;
	z-index: 2;
}

#rodape_b2ml table, #rodape_b2ml tr, #rodape_b2ml td {
	border: 0;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
}

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

/* Link para o Mapa do Site ----------------- */
#mapa {
	background: url("../../images/estrutura/bg-mapadosite.jpg") 0 1px no-repeat;
	_background: url("../../images/estrutura/bg-mapadosite.jpg") 0 3px no-repeat;
	position: absolute;
	top: 44px;
	_top: 42px;
	left: 108px;
	height: 16px;
	padding: 0 0 0 15px;
}

#mapa a, #mapa a:visited {
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
}

/* Copyright */
#copyright {
	position: absolute;
	top: 44px;
	left: 240px;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;	
}

#copyright a, #copyright a:visited {
	text-decoration: underline;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
}

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

#conteudo, .conteudo, .conteudo-capa, .conteudo-produtos {
	position: relative;
	left: 34px;
	width: 787px;
	_width: 891px;
	min-height: 470px;
	_height: 505px;
	padding: 20px 52px 15px 52px;
    text-align: left;
}

.conteudo-capa {
	left: 59px;
	padding: 0 0 1px 0;
	width: 570px;
	min-height: 510px;
	_height: 510px;
}

/**********************************
*** ÁREA DE CONTEÚDO DE PRODUTOS **
**********************************/

#conteudo-produtos-wrapper {
	position: relative;
	top: -25px;
	left: 269px;
	width: 641px;
	margin: 0 0 -53px 0;
	z-index: 1;
}

#conteudo-produtos-top {
	position: relative;
	width: 641px;
	height: 53px;
}

#conteudo-produtos-top h1 {
	position: absolute;
	top: 5px;
	right: 15px;
	display: block;	
	width: 306px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	text-transform: none;
	text-decoration: none;
	font-size: 19px;
	font-weight: normal;
	text-align: center;
}

#conteudo-produtos-top.p14 { background: url("../../images/estrutura/bg-conteudo-produtos-top-14.png") top left no-repeat; }
#conteudo-produtos-top.p15 { background: url("../../images/estrutura/bg-conteudo-produtos-top-15.png") top left no-repeat; }
#conteudo-produtos-top.p16 { background: url("../../images/estrutura/bg-conteudo-produtos-top-16.png") top left no-repeat; }
#conteudo-produtos-top.p17 { background: url("../../images/estrutura/bg-conteudo-produtos-top-17.png") top left no-repeat; }
#conteudo-produtos-top.p18 { background: url("../../images/estrutura/bg-conteudo-produtos-top-18.png") top left no-repeat; }
#conteudo-produtos-top.p19 { background: url("../../images/estrutura/bg-conteudo-produtos-top-19.png") top left no-repeat; }
#conteudo-produtos-top.p20 { background: url("../../images/estrutura/bg-conteudo-produtos-top-20.png") top left no-repeat; }
#conteudo-produtos-top.p21 { background: url("../../images/estrutura/bg-conteudo-produtos-top-21.png") top left no-repeat; }
#conteudo-produtos-top.p22 { background: url("../../images/estrutura/bg-conteudo-produtos-top-22.png") top left no-repeat; }
#conteudo-produtos-top.p23 { background: url("../../images/estrutura/bg-conteudo-produtos-top-23.png") top left no-repeat; }
#conteudo-produtos-top.p24 { background: url("../../images/estrutura/bg-conteudo-produtos-top-24.png") top left no-repeat; }
#conteudo-produtos-top.p25 { background: url("../../images/estrutura/bg-conteudo-produtos-top-25.png") top left no-repeat; }
#conteudo-produtos-top.p46 { background: url("../../images/estrutura/bg-conteudo-produtos-top-46.png") top left no-repeat; }
#conteudo-produtos-top.p47 { background: url("../../images/estrutura/bg-conteudo-produtos-top-47.png") top left no-repeat; }
#conteudo-produtos-top.p48 { background: url("../../images/estrutura/bg-conteudo-produtos-top-48.png") top left no-repeat; }
#conteudo-produtos-top.p57 { background: url("../../images/estrutura/bg-conteudo-produtos-top-57.png") top left no-repeat; }

.conteudo-produtos {
	background: #FFFFFF;
	left: 0px;
	padding: 0px 40px;
	width: 561px;
	_width: 641px;	
	min-height: 533px;
	_height: 533px;
}

.conteudo-produtos h1 {
	margin: 0 0 40px 0;	
	font-size: 23px;
}

.conteudo-produtos h2 {
	font-size: 12px;
}

#conteudo-produtos-bottom {
	background: url("../../images/estrutura/bg-conteudo-produtos-bottom.png") top left no-repeat;
	width: 641px;
	height: 26px;
}

.produto {
	background: url("../../images/estrutura/bg-produto.jpg") bottom center no-repeat;
	padding: 0 0 15px 0;
}

.produto h2 {
	font-weight: bold;
	font-size: 14px;
	color: #000000;	
	padding: 10px 0 0 0;
}

.produto a:hover {
	text-decoration: none;
}

.produto p, .produto li {
	color: #000000;
	font-size: 11px;
}

.produto li {
	list-style-type: disc;
}

.produto table, .produto tr, .produto td {
	border: 0;
}

.produto .img-wrapper {
	position: relative;
}

.produto .img-wrapper .selo-lancamento {
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 10;
}

.produto img {
	margin: 0 5px 0 0;
	z-index: 0;
}

.imagem-produto {
	margin: 0 15px 0 0;
}

.imagem-exibirproduto {
	float: left;
	margin: 0 15px 15px 0;
}

/**************************************
*** QUADRO DE CATEGORIAS DE PRODUTOS **
**************************************/

#categorias-produtos-wrapper {
	position: absolute;
	top: 8px;
	left: 45px;
	z-index: 1;
}

#categorias-produtos-top {
	background: url("../../images/estrutura/bg-categorias-produtos-top.png") top left no-repeat;
	position: relative;
	width: 212px;
	height: 22px;
}

#categorias-produtos {
	background: url("../../images/estrutura/bg-categorias-produtos.png") top left repeat;
	position: relative;	
	width: 176px;
	_width: 212px;
	padding: 0 18px 60px 18px;
}

#categorias-produtos h1 {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 15px 0;		
}

#categorias-produtos h1.seguranca {
	color: #000000;
}

#categorias-produtos h1.telecom {
	color: #000000;
}

#categorias-produtos a, #categorias-produtos a:visited {
	display: block;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	margin: 0 0 13.5px 0;	
}

#categorias-produtos a:hover {
	color: #8c1f1f;	
}

#categorias-produtos-wrapper img.cartao-bndes {
	position: absolute;
	right: 0;
	bottom: -10px;
	z-index: 1;
}

#categorias-produtos-bottom {
	background: url("../../images/estrutura/bg-categorias-produtos-bottom.png") top left no-repeat;
	position: relative;
	width: 212px;
	height: 22px;
}

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

.quadro span {
	width: 100%;
}

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

.quadro .imagem_canto, .quadro .imagem_esquerda, .quadro .imagem_direita {
	margin: 0 0 15px 0;
}

.imagem_centralizada { 
   margin: 0 0 15px 0;
   padding: 0;
   clear: both;
}

.imagem_direita {
   margin: 0 0 15px 26px;
   padding: 0;
   float: right;
}

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

/* Caminho (Você está em...) --------------- */
#caminho{
	position: absolute;
	left: 220px;
	padding: 0 15px;
	width: 480px;
	_width: 510px;
	font-size: 11px;
	text-align: right;
}

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

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

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

.data-destaque {
	font-size: 11px;
	color: #215088;
}

.bloco_de_noticias p{  
    color: #222000;
    font-size: 11px;
}

.bloco_de_noticias a, .bloco_de_noticias a:visited{  
    font-size: 11px;
}

/* Idiomas ---------------------------------- */
#idiomas {
	position: absolute;
	right: 120px;
	top: 160px;
	border: 0;
	margin: 0;
	padding: 0;
}

#idiomas a, #idiomas a:visited {
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
}

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

#idiomas img {
	margin: 0;
	padding: 0;
}

/* Painel de Busca ------------------------- */
#busca {
	position: absolute;
	top: 187px;
	left: 463px;
	width: 370px;
	height: 30px;
}

#busca #busca-icon {
	float: left;
	margin: -2px 5px 0 0;
}

#busca label {
	margin: 0 5px 0 0;
	color: #FFFFFF;
	font-size: 10px;
}

#busca .campo-busca {
	margin: 0 5px 0 0;
	width: 273px;
	height: 17px;
	border: 1px solid #8b8b8b;
	padding: 1px 2px;
	color: #191919;
	font-size: 9px;
}

#busca #btn-buscar {
	position: absolute;
	right: -3px;
	top: -1px;
}

/* Painel de Cadastro de Newsletter --------- */
#newsletter {
	position: absolute;
	width: 380px;
	height: 27px;
	top: 160px;
	left: 463px;
	color: #FFFFFF;    
	text-align: left;   
}

#newsletter img {
	margin: 0;
	padding: 0;
	border: 0;
}

#newsletter #icon-newsletter {
	float: left;
	margin: -2px 12px 0 0;	
}

#newsletter label {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	margin: 0 3px 0 0;
}

#newsletter .campo-email {
	width: 251px;
	height: 17px;
	border: 1px solid #898989;
	padding: 1px 2px;
	font-size: 9px;
	color: #191919;
}

#newsletter .btn-newsletter {
	position: absolute;
	top: -1px;
	right: 7px;
}

/* Painel de Login à Àrea Restrita ----------- */
#login {
	position: absolute;
	top: 160px;
	left: 120px;
	width: 337px;
	height: 60px;
    color: #FFFFFF;    
    font-weight: normal;
    text-decoration: none;
    text-align: left;   
}

#login img {
	margin: 0;
	border: 0;
	padding: 0;
}

#login label {
	font-size: 10px;	
}

#login #login-top {
	position: absolute;
	top: 0;
	left: 5px;
}

#login #login-top #cadastrar {
	position: absolute;
	top: -2px;
	right: -66px;		
}

#login #login-top #campo-login {
	width: 206px;
	height: 17px;
	border: 1px solid #8b8b8b;
	padding: 1px 2px;
	color: #191919;
	font-size: 9px;
	margin: 0 10px 0 0;
}

#login #login-bottom {
	position: absolute;
	top: 27px;
	left: 0;
}

#login #login-bottom #campo-senha {
	width: 130px;
	height: 17px;
	border: 1px solid #8b8b8b;
	padding: 1px 2px;
	color: #191919;
	font-size: 9px;
	margin: 0 5px 0 0;
}

#login #login-bottom #btn-logar {
	position: absolute;
	top: -1px;
	right: -20px;
}

#login #login-bottom #perdi-senha {
	position: absolute;
	top: -4px;
	right: -147px;
}

/* Quando logado */
#login p {
	font-size: 10px;
	color: #FFFFFF;	
}

#login a, #login a:visited {
	color: #64AFBF;
	text-decoration: none;
	font-size: 10px;
}

#login a:hover {
	color: #64AFBF;
	text-decoration: underline;
}

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

/* ------------------------------------------------------------------------- */
/* ESTILOS DO FORM DE CONTATO ---------------------------------------------- */
/* ------------------------------------------------------------------------- */

.contato {
	position: relative;
	margin: 0 0 20px 0;
}	

.contato input, .contato textarea, .contato select {
	background: #FFFFFF;
	color: #000000;
	font-size: 10px;
	border-top: 1px solid #b0a36a;
	border-left: 1px solid #b0a36a;
	width: 350px;
	height: 21px;
	padding: 3px;
}

.contato select {
	width: 250px;
}

.contato textarea {
	width: 500px;
	height: 117px;
}

.contato td {
	font-size: 10px;
	color: #000000;
}

.contato #btn-enviar {
	background: none;
	width: 70px;
	height: 19px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

.contato #btn-reset {
	background: url("../../images/estrutura/btn-limpar.png") top left no-repeat;
	width: 70px;
	height: 19px;
	margin: 0;
	padding: 0;
	border: 0;	
	cursor: pointer;
}

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

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

.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: 12px;
	color: #285783;
	width: 97.7%;
	_width: 100%;
	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: #000000;
	top: 0;
	right: 10px;
	font-size: 10px;
}

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

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

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

/* ------------------------------------------------------------------------- */
/* GALERIA DE ARQUIVOS ----------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#arquivos, #arquivos tr, #arquivos tr td {
	border: 0;
}

#arquivos tr td {
	padding: 0 10px 20px 10px;
	vertical-align: top;
	width: 60px;
}

#arquivos tr td a, #arquivos tr td a:visited  {
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

#arquivos tr td a:hover {
	text-decoration: underline;
	color: #781E1A;
}

#arquivos tr td img {
	margin: 0 0 5px 0;
	display: block;
}

#sitemap li {
	list-style-type: none;
	margin: 0 0 10px 70px;
}

/* ------------------------------------------------------------------------- */
/* ESTILOS DE SEÇÕES E COMPONENTES ESPECÍFICOS ----------------------------- */
/* ------------------------------------------------------------------------- */

#dialog-termo-responsabilidade p {
	text-align: justify;
}

#link-premios {
	position: absolute;
	bottom: 5px;
	left: 402px;
}

#link-premios img {
	margin: 0;
	padding: 0;
}

/*Quadro de informações presente no fim do conteúdo do HOME */
#container #info-bottom {
	background: url("../../images/estrutura/bg-info-bottom.jpg") top left no-repeat;
	position: absolute;
	bottom: -29px;
	left: 107px;
	width: 739px;
	height: 51px;
	z-index: 100;
}

.quadro.c17, .quadro.c586 {
	margin: 0;
	padding: 0;
	width: 50%;
}

#mapa-jfl {
	background: url("../../images/estrutura/bg-mapa.jpg") top left no-repeat;
	width: 517px;
	_width: 543px;
	height: 322px;
	_height: 348px;
	padding: 13px;
	margin: 45px 0 0 0;
}

a#mapa-ampliado, a#mapa-ampliado:visited {
	background: url("../../images/estrutura/icon-lupa.jpg") top left no-repeat;
	display: block;
	height: 20px;
	width: 130px;
	_width: 155px;
	padding: 0 0 0 25px;
	color: #000000;
	text-decoration: underline;
	font-size: 11px;
	cursor: pointer;
}

a#mapa-ampliado:hover {
	color: #204c81;
}

/* PÁGINAS EM CONSTRUÇÃO */
.s10 {
	background: url("../../images/estrutura/bg-conteudo-construcao-amigosjfl.jpg") bottom right no-repeat;
}

.s31, .s33 {
	background: url("../../images/estrutura/bg-conteudo-construcao.jpg") center center no-repeat;
}

.s30 p {
	margin: 0 0 10px 0;
}

.s30 .download-icon {
	background: url("../../images/estrutura/icon-download.png") center left no-repeat;
	display: block;
	height: 21px;
	_height: 23px;
	color: #000000;
	text-decoration: underline;
	font-size: 9px;
	padding: 2px 0 0 30px;
}