/* Zerando todos os margins naturais para não atrapalhar */
body, h1, h2, h3, h4, h5, h6, form, dl, ul, ol, dt, dd, p, address, div, td
{
	margin: 0px;
	padding: 0px;
}

fieldset
{
	border: 0px;
	padding: 0px;
}

img, table
{
	border: 0px;
}


/**************************************************
* Definição geral das TAG´s                       *
/**************************************************

/* Links */
a:link
{
	text-decoration: underline; 
	color: #5F5F5F;
}

a:visited
{
	text-decoration: none;
	color: #939393;
}

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

a.menu
{
	text-decoration: none;
	font: 9px normal;
	color: #000000;
}

body
{
	text-align: center;
	background-image: url(imagens/bg.gif);
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}

div
{
	/*Mostra as bordas apenas para facilitar o desenvolvimento 
	border: solid 1px black; */
}

div.alignright
{
	text-align: right;
	float: right;
}

div.obs
{
	background: url(imagens/icone_info.gif) no-repeat;
	font-size: 10px;
	height: auto;
	padding-left: 25px;
	font-weight: normal;
}

div.email
{
	background: url(imagens/icone_email.gif) no-repeat;
	font-size: 10px;
	height: auto;
	padding-left: 25px;
	font-weight: normal;
}

input
{
	border: solid 1px #0F3A7E;
}

input.alignright
{
	text-align: right;
}

label
{
	font-weight: bold;
	font-size: 10px;
}

table
{
	margin: 10px 0px;
	font-size: 10px;
	border-bottom: solid 1px #000000;
	border-collapse: separate;
	width: 100%;
}

table a
{
	font-weight: bold;
	text-decoration: underline;
}

td, th
{
	padding: 4px;
}

td.direita
{
	text-align: right;
}

ul
{
	list-style-image: url(imagens/bullet_grande.gif);
	margin-left: 15px;
}

li
{
	margin: 0px;
	font-weight: bold;
	padding-bottom: 5px;
}

/*ul.pequeno
{
	list-style-image: url(imagens/bullet_pequeno.gif);
	margin-left: 15px;
}*/

/**************************************************
* Mensagem para ADOBE READER                      *
**************************************************/

div.ConteudoAdobeReader
{
	font-weight: normal;
	font-size: 9px;
	font-style: italic;
	margin: 10px 0px 10px 0px;
	float: left;
}

a.BotaoAdobeReader
{
	display: block;
	background-image: url(imagens/banner_acrobat.gif);
	width: 84px;
	height: 25px;
	float: left;
	margin-right: 3px;
}

/**************************************************
* Confirmação de E-Mail                           *
**************************************************/
div.ConteudoEmail
{	
	font-weight: normal;
	font-size: 9px;
	font-style: italic;
	float: none;
	border: solid 1px #8E8E8E;
	background-color: #E4EBE3;
	padding: 3px;
	color: #930A0A;
}


/**************************************************
* Classes comuns                                  *
**************************************************/

/* Mensagens de erro para o Netscape */
table.clsMsgErro
{
	border: none;
	font-size: 11px;
	color: #930A0A;
	font-weight: bold;
}
.clsMsgErro td
{
	background-color: #DCDCDC;
}
.clsMsgErro li
{
	font-weight: normal;
	margin-left: 10px;
}

.clsMsgErro ul
{
	margin-top: 10px;
	list-style-image: none;
	list-style-type: circle;
}
/* FIM Mensagens de erro para o Netscape */

/* Nome do Cartão */
.clsNmCartao
{
	font-weight: bold;
}

