@charset "utf-8";
body  {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../image/fd.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin: 0; /* É recomendável zerar a margem e o preenchimento do elemento body para acomodar os diferentes padrões de navegador */
	padding: 0;
	text-align: center;
	color: #000000;
	
}
.fali{
	font-size:10px;
}
/* Dicas para layouts elásticos
1. Como o tamanho total dos layouts elásticos baseia-se no tamanho das fontes padrão do usuário, eles são mais imprevisíveis. Usados corretamente, eles também são mais acessíveis para aqueles de precisam de fontes de tamanho maior, pois o comprimento da linha permanece proporcional.
2. O dimensionamento dos divs deste layout baseia-se no tamanho de fonte 100% no elemento body. Se você reduzir o tamanho total do texto usando um tamanho de fonte: 80% no elemento body ou no #container, lembre-se de que o tamanho de todo o layout será reduzido proporcionalmente. Convém aumentar as larguras dos vários divs para compensar isso.
3. Se o tamanho da fonte for alterado em proporções diferentes em cada div, e não no design global (p.ex.: o tamanho de fonte 70% é atribuído a #sidebar1 e o tamanho de fonte 85% é atribuído a #mainContent), o tamanho total de cada div será alterado proporcionalmente. Convém fazer ajustes com base no tamanho de fonte final.
*/
.thrColElsHdr #header #flash_texto
{ margin-left:610px;
	margin-top: -150px;
	z-index: 10;
	
}
.thrColElsHdr #container {
	width: 900px;  /* Esta largura criará um contêiner que se ajustará em uma janela de navegador de 800px se o texto estiver nos tamanhos de fonte padrão do navegador */
	
	margin: 0 auto; /* As margens automáticas (juntamente com a largura) centralizam a página */
	text-align: left;
} 
.thrColElsHdr #header {
	padding: 0;
	height: 147px;
} 
.thrColElsHdr #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: 10px 0; /* Usar preenchimento em vez de margem permitirá manter o elemento longe das bordas do div */
}
#cliente_name{
	margin-left:px;
	z-index:3;
	position:absolute;
	font-weight:bold;
	color:#666;
	font-size:11px;
	display:block;
}
.thrColElsHdr #sidebar1 {
	float: left;
	width: 11em; /* A cor do plano de fundo será exibida para o comprimento do conteúdo na coluna, mas não mais do que isso */
	padding-left: 10px;
	margin-bottom: 20px;	 /* O preenchimento da parte superior e inferior cria um espaço visual dentro deste div */
}

.thrColElsHdr #sidebar1 a{
	color: #666666;
	font-weight: bold;
	text-decoration: none;

}
.thrColElsHdr #sidebar1 a:hover{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}


.thrColElsHdr #form1 #textfield{
	background-color:#CCC;
	margin: 0px;
	padding: 0px;
	border: solid 1px #666;
	float: left;
	height: 22px;
	text-align: left;
	vertical-align: middle;
}
.thrColElsHdr #form1 #button{
	color: #FFF;
	text-decoration: none;
	background-color: #999;
	border: thin none #FFF;
	width: 20px;
	height: 22px;
	float: left;
	margin-left: 4px;
	margin-top:0;
}

.thrColElsHdr #sidebar2 {
	float: right;
	width: 10em; /* A cor do plano de fundo será exibida para o comprimento do conteúdo na coluna, mas não mais do que isso */
	padding: 10px 10px 10px 0px; /* O preenchimento da parte superior e inferior cria um espaço visual dentro deste div */
}
.thrColElsHdr #sidebar1 h3, #sidebar1 h5, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 15px; /* As margens direita e esquerda devem ser fornecidas para cada elemento que será colocado nas colunas laterais */
	margin-right: 5px;
}
.thrColElsHdr #container #sidebar2 h3 {
	color: #003399;
}
.thrColElsHdr #container #sidebar2 p {
	font-size: 10px;
	color: #3C4EA4;
}
.thrColElsHdr #container #sidebar2 a{
	text-decoration:none;
	color: #3C4EA4;
}

/* Dicas para mainContent:
1. Se você atribuir a este div #mainContent um valor de tamanho de fonte diferente do valor do div #sidebar1, as margens do div #mainContent 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 mainContent e sidebar1 é criado com a margem esquerda do div mainContent.  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 #mainContent 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 mainContent 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 #mainContent do que o exibido no teste.
4. No Comentário Condicional do Internet Explorer abaixo, a propriedade zoom é usada para fornecer "hasLayout" de mainContent." Isso evita diversos erros específicos do IE.
*/
.thrColElsHdr #mainContent {
 	margin: 0 auto; /* A margem direita pode ser fornecida em espaços "m" ou pixels. Isso cria o espaço abaixo e à direita da página. */
	width:510px;
	text-align:left;
} 
h1.nome{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color: #003399;
	margin:0px;
}
.thrColElsHdr #mainContent p{
	font-size:10px; font-weight:bold;
	margin:0px;
}

.thrColElsHdr #mainContent ul{
	background-color:#CCC;
	padding:0;
	margin:0;
	text-align:left;
	
}
.thrColElsHdr #mainContent ul li{
	list-style:none;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left:20px;
	padding:0;
	display:inline;
	float:left;
	text-align:center;
	
}

.thrColElsHdr #footer {
	padding: 0; /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos acima dele. */
	background:#DDDDDD;
} 
.thrColElsHdr #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: 10px 0; /* O preenchimento neste elemento criará um espaço, exatamente como ocorreria na margem, sem o problema de redução da margem */
}

/* Diversas classes para reutilização */
.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;
}

#footerbg{
	background:url(../image/bgfooter.gif) repeat-x;
	height:133px;
}

#financiamento {
	background:url(../image/financiamento.png) no-repeat;
	width:125px;
	height:100px;
	float:left;
	margin-top:20px;
}

#empresa{
	float:left;
	margin-top:25px;
	padding-left:100px;
	padding-right:50px;
}

#desenvolvido{
	float:left;
	margin-top:35px;
}

#container{
	
}