p.titulo{
	font-size: small;	

}
body {
	font-family: Verdana;
	margin: 0;
	padding: 0;
	background:#f4f3ef;
	font-size:12px;
	

}
#principal {
	margin: auto;
	margin-top: 5px;
	margin-bottom:5px;
	width: 980px;
	background:#000;
	background:url(imgs/bg.gif);
	
}
/* ---------- Conteudo ---------- */

#conteudo {
    position:relative;
	float:right; 
	width: 990px;
	padding: 0px;
	color:#000;
	font-weight: normal;
	xbackground-image("imgs/bg.gif");
	xbackground:url(imgs/bg.gif);
	font-family:Arial, Helvetica, sans-serif;
	background:#ffffff;
}
#conteudo #central{
    position:relative;
    float:left;
	width:500px;
	height:500px;
	padding:2px;
	margin-left:152px;
	background-color:#CCCCCC;
	
}
#conteudo #linksp{
	xtext-align:left;
}
#conteudo #linksp a {
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	}
#conteudo #linksp  a:hover{
	font-weight:normal;
	color:#000000;
	text-decoration:underline;
	}
#conteudo #linksg {
	text-align:left;
	}
#conteudo #linksg a {
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	margin-left:10px;
	}
#conteudo #linksg  a:hover {
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
	}

#conteudo #central{
    position:absolute;
    float:left;
	width:830px;
	padding:2px;
	background-color:#CCCCCC;
	
}
#conteudo #rodape{
    float:left;
	position:relative;
	width:985px;
	margin:0px;
	background-color:#FFFFFF;
	height:38px;
	color:#053971;
	font-weight:bold;
	font-size:12px;
}
#conteudo #barra_superior{
	float: left;
	position:relative;
	width: 990px;
	height:40px;
	background-color:#1D5B2C;
	margin-top:-3px;
	border-bottom:1px solid #FFFFFF;
}
#conteudo #barra_superior #relogio{
	float: left;
	position:relative;
	width: 990px;
	height:40px;
	background-color:#1D5B2C;
	margin-top:-3px;
	border-bottom:1px solid #FFFFFF;
}
#conteudo #barra_superior #associado{
	float: left;
	position:relative;
	left:200px;
	top:-35px;
	color:#FFFFFF;
	
}
#info {
	position:relative;
	float:left;
	margin-top:2px;
	margin-bottom:8px;
	margin-left:12px;
	width: 790px;
	font-size: 12px;
	z-index:1010;
}
#associados {
    position:relative;
	float:left;
	width: 790px;
	font-size: 11px;
	margin-top:10px;
	margin-left:2px;
	text-align:left;
}
#associados #esq_associado {
	float:left;
	margin-top:2px;
	margin-left:2px;
	width: 230px;	
}
#associados #meio_associado {
	float:left;
	margin-top:2px;
	margin-left:2px;
	width: 230px;	
}
#associados #dir_associado {
	float:left;
	margin-top:2px;
	margin-left:2px;
	width: 203px;	
}
#associados a{
	color:#000;
	text-decoration: none;
	font-weight:normal;
}
#associados a:hover{
	color: #01396E;
	text-decoration:underline;
}
#associados #titulo{
	font-size: 13px;
	font-weight:bold;
	
}
#noticia {
	float:left;
	margin-top:2px;
	margin-bottom:-4px;
	margin-left:12px;
	text-align: justify;
	width: 670px;
	font-size: 12px;
	z-index:1000;
	xbackground-color:gray;
}
#noticia #txt{
	float:left;
	width: 408px;
	
	}
#noticia #titulo_noticia{
	float:left;
	width:670px;
	margin-top:20px;
	font-size: 25px;
	
	xbackground-color:green;
	
}
#noticia #img{
	float:left;
	margin-top:-26px;
	margin-bottom:-4px;
	margin-left:4px;
	text-align: justify;
	width: 250px;
	font-size: 12px;
	z-index:1000;
	xbackground-color:green;
}
#noticia #ultimasnoticias{
	float:left;
	margin-top:0px;
	margin-bottom:-4px;
	margin-left:12px;
	text-align: justify;
	width: 200px;
	font-size: 12px;
	z-index:1000;
	xbackground-color:green;
}

#info #slide_show{
	float:left;
	width: 345px;
	height:260;
	font-size: 11px;
	z-index:1000;
}

