/*body
{
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:auto;
	padding:0px;
	background:#ffffff;
}*/
body
{
    /*BACKGROUND-COLOR: #ffffff;
    BACKGROUND-POSITION: center;*/
    BACKGROUND-COLOR: #ffffff;
   /*BACKGROUND-POSITION: center;*/
    text-align: center;    
}

/*naveg botoes*/
#naveg_botoes ul
{
	margin: 0 0 0 0;
    padding: 0px 0px 0px 0px;
    list-style:none;
    display: block;
}

#naveg_botoes ul li
{
    padding: 0px 0px 0px 2px;
	float: right;
    display: block;
}

.naveg_botoesdiv {
	position : relative;
	float : left;
	padding-left : 9px;
	cursor: pointer;
	background : url(/images/estruturasite/img_tab_left.gif) no-repeat left top;
}

.naveg_botoesspan {
	display : block;
    /*cima, direita, baixo, esquerda*/
	padding : 3px 8px 3px 0px;
	background : url(/images/estruturasite/img_tab_right.gif) no-repeat right top;
	color : #ff6600;
	font-size : 20%;
}

.naveg_botoesdiv.current {
	padding-bottom : 1px;
	border-bottom : 0;
	background-position : 0 -150px;
}

.naveg_botoesspan.current span{
	padding-bottom : 1px;
	margin-bottom : -1px;
	background-position : 100% -150px;
}

#naveg_botoes li a
{
    color: #ffffff;
    text-decoration: none;
    font-family: verdana, arial;
    font-size: 10px;
    font-weight: bold;
    display: block;
}

#naveg_botoes li a.seleccionado
{
    color: #ff6600;
    text-decoration: none;
    font-family: verdana, arial;
    font-size: 10px;
    font-weight: bold;
    display: block;
}

/*naveg botoes*/

/*links laterais*/
.links_laterais
{
	width: 135px;
    border: solid 1px #ece9d8;	
	font-weight: 700;
	/*font-size: 10px;*/
    font-size: 10px;
	font-family: verdana;
    margin-bottom: 10px;
}
.links_laterais h3
{
	font-size: 100%;
	color: #fff;
	margin: 0;
	padding: 4px 0px 4px 0px;
	background: #fff url(/images/estruturasite/img_fundo_links_hp.gif) repeat-x top left;
}
.links_laterais h4
{
	font-size: 100%;
	color: #ff6600;
    border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	padding: 0px 0px 0px 0px;
}
.links_laterais ul
{
	margin: 0;
    /*cima, direita, baixo, esquerda*/
	padding: 0 0 0 0;
	list-style: none;
	border-bottom: solid 1px #fff;
}
.links_laterais ul li
{
	margin: 0;
    /*cima, direita, baixo, esquerda*/
	padding: 0 0 0 0;
	list-style: none;
	border-bottom: solid 1px #fff;
    width: 100%;
}
.links_laterais ul li a
{
	color: #000066;
	text-decoration: none;
    width: 100%;
}
.links_laterais ul li a:hover
{
	color: #000066;    
	text-decoration: underline;
    width: 100%;
}
/*links laterais*/

/*banners*/
#banner{
    font: 70% verdana;
    font-weight: 700;
    width: 610px;
    height: 131px;
	text-align: center;
	margin-top: 0px;
    background: #fff url(/images/estruturasite/img_px_cinza.gif) repeat-x bottom left;
}
/*banners*/

/*produtos area*/
#listaprodutosarea
{
	margin: 0;
    padding: 0;
    position: relative;
    float:left;
    width: 760px;
}
#imagemProdutosArea
{
	margin: 0;
    padding: 0;
    position: relative;
    float:left;
    width: 230px;
}
/*produtos area*/

