/******************************************/
/* PADRÕES GERAIS                         */
/******************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #000000;
	background-color: #17181C;
}

td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}

a:link {
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	color: #0066FF;
	text-decoration: none;
}
a:hover {
	color: #13A7E0;
	text-decoration: none;
}
a:active {
	color: #13A7E0;
	text-decoration: none;
}

p {
	text-align: justify;
}

ol,ul{
	text-align: justify;
	padding-left: 17px;
}

li{
	text-align: justify;
	padding-bottom: 12px;
}

.WEB { 
	color: #0FA3DF;
	font-weight: bold;
}

.FIDELIDADE {
	color: #00234F;
	font-weight: bold;
}

/******************************************/
/* TOPO DA PÁGINA - LOGO DO WEBFIDELIDADE */
/******************************************/

.Topo {
	height: 61px;
	background-position: center top;
}

.TopoEsq {
	background-image: url(img/top_esq.gif);
	background-repeat: no-repeat;
	width: 18px;
}

.TopoMeio {
	background-image: url(img/top_logo.gif);
	background-repeat: repeat-y;
	width: 712px;
}

.TopoDir {
	background-image: url(img/top_dir.gif);
	background-repeat: no-repeat;
	width: 18px;
}

/*********************************************/
/* TOPO DA PÁGINA - LINHA DE SEPARAÇÃO PRETA */
/*********************************************/

.LinhaPreta {
	background-image: url(img/shin.gif);
	background-repeat: repeat-y;
	background-position: center top;
	height: 5px;
}

/*********************************************/
/* MENU                                      */
/*********************************************/

.Menu {
	background-position: center top;
	height: 38px;
}

.MenuEsq {
	background-image: url(img/menu_esq.gif);
	background-repeat: no-repeat;
	width: 18px;
}

.MenuMeio {
	background-image: url(img/menu_bg.gif);
	background-repeat: repeat-x;
	width: 712px;
	text-align: center;
}

.MenuDir {
	background-image: url(img/menu_dir.gif);
	background-repeat: no-repeat;
	width: 18px;
}

/*********************************************/
/* COLUNAS DA PÁGINA                         */
/*********************************************/

.colunas {
	height: 100%;
	vertical-align: top;
}

.colunaEsq {
	width: 537px;
}

.colunaSepara {
	width: 5px;
}

.colunaDir {
	width: 206px;
}

.colunaTudo {
	width: 100%;
}

/*********************************************/
/* PAGINA EM BRANCO COM OS CONTEUDOS	     */
/*********************************************/

.brancoTop {
	background-image: url(img/branco_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:8px;
}

.brancoTop2 {
	background-image: url(img/branco_top2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:8px;
}

.brancoMeio {
	background-position: right bottom;
	background-repeat: no-repeat;
	vertical-align:top;
	color: #000000;
	background-color:#FFFFFF;
	padding: 25px;
	height: 100%;
}

.brancoBottom {
	background-image: url(img/branco_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:8px;
}

.brancoBottom2 {
	background-image: url(img/branco_bottom2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:8px;
}

.quebracabecas01 {
	background-image: url(img/quebra-cabecas-01.jpg);
}

.quebracabecas02 {
	background-image: url(img/quebra-cabecas-02.jpg);
}

.quebracabecas03 {
	background-image: url(img/quebra-cabecas-03.jpg);
}

.quebracabecas04 {
	background-image: url(img/quebra-cabecas-04.jpg);
}

/*********************************************/
/* FLASH                                     */
/*********************************************/

.Lateral {
	width: 206px;
}

.Flash {
	background-image: url(img/flash.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 433px;
}

.LoginTop {
	background-image: url(img/lateral_top.gif);
	background-repeat: no-repeat;
	background-position: top center;
	height: 16px;
}

.LoginMeio {
	background-image: url(img/lateral_meio.gif);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 7px;
	height: 100%;
	vertical-align: top;
}

.LoginBottom {
	background-image: url(img/lateral_bottom.gif);
	background-repeat: no-repeat;
	background-position: top center;
	height: 8px;
}

/*********************************************/
/* TEXTOS                                    */
/*********************************************/

.txtCreditos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2B5468;
	text-align: center;
	padding: 10px;
}

.txtTitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #0FA3DF;
	padding-bottom: 4px;
}

.texto {
	text-align: justify;
	line-height: 18px;
	text-indent: 20px;
}

.txtBranco {
	color: #FFFFFF;
}

.atendimento {
	color: #FFFFFF; 
	font-weight: bold;
	line-height: 20px;
}

.destaque{
	color:#00234F;
	font-weight:bold;
	font-style: italic;
}

.destaque2{
	color:#0FA3DF;
	font-weight:bold;
	font-size: 14px;
	text-align: center;
}

.centro {
	text-align: center;
}

.direita {
	text-align:right;
}

.esquerda {
	text-align:left;
}

.textoCliente {
	margin-top: 20px;
	padding: 20px;
	background-color: #f0f0f0;
	text-align: Justify;
}

.cliente { 
	text-align: center; 
	border: 1px solid #aaaaaa; 
	margin: 5px 30px 10px 30px; 
	padding: 5px 0px 5px 0px 
}

.txtLogin {
	padding: 0px 20px 20px 20px;
	text-align: center; 
	float:center;
	width:200px;
	background-color: #f0f0f0;
}

.txtPortal {
	margin-left: 20px;
	margin-right: 20px;
	text-align: center; 
}

.tabBenvindo {
	background-color: #ffffff;
	width: 90%;
}

.tabBenvindo td{
	width: 50%;
	text-align: center;
	line-height: 18px;
}

/*********************************************/
/* INPUT                                     */
/*********************************************/

.FormContato{
	font-family: Arial,Verdana; 
	font-size: 12px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 1px solid #aaaaaa;
	background-color: #f7f7ff;
}

.FormContato td{
	text-align: left;
}

.formFD1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	height: 20px;
	width: 180px;
}

.formFD2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	height: 20px;
	width: 180px;
}

/*********************************************/
/* tabela de pontuações do cliente           */
/*********************************************/

.tabPontos{
	font-family: Arial,Verdana; 
	font-size: 12px;
	text-align: left;
	border: 1px outset;
	background-color:#ffffff;
}

.tabPontos th{
	font-size: 13px;
	text-align: center;
	background-color: #000066;
	color: #ffffff;
}

.par{
	background-color: #f7f7f7;
}

.tabCadastro {
	background-color: #f0f0f0; 
	border: 10px #f0f0f0 solid;
}

/*********************************************/
/* extrato                                   */
/*********************************************/

.debito {
	color: red;
	font-weight: bold;
}

.atual {
	color:#000066;
	font-weight:bold;
}