/*REGRAS GERAIS: Você corre risco ao tentar usar estilo sobre texto formatado com o tiny.
Para esses textos tenho as variáveis na página estilos_html.php. Para textos que não passaram
pela formatação do tiny, uso livremente o css desta página.

Outra coisa: FAÇA a COMBINAÇÃO toda aqui! Pra no lugar só ter que colocar uma única tag. 
Não combine tags no lugar. Combine aqui italico família da fonte, background, borda.

Nomes aqui precisam ser de parte do site, e não nomes que se findam em si mesmos.
Exemplo: tag titulo de conteúdo: <titulo> </titulo>, quando mudar de site e de estilo será
mais fácil, pois elas já estarão posicionadas nas páginas e você só muda por aqui.


GERAL DE PÀGINA :default*/
procura_cor{
color: #817961;
color:#CBB49E;
color:#DADAC5;/*areia um pouco escura*/
color:#C7C6B1;/*cinza concreto amarelado escuro*/
color:#888575;/*cinza concreto amarelado mais escuro*/
color:#F1F2E3;/*neutro amarelo cinza light*/
color:#616B6A;/*cinza escuro metal*/
color:#C1AE75;/*pardo com um pouco de cinza*/
color: #CCCCFF;/*lilás claro*/
color:#330066;/*roxo escuro*/
color:#6600CC;/*roxo claro*/
color:#AEF3FF;/*verde água*/
color:#C6E2FF;/*azul bem claro*/
color: #6699FF;/*azul cobalto um pouco escuro.*/
color:#CC99FF;/*lilás*/
color:#02749E;/*azul simpático escuro*/
color:#73BFFD;/*azul mediano*/
color:#CFDEE6;/*azul acinzentado claro*/
color:#3DB0E4;/*azul médio bonito*/

 
}


body { /* provável: tem uma droga dessa em rq_base devido a configurações após barra lateral*/
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
/*	font-family: Arial, Helvetica, sans-serif; 
	*/
	font-size: 11px;/* Lembre-se, para conteúdo variável preencher tny abaixo com o mesmo. Atualmente este aqui não influencia em muita coisa, nem rodapé. Só no que não está ´especificado. Mas ocupe-o.*/
	color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*azimuth:center;*/
	/*azimuth:center;left:inherit;*/
	
}


/*Texto de saída do editor, rensponsável pelo texto de conteúdo variável*/
tny{
font-size: 11px; /*Lembre-se, cor e tamanho na saída do tiny só voga em estilo_html*/
color: #02749E;
}
/*Texto de saída do editor, para legendas, rensponsável pelo texto de conteúdo variável*/
tnyleg{
font-size: 10px; /*Lembre-se, cor e tamanho na saída do tiny só voga em estilo_html*/
color: #02749E;
}

/*Fundo da td que abriga conteùdo:*/
td#back1{
background: url(fire/comp_fire02/ger3.jpg) repeat-y -52px 200px;/**/ /*primeiro horizontal, segundo vertical*/
}


/*Layout sem tabela:*/


/* Propriedades comuns às colunas e blocos*/
div.link-list-main-ger_back-top {
        /*width:10.2em;*/
        position:absolute;/*Static: O elemento é colocado na sua posição normal. Quando usamos este valor não devemos definir as propriedades left nem top.  Relative:Desloca o elemento relativamente à sua posição normal ("left: 20px" desloca-o 20 pixels para a direita).   Absolute:Coloca o elemento numa posição absoluta sobre a página. "left: 20px" siginifica que ele começa 20 pixels à direita do extremo esquerdo da página. Fixed:...*/
        /*top:0;top:Define a distância (para baixo ou para cima) a que deve ficar o limite de cima de um elemento relativamente ao limite de cima do elemento que o contém. param:auto ,%,comprimento  Nota: Se a propriedade position tiver o valor static a propriedade top produzirá qualquer efeito. Nota: São permitidos valores negativos. Herdada: Não*/
        /*font-size:80%;*/
        /*padding-left:1%;Define o espaço que separa o conteúdo de um elemento do seu limite esquerdo. permite % e px.*/
								
        /*padding-right:1%;*/
								/*margin-top:;*/
        /*margin-left:0;distancia esquerda a partir do início da pág medida em px.*/
        /*margin-right:0;*/
								/*background-repeat:;A propriedade background-repeat estabelece se a imagem de fundo deve ou não repetir-se (formando um mosaico) e indica as direcções da repetição. Herdada: Não
Exemplo
body
{ 
background-image: url(stars.gif);
background-repeat: repeat-x
} 
Valores permitidos
Valor 	Descrição
repeat 	A imagem de fundo repete-se tanto na horizontal como na vertical (forma um mosaico).
repeat-x 	A imagem de fundo repete-se apenas na horizontal.
repeat-y 	A imagem de fundo repete-se apenas na vertical.
no-repeat 	A imagem de fundo não se repete (é desenhada uma única vez).*/

}

