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

DOCUMENTO: Arquivo com as classes de template e classes específicas do projeto
CRIAÇÃO: 16/10/2008
AUTOR: Alisson Douglas (alisson@brivia.com.br)
VERSÃO: 003
ATUALIZAÇÕES:
1) dd/mm/aaaa (autor): _____________
2) dd/mm/aaaa (autor): _____________
OBSERVAÇÕES: 

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

/*****************
******************
	  BASICO 
******************
******************/

@import url("_basico.css");

/*****************
******************
	TEMPLATE
******************
******************/

#pagina{
	width:815px;
	min-width:815px;
	margin:0 auto;	
	height:auto;
	position:relative;
	z-index:99;
}
#topo{ 
	width:776px; 
	height:101px;
	position:absolute;
	top:0;
	z-index:100;
}
#conteudo{ 
	width:815px;
	position:relative;
	margin:0 0 0 0;
	padding-top:101px;
}
#principal{ 
	width:;
	display:inline;
	float:right;
	padding:40px 0 0
}
#menu-global{ 
	width:180px; 
	display:inline;
	float:left;	
}

#rodape-pagina { 
	width:778px;
	/*text-align:center;*/
	position:relative;
	height:141px;
	/*bottom:0px;*/
	margin:0 auto;
	/*background:#000;*/
}

