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

DOCUMENTO: Arquivo com as classes de template e classes específicas do projeto
CRIAÇÃO: 26/06/2008
AUTOR: Kerstin Kienen (kerstin@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");

/*****************
******************
	PROJETO
******************
******************/

/*links*/
.lk-sobre-metroll { background:transparent url(../img/lk-sobre-metroll-es.gif) repeat scroll 0 0; width:89px; }
.lk-cartao-visita{ background:url(../img/lk-cartao-visita-es.gif) no-repeat; width:228px; height:27px; margin:0 0 0 90px; }
.lk-metodologia{ background:url(../img/lk-metodologia-es.gif); width:76px; }
.lk-servicos{ background:url(../img/lk-servicos-es.gif); width:58px; }
.lk-clientes{ background:url(../img/lk-clientes.gif); width:52px; }
.lk-contato{ background:url(../img/lk-contato-es.gif); width:60px; }
.lk-menu-principio{ background:url(../img/lk-menu-principios-es.gif); width:159px; }
.lk-veja-apresentacao{ background:url(../img/lk-apresentacao-pdf-es.gif) no-repeat; width:149px; height:20px; }

#rodape-pagina .endereco h4.tt-endereco{ background:url(../img/tt-endereco-es.gif) no-repeat; }

/* títulos */
.tt-servicos { 
	background:transparent url(../img/tt-servicos-es.gif) no-repeat scroll 0 0; 
	height:21px;	
	width:95px;
	margin:0 0 10px 7px;
}
.tt-servico{ background:url(../img/tt-servico-es.gif) no-repeat; width:95px; height:20px; margin:0 0 10px 9px; }
.tt-nossas-especialidades{ background:url(../img/tt-nossas-especialidades-es.gif) no-repeat; width:165px; height:14px; }
.tt-servicos-prestados{ background:url(../img/tt-servicos-prestados-es.gif) no-repeat; width:134px; height:16px; }
.tt-clientes{ background:url(../img/tt-clientes.gif) no-repeat left -1px; width:84px; height:23px; margin:0 0 10px 9px; }
.tt-conheca-projeto{ background:url(../img/tt-conheca-projetos-es.gif) no-repeat; width:149px; height:15px; margin:20px 0 20px 30px; }
.tt-metodologia{ background:url(../img/tt-metodologia-es.gif) no-repeat; width:129px; height:19px; margin:0 0 20px 9px; }
.tt-fatores-criticos{ background:url(../img/tt-fatores-criticos-es.gif) no-repeat; width:113px; height:14px; }
.tt-relatorios-utilizados{ background:url(../img/tt-relatorios-utilizados-es.gif) no-repeat; width:148px; height:14px; }
.tt-metodologia-trabalho{ background:url(../img/tt-metodologia-trabalho-es.gif) no-repeat; width:169px; height:14px; }
.tt-contato{ background:url(../img/tt-contato-es.gif) no-repeat; width:94px; height:17px; }
.tt-endereco-contato{ background:url(../img/tt-endereco-contato-es.gif) no-repeat;  width:124px; height:16px; margin-bottom:10px; }
.tt-trabalhe-conosco-contato{ background:url(../img/tt-trabalhe-conosco-contato-es.gif) no-repeat; width:147px;  height:13px; margin-bottom:10px; }
.tt-sobre-metroll{ background:url(../img/tt-sobre-metroll-es.gif) no-repeat #FFF; width:164px; }
body#sobre-metroll #conteudo #principal .span-tt{ width:595px }
.tt-projetos{ background:url(../img/tt-projeto-es.gif) no-repeat; width:181px; height:17px; margin:0 0 10px 7px; }
.lk-home{ background:url(../img/lk-home-es.gif); width:60px; }


/* botão */
.bt-enviar{ background:url(../img/bt-enviar.gif) no-repeat; width:47px; height:23px; }

/**********************************
			CLIENTES
*********************************/
#menu-global ul li {
	background:transparent url(../img/bg-li-menu-global.gif) no-repeat scroll right top;
	display:inline;
	float:left;
	padding:69px 5px 0 16px;
}
/*** menu idioma ***/
#menu-idioma {
	position:absolute;
	right:-24px;
	top:20px;
	z-index:300;
}
#menu-global ul li.primeira {
	background:transparent url(../img/bg-li-menu-global.gif) no-repeat scroll right top;
	display:inline;
	float:left;
	padding:69px 5px 0 08px;
}
/** rodapé **/
#rodape-pagina .endereco h4.tt-endereco{ background:url(../img/tt-endereco-es.gif) no-repeat; }

/**********************************
			CLIENTES
*********************************/
body#clientes #conteudo #principal .clientes p, strong {
	line-height:16px;
	margin-bottom:15px;
	margin-left:32px;
	padding:0 30px 0 0;
}
#menu-global-pagina ul li {
padding:35px 5px 0 15px;
}

/****************** cycle cliente projeto ***************/
body#clientes .cycle-projeto-cliente{
	width:417px;
	position:absolute;
	top:30px;
	right:10px;
}
body#clientes .cycle-projeto-cliente ul {
	width:320px;
	height:262px;
	overflow:hidden;
	margin:0 auto;
}
body#clientes .cycle-projeto-cliente ul li{ width:320px; height:262px; }
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-proximo{
	background:url(../img/seta-proximo-carrossel.gif) no-repeat;
	width:40px;
	height:62px;
	position:absolute;
	top:96px;
	right:0;
	cursor:pointer;
}

body#home #conteudo #principal .box-projeto .span-tt { width:92px; }
.img-metodoliga{
	background:url(../img/img-intgracao-stakeholders-es.jpg);
	width:380px;
	height:380px;
	display:block;
	overflow:hidden;
}
body#contato #conteudo #secundario .endereco-contato{ padding:0 0 34px 17px; }