#info #barra_home {
	float:left;
	width: 555px;
	height:20;
	font-size: 11px;
	z-index:1000;
	background-color:#fff;
	border: 1px solid #F4F4F4;
	padding-left:4px;
}
#info #destaques_central {
	float:left;
	width: 326px;
	height:120;
	font-weight: normal;
	top:100px;
	margin-left:2px;
	text-align:justify;
	
}
#info #inicio_paginas {
	float:left;
	width: 680px;
	font-size: 12px;
	top:100px;
	margin-left:3px;
	text-align:justify;
}
#info #subbloco {
    position:relative;
	font-size: 11px;
	background:#000;
	top:260px;
}
#bloco2 {
	float:left;
	width: 688px;
	margin-top:15px;
	
}
#bloco2 #bloco2esq {
	float:left;
	width: 300px;
	padding:0px;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	height:120;
	margin-left:0px;
	text-align:justify;
}
#bloco2 #bloco2esq #img {
	float:left;
	width: 180px;
	height:113px;
	margin-left:0px;
	padding-right:5px;
	
}
#bloco2 #bloco2esq #txt {
	float:left;
	width: 210px;
	margin-left:0px;
}
#bloco2 #bloco2dir {
	float:left;
	width: 360px;
	border-bottom: 1px dotted #CCCCCC;
	top:100px;
	margin-left:5px;
	text-align:justify;
}
#bloco2 #bloco2dir #img {
	float:left;
	width: 180px;
	height:113px;
	margin-left:0px;
	padding-right:5px
}
#bloco2 #bloco2dir #txt {
	float:left;
	width: 210px;
	margin-left:0px;
}

#bloco3 {
	float:left;
	width: 688px;
	margin-top:26px;
	xborder-top:1px dotted #CCCCCC;
}
#bloco3 #bloco3esq {
	float:left;
	width: 300px;
	padding:2px;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	height:120;
	top:100px;
	margin-left:0px;
	text-align:justify;
}
#bloco3 #bloco3esq #img {
	float:left;
	width: 180px;
	height:113px;
	margin-left:0px;
	margin-top:10px;
	padding-right:5px;
	
}
#bloco3 #bloco3esq #txt {
	float:left;
	width: 210px;
	margin-left:0px;
}
#bloco3 #bloco3dir {
	float:left;
	width: 360px;
	border-bottom: 1px dotted #CCCCCC;
	top:100px;
	margin-left:5px;
	text-align:justify;
}
#bloco3 #bloco3dir #img {
	float:left;
	width: 180px;
	height:113px;
	margin-left:0px;
	margin-top:10px;
	padding-right:5px;
}
#bloco3 #bloco3dir #txt {
	float:left;
	width: 210px;
	margin-left:0px;
	padding:2px;
}
#blocoassociado {
	float:left;
	width: 800px;
	margin-left:0px;
	margin-top:26px;
	xborder-top:1px dotted #CCCCCC;
}
#blocoassociado #blocoassociadoesq {
	float:left;
	width: 400px;
	padding:2px;
	font-size: 11px;

}
#blocoassociado #blocoassociadodir {
	float:left;
	width: 200px;
	font-size: 11px;
	top:100px;
	margin-left:8px;
	text-align:justify;
}
#bloco4 {
	float:left;
	width: 688px;
	margin-left:0px;
	margin-top:26px;
	xborder-top:1px dotted #CCCCCC;
} 
#bloco4 #bloco4esq {
	float:left;
	width: 300px;
	padding:2px;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	height:120;
	top:100px;
	margin-left:0px;
	text-align:justify;
}
#bloco4 #bloco4esq #img {
	float:left;
	width: 180px;
	height:113px;
	margin-left:0px;
	margin-top:10px;
	padding-right:5px;
	
}
#bloco4 #bloco4esq #txt {
	float:left;
	width: 210px;
	margin-left:0px;
}
#bloco4 #bloco4dir {
	float:left;
	width: 360px;
	border-bottom: 1px dotted #CCCCCC;
	top:100px;
	margin-left:5px;
	text-align:justify;
}
#bloco4 #bloco4dir #img {
	float:left;
	width: 180px;
	height:113px;
	margin-left:0px;
	margin-top:10px;
	padding-right:5px;
}
#bloco4 #bloco4dir #txt {
	float:left;
	width: 210px;
	margin-left:0px;
	padding:2px;
}

/*-----------------         bloco 5 e 6 ----------- */


#bloco5 {
	float:left;
	width: 688px;
	padding:0px;
	margin-top:5px;
	border-top:1px dotted #CCCCCC;
}
#bloco5 #bloco5esq {
	float:left;
	width: 300px;
	padding:2px;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	height:120;
	top:100px;
	margin-left:0px;
	text-align:justify;
}
#bloco5 #bloco5esq #img {
	float:left;
	width: 180px;
	height:113px;
	margin-left:0px;
	margin-top:10px;
	padding-right:5px;
	
}
#bloco5 #bloco5esq #txt {
	float:left;
	width: 210px;
	margin-left:0px;
}
#bloco5 #bloco5dir {
	float:left;
	width: 360px;
	top:100px;
	margin-left:5px;
	text-align:justify;
}
#bloco5 #bloco5dir #img {
	float:left;
	width: 180px;
	height:113px;
	margin-left:0px;
	margin-top:10px;
	padding-right:5px;
}
#bloco5 #bloco5dir #txt {
	float:left;
	width: 210px;
	margin-left:0px;
	padding:2px;
}

