/* CSS Bomclube - by Alex Batista */
@charset "iso-8859-1";

/*Menu*/
@import url('menu.css');
/* Area estrutural */
@media screen, tv {
	html {
	/* Scroll */
		scrollbar-arrow-color:#FFF;
		scrollbar-3dlight-color:#FFF;
		scrollbar-highlight-color:#FFF;
		scrollbar-face-color:#F90;
		scrollbar-shadow-color:#FFF;
		scrollbar-darkshadow-color:#FFF;
		scrollbar-track-color:#FFE9CF
		/* Fim Scroll */
	}
	body {
		padding:0px;
		margin:0px;
		text-align:center;
		font-family:Arial, Verdana, sans-serif;
		font-size:11px;
		background:url('../imagens/bg_externo.gif') top repeat;
	}
	/* HOME geral */
	body#bgHome {
		padding:0px;
		margin:0px;
		text-align:center;
		font-family:Arial, Verdana, sans-serif;
		font-size:0.83em;
		background:url('../imagens/bg_home2.gif') top repeat-y;
	}
	div#home {
		position:relative;
		/*background-image:url('../imagens/bg_areaconteudo.gif');*/
		width:775px;
		height:500px;
		margin-left:auto;
		margin-right:auto;
		*min-height:541px; 
	}
	div#homeConteudo {
		position:relative;
		background:url('../imagens/bg_home.gif') no-repeat;
		width:775px;
		height:252px;
		top:20%;
	}
	div#homeConteudo p {
		position:relative;
		top:140px;
		margin-left:16px;
		text-align:left;
		color:#bd0029;
		font-size:1em;
		font-weight:bold;
	}
	div .selectHome {
		position:relative;
		top:150px;
		* top:140px;
		margin-left:16px;
		float:left;
		height:18px;
		*height:19px;
		font-size:11px;
		*font-size:90%;
		font-weight:bold;
		font-variant:small-caps;
		background-color:#F90;
		border:1px solid #FFF;
		color:#FFF;
	}
	div#homeConteudo select option {
		background-color:#F90;
	}
	div .botaoOkHome {
		position:relative;
		top:150px;
		* top:140px;
		margin-left:-8px;
		left:10px;
		float:left;
		height:18px; 
		width:23px;
		padding:1px;
		border:1px solid #FFF;
		background-color:#F90;
		color:#FFF;
		font-size:11px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	}
	div#certi_sign {
		position:relative;
		/*width:250px;*/
		width:770px;
		height:50px;
		top: 50%;
		/*left:35%;*/
		text-align:center;
	}
	
	/* HOME geral */
	/* Conteudo de formatacao */
	h1  {
		font-size:12px;
		color:#BD0029;
	}
	p {
		font-size:11px;
		color:#000
	}
	/* Conteudo de formatacao */
	img {
		border:0px;
	}
	div#geral {
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		width:775px;
		min-height:100%;
		background:url('../imagens/bg_rodape.gif') top right;
	}
	div#topo {
		height:145px;
	}
	div#topo div#pesquisa {
		position:relative;
		margin-top:80px;
		margin-left:540px;
		width:220px;
	}
	div#pesquisa input[type="text"] {
		font-size:0.9em;
	}
	div#menu {
		background:url('../imagens/bg_menu.gif') repeat-x top;
		height:20px;
		color:#FFF;
		padding:2px 2px 0px 0px;
		font-size:11px;
		z-index:100
	}
	div#produtos {
		height:100px;
	}
	div#produtos .produto12 {
		width:257px;
		margin-right:2px;
		float:left;
		background-color:#FFF;
	}
	div#produtos .produto3 {
		width:257px;
		float:left;
		background-color:#FFF;
	}
	div#navegue {
		position:relative;
		padding:3px 10px;
		height:15px;
		margin-top:1px;
		font-size:11px;
		background-color:#FFC66B;
	}
	.navegue2 {
		font-size:11px;
		font:Arial, Helvetica, sans-serif;
	}
	
	.comentario {
		font-size:11px;
		font:Arial, Helvetica, sans-serif;
		padding: 0px 0px 0px 10px;
		color:
		}
	div#pesquisa {
		position:absolute;
		z-index:10;
		left:590px;
		top:1px;
		width:24%;
	}
	div#pesquisa input {
		font-size:1em;
		background-color:#F90;
		border:1px solid #FFF;
		color:#FFF;
	}
	select {
		font-size:11px;
		background-color:#F90;
		border:1px solid #FFF;
		color:#FFF;
	}	
	span.negrito, p.negrito {
		font-weight:bold;
	}
	select option  {
		background-color:#F90;
	}
	div#pesquisa input[type="submit"] {
		height:17px;
	}
	div#area_conteudo {
		background-image:url('../imagens/bg_rodape.gif');
		height:100%;
		min-height:400px;
		width:573px;
		_width:593px;
	}
	div#conteudo {
		position:relative;
		float:left;
		height:418px;
		max-height:100%;
		padding:5px 10px;
	}
	div#conteudo_interno {
		position:relative;
		width:594px;
		/*min-height:417px;*/
		float:left;
		background-image:url('../imagens/bg_areaconteudo.gif')
	}
	div#conteudo_interno .divTopo {
		height:20px;
		background:url('../imagens/Cont_divTopo.gif') no-repeat top left;
	}
	div#conteudo_interno .divMiolo {
		position:relative;
		left:1px;
		top:-4px;
		padding:5px 10px;
		width:556px;
		background:#FFC86C;
		margin-left:5px;
		/*background:url('../imagens/Cont_divMiolo.gif') repeat-y top left;*/
	}
	div#conteudo_interno .divBottom {
		position:relative;
		bottom:4px;
		height:16px;
		background:url('../imagens/Cont_divBottom.gif') repeat-y bottom left;
	}
	/************ as areas do conteudo *************/
	div#area1 {
		position:absolute;
		width:205px;
		height:221px;
	}
	div#area1 h1 {
		font-size:12px;
		color:#0063A7;
		display:block;
		margin:0px;
		padding:0px;
	}
	div#area1 a {
		font-size:11px;
	}
	div#area1 strong {
		font-size:11px;
		font-weight:bold;
		color:#BD0029
	}
	div#area2 {
		position:absolute;	
		/*top:60px;*/
		top:240px;
		left:234px;
		width:341px;
		height:221px;
		background:url('../imagens/bg_noticia.gif') no-repeat top;
	}
	div#area2 p {
		font-size:11px;
		margin:0px;
		padding:0px;
	}
	div#area2 h1 {
		position:relative;
		font-size:12px;
		text-transform:uppercase;
		color:#0063A7;
		margin:0px;
		padding:0px;
		float:left;
		left:10px;
		top:10px;
	}
	div#area2 div#noticias {
		position:relative;
		top:10px;
		left:10px;
		width:330px;
		height:180px;
		overflow-y:auto;
		float:left;
	}
	div#noticias h2  {
		font-size:11px;
		color:#BD0029;
		padding:0px;
		margin:0px;
	}
	div#bannerClubes {
		position:absolute;
		top:150px;
		left:234px;
		width:341px;
