@charset "utf-8";
/* 
	CSS Document 
	Projeto: Santa Bárbara | Site 2008
	Autor: Bruno Augusto <bruno.augusto@bhtec.com.br>
*/


/**********************************************
LISTAGEM DE ESTILOS QUE ENTRAM NO WEBEDIT
**********************************************/
.TextoArialBranco11{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}

.TextoArialVermelho13{
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ed1b2e;
}

.TextoArialCinza13{
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ababab;
}

.TextoArialCinza12{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#7b7b7b;
}

.TextoTahomaCinza12{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5c5c5c;
}

.TextoTahomaCinza12Sublinhado{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5c5c5c;
	text-decoration:underline;
}

.TextoTahomaCinza12Sublinhado:hover{
	text-decoration:none;
}

.TextoTahomaPreto10{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}

.TextoTahomaPreto11{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

.TextoTahomaVinho10{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#bc1524;
}

.Titulo{
	padding:10px 0;
	text-transform:uppercase;
}

.SubTitulo{
	background:url(../Imgs/Bgs/TracoSubTitulo.jpg) no-repeat left 85%;
	padding:10px 0 5px 0;
}

.Pointer{
	cursor:pointer;
}

.BordaCinza{
	border:1px solid #ececec;
	padding:0 5px;
	text-align:center;
	width:250px;
}

.FdoCinza{
	background:#f2f0f0;
	border:1px solid #cac9c9;
}

.FdoBranco{
	background:#FFF;
}

/**********************************
GERAIS
**********************************/
*{
	border:0;
	padding:0;
	margin:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

html, body{
	height:100%;
}

body{
	background:#FFF;
	font-size:11px;
}

.Clear{
	clear:both;
}

a{
	cursor:pointer;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

br{
	font-size:12px;
}


/********************************************************************************************
CONTAINERS
********************************************************************************************/
body > #Form1{
	height:100%;
	position:relative;
}

#Pagina{
	height:auto!important;
	min-height:100%;
	position:relative;
}

#Principal{
	margin:0;
	padding-bottom:120px;
	width:100%;
}

#Rodape{
	bottom:0!important;
	height:65px;
	position:absolute;
	width:100%;
}

/**********************************
ESTILO DO MENU TOPO
**********************************/
#MenuTopoWrapper{
	background:#ed1b2e;
}

#MenuTopo{
	margin:0 auto;
	padding:5px 0;
	width:980px;
}

#ItensMenuTopo{
	float:right;
}

#ItensMenuTopo ul li{
	display:inline;
	list-style:none;
}

#ItensMenuTopo ul li .sub{
	display:none;
	position:absolute;
	background:#E3E3E3;
	border:1px solid #aaa;
	border-top:none;
	padding:5px;
}

#ItensMenuTopo ul li .sub ul li{
	display:block;
	margin:5px 0;
}

#ItensMenuTopo ul li .sub a{
	color:#000;
	text-decoration:underline;
}

#ItensMenuTopo ul li .sub a:hover{
	text-decoration:none;
}

#ItensMenuTopo ul li:hover .sub{
	display:block;
}

/**********************************
ESTILO DO TOPO
**********************************/
#TopoWrapper{
	background:#f7f7f7;
	border-bottom:1px solid #ddd;
}

#Topo{
	margin:0 auto;
	width:980px;
}

#Logo{
	float:left;
	margin:20px 0 0 30px;
	_margin:20px 0 0 15px;
}

#FundoTopo{
	float:right;
}

/**********************************
ESTILO DO MENU
**********************************/
#MenuWrapper{
	background:#eaeaea;
	border-top:1px solid #ededed;
}

#Menu{
	margin:0 auto;
	width:980px;
}

#Menu ul{
	margin:0 0 0 30px;
}

#Menu ul li{
	float:left;
	list-style:none;
	margin:3px 15px 4px 0;
}

#Menu ul li a{
	background-position: left top;
	background-repeat:no-repeat;
	height:23px;
	display:block;
}