#top{
 /*margin-left:0;*/
	/*display: ;*/
	margin-top:0;/**/
	padding-left:0;
	padding-top:0;
	z-index:0; 
	width:auto;
	/*float:left;*/
	/*height:100px; Deixe sem nada se quiser que varie com o conteúdo que estiver dentro*/
	/*background:  url(fire/comp_fire03/backtop.gif) repeat-x 0px 1px;*/
	/*No caso de não se repetir*/background:  url(fire/comp_fire08/fundo_vinho_top.gif) right bottom no-repeat   ;
	/**/clear:both;
}

/*dentro de top: EM DESUSO, por enquanto*/
#topimage{
/*z-index:2;*/
float:right;/**/
position: relative;
margin-left:-100px;/**/
/*margin-top:50px;*/
/*width:30px;*/
/*height:130px;*/
}
/*dentro de top:EM DESUSO, por enquanto*/
#dtop0{
/*display: block;*/
/*z-index:2;*/
float:right;
/*position:relative;*/
/*margin-left:50px;*/
/*margin-top:50px;*/
/*width:30px;*/
height:30px;
}
#dtop1{/*Essa é a padrão para abrigar botões dentro de dtop 0 EM DESUSO, por enquanto*/
/*z-index:2;*/
/*position:relative;*/
/*margin-left:50px;*/
/*margin-top:50px;*/
/*width:30px;*/
height:30px;
}

/*desuso
#dtop2{
z-index:2;
position:relative;
margin-left:50px;
margin-top:50px;
width:30px;
height:30px;
}
*/
/*desuso
#dtop3{
z-index:2;
position:relative;
margin-left:50px;
margin-top:50px;
width:30px;
height:30px;
}
*/

#ger{/*o bloco que engloba as colunas de conteúdo do meio.*/
/*float: none;*/
margin-top:-1;/**/
position:absolute;
z-index:0; 
background: url(fire/comp_fire03/el_r3_c1.gif)  0px 0px;/*é DEFAULT. Lá na Div há declaração variável.*/ /*primeiro horizontal, segundo vertical*/
 /*background-image: url(images/cart.gif);*/
	/*background-repeat:repeat-y;*/
	/*margin-top:10;Nem Pensar*/
	/*margin-left:15;Nem Pensar*/
	/*padding-left:30;Nem Pensar*/
	width:100%; /*990Se não pôr nada, ele tendencia a se adaptar. Se pôr e não couber o que tem abaixo, ele vai jogar oque está organizado dentro para baixo*/
	/*background: url(fire/comp_fire02/ger1.gif) repeat-y;*/ /*15px 20px;primeiro horizontal, segundo vertical*/
	/*background-position:15px 20px ;top left*/
	
/*Engloba as que estão embaixo, suas peculiaridades de suas classes, etc*/
   
}

#ger_back{ /*Sem uso no momento*/

/*Com tamanho exato de list1, neste caso de tamanho fixo na altura de main, não precisa se expandir se esticando para baixo(o que teria que ser feito por ger, num caso normal sem overflow*/
position:absolute;
z-index:-1; /*(css2)O valor por omissão da propriedade z-index é 0.
	A imagem tem o z-index com valor -1, pelo que
	a sua prioridade é inferior. Por isso ela
	aparece atrás do restante conteúdo.*/
	width:220px;
	height:350px;
	/*float:left;*/
	/*left:0;*/
	margin-top:15;
	margin-left:15;
	background: url(fire/comp_fire02/ger1.gif) repeat-y 0px 0px/**/ /*;primeiro horizontal, segundo vertical*/
}