/*		height:40px;*/
		height:70px;
		text-align: center;
		background:transparent url(../imagens/bg_public.gif) repeat scroll center top;
	}
	div#area3 {
		position:absolute;
		top:195px;
		left:4px;
		width:222px;
		height:170px;
		background:url('../imagens/bg_area3.gif') no-repeat top;
	}
	div#area3 .divTitulo {
		position:relative;
		left:23px;
		top:25px;
		*top:30px;
	}
	div#area3 .divTitulo h1 {
		color:#FFF;
		font-size:12px;
	}
	div#area3 .selecionaTipo {
		position:relative;
		left:25px;
		top:20px;
		* top:15px;
		_top:25px; /* Hack IE6 */
	}
	div#area3 label {
		font-size:11px;
		color:#FFF;
	}
	div#area3 .campos {
		position:relative;
		left:30px;
		top:25px;
		* top:20px;
		font-size:100%;
	}
	div#area3 .campos .nbomclube, 
	div#area3 .campos .ncpf1, 
	div#area3 .campos .ncpf2, 
	div#area3 .campos .senha {
		border:0px;
		font-size:11px;
		color:#666;
	}
	div#area3 .campos .nbomclube {
		width:70px;
	}
	div#area3 .campos .ncpf1 {
		width:58px;
	}
	div#area3 .campos .ncpf2 {
		width:16px;
	}
	div#area3 .campos .senha {
		width:70px;
		margin-right:10px;
	}
	div#area3 .campos .botaoOk {
		width:25px;
		_left:0px;
		border:1px solid #FFF;
		background-color:#F90;
		font-size:11px;
		font-weight:normal;
		color:#FFF;
	}
	div#area3 .links {
		position:relative;
		left:80px;
		top:25px;
		* top:0;
		font-size:11px;
	}
	div#area3 .links a {
		color:#FFF;
	}
	div#area4 {
		position:absolute;