#Menu ul li a:hover{
	background-position: left -23px;
	background-repeat:no-repeat;
}

#Menu ul li a span{
	display:none;
}

/* Nivel1 */
#AEmpresaN1{
	width:74px;
}

#AEmpresaN1 a{
	background-image:url(../../../Media/gerais/imgs/menu/AEmpresaN1.gif);
}

#PortfolioN1{
	width:77px;
}

#PortfolioN1 a{
	background-image:url(../../../Media/gerais/imgs/menu/PortfolioN1.gif);
}

#ClientesN1{
	width:62px;
}

#ClientesN1 a{
	background-image:url(../../../Media/gerais/imgs/menu/ClientesN1.gif);
}

#FornecedoresN1{
	width:100px;
}

#FornecedoresN1 a{
	background-image:url(../../../Media/gerais/imgs/menu/FornecedoresN1.gif);
}

/**********************************
ESTILO DO SUBMENU
**********************************/
#SubmenuWrapper{
	background:#dcdcdc;
}

#Submenu{
	margin:0 auto;
	width:980px;
	height:24px;
}

#Submenu ul{
	display:none;
	margin:0 0 0 21px;
}

#Submenu ul li{
	float:left;
	list-style:none;
	padding:0 8px 0 16px;
	background:url(../Imgs/Bgs/BgSubmenu.jpg) no-repeat 2% center;
}

#Submenu ul li a{
	background-position: left top;
	background-repeat:no-repeat;
	height:24px;
	display:block;
}

#Submenu ul li a:hover{
	background-position: left -25px;
	background-repeat:no-repeat;
}

#Submenu ul li a span{
	display:none;
}

/* Nivel2 e Submenus */
#EstrategiaN2{
	width:62px;
}

#EstrategiaN2 a{
	background-image:url(../../../Media/gerais/imgs/menu/EstrategiaN2.gif);
}

#FilosofiaN2{
	width:52px;
}

#FilosofiaN2 a{
	background-image:url(../../../Media/gerais/imgs/menu/FilosofiaN2.gif);
}

#GestaoN2{
	width:40px;
}

#GestaoN2 a{
	background-image:url(../../../Media/gerais/imgs/menu/GestaoN2.gif);
}

#HistoriaN2{
	background-image:none!important;
	width:48px;
}

#HistoriaN2 a{
	background-image:url(../../../Media/gerais/imgs/menu/HistoriaN2.gif);
}

#EscritoriosN2{
	width:66px;
}

#EscritoriosN2 a{
	background-image:url(../../../Media/gerais/imgs/menu/EscritoriosN2.gif);
}

#ObrasN2{
	width:34px;
}

#ObrasN2 a{
	background-image:url(../../../Media/gerais/imgs/menu/obrasn2.gif);
}

#SustentabilidadeN2{
	width:98px;
}

#SustentabilidadeN2 a{
	background-image:url(../../../Media/gerais/imgs/menu/SustentabilidadeN2.gif);
}

#EdificacoesN2{
	background-image:none!important;
	width:66px;
}

#EdificacoesN2 a{
	background-image:url(../../../Media/gerais/imgs/menu/EdificacoesN2.gif);
}

#IndustriaisN2{
	width:64px;
}

#IndustriaisN2 a{
	background-image:url(../../../Media/gerais/imgs/menu/IndustriaisN2.gif);
}

#InfraEstruturaN2{
	width:93px;
}

#InfraEstruturaN2 a{
	background-image:url(../../../Media/gerais/imgs/menu/InfraEstruturaN2.gif);
}

#ObrasEmAndamentoN2{
	width:119px;
}

#ObrasEmAndamentoN2 a{
	background-image:url(../../../Media/gerais/imgs/menu/ObrasEmAndamentoN2.gif);
}

/**********************************
ESTILO DA ÁREA NOBRE
**********************************/
#AreaNobreWrapper{
	background:#FFF;
}

#AreaNobre{
	margin:0 auto;
	width:1006px;
}

.CapaPortifolio{
	width:980px!important;
}

