/* CSS Document */
body{
margin-left:0px;
margin-bottom:0px;
margin-top:0px;

}

.border_principal{border:1px solid #666666;}

.haccordion .header, .haccordion .content{
			float: left;
			height: 506px;
		}
		
		.haccordion .header{
			width: 32px;
			color: #000;
			cursor: pointer;
			border:0px #000 solid;
		}
		
		.haccordion .open{
		visibility:visible;}
		
		.haccordion .content{
			display: none;
			width: 0px;
			overflow: auto;
		}
		
		.haccordion .content p{
			margin: 5px;
		}
		
		.bg1{ background:url(../images/menu1.gif);}
		.bg2{ background:url(../images/menu2.gif);}
		.bg3{ background:url(../images/menu3.gif);}
		.bg4{ background:url(../images/menu4.gif);}
		.bg5{ background:url(../images/menu5.gif);}
		.bg6{ background:url(../images/menu6.gif);}
		.topo{
			background-color:#FFFFFF;
			width:1060px;
			text-align:center;
		}
		
		/* estilizando o ID caixa */
#caixa {
width: 147px; /* definindo a largura */

background-color: #FFF; /* definindo a cor de fundo*/

/* Agora iremos utilizar aquela imagem que criamos "rodape.gif" */

/* definindo a imagem de fundo, que ficará em baixo no rodapé e não se repetirá */

background-image: url(images/rodape.jpg); background-repeat: no-repeat;
background-position: bottom;

padding-bottom: 19px;

}

#caixa h1 {
background-image: url(images/topo.jpg);
background-repeat: no-repeat;
background-position: top;
font-family:Arial;
font-size:18px;
margin: 0px;
padding: 6px;
color: #FFF;
text-align: center;
}

/* Estilizando o parágrafo, nesta tag iremos estilizar inserindo bordas laterais do mesmo tamanho da borda criado nas figuras "rodape.gif" e "topo.gif" (5 pixels) e obviamente a mesma cor também (Preto - #000000) */

#caixa p {
font-family:Arial;
font-size:12px;
color:#FFFFFF;
border-left: 0px solid #000;
border-right: 0px solid #000;
margin:0px;
padding: 9px;
padding-top: 0px;
}
#meio{
background:url(images/bg_laranja_tb.jpg);}


#caixa2 {
width: 167px; /* definindo a largura */

/* definindo a cor de fundo*/

/* Agora iremos utilizar aquela imagem que criamos "rodape.gif" */

/* definindo a imagem de fundo, que ficará em baixo no rodapé e não se repetirá */

background-image: url(images/rodape2.jpg); background-repeat: no-repeat;
background-position: bottom;

padding-bottom: 15px;
border:0px solid #000000;

}

#caixa2 h1 {
background-image: url(images/topo2.jpg);
background-repeat: no-repeat;
background-position: top;
font-family:Arial;
font-size:12px;
margin: 0px;
padding: 6px;
color: #FFF;
text-align: center;
}

/* Estilizando o parágrafo, nesta tag iremos estilizar inserindo bordas laterais do mesmo tamanho da borda criado nas figuras "rodape.gif" e "topo.gif" (5 pixels) e obviamente a mesma cor também (Preto - #000000) */

#caixa2 p {
font-family:Arial;
font-size:12px;
color:#FFFFFF;
border-left: 0px solid #000;
border-right: 0px solid #000;
margin:0px;
padding: 9px;
padding-top: 0px;
text-align:left;
}
#meio2{
background:url(images/bg_verm_tb.jpg);}
		
.borda{border:solid 1px #000000;}
		
.titulomenu{
font-family:Arial;
font-size:30px;
color:#669933;
font-weight:bold;
text-decoration:none;}

.titulomenu_laranja{
font-family:Arial;
font-size:30px;
color:#FF6600;
font-weight:bold;}

.titulomenu_vermelho{
font-family:Arial;
font-size:30px;
color:#CC3300;
font-weight:bold;}

.titulomenu_verde{
font-family:Arial;
font-size:30px;
color:#336633;
font-weight:bold;}

.submenu{
font-family:Arial;
font-size:11px;
color:#669933;}

.submenu_home{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#669933;}

.texto{
font-family:Arial;
font-size:12px;
color:#000;}

.rodape{
font-family:Arial;
font-size:11px;
color:#000;}

.button{
width:70px;
height:20px;
background-color:#FF9933;
font-family:Arial;
font-size:11px;
color:#FFFFFF;
border:1px solid #FFFFFF;
font-weight:bold;
cursor:pointer;
}

#caixa h2 {
background-image: url(images/topo.jpg);
background-repeat: no-repeat;
background-position: top;
font-family:Arial;
font-size:16px;
font-weight:normal;
margin: 0px;
padding: 6px;
color: #FFF;
text-align: center;
}

a.submenu:link {font-family:Arial;
font-size:11px;
color:#669933;text-decoration:none;}
a.submenu:visited {font-family:Arial;
font-size:11px;
color:#669933;text-decoration:none;}
a.submenu:hover {font-family:Arial;
font-size:11px;
color:#336600;text-decoration:none;}
a.submenu:active {font-family:Arial;
font-size:11px;
font-weight:bold;
color:#FF6600;
text-decoration:none;}


a.submenu_home:link {font-family:Arial;
font-size:12px;
color:#669933;text-decoration:none;}
a.submenu_home:visited {font-family:Arial;
font-size:12px;
color:#669933;text-decoration:none;}
a.submenu_home:hover {font-family:Arial;
font-size:12px;
color:#336600;text-decoration:none;}
a.submenu_home:active {font-family:Arial;
font-size:12px;
font-weight:bold;
color:#FF6600;
text-decoration:none;}



#amarelo{
opacity: .5; filter: alpha(Opacity=40); -khtml-opacity: .4;
visibility:hidden;
position:absolute;
width: 446px; 
height:170px;
background-color:#FF3300; 
border: 1px solid #CCC;
}
.ti_consult{
font-family:Arial;
font-size:14px;
color:#FF6600;
font-weight:bold;
}
.texto_consult{
font-family:Arial;
font-size:12px;
color:#000;
}
.bot_mais{
margin-left:3px;
background-color:#CC6633;
border:0px solid;
font-family:Arial;
font-size:12px;
color:#FFF;
cursor:pointer;
}
.const{
font-family:Arial;
font-size:24px;
color:#CC0000;
}

.fale{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#336633;
}

.fale_resp{
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#336633;
}

.form{
background-color:#CCCCCC;
border:1px solid #666666;
font-family:Verdana;
font-size:11px;
}

.formtexto{
}

.botao_form {
background-color:#336633;
font-family:Arial;
font-size:12px;
color:#FFFFFF;
border:1px solid #336633;
}

.texto_fale{
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#336633;
}


.botao_menu{
width:32px;
height:506px;
cursor:pointer;
border:0px;}

.link_branco{
font-family:Arial;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}
#deposito{
margin-left:70px;}


#boleto{
margin-left:70px;}

#framescroll{
padding:50px;
}