/*destaques*/
#destaques
{
	margin: 0;
	float: left; /* float to fix a float */
    /*cima, direita, baixo, esquerda*/
	padding: 0px 10px 0 0;
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;
}
#destaques h3
{
	color: #ff6600;
	font-size: 100%;
	font-family: verdana;
	font-weight: 700;
	margin: 0px;
	padding: 0;
}
#destaques dl
{
	float: left; /* float to fix a float. o dl (container) nï¿½o sabe quanto ocupam os filhos */
	margin: 4px 0px 5px 0px;
	display: inline; /* necessï¿½rio porque ie/win duplica a margem no mesmo lado do float */
}

#destaques dt
{

	margin: 0 0 5px 0;
	float: right; /* para o titulo se ajustar ï¿½ direita */
	width: 246px;
	color: #000066;
	font-weight: 700;
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;	
}
#destaques dt a
{
    color: #000066;
	text-decoration: none;
}
#destaques dt a:hover
{
	text-decoration: underline;
}
#destaques dd
{
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;
	margin: 0 0 0 74px;
	padding: 0;
	color: #666666;
	font-size: 110%; /* repare-se o uso de percentagens */
}
#destaques dl dd.img
{
	margin: 0;
}
#destaques dd.img img
{
	float: left;
	margin: 0 10px 0 0;
}
/*destaques*/

/*footer*/
#footer {
    
    font-weight: 700;
	/*font-size: 10px;*/
    font-size: 10px;
	font-family: verdana;
	text-align: center;
	margin-top: 10px;
	} 
#footer li {
	display: inline;
	background: #fff url(/images/estruturasite/img_separador.gif) no-repeat 0em .25em;
	padding: 0 5px 0 12px;
	margin-top: 60px;
	white-space: nowrap;
	}
#footer li.first {
	background-image: none;
	}
#footer li a {
    color: #000066;
	text-decoration: none;
	}
#footer li a:hover {
	color: #000066;
	text-decoration: underline;
	}
/*footer*/

/*header*/
#header_topo
{
	width: 760px; 
	margin-left: 0;
	margin-right: 0;
	height: 36px;
	border: 0 solid #000066;
}

#header_logo img
{
	width: 86px;
	height: 36px;   
	margin: 0 10px 0 0;
	float: left;
}

/* idiomas (empresas)*/
#header_bandeiras
{
    border: 0 solid #000066;
	position:relative;
	background: #fff;
	width: 56px;
	float: right;
}

#header_bandeiras img
{
	width: 18px;
	height: 15px;   
	padding: 0 10px 0 0;
	margin: 0 0 0 0;

}
/* idiomas (empresas)*/

/* particulares e empresas*/
#header_links
{
    border: 0 solid #000066;
	width: 500px;
	background: #fff;
	float: right;
	position:relative;
    height: 100%;
    padding: 1px 0 0 0;
    margin: 0 0 0 0;
}

#header_links li
{
	font: 90% verdana;
	font-weight:700;
    border: 0 solid #000066;
	background: #fff url(/images/estruturasite/img_setatopolaranja.gif) no-repeat 0em .23em;
	list-style: none;
	float: right;
	position:relative;
	padding: 4px 5px 0 7px;
	margin: 0 0 0 10px;
}

#header_links ul
{
	padding: 0 0 0 40px;
	margin: 0 0 0 0;
	font: 70% verdana;
	font-weight:600;
    border: 0 solid #000066;
	list-style: none;
}

#header_links li.ultimo
{
	background-image: none;
}

#header_links li a
{
    color: #000066;
    text-decoration: none;
}

#header_links li a.seleccionado
{
    color: #ff6600;
    text-decoration: none;
}

#header_links li a:selected
{
	color: #ff0066;
}

#header_links li a:hover
{
	text-decoration: underline;
}


/* particulares e empresas*/
/*header*/

/*acesso servicos homebanking*/
#acesso_conteudos li
{
	position : relative;
	float : left;
}

#acesso_conteudos li#bpinet
{
	position : relative;
	float : left;
    /*cima, direita, baixo, esquerda*/    
    padding: 0 12px 5px 0;
}