/*****************
******************
	PROJETO
******************
******************/
/*html{ overflow-x:hidden;}*/
/*body{ overflow-x:hidden; }*/
legend{ display:none; }
/************** Replaces ****************/
.lk-saiba-mais{ /*background:url(../img/bt-saiba-mais.gif) no-repeat;*/ display:block; width:72px; height:21px; font:11px Tahoma; color:#98A400; }
.tt-projetos{ background:url(../img/tt-projeto.gif) no-repeat; width:91px; height:17px; margin:0 0 10px 7px; }
.tt-servicos{ background:url(../img/tt-servicos.gif) no-repeat; width:89px; height:21px; margin:0 0 10px 7px; }
.lk-veja-apresentacao{ background:url(../img/lk-apresentacao-pdf.gif) no-repeat; width:149px; height:20px; }
.tt-clientes{ background:url(../img/tt-clientes.gif) no-repeat left -1px; width:84px; height:23px; margin:0 0 10px 9px; }
.tt-contato{ background:url(../img/tt-contato.gif) no-repeat; width:89px; height:17px; }
.bt-enviar{ background:url(../img/bt-enviar.gif) no-repeat; width:47px; height:23px; }
.tt-endereco-contato{ background:url(../img/tt-endereco-contato.gif) no-repeat;  width:79px; height:16px; margin-bottom:10px; }
.lk-cartao-visita{ background:url(../img/lk-cartao-visita.gif) no-repeat; width:228px; height:22px; margin:0 0 0 90px; margin-top: 2px; }
.lk-como-chagar{ background:url(../img/lk-como-chegar.gif) no-repeat; display:block; width:301px; height:100px; }
.tt-trabalhe-conosco-contato{ background:url(../img/tt-trabalhe-conosco-contato.gif) no-repeat; width:123px;  height:13px; margin-bottom:10px; }
/*.tt-varejo{ background:url(../img/tt-varejo.gif) no-repeat; width:66px; height:14px; }*/
/*.tt-banco{ background:url(../img/tt-bancos.gif) no-repeat; width:70px; height:12px; }*/
.tt-conheca-projeto{ background:url(../img/tt-conheca-projetos.gif) no-repeat; width:140px; height:15px; margin:20px 0 20px 30px; }
.tt-trabalhe-conosco{ background:url(../img/tt-trabalhe-conosco.gif) no-repeat; width:168px; height:17px; }
.tt-dados-pessoais{ background:url(../img/tt-dados-pessoais.gif) no-repeat; width:106px; height:13px; }
.tt-experiencia{background:url(../img/tt-experiencias.gif); width:173px; height:14px ; }
.tt-objetivos-profissionais{ background:url(../img/tt-objetivos-profissionais.gif) no-repeat; width:156px; height:13px; }
.tt-areas-interesse{ background:url(../img/tt-areas-interesse.gif) no-repeat; width:127px; height:13px; }
.bt-avancar{ background:url(../img/bt-avancar.gif) no-repeat; width:80px; height:23px; }
.tt-formacao{ background:url(../img/tt-formacao.gif) no-repeat; width:77px; height:18px; }
.tt-ultima-atual{ background:url(../img/tt-ultima-atual.gif) no-repeat; width:93px; height:14px; }
.tt-penultima{ background:url(../img/tt-penultima.gif) no-repeat; width:60px; height:14px; }
.tt-antepenultima{ background:url(../img/tt-antepenultima.gif) no-repeat; width:88px; height:14px; }
.tt-idioma{ background:url(../img/tt-idioma.gif) no-repeat; width:65px; height:13px; }
.tt-informatica{ background:url(../img/tt-informatica.gif) no-repeat; width:90px; height:14px; }
.tt-curso-certificacao{ background:url(../img/tt-cursos-certificacoes.gif) no-repeat; width:148px; height:18px; }
.tt-referencia{ background:url(../img/tt-referencias.gif) no-repeat; width:88px; height:13px; }
.tt-foto{ background:url(../img/tt-anexar-foto.gif) no-repeat; width:63px; height:13px; }
.bt-voltar{ background:url(../img/bt-voltar.gif) no-repeat; width:82px; height:23px; }
.bt-concluir{ background:url(../img/bt-concluir.gif) no-repeat; width:82px; height:23px; }
.tt-servico{ background:url(../img/tt-servico.gif) no-repeat; width:92px; height:20px; margin:0 0 10px 9px; }
.tt-nossas-especialidades{ background:url(../img/tt-nossas-especialidades.gif) no-repeat; width:153px; height:14px; }
.tt-servicos-prestados{ background:url(../img/tt-servicos-prestados.gif) no-repeat; width:248px; height:16px; }
.tt-fatores-criticos{ background:url(../img/tt-fatores-criticos.gif) no-repeat; width:113px; height:14px; }
.tt-metodologia{ background:url(../img/tt-metodologia.gif) no-repeat; width:127px; height:17px; margin:0 0 20px 9px; }
.tt-metodologia-trabalho{ background:url(../img/tt-metodologia-trabalho.gif) no-repeat; width:169px; height:12px; }
.tt-relatorios-utilizados{ background:url(../img/tt-relatorios-utilizados.gif) no-repeat; width:157px; height:14px; }
.tt-sobre-metroll{ background:url(../img/tt-sobre-metroll.gif) no-repeat #FFF; width:156px; height:17px; margin:0 0 20px 9px; }
.tt-valor-agregado{ background:url(../img/tt-valor-agregado.gif) no-repeat; width:116px; height:14px; }




/***************************
			TOPO
****************************/
#logo-metroll{ /*background:url(../img/bg-box-logo.gif) no-repeat*/ top left; height:71px; width:175px; padding:32px 0 0 46px; _margin-right:15px; }
#logo-metroll #logo{ width:175px; height:44px; }
#logo-metroll #logo .tt-metroll{ background:url(../img/logo.png) no-repeat; width:183px; height:153px; position:absolute; left:46px; top:0; overflow:visible; }
#logo-metroll #logo .tt-metroll-internas{ background:url(../img/logo-internas.png) no-repeat; width:182px; height:163px; position:absolute; left:46px; top:0; overflow:visible; }

/****************** MENU IDIOMA ****************/
#menu-idioma{
	position:absolute;
	right:-26px;
	top:20px;
	z-index:300;
}
#menu-idioma ul li{ float:left; display: inline; padding:0 3px; border-right:1px solid #E1E2D4; }
#menu-idioma ul li.ultima{ border:none; }
/*#menu-idioma ul li a{ font:11px Tahoma; color:#B7B7B7; text-decoration:none; }*/
#menu-idioma ul li a:hover{ text-decoration:underline; }
#menu-idioma ul li a.lk-por{ background:url(../img/lk-por.gif) no-repeat; width:18px; height:9px; }
#menu-idioma ul li a.lk-eng{ background:url(../img/lk-eng.gif) no-repeat; width:18px; height:9px; }
#menu-idioma ul li a.lk-esp{ background:url(../img/lk-esp.gif) no-repeat; width:18px; height:9px; }


/*********** menu global *************/
#menu-global{
	background:url(../img/bg-box-menu-global.png) no-repeat top left; 
	height:110px;
	width:532px;
	padding:10px 0 0 23px; /*9px 0 0 23px*/
	position:absolute;
	top:0;
	
	right:0;
	_right:-36px;
	z-index:110;
}
#menu-global ul{
	background:url(../img/bg-ul-menu-global.png) repeat-x;
	*background-position:0 1px;
	height:103px; /*110px*/
	width:532px;  /* 568px */
	padding-left:36px;
	z-index:120;
}
#menu-global span.sombra-ul{
    background:url(../img/bg-sombra-ul.png) no-repeat;
	height:6px;
	width:38px;
	_width:73px; /*164px*/
	position:absolute;
	bottom:0;
	left:23px;
	z-index:90;
	/**bottom:-1px;*/
	_bottom:-12px; /*-15px*/
	_z-index:200;
}
#menu-global ul li{ 
	float:left;
	display:inline;
	padding:69px 5px 0 22px;
	background:url(../img/bg-li-menu-global.gif) no-repeat top right;
}
a{ height:14px; }
.lk-home{ background:url(../img/lk-home.gif); width:38px; }
.lk-sobre-metroll{ background:url(../img/lk-sobre-metroll.gif); width:91px; }
.lk-servicos{ background:url(../img/lk-servicos.gif); width:54px; }
.lk-clientes{ background:url(../img/lk-clientes.gif); width:52px; }
.lk-metodologia{ background:url(../img/lk-metodologia.gif); width:74px; }
.lk-contato{ background:url(../img/lk-contato.gif); width:50px; }

#menu-global a:hover{ background-position:0 14px; }

#menu-global .ativo{ padding-top:59px; }
#menu-global .ativo a{ background-position:0 14px; }
#menu-global-pagina .ativo{ padding-top:25px; }
#menu-global-pagina .ativo a{ background-position:0 14px; }

/*******************************
		MENU GLOBAL PÁGINA
********************************/
#menu-global-pagina{ 
	height:67px;
	width:833px;
	padding:9px 0 0 0;
	position:absolute;
	bottom:0;
}
#menu-global-pagina ul{
	background:url(../img/bg-ul-menu-pagina.gif) repeat-x top left #FFF;
	height:67px;
	width:540px;  /* 568px */
	padding-left:0;
	float:right;
}
#menu-global-pagina ul li{ float:left; display:inline; padding:35px 5px 0 22px; }
.hover-ativo a:hover{ background-position:0 14px; }
body#home .canto-menu-pagina{
	background:url(../img/bg-span-menu-pagina.gif) no-repeat top left #FFF;
	display:block;
	height:67px;
	width:37px;
	float:right;
}
#menu-global-pagina ul li.prmeira{ padding-left: 3px; }