/* Botoes */
.clsBotao
{
	cursor: pointer;
	height: 21px;
	width: 90px;
	background-color: #000000;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	border-top: 1px solid #8E8E8E;
	border-left: 1px solid #8E8E8E;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

.clsBotaoCancelar
{
	cursor: pointer;
	height: 21px;
	width: 90px;
	background-color: #930A0A;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	border-top: 1px solid #8E8E8E;
	border-left: 1px solid #8E8E8E;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

.clsBotaoVoltar
{
	cursor: pointer;
	display: block;
	background-image: url(imagens/botao_voltar.gif);
	background-repeat: no-repeat;
	background-position: right top; 
	width:59px;
    height:19px;
    border:none;
    z-index:999;
}

.clsBotaoAlt
{
	cursor: pointer;
	display: block;
	height: 16px;
	width: 16px;
	border: none; 
	background-image: url(imagens/botao_alterar.gif);
	background-repeat: no-repeat;
	background-position: left top; 
}

.clsBotaoImprimir
{
	cursor: pointer;
	display: block;
	height: 16px;
	width: 16px;
	border: none; 
	background-image: url(imagens/botao_imprimir.gif);
	background-repeat: no-repeat;
	background-position: left top; 
}

.clsInputSemBorda input
{
	border: none;
}

/* Grid - Cabecalho */
.clsHdrDataGrid
{
	font-size: 10px;
	background-color: #000000;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
}

.clsHdrDataGridCongelado
{
	/* Apenas IE entende - serve para congelar o cabeçalho */
	position:relative ; 
    top:expression(this.offsetParent.scrollTop); 
    z-index: 10; 
}

/* Grid - Item Alternado */
.clsItemAltDataGrid
{
	background-color: #EDEDED;
}

/* Grid - Item */
.clsItemDataGrid
{
	background-color: #DCDCDC;
}

/* Grid - Linha do cartão */
.clsViaLanctoDataGrid
{
	font-weight: bold;
	text-align: left;
}

.clsGridScrollbar
{
	height: 400px;
	width: 725px;
	overflow: auto; 
	margin: 10px 0px;
}

.clsGridScrollbar table
{
	margin-top: 0px;
}


/**************************************************
* Estrutura geral da página                       *
**************************************************/
#divGeral
{
	text-align: left;
	width: 770px;
	margin: 0px auto;
	position: relative;
	background: #FFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#divCabecalho
{
	height: 118px;
	background: url(imagens/cabecalho.jpg);
	clear: both;
	color: #000000;
	font-size: 10px;
}

#divCabecalhoInterna
{
	height: 102px;
	background: url(imagens/cabecalho_interna.jpg);
	clear: both;
	color: #000000;
	font-size: 10px;
}

div.CabecalhoNmCliente
{
	position: absolute;
	font-weight: normal;
	top: 85px;
	left: 360px;
	width: 400px;
	text-align: right;
}

div.CabecalhoDescricao
{
	position: absolute;
	font-weight: bold;
	top: 85px;
	left: 0px;
	width: 360px;
	padding-left: 20px;
	background: url(imagens/bullet_seta.gif) no-repeat;
	background-position: 10px top;
}

a.CabecalhoEncerrar
{
	position: absolute;
	top: 0px;
	left: 704px;
	height: 17px;
	width: 66px;
	display: block;
	background-image: url(imagens/botao_encerrar.gif);
}

#divEsquerda
{
	width: 266px;
	height: 403px;
	float: left;
	background: url(imagens/esquerda.jpg) no-repeat;
	background-color: #FFF;
}

#divDireita
{
	padding: 20px;
	height: 403px;
	width: 450px;
	float: left;
}

#divConteudoInterna
{
	padding: 20px;
    width: auto;
    float: left;
	min-height: 419px; 
	_height: 419px;
	/*min-height: 275px; 
	_height: 275px;*/
}

#divRodape
{
	clear: both;
	border-top: 1px solid #DCDCDC;
	font-size: 10px;
	background-color: #FFFFFF;
	bottom: 100%;
}

#divRodapeOwner
{
	padding: 3px 0px 3px 0px;
	text-align: right;
	float: left;
	margin-left: 275px;
}

#divRodapeAtendimento
{
	padding: 3px 0px 3px 50px;
	font-weight: bold;
	float: left;
}

#divSac
{
	text-align: center;
}

#ucRodape_divLinksRodape
{
	text-align: center;
	background: #000000;
	border-top: solid 1px #FCF8ED;
	padding: 5px;
	height: 21px;
	clear: both;
}

#ucRodape_divLinksRodape ul
{
	list-style: none;
}

#ucRodape_divLinksRodape ul li
{
	display: inline;
	border-right: solid 1px #FFF;
	padding: 0px 5px 0px 5px;
	font-weight: bold;
	font-size: 10px;
	vertical-align: middle;
}

#ucRodape_divLinksRodape ul li a
{
	text-decoration: none;
	color: #FFF;
}

#ucRodape_divLinksRodape ul li a:hover
{
	text-decoration: underline;
}

#ucRodape_divLinksRodape ul li#liUltimoLink
{
	border-style: none;
}

/****************************************
* Página Inicial - Welcome.aspx         *
*****************************************/

#divWelcomeCentral
{
	padding: 0px 15px 30px 15px;
	float: left;
	width: 300px;
}

#divWelcomeDireita
{
	float: left;
	width: 150px;
	height: 150px;
	padding-left: 10px;
	margin-left: 10px;
	font-size: 10px;
}

/****************************************
* Página Login - LoginCliente.aspx      *
*****************************************/

#divLoginSenha
{
	margin-top: 1px;
	margin-bottom: 5px;
	border-bottom: solid 1px #000000;
}

#divLoginCartao, #divLoginSenha
{
	float: right;
	height: 70px;
	padding-top: 5px;
	padding-left: 10px;
	width: 100%;
}

/**************************************************
* Página Informações do Cliente - LoginInfo.aspx  *
**************************************************/

#divLoginInfoEsquerda
{
	width: 330px;
	float: left;
}

#divLoginInfoDireita
{
	width: 380px;
	font: 10px;
	padding-left: 20px;
	float: left;
}

div.obsAdobe
{
	height: 25px;
	float: left;
	padding: 15px 5px 0px 0px;
}

span.nota
{
	font-size: 9px;
	font-weight: normal;
}

/*********************************************
* Página Consulta Lanctos - ConsLancto.aspx  *
**********************************************/

#divInfLancto
{
	padding: 3px 0px 3px 0px;
	clear: both;
	line-height: 18px;
}

#ulNavFatura1, #ulNavFatura2
{
	list-style: none;
	margin: 0px;
	float: left;
}

#ulNavFatura1 li, #ulNavFatura2 li
{
	display: inline;
	padding-right: 10px;
	font-weight: bold;
	font-size: 10px;
	vertical-align: middle;
}

/*********************************************
* Página de criar senha - CriaSenha.aspx     *
**********************************************/

#thPassoSenha1, #thPassoSenha2
{
	background-color: #0F3A7E;
	color: #FFF;
	width: 1%;
	text-align: center;
}

#tbInfConta, #tbCriaSenha
{
	width: 360px;
	float: left;
}

#thPassoSenha1 #txtEmail
{
	width: 80%;
}

#trLinhaCriaSenha1, #trLinhaCriaSenha2
{
	height: 84px; 
   _height: 92px;
	vertical-align:middle;
}

#divBotoesSenha
{
	width: 720px;
}

/*********************************************
* Página de recuperar senha - RecupSenha.aspx*
**********************************************/

#divCriarSenha, #divRecuperarSenha
{
	height: 90px;
}

#divRecuperarSenha span, #divCriarSenha span
{
	margin-left: 15px;
}

#divCriarSenha
{
	margin-top: 3px;
}

#btnRecuperarSenha
{
	margin-left: 10px;
	width: 120px;
}
#btnCriarSenha
{
	width: 120px;
	margin-left: 180px;
}

/*********************************************
* Página de trocar senha - TrocaSenha.aspx   *
**********************************************/


#divSenhaAnt, #divNovaSenha, #divSenha, #divNovaSenhaCompl
{
	height: 100px;
	padding: 10px 0px 0px 10px;
	float: left;
}
#divSenhaAnt
{
	width: 200px;
	margin-right: 2px;
}
#divNovaSenhaCompl
{
	width: 202px; 
}

#divNovaSenha
{
	width: 500px; _width:510px;
}
#divNovaSenha div
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#divNotaSenha
{
	font-size: 9px;
	vertical-align: bottom;
}
#divSenhaSegredo
{
	padding: 5px;
	width: 712px;
	border-top: solid 2px #FFF;
	border-bottom: solid 1px #0F3A7E;
	clear: both;
}

/*******************************************************
* Página de atend. eletronico - AtendEletronico.aspx   *
********************************************************/

#divAtendEletronico
{
	padding-bottom: 10px;
}

#divAtendEletronico p
{
	margin: 15px 0px;
}

#divAtendEletronico dl
{
	border-bottom: solid 1px #000000;
	width: 727px;
}

#divAtendEletronico dt
{
	width: 287px; 
	_width: 300px;
    height: 42px;
    padding: 3px;
    margin: 0px 0px 1px 0px;
}

#divAtendEletronico dd
{
	width: 427px;
	height: 42px;
	margin:  -49px 0px 1px 295px; 
	_margin: -43px 0px 1px 302px;
    padding: 3px 0px 3px 3px;
    font-size:10px;
}

#divAtendEletronico a
{
	font-weight: bold;
	text-decoration: underline;
}

#divAtendEletronico a:hover
{
	text-decoration: underline;
	color: #0F3A7E;
}

#divAtendEletronico ul
{
	padding-top: 10px;
}

#divAtendEletronico span
{
	padding-left: 15px;
}

#divAtendEletronico input
{
	margin-left: 10px;
}
/************************************************
* Página de Troca de e-mail - TrocaEmail.aspx   *
************************************************/

#divTrocaEmail p
{
	line-height: 20px;
	margin-left: 10px;
}
#divTrocaEmail input
{
	margin-left: 10px;
	margin-bottom: 10px;
}
#divTrocaEmail
{
	width: 730px;
}
/************************************************
* Página revisão de limite - ReverLimite.aspx   *
************************************************/

#divLimites, #divNovoLimite
{
	float: left;
	height: 70px;
	line-height: 25px;
	padding: 5px 0px 0px 5px;
}
#divLimites
{
	width: 300px;
	margin-right: 1px;
}
#divNovoLimite
{
	width: 412px;
}
#divNovoLimite input
{
	margin-right: 10px;
}
#divNotaLimites
{
	width: 713px;
	padding: 5px;
	vertical-align: middle;
	border-top: solid 2px #FFF;
	border-bottom: solid 1px #000000;
	clear: both;
}

/**********************************
* Página dúvidas - Duvidas.aspx   *
***********************************/

.clsBotaoTopo
{
	background: url(imagens/botao_topo.gif) no-repeat;
	width: 43px;
	height: 7px;
	margin-left: 660px;
	margin-top: -6px;
	display: block;
}
#divPerguntas h1
{
	font-size: 11px;
	margin-bottom: 5px;
	margin-top: 15px;
}
#divPerguntas ul
{
	font-size: 10px;
	list-style-image: none;
	list-style-type: none;
}
#divPerguntas li
{
	font-weight: normal;
	margin-left: 10px;
	line-height: 10px;
}
#divRespostas h1
{
	font-size: 10px;
	background-color: #0F3A7E;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	margin-top: 40px;
}
#divRespostas hr
{
	width: 670px;
	margin-top: 5px;
	margin-left: -20px;
	margin-bottom: -10px;
}
#divRespostas dt
{
	font-size: 11px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
}
#divRespostas dt a
{
	text-decoration: none;
}
#divRespostas dt a:hover
{
	text-decoration: none;
}

#divRespostas dd
{
	margin-left: 25px;
	line-height: 15px;
}
/*******************************************************
* Cancelamento de Cartão - CancelarViaCartaoAtend.aspx *
*******************************************************/

#btnCancelarCartao
{
	width: 130px;
}
#dgMembros input
{
	border: none;
}
#pCancelarCartao
{
	line-height: 15px;
}
/*******************************************************
* Programa de Recompensas - ProgRecompensa.aspx        *
*******************************************************/

#divProgRecompensa h1
{
	font-size: 14px;
	margin-bottom: 20px;
}
#divProgRecompensa p
{
	margin-top: 10px;
	line-height: 15px;
}

/************************************************************************************
* Fim / Fecha de Sessao / Manutencao - FimSessao.htm / Logoff.aspx / Manutencao.htm *
*************************************************************************************/

/*** Classes Comuns ***/
.clsConteudoSessao
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.clsSessao
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -133px;
	margin-left: -256px;
	text-align: left;
	background-image: url(imagens/bg_fim_sessao.jpg);
    background-repeat: no-repeat;
	height: 267px;
	width: 512px;
}
.clsSessao h1
{
	background: url(imagens/icone_fim_sessao.gif) no-repeat top left;
	height: 16px;
	font-size: 12px;
	padding-left: 20px;
	margin: 40px 0px 0px 25px;
}
.clsSessao p, .clsSessao ul, .clsSessao ul li
{
	margin-left: 25px;
}
.clsSessao ul, .clsSessao ul li
{
    font-weight: normal;
    font-size: 10px;
}

/** Especifico do FechaSessao.aspx ***/
#pFechaSessao
{
	margin-top: 20px;
	line-height: 20px;
    font-size: 11px;
}

/** Especifico do FimSessao.htm / Manutencao.htm ***/
#divVoltarFimSessao
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 175px;
	_margin-left: -275px;
	margin-top: 135px;
	width: 512px;
	text-align: right;
}

/** Especifico do Manutencao.htm ***/
#divManutencao
{
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	padding-top: 40px;
}


/*******************************************************
* Pagamento não creditado - InfoPagto.aspx             *
*******************************************************/

#divInfoPagto p
{
	margin-top: 10px;
	line-height: 15px;
}

#divInfoPagto div.clsHdrDataGrid
{
	height: 10px;
	margin-top: 20px;
}

#divInfoPagto div.clsItemDataGrid, #divInfoPagto div.clsItemAltDataGrid
{
	height: 50px;
	padding-top: 5px;
	padding-left: 5px;
}

#divInfoPagto div span input
{
	border: none;
}

#divLocalPagto label
{
	margin-right: 15px;
}

#divPagtoBanco div
{
	float: left;
	margin-right: 30px;
}

#divLocalPagto
{
	float: left;
}

#divLinha2Pagto
{
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}

#rbPagtoBanco, #rbPagtoLoja
{
	border: none;
}

#divLinha3Pagto
{
	margin-bottom: 10px;
	border-bottom: solid 1px #000000;
}	

/*******************************************************
* Novo Dependente - NovoDependenteAtend.aspx           *
*******************************************************/

#divLinha1Depend, #divLinha2Depend
{
	height: 50px;
	padding-top: 5px;
	padding-left: 5px;
}
#divLinha1Depend div, #divLinha2Depend div
{
	float: left;
	padding-right: 5px;
}
#divLinha1Depend
{
	border-bottom: solid 1px #FFF;
}	
#divLinha2Depend
{
	margin-bottom: 10px;
	border-bottom: solid 1px #0F3A7E;
}	
#dlParentesco, #txtDataNasc
{
	width: 100px;
}
#divNomeCompleto, #divNomeAbreviado
{
	width: 400px;
}

/*******************************************************
* Erro de Sistema - Erro.aspx                          *
*******************************************************/

#divConteudoErroSistema
{
	text-align: center;
	margin-top: 50px;
	height: 369px;
}

/* Força a imagem de VOLTAR a ficar no centro. 
   Por default ela fica alinhada a direita*/
#divErroSistema a
{
	background-position: center top;
}

#divErroSistema h1
{
	background: url(imagens/icone_fim_sessao.gif) no-repeat 300px top;
	height: 16px;
	font-size: 12px;
}

/*******************************************************
* Login da Central - LoginCentral.aspx                 *
*******************************************************/

#divLinha1LoginCentral, #divLinha2LoginCentral
{
	width: 100%;
	float: right;
}

#divLinha1LoginCentral div, #divLinha2LoginCentral div
{
	float: left;
	padding: 5px;
}

#divLinha2LoginCentral
{
	margin-top: 1px;	
	margin-bottom: 5px;
	border-bottom: solid 1px #0F3A7E;
}

/*******************************************************
* ConsCertificadosMilhagem.aspx			               *
*******************************************************/

#divTipoCertificado
{
	float: left;
}