/* Classes GERAIS --------------------------------------------------------------*/

.mao{cursor: hand;}
h1{	  /* --- Título padrão maior --- */
font-family:														"Trebuchet MS", Tahoma, Arial, Verdana;
font-size:															14px;
color:																#990000;
padding-top:														2px;
padding-bottom:												2px;
padding-left: 3px;
}

h2{  /* --- Segundo maior padrão de título --- */
position:															relative;
font-family:														"Trebuchet MS", Tahoma, Verdana;
font-weight:														bold;
font-size:															15px;
font-style:															italic;
color:																#CD0001;
padding-bottom:												4px;
height:																20px;
}

.tBold{ /* --- Exibição do texto no NEGRITO --- */
font-weight:															bold;
}

.tCenter{ /* --- Alinhamento do texto no MEIO --- */
text-align:															center;
}

.tRight{  /* --- Alinhamento do texto à DIREITA --- */
padding-right:													5px;
text-align:															right;
}

.tLeft{  /* --- Alinhamento do texto à ESQUERDA --- */
padding-left:														5px;
text-align:															left;
}

.bkgCinza{
background-color: 												#F6F6F6;
}

.campoObrigatorio{
color: 																#FD0000;
}

/* Cabeçalho da tela de Sistema ----------------------------------------------*/

.bkgCabecalho{ /* --- Background do Cabeçalho --- */
background-image:	          								url("../imagens/backgrounds/background.jpg");
background-repeat:	          								repeat-x;
width:			  													100%;
}

.iconeExclamacao{  /* --- Posiciona o Icone de EXCLAMAÇÃO no cabeçalho --- */
position:															relative;
margin-left:														5px;
border:																0px;
}

.navegacao{ /* --- Formata os textos que indicam o caminho da tela acessada --- */
font-family:		  												Arial,"Trebuchet MS", sans-serif;
font-weight:		  												bold;
font-size:		          											11px;
color:			  													#666666;
padding-left:		  												3px;
}

.destinoNavegacao{ /* --- Formata o texto que indica a tela atual --- */
font-family:	          											Arial, "Trebuchet MS", sans-serif;
font-weight:	          											bold;
font-size:	                  										14px;
color:		          												#CD0001;
}

.divisaoNavegacao{ /* --- Formata a barra que separa o caminho das telas acessadas --- */
font-size:	                  										14px;
color:		          												#CD0001;
padding-left:														3px;
}

.bkgNavegacao{ /* --- Background da barra de navegação --- */
background-image:		  									url("../imagens/backgrounds/background-subMenu.jpg");
}

#nomeSist{	/* --- Posiciona e formata o nome do Sistema --- */
position:															absolute;
margin-top:														0px;
margin-left:														0px;
padding-right:													15px;
padding-top:														25px;
right:																0px;
font-family:														Arial, "Trebuchet MS", Tahoma, Verdana;
font-weight:														bold;
font-style:															italic;
font-size:															20px;
color:																#CD0001;
z-index:															2;
}

.usuario{	/* --- Formata e posiciona o nome do usuário logado --- */
position:															absolute;
padding-left:														180px;
padding-top:														15px;
font-family:														Arial, "Trebuchet MS", Tahoma, Verdana;
font-weight:														normal;
font-size:															11px;
color:																#000000;
}

.dataAcesso{		/* --- formata e posiciona a data de acesso do usuário --- */
position:															absolute;
padding-left:														180px;
padding-top:														32px;
font-family:														Arial, "Trebuchet MS", Tahoma, Verdana;
font-weight:														normal;
font-size:															11px;
color:																#000000;
}

#menu{		/* --- Pocisiona o MENU --- */
position:															absolute;
margin-left:														170px;
margin-top:														69px;
z-index:															1;
}

/* Body da tela de Sistema ----------------------------------------------*/

*{ /* Zera as margens em todos os browsers */
margin:                												0px;
padding:															0px;
font-family:														"Trebuchet MS", Tahoma, Verdana;
font-size:															12px;
}

