@charset "utf-8";
/* CSS Document */

				/******************************IDS DE LAYOUT*****************/
				/*************************************************************/
							
				
/*ID CONTENT */


#content {  
  height: 100%;
  min-height: 100%;
  text-align: left; 
}


#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
  margin: 0 auto;
}

#content[id],
#width[id] {
	width: 94%;
	height: auto;
}


/**ID PAGE **/

#page {
	position:relative;
	width:100%;
	height:100%;
	
}

/***ID COLUNA A***/
/*contém menu lateral formatado mais abaixo  */
/*contém tb sinalizador de menu tb abaixo*/
/************************************************************ACHTUNG! POSICAO ALTERADA PARA ABSOLUTA, TEM Q VOLTAR para fixed NO FINAL*****/

#columnA {
	position:fixed;
	left:5%;
	top:0;
	background-color: #666666;
	width:25%;
	min-width: 250px;
	}
	
#columnA-off {
	position:absolute;
	left:5%;
	top:0;
	background-color: #666666;
	width: 250px;
	/***teste de altura***/
	height:100%;
	
	}

	
	

/***ID COLUNA B***/
/* contém logotipo, menu principal e texto principal e aumentador de fonte**/
/*******************************ACHTUNG! width alterada, TEM Q VOLTAR NO FINAL*********************************************************************************DISPENSAR RIGHMENUBOX?*****/


#columnB {
	position:absolute;
	left:300px;
	top:0;
	height:100%;
	min-width:67%;
	max-width:750px;
	}
	

#columnB-off {
	position:absolute;
	left:300px;
	top:0;
	height:100%;
	width:700px;
}	




	
#rightmenubox{
	height	: 30px;
	width	: 160px;
	float: right;
	border: 1px  solid #CCCCCC;
	right: 100px;
}


/****ID LOGO para logotipo ****/

#logo {
	position:absolute;
	top:0;
	left:3px;
	width:100%;
	height:120px;
	background-color: #666666;
	}
	

	
/****ID MAIN MENU****/
/*formatacao do menu mais abaixo**/
#mainMenu {
	position:absolute;
	top:120px;
	width:100%;
	height:52px;
	z-index:10;
	background-image:url(../imagens/menu_bar_tr.png);
	}
	
/****ID TEXT BOX ****/
#textBox {
	position:absolute;
	left:0;
	top:162px;
	width:100%;
	height:auto;
	}


			/***id THE TEXT CONTÉM A MAIOR PARTE DOS TEXTOS  E CLASSES DE TEXTOS***/
			
			
#theText {
	position:absolute;
	top:10px;
	left:0;
	width:95%;
	padding:10px;
	border-width:2px 6px 6px 2px;
	border-style:solid;
	border-color:#333  #000  #000  #333;
	background-color:#CCCCCC;
	/*teste*/
	
	border-width:1px 6px 6px 1px;
	border-style:solid;
	border-color:#333  #000  #000  #333;
	
	}
	
	.ornato1 {
	background:#CCCCCC url(../imagens/orn_01.png) repeat-y left  top;
	background-image:url(../imagens/orn_01_small.png);
	
	}
	
	
	
	
                                            																		  /*theText headings*/
		
#theText h1,h2,h3,h4,h5,h6 {
	color:#005200;
	margin:5px;
	}
	
#theText h1,h2,h3 {
	color: #000000;
	background:#CCCCCC url(../imagens/pixelccc.png) repeat;
	margin:0;
	padding-left:30px;
	}

#theText h1 {
	text-transform:uppercase;
	padding-left:10px;
	letter-spacing:1px;
	font-size:36px;
	}
	
#theText h2 {
	font-size:28px;
	padding-bottom:10px;
	border-bottom:#000000 1px solid;
	}

#theText  h3 {
	font-size:24px;
	border-bottom:#000000 1px solid;
	padding:5px  5px  10px 30px;
	background: url(../imagens/orn_01_h3.png) no-repeat left top;
	}
	
	
#theText h4 {
	font-size:  20px;
	background-color:#FFFFE8;
 	color:#000000;
	margin:2px 10px 0 30px;
	padding: 10px  0  10px  30px;
	
	}
	
	
#theText h5 {
	font-size:  16px;
	background-color:#FFFFE8;
 	color:#000000;
	margin:2px 10px 0 30px;
	padding: 10px  0  10px  30px;
	
	}

	
	                                                                                                                        /*theText paragraphs*/	
#theText p {
	font:normal normal normal 13px/20px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFE8;
	margin:0 10px 0 20px;
	text-indent:20px;
	border-right:#660000 solid 1px;
	padding:0 10px;
	/*teste*/
	margin-left:30px;
	border:none;
	}
	
	
#theText p.noborder {
	border-right:0;
	}
	
