@charset "utf-8";

body {font-family:Tahoma; color:#666666;}


/* -- CLASS -- */

.first { }
.last { }
.active { }
.content,
.section { overflow:hidden }

	/* fixed problem IE 6 overflow hidden */
	
	* html .section,
	* html .content {
		overflow:visible;
		height:1%
	}

.button { }

.primary,
.secondary { }

.box { }

input { }

/* --  ESTRUTURA -- */

#externo {
	width:1026px;
	float:left;
	background:url(../images/bkg_Site.png) no-repeat left top;
	position:relative
}

#left {
	float:left;
	width:224px;
	margin-left:31px;
	display:inline;
	position:relative
}

#right {
	float:right;
	width:760px;
	display:inline;
}

#center {
	float:left;
	width:558px;
	margin:9px 0 0 0;
	display:inline;
}

#lateral {
	float:right;
	width:185px;
	display:inline;
}

#rodape {
	float:left;
	width:942px;
	height:26px;
	margin:30px 0 0 43px;
	background:url(../images/img_BulletTexto.png) no-repeat;
}

#rodape label {
	float:left;
	font-size:11px;
	padding:7px 0 3px 19px;
}

#rodape span {
	float:right;
	width:42px;
	height:26px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/img_MZ.gif) no-repeat;
}

#rodape span.twitter {
	float:right;
	width:42px;
	height:26px;
	overflow:hidden;
	text-indent:-9999px;
	margin-right:-6px;
	background:url(../images/Helbor_ico_twitter.gif) no-repeat;
}

#rodape,
#rodape a,
#rodape a:hover {
	color:#26709F;
}

#rodape span a {
	height:26px;
	width:42px;
	display:block
}

#rodape a {
	text-decoration:none;
}

#rodape a:hover {
	text-decoration:underline;
}

#left h1.logo {
	background:url(../images/img_LogoHelbor2.jpg) no-repeat;
	width:200px;
	height:46px;
	overflow:hidden;
	text-indent:-9999px;
	margin:26px 0 0 10px;
}

#left h1.logo a {
	display:block;
	width:159px;A
	height:46px;
	cursor:pointer;	
}

/*Menu*/
#left ul#menu {
	margin:34px 0 0 2px;
	width:220px;
	position:relative
}

#left ul#menu li {
	list-style:none;
	float:left;
	position:relative;
	width:100%;
	margin:0 0 4px 0
}

	#left ul#menu li a{
		display:block;
		height:28px;
		line-height:28px;
		margin:0 0 0 0;
		text-indent:-9999px;
		width:220px
	}

	#left ul#menu li a.menu1{
		background:url(../images/menu/mnu_1_pt.gif) no-repeat left top;
	}
	
		#en #left ul#menu li a.menu1{
			background:url(../images/menu/mnu_1_en.gif) no-repeat left top;
		}
	
	#left ul#menu li a.menu2{
		background:url(../images/menu/mnu_2_pt.gif) no-repeat left top;
	}
	
		#en	#left ul#menu li a.menu2{
			background:url(../images/menu/mnu_2_en.gif) no-repeat left top;
		}
	
	#left ul#menu li a.menu3{
		background:url(../images/menu/mnu_3_pt.gif) no-repeat left top;
	}
	
		#en #left ul#menu li a.menu3{
			background:url(../images/menu/mnu_3_en.gif) no-repeat left top;
		}
	
	#left ul#menu li a.menu4{
		background:url(../images/menu/mnu_4_pt.gif) no-repeat left top;
	}
	
		#en #left ul#menu li a.menu4{
			background:url(../images/menu/mnu_4_en.gif) no-repeat left top;
		}
	
	#left ul#menu li a.menu5{
		background:url(../images/menu/mnu_5_pt.gif) no-repeat left top;
	}
	    #en #left ul#menu li a.menu5{
			background:url(../images/menu/mnu_5_en.gif) no-repeat left top;
		}
	
		#left ul#menu li a:hover,
		#en #left ul#menu li a:hover,
		#left ul#menu li a.selected,
		#en #left ul#menu li a.selected{
			background-position:left -28px
		}

#left ul#menu li img {
}
/*End Menu*/