#layoutCentral{ /*--- Área onde terão os conteúdos  --- */
position:															relative;
height: 																100%;
width: 																100%;
overflow: 															auto;
padding-bottom:												10px;
}

.bkgFiltro{ /* --- Background da area de Filtro --- */
background-color:												#F5F5F5;
border-top:														1px solid #444444;
border-bottom:		        									1px solid #444444;
width:																100%;
padding-top: 														4px;
padding-bottom:  												4px;
margin-bottom:5px; margin-top: 5px;
text-align: center; font-size:15px; font-weight:bold;
}
.bkgFiltroPop{ /* --- Background da area de Filtro --- */
background-color:#fafafa;
border-top:														1px solid #444444;
border-bottom:		        									1px solid #444444;
width:																100%;
padding-top: 														4px;
padding-bottom:  												4px;
margin-bottom:5px; margin-top: 5px;
text-align: center; font-size:15px; font-weight:bold;
}

#posConteudo{ /* ---  Centraliza horizontalmente o conteudo da tela --- */
position:															relative;
margin-top:														0%;
width:																750px;
left:																	50%;
margin-left:														-380px;
}

#posConteudoPopup{ /* ---  Centraliza horizontalmente o conteudo da tela em telas popup --- */
position:															relative;
margin-top:														0%;
width:																360px;
left:																	50%;
margin-left:														-180px;
}

#posSelecao{
position:															relative;
margin-top:														0%;
width:																750px;
left:																	50%;
margin-left:														-380px;
_margin-left:														-375px;
}

#posSelecaoPopup{
position:															relative;
margin-top:														0%;
width:																360px;
left:																	50%;
margin-left:														-180px;
}

.tituloConteudo{ /* --- Formata os títulos do Conteúdo --- */
font-family:														"Trebuchet MS", Tahoma, Verdana;
font-weight:														bold;
font-size:															11px;
color:																#444444;
height:																10px;
padding-right:													3px;
}

input{ /* --- Define altura de todos os campos do tipo INPUT --- */
height:																21px;
font-size:13px;
}
.inputRed{ 
height:	21px; font-size:13px; background-color: #FF4040;
}

img{ /* --- tira a borda de todas as imagens --- */
border:																0px;
}

.inputText{ /* --- Formata os campos do tipo INPUT TEXT --- */
vertical-align:													middle;
border-left:														1px solid #444444;
border-top:														1px solid #444444;
border-right:														1px solid #CCCCCC;
border-bottom:													1px solid #CCCCCC;
font-family:														Arial, "Trebuchet MS", Tahoma, Verdana;
font-weight:														normal;
font-size:															12px;
padding-left:														3px;
}

.inputTextDesabilitado{ /* --- Formata os campos do tipo INPUT TEXT --- */
vertical-align:													middle;
border-top:														1px solid #B2B2B2;
border-left:														1px solid #B2B2B2;
border-right:														1px solid #E1E1E1;
border-bottom:													1px solid #E1E1E1;
background-color:												#E8E8E8;
font-family:														Arial, "Trebuchet MS", Tahoma, Verdana;
font-weight:														normal;
font-size:															13px;
padding-left:														3px;
}

.infoCampo{ /* --- Formata as informações sobre os campos --- */
font-family:														Arial, "Trebuchet MS", Tahoma, Verdana;
font-weight:														normal;
font-size:															9px;
padding-left:														5px;
}

.alignIcone{  /* --- posiciona Ícone ao lado dos campos input --- */
padding-left:														5px;
vertical-align:													middle;
cursor:																pointer;
}

p{ /*Classe que padroniza o parágrafo --- */	
margin-left: 														10px;
margin-top: 														3px;
padding: 					 										0px;
color: 																#444444;
font-weight:														normal;
}

.boxConteudo{	/* --- Posiciona as listas de multipla escolha --- */
position: 															relative;
border: 																2px solid #666666;
background-color: 												#f5f5f5;
width:																750px;
height:																245px;
margin-left:														-380px;
left:																	50%;
}