#bloco6 {
	float:left;
	width: 688px;
	margin-left:0px;
	font-size: 11px;
	margin-top:26px;
	xborder-top:1px dotted #CCCCCC;
} 
#bloco6 #bloco6esq {
	float:left;
	width: 288px;
	padding:2px;
	font-size: 11px;
	margin-left:0px;
}
#bloco6 #bloco6dir {
	float:left;
	width: 288px;
	font-size: 11px;
	top:100px;
	margin-left:8px;
	text-align:justify;
}

#historia #fbn {
	float:left;
	width: 360px;
	top:100px;
	margin-left:5px;
	text-align:justify;
}
#historia #fbn #img {
	float:left;
	width: 400px;
	height:267px;
	margin-left:0px;
	margin-top:10px;
	padding-right:5px;
}
#historia #fbn #txt {
	float:left;
	width: 210px;
	margin-left:0px;
	padding:2px;
}


















#bloco7 {
	float:left;
	width: 688px;
	margin-left:0px;
	font-size: 11px;
	margin-top:5px;
	xborder-top:1px dotted #CCCCCC;
}
#info #barra {
	float:left;
	width: 680px;
	height:20;
	font-size: 11px;
	z-index:1000;
	background-color:#fff;
	border: 1px solid #F4F4F4;
	padding-left:4px;
}
/* ----------------------------------- HISTORIA ----------------------------------------------------------------------------------------*/

#historia {
    position:relative;
	float:left;
	width: 680px;
	font-size: 12px;
	margin-top:10px;
	margin-left:3px;
	text-align:justify;
}
/* ----------------------------------- SERVICOS PESSOA FISICA ----------------------------------------------------------------------------------------*/

#servicos_pf {
	float:left;
	width: 680px;
	font-size: 12px;
	margin-top:10px;
	margin-left:3px;
	text-align:justify;
}
#servicos_pf #esq{
	position:relative;
	width:200px;
	float:left;
}
#servicos_pf #meio{
	position:relative;
	width:200px;
	float:left;
}
#servicos_pf #dir{
	position:relative;
	width:250px;
	float:left;
	text-align:left;
}
#servicos_pf #base{
	position:relative;
	width:680px;
	float:left;
	top:8px;
	text-align:justify;
}
#servicos_pf #cartao {
	float:left;
	width: 180px;
	height:113px;
	margin-left:0px;
}
#servicos_pf #txtcartao {
	float:left;
	width: 210px;
	margin-left:0px;
}
#servicos_pf p {
line-height:200%;
}
#servicos_pf a{
	color:#000000;
	font-weight:bold;
	display:block;
}
/* --------------------------------------- TOPO --------------------------------------------------------------------- */
#topo {
	position:relative;
	color:#000;
	height:15px;
	font-size:11px;
	list-style:none;
	margin-top:0;
	top:0;
	/* com normas e regulamento --left:584px;-- -- */
	left:598px;
	width:410px;
	
}
#topo a {
	
	text-decoration: none;
	font-weight:normal;
	padding-left:24px;
	
}

#topo a:hover {
	background-color: #fff;
	text-decoration:underline;
}

#menulateralesq {
	position:relative;
	width: 163px;
	float:left;
	color:#000;
	
	background-color:#F8F8F8;
	margin-top:2px;
	margin-left:0;
	border-bottom:hidden;
}

#menulateralesq h1 {
   color:#000000;
   font-size:12px;
   font-weight:bold;
   text-align:center;
}

#menulateralesq h2 {
   color:#000000;
   width:150;
   background-color:#009900;
   font-size:11px;
   margin-top:0;
   margin-bottom:0px;
   margin-right:5px;
   border-bottom:#CCCCCC;
   padding:2px;
   font-weight:normal;
}
#menulateralesq #seta {
   background:url(template/imgs/seta_btns.png) no-repeat;
   margin-left:-1px;
}

#menulateralesq #links a {
    display:block;
	width: 136px;
	padding: 3px;
	padding-left:15px;
	border: 1px solid #ffffff;
	color:#000;
	text-decoration: none;
	background-color:#F8F8F8;
	font-size:11px;
	font-weight:normal;
	text-decoration: none;	
	margin-left:6px;
	background:url(template/imgs/seta_btns.png) no-repeat;
	
}
#menulateralesq #links a.seta {
    background:url(template/imgs/seta_btns.png) no-repeat;
	margin-left:-1px;
	margin-top:2px;
	
}