/*Submenu*/
#left ul#menu li ul {
	padding:10px 0px;
	width:154px;
	background:#E3F0FF;
	position:absolute;
	left:220px;
	top:-14px;
	display:none
}

#left ul#menu li ul li {
	display:block;
	float:none;
	margin-bottom:0;
}

	#left ul#menu li ul li a {
		font-size:12px;
		text-decoration:none;
		height:auto;
		line-height:normal;
		display:block;
		text-indent:0;
		width:auto
	}

		#left ul#menu li ul li a {
			padding:5px;
			color:#00578E;
		}
	
			#left ul#menu li ul li a:hover {
				background:#C6E1FF;
			}

#left ul#menu li ul li a:hover {
	/*color:#CC3300;*/
}

/*Header*/
#right #header {
	float:left;
	width:760px;
	height:61px;
}

#header h2 {
	float:left;
	width:281px;
	height:71px;
	overflow:hidden;
	text-indent:-9999px;
}

#header h2 a { 
	display:block;
	height:20px;
	margin:18px 0 0 20px;
	width:260px;
}

#header .links {
	float:right;
	width:465px;
}

#header .none {background:none !important; padding-right:0px !important;}

#header ul.institucional {
	float:right;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	font-weight:bold;
	color:#00578E;
	display:block;
	margin-top:21px;
	margin-bottom:7px;
}

#header ul.institucional li {
	background:url(../images/img_DivLinks.gif) no-repeat right;
	padding-left:10px;
	padding-right:13px;
}

#header ul.institucional li,
#header ul.institucional li a,
#header ul.institucional li a:hover {
	color:#00578E;
	float:left;
	display:block;
	height:15px;
	
}

#header ul.institucional li a {
	text-decoration:none;
	cursor:pointer
}

#header ul.institucional li a:hover {
	text-decoration:underline;
}

#header span,
#header span a,
#header span a:hover {
	float:left;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#pt #header span.homeri {
	width:46px;
	height:14px;
}

#en #header span.homeri {
	width:51px;
	height:14px;
}


#pt #header span.homeinst {
	width:102px;
	height:14px;
}

#en #header span.homeinst {
	width:104px;
	height:14px;
}


#pt #header span.obras {
	width:91px;
	height:14px;
}


#en #header span.obras {
	width:84px;
	height:14px;
}

#pt #header span.lancamentos {
	width:104px;
	height:14px;
}

#en #header span.lancamentos {
	width:90px;
	height:14px;
}


#header div.ri {
	float:right;
	width:230px;
}

#header div.ri ul {
	float:right;
}

#header div.ri ul li {
	display:inline;
	float:left;
	text-align:right
}

#header div.ri ul li a.last {
	margin-right:0
}

#header div.ri,
#header div.ri ul li a {
	font-size:11px;
	color:#666666;
	margin:0 3px;
	padding-bottom:3px
}

#header div.ri ul li a {text-decoration:none; float:left;}

#header div.ri ul li a:hover {text-decoration:underline;}

/*End Header*/

/*Content*/
#right #content {
	float:left;
	width:760px;
}
/*End Content*/

/*Busca e Acesso R�pido*/
#busca,
#acessorapido {
	background:url(../images/bkg_Input.gif) no-repeat left;
	width:183px;
	height:20px;
}

#acessorapido {
	cursor:pointer;
	margin-top:18px;
	position:relative
}

#acessorapido .texto {
	float:left;
	margin:4px 0 0 12px;
}

#acessorapido .texto,
#busca input,
#interna #formulario input,
#interna #formulario textarea {
	font-size:11px;
	color:#26709F;
}

#acessorapido .botao {
	float:right;
	margin:6px 8px 0 0;
}

#busca {
	margin-top:10px;
}

#busca input {
	float:left;
	background:transparent;
	border:0;
	width:130px;
	height:14px;
	margin:2px 0 0 10px;
}

#busca span {
	float:right;
	margin:2px 3px 0 0;
}
/*End Busca e Acesso R�pido*/

/*Interna*/
#interna {
	float:left;
	width:565px;
}