/* usamos a propriedade margin para abrir espaços para as colunas laterais */

#main { /*o bloco específico para a coluna conteúdo req_center*/
z-index:0; 
        
/*também se usa:float:right; bpara que a barra flutue a direita etc...*/
        
								
								float:left;/*Define o lugar onde uma imagem ou bloco deve aparecer dentro de outro elemento.left 	O elemento flutua para a esquerda do conteúdo do elemento que o contém
right 	O elemento flutua para a direita do conteúdo do elemento que o contém
none 	Não há flutuação. O elemento é apresentado no local em que aparece.*/
								/*margin-top:10;Vai ajustar apartir do div que estão*/
								margin-left:0; /*Se usar overflow, desative*/
								
								/*align:left;*/
								width:53%;/* 530Ideal: regular por porcentagem e fazer leitura java do tamanho do browser para determinar o tamanho máximo das fotos e deste div. Se não há outro elemento que estique demais a estrutura...*/
								/*float:left;*/
        height:850px;/*Só use com overflow, abaixo, se não ele vai passar por cima ou por baixo do elemento que o contém*/
        overflow: auto; /*É legal, mas IE não executa direito. determine height se usar*/
        /*margin-right:70px;*/
								padding-top:20;/**/
        padding-left:40;/**/
        padding-right:30;/**/
								/*clear:;Define os lados de um elemento dentro do qual não são permitidos elementos flutuantes As posições em que ficam elementos como imagens, texto e outros variam com o tamanho da janela do browser, com o tamanho de letra usado e com outros factores. Por isso dizemos que eles são elementos flutuantes. A propriedade clear impõe restrições na colocação dos elementos flutuantes. Herdada: Não. left 	Não são permitidos elementos flutuantes no lado esquerdo
right 	Não são permitidos elementos flutuantes no lado direito
both 	Não são permitidos elementos flutuantes no lado esquerdo nem no lado direito
none 	São permitidos elementos flutuantes tanto do lado esquerdo como do direito*/
       /*display: block;*//*A propriedade display

A propriedade display define se um elemento deve ser apresentado e como deve ser apresentado.

Herdada: Não
Exemplos

p { display: block }

li { display: list-item }

table { display: table }

td, th { display: table-cell }

Valores permitidos
Valor 	Descrição
none 	O elemento não será apresentado
block 	O elemento será apresentado como se fosse um elemento de bloco, com uma mudança de linha antes e outra depois.
inline 	O elemento será apresentado como se fosse um elemento "inline" sem mudanças de linha antes nem depois da sua ocorrência.
list-item 	O elemento será apresentado como se fosse um item de uma lista
run-in 	O elemento será apresentado como um elemento de bloco ou como um elemento "inline" dependendo do contexto em que aparece.
compact 	O elemento será apresentado como um elemento de bloco ou como um elemento "inline" dependendo do contexto em que aparece.
marker 	 
table 	O elemento será apresentado como uma tabela (<table>), com mudanças de linha antes e depois.
inline-table 	O elemento será apresentado como uma tabela (<table>), mas sem mudanças de linha antes e depois.
table-row-group 	O elemento será apresentado como um grupo de linhas de uma tabela (<tbody>)
table-header-group 	O elemento será apresentado como um grupo de linhas do cabeçalho de uma tabela (<thead>)
table-footer-group 	O elemento será apresentado como um grupo de linhas do rodapé de uma tabela (<tfoot>)
table-row 	O elemento será apresentado como uma linha de uma tabela (<tr>)
table-column-group 	O elemento será apresentado como uma coluna ou mais colunas de uma tabela (<colgroup>)
table-column 	O elemento será apresentado como uma coluna de células de uma tabela (<col>)
table-cell 	O elemento será apresentado como uma célula de uma tabela (<td>)
table-caption 	O elemento será apresentado como uma legenda de uma tabela (<caption>)
*/