.boxConteudo table tr{
font-size:															10px;
}

.selectLista{		/* --- Tamanho da área da Lista --- */
width:																318px;
height:																215px;
_height: 															225px;
}

.boxLeft{	/* --- Posiciona a lista à ESQUERDA --- */
position:															absolute;
width:																300px;
padding-left: 													5px;
padding-right: 													5px;
}

.boxCenter{	/* --- Posiciona um quadro branco no centro entre as duas listas --- */
position:															absolute;
top:																	0px;
width: 																85px;
margin-left:														330px;
height:																100%;
background-color: 												white;
border-left: 														1px solid #666666;
border-right: 													1px solid #666666;
}

.boxCenterBotoes{		/* --- Alinha os botões (que estão entre as listas de múltipla escolha - ex. tela 02) na horizontal e vertical --- */
position:															absolute;
margin-left: 														23px;
margin-top: 														65px;
width:																55px;
left: 																	-5px;
top: 																	1px;
}

.boxRight{		/* --- Posiciona a lista a direita --- */
position:															absolute;
margin-left:														420px;
_margin-left:														415px;
width:																300px;
padding-left: 													5px;
padding-right: 													5px;
top: 																	0px;
}

.noticiaBloco{	/* --- Formata os blocos de textos --- */
position:															relative;
width:																750px;
margin-left:														-380px;
_margin-left:														-375px;
left:																	50%;	
text-align:															justify;
padding-bottom:												15px;		
padding-top:														5px;
border-bottom:													1px dotted #666666;		
}

.noticiaData{		/* --- Formata a data da notícia --- */
font-family:														Arial, "Trebuchet MS", Tahoma, Verdana;
font-size:															10px;
color:																#990000;
}

.noticiaAutor{	/* --- Formata o texto do autor --- */
font-family:														"Trebuchet MS", Tahoma, Arial, Verdana;
font-size:															12px;
font-weight:														bold;
color:																#4859CC;
padding-left:														3px;
}

.noticiaBullet{	/* --- Formata o detalhe da notícia --- */
padding-left:														3px;
padding-right:													3px;
}

.noticiaTitulo{	/* --- Formata o titulo da noticia --- */
font-family:														"Trebuchet MS", Tahoma, Arial, Verdana;
font-size:															13px;
font-weight:														bold;
color:																#444444;
padding-left:														3px;
padding-bottom:												10px;
}

.noticia{	/* --- Formata o texto da notícia --- */
font-family:														"Trebuchet MS", Tahoma, Arial, Verdana;
font-size:															11px;
font-weight:														normal;
color:																#444444;
padding-left:														3px;
}

.spaceSuperior{  /* --- Classe para dar espaço acima */
padding-top:														10px;
}

.spaceInferior{  /* --- Classe para dar espaço abaixo */
padding-bottom:												10px;
}
	
/* --------
		------------- Tabelas ------------------- */

.vAlignTop{ /* --- Alinhamento vertical ACIMA --- */
vertical-align: 													top;
}

.vAlignMiddle{  /* --- Alinhamento vertical no MEIO --- */
vertical-align: 													middle;
}

.vAlignBottom{  /* --- Alinhamento vertical ABAIXO --- */
vertical-align: 													bottom;
}

#alturaTabela{   /*com esta classe controlamos o tamanho da area visivel e o scroll desta area*/
height:																201px;
overflow:															auto;
}

#alturaTabela table{ /* hack do tamanho de area para funcionar no IE como nos outros browsers*/
width:																100%;
}

.tituloTabela{   /* controla os estilos de fonte e bkg do titulo tabela */
font-family:           											"trebuchet ms", verdana, helvetica, tahoma, arial;
font-size:             												11px;
font-weight:														bold;
color:                 												#444444;
background-color:												#CEC7C6;
}