#interna #title {
	float:left;
	width:100%;
	height:60px;
	background:url(../images/img_LogoCircle2.gif) no-repeat left 16px;
	margin:26px 0 15px 0;
}

#interna #title h2,
#interna h6,
#interna h6 div {
	color:#26709F;
}

#interna #title h2 {
	margin:11px 0 0 5px;
	font-size:16px;
	font-weight:normal;
}

#interna #title h3 {
	margin:10px 0 0 5px;
	font-size:11px;
	color:#004883;
	font-weight:normal;
	line-height:12px
}

#interna h4 {
	width:100%;
	clear:both;
	margin-left:5px;
	font-size:11px;
	margin-bottom:13px;
	color:#CC3300;
	font-weight:normal;
}

#interna h5 {
	float:left;
	margin-left:5px;
	font-size:12px;
	font-weight:bold;
	color:#004883;
	margin-top:2px;
}

#interna h6 {
	font-size:15px;
	font-weight:normal;
}

#interna h6 div {
	font-size:11px;
	font-weight:normal;
}

#interna ul.linktop {
	float:left;
	margin-left:5px;
	margin-bottom:14px;
	width:100%;
}

#interna ul.linktop li {
	background:url(../images/img_BulletContent.gif) no-repeat left 8px;
	padding-left:13px;
}

#interna ul.linktop li a,
#interna ul.linktop li a:hover {
	color:#666;
	font-size:11px;
}

#interna ul.linktop li a {text-decoration:none;}

#interna ul.linktop li a:hover {text-decoration:underline;}


#interna ul {
	line-height:15px;
	margin-bottom:13px;
}

#interna ul li {
	background:url(../images/img_BulletContent.gif) no-repeat 4px 5px;
	padding-left:13px;
	font-size:11px;
	margin-bottom:7px;
}

#interna ul li a,
#interna ul li a:hover {
	color:#666;
	font-size:11px;
}

#interna ul li a {text-decoration:none;}

#interna ul li a:hover {text-decoration:underline;}

#interna p {
	width:98%;
	margin-left:5px;
	font-size:11px;
	margin-bottom:13px;
	line-height:15px
}

#interna p a,
#interna li a,
#interna table a {
	color:#26709F;
	text-decoration:underline
}

#interna p a:hover,
#interna li a:hover,
#interna table a:hover {
	text-decoration:none
}

#interna table {
	width:98%;
	margin:10px 0 10px 5px;
}

#interna table thead th {
	border:1px solid #93BEE2;
	font-size:12px;
	color:#26709F;
	font-weight:bold;	
}

#interna table thead th,
#interna table thead td {
	padding:4px;
}

#interna table thead th {
	text-align:right;
	font-size:11px;
}

#interna table td {
	padding:4px;
	text-align:right;
	font-size:11px;
}

#interna table td.colOne,
#interna table thead th.colOne {
	text-align:left;
}

#interna table tr.zebra td {
	background-color:#D3E9FF;
}

#periodo {
	display:inline;
	float:left;
	height:35px;
	margin-left:5px;
	width:95%;
}

#periodo h4 {
	color:#004883;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-left:0;
	margin-top:2px;
	width:50%
}

#periodo label {
	float:right;
}

#periodo label span.campo {
	font-size:12px;
	font-weight:bold;
	color:#004883;
	margin:0 9px 0 0
}

#periodo label select {
	width:66px;
	font-size:11px;
	color:#999;
	border:1px solid #CCC;
	padding:1px 1px 1px 2px;
}
#subAno09 h2,
#subAno08 h2,
#subAno07 h2,
#subAno06 h2,
#subAno05 h2,
{
	color:#004883;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;;
	margin-top:2px;
	margin-bottom:10px;
	width:50%
}
#interna .arquivos { margin-left:5px }

#interna .arquivos h3 { 
	color:#26709F;
	font-size:15px;
	font-weight:normal;
	cleae:both;
	float:left;
	width:auto
}

#interna .arquivos table {
	margin-bottom:15px;
	clear:both
}

#interna .arquivos table td {
	text-align:left;
	padding:0px;
}

#interna .arquivos table td.data {
	width:57px;
	background:url(../images/img_BulletArquivos.gif) no-repeat 10px 18px;
	padding-left:23px;
	color:#666666;
}