#acesso_conteudos ul
{
    list-style: none;
    margin: 0;
    /*cima, direita, baixo, esquerda*/    
    padding: 4px 0 0 0;
    
}
/*acesso servicos homebanking*/


/*noticias homepage particulares*/
#noticias_hp_particulares
{
	margin: 0;
	float: left;
    /*cima, direita, baixo, esquerda*/
	padding: 0 0 0 0;
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;
    width: 100%;
}

#noticias_hp_particulares dl
{
    /*cima, direita, baixo, esquerda*/
	padding: 0 0 0 0;
}

#noticias_hp_particulares dt
{
    /*cima, direita, baixo, esquerda*/
	padding: 0 0 0 0;
	width: 225px;
	color: #000066;
	font-weight: 700;
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;	
}
#noticias_hp_particulares dt a
{
    color: #000066;
	text-decoration: none;
    /*cima, direita, baixo, esquerda*/
	padding: 0 0 0 0;    
}

#noticias_hp_particulares dt a:hover
{

	text-decoration: underline
}

#noticias_hp_particulares dd
{
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;
	margin: 0 0 0 0;
	color: #666666;
	font-size: 110%; /* repare-se o uso de percentagens */
}

#noticias_hp_particulares dd#datanoticica
{
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;
    /*cima, direita, baixo, esquerda*/
	margin: 2px 0 0 0;
	color: #666666;
	font-size: 110%; /* repare-se o uso de percentagens */
}

#noticias_hp_particulares dd#subtitulonoticica
{
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;
    /*cima, direita, baixo, esquerda*/
	margin: 2px 0 0 0;
	color: #666666;
	font-size: 110%; /* repare-se o uso de percentagens */
}

#noticias_hp_particulares div#noticias_hp_todasnoticias_particulares
{
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;
    /*cima, direita, baixo, esquerda*/
	margin: 2px 0 0 0;
	color: #666666;
	font-size: 100%;
    text-align: right;
    font-weight: bold;
    width: 100%;
}

#noticias_hp_particulares div#noticias_hp_todasnoticias_particulares a
{
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
    /*cima, direita, baixo, esquerda*/
	padding: 0 0 0 0;
	font-size: 100%;
    text-align: right;
    color: #000066;
	text-decoration: none;
    font-weight: bold;
}

#noticias_hp_particulares div#noticias_hp_todasnoticias_particulares a:hover
{
    text-decoration: underline;
}

/*noticias homepage particulares*/

/*noticias homepage empresas*/
#noticias_hp_empresas
{
	margin: 0;
	float: left;
    /*cima, direita, baixo, esquerda*/
	padding: 0 0 0 0;
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;
    width: 100%;
}

#noticias_hp_empresas dl
{
    /*cima, direita, baixo, esquerda*/
	padding: 0 0 0 0;
}

#noticias_hp_empresas dt
{
    /*cima, direita, baixo, esquerda*/
	padding: 0 0 0 0;
	width: 225px;
	color: #000066;
	font-weight: 700;
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;	
}
#noticias_hp_empresas dt a
{
    color: #000066;
	text-decoration: none;
    /*cima, direita, baixo, esquerda*/
	padding: 0 0 0 0;    
}

#noticias_hp_empresas dt a:hover
{

	text-decoration: underline
}

#noticias_hp_empresas dd
{
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;
	margin: 0 0 0 0;
	color: #666666;
	font-size: 110%; /* repare-se o uso de percentagens */
}

#noticias_hp_empresas dd#datanoticica
{
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;
    /*cima, direita, baixo, esquerda*/
	margin: 2px 0 0 0;
	color: #666666;
	font-size: 110%; /* repare-se o uso de percentagens */
}

#noticias_hp_empresas dd#subtitulonoticica
{
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;
    /*cima, direita, baixo, esquerda*/
	margin: 2px 0 0 0;
	color: #666666;
	font-size: 110%; /* repare-se o uso de percentagens */
}