.tituloTabela2{   /* controla os estilos de fonte e bkg do titulo tabela */
font-family:           											"trebuchet ms", verdana, helvetica, tahoma, arial;
font-size:             												11px;
font-weight:														bold;
color:                 												#444444;
background-color:												#d7d6d6;
}

.tituloTabela table{  /* --- Define tamanho de área do título da tabela para funcionar igual em todos os Browsers --- */
width:																100%;
height:																20px;
}

.obsTabela{ /* --- Formata o texto de observação da tabela --- */
color:																#990000;
margin:																0px;
padding-left:														35px;
padding-top:														5px;
padding-bottom:												5px;
}

.resultConsulta{  /* --- Status dos itens apresentados na tabela ---*/
position:															relative;
margin-top:														5px;
margin-bottom:													-3px;
font-family:														"Trebuchet MS", Tahoma, Verdana;
font-size:															11px;
font-weight:														normal;
color:																#444444;
padding-left:														10px;
padding-right:													5px;
}

.sinalMenos{  /* --- Sinal de MENOS na tabela --- */
font-size:															18px;
color:																#FF0000;
cursor:																pointer;
}

.linhaSemCOR{  /* --- Background da linha da tabela SEM cor --- */
background-color:												#FFFFFF;
height:																20px;
}

.linhaComCOR{  /* --- Background da linha da tabela COM cor --- */
background-color:												#eeeded;
height:																20px;
}

.bLeft{  /* --- Borda à esquerda --- */
border-left:														1px solid #444444;
}

.bTop{  /* --- Borda no topo--- */
border-top:														1px solid #444444;
}

.bRight{  /* --- Borda à direita --- */
border-right:														1px solid #444444;
}

.bBottom{  /* --- Borda abaixo --- */
border-bottom:													1px solid #444444;
}	

.bBottomTr td{ 	/* --- Inserir borda por toda a tr --- */
border-bottom:													1px solid #444444;
}

.bTopTr td{ /* --- Inserir borda por toda a tr --- */
border-top:														1px solid #444444;
}

.bLeftTr td{ /* --- Inserir borda por toda a tr --- */
border-left:														1px solid #444444;
}

.bDirTr td{ /* --- Inserir borda por toda a tr --- */
border-Right:														1px solid #444444;
}

.titLinhaInfo{		/* --- Formata título do detalhe da Linha --- */
font-family:           											verdana, "trebuchet ms", helvetica, tahoma, arial;
font-size:             												9px;
color:                 												#990000;
height:																15px;
}

.contLinhaInf{	/* --- Formata o conteudo do detalhe da linha --- */
font-family:           											verdana, "trebuchet ms", helvetica, tahoma, arial;
font-size:             												9px;
color:                 												#444444;
height:																15px;
}


/* --------
		-------------- Javascript (classes para ajuste da tabela pelo javascript) -------------------*/

.conteudoTabelaMenor{
height:																201px;
overflow:															auto;
}

.conteudoTabelaMenor table{
width:																100%;
_width:																750px;
}

.conteudoTabelaMaior{
height:																201px;
overflow:															auto;
}

.conteudoTabelaMaior table{
width:																100%;
_width:																744px;
}

.conteudoTr{
font-family:           											verdana, "trebuchet ms", helvetica, tahoma, arial;
font-size:             												10px;
color:                 												#444444;
}

/* --------
		-------------- Botões -------------------*/
		
.botao{ /* --- Formata o texto dentro do botão --- */
cursor:																pointer;
font-family: 														Arial, Helvetica, sans-serif;
font-size:															11px;
padding-left:														5px;
padding-top: 														3px;
font-weight:														bold;
}

.botaoDesabilitado{ /* --- Formata o texto dentro do botão --- */
cursor:																help;
font-family: 														Arial, Helvetica, sans-serif;
font-size:															11px;
padding-left:														5px;
padding-top: 														3px;
font-weight:														bold;
color: 																#999999;
}

a{ /* --- visao normal do texto link --- */
text-decoration:												none;
color: 																#D42D2D;
}