/*		top:310px;*/
		top:20px;
		left:234px;
		width:160px;
		height:113px;
		background:url('../imagens/bg_area4e5.gif') no-repeat top;
	}
	div#area4 h1 {
		font-size:11px;
		color:#0063A7;
		margin:3px;
		_margin-left:0;
		padding:0px;
		float:left;
	}
	div#area4 span, div#area5 a {
		font-size:11px;
		margin:5px;
		display:block;
	}
	div#area4 span {
		font-size:11px;
		margin:5px;
		display:block;
		color:#4F4F4F;
	}
	div#area4 select {
		position:relative;
		margin:0 0 0 5px;
		top:-18px;
	}
	div#area5 {
		position:absolute;
/*		top:310px;*/
		top:20px;
		left:415px;
		width:160px;
		height:113px;
		background:url('../imagens/bg_area4e5.gif') no-repeat top;
	}
	div#area5 h1 {
		font-size:11px;
		color:#0063A7;
		margin:3px;
		padding:0px;
		float:left;
		margin-top:10px;
	}
	div#area5 img {
		float:left
	}
	
	/************ / as areas do conteudo *************/
	div#publicidade {
		position:relative;
		padding:10px;
		width:162px;
		_width:182px;
		/*height:570px;
		min-height:620px;*/
		font-size:11px;
		float:right;
		/*overflow-y:auto;*/
		display:block;
		text-align:center;
		background:url('../imagens/bg_public.gif') top;
		z-index:1;
		top:0px;
		_top:0px;
	}
	div#publicidade_interna {
		position:relative;
		padding:10px;
		width:162px;
		_width:181px;
		float:right;
		font-size:11px;		
		text-align:center;
		background:url('../imagens/bg_public.gif') top;
		z-index:1;
		top:0px;
		_top:-0px;
		/*overflow-y: auto;
		height: 450px;*/
	}
	div#publicidade div {
		margin-bottom:15px;
	}
	td.divulgueMarca div.marcas {
		overflow-y:auto;
	}
	td.divulgueMarca {
		vertical-align:top;
		font-size:11px;
		text-align:center;
	}
	td.divulgueMarca div {
		margin-top:15px;
	}
	div#foot {
		position:relative;
		width:775px;
		height:90px;
		min-width:775px;
		font-size:11px;
		color:#333;
		background:url('../imagens/bg_rodape.gif') top right repeat-y;
		margin-left:auto;
		margin-right:auto;
	}
	div#foot_paginasformulario {
		position:relative;
		width:775px;
		min-width:775px;
		font-size:11px;
		color:#333;
		background:url('../imagens/bg_rodape02.gif') top right repeat-y;
		margin-left:auto;
		margin-right:auto;
	}
	div#foot div#menubottom {
		margin:10px auto 10px auto;
		font-size:0.9em
	}
	div#foot div#marcas img {
		margin-left:10px;
	}
	div#foot2 {
		position:absolute;
		width:100%;
		min-width:100%;
		bottom:0px;
		left:0px;
		height:112px;
		min-height:112px;
		background:url('../imagens/bg_rodape.gif') top repeat-x
	}
	abbr[title], acronym[title]  {
		border-bottom:1px dotted #C00;
		cursor:help;
	}
	abbr  {
		border:medium none;
		speak:spell-out;
	}
	.alinhaDireita {
		text-align:right;
	}
	.alinhaEsquerda {
		text-align:left
	}
	.centralizado {
		text-align:center
	}
/* Estados dos links */
	a:link {
		color:#4F4F4F;
		text-decoration:none;
	}
	a:visited {
		color:#4F4F4F;
		text-decoration:none;
	}
	a:hover, a:focus  {
		color:#2F65BF;
		text-decoration:underline
	}
/* FIM Estados dos links */
}
/* / Area estrutural */
/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/
/* Estados dos links */
/* FIM Menu */

.titulo_conteudoresultadobusca  {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px 0px 0px 10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
	background-color:#FFB439;
	height:20px;
}

.conteudoresultadobusca  {
	font:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:000;
	padding: 0px 15px 0px 10px;
}

#conteudotabela {
	font:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#2F65BF;
	padding: 0px 15px 0px 10px;
}

.campoTexto_busca  {
	border:0px;
	font-size:11px;
	padding: 0px 0px 0px 10px;
}

.botao  { 
	background:url('../imagens/botao_bg.gif') repeat-x; 
	color:#fff; 
	font-size:11px;
	font-weight:bold; 
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	height:20px;
	margin-right:15px;
	font-weight:bold
}

.botaoOK  {
	position:relative;
	left:127px; 
	background-color:#F90;
	border:1px solid #FFF;
	color:#FFF;
	font-size:1.0em;
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif;
	height:20px;
}

/* -------------------------------- Página do Usuário Bomclube ----------------------------------------------*/