/*vertical-align:; A propriedade vertical-align define o alinhamento vertical do elemento e do seu conteúdo.Herdada: Não
Exemplo

img
{ 
vertical-align: bottom
}

Valores permitidos
Valor 	Descrição
baseline 	A linha de base (de baixo) do elemento é alinhada com a linha de base do elemento que o contém.
sub 	Alinha o elemento ligeiramente abaixo da posição normal (semelhante ao resultado que se obtém com o elemento <sub> do HTML.)
super 	Alinha o elemento ligeiramente acima da posição normal (semelhante ao resultado que se obtém com o elemento <sup> do HTML.)
top 	Alinha o topo do elemento o mais acima possível na linha a que pertence.
text-top 	Alinha o topo do elemento com o limite mais alto do texto na linha a que pertence.
middle 	Alinha o elemento a meia altura do elemento que o contém.
bottom 	Alinha o limite inferior do elemento o mais baixo possível na linha a que pertence.
text-bottom 	Alinha o limite de baixo do elemento (bottom) com o limite de baixo do texto na linha a que pertence.
% 	Alinha o elemento como uma percentagem do valor da propriedade line-height. São permitidos valores negativos.
*/

/*div  
{
width:150px;
height:150px;
overflow: scroll
} Num exemplo overflow(css2: Coloca barras para se ler o conteúdo caso ele exceda a área para qual foi determinado.visible 	Mostra todo o conteúdo. Uma parte será apresentada já fora da área do elemento a que pertence.
hidden 	O conteúdo é cortado. A parte que excede a área disponível não será mostrada.
scroll 	O conteúdo é cortado, mas o browser acrescenta barras de deslocamento (scrollbars) para que o restante conteúdo também possa ser visto se necessário.
auto 	Caso ocorra um corte no conteúdo por ele exceder a área disponível o browser deve acrescentar barras de deslocamento (scrollbars) para que o excedente também possa ser visto se necessário*/

/*z-index:-1; (css2)O valor por omissão da propriedade z-index é 0.
	A imagem tem o z-index com valor -1, pelo que
	a sua prioridade é inferior. Por isso ela
	aparece atrás do restante conteúdo.*/


}/*fecha main*/



#list1 {/* bloco de  coluna lateral esquerda  */
        
        z-index:0; 
        width:35%;
								float:left;
								left:0;
								margin-top:10;/**/
								margin-left:17;
								
}
/*E se for o caso, conteúdo aleatório:*/
div#aleat {
 margin-top:10;/**/
	margin-bottom:20;
	margin-left:55;
}


/*#list2 {
        right:0;
}



/*DEclarações para divs de conteúdo: texto e fotos:*/
div.divtexto-divfoto{
position:absolute;

} 

#divtexto{

 z-index:0; 
 clear:both;       
}


#divfoto{
 z-index:0; 
        
	float:left;/*right*/
	left:0;
	margin-top:20;/**/
	margin-left:0;
	margin-right:20;/*Neste caso ela já utiliza a margem direita que não coloca texto ao lado*/
	margin-bottom:20;
	clear:both;
}


#varbutton{
        left:0;
								margin-top:0;/**/
								margin-left:3;
								padding-left:10;
								padding-top:5;
								padding-bottom:5;
								padding-right:10;
								position:relative;
								width:auto;
								background:url(fire/comp_fire04/backbutton.jpg);
}



#rodape0{
 z-index:0; 
	position:relative;
	/*margin-left:7;*/
	/*margin-top:-1;*/
	width:%;
	padding-left:20;
	/*height:100px; Deixe sem se quiser que varie com o que está dentro.*/
	background: url(fire/comp_fire08/rodape0.gif) repeat-y 0px 0px;/**/
	clear:both;
}
#rodape {	/*quando tiver, clear vai empurra-lo para baixo.*/
	z-index:0; 
	position:relative;
	/*margin-left:7;*/
	/*margin-top:-1;*/
	width:auto;
	/*height:100px; Deixe sem se quiser que varie com o que está dentro.*/
	background: url(fire/comp_fire08/rodape_r1_c4.gif) repeat-x 0px 0px;/**/
	clear:both;
}/**/