#theText p.saibamais {
	text-align:right;
	font-size:10px;
	padding:0 20px 10px 10px;
	border:none;
		
	}
	
	
#theText p.citacao {
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	padding:0 30px;
	text-align:justify;
	text-indent:0;
	}
	
#theText p.small {
	font:normal normal normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	}
	

#theText p.visualize {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	text-indent:0;
	background:#FFFFE8 url(../imagens/Computer-icon.png) no-repeat 15px 0;
	padding: 10px  10px  10px  70px;

	}

#theText p.baixe {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	text-indent:0;
	background:#FFFFE8 url(../imagens/Computer-icon.png) no-repeat 15px 0;
	padding: 10px  10px  10px  70px;
	
	background:#FFFFE8 url(../imagens/Rar-icon.png) no-repeat 15px 0;

	}



	
/**deletar se nao for usada logo;  conferir se tem uso**/
	
#theText p.leiamais {
	background:#ffffe8 url(../descontinuados_junho2009/gifs/next.gif) no-repeat 99% 90%;
	text-align:right;
	font-size:10px;
	padding:0 20px 10px 10px;
	}



																												/*theText lista  definicao*/

#theText dl {
	background-color:#ffffe8;
	margin:0 10px 0 20px;
	margin-left:30px;
	font:small-caps  bold normal 13px/20px Verdana, Arial, Helvetica, sans-serif;
	
	
	/**teste**/
		font:normal  bold normal 13px/20px Verdana, Arial, Helvetica, sans-serif;


	}
	
#theText dt {
	padding-left:20px;
	}
		
#theText  dd{
	text-indent:0;
	font:normal normal normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;

	}

																													/****theTextlista ul simples*/



#theText ul.simples {
	margin: 0 10px 0 20px;
	padding: 0 10px;
	background-color:#FFFFe8;
	/*teste*/
	margin-left:30px;
	padding-right:30px;
}




#theText ul.simples li {
	display:block;
	background:#ffffe8 url(../descontinuados_junho2009/gifs/asterix.gif) no-repeat 20px 5%;
	padding-left:40px;
	font:normal normal normal 13px/20px Verdana, Arial, Helvetica, sans-serif;
	
	/*teste*/
	background:#FFFFE8 url(../imagens/orn_lista_simples.png) no-repeat 20px  5%;
	}
	
	


																					/*outros elementos dentro de theText*/

#theText cite {
	text-indent: 0;
	text-align:justify;
	padding: 20px;
	margin: 5px;
	font:normal normal normal .85em/1em  "Courier New", Courier, monospace;
	text-indent:-10px;
	font:normal bold normal 1em/4em  "Courier New", Courier, monospace;
	font: normal normal normal 1em/1.5em  "Times New Roman", Times, serif;

}








/**************SINALIZADORES DE MENUS ********************/
/*sinaliza no topo da pagina ah direita*/
							
#sinalizadorTop {
	font:normal normal bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float:right;
	text-transform:uppercase;                           
}


 /*sinaliza o topo do menu lateral, coluna A*/
  
#sinalizadorLeft {
	font:normal normal bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-align:center;
	clear:both;
	text-transform:uppercase;                           
	color:#FFF;
	margin-right: 5px;
	padding-bottom:15px;
	background:#666   url(../descontinuados_junho2009/gifs/black.gif)  repeat-x   top left;	

}



/************************MENU LATERAL, contido em ID COLUNA A****/
/*****************************************************************/

ul.sideMenu {
	margin: 0;
	padding: 0;
	clear:both;
	border: 2px solid #000000;   
	margin-right:5px; 	
	}
	

.sideMenu li {
	display: inline;
	/* Needed since IE fails when you give it list-style: none; */  
    list-style-image: url(../../css/images/bg/inexistente.gif);
	font: normal normal bold 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 2px;
	text-transform:uppercase;				
	text-align:center;
	}

.sideMenu li a {
  display: block;
  text-decoration: none;
  color: #CCC;
  font-weight:normal;
	border-top:1px solid #000;

} 

.sideMenu li a:hover {
	color: #00CC00;
	background:#5F5F5F;
	margin-right:0;
} 


/* Active menu item */

 /** elemento  indicador de  sub-sub-menu, mais elementos de sub-sub abaixo**/

.sideMenu li.here {
	display: block;
	margin:0;
	letter-spacing:1px;
	font-size:10px;  	
	border-top:#000 1px solid;
	background-color:#333333;
	
	background-color:#555555;
	
	background-color:#444444;
	
}
		
/* Submenu of active menu item */
.sideMenu li.here ul {
	margin: 0;
	border:none;
	
	}

	
/*** elemento da primeira linha ****/

.sideMenu li.here ul li.special{
	display:block;
	text-align: center;
	padding: 1px 0;
	color:#006600;
	border-top:1px solid #000;
	background-color:#cccccc;
	letter-spacing:1px;
	font-size:9px;

}