/*div#oferta {float:left; width:100%}
div#oferta ul {padding:0; margin:0;}
div#oferta ul li{display:block; background-image:url(../imagens/bg-mod-user-oferta.png); color:#FFF;}*/

.clearout {clear:both; }
#modulo-usuario {width:736px; background:#fff url(../imagens/bg-modulo-usuario.png); }
#modulo-usuario .head {background:url(../imagens/bg-mod-user-head.png); display:block; width:736px; height:28px; }
#modulo-usuario .head h2 {float:left; width:150px; margin:6px 0 0 16px; _margin:6px 0 0 8px; font:700 14px arial; color:#fff;}
#modulo-usuario .head ul {float:right;width:225px;margin-top:7px; _margin-top:5px;}
#modulo-usuario .head ul li {display:block; width:85px; text-align:center; float:left; border-right:1px solid #fff; }
#modulo-usuario .head ul li.logout { width:50px; border-right:0; float:right;}
#modulo-usuario .head ul li.logout a {background:url(../imagens/btn-mod-user-sair.png) no-repeat right center;padding-right:14px; }	
#modulo-usuario .head ul li a { color:#fff; font-size:12px; }

#modulo-usuario .body {min-height:300px;_height:300px; }
#modulo-usuario .body .menu { width:121px; float:left; }
#modulo-usuario .body .menu ul {}
#modulo-usuario .body .menu ul li { display:block; float:left; height:35px; }
#modulo-usuario .body .menu ul li a { width:104px; _width:121px; display:block; padding:0px;
 padding-left:17px; padding-top:10px; line-height:12px; text-transform:none; font-size:12px; height:25px; _height:35px; }
#modulo-usuario .body .menu ul li a:hover,
#modulo-usuario .body .menu ul li a.hover,
#modulo-usuario .body .menu ul li a.current {
background:url(../imagens/bg-mod-user-menu-on2.png);text-decoration:none;font-weight:700;}
#modulo-usuario .body .content {width:605px; float:right;}
#modulo-usuario .body .content h2 {font:700 24px Arial; color:#ff9900; margin:12px 0 0 20px; display:block;
padding-bottom:30px; background:url(../imagens/bg-mod-user-tit-content.png) no-repeat left bottom;}
#modulo-usuario .body .content div.content-box { width:530px; margin:10px 0 0 20px; }
#modulo-usuario .body .content div.content-box p { font-size:12px; margin-top:0; }
#modulo-usuario .body .content div.content-box ul li { font-size:12px; }
#modulo-usuario .body .content div.content-box p span.saldo { font:700 16px arial; }
#modulo-usuario .body .content div.content-box h3 { color:#ff8e00; font:700 12px arial; margin-bottom:10px; padding:0; }

/* styles para inicio */
#modulo-usuario .body .content div.content-box div.inicio { width:353px; float:left; }
#modulo-usuario .body .content div.content-box div.inicio-fig { background:url(../imagens/fig-mod-user-inicio.png);
width:170px; height:147px; float:right; }
#modulo-usuario .body .content div.content-box .submit {float:right; margin:5px 22px 0 0; font-size:11px;}
#modulo-usuario .body .content div.content-box div.inicio table td {font-size:11px;border-bottom:1px solid #ff9900; }
#modulo-usuario .body .content div.content-box div.inicio table thead td { font-weight:700; }
#modulo-usuario .body .content div.content-box div.inicio table td.fig { width:48px;	}
#modulo-usuario .body .content div.content-box div.inicio table td.pontos { background-color:#fff5e5; text-align:center; width:50px;}
#modulo-usuario .body .content div.content-box div.inicio table td.resgate { background-color:#ffebcc; text-align:center; width:50px; }
#modulo-usuario .body .status-resgate {width:353px; font-size:11px; float:left; height:19px; margin-right:4px;}
#modulo-usuario .body .status-resgate td { background-color:#eaeaea; text-align:center;}
#modulo-usuario .body .status-resgate td.usados {color:#ff0000;}
#modulo-usuario .body .status-resgate td.finais {color:#148035;}
#modulo-usuario .body .status-resgate td.last { background-color:#2a5bb5; width:104px;}
#modulo-usuario .body .status-resgate td span {font-size:14px; font-weight:700; }
                      
                      
/* --------------------- styles para extrato ------------------------- */
#modulo-usuario .body .content div.content-box div.extrato table {width:518px;margin-bottom:20px;}
#modulo-usuario .body .content div.content-box div.extrato table td {border-bottom:1px solid #000; font-size:12px;}
#modulo-usuario .body .content div.content-box div.extrato table td.last {text-align:right; font-weight:700;}
#modulo-usuario .body .content div.content-box div.extrato table.periodo {*margin-top:-18px;}
#modulo-usuario .body .content div.content-box div.extrato table.periodo td {border-bottom:1px solid #e5e5e5; font-size:12px;}
#modulo-usuario .body .content div.content-box div.extrato table.periodo td.last {font-weight:100;}
#modulo-usuario .body .content div.content-box div.extrato h3 {float:left;display:block;height:18px;width:300px;}
#modulo-usuario .body .content div.content-box div.extrato select {float:right;display:block;height:18px;margin-right:14px;
_margin-right:7px; margin-top:5px; *margin-top:0;font-size:12px;}