#noticias_hp_empresas div#noticias_hp_todasnoticias_empresas
{
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
	background: #fff;
    /*cima, direita, baixo, esquerda*/
	margin: 2px 0 0 0;
	color: #666666;
	font-size: 100%;
    text-align: right;
    font-weight: bold;
    width: 100%;
}

#noticias_hp_empresas div#noticias_hp_todasnoticias_empresas a
{
	font-family: verdana;
	/*font-size: 10px;*/
    font-size: 10px;
    /*cima, direita, baixo, esquerda*/
	padding: 0 0 0 0;
	font-size: 100%;
    text-align: right;
    color: #000066;
	text-decoration: none;
    font-weight: bold;
}

#noticias_hp_empresas div#noticias_hp_todasnoticias_empresas a:hover
{
    text-decoration: underline;
}


#hp_grafico_mercados
{
    /*float: left;*/
    /*cima, direita, baixo, esquerda*/
	margin: 5px 0 0 0;
    width: 100%;
    position: relative;
    text-align:center;
}

#hp_quadro_cotacoes_indices
{
    /*float: left;*/
    width: 100%;
    position: relative;
    /*cima, direita, baixo, esquerda*/
	padding: 10px 0 0 0;
    text-align: center;
}

#hp_destaques_noticias_empresas
{
    text-align: left;
    /*cima, direita, baixo, esquerda*/
	margin: 15px 0 0 10px;
    width: 330px;
    float: left;
    position: relative;
}

/*noticias homepage empresas*/

/*homepage*/
#hp_principal
{
    /*width: 100%;*/
    /*text-align:center;*/
    width: 760px;
    text-align: left; 
    margin-left: auto; 
    margin-right: auto;
}

#hp
{
    width: 760px;
}

#hp_linkslaterais
{
    text-align: left;
    /*cima, direita, baixo, esquerda*/
	margin: 15px 0 0 0;    
	float: left;
}

#hp_banners
{
    /*cima, direita, baixo, esquerda*/
	margin: 15px 0 0 10px;
    float: left;
    position: relative;    
}

#hp_areas
{
    float: left;
    position: relative;
    width: 100%;
}

#hp_produtos
{
    float: left;
    position: relative;
    width: 758px;
    border: solid 1px #000066;
}

#hp_zonaacessos
{
    /*cima, direita, baixo, esquerda*/
	margin: 0 0 0 0;
    width: 100%;
    float: left;
    position: relative;
}

#hp_zonaacessos div#hp_zonaacessos_titulo
{
    /*cima, direita, baixo, esquerda*/
	margin: 0 0 0 0;
    width: 100%;
    float: left;
    position: relative;
    font-size: 10px;
    color: #ff6600;
    font-family: verdana, arial;
    font-weight: bold;
}

#hp_destaques
{
    text-align: left;
    /*cima, direita, baixo, esquerda*/
	margin: 15px 0 0 10px;
    width: 330px;
    float: left;
    position: relative;
}

#hp_destaques div#hp_destaques_titulo
{
    text-align: left;
    /*cima, direita, baixo, esquerda*/
	margin: 0 0 0 0;
    width: 330px;
    float: left;
    position: relative;
    font-size: 10px;
    color: #ff6600;
    font-family: verdana, arial;
    font-weight: bold;
}

/*empresas*/
#hp_destaques_empresas
{
    text-align: left;
    /*cima, direita, baixo, esquerda*/
	margin: 0 0 0 0;
	margin: 0 0 0 0;
    width: 330px;
    float: left;
    position: relative;
}

#hp_destaques_empresas div#hp_destaques_titulo
{
    text-align: left;
    /*cima, direita, baixo, esquerda*/
	margin: 0 0 0 0;
    width: 330px;
    float: left;
    position: relative;
    font-size: 10px;
    color: #ff6600;
    font-family: verdana, arial;
    font-weight: bold;
}
/*empresas*/

