/*

isto eh uma classe que tem o nome de 'azul' 
.azul
{
   color:blue;
}
ex: <p class="azul">texto</p>

aqui agente aplica o mesmo efeito sobre todos os objetos p
p
{
   color:blue;
}
ex: <p>texto</p>
*/

.r
{
   text-decoration:none;
   margin:15px;
   font-size:11px;
   font-family: tahoma;
   color: #456077;
   text-align:right;
   
  
}
h1/*títulos do esquerda*/
{
   margin-left: 10px;
   font-size:14px;
   font-family: Verdana;
   color: #074983;
   font-weight: bold;  
   text-align:left; 
} 

.tl /*títulos do esquerda*/
{
   margin-left: 10px;
   font-size:14px;
   font-family: Verdana;
   color: #074983;
   font-weight: bold;  
   text-align:left;   
  
}
.tlp /*títulos do esquerda*/
{
   margin-left: 10px;
   font-size:13px;
   font-family: Verdana;
   color: #074983;
   font-weight: bold;  
   text-align:left;   
  
}
.trp /*títulos do esquerda*/
{
   margin-left: 10px;
   font-size:13px;
   font-family: Verdana;
   color: #074983;
   font-weight: bold;  
   text-align:right;   
  
}
.tcp /*títulos do esquerda*/
{
   margin-left: 10px;
   font-size:12px;
   font-family: Verdana;
   color: #074983;
   font-weight: bold;  
   text-align:center;   
  
}
.tc /*títulos do esquerda*/
{
   margin-top: 10px;
   font-size:14px;
   font-family: Verdana;
   color: #074983;
   font-weight: bold;  
   text-align:center;   
  
}
.pli /*paragrafo left*/
{
	font-size:12px;
	font-family: Verdana;
	color: #16324b;
	text-align:left;
	margin-left:10px;
	
}
.pl /*paragrafo left*/
{
	padding: 10px;
	font-size:12px;
	font-family: Verdana;
	color: #16324b;
	text-align:left;
	margin-top: 10px;
	margin-right: 10px;
}
h2 /*paragrafo left*/
{
	padding: 10px;
	font-size:12px;
	font-family: Verdana;
	color: #16324b;
	text-align:left;
	margin-top: 10px;
	margin-right: 10px;
}
.plb /*paragrafo left*/
{
	padding: 10px;
	font-size:12px;
	font-family: Verdana;
	color: #16324b;
	text-align:left;
	margin-top: 10px;
	margin-right: 10px;
	font-weight:bold;
}
.plm /*paragrafo left*/
{
	padding: 10px;
	font-size:13px;
	font-family: Verdana;
	color: #16324b;
	text-align:left;
	margin-top: 10px;
	margin-right: 10px;
}
.pcb /*paragrafo center negrito*/
{

	font-size:12px;
	font-family: Verdana;
	color: #0c2e4d;
	text-align:center;
	font-weight:bold;
	
}
.pc /*paragrafo center negrito*/
{
    margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
	font-family: Verdana;
	color: #0c2e4d;
	text-align:center;
	
}
  a:link {
color:#456077;
text-decoration:none;
}
a:visited {
color:#607281;
text-decoration:none;
}

body
{
	margin:0;
	padding:0;
	text-align:center; /* hack para o IE */
	height: 191px;
	width: auto;
	background-image:url(../img/fundo.gif);
	
	
}

#corpo
{

   margin:0 auto;			
   text-align:left; /* "remédio" para o hack do IE */
   width:800px;
}


#cabecalho
{  
   margin-left: 0px; 
   margin-right:0px ; 
   margin-bottom:0px;
   margin-top:30px;
   width:800px;
   height:100px;
   float:left;
  
 }

#principal
{
   margin:0 auto;
   width:800px;
   float:left;
   background-image:url(../img/corpo.gif);
   
}
#principalindex
{
 
   margin:0 auto;
   width:800px;
   float:left;
   background-image:url(../img/corpIndex.gif);
   
}

#brindex
{
	width:400px;
	float:left;
	

}
#zindex{
   width:399px;
   float:left;

}

#cindex
{
   
   width:800px;
   float:left;
   background-image:url(../img/crindex.gif);
}

#menu
{
   width:160px;
   float:left;
   
   
}
#conteudo
{

   width:640px;
   float:left;
}

#rodape
{
   width:800px;
   height:50px;
   float:left;
   background-image:url(../img/rodape.gif);
}
#rodape2
{
   width:800px;
   height:50px;
   float:left;
   background-image:url(../img/rodape2.gif);
}

/* Começo do menu drop-down com CSS */
ul
{
   margin: 0;
   padding: 0;
   list-style: none;
   width: 160px;
   border-bottom: 1px solid #ccc;
}

ul li
{
   position: relative;
}

li ul
{
   position: absolute;
   left: 159px;
   top: 0;
   display: none;
}

ul li a
{
   display: block;
   text-decoration: none;
   color: #456077;
   background: #fff;
   font-family:Verdana;
   font-size:10px;
   padding: 5px;
   border: 1px solid #ccc;
   border-bottom: 0;
}

a:hover
{
   background-color: #e9f3fc;
   color: #0c2e4d;
   font-weight:bold;
}

li:hover ul, li.over ul
{
   display: block; 
}

li:hover ul ul, li.over ul ul
{
   display:none; 
}

li:hover ul, li li:hover ul, li.over ul, li li.over ul
{
   display: block; 
}

.menuComposto
{
   background-image:url(../img/flecha.gif);
}

 
.menuComposto:hover
{
   background-image:url(../img/transparente.gif);
}
  


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/* Fim do menu drop-down com CSS */