/*Graças a sofisticação do rodapé lá tem 3 div clear both*/
#rod1{
 /*margin-left:0;*/
	/*margin-top:0;*/
	z-index:0; 
	/*height:100px; Deixe sem nada se quiser que varie com o conteúdo que estiver dentro*/
	background: url(fire/comp_fire07/base_baixo_r1_c2.gif) repeat-x 0px 0px;
	clear:both;
}
#rod2{
 /*margin-left:0;*/
	/*margin-top:0;*/
	z-index:0; 
	/*height:100px; Deixe sem nada se quiser que varie com o conteúdo que estiver dentro*/
	background:  url(fire/comp_fire07/base_baixo_part.gif) repeat-y 0px 0px;
	padding-left:25;
	clear:both;
}
#rod3{
 /*margin-left:0;*/
	/*margin-top:0;*/
	z-index:0; 
	/*height:100px; Deixe sem nada se quiser que varie com o conteúdo que estiver dentro*/
	background:  url(fire/comp_fire07/base_baixo_r3_c2.gif) repeat-x 0px 0px;
	clear:both;
}



/*Divs EXCLUSIVOS DE GALERIA:#################################*/
div#topgal{
margin-top:0;/**/
	padding-left:7;
	padding-top:5;
	z-index:0; 
	/*height:100px; Deixe sem nada se quiser que varie com o conteúdo que estiver dentro*/
	background:#850016;
	/**/clear:both;
}

div#leftgal{
 z-index:0; 
	width:120px;
	float:left;
	left:0;
	margin-top:10;/**/
	margin-left:20;
	
	height:450px;
	overflow: auto;
}

div#centergal{
 float:left;/*Define o lugar onde uma imagem ou bloco deve aparecer dentro de outro elemento.left 	O elemento flutua para a esquerda do conteúdo do elemento que o contém
right 	O elemento flutua para a direita do conteúdo do elemento que o contém
none 	Não há flutuação. O elemento é apresentado no local em que aparece.*/
	/*margin-top:10;Vai ajustar apartir do div que estão*/
	margin-left:0; /*Se usar overflow, desative*/
	
	/*align:left;*/
	width:450;/**/
	/*float:left;*/
	/*height:650px;Só use com overflow, abaixo, se não ele vai passar por cima ou por baixo do elemento que o contém*/
	/*overflow: auto; É legal, mas IE não executa direito. determine height*/
	/*margin-right:70px;*/
	padding-top:20;/**/
	padding-left:30;/**/
	padding-right:30;/**/
}

div#rodgal{
 z-index:0; 
	position:relative;
	margin-left:7;/**/
	margin-top:-1;/**/
	width:705;
	/*height:100px; Deixe sem se quiser que varie com o que está dentro.*/
	background:#850016 ;/**/
	clear:both;
}





/*Fecha Layout sem tabela:*/








/* Desaconselhável:
scrollbar {
 
 scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-darkshadow-color: #000000; 

}
textareas: sai da cor que o tiny precisa: branco. Se não tiver tiny, obedece:*/
textarea {
background-color:#FFFFFF;
}
input {
background: #FFFFFF; /* a cor do fundo dos três campos*/
/*border:1px dashed #ff9900;  uma borda de 1px tracejada e na cor laranja para o campo*/
}

/*links default*/

a:link {
	/*color:#616B6A; color:#330066; color:#757161;*/color: #FFFFFF;
	/**/font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}
a:visited {
	/*color:#888575;color:#6600CC*/color: #999480;
	/**/font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}
a:hover {
	color: #0093DD;
	/**/font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}
a:active {
	color: #C0A062;
	/**/font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}



a#a8:link {
	font-size: 10px; 
	font-weight: bold;
	
	color:#FFFFFF;
	background:#000000
}
a#a8:visited {
	font-size: 10px; 
	font-weight: bold;
	
	color:#FFFFFF;
	background:#000000
}
a#a8:hover {
	font-size: 10px; 
	font-weight: bold;
	
	color:#CCCCFF;
	background:#000000
}
a#a8:active {
	font-size: 10px; 
	font-weight: bold;
	
	color:#FFFFFF;
	background:#000000
}


/*Links específicos para áreas de cor n contrastante: Serve usado diretamente na tag a*/
a#a1:link {
	/*color:#616B6A; color:#330066;color:#F1F2E3; */color: #FCF8EA;
	/**/font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}
a#a1:visited {
	/*color:#888575;color:#6600CC*/color: #EDFAFC;
	/**/font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}
a#a1:hover {
	color: #E6DCAF;
	/**/font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}
a#a1:active {
	color: #EDD980;
	/**/font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}