#interna .arquivos table td.icone {
	width:46px;
	text-align:center;
	padding:7px 0;
}

#interna .arquivos table td.link,
#interna .arquivos table td.link a,
#interna .arquivos table td.link a:hover {
	color:#666666;
}

#interna .arquivos table td.link a {text-decoration:none;}

#interna .arquivos table td.link a:hover {text-decoration:underline;}

#interna .arquivos table td.tamanho {text-align:right;}

#interna #formulario {
	float:left;
	margin:10px 0 10px 5px;
}

#interna #formulario div {
	float:left;
	display:block;
	width:100%;
	margin:5px 0;
}

#interna #formulario label {
	float:left;
	font-size:11px;
	color:#26709F;
	margin:0 0 0 5px;
}

#interna #formulario input,
#interna #formulario textarea {
	float:left;
	background:transparent;
	border:0;
	overflow:auto;
	margin-left:5px;
}

#interna #formulario input {
	width:220px;
}

#interna #formulario textarea {
	width:415px;
	height:90px;
	margin-left:13px;
}

#interna #formulario span.nome,
#interna #formulario span.telefone,
#interna #formulario span.email {
	float:right;
	background:url(../images/bkg_InputForm.gif) no-repeat left top;
	width:233px;
	height:20px;
	margin-right:230px;
}

#interna #formulario span.sugestoes {
	float:right;
	background:url(../images/bkg_TextArea.gif) no-repeat left top;
	width:448px;
	height:100px;
	margin-right:17px;
} 

#interna #update {
	float:left;
	margin:17px 0 0 5px;
	width:95%
}

#interna #update p { 
	color:#26709F;
	float:left;
	font-size:11px;
	width:60%
}

#interna #update p.observation{
	margin-bottom:5px;
	width:100%
}

#interna #update a {
	color:#26709F;
	float:right;
	font:11px Arial, Helvetica, sans-serif
}

#interna #update a:hover {
	text-decoration:underline
}

		/*resultados trimestrai*/

#interna .celula {
	clear:both;
	background:url(../images/bkg_ResultTri.gif) no-repeat left top;
	width:533px;
	height:65px;
	float:left;
	margin:0 0 20px 0
}

#interna .celula .periodo {
	margin:26px 38px 0 40px;
	float:left;
}

#interna .celula .arquivos_tri {
	float:left;
	width:415px;
	margin:5px 0 0 0
}

#interna .arquivos_tri table td.pdf { background:url(../images/ico_PDF.gif) no-repeat 19px top; }
#interna .arquivos_tri table td.mp3 { background:url(../images/ico_MP3.gif) no-repeat 19px top; }

#interna .arquivos_tri table td {
	text-align:left;
	padding:0 0 15px 53px;
}

#interna .arquivos_tri table td,
#interna .arquivos_tri table td a,
#interna .arquivos_tri table td a:hover {
	color:#666666;
}

#interna .arquivos_tri table td a {text-decoration:underline;}

#interna .arquivos_tri table td a:hover {text-decoration:none;}

#interna .arquivos_tri table td {text-align:left;}

/*End Interna*/

/* --  FIM DA ESTRUTURA -- */

/* -- ITENS -- */

/*Toolbox*/
#toolbox {
	background:url(../images/img_BulletSeta.gif) no-repeat;
	display:inline;
	float:left;
}

#toolbox ul {
	font-size:12px;
	margin-top:10px;
}

#toolbox li,
#toolbox li a,
#toolbox li a:hover {
	color:#666666;
	margin-bottom:6px;
}

#toolbox li a {
	text-decoration:none;
}

#toolbox li a:hover {
	text-decoration:underline;
}
/*End Toolbox*/

/*Linkbox*/
#linkbox {
	float:left;
	background:url(../images/bkg_HomeBoxes.gif) no-repeat;
	width:254px;
	height:110px;
	margin:32px 12px 0 10px;
	display:inline;
}

#linkbox h2 {
	width:220px;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
}

#linkbox ul {
	font-size:12px;
	margin:5px 0 0 40px;
}