#menulateralesq #links a:hover {
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	border: 1px solid whitesmoke;
	text-decoration:underline;
	color: #000;
	padding: 3px;
	padding-left:15px;
	width: 136px;
}
#menulateralesq #linksacesso a {
    display:block;
	width: 153px;
	padding: 3px;
	color: #333333;
	text-decoration: none;
	background-color:whitesmoke;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	
	
}

#menulateralesq #linksacesso a:hover {
	padding: 0px 0px 0px 0px;
	background-color: #cccccc;
	color: #01396E;
	padding: 3px;
}
/* ------------------ PUBLICIDADE ----------------- */
#publicidade1 {
	width: 120px;
	height:380px;
	position:absolute;
	color:#000000;
	/*background-color:#eef3f0;*/
	top:218px;
	left:858px;
	/*border: 1px solid #333;*/
	border-left:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	padding:5px;
	xz-index:1100;
	
}
#publicidade1 li {
	list-style: none; float: left; height: 1%; 
}
#publicidade1 #pub1_image{
    position:absolute;
	left:10px;
	width:60px;
	height:40px;
}
#publicidade2 {
	width: 120px;
	position:absolute;
	color:#000000;
	top:686px;
	left:866px;
	border-bottom:hidden;
	xz-index:1100;
}
p#pub1_titulo{
	text-align:left;
	font-size:9px;
	font-weight:bold;
	border-bottom:1px dotted #CCCCCC;
	margin-top:-5px;
	vertical-align:top;
	
}
#publicidade {
	width: 120px;
	position:absolute;
	color:#000000;
	top:220px;
	left:870px;
	border-bottom:hidden;
	z-index:1100;
}

/* --------------------------------- Rodape ------------------------------------------------------------------------ */

#rodape {
    float:left;
	position: relative;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
}

#rodape h9 {
	font-size: 12px;
	color: #01396E;
	font-family:Arial, Helvetica, sans-serif;
}


#errologin {
font-weight: bold;
	color: #FF0000;
}
/********************** abre:CLASSES **********************************************/
 a{
	color:#000;
	text-decoration: none;
	font-weight:bold;
}
a:hover{
	color: #01396E;
	text-decoration:underline;
}
a.txt{
	color:#000;
	text-decoration: none;
	font-weight:normal;
}
a:hover.txt{
	text-decoration: underline;
}
p {
line-height:120%;
margin-top: 0;
margin-bottom: 0;
}
p.titulo{
	font-size:13px;
	font-weight:bold;
	margin-bottom: 1px;
}
.titulo{
	font-size:13px;
	font-weight:bold;
	margin-bottom: 1px;
}

.estilo1 {
	font-size: 9px
}
p#menulatesq{
	margin-left:5px;
	font-weight:bold;

}
/********************** fecha:CLASSES **********************************************/

/*******************************************************************************/

 MENU SUPERIOR tutorial by micox

 
* menu horizontal */
.menu-hh { display: table; z-index:1100; }

.menu-hh * { margin: 0; padding: 0;}

.menu-hh a { display: block; }

.menu-hh li { list-style: none; float: left; height: 1%; }

.menu-hh li ul { position: absolute; visibility: hidden; white-space: nowrap;}

/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .menu-hh li ul { width: 500px; }

.menu-hh li:hover ul, .menu-hh  li.over ul { visibility: visible;} /* a class  .over eh tecnica pro hover no IE */

.menu-hh li:hover ul li ul, .menu-hh li.over ul li ul{ visibility: hidden;}

.menu-hh li ul li:hover ul, .menu-hh li ul li.over ul{ visibility: visible;}

/* visual */
.menu-hh { background-color: #FFFF00; margin: 0 0 0 254px; height: 20px; z-index:1010;}

  .menu-hh a { font-weight:normal;; font-size:12px; text-decoration: none; color: #029240; padding: 0 15px; line-height: 20px; z-index:1100;}
  
  .menu-hh a:hover { text-decoration: underline; background-color: whitesmoke; z-index:1100; color: #000 ;}
  
  .menu-hh ul li ul { background-color: #FFFF00; color:#000000; border: 0px solid #000; /*-khtml-opacity:.9; -moz-opacity:.9; opacity:.9; filter:alpha(opacity=90, finishopacity=90, style=1); width:inherit; height:inherit; z-index:1100;*/}
  
 
.bk { display: table; width:990px; background-color:#FFFF00; margin-top:-2px; }
*******************************************************************************/