#hp_zonaacessos
{
    float: left;
    position : relative;
}

/*particulares*/
#hp_conteudo_externo
{
    float: left;
    /*cima, direita, baixo, esquerda*/
	margin: 10px 0 0 0;
    width: 100%;
    position: relative;
}

#hp_conteudo_externo div#hp_conteudo_externo_titulo
{
    /*cima, direita, baixo, esquerda*/
	margin: 0 0 10px 0;
    font-size: 10px;
    color: #ff6600;
    font-family: verdana, arial;
    font-weight: bold;
}
/*particulares*/

/*empresas*/
#hp_conteudo_externo_empresas
{
    float: left;
    /*cima, direita, baixo, esquerda*/
	margin: 10px 0 0 0;
    width: 100%;
    position: relative;
}

#hp_conteudo_externo_empresas div#hp_conteudo_externo_titulo
{
    /*cima, direita, baixo, esquerda*/
	margin: 0 0 10px 0;
    font-size: 10px;
    color: #ff6600;
    font-family: verdana, arial;
    font-weight: bold;
}
/*empresas*/

#hp_lado_direito_destaques
{
    /*cima, direita, baixo, esquerda*/
	margin: 15px 0 0 0;    
    text-align: left;
    width: 240px;
    float: right;
    position: relative;
}
#hp_lado_direito_destaques_empresas
{
    /*cima, direita, baixo, esquerda*/
	margin: 5px 0 0 0;    
    text-align: left;
    width: 280px;
    float: right;
    position: relative;
}


#hp_footer
{
	clear: both; /* para limpar os floats anteriores e fazer com que o footer apareça depois do menu e do content.*/
}

/*rodape*/
#rodape ul
{
    list-style:none;
    display: block;
    width: 45%;
    text-align: center; 
    margin-left: auto; 
    margin-right: auto;
    width: 50em;    
}

#rodape ul li
{
    font-size: 10px;
    line-height: 12px;
    color: #666666;
    font-family: verdana, arial
}

#rodape ul li.first
{
    font-weight: bold;
}
/*rodape*/

/*homepage*/


/**/
.Azul
{
    BACKGROUND-COLOR: #000066
}
.Laranja
{
    BACKGROUND-COLOR: #ff6600
}
.titulotabela
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial
}
.Branco
{
    BACKGROUND-COLOR: #ffffff
}
.textotabela
{
    FONT-SIZE: 10px;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial
}
.texto_small
{
    FONT-SIZE: 10px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial
}
.textodestaque
{
    FONT-SIZE: 10px;
    COLOR: #ff6600;
    FONT-FAMILY: Verdana, Arial
}
.menu_items
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.textosmall
{
    FONT-SIZE: 10px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial
}
/**/
/*area navegacao produtos*/
#naveg_produtos ul
{
	margin: 0px;
}

#naveg_produtos li 
{
	float: right;
	background: #fff url(/images/EstruturaSite/img_separador.gif) no-repeat 0em .23em;
    /*cima, direita, baixo, esquerda*/
	padding: 0px 5px 0px 5px;
    /*cima, direita, baixo, esquerda*/
	margin: 5px 0px 0px 0px;
}

#naveg_produtos li.ultimo
{
	background-image: none;
}

#naveg_produtos li a
{
    color: #000066;
    text-decoration: none;
}

#naveg_produtos li a.seleccionado
{
    color: #FF6600;
    text-decoration: none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}

#naveg_produtos li a:hover
{
    text-decoration: underline;
}

#naveg_produtos li a:selected
{
	color: #FF0066;
}

#naveg_produtos img
{
	align: left;
	width: 221px;
	heigth: 24px;
	margin: 0px 10px 0px 0px;
	float: left;
}
/*area navegacao produtos*/