/**********************************
ESTILO DA MÍDIA À ESQUERDA
**********************************/
#DestaqueEsq{
	float:left;
	margin:-30px 0 0 20px;
	width:277px;
	height:273px;
	overflow:hidden
}

#DestaqueEsq div{
	width:277px;
	height:273px;
	}

html > body #DestaqueEsq{
	position:relative;
}

#DestaqueEsq img{
	border:10px solid #FFF;
}

#controleMostraPagina_ctl00_FdoConteudo{
width:980px;
height:59px;
overflow:hidden;}


/**********************************
ESTILO DO CONTEÚDO
**********************************/
#TamanhoLetra{
	width:100%;
	text-align:right;
	position:relative;
}

#ConteudoWrapper{
	background:url(../Imgs/Bgs/BgConteudo.gif) no-repeat right top;
	float:left;
	margin:30px 15px 0 15px;
	padding:0 15px 0 0;
	width:430px;
}

#ConteudoWrapper2Colunas{
	background:url(../Imgs/Bgs/BgConteudo.gif) no-repeat right top;
	float:left;
	margin:30px 15px 0 15px;
	padding:0 15px 0 0;
	width:730px;
}

#ConteudoWrapper1Coluna{
	margin:30px 0;
	padding:0 15px 0 0;
	width:100%;
}

#Conteudo{
	margin:-30px 0 0 0;
}

#Conteudo li{
	margin:5px 0;
	list-style:inside;
}

/**********************************
ESTILO DO CONTEÚDO DO PORTIFÓLIO
**********************************/
.ListaPortifolio li{
	list-style:none!important;
	padding:2px 0;
}

.TituloPortifolio{
	font-weight:bold;
	font-size:13px;
	color:#5c5c5c;
}

.LinkPortifolio{
	color:#5c5c5c;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/**********************************
ESTILO DO CONTEÚDO DA NAVEGAÇÃO
**********************************/
#Navegacao{
	width:100%;
	margin:15px 5px 0 5px;
	text-align:center;
}

#Navegacao .BtnAnterior{
	background:url(../Imgs/Btns/BtnAnterior.gif) no-repeat;
	height:22px;
	width:9px;
	cursor:pointer;
	vertical-align:middle;
}

#Navegacao .BtnProximo{
	background:url(../Imgs/Btns/BtnProximo.gif) no-repeat;
	height:22px;
	width:9px;
	cursor:pointer;
	vertical-align:middle;
}

#Navegacao span{
	color:#5c5c5c;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0 25px;
	vertical-align:middle;
}

/**********************************
ESTILO DO CONTEÚDO DE SUPORTE À DIREITA
**********************************/
#SuporteDir{
	float:left;
	margin:30px 0 0 0;
	width:200px;
	_width:188px;
}
/**********************************
ESTILO DO RODAPÉ
**********************************/
#RodapeAtuacao{
	border-top:1px solid #c7c7c7;
}

#Atuacao{
	margin:0 auto;
	text-align:center;
	width:635px;
}

#Atuacao table td{
	border:1px solid #FFF;
	padding:6px 0;
	text-align:left;
}

#Atuacao table td img{
	margin:0 7px;
}

#Atuacao table td .Endereco{
	background:#f7f5f3;
	border:1px solid #CCC;
	border-bottom:1px solid #f7f5f3;
	display:none;
	margin:-115px 0 0 -1px;
	height:85px;
	padding:6px;
	position:absolute;
	text-align:left;
	white-space:nowrap;
}

#Atuacao table .over,
#Atuacao table td:hover{
	background:#f7f5f3;
	border:1px solid #CCC;
	border-top:1px solid #f7f5f3;
}

#Atuacao table .over .Endereco,
#Atuacao table td:hover .Endereco{
	display:inline;
	float:left;
}

#Atuacao table td .Endereco .TextoTahomaVinho10{
	margin:0 0 3px 0;
}

#RodapeCinza{
	background:#e3e3e3;
	height:20px;
}

#RodapeVermelho{
	background:#ed1b2e;
}