a:hover{ /* --- visão do texto com efeito no mouseOver --- */
text-decoration:												none;
color:																#FF0000;
}

.black a{ /* --- versão em preto do link --- */
text-decoration:												none;
color: 																#000000;
}

.black a:hover{ /* --- versão em preto do link no mouseOver --- */
text-decoration:												none;
color:																#FF0000;
}

.posBtn{	/* --- Posiciona o botão em relação à outros elementos da tela --- */
position:															relative;
width:																750px;
margin-left:														-380px;
left:																	50%;
margin-top:														10px;
padding-bottom:												10px;
}
	
.posBtnPopup{	/* --- Posiciona o botão em relação à outros elementos da tela --- */
position:															relative;
width:																360px;
margin-left:														-180px;
left:																	50%;
margin-top:														10px;
padding-bottom:												10px;
}
	
.linkTabela td a{	/* --- Identifica texto com links --- */
text-decoration:												underline;
color:																#FF0000;
}

.linkTabela td a:hover{	/* --- Efeito do link na tabela --- */
text-decoration:												underline;
color:																#444444;
}



/* --------
		-------------- (Classes que define o tamanho de botão. btn01 = botão menor e btn05 = botão maior) -------------------*/

.btn01{		/* --- Exemplo: "OK" --- */
width:																51px;
height:																20px;
background:														url("../imagens/botoes/btn01.jpg");
background-repeat:											no-repeat;
cursor:																pointer;
}

.btn02{		/* --- Exemplo: "Fechar" --- */
width:																73px;
height:																20px;
background-image:											url("../imagens/botoes/btn02.jpg");
background-repeat:											no-repeat;
cursor:																pointer;
}

.btn03{ 		/* --- Exemplo: "Cópia de..."  --- */
width:																89px;
height:																20px;
background-image:											url("../imagens/botoes/btn03.jpg");
background-repeat:											no-repeat;
cursor:																pointer;
}

.btn04{		
width:																120px;
height:																20px;
background-image:											url(../imagens/botoes/btn04.jpg);
background-repeat:											no-repeat;
cursor:																pointer;
}

.btn05{
width:																160px;
height:																20px;
background-image:											url(../imagens/botoes/btn05.jpg);
background-repeat:											no-repeat;
cursor: 																pointer;
}

.spaceBtn{
width:																10px;
}


/* --------
		-------------- ABAS -------------------*/

.posAbas{		/* --- Posiciona as ABAS --- */
position:															relative;
width:																750px;
margin-left:														-380px;
left:																	50%;
padding-top:														10px;
}
.posAbasPop{		/* --- Posiciona as ABAS --- */
position:															relative;
width:																700px;
margin-left:														-380px;
left:																	52%;
padding-top:														10px;
}

#linkAbas a{		/* --- Formata e Indica quando houver link na ABA --- */
text-decoration:												none;
color:																#444444;
text-align:															center;
font-weight:														bold;
cursor:																pointer;
}
		
#linkAbas a:hover{		/* --- Efeito do link ABA no mouseOver--- */
text-decoration:												none;
color:																#DC0000;
text-align:															center;
font-weight:														bold;
cursor:																pointer;
}

/* ---------------------- (Classes que definem os tamanhos de botão. aba01 = aba menor e aba03 = aba maior) -------------------
		-------------- (As classes que tem o nome 'selec' no nome referem-se às abas ATIVAS na tela) ---------------------------*/
		
.aba01{
background-image:											url(../imagens/abas/aba01.jpg);
background-repeat:											no-repeat;
height:																24px;
}

.aba01Selec{
background-image:											url(../imagens/abas/aba01-selec.jpg);
background-repeat:											no-repeat;
height:																24px;
}

.aba02{
background-image:											url(../imagens/abas/aba02.jpg);
background-repeat:											no-repeat;
height:																24px;
}

.aba02Selec{
background-image:											url(../imagens/abas/aba02-selec.jpg);
background-repeat:											no-repeat;
height:																24px;
}