/*demais elementos do  sub-menu ativo*/

.sideMenu li.here ul li a {
	color:#FFF;
	line-height:12px;
	padding:0 5px  0  18px;
	text-transform:none;
	text-align:left;
	border:0;
	font-weight:bold;
	letter-spacing:.5px;
	text-indent:0;
	font-size:9px;
	background:#666   url(../descontinuados_junho2009/gifs/item.gif)  no-repeat  3px bottom;

}

.sideMenu li.here ul li a:hover {
	color: #00cc00;
		background:#5F5F5F   url(../descontinuados_junho2009/gifs/item_over.gif)  no-repeat  3px bottom;
}


/*para sub-subs*/
/*este elemto deve ser usado para indicar que existe um sub-menu abaixo do item em questao*/

.sideMenu li.here ul li.subsub a {

	background-image:none;
	letter-spacing:1px;
	font-size:9px;
	text-align:center;
	}
	
	





/*para itens numerados*/


.sideMenu li.here ul li.nr a {
	color:#FFF;
	line-height:12px;
	padding:0 5px 0 25px;
	text-transform:none;
	text-align:left;
	border:0;
	font-weight:bold;
	letter-spacing:.5px;
	text-indent:-16px;
	font-size:10px;
	background:#666;
}

.sideMenu li.here ul li.nr a:hover {
	color: #00cc00;
		background-color:#5F5F5F;	
}



/*****BOTTOM MENU*/
/*no mesmo bloco que MENU LATERAL, contem voltas*/

#bottomMenu {
	float:left;
	width:100%;
	clear:both;
	}																																				


ul.bottomMenu {
	margin: 5px 0  0  0;
	padding: 0;
	}
	

.bottomMenu li {
	display: inline;
	/* Needed since IE fails when you give it list-style: none; */  
    list-style-image: url(../../css/images/bg/inexistente.gif);
	font: normal normal normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-transform:uppercase;	
	}


.bottomMenu li a {               /*originalmente display block*/
  text-decoration: none;
  color: #CCC;
  font-weight:normal;
  float:left;
} 
														
.bottomMenu li a:hover {
	color: #00CC00;
} 
																																																																					

.bottomMenu li.volta a {
	padding: 0 15px;
	background:url(../descontinuados_junho2009/gifs/volta.gif) no-repeat  0 50%;
	text-align:left;	
	
	
} 	

.bottomMenu li.volta a:hover {
	background:#5F5F5F  url(../descontinuados_junho2009/gifs/volta_over.gif) no-repeat 0 50%;

} 																																				
		
		
.bottomMenu li.topo a {
	padding: 0 15px;
	background:url(../descontinuados_junho2009/gifs/top.gif) no-repeat 97% 50%;
	text-align:right;	
} 	

.bottomMenu li.topo a:hover {
	background:#5F5F5F  url(../descontinuados_junho2009/gifs/top_over.gif) no-repeat 97% 50%;

} 																																						
																																						

/************************MENU PRINCIPAL, contido em ID MAIN MENU****/
/*****************************************************************/


#menu {
	width: 100%;
	background: #000;
	float: left;
}

										/****inventei esta classe *****//
#menu ul.home{
list-style: none;
margin: 0;
padding: 0;
width:5%;   
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width:16%;   /****largura original 12 em; original em width**/
float: left;
}

#menu a, #menu h2 {
font: bold 10px/16px verdana, arial, helvetica, sans-serif;
display: block;
margin:0 0 0 3px;
padding: 2px 3px;

}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
text-align:center;
}



#menu a {
text-decoration: none;
text-align:center;
text-transform: uppercase;					
	background-color:#CCCCCC;
	color:#000;
	border:1px solid #006600;
	border-top:none;



}

#menu a:hover {
color: #009900;
background: #fff;
}

																								/****acrescentei esta ID SINGLE  para inserir o item home**/																										
																								/**tem que ficar neste local da css para nao ser sobrepujado *****/
							
	
#menu h2.single {
font: bold 10px/16px verdana, arial, helvetica, sans-serif;
display: block;
margin:0 0 0 3px;
padding: 2px 3px;
}

#menu h2.single a: {font: bold 10px/16px verdana, arial, helvetica, sans-serif;}

#menu h2.single a:link {
color: #fff;
background: #000;
text-transform: uppercase;
text-align:center;
border:none;
font: bold 11px/16px verdana, arial, helvetica, sans-serif;
}


#menu h2.single a:visited {
color: #fff;
background: #000;
text-transform: uppercase;
text-align:center;
border:none;
font: bold 11px/16px verdana, arial, helvetica, sans-serif;
}

#menu h2.single a:hover {
	color:#00cc00;

}
	
	

	
																																	/**********************fim do id single******************/