#Assinatura{
	margin:0 auto;
	padding:5px 0;
	text-align:right;
	width:980px;
}

#Assinatura a{
	color:#FFF;
	font-size:11px;
	text-decoration:none;
}

#Assinatura a:hover{
	text-decoration:underline;
}

/**********************************
ESTILO DA DIVISÃO POR SEGMENTO
**********************************/
.Segmento{
	background:#EFEFEF;
	padding:5px;
}

.Segmento div a{
	font-size:14px;
	color:#5c5c5c;
	font-weight:bold;
}

.Segmento div a:hover{
	color:#ED1B2E;
	text-decoration:none;
}


.Segmento ul{
	background:#FFF;
	border:1px solid #CCC;
	margin:5px 0;
	padding:3px;
}

.Segmento ul li{
	list-style:none outside!important;
	margin:10px 10px 10px 5px!important;
}

.Segmento ul a{
	font-size:10px;
	color:#5c5c5c;
	font-weight:bold;
}

/**********************************
LIGHTBOX
**********************************/
.lightbox{
	position:absolute; 
	top:0; 
	right:0; 
	width:100%;
	height:100%; 
	display:none;
	z-index:1000;
}

.bglightbox{
	background-color:#000000; 
	filter:alpha(opacity=50); 
	-moz-opacity:.50; 
	opacity:.50; 
	height:100%; 
	width:100%; 
	z-index:1000;
}

.contlight{
	width:600px;
	margin:0 auto;
	position:absolute;
	z-index:2000;
}

/**********************************
CUSTOMER CARE
**********************************/
.CC_TEXTO_NOMECAMPO{
	font-size:12px;
	color:#5c5c5c;
	margin:0 10px 0 0;
}

.CC_CELULA_NOMECAMPO{
	padding:5px 0;
	vertical-align:top;
}

.CC_CELULA_CAMPO{
	padding:5px 0;
}

.CC_INPUT_TEXT,
.CC_CELULA_CAMPO select,
.CC_CELULA_CAMPO textarea{
	background:url(../Imgs/Bgs/BgInput.gif) repeat-x left bottom;
	border:1px solid #5c5c5c;
	color:#000;
	font-size:12px;
	padding:3px 0;
	width:330px;
}

.CC_CELULA_CAMPO textarea{
	height:100px;
}

.CC_INPUT_TEXT:focus,
.CC_CELULA_CAMPO select:focus,
.CC_CELULA_CAMPO textarea:focus{
	border:1px solid #ED1B2E;
}

.CC_CELULA_BOTAO{
	text-align:right;
}

.CC_BOTAO{
	background:#ED1B2E;
	color:#F6F6F6;
	cursor:pointer;
	letter-spacing:1px;
	font-weight:bold;
	padding:3px 0;
}

.CC_BOTAO_SECUNDARIO{
	background:#FFF;
	color:#ED1B2E;
	cursor:pointer;
}

.CC_LISTAS{
	margin:10px 0;
}

.CC_LISTAS label{
	margin:0 5px;
}

/**********************************
CURRÍCULO
**********************************/
.CUR_INPUT_TEXT,
.CUR_SELECT,
.CUR_TEXTAREA{
	background:url(../Imgs/Bgs/BgInput.gif) repeat-x left bottom #FFF;
	border:1px solid #5c5c5c;
	color:#000;
	font-size:12px;
	margin:0 20px 5px 0;
	padding:3px 0;
	width:330px;
}

.CUR_TEXTAREA{
	height:100px;
}

.CUR_INPUT_TEXT:focus,
.CUR_SELECT:focus,
.CUR_TEXTAREA:focus{
	border:1px solid #ED1B2E;
}

#tabelaFormularioCurriculo,
#tabelaFormularioCurriculo a,
#tabelaFormularioLogin,
#tabelaFormularioLogin a{
	font-size:12px;
	color:#5c5c5c;
}

#tabelaFormularioCurriculo a,
#tabelaFormularioLogin a{
	text-decoration:underline;
}