.aba03{
background-image:											url(../imagens/abas/aba03.jpg);
background-repeat:											no-repeat;
height:																24px;
}

.aba03Selec{
background-image:											url(../imagens/abas/aba03-selec.jpg);
background-repeat:											no-repeat;
height:																24px;
}


/* Rodape ----------------------------------------------*/

.bkgRodape{ 
background-image:											url("../imagens/backgrounds/background-bottom.jpg");
text-align:            												center;
}

.txtRodape{
margin:																0px;
left:																	0px;
bottom:																4px;
width:																100%;
font-family:														Arial, "Trebuchet MS", Tahoma, Verdana;
font-weight:														bold;
font-size:															11px;
color:																#444444;
text-align:															center;
}

.dataHoraRodape{
position:															absolute;
font-weight:														normal;
width: 																150px;
right: 																0px;
margin-top: 														-15px;
_margin-top:														-2px;
}

.versaoRodape{
position:															absolute;
font-weight:														normal;
width: 																150px;
left: 																-35px;
margin-top: 														-2px;
_margin-top:														-2px;
}



/* Classes para Relatório ----------------------------------------------*/

.tituloRelMaior{		/* --- Formata o maior título do relatório --- */
color:																#dc0000;
font-size: 															22px;
}

#bkgCabecRel{	  /* --- Background do cabeçalho do rodapé --- */
position:															relative;
margin-top:														0px;
background-image:											url(../imagens/backgrounds/bkg-TopRelatorio.jpg); 
background-repeat:											repeat-x;
border-bottom: 													1px solid #DC0000; 
width:																100%; 
}

.InfoCentro{		/* --- Formata uma informação unica no centro da tela --- */
font-family: 														"trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 															16px;
color: 																#dc0000;
}

.tituloRel{		/* --- Formata o titulo do relatório --- */
font-size:															12px;
font-weight:														bold;
color:																#444444;
}

.informacoes{	/* --- Padroniza as listas feitas com a tag UL --- */
margin-bottom: 												10px;
list-style:															decimal;
margin-top: 														10px;
margin-left: 														55px;
}


/* Calendário -----------------------------------------*/

.cursor{		/* --- muda o ponteiro do mouse para "pointer" --- */
cursor:																pointer;
}

.txtCalend{	/* --- Formata o texto do calendário --- */
font-family:														Arial, Helvetica, sans-serif;
font-size:															11px;
border:																1px solid #444444;
background-color:												#444444;
}

.mesAnoCalend{		/* --- Formata o texto do Mes e Ano --- */
padding:															5px;
font-family:														Verdana, Arial, Helvetica, sans-serif;
font-size:															12px;
color:																#FFFFFF;
font-weight:														bold;
width:																220px;
}

.bkgCalend{		/* --- Background do Calendário --- */
background-color:												#F5F5F5;
padding:															10px;
}

.hojeCalend td{		/* --- Formata a data atual do Calendário --- */
background-color:												#CCCCCC;
font-family:														Verdana, Arial, Helvetica, sans-serif;
font-size:															10px;
text-align:															center;
padding:															5px;
color:																#000000;
text-decoration:												none;	
}

.popUpCalend{		/* --- Formata a janela do Calendário --- */
font-family:														Arial, Helvetica, sans-serifarial; 
font-size:															12px; 
border:																1px solid #444444;
background-color:												#F5F5F5;
width:																100px;
}

.diaCalend td{		/* --- --- */
color:																#444444;
font-family:														Arial, Helvetica, sans-serif;
font-size:															12px;
padding:															2px;
}

.corLinhaCalend{		/* --- Formata a cor da linha entre a semana e os dias --- */
background-color:												#444444;
}

/* Tela de Login -----------------------------------------*/

#bkgLogin{
margin:																0px;
font-family:														verdana, tahoma, helvetica;
font-size:															11px;
font-weight:														normal;
color:																#444444;
background-image:											url(../imagens/backgrounds/bkgLogin.jpg);
background-repeat:											repeat-x;
background-color:												#F5F5F5;
}