/********************************
			RODAPE
*********************************/
#rodape{ 
	width:100%;
	height:141px;
	background:#000;
	position:relative;
	/**overflow-x:hidden;*/
	*margin:0 -1px;
	}
#rodape	span.bg-esquerda{
	background:url(../img/bg-rodape-canto.gif) repeat-x;
	width:35%;
	height:32px;
	position:absolute;
	top:0;
	left:0;
}
#rodape span.bg-direita{
	background:url(../img/bg-span-rodape-direita.gif) repeat-x;
	height:67px;
	position:absolute;
	width:50%;
	top:-67px;
	left:50%;
}
#rodape-pagina .endereco{ width:355px; padding-top:52px; float:left; }
#rodape-pagina .endereco h4.tt-endereco{ background:url(../img/tt-endereco.gif) no-repeat; }
#rodape-pagina .endereco span.endereco-1{ background:url(../img/endereco-1.gif) no-repeat; width:367px; height:12px; }
#rodape-pagina .endereco span.endereco-2{ background:url(../img/endereco-2.gif) no-repeat; width:328px; height:12px; }
#rodape-pagina a.gadbrivia{ font:10px Tahoma; color:#333; position:absolute; right:0; top:45px;
}
span.rodape-canto{
	background:url(../img/bg-rodape-canto.gif) repeat-x;
	width:469px;
	height:32px;
	position:absolute;
	left:0;
	top:0;
}
span.rodape-volta{
	background:url(../img/bg-rodape-volta.gif) no-repeat;
	height:32px;
	width:240px;
	float:right;
}

.lk-veja-apresentacao{ width:149px; float:left; margin-left:270px; position:absolute; top:68px; left:360px;}


/*****************************
		HOME
****************************/
body#home .flash-home{ position:absolute; top:101px; width:100%; *overflow-x:hidden; }
body#home .flash-home img{ margin:0 auto; }
body#home #conteudo{ padding-top:368px;}


/******** fundo home *********/
span.direita{ 
	background:url(../img/bg-span-direita.png) repeat top left;
	width:50%;
	height:788px;
	position:absolute;
	left:50%;
	top:0;
	*overflow-x:hidden;
	*margin:-1px;
}
span.sombra-direita{
	background:url(../img/bg-span-sombra-direita.png)  repeat-x top left;
	width:60%;
	height:118px;
	position:absolute;
	top:0;
	*overflow:hidden;
	left:40%;
	z-index:20;
}
span.esquerda{ 
	background:url(../img/bg-span-esquerda.gif) repeat-x top left;
	*background-position:left 1px; /*ie 6 e 7 */
	width:50%;
	height:788px;
	position:absolute;
	left:0;
	top:0;
	*overflow-x:hidden;
	*margin:-1px;
	
}
span.meio-esquerda{
	background:url(../img/bg-span-meio-esquerdo.png) repeat-x;
	height:358px;
	position:absolute;
	top:367px;
	left:0;
	width:40%;
	z-index:90;
	*overflow-x:hidden;
}
span.meio-direita{
	background:url(../img/bg-span-meio-direito.png) repeat-x;
	height:358px;
	position:absolute;
	top:367px;
	left:40%;
	width:60%;
	z-index:90;
	*overflow-x:hidden;
}

/************** PRINCIPAL **************/
body#home #conteudo #principal{ width:349px; float:left; padding:0 0 10px 0; background:none;}
body#home #conteudo #principal .box-projeto{ background:url(../img/bg-box-projetos-home.png) no-repeat; width:331px; padding:10px 0 0 18px; }
body#home #conteudo #principal .box-projeto .projeto-conteudo{ background:#FFF; padding:0 0 0 10px; position:relative; _position:static; }
#conteudo p{ font:11px Tahoma; color:#000; padding:0 20px 0 25px; }
.span-tt{
	background:url(../img/bg-span-tt.gif) repeat-x;
	display:block;
	width:180px;
	height:16px;
	position:absolute;
	top:0; _top:10px;
	right:15px;
}
body#home #conteudo #principal .box-projeto .span-tt { width:180px; top:0; _top:11px; }
.slide-cliente{
	overflow:hidden;
	height:295px;
	position:relative;
	width:322px;
}
#conteudo .slide-cliente p{ padding:0 0 0 10px; width:263px; line-height:13px; }
.slide-cliente ul{
	margin-left:17px;
	overflow:hidden;
	width:274px;
	height:295px;
	}