.tituloCurriculo{
	background:#EAEAEA;
	color:#333333!important;
	margin:5px 0 0 0;
}

div.tituloCurriculo{
	padding:10px;
}

#tabelaDadosGerais,
#tabelaFormacaoAcademica,
#tabelaIdiomas,
#tabelaInformatica,
#tabelaOutrosCursos,
#tabelaExperiencia,
#tabelaAtuacao,
#tabelaLogin{
	border:1px solid #EAEAEA;
	padding:10px 4px;
}

.enviar{
	background:#ED1B2E;
	color:#F6F6F6;
	letter-spacing:1px;
	font-weight:bold;
	padding:3px 0;
	width:90px;
}

.TextoMotor,
.TextoMotor a{
	font-size:12px;
	color:#5c5c5c;
}

.TextoMotor a{
	text-decoration:underline;
}

/**********************************
Lista Obras
**********************************/

.ListaEnderecoObras li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	list-style:none !important;
	padding:15px 0 15px 0;
	color:#5c5c5c;

}

.NumeroDaObra{
	font-size:9px;
}

/*///////////////////////////////////////// Menu Ingles ////////////////////////////////////////*/

#AEmpresaN1Ingles{
list-style:none;
width:95px;
}

#AEmpresaN1Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/aempresan1ingles.gif);
}

#PortfolioN1Ingles{
list-style:none;
width:103px;
}

#PortfolioN1Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/PortfolioN1Ingles.gif);
}

#ClientesN1Ingles{
list-style:none;
width:60px;
}

#ClientesN1Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/ClientesN1Ingles.gif);
}

#FornecedoresN1Ingles{
list-style:none;
width:76px;
}

#FornecedoresN1Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/FornecedoresN1Ingles.gif);
}

#EstrategiaN2Ingles{
list-style:none;
width:53px;
}

#EstrategiaN2Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/EstrategiaN2Ingles.gif);
}

#MissaoN2Ingles{
list-style:none;
width:47px;
}

#MissaoN2Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/MissaoN2Ingles.gif);
}

#GestaoN2Ingles{
list-style:none;
width:76px;
}

#GestaoN2Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/GestaoN2Ingles.gif);
}

#HistoriaN2Ingles{
list-style:none;
width:46px;
background-image:none!important;
}

#HistoriaN2Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/HistoriaN2Ingles.gif);
}

#EscritoriosN2Ingles{
list-style:none;
width:46px;
}

#EscritoriosN2Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/EscritoriosN2Ingles.gif);
}

#SustentabilidadeN2Ingles{
list-style:none;
width:84px;
}

#SustentabilidadeN2Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/SustentabilidadeN2Ingles.gif);
}

#EdificacoesN2Ingles{
list-style:none;
width:58px;
}

#EdificacoesN2Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/EdificacoesN2Ingles.gif);
}

#IndustriaisN2Ingles{
list-style:none;
width:66px;
}

#IndustriaisN2Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/IndustriaisN2Ingles.gif);
}

#InfraEstruturaN2Ingles{
list-style:none;
width:92px;
}

#InfraEstruturaN2Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/InfraEstruturaN2Ingles.gif);
}

#ObrasEmAndamentoN2Ingles{
list-style:none;
width:119px;
}

#ObrasEmAndamentoN2Ingles a{
	background-image:url(../../../Media/gerais/imgs/menu/ObrasEmAndamentoN2Ingles.gif);
}

.BtnVersao{
	bottom:-22px; 
	position:absolute; 
	right:0px;
}

.BtnVersao a{
	text-decoration:none;
	display:inline-block;
	height:12px;
}

.BtnVersao a span{
	display:none;
}

.BtnVersao .English{
	background:url(../Imgs/Btns/EnglishVersion.gif) no-repeat;
	width:101px;
}

.BtnVersao .English:hover{
	background-position:0 -11px;
}

.BtnVersao .Portugues{
	background:url(../Imgs/Btns/VersaoPortugues.gif) no-repeat;
	width:138px;
}

.BtnVersao .Portugues:hover{
	background-position:0 -12px;
}