#layoutLogin{			 /* --- Posiciona o container principal no centro da tela em todas as resoluções --- */
position:															absolute;
width:																685px;
height:																400px;
top:																	50%;
left:																	50%;
margin-top:														-210px;
margin-left:														-350px;
background-color:												#f6f6f6;
color:																#444444;
border: 																10px solid white;
}

.esqueciSenhaLogin{  /*Tamanho do texto ESQUECI MINHA SENHA */
font-size:															10px;
line-height:														12px;
}

#cabecLogin{			/* --- Posicionamento do Cabeçalho --- */
position:															relative;
width:																100%;
height:																39px;
background-color:												#f5f5f5;
color:																#444444;
border-bottom:													3px solid #999999;
}

#bkgJsLogin{ 		/* --- Posiciona a área central  (onde contém o javascript que altera as imagens dos carros) --- */
position:															relative;
width:																100%;
height:																337px;
background-position:											center;
background-repeat:											no-repeat;
}

#rodapeLogin{ 			/* --- Posiciona o rodapé --- */
position:															relative;
width:																100%;
margin-top:														-5px;
_margin-top:														0px;
height:																34px;
background-color:												#b40000;
z-index:															2;
}

#posSubMenuLogin{ 		/* --- Posiciona a div abaixo do Cabeçalho --- */
position:															relative;
width:																100%;
height:																20px;
background-color:												#f6f6f6;
}

#posCamposLogin{ 		/* --- Posiciona a div que contém os campos de LOGIN, SENHA, .... */
position:															relative;
width:																510px;
margin-top:														-25px;
margin-left:														170px;
height:																25px;
}

#posMenuLogin{ 			/* --- Posiciona o menu "LINKS" --- */
float:																left;
margin-top:														-1px;
border:																1px solid #666666;
background-color:												#f6f6f6;
width:																60px;
height:																15px;
text-align:															center;
 }
 
#posMenuLogin a:hover{ 	/* --- Efeito no link do menu "LINKS" --- */
padding-top:														20px;
text-decoration:												none;
}

#posIdiomaLogin{ 		/* --- Posiciona as opções de idioma --- */
float:																right;
padding-top:														2px;
margin-right:														-30px;
width:																200px;
color:																#cc0000;
 }

.txtRodapeLogin{ 		/* --- Formata e posiciona o texto do ropadé --- */
position:															absolute;
margin-top:														9px;
padding-left:														10px;
color:																white;
width:																350px;
font-weight:														bold;
}

.txtVersaoLogin{ 		/* --- Formata e posiciona a versão no ropadé --- */
position:															absolute;
margin-top:														9px;
padding-left:														10px;
color:																white;
width:																665px;
font-weight:														bold;
text-align:															right;
}

.posLogoLogin{ 			/* --- Posiciona o LOGO --- */
position:															relative;
padding-top:														10px;
padding-left:														0px;
}

.linkLogin a:link{
color:																#444444;
text-decoration:												none;
}

.linkLogin a:visited {
text-decoration:												none;
color:																#444444;
}

.linkLogin a:active:{
text-decoration:												none;
color:																#444444;
}

.linkLogin a:hover{
padding-top:														20px;
text-decoration:												underline;
}

#posLinkScriptLogin{ 			/* --- Posiciona o menu "LINKS" --- */
float:																left;
margin-top:														-1px;
border:																1px solid #666666;
background-color:												#f6f6f6;
width:																60px;
height:																15px;
text-align:															center;
 }
 
#posLinkScriptLogin a:hover{ 	/* --- Efeito no link do menu "LINKS" --- */
padding-top:														20px;
text-decoration:												none;
}

.espaceLogin{ 		/* --- Espaço entre os campos ID, LOGIN e SENHA */
padding-right:													3px;
padding-left:														10px;
}

.posBtnOK{ 		/* --- Posiciona o botão OK --- */
padding-top:														1px;
}