.slide-cliente ul li {
	width:274px;
	height:295px;
	/*float:left;
	display:inline;*/
}
.slide-cliente img{ margin:auto 10px; }
.slide-cliente .seta-anterior{
	background:url(../img/seta-anterior.gif) no-repeat center;
	width:15px;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	margin-left:7px;
	cursor:pointer;
}
.slide-cliente .seta-proximo{
	background:url(../img/seta-proxima.gif) no-repeat center;
	width:15px;
	height:200px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	margin-right:7px;
}
.projeto-conteudo span{ font:10px Tahoma; color:#97A300; padding:0 9px; }
.projeto-conteudo span strong{ color:#878787; margin:0; padding:0; }
.projeto-conteudo .lk-saiba-mais{ margin:5px 0 10px 10px; }

/********* pontilhado - projetos ***********/ 
.projeto-conteudo span.pontilhado{ background:url(../img/bg-canto-direito.gif) no-repeat; display:block; height:139px; padding:0;}
.projeto-conteudo span.pontilhado span.canto-esquerdo{ background:url(../img/bg-canto-esquerdo.gif) no-repeat; display:block; height:139px; width:3px; padding:0; float:left; }
.projeto-conteudo span.pontilhado span.canto-direito{ background:url(../img/bg-canto-direito.gif) no-repeat; display:block; width:15px; height:16px; padding:0; float:right; }



/****************** SECUNDARIO ******************/
body#home #conteudo #secundario{ width:435px; float:left; padding:0 20px 10px 0; margin-top:64px; background:url(../img/bg-secundario.gif) no-repeat right -2px #FFF; position: relative; }
span.bg-secundario-home{
	height: 296px;
	width: 11px;
	top: 8px;
	left: 0px;
	position: absolute;
	background:url(../img/bg-secundario-home.gif) no-repeat;
	z-index: 100;
}


/***** box servicos *****/
body#home #conteudo #secundario .box-servico{
	background:url(../img/bg-box-servicos.gif) repeat-x #FFF;
	/*width:455px;*/
	height:165px;
	padding-top:20px;
	overflow:hidden;
	position:relative;
}
#secundario .box-servico span.span-tt{ top:21px; width:310px; }
#secundario .box-servico p{ padding:0 18px 0 33px; line-height:16px;}
#secundario .links-servico{ height:25px; padding:15px 15px 15px 30px; }
#secundario .links-servico a.lk-saiba-mais{ float:left; display:inline; }
#secundario .links-servico a.lk-veja-apresentacao{ float:right; display:inline; }

/***** box clientes *****/
#secundario .box-clientes{ padding-top:20px; position:relative; }
#secundario .box-clientes span.span-tt{ top:23px; width:310px; }

/*********************************
	carroussl clientes - home
*********************************/
#secundario .box-clientes span.espaco{ display:block; width:100%; height:20px; }
body#home #carrossel-clientes{ 
	height:90px;
	width:423px;
	position:relative;
	margin-left:12px
}
body#home #carrossel-clientes .jcarousel-clip{
	width:400px;  /*382px*/
	height:90px;
	overflow:hidden;
	margin:0 auto;
}
body#home #carrossel-clientes .jcarousel-clip ul{  }
body#home #carrossel-clientes .jcarousel-clip ul li {
	float:left;
	display:inline;
	height:90px;
	margin-right:5px;
	width:94px;  /*90px*/
}
body#home #carrossel-clientes .jcarousel-clip ul li a,
body#home #carrossel-clientes .jcarousel-clip ul li a img{ text-decoration:none; }
body#home #carrossel-clientes .jcarousel-prev{ background:url(../img/seta-anterior.gif) no-repeat; width:13px; height:17px;  position:absolute; top:40px; left:0; *left:-5px; cursor:pointer; }
body#home #carrossel-clientes .jcarousel-next{ background:url(../img/seta-proxima.gif) no-repeat; width:13px; height:17px; position:absolute; top:40px; right:0; cursor:pointer; }


/************** Alinhamento das imagens carrossel ***************/
div.jcarousel-container{ width: 423px; height: 90px; position:absolute; left:10px; top:10px;  }




/************************************
		FUNDO INTERNAS
***************************************/
span.direita-interna{ 
	background:url(../img/bg-span-interna-direita.jpg) repeat -1px 0;
	width:50%;
	height:676px;
	position:absolute;
	left:50%;
	top:0;
	/*_top:-1px;*/
	*background-position:-2px 0;
	_background-position:0 0;
	*margin:-1px;
}
span.esquerda-interna{ 
	background:url(../img/bg-span-interna-esquerda.jpg) repeat top left;
	width:50%;
	height:776px; /*725*/
	position:absolute;
	left:0;
	top:0;
	/**margin:-1px;*/
}
.canto-menu-pagina { background:#FFFFFF url(../img/bg-span-menu-pagina-internas.gif) no-repeat;
	display:block;
	float:right;
	height:67px;
	width:37px;
}
/************************************
			Contato
*************************************/
#logo-metroll { height:68px; }
body#contato #conteudo{ padding-top:153px; }
body#contato #conteudo #principal{ width:426px; }#conteudo #principal{
	background:url(../img/bg-principal-contato.gif) no-repeat 0 2px;
	float:left;
	padding:0 0 50px 15px;
	position:relative;
	
}
body#contato #conteudo #secundario{
	width:353px;
	background:url(../img/bg-secundario-contato.gif) no-repeat;
	float:left;
	margin-top:10px;
	padding:18px 0 70px 0;
}

body#contato #conteudo #principal div.form-contato{ background:#FFF; padding:14px 0 0 10px; min-height:620px; _height:620px; /*539px*/ }
.span-tt { top:14px; width:305px; }
body#contato #conteudo #principal .formulario-contato{ padding:27px 0 0 24px; }
body#contato #conteudo #principal .formulario-contato ul li{ height:33px; margin-bottom:10px; }
body#contato #conteudo #principal .formulario-contato ul li.li-msg{ height:107px; }
body#contato #conteudo #principal .formulario-contato ul li.botao{ padding-top:15px; }
body#contato #conteudo #principal .formulario-contato label{ font:11px Tahoma; color:#000; }
body#contato #conteudo #principal .formulario-contato input, textarea{ border:1px solid #CCC; width:370px; }
body#contato #conteudo #principal .formulario-contato textarea{ height:91px; }
body#contato #conteudo #principal .formulario-contato .bt-enviar{ border:none; width:47px; float:right; margin-right:20px }