/*links para administração:, antigo lin_01 DEIXE A PADRÃO se possível*/
a#a2:link {
	font-size: 12px; 
	font-weight: bold;
	font-style:normal;
	color:#FFFFFF;
	border-bottom-style:dashed;
	background-color:#C1AE75 ;
}
a#a2:visited {
	font-size: 12px; 
	font-weight: bold;
	font-style:normal;
	color:#FFFFFF;
	border-bottom-style:dashed;
	background-color:#C1AE75 ;
}
a#a2:hover {
	font-size: 12px; 
	font-weight: bold;
	font-style:normal;
	color:#6600CC;
	border-bottom-style:dashed;
	background-color:#C1AE75 ;
}
a#a2:active {
	font-size: 12px; 
	font-weight: bold;
	font-style:normal;
	color:#FFFFFF;
	border-bottom-style:dashed;
	background-color:#C1AE75 ;
}

/*Usando para links variáveis laterais*/
a#a3:link {
	/*color:#616B6A; color:#330066; color: #FFFFFF;*/color: #F0F0F0;
	/**/font-size:11px;
	font-weight:bold;
	/*text-decoration: underline;*/
}
a#a3:visited {
	/*color:#888575;color:#6600CC*/color: #FFFFCC;
	/**/font-size:11px;
	font-weight:bold;
	/*text-decoration: underline;*/
}
a#a3:hover {
	color: #CCCC99;
	/**/font-size:11px;
	font-weight:bold;
	/*text-decoration: underline;*/
}
a#a3:active {
	color: #C0A062;
	/**/font-size:11px;
	font-weight:bold;
	/*text-decoration:underline;*/
}




/*Links específicos para áreas de cor n contrastante: Serve usado diretamente na tag a*/
a#janelajava:link {
	/*color:#616B6A; color:#330066;color:#F1F2E3; */color: #616B6A;
	/*font-size:13px;*/
	font-weight:bold;
	text-decoration: underline;
	/*background:#3DB0E4;*/
}
a#janelajava:visited {
	/*color:#888575;color:#6600CC*/color:#DADAC5;
	/*font-size:13px;*/
	font-weight:bold;
	text-decoration: underline;
	/*background:#3DB0E4;*/
}
a#janelajava:hover {
	color:#FF9900;
	/*font-size:13px;*/
	font-weight:bold;
	text-decoration: underline;
	/*background:#3DB0E4;*/
}
a#janelajava:active {
	color: #FFFFFF;
	/*font-size:13px;*/
	font-weight:bold;
	text-decoration:underline;
	/*background:#3DB0E4;*/
}
/*form: lembrar bem, preenche área tracejada do form, não tabs sobre.
form {
	background-color: #000000;
	textarea:#000000;
	
}*/

/*TABELAS : default---------------------------------------------------------------------------*/
/*tabs no limite do espaço: */
table {
width:auto;/*
background:#000000;background sem nada deixará por conta da especificação body lá em cima*/
azimuth:left-side;
/*background:#000000;isso terá precedência a todas*/
/*border:groove;*/
}

<!--Mandamento para table específica #ID da table (id dela está dentro da tag)-->
table#rebel tr td{
width:346;/*
background:#000000;background sem nada deixará por conta da especificação body lá em cima*/
azimuth:left-side;
/*background:#000000;*/
/*border:groove;*/
}
table#rebel_1 tr td{

width:300;
/*
background:#000000;background sem nada deixará por conta da especificação body lá em cima*/
azimuth:left-side;
/*background:#000000;*/
/*border:groove;*/
}
table#rebel_2 tr td{
width:35;/*
background:#000000;background sem nada deixará por conta da especificação body lá em cima*/
azimuth:left-side;
/*background:#000000;*/
/*border:groove;*/
}
/*
td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}*/

/*LETRAS: Aplique direto nas letras, comece usando tags font! Letras não formatadas por tiny! -------------------------------------------
MODELOS: escolha alguns modelos ou crie outros, copie e dê o nome de difusão.*/

/*Nomes de Difusão:*/

/* titulos de conteúdo: Criei um div pra t´tulo só pra funcionar em explorer*/
div#tit{
 font-weight:bold;
	font-style:normal;
	/*color:#616B6A;*/color:#FFFFFF;
	font-size:15px;
}

/* informações técnicas adicionais:*/
comps{
 font-style:normal;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	background-color:#0093DD;
}