/* --------------------- styles para eventos ------------------------- */
#modulo-usuario .body .content div.content-box ul,
#modulo-usuario .body .content div.content-box li {
	list-style:none;
	margin:0;
	padding:0;
	line-height:18px;
}

/* --------------------- styles para indique um amigo ------------------------- */
#modulo-usuario .body .content div.content-box .promocoes {
	width:525px;
	height:235px;
	* height:250px;
}
#modulo-usuario .body .content div.content-box .promocoes div.figIndique {
	float:left;
	width:150px;
	height:162px;
}
#modulo-usuario .body .content div.content-box .promocoes div.boxIndique {
	float:left;
	width:103px;
	height:162px;
	background:url(../imagens/bg-box-txt-indique.png) no-repeat 0 37px;
}
#modulo-usuario .body .content div.content-box .promocoes div.boxIndique p {
	position:relative;
	width:85px;
	top:45px;
	left:12px;
	font-size:11px;
}
#modulo-usuario .body .content div.content-box .promocoes div.formIndique {
	position:relative;
	top:18px;
	left:5px;
	padding-bottom:15px;
	font-size:11px;
}
#modulo-usuario .body .content div.content-box .promocoes div.formIndique thead {
	_font-size:11px;
	font-weight:bold;
}
#modulo-usuario .body .content div.content-box .promocoes div.formIndique tbody {
	_font-size:11px;
	color:#3c3c3c;
}
#modulo-usuario .body .content div.content-box .promocoes div.formIndique input {
	border:solid 1px #808080;
	font-size:11px;
}
#modulo-usuario .body .content div.content-box .promocoes div.formIndique .cpf1 {
	width:58px;
}
#modulo-usuario .body .content div.content-box .promocoes div.formIndique .cpf2 {
	width:16px;
	margin-right:15px;
}
#modulo-usuario .body .content div.content-box .promocoes div.formIndique .email {
	width:120px;
}
#modulo-usuario .body .content div.content-box .promocoes div.formIndique .botao_indique {
	margin-right:0;
	padding-top:0;
}

/* --------------------- styles para cadastro do usuário ------------------------- */
#modulo-usuario .body .content div.content-box .cadastro {
	width:525px;
}
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro {
	position:relative;
	left:5px;
	padding-bottom:15px;
	font-size:11px;
}
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro tbody {
	font-size:11px;
	color:#3c3c3c;
}
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro input,
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro select {
	border:solid 1px #808080;
	font-size:11px;
}
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro select,
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro select option {
	background-color:#FFF;
	color:#000;
}
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro .campo2d {
	width:18px;
}
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro .campo3d {
	width:25px;
}
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro .campo4d {
	width:30px;
}
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro .campo5d {
	width:36px;
}

#modulo-usuario .body .content div.content-box .cadastro div.formCadastro .campo9d {
	width:60px;
}
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro .checkbox {
	border:0;
}

#modulo-usuario .body .content div.content-box .cadastro div.formCadastro dl,
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro dt,
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro dd
{
	padding:0;
	margin:0;
}

#modulo-usuario .body .content div.content-box .cadastro div.formCadastro td{
	padding-bottom:10px;
}

#modulo-usuario .body .content div.content-box .cadastro div.formCadastro div.moradores dl{
	width:170px; 
	float:left;
	display:block;
}

#modulo-usuario .body .content div.content-box .cadastro div.formCadastro div.moradores{
	margin:10px 0;
	display:block;
}

#modulo-usuario .body .content div.content-box .cadastro div.formCadastro td.alinhaDireita{
	vertical-align:top;
	padding-top:6px;
}
	
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro .sexo {
	border:0;
}
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro .email {
	width:120px;
}
#modulo-usuario .body .content div.content-box .cadastro div.formCadastro .botao_indique {
	margin-right:0;
	padding-top:0;
}




/* styles para o footer */
#modulo-usuario .footer {background:url(../imagens/bg-mod-user-footer.png); height:10px; font-size:0;}