body#contato #conteudo #secundario .endereco-contato{ padding:0 0 12px 17px; }
body#contato #conteudo #secundario .endereco-contato ul li{ padding:0 0 0 20px; height:75px; margin-bottom:15px; *margin-bottom:13px; }
body#contato #conteudo #secundario .endereco-contato ul li img{ float:left; margin:0 10px 0 0; }
body#contato #conteudo #secundario .endereco-contato ul li span{ display:block; width:190px; float:left; font:11px Tahoma; color:#000; padding:0 0 0 0; line-height:16px; }

body#contato #conteudo #secundario .contato-trabalhe-conosco{ 
	position:relative;
	min-height:270px;
	_height:270px; 
	padding:14px 0 0 17px;
}
body#contato #conteudo #secundario .contato-trabalhe-conosco span.bg-trabalhe-conosco{
	background:url(../img/bg-trabalhe-conosco-contato.gif) no-repeat top right;
	height:258px;
	width:178px;
	position:absolute;
	top:-3px;
	*top:-8px;
	right:-11px;

}
body#contato #conteudo #secundario .contato-trabalhe-conosco .lk-saiba-mais{ margin-left:23px; }
body#contato #conteudo #secundario .contato-trabalhe-conosco p{ font:11px Tahoma; color:#333; padding-bottom:15px; line-height:16px; }
body#contato #conteudo #secundario .google-maps{ background:url(../img/bg-box-google-maps.gif) no-repeat; width:301px; padding:30px 0 0 0; margin-top:25px; }

/*** ****/
.aviso-erro{ 
	width:300px;
	float:right;
	margin:0 25px 0 0;
	font:11px Tahoma; 
}
.lk-google-maps{
	background:url(../img/lk-google-maps.gif) no-repeat;
	width:80px;
	height:14px;
	/*clear:both;*/
	margin:10px 0 0 0;
}

/**********************************
			CLIENTES
*********************************/
body#clientes #conteudo #principal h3.tt-segmento{ background:url(../img/bl-clientes.gif) no-repeat left 3px; padding-left:20px; font:bold 14px Tahoma; color:#98A400; }
body#clientes #conteudo{ padding-top:153px; }
body#clientes #conteudo #principal{ position:relative; padding-right:11px; padding-bottom:70px;  }
#principal span.bg-canto-clientes{ 
	background:url(../img/bg-span-clientes.gif) no-repeat;
	width:22px;
	height:523px;
	position:absolute;
	top:0;
	*top:1;
	_top:0;
	right:-5px;
	_right:-6px;
}
body#clientes #conteudo #principal .clientes{
	background:#FFF;
	width:777px;
	min-height:620px; /*523px*/
	_height:620px;
	padding-top:12px;
	}
body#clientes #conteudo #principal .clientes .span-tt { right:27px; width:652px; }
body#clientes #conteudo #principal .clientes p, strong{ margin-left:32px; padding:0 30px 0 0; margin-bottom:25px; line-height:16px; }
body#clientes #conteudo #principal .clientes strong{ font:bold 11px Tahoma;  }
/*body#clientes #conteudo #principal .clientes span.spacer-pontos{ background:url(../img/bg-spacer-pontos.gif) repeat-x; display:block; width:729px; height:10px; margin:12px 0 20px 30px; }*/
body#clientes #conteudo #principal .clientes-lista{
	margin:0 0 0 30px;
}
.clientes span.spacer-pontos{ margin-bottom: 3px; }
/*** spacer pontos ***/
span.spacer-pontos{ background:url(../img/bg-spacer-pontos.gif) repeat-x; display:block; width:729px; height:10px; margin:12px 0 20px 35px; }

.clientes-lista .segmento{
	width:736px;
	margin-bottom:50px;
	overflow:hidden;
	background:url(../img/bg-clientes.jpg) no-repeat;
	padding-top: 25px;
}
.clientes-lista .segmento h3{ clear:both; margin-bottom:20px; }
.clientes-lista .segmento ul{ width:735px; }
.clientes-lista .segmento ul li{
	width:125px;
	height:95px;
	float:left;
	display:inline;
	margin:0 20px 15px 0;
}
.clientes-lista .segmento ul li a.box{ 
	background:url(../img/modura-lista-clientes.gif) no-repeat;
	display:block;
	width:119px;
	height:75px;
	overflow:hidden;
	text-decoration:none;
}
.clientes-lista .segmento a.ver-projetos{ font:9px Tahoma; color:#98A400; }


/*************************************
			CLIENTE PROJETO
**************************************/
body#clientes #conteudo #principal .projeto-cliente{ position:relative; }
body#clientes #conteudo #principal .form-cliente{ /*margin-left:30px;*/ padding:20px 0 0 30px; }
div.cliente-detalhe{
	margin:0 0 0 30px;
	width:729px;
	clear:both;
	overflow:hidden;
	padding-bottom:15px;
	border-bottom:1px solid #CCC;
}
.form-cliente select{ width:239px; }
div.cliente-detalhe .logo-cliente{
	background:url(../img/modura-lista-clientes.gif) no-repeat;
	width:119px;
	height:75px;
	float:left;
	display:inline;
}

body#clientes #conteudo #principal div.cliente-detalhe p.descicao-cliente{ float:right; display:inline; width:560px; margin:0; padding:5px;}
body#clientes #conteudo #principal .box-projeto-cliente{ 
	position:relative; 
	margin-bottom:55px; 
	/*overflow:hidden; */
	/*clear:both; */
	min-height:300px; 
	_height:300px;}