#dropmenu{ 		/* --- Posiciona e formata o estilo do MENU javascript ---*/
position:															absolute;
margin-top: 														15px;
border: 																1px solid #666666;
color:																black;
z-index:															100;
}

#dropmenu a{ 		/* --- Efeito de link no MENU javascript --- */
width: 																100%;
display:																block;
text-indent: 														10px;
padding-top: 														5px;
padding-bottom: 												5px;
text-decoration: 												none;
color: 																#666666;
}

#dropmenu a:hover{ 			/* --- Efeito de link no MENU javascript --- */
background-color: 												#CCCCCC;
}

/* Portal de Noticias -----------------------------------------*/

.marcaDagua{
background-image:											url(../imagens/telaNoticias/marcaDagua.gif);
background-repeat:											no-repeat;
}

.imgCarro{
position:															absolute;
left:																	0px;
bottom:																0px;
width:																297px;
height:																134px;
}

.quadroNoticias{			/* --- Posiciona o Quadro principal das noticias --- */
position: 															relative;
width: 																98%;
}

.bkgTitNoticiaPortal{ 
position:															relative;
border:																1px solid #444444;
background-image:											url(../imagens/telaNoticias/bkgBarraItens.gif);
background-repeat:											repeat-x;
height:																17px;
top:																	10px;
left:																	10px;
width:																95%;
}

.bDivisaoNoticia{			/* --- Traço que divide as noticias --- */
border-right: 													1px dashed #444444;
}

.noticiaPortal{				/* --- Posiciona as noticias --- */
position: 															relative;
margin-top:														10px;
margin-left:														15px;
margin-right:														10px;
clear:																both;
text-align:															justify;
}

.posImgNoticia{
float:																right;
width:																100px;
padding-left:														20px;
vertical-align:													middle;
}

.leiaMais{
position: 															relative;
color: 																#dc0000;
margin-top: 														10px;
margin-left: 														200px;
padding-bottom:												10px;		
cursor:																pointer;
}

/* Classes que definem alturas -----------------------------------------*/

.h5px{
height:																5px;	
}

.h10px{
height:																10px;	
}

.h15px{
height:																15px;	
}

.h20px{
height:																20px;
}

.h24px{
height:																24px;
}

.h25px{
height:																20px;	
}

.h27px{
height:																27px;
}

.h30px{
height:																30px;	
}

.h34px{
height:																34px;
}

.h80px{
height:																80px;
}

.h100{ /* Altura de 100% na tabela principla (layout todo)*/
height:																100%;
}

/* Classes que definem larguras -----------------------------------------*/

.space1px{	/* --- Espaço a direita e esquerda entre texto e borda --- */
padding-left:														1px;
padding-right:													1px;
}

.space5px{		/* --- Espaço entre os icones de navegação --- */
margin-right:                 									5px;
vertical-align:		  											middle;
}

.space10px{	/* --- Espaço a direita e esquerda entre texto e borda --- */
padding-left:														10px;
}

/* Tamanho dos Campos INPUT TEXT -----------------------------------------*/

.wCamp5{
width:																35px;
}

.wCamp10{
width:																60px;
}

.wCamp20{
width:																110px;
}

.wCamp30{
width:																150px;
}

.wCamp40{
width:																190px;
}

.wCamp50{
width:																230px;
}

.wCamp60{
width:																280px;
}

/* Janela PopUP -----------------------------------------*/

.mensagemPopUp td{ 		/* --- Classe que apresenta os erros em popUp --- */
font-family:														Arial, "Trebuchet MS", Tahoma, Verdana;
font-weight:														bold;
font-size:															12px;
color:																#3B3B3B;
padding-right:													3px;
}

.quadroPopUp{					/* --- Formata a borda da janela POPUP --- */
position: 															relative;
border:																3px solid #666666;
margin-left:														2px;
margin-right:														3px;
top:																	2px;
overflow:															auto;
width:																100%;
height:																99%;
padding:															20px;
}