#linkbox ul li {
	background:url(../images/img_BulletSeta.gif) no-repeat left top;
	height:20px;
	padding-left:15px;
	margin-bottom:4px;
}

#linkbox ul li a,
#linkbox ul li a:hover {color:#666; padding-left:5px; padding-top:3px; float:left; padding-bottom:3px }

#linkbox ul li a {text-decoration:none;}

#linkbox ul li a:hover {text-decoration:underline;}
/*End Linkbox*/

/*Banner*/
#banners {
	float:right;
	margin-top:29px;
}

/*#banners ul li {
	border-top:1px solid #93BEE2;
}*/

#banners ul li.none { border-top:1px solid #FFF;}
/*End Banner*/

/*Novo Mercado*/
#novomercado {
	float:left;
	background:url(../images/ico_NovoMercado.png) no-repeat left;
	width:59px;
	height:39px;
	overflow:hidden;
	text-indent:-9999px;
	margin:21px 0 0 29px;
}
/*End Novo Mercado*/

.servicos h2,
.kitinvestidor h2,
.cotacoes h2,
.fundamentos h2 {
	width:157px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	padding-bottom:3px;
}

.servicos h2,
.kitinvestidor h2{
	width:153px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	padding:0 0 3px 0;
	margin:0 0 0 22px
}


.servicos,
.kitinvestidor {
	margin:25px 0 0 12px;
}

.cotacoes {
	float:right;
	width:161px;
	margin-left:14px;
	margin-top:17px;
}

.fundamentos {
	margin-top:23px;
	padding-left:22px;
}

.fundamentos table {
	font-size:11px;
	width:100%;
	margin-top:16px;
}

.fundamentos table td {
	padding:4px 0;
}

.fundamentos table td.num {
	text-align:right;
}

.fundamentos table td.linha {
	background:url(../images/img_Linha.gif) repeat-x;
	height:9px;
}

.fundamentos div {
	float:right;
	margin-top:19px;
}

/*Not�cias*/
#noticias {
	float:left;
	width:534px;
	padding-left:8px;
}

#noticias h2 {
	float:left;
	width:65px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
}

#noticias .mais {
	float:right;
	margin:3px 3px 0 0;
}

#noticias ul {
	float:left;
	list-style:none;
	width:100%;
	margin-top:9px;
}

#noticias ul li {
	display:block;
	float:left;
	height:66px;
	padding:0 11px 0 11px;
	width:155px;
	border-left:1px solid #26709F;
	color:#26709F;
	font-size:12px;
}

#noticias ul li,
#noticias ul li a,
#noticias ul li a:hover {
	color:#26709F;
	font-size:12px;
}

#noticias ul li a {text-decoration:none;}

#noticias ul li a:hover {text-decoration:underline;}

#noticias ul li div {
	color:#004883;
	font-size:14px;
	margin-bottom:6px;
}

/*Flash*/
#center #flash {
	float:left;
	width:367px;
}

/* --  FIM DOS ITENS -- */

/* -- ACESSO RAPIDO -- */

#box-acesso {
	position:absolute;
	right:0;
	top:0;
	width:183px
}

#box-acesso ul {
	float:left;
	width:160px;
	/*height:266px;*/
	margin-top:19px;
	background:#E3F0FF;
	padding:9px;
	border:1px solid #A3C8E6;
	overflow: hidden;
}

#box-acesso ul li {
	font-weight:bold;
	padding:3px 0;
	width:auto
}

#box-acesso ul li,
#box-acesso ul li a {
	color:#26709F;
	font-size:11px;
	text-decoration:none;
}

#box-acesso ul li ul {
	border:none;
	padding:8px 0 6px 9px;
	margin:0
}

#box-acesso ul li ul li { 
	font-weight:normal;
	padding:0 0 5px 
}

#box-acesso ul li a {
	color:#26709F;
}

#box-acesso ul li a:hover {
	color:#CC3300;
}

.btn-topo {
	color:#26709F;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:10px 0;
	text-align:right;
	width:100%;
}

/* --  PORTUGU�S -- */

#pt #header h2 {background:url(../images/tit_RelacoesInvestidores_pt.gif) no-repeat left;}