#menu li {position: relative;
	}

#menu ul ul {
position: absolute;
z-index: 500;	                                 /*****acrescentei largura porque mudei #menu ul para %**************/
width: 100%;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



/*comeca script para ie*/


[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]

/*termina script para ie*/



/****ESTILOS AUXILIARES DO SCRIPT DE  VARIAR AS FONTES *************/

#changeFont {
	position:absolute;
	top:10px;
	right:10px;
	background-color:#333333;
	padding:5px;
}
.increaseFont, .decreaseFont, .resetFont {
	color:#CCCCCC;
	font-size:14px;
	float:left;
	margin:10px;
}




/****************************FOOTER ******************/


/*ainda nao consegui resolver satisfatoriamente*/
/*esquema pat nao funciona nas pags atuais*/
/*modifiquei o proximo item mas deixei o seguinte intacto*/

#footer {
	background-color:#000000;
	width:98%;
	height:auto;
	font-size:10px;
	color:#FFFFFF;
	
	font:normal normal normal 9px/16px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:1%;
	position:relative;
	


	}
	
	
	
	/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.85em;
  padding-top: 27px;
  
}



/****************EXPERIMENTO, DIV OCULTA *****/

#oculta {

	
	position:relative;
	visibility:hidden;
	width:650px;
	z-index:200;
	
	position:fixed;
	left:100px;
	top:100px;	
	
}

#oculta p {
	font:normal normal normal .85em/1.2em Georgia, "Times New Roman", Times, serif;
	border:none;
	margin:0;
	padding-left:10px;
	}
	
/**************** CLASSES GERAIS *********************************************************************************/
/********************fazer faxina**********/


.floatLeft {  float: left;  }

.floatRight {  float: right; }

.clearRight {	clear:right;}

.clearLeft {	clear:left;	}
	
.clearBoth {	clear:both;	}

.alignRight {text-align:right;}


.block {  display: block;}

.minusculas {
font-variant:normal;
text-transform:none;}

.legenda {
	color:#006600;
	font:normal  normal bold  10px/12px  Verdana, Verdana, Arial, Helvetica, sans-serif;
	margin: 0 30px 0 40px;
	padding: 0  10px;
	}
	



.inicial:first-letter {
	display:block;
	font:normal  normal bold  4em  "Courier New", Courier, monospace;
	color:#006600;
	margin-right:0.1em;
	line-height:100%;
	/*teste*/
	font:normal normal bold 28px Arial, Helvetica, sans-serif;
	margin-right:0;
}

/*desativar contorno Lista na versao maio 2009 ?***/	
.contornoLista {
	background-color:#ffffcc;
	margin:0 10px 0 20px;
	text-indent:0;
	border-right:#660000 solid 1px;
	padding-left:10px;
}	
	
/**nova versao para substituir contornoLista ***/
.fundoParaTabelas{
	background-color:#ffffe8;
	margin:0 10px 0 30px;
	text-indent:0;
	padding-left:10px;
}	

	
	
	
	/*sem uso?*/ 
	
.grey {color:#999999;}

.grey666 {color:#666666;}

.black {	color:#000000;}


.laranja {	color:#FFCC33;}

.red {	color:#FF3300;}
	
	
.small {	font-size: 0.8em;
				font-size:10px;}


.width75 {  width: 74%;}

.borda2 {	border:#000  2px  solid;	}

.borda4 {	border:#000  4px  solid;	}
		
	
.nobordergeral {   /*nao funcionou, descartar?*/
	border-right:0;
	}



				/***** para  fotos pequenas ****/

.widthPhotos {
	width:110px;
}

	
	
	

/**NOVIDADES DE MAIO 2009****************************/
/****************************************************TABELAS**********************************************/

table {
	font:normal  normal  normal 12px Arial, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	caption-side:top;
	
}


table caption {
	font:normal normal bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	/*teste*/
	padding:0;
}

/**nova classe de tabela, com contorno simples**/

table.contorno {
	border-collapse:collapse;
	border:#000 1px solid;
	
	}
	
table.contorno caption {
background-color:#00ff00;
		border:#000 1px solid;
		/*teste*/
		background:#CCCCCC url(../imagens/orn_01_small.png) no-repeat right top;
		}

table.contorno tr td { }


table.contorno th {
	text-align:left;
	background-color:#FFFF99;
	color: #000;
	text-transform: uppercase;
	padding:2px 8px  2px 20px;
	
	/*teste*/
	padding:0;
	margin: 0;	
	
	
}



table.contorno td {
	text-align:left;
	font-weight: bold;
	background-color: #FFE491;
	padding: 2px  2px  2px  20px;
	margin: 0px;
	/*teste*/
	padding:0;
	margin: 0;
	padding-left:10px;
}