body#clientes #conteudo #principal .box-projeto-cliente strong{ width:315px; }
body#clientes #conteudo #principal .box-projeto-cliente p{ width:315px; }
body#clientes #conteudo #principal .box-projeto-cliente p.descricao{ width:700px; }
p.descricao span{ 
	font-size: 11px!important;
	font-family: Tahoma!important;
	color:#000000!important;
}

/****************** cycle cliente projeto ***************/
/*body#clientes .cycle{ width:419px; float:right; }*/
body#clientes .cycle-projeto-cliente{
	width:417px;
	position:absolute;
	top:0px;
	right:10px;
}
body#clientes .cycle-projeto-cliente ul {
	width:320px;
	height:241px;
	overflow:hidden;
	margin:0 auto;
}
body#clientes .cycle-projeto-cliente ul li{ width:320px; height:241px; }
body#clientes .cycle-projeto-cliente ul li a{ text-decoration:none; }
body#clientes .cycle-projeto-cliente .legenda{ font:11px Tahoma; color:#8A9713; }
body#clientes .cycle-projeto-cliente .seta-anterior{ 
	background:url(../img/seta-anterior-carrosel.gif) no-repeat;
	width:40px;
	height:62px;
	position:absolute;
	top:96px;
	left:0;
	cursor:pointer;
}
body#clientes .cycle-projeto-cliente .seta-proximo{
	background:url(../img/seta-proximo-carrossel.gif) no-repeat;
	width:40px;
	height:62px;
	position:absolute;
	top:96px;
	right:0;
	cursor:pointer;
}

/************************************
		TRABALHE CONOSCO
**************************************/

#conteudo{ padding-top:153px; /**padding-top:155px; _padding-top:153px;*/ }
body#trabalhe-conosco #pagina{ /*min-height:600px; _height:600px;*/ /*background-color:blue;*/ _height:600px; }
/*body#trabalhe-conosco #conteudo{ min-height:600px; _height:600px; }*/
body#trabalhe-conosco #conteudo #principal { /*background-color:red;*/ padding-bottom:70px; padding-right:11px; position:relative;  /*min-height:600px; _height:600px;*/ }
body#trabalhe-conosco #conteudo #principal .trabalhe-conosco {
	background:#FFFFFF none repeat scroll 0 0;
	min-height:523px;
	_height:523px;
	padding:12px 0 0 10px;
	width:777px;
}
body#trabalhe-conosco #conteudo #principal .trabalhe-conosco-parte-2 { *height:1500px; }
body#trabalhe-conosco #conteudo #principal .span-tt { right:33px; width:568px; }
body#trabalhe-conosco #conteudo #principal .trabalhe-conosco .formulario-trabalhe-conosco{  padding:0 0 0 25px; }
.formulario-trabalhe-conosco span.spacer-pontos { margin-left:0; width:729px; }