#pt #header span.homeri {background:url(../images/txt_HomeRI_pt.gif) no-repeat left;}

#pt #header span.homeinst {background:url(../images/txt_HomeInstitucional_pt.gif) no-repeat left;}

#pt #header span.obras {background:url(../images/txt_ObrasRealizadas_pt.gif) no-repeat left;}

#pt #header span.lancamentos {background:url(../images/txt_BreveLancamentos_pt.gif) no-repeat left;}

#pt .servicos h2 {background:url(../images/tit_Servicos_pt.gif) no-repeat left;}

#pt .kitinvestidor h2 {background:url(../images/tit_KitInvestidor_pt.gif) no-repeat left;}

#pt .cotacoes h2 {background:url(../images/tit_Cotacoes_pt.gif) no-repeat 22px;}

#pt #noticias h2 {background:url(../images/tit_Noticias_pt.gif) no-repeat left;}

#pt .infoacionistas h2 {background:url(../images/tit_InfoAcionistas_pt.gif) no-repeat 14px 11px;}

#pt .infoanalistas h2 {background:url(../images/tit_InfoAnalistas_pt.gif) no-repeat 14px 11px;}

#pt .fundamentos h2 {background:url(../images/helbor_BN_fund_20111114_PT.gif) no-repeat left;}

/* --  FIM DO PORTUGU�S -- */





/* --  INGLES -- */

#en #header h2 {background:url(../images/tit_RelacoesInvestidores_en.gif) no-repeat left;}

#en #header span.homeri {background:url(../images/txt_HomeRI_en.gif) no-repeat left;}

#en #header span.homeinst {background:url(../images/txt_HomeInstitucional_en.gif) no-repeat left;}

#en #header span.obras {background:url(../images/img_helbor_developments.gif) no-repeat left;}

#en #header span.lancamentos {background:url(../images/img_helbor_future-launches.gif) no-repeat left;}

#en .servicos h2 {background:url(../images/tit_Servicos_en.gif) no-repeat left;}

#en .kitinvestidor h2 {background:url(../images/tit_KitInvestidor_en.gif) no-repeat left;}

#en .cotacoes h2 {background:url(../images/tit_Cotacoes_en.gif) no-repeat 22px;}

#en #noticias h2 {background:url(../images/tit_Noticias_en.gif) no-repeat left;}

#en .infoacionistas h2 {background:url(../images/tit_InfoAcionistas_en.gif) no-repeat 14px 11px;}

#en .infoanalistas h2 {background:url(../images/tit_InfoAnalistas_en.gif) no-repeat 14px 11px;}

#en .fundamentos h2 {background:url(../images/helbor_BN_fund_20111114_EN.gif) no-repeat left;}

/* --  FIM DO INGLES -- */

/* -- TABELAS --- */

#interna table tr.tabelatt {
	color:#26709F;
	font-size:12px;
	font-weight:bold;
	border:1px solid #93BEE2;
}

#interna table tr.tabelatt td,
#interna table tr.tabelatx td,
#interna table tr.tabelatx2 td {
	text-align:left
}

#interna table tr.tabelatx2 {
	background:#D3E9FF;
}

/* -- FIM TABELAS --- */

/*-- INICIO POP RSS --*/

#pop-rss { 
	width:600px; 
	height:310px; 
	background:url(../images/bkg-rss.png) no-repeat top left; 
}

#rss-meio { padding:30px; }

#rss-meio p { 
	font-size:13px;
	line-height:18px;
	margin-bottom:12px;
}

#rss-meio p a {
	color:#666666;
	text-decoration:none
}

#rss-meio p a:hover {
	text-decoration:underline
}
#campo_acesso {
	float:left;
	margin:0 0 0 8px;
	}
#busca {
	float:left;
	margin:15px 0 0 0;	
	heigh:19px;
	}
#tit_busca {
	float:left;
	margin:3px 8px 0 0;
	width:34px;
	}
#campo_busca {
	background:url(../images/bkg_busca.gif) no-repeat;
	float:left;
	width:94px;
	height:19px;
	margin:0 0 0 0;
	padding:1px 0 0 3px;
	}
.escondivel {
	display:none;
}
/*-- FIM POP RSS --*/