.titulos {
	background-color:#3F6C95;
	color:#FFFFFF;
	}
.linha1 {
	background-color: #CBDEEF;
}
.linha2 {
	background-color: #EEFDFF;
}

#lyrLogin {
	position:absolute;
	right:0px;
	aheight:54px;
	z-index:21;
	top: 107px;	
	aborder-style:solid;
	text-align:right;
}
#SetaBusca {
	position:absolute;
	width:26px;
	height:23px;
	z-index:500;
	left: 136px;
	top: 2px;
}
#Layer2 {
	position:absolute;
	height:64px;
	z-index:2;
	left: 135px;
	top: 15px;
}
#frmConteudo {
	position:absolute;
	z-index:2;
	height: 100%;
}
#Layer6 {
	position:absolute;
	width:139px;
	height:26px;
	z-index:1;
	left: 135px;
	top: 90px;
}
.a3 {color: #FFCC33;text-decoration: none}
.button {	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: thin outset #FFFFFF;
}
.texts {	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: thin inset #FFFFFF;
	background-color: #99CCFF;
}
.style1 {color: #000000}
.style2 {text-decoration: none}
#lyrData {
	position:absolute;
	height:16px;
	z-index:1;
	right: 0px;
	left: 134px;
	top: 79px;
}
.a:hover {color: #FFFFFF; text-decoration: none}
.a {color: #000000; text-decoration: none}
.a2:hover {color: #000000; text-decoration: none}
.a2 {color: #0066CC; text-decoration: none}
.a3:hover {color: #FFFFFF; text-decoration: none}
.a3 {color: #FFCC33;text-decoration: none}
.a4:hover {
	color: #6699CC;
	text-decoration: none;
}
.a4 {color: #003366; text-decoration: none}
.justify {text-align: justify}
.ColunaBorda {border: 1px #0 solid}
.ColunaBordaDireita {border-color: #00000 black; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}
.MargemDireita {padding-right: 20px}
.Margem {padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px;}
.outro {; cursor: hand onMouseOver=mOvr(this,'#FFCC00') onMouseOut=mOut(this,'#3366FF')}
table {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.linhadegrade {
	background-color:#3F6C95;
	background-image: url(images/layout/linhadegradeazulcinza3.png);
	background-repeat: repeat-y;
	background-position: left;
}

.linhadegrade2 {
	background-image: url(images/layout/linhadegradeazulcinza1.png);
	background-repeat: repeat-y;
	background-position: left;
}

.linhadegrade3 {
	background-image: url(images/layout/linhadegradeazulcinza2.png);
	background-repeat: repeat-y;
	background-position: left;
}
.linhadegrade_laranja {
	background-image: url(images/layout/linhadegradeamarelo3.png);
	background-color: #FF9900;
	background-repeat: repeat-y;
	background-position: left;
	abackground-attachment: fixed;
}

.linhadegrade2_laranja {
	background-image: url(images/layout/linhadegradeamarelo1.png);
	background-color: #FFEE99;
	background-repeat: repeat-y;
	background-position: left;
	abackground-attachment: fixed;
}

.linhadegrade3_laranja {
	background-image: url(images/layout/linhadegradeamarelo2.png);
	background-color: #FFEECC;
	background-repeat: repeat-y;
	background-position: left;
	abackground-attachment: fixed;
}



.texts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: thin inset #FFFFFF;
	background-color: #99CCFF;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: thin outset #FFFFFF;

	
}
.a1 {color: #000000; text-decoration: none}
.a31 {color: #cccccc; text-decoration: none; font-size: 10px}
.style4 {color: #006699}
.a21 {color: #ffffff; text-decoration: none}
.button1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: thin outset #FFFFFF;
}
.button1 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: thin outset #FFFFFF;
}
.style5 {font-size: 9}
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:21;
}

.style6 {
	color: #FFFFFF;
	font-weight: bold;
}

.invalido {color: #990000;
	font-style: italic;}
.botaofundo {background-image: url(images/BotaoFundoSite.gif);}

.a21 {color: #000000; text-decoration: none}

.a41 {color: #003366; text-decoration: none}
.a41:hover {color: #FFCC33; text-decoration: none}

.corPreco {font-size: 14; color:#000033; font-weight:bold}
.style7 {font-size: 10px;
	color: #FF0000;}
.style9 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.styleTitulos {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #006699;
	font-weight:bold;
}
.style10 {font-size: 10px}

.style12 {color: #FFFF00}
.a211 {color: #000000; text-decoration: none}
.a211 {color: #ffffff; text-decoration: none}
.a3 {color: #FFCC33;text-decoration: none}
.button {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: thin outset #FFFFFF;}
.texts {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: thin inset #FFFFFF;
	background-color: #99CCFF;}
#lyrData {position:absolute;
	height:40px;
	z-index:0;
	right: 0px;
	left: 135px;
	top: 79px;}

.a:hover {color: #FFFFFF; text-decoration: none}
.a {color: #000000; text-decoration: none}
.a2:hover {color: #000000; text-decoration: none}
.a2 {color: #0066CC; text-decoration: none}
.a3:hover {color: #FFFFFF; text-decoration: none}
.a3 {color: #FFCC33;text-decoration: none}
.a4:hover {color: #6699CC;
	text-decoration: none;}
.a4 {color: #003366; text-decoration: none}
.justify {text-align: justify}
.ColunaBorda {border: 1px #0 solid}
.ColunaBordaDireita {border-color: #00000 black; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}
.MargemDireita {padding-right: 20px}
.Margem {padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px;}
.outro {; cursor: hand onMouseOver=mOvr(this,'#FFCC00') onMouseOut=mOut(this,'#3366FF')}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.texts {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: thin inset #FFFFFF;
	background-color: #99CCFF;}
.button {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: thin outset #FFFFFF;}
.a1 {color: #000000; text-decoration: none}
.a31 {color: #cccccc; text-decoration: none; font-size: 10px}
.a21 {color: #ffffff; text-decoration: none}
.button1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: thin outset #FFFFFF;}
.button1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: thin outset #FFFFFF;}
.style15 {color: #3F6C95}
.style3 {
	color: #3F6C95;
	font-weight: bold;
}
.style3_laranja {
	color: #FF9900;
	font-weight: bold;
}
.lyrTudoFire {
	position:absolute;
	aborder-color:#F90;
	aborder-style:solid;
	width:98%;
	height:100%;

}
.lyrTudo {
	position:absolute;
	aborder-color:#F90;
	aborder-style:solid;
	width:100%;
	height:100%;
}


#lyrLogo {
	position: absolute;
	left: 6px;
	width:110;
	height:148;
	z-index:50;
	top: 0px;
	
}
#lyrCabecalho {
	az-index:1;
	atop: 0px;	
	aleft:8px;
	awidth:100%;
	amin-width: 800px;
	aheight:170px;
	
}



#lyrBusca {
	position:absolute;
	width:261px;
	height:29px;
	z-index:500;
	left: 140px;
	top: 75px;
}


#lyrBanner{
	position:absolute;
	min-width: 800px;
	top: 5px;
	width:100%;
	height:90px;
	z-index:20;
	visibility: visible;
	aborder-color:#063;
	aborder-style:solid;
}


#lyrMenu {
	position:absolute;
	width:135px;
	height:370px;
	z-index:1;
	top: 160px;
	left: 4px;
	z-index:30;
	
}
.lyrConteudoOld {
	position:absolute;
	padding-left: 138px;
	width: 100%;
	min-width: 800px;
	top: 150px;	
	height: 400px;
	az-index:0px;
	z-index:610;
	aborder:solid;
	aborder-color:#F00;
	abackground-color:#FFF;
}
.lyrConteudoFire {
	
	position:absolute;
	right: 0px;
	aleft:138px;
	amin-width: 662px;
	top: 150px;	
	height: 400px;
	z-index:610;
	aborder:solid;
	aborder-color:#F00;
	amin-width: 760px; 
	awidth:expression(document.body.clientWidth < 760? "760px": "auto" ); 		

}

#linha {
	position:absolute;
	width:1px;
	z-index:0;
	left: 132px;
	top: 150px;
	height:700px;
}

#lyrLaAiCd {
	aposition:absolute;
	background:url(images/layout/fun_login_continuacao.jpg);
	background-repeat:repeat-x;
	Awidth: 100%;
	amin-width: 735px;
	}
#lyrLiAaCd {
	aposition:absolute;
	background:url(images/layout/fun_login_continuacao.jpg);
	background-repeat:repeat-x;
	width: 100%;
	amin-width: 735px;
	}
#lyrLaAiCi {
	aposition:absolute;
	background:url(images/layout/fun_login_continuacao.jpg);
	background-repeat:repeat-x;
	width: 100%;
	amin-width: 735px;
	}
#lyrLiAaCi {
	aposition: absolute;
	background:url(images/layout/fun_login_continuacao.jpg);
	background-repeat:repeat-x;
	width: 100%;
	amin-width: 735px;
	}
#lyrLiAiCa {
	aposition: absolute;
	background:url(images/layout/fun_login_continuacao.jpg);
	background-repeat:repeat-x;
	width: 100%;
	amin-width: 735px;
	}
	
.divMenu {

	padding-top:4px;
	width: 110px; 
	height: 25px; 
	background-image: url(images/layout/divisao_menu.jpg); 
	background-position:bottom; 
	background-repeat:no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	Aborder-style:solid;
	z-index:0px;
}

.divMenuAdm {
	padding-top:4px;
	position: relative;
	width: 200px; 
	height: 25px; 
	afloat:left; 
	background-image: url(images/layout/divisao_menu.jpg); 
	background-position:bottom; 

	background-repeat:no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

#lyrTudo #lyrConteudo table tr td .style1.style16 {
	color: #FFF;
	aborder-style:solid;
	width:560px;
	amin-width: 760px; 
	awidth:expression(document.body.clientWidth < 760? "760px": "auto" ); 		
}
.texto {
	font-size: 10px;
}

body  {
	abackground: white;
	abackground:#666666;
	margin: 0 0 0 0; /* É recomendável zerar a margem e o preenchimento do elemento body para acomodar os diferentes padrões de navegador */
	margin-top:0px;
	padding: 0;
	text-align: center; /* Isso centraliza o contêiner em navegadores IE 5*. O texto é então definido como o padrão de alinhamento à esquerda no seletor #container */
	color: #000000;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
}

	
.body_hom { background-color: #FC9; }
.body_des { background-color: #FFF; #CFF; }

.thrColHybHdr #container { 
	width: 100%;
	abackground: #FFFFFF;
	/*margem: 0 automática; as margens automáticas (juntamente com a largura) centralizam a página, se necessário */
	text-align: left; /* Isso substitui text-align: center do elemento body. */
	min-width: 800px; 
	width:expression(document.body.clientWidth < 800? "800px": "auto" ); 		
	aborder-style:dashed;


}  
.thrColHybHdr #header { 
	margin: 0;
	top:0px;
	amin-width:760px; 
	width:100%;
	padding: 0 0px;  /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos abaixo dele. Se uma imagem for usada em #header em vez de texto, convém remover o preenchimento. */
	height:162px;
} 
.thrColHybHdr #header h1 {
	margin: 0; /* Se a margem do último elemento for zerada no div #header, a margem não será reduzida - um espaço inexplicável entre divs. Se o div tiver uma borda ao redor dele, isso não será necessário, pois também evitará a redução da margem */
	padding: 0px 0; /* Usar preenchimento em vez de margem permitirá manter o elemento longe das bordas do div */

}

/* Dicas para a barra lateral 1:
1. Lembre-se de que, se você definir um valor de tamanho de fonte neste div, a largura total do div será ajustada de acordo.
2. Como estamos trabalhando em espaços "m", é melhor não usar o preenchimento na própria barra lateral. Ele será adicionado à largura para navegadores compatíveis com padrões, criando uma largura real desconhecida. 
3. Para criar o espaço entre a lateral do div e os elementos nele contidos, insira margens esquerda e direita nesses elementos, assim como na regra ".thrColHybHdr #sidebar1 p".
*/

/* Dicas para lyrConteudo:
1. Se você atribuir a este div #lyrConteudo um valor de tamanho de fonte diferente do valor do div #sidebar1, as margens do div #lyrConteudo se basearão em seu respectivo tamanho de fonte e a largura do div #sidebar1 se baseará em seu respectivo tamanho de fonte. Convém ajustar os valores desses divs.
2. O espaço entre o lyrConteudo e sidebar1 é criado com a margem esquerda do div lyrConteudo. Não importa quanto conteúdo exista no div da barra lateral 1, o espaço da coluna permanecerá igual. Você pode remover a margem esquerda se desejar que o texto do div #lyrConteudo preencha o espaço #sidebar1 quando o conteúdo em #sidebar1 terminar.
3. Para evitar que a flutuação se solte em uma resolução mínima suportada de 800 x 600, os elementos dentro do div lyrConteudo devem ter 430 pixels ou menos (incluindo imagens). Contudo, se o tamanho da fonte do navegador do usuário estiver definido com um tamanho menor do que o normal, menos espaço estará disponível no div #lyrConteudo do que o exibido no teste.
4. No Comentário Condicional do Internet Explorer abaixo, a propriedade zoom é usada para fornecer "hasLayout" de lyrConteudo." Isso evita diversos erros específicos do IE.
*/
.thrColHybHdr #lyrConteudo3 {
	margin: 0 280px 0 130px; /* A margem direita pode ser fornecida em espaços "m" ou pixels. Isso cria o espaço abaixo e à direita da página. */
	padding: 0 -2em 0 -2em; /* Aqui, o preenchimento cria um espaço em branco "dentro da caixa". */
	aborder-style:solid;
	font-family:Arial;
	font-size: 13px;	
	font-size-adjust:inherit;	
	amin-width: 760px; 
	awidth:expression(document.body.clientWidth < 760? "760px": "auto" ); 	
	aborder-left-style:solid;
	aborder-left-width:thin;
} 

.thrColHybHdr #footer {
	padding: 10px;
	abackground-color: white;
	abackground-color:#E2E9F3;
} 
.thrColHybHdr #footer p {
	margin: 0; /* Se as margens do primeiro elemento forem zeradas no rodapé, não haverá possibilidade de redução de margem - um espaço entre divs */
	padding: 0px 0; /* O preenchimento neste elemento criará um espaço, exatamente como ocorreria na margem, sem o problema de redução de margem */
}

/* Miscellaneous classes for reuse */
.fltrt { /* Esta classe é usada para flutuar um elemento à direita na página. O elemento flutuante deve preceder o elemento e estar próximo dele na página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Esta classe é usada para flutuar um elemento à esquerda em sua página */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Esta classe deve ser colocada em um elemento div ou break e deve ser o último elemento antes do fechamento de um contêiner que deve conter uma flutuação completamente */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.thrColHybHdr #container #footer p {
	color: #FFF;
}
.thrColHybHdr #container #footer p {
	font-size: 9px;
}

.thrColHybHdr #sidebar1 {
	float: left; 
	left:0;
	width: 125px; /* Como esse elemento é flutuante, uma largura deve ser fornecida */
	padding: 0px 0; /* O preenchimento da parte superior e inferior cria um espaço visual dentro deste div */
	margin: 0px 0 0 0;
	vertical-align:top;
	background:url(images/layout/linhavertical.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	aborder-top-width:1px;
	aborder-top-style:solid;
	aborder-top-color: #036;
	
	aborder-bottom-width:thin;
	aborder-bottom-style:solid;
	aborder-bottom-color:#ADF;
	abackground-color:#F2F2FF;
	aheight:100%;
	
	min-height:470px;
	aborder-style:solid;
	z-index:15;
	
}
.thrColHybHdr #sidebar2 {
	float: right; 
	width: 270px; /* Como esse elemento é flutuante, uma largura deve ser fornecida */
	background: #FEC; /* A cor do plano de fundo será exibida para o comprimento do conteúdo na coluna, mas não mais do que isso */
	padding: 0px; /* O preenchimento da parte superior e inferior cria um espaço visual dentro deste div */
	margin: 0px;
	aborder-style:solid;
	border-left-color: #985;
	border-left-style:solid;
	border-left-width:1;
	border-top-style:solid;
	border-top-color:#985;
	border-top-width:1;
	border-bottom-style:solid;
	border-bottom-color:#985;
	border-bottom-width:1;
	
}
.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
	amargin-left: 10px; /* As margens direita e esquerda devem ser fornecidas para cada elemento que será colocado nas colunas laterais */
	amargin-right: 10px;
}

 .thrColHybHdr #lyrConteudo {
 margin: 0 190px 0 130px;
 padding: 0 1em 0 1em; 

}
.sidebar2 {
	 border-left-width:thin;
 border-left-color:#999;
 border-left-style:solid;
}

.shadow-one { position: absolute; padding-top: 20px; padding-left: 20px; } 
.corner-a { position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: url(images/layout/bigshadow.jpg) right top no-repeat;}
.corner-b { position: absolute; left: 0; bottom: 0; width: 20px; height: 20px; background: url(images/layout/bigshadow.jpg) left bottom no-repeat; }
.shadow-two { background: url(images/layout/bigshadow.jpg) right bottom no-repeat; }
.shadow-three { position: relative; left: -20px; top: -20px; background: url(images/layout/bigshadow.jpg) left top no-repeat; } 
.shadow-four { position: relative; left: 10px; top: 10px; } 
#lyrBotoes {
	float:left; 
	width: 100px;
	height:100px; 
	vertical-align:top; 
	text-align:center;
}


#BannerTEMPLATE-container
{
	float:right;
	width:250; 
	height:100%;
	border-style:asolid; 
	border-width:1px; 
	border-color:#CCC
}