.formulario-trabalhe-conosco label, .disponibilidade{ font:11px Tahoma; color:#000; }
input, select{ font:11px Tahoma; color:#000; height:15px;  }
select{ height:19px; *height:18px; _height:15px; }
textarea{ font:11px Tahoma; color:#000; }

/********* formulario trabalhe conosco - 1 *********/
.formulario-trabalhe-conosco .dados-pessoais ul li{ height:35px; margin:0 12px 12px 0; float:left; display:inline;  }
.formulario-trabalhe-conosco .dados-pessoais ul li.w-120, .w-140{ height:55px;}
.formulario-trabalhe-conosco .dados-pessoais ul li.margin-60{ margin-right:60px; }
.formulario-trabalhe-conosco .dados-pessoais ul li.margin-30{ margin-right:30px; }
.formulario-trabalhe-conosco .dados-pessoais ul li input, select{ border:1px solid #BEBEBE; }
.formulario-trabalhe-conosco .dados-pessoais ul li.w-120 input{ border:none; }
.formulario-trabalhe-conosco .dados-pessoais ul li.w-140 input{ border:none; }
.tt-fieldset{ margin:20px 0 20px 0; }
.fieldset{ margin-left:50px; }
.label-h-30{ display:block; height:30px; }

/*** tamanhos li ***/
.w-159{ width:159px; }
.w-198{ width:198px; }
.w-123{ width:123px; }
.w-447{ width:447px; }
.w-139{ width:139px; }
.w-390{ width:390px; }
.w-215{ width:215px; }
.w-274{ width:274px; }
.w-120{ width:120px; }
.w-140{ width:140px; }
.w-305{ width:305px; }
.w-156{ width:156px; }
.w-308{ width:308px; }
.w-148{ width:148px; }
.fieldset{ clear:both; overflow:hidden; margin-bottom:15px; }

/*** tamanhos input ***/
.input-w-443{ width:443px; }
.input-w-158{ width:158px; }
.input-w-120{ width:120px; }
.input-w-136{ width:136px; }
.input-w-387{ width:387px; }
.input-w-213{ width:213px; }
.input-w-195{ width:195px; }
.input-w-270{ width:270px; }
.input-w-154{ width:154px; }
.input-w-304{ width:304px; }
.input-w-150{ width:150px; }
.input-w-146{ width:146px; }
.input-w-272{ width:272px;  *width:269px; }

.objetivos-profissionais textarea{ width:620px; height:114px; }
.escolha-area-interesse{ font:11px Tahoma; color:#000; }
.areas-interesse{ margin-bottom:50px; }
.areas-interesse ul li{ float:left; display:inline; margin:0 30px 3px 0; }

fieldset.anexar-foto span.curriculo{ font:11px Tahoma; color:#000000; display:block; clear:both; }

/********* formulario trabalhe conosco - 2 *********/
.trabalhe-conosco-parte-2 ul li{ *height:38px; margin:0 12px 12px 0; float:left; display:inline; }
.trabalhe-conosco-parte-2 ul li input, select{ border:1px solid #BEBEBE; }
.trabalhe-conosco-parte-2 .formacao fieldset.fieldset{ margin-left:0; margin-bottom:20px; }
fieldset.idioma ul li{ margin-right:80px; height:80px; } 
fieldset.idioma ul li.ultima-dupla{ margin-right:0; }
fieldset.idioma ul .ultima-dupla div.outro-idioma{ margin-bottom:10px; }
.cursos-certificacao textarea{ height:114px; width:620px; }
.cursos-certificacao ul li{ height:150px; }
fieldset.referencia fieldset{ margin-left:0; }

input.upload-foto{ height:20px; }
.anexar-foto{ margin-bottom:80px; }
/********* MENSAGEM DE ERRO *********/
div.botao-msg-erro{ height:100px; margin-bottom:30px; }
.mensagem-erro{
	/*display:block;*/
	width:422px; 
	height:72px;
	font:11px Tahoma;
	color:#000;
	border:6px solid #993300;
	float:right;
}
span.mensagem-erro span{ display:block;  padding:23px 16px 0 16px; height:45px; border:2px groove #D5D5D5; }
.bt-avancar{ float:right; margin:0 23px 0 67px; display:inline; }
.bt-concluir{ float:right; margin:0 23px 0 67px; display:inline; }


/******************************************
			SERVICOS
*******************************************/
body#servico #conteudo #principal{ padding-right:14px; position:relative; }
body#servico #conteudo #principal .servicos .span-tt { right:27px; width:652px; }
body#servico #conteudo #principal .servicos{
	background:#FFFFFF;
	min-height:523px;
	_height:523px;
	padding-top:12px;
	width:777px;
}
body#servico .metroll-servicos{ padding:10px 20px 7px 35px; line-height:16px; }
body#servico .box-nossas-especialidades, .box-servicos-prestados{  margin-bottom:25px; padding:15px 0 0 35px; }
body#servico .box-servicos-prestados ul{ clear:both; overflow:hidden; padding:17px 0 0 18px; }
body#servico .box-nossas-especialidades ul{ clear:both; overflow:hidden; padding:20px 0 0 18px;}
body#servico .espaco-alinhamento{ width:100%; height:1px; }

body#servico .titulos-servicos{ 
	background:url(../img/bl-titulo-servico.gif) no-repeat left center;
	font:bold 11px Tahoma;
	color:#000;
	padding:0 0 0 20px;
}
body#servico ul li.box-li{ width:345px; float:left; }
body#servico .listagem-servicos li{
	background:url(../img/bl-listagem-servicos.gif) no-repeat left center;
	font:11px Tahoma;
	color:#000;
	padding:0 0 0 22px;
	margin-bottom:15px;
}
body#servico li.box-li p{ padding:10px 10px 7px 20px; line-height:16px; }

body#servico .box-servicos-prestados ul.listagem-servicos{ padding-left:32px; }
.img-servico-prestado{ 
	margin: 20px 0 0;
}


/*******************************************
			METODOLOGIA
*******************************************/
body#metodologia #conteudo #principal { padding-right:14px; padding-bottom:90px; position:relative;  }
body#metodologia #conteudo #principal .metodologia {
	background:#FFFFFF;
	min-height:620px; /*523px*/
	_height:620px;
	padding-top:12px;
	width:777px;
}
body#metodologia #conteudo #principal .metodologia .span-tt { right:27px; width:620px; }
body#metodologia .p-metodologia{ padding:0 10px 0 33px; margin:10px 0 0 0; line-height:16px; }
body#metodologia .metodologia-boxes{ padding:0 0 0 33px; }
body#metodologia .box-fatores-criticos, .box-metodologia-trabalho{ width:352px; float:left; display:inline; margin-bottom:15px; }
body#metodologia .box-fatores-criticos p, body#metodologia .box-metodologia-trabalho p{ min-height:70px; _height:70px; padding:10px 20px 15px 0; line-height:16px; }
.span-clear{ clear:both; overflow:hidden; }
body#metodologia .box-relatorios-utilizados{  }
body#metodologia .box-relatorios-utilizados p{ padding:10px 0 5px 0; }
body#metodologia .box-relatorios-utilizados ul{ clear:both; overflow:hidden; }
body#metodologia .box-relatorios-utilizados ul li{ float:left; display:inline; width:96px; margin:15px 9px 0 0;  }
.img-metodologia-01{ margin: 25px 0 5px 33px; }
.img-metodologia-02{ margin: 25px 0 10px 33px; }

/**************************************
		FATORES CRITICOS
***************************************/

body#metodologia #conteudo #principal .fat-criticos { min-height:573px; }
.fat-criticos .tt-fatores-criticos{ margin-left:33px; }
body#metodologia .fatores-criticos li{
	background:url(../img/bl-listagem-servicos.gif) no-repeat left 2px;
	font:11px Tahoma;
	color:#999999;
	font-weight:bold;
	padding:0 0 0 22px;
	margin-bottom:15px;
}
.tt-integracao{ font:bold 11px Tahoma; color:#000; }
.fatores{ clear:both; overflow:hidden; padding-left:32px; }
.lista-fatores-criticos{ width:310px; margin:20px 18px 0 30px; float:left; display:inline; }
.integracao{ width:395px;  margin:20px 0 0 0; float:left; display:inline; }
body#metodologia p.bold{ font:bold 11px Tahoma; }
.tt-integracao{ margin:0 0 10px 0;; }
.lk-voltar-mtodologia{ font:11px ArialMT; color:#98A400; display:block; padding:0 0 0 35px; }

/****************************************
		METODODOLOGIA TRABALHO
*****************************************/
.flash-metodologia{ margin:35px 0 40px 33px; }
.mat-trabalho .tt-metodologia-trabalho{ margin-left:33px; }




/******************************************
			SOBRE A METROLL
*****************************************/
/***** Menu institucional ******/
.bg-menu-institucional{
	background:url(../img/bg-menu-sobre-metroll.gif) repeat-x;
	height:42px;
	width:50%;
	position:absolute;
	left:0;
	top:205px;
	z-index:20;
}
.menu-institucional {
	background:#FFFFFF url(../img/bg-menu-sobre-metroll.gif) repeat-x;
	height:60px;
	position:absolute;
	right:5px;
	_right:4px;
	top:52px;
	width:815px;
	z-index:100;
}
.span-menu-institucional{
	background:url(../img/bg-span-menu-institucional.gif) no-repeat;
	width:56px;
	height:42px;
	position:absolute;
	top:0;
	right:0;
}
.menu-institucional  ul{ margin-left:60px; }
.menu-institucional  ul li{ float:left; display:inline; height:59px;}
.menu-institucional  ul li a{ height:59px }
.lk-menu-sobre{ background:url(../img/lk-menu-sobre-metroll.gif); width:100px;  }
.lk-menu-valor-agregado{ background:url(../img/lk-menu-valor-agregado.gif); width:147px; }
.lk-menu-principio{ background:url(../img/lk-menu-principios.gif); width:118px; }
.menu-institucional ul li.ativo a{ background-position:0 bottom; }

body#sobre-metroll #conteudo #principal { padding-bottom:90px; padding-right:14px; position:relative; }
body#sobre-metroll #conteudo #principal .sobre-metroll{ 
	background:#FFFFFF;
	min-height:620px;  /*553px*/
	_height:620px;
	padding-top:12px;
	width:777px;
}
body#sobre-metroll #conteudo #principal .span-tt { top:13px; width:600px; }
.sobre{ position:relative; padding:80px 0 0 0; }
body#sobre-metroll .p-sobre-metroll{ width:305px; margin-bottom:10px; padding:0 0 0 45px; line-height:16px;}

/***** CYCLE sobre a metroll *****/
body#sobre-metroll .cycle-projeto-cliente .legenda{ font:11px Tahoma; color:#8A9713; }
body#sobre-metroll .cycle-projeto-cliente { position:absolute; right:10px; top:85px; width:417px; }
body#sobre-metroll .cycle-projeto-cliente ul { height:262px; margin:0 auto; overflow:hidden; width:320px; }
body#sobre-metroll .cycle-projeto-cliente ul li { height:262px; width:320px; }
body#sobre-metroll .cycle-projeto-cliente ul li a { text-decoration:none; }
body#sobre-metroll .cycle-projeto-cliente .seta-anterior {
	background:transparent url(../img/seta-anterior-carrosel.gif) no-repeat scroll 0 0;
	cursor:pointer;
	height:62px;
	left:0;
	position:absolute;
	top:96px;
	width:40px;
}
body#sobre-metroll .cycle-projeto-cliente .seta-proximo {
	background:transparent url(../img/seta-proximo-carrossel.gif) no-repeat scroll 0 0;
	cursor:pointer;
	height:62px;
	position:absolute;
	right:0;
	top:96px;
	width:40px;
}


/*********************************************
			  VALOR AGREGADO
*********************************************/
.valor-agregado .sobre{ padding:90px 0 0 0; }
body#sobre-metroll .tt-valor-agregado{ margin:0 0 15px 50px; }
body#sobre-metroll .p-valor-agregado{ padding-left:50px; margin-bottom:20px; line-height:16px;}
body#sobre-metroll .flash-valor-agregado{ margin:0 0 0 45px; }

/***************************************
			PRINCIPIOS
****************************************/
.lista-principios{ width:370px; float:left; margin:0 20px 0 45px; display:inline; }
.lista-principios ul li{
	background:url(../img/bl-titulo-servico.gif) no-repeat left 4px;
	font:11px Tahoma;
	color:#000;
	margin-bottom:14px;
	padding:0 0 0 20px;
	line-height:16px;
}
.lista-principios ul li strong{ margin:0; padding:0; }
.imagem-principios{ width:325px; float:left; display:inline; }
.imagem-principios .legenda{ font:11px Tahoma; color:#8A9713; }



/*** ***/
body#clientes #principal span.bg-canto-clientes{right:-8px;}
body#trabalhe-conosco #principal span.bg-canto-clientes{right:-8px;}


/** borda cliente projeto **/
.borda-divisória{
	display:block;
	width:700px;
	height:1px;
	border-bottom:1px solid #CCCCCC;
	margin:20px 0 0 30px;
}
#rodape-apresentacao .selo{
	background:url(../img/selo.gif) no-repeat bottom;
	width:66px;
	height:61px;
	padding:52px 0 0 200px;
	overflow:hidden;
	display:block;
}
.img-metodoliga{
	background:url(../img/img-intgracao-stakeholders.jpg);
	width:380px;
	height:380px;
	display:block;
	overflow:hidden;
}