/* Letra Máxima, muita atenção:
lemax{}*/

/* notas de rodapé:
rod{}*/

/* citações:
cita{}*/

/*Textfiels discretos: login em página de entrada
tex_dis{

background-color:#000000;
}*/


/* links nível 1: LEMBRE-SE : Uma vez definidos cor e tamanho em <a>, você só muda apetrechos.
lin_1{
 font-size: 12px; 
	font-weight: bold;
	font-style:normal;
	color:#FFFFFF;
	border-bottom-style:dashed;
	background-color:#C1AE75 ;
}
*/
/* links nível 2: uso para acesso a galerias, por exemplo*/
lin_2{
 font-size: 12px; 
	font-weight: bold;
	font-style:normal;
	color:#FFFFFF;
	border-bottom-style:double;
	
}

/* links nível 3: discretos 
lin_3{
 
}*/


a#link_pequeno:link {
	color:#CBB49E;
	/**/font-size:9px;
	font-weight:bold;
	text-decoration: underline;
}
a#link_pequeno:visited {
	color:#CBB49E;
	/**/font-size:9px;
	font-weight:bold;
	text-decoration: underline;
}
a#link_pequeno:hover {
	color:#FF9900;
	/**/font-size:9px;
	font-weight:bold;
	text-decoration: underline;
}
a#link_pequeno:active {
	color: #FFFFFF;
	/**/font-size:9px;
	font-weight:bold;
	text-decoration: underline;
}

/*letras vermelho escuro itálicas bold*/
lebvi {
 font-size:12px; 
	font-weight:bold;
	font-style:italic;
	color:#CC0000;
}

/*letras branco bold sem itálico com background vermelho*/
lebb {
 font-size: 12px; 
	font-weight: bold;
	font-style:normal;
	color:#FFFFFF;
	border-bottom-style:dashed;
	background-color:#CC0000;
}

/*letras branco bold menores*/
lebb_ {
 font-weight: bold;
	font-style:normal;
	color:#FFFFFF;
	font-size:10px;
}

/*letras branco sem itálico*/
leb {
 font-style:normal;
	color:#616B6A;
	font-size:12px;
	font-weight:normal;
}

/*letras branco itálico*/
lebi {
 font-style:italic;
 color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
}

/*letras branco itálico menores*/
lebi_ {
 font-style:italic;
 color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
}

/*letras branco sem itálico com fundo cinza escuro*/
lebce {
 font-style:normal;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	background-color:#666666;
}

/*letras pretas sem itálico com fundo branco*/
lepb {
 font-style:normal;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	background-color:#FFFFFF;
}

/*letras vermelhas sem itálico com fundo branco*/
lepb {
 font-style:normal;
	color:#CC0000;
	font-size:12px;
	font-weight:normal;
	background-color:#FFFFFF;
}

/*letras pretas sem itálico com fundo vermelho*/
lepb {
 font-style:normal;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	background-color:#CC0000;
	/*bela cor neutra: background:#F1F2E3*/
}



/*ALINHAMENTO: ---------------------------------------------------------------------------*/
/*Alinhamento de tabs, esquerda topo:
 background-position:left,top;


/*Alinhamento de tabs, esquerda embaixo:
background-position:left,bottom;


/*Alinhamento de tabs, centro topo:
background-position:top,center;
*/



/*BORDAS: Copie e cole nas chaves de fontes ou da tables-----------------------*/
/*borda vermelho sangue tamanho 1
border-color:#CC0000;
border-width:thin;
border:solid;
*/


/*borda branca tamanho 1
border-color:#FFFFFF;
border-width:thin;
border:solid;
*/

/*borda preta tamanho 1
border-color:#000000;
border-width:thin;
border:solid;
*/





/*################################################################################################
EXEMPLOS. Padrões de Elementos da página já recebem tratamento aqui. td, tr, th Você pode agir diretamente no texto. padrões para tabs nada feito; para todas ou nenhuma
para em algum momento escapar de padrão, declare ou redeclare para aquela página ou momento.
*/


/*


body {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #336699;
}


.title {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
	line-height: 30px;
  background-color: #006666;
	color: #DCDCDC;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #006666;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
  color: #DCDCDC;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
  background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}

a:hover {
	text-decoration: underline;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

*/