/*GERAL*/
*{ margin: 0px; padding: 0px; text-decoration: none; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #616161; line-height: 1.6em; }

/*TAG'S*/
html{ overflow-y: scroll; }
body{ font-size: 76%; }
p, a, h3{ font-size: 0.9em; }
img{ border: 0px; }
a{ color: #77929c; }
a:hover{ color: #5c7284; text-decoration: underline; }
h2{ font: bold 1.2em TradeGothic, "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #96a9c1; }

/*CLASS*/
.hide{ display: none; }
.linha{ border-top: 1px solid #d1d1d1; margin: 34px 30px; }
.cor1{ color: #949393 }
.cor2{ color: #000 }
.floatLeft{ float: left; }
a.habilitado{ color: #ff7330; font-weight: bold; }

/*PRINCIPAL*/
#principal{
	width: 760px;
	margin: 0px auto;
}

/*CONTEUDO*/
#conteudo{
	width: 760px;
	float: left;
	background: url("../imagens/borda.gif") repeat-y;x
}

/*TOPO*/
#topo{
	height: 110px;
	padding: 10px 0px 0px 25px;
	background: url("../imagens/base_topo.gif") no-repeat;
}

/*FERRAMENTAS*/
#ferramentasLinks{
	clear: both;
	float: right;
	color: #77929c;
	margin-top: -95px;
	padding-right: 19px;
}

#ferramentasLinks a{ padding: 0px 11px; }

/*MENU*/
#menu{
	width: 443px;
	height: 49px;
	float: right;
	clear: both;
	margin-top: -36px;
	position: relative;
	padding-right: 19px;
	background: url("../imagens/menu.gif") no-repeat;
}

#menu li{ 
	list-style: none;
	position: absolute;
}

#menu li, #menu a{ 
	height: 50px;
	display: block;
}	

#menu li a{
	text-indent: -9000px;
	overflow: hidden;
}

/*BOTÃO 1*/
#menu #bt1{ left: 0px; width: 53px; }
#menu #bt1 a:hover{ height: 50px; background: url("../imagens/menu.gif") 0px -50px no-repeat; }
#menu #bt1.ativo{ height: 50px; background: url("../imagens/menu.gif") 0px -100px no-repeat; }
#menu #bt1.ativo a:hover{ height: 50px; background: url("../imagens/menu.gif") 0px -100px no-repeat; }

/*BOTÃO 2*/
#menu #bt2{ left: 60px; width: 69px; }
#menu #bt2 a:hover{ height: 50px; background: url("../imagens/menu.gif") -60px -50px no-repeat; }
#menu #bt2.ativo{ height: 50px; background: url("../imagens/menu.gif") -60px -100px no-repeat; }
#menu #bt2.ativo a:hover{ height: 50px; background: url("../imagens/menu.gif") -60px -100px no-repeat; }

.bt2Ativo{ background: url("../imagens/menu.gif") -60px -50px no-repeat; }
.bt2Desativo{ background: url("../imagens/menu.gif") -60px 0px no-repeat; }

.bt3Ativo{ background: url("../imagens/menu.gif") -136px -50px no-repeat; }
.bt3Desativo{ background: url("../imagens/menu.gif") -136px 0px no-repeat; }

/*BOTÃO 3*/
#menu #bt3{ left: 136px; width: 73px; }
#menu #bt3 a:hover{ height: 50px; background: url("../imagens/menu.gif") -136px -50px no-repeat; }
#menu #bt3.ativo{ height: 50px; background: url("../imagens/menu.gif") -136px -100px no-repeat; }
#menu #bt3.ativo a:hover{ height: 50px; background: url("../imagens/menu.gif") -136px -100px no-repeat; }

/*BOTÃO 4*/
#menu #bt4{ left: 216px; width: 74px; }
#menu #bt4 a:hover{ height: 50px; background: url("../imagens/menu.gif") -216px -50px no-repeat; }
#menu #bt4.ativo{ height: 50px; background: url("../imagens/menu.gif") -216px -100px no-repeat; }
#menu #bt4.ativo a:hover{ height: 50px; background: url("../imagens/menu.gif") -216px -100px no-repeat; }

/*BOTÃO 5*/
#menu #bt5{ left: 299px; width: 72px; }
#menu #bt5 a:hover{ height: 50px; background: url("../imagens/menu.gif") -299px -50px no-repeat; }
#menu #bt5.ativo{ height: 50px; background: url("../imagens/menu.gif") -299px -100px no-repeat; }
#menu #bt5.ativo a:hover{ height: 50px; background: url("../imagens/menu.gif") -299px -100px no-repeat; }

/*BOTÃO 6*/
#menu #bt6{ left: 379px; width: 64px; }
#menu #bt6 a:hover{ height: 50px; background: url("../imagens/menu.gif") -379px -50px no-repeat; }
#menu #bt6.ativo{ height: 50px; background: url("../imagens/menu.gif") -379px -100px no-repeat; }
#menu #bt6.ativo a:hover{ height: 50px; background: url("../imagens/menu.gif") -379px -100px no-repeat; }

/*SUBMENU*/
#menu .subMenu{
	visibility: hidden;
	position: absolute;
	background: none;
}

/*SUB1*/
#menu .subMenu #sub1{
	width: 126px;
	height: 75px;
	padding: 10px;
	position: absolute;
	background: #f5f5f5 url("../imagens/sub1.gif") no-repeat;
}

#menu .subMenu #sub1 li a{
	text-indent: 0px;
	background: #f5f5f5;
}

#menu .subMenu #sub1 li a:hover{
	text-decoration: none;
	color: #000;
	background: none;
}

#menu .subMenu #sub1 a.sub1Item1, #menu .subMenu #sub1 a.sub1Item2, #menu .subMenu #sub1 a.sub1Item3{
	width: 120px;
	position: absolute;
	background: none;
}

#menu .subMenu #sub1 a.sub1Item1{ height: 20px; top: -2px; background: none; }
#menu .subMenu #sub1 a.sub1Item2{ height: 20px; top: 22px; background: none; }
#menu .subMenu #sub1 a.sub1Item3{ height: 20px; top: 46px; background: none; }

/*SUB2*/
#menu .subMenu #sub2{ 
	width: 126px;
	height: 95px;
	padding: 10px;
	position: absolute;
	background: #f5f5f5 url("../imagens/sub2.gif") no-repeat;
}

#menu .subMenu #sub2 li a{
	text-indent: 0px;
	background: none;
}

#menu .subMenu #sub2 li a:hover{
	text-decoration: none;
	color: #000;
	background: none;
}

#menu .subMenu #sub2 a.sub2Item1, #menu .subMenu #sub2 a.sub2Item2, #menu .subMenu #sub2 a.sub2Item3, #menu .subMenu #sub2 a.sub2Item4{
	width: 120px;
	position: absolute;
	background: none;
}

#menu .subMenu #sub2 a.sub2Item1{ height: 20px; top: -2px; background: none; }
#menu .subMenu #sub2 a.sub2Item2{ height: 20px; top: 22px; background: none; }
#menu .subMenu #sub2 a.sub2Item3{ height: 20px; top: 46px; background: none; }
#menu .subMenu #sub2 a.sub2Item4{ height: 20px; top: 71px; background: none; }

/*CONTEUDO INTERNO*/
#conteudoInterno{
	width: 750px;
	float: left;
	padding: 0px 0px 20px 10px;
	background: url("../imagens/base_conteudo.png") no-repeat 10px 77px;
}

/*HOME*/
#conteudoInterno #home{
	float: left;
	width: 740px;
	padding-bottom: 20px;
	margin-bottom: -20px;
	background: #fff url("../imagens/base_home.gif") no-repeat 0px 225px;
}

#conteudoInterno #home h2{ padding: 10px 0px; }

#conteudoInterno #metodologia{ width: 196px; }
#conteudoInterno #news{ width: 202px; }
#conteudoInterno #parceiros{ width: 218px; }

#conteudoInterno #metodologia, #conteudoInterno #news, #conteudoInterno #parceiros{
	float: left;
	padding: 0px 20px;
}

#conteudoInterno #metodologia a, #conteudoInterno #news a, #conteudoInterno #parceiros a, #conteudoInterno #parceiros p{
	display: block;
	margin-top: 10px;
}

#conteudoInterno #metodologia img, #conteudoInterno #news img{
	float: left;
	margin: -5px -10px;
	padding-right: 10px;
}

/*CONTEUDO ESQUERDO*/
#conteudoEsquerdo{
	width: 266px;
	float: left;
	margin-bottom: -20px;
}

#conteudoEsquerdo .linha{ border-top: 1px solid #d1d1d1; margin: 0px 20px; }

/*CHAMADA SOLUÇÕES*/
#chamadaSolucoes{
	width: 246px;
	padding: 30px 0px 30px 20px;
	background: url("../imagens/chamada_solucao.jpg") no-repeat right bottom;
}

#chamadaSolucoes p{ margin-top: 10px; }
#chamadaSolucoes p, #chamadaSolucoes h3{ width: 106px; }

/*CHAMADA CONTATO*/
#chamadaContato{
	width: 246px;
	padding: 30px 0px 20px 20px;
	background: url("../imagens/chamada_contato.jpg") no-repeat right bottom;
}

#chamadaContato p{ width: 106px; margin-top: 10px; }

/*CHAMADA TRABALHE CONOSCO*/
#chamadaTrabalheConosco{
	width: 246px;
	height: 120px;
	padding: 30px 0px 20px 20px;
	background: url("../imagens/chamada_trabalhe_conosco.jpg") no-repeat right bottom;
}

#chamadaTrabalheConosco p{ width: 106px; margin-top: 10px; }

#chamadaSolucoes a, #chamadaContato a{
	display: block;
	margin: 10px 0px;
}

#chamadaTrabalheConosco a{ font: normal 1em Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color: #6a819e; }

/*CONTEUDO DIREITO*/
#conteudoDireito{
	width: 474px;
	float: right;
	padding-right: 10px; 
}

#conteudoDireito img{ margin: 0px 25px 0px 25px; }
#conteudoDireito h2 a{ margin: 0px; padding: 0px; text-decoration: none; }
#conteudoDireito a img{ float: right; margin: 0px 20px 80px 10px; }
#conteudoDireito p, #conteudoDireito a, #conteudoDireito h3{ margin: 0px 34px 25px 34px; }
#conteudoDireito p a{ margin: 0px; font: normal 1em Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color: #6a819e; }
#conteudoDireito h3 a{ margin: 0px; color: #616161; font-size: 1em; }

#conteudoDireito h2{
	margin: 0px 30px 7px 34px;
	font: normal 1.4em Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color: #6a819e;
}

/*TITULO*/
#conteudoDireito #titulo{
	height: 110px;
	margin-top: -1px;
	padding: 0px 33px; 
	background: url("../imagens/base_titulos.gif") no-repeat;
}

#conteudoDireito #titulo h1{
	color: #fff;
	margin: 0px;
	padding-top: 15px;
	font: bolder 2em "Swis721 Lt BT", Arial,  Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

#conteudoDireito #titulo p{
	font-size: 0.8em;
	color: #b2c5d4;
	margin: 0px 0px 0px 1px;
}

/*CONTATO*/
#contato p{ margin-right: 20px; }

#contato p label{
	display: block;
	margin: 20px 0px 2px 0px; 
	font-weight: bolder; color: #8a8a8a;
}

#contato input, #contato textarea{
	padding: 4px;
	font-size: 1em;
	border: 1px solid #96b7e2;
	background: url("../imagens/bg_text.jpg") repeat-x;
}

#contato textarea{ height: 120px; overflow: auto; }

 #contato select{
	margin: 4px 0px;
	font-size: 1em;
	border: 1px solid #96b7e2;
}

#contato p{ margin: 0px; padding: 0px 10px 0px 34px; }

#contato #nome{ width: 390px; }
#contato #empresa{ width: 172px; }
#contato #assunto{ width: 208px; }
#contato #email{ width: 172px; }
#contato #telefone{ width: 198px; }
#contato #comentario{ width: 390px; }

#contato p button{
	color: #fff;
	font-size: 1em;
	font-weight: bolder;
	padding-bottom: 15px;
	width: 111px; height: 37px;
	float: right; border: 0px;
	margin: 20px 12px 0px 0px;
	background: url("../imagens/base_bt.jpg") no-repeat;
}

/*RODAPE*/
#rodape{
	clear: both;
	height: 80px;
	font-size: 0.8em;
	text-align: right;
	background: url("../imagens/base_rodape.gif") no-repeat;
}

#rodape p{ padding: 8px 30px 0px 0px; }
#rodape img{ margin: 20px 30px 0px 0px; }

/*ADICIONAR FONTE NO FLASH*/
.sIFR-alternate{ display: none; }

.sIFR-hasFlash h1.exibir, .sIFR-hasFlash h2.exibir,  .sIFR-hasFlash h2.home{ visibility: hidden; }

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */
#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:340px;
	height:354px;
	margin:-220px 0 0 -180px;
	text-align:left;
}

#lightbox[id], #overlay[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#lightbox.loading #lbContent, #lightbox.done #lbLoadMessage{
	display:none;
}

#lightbox.loading #lbLoadMessage, #lightbox.done #lbContent{
	display:block;
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : Default CSS for Lightbox Gone Wild
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */
#lightbox h2{
	margin:0 0 1em 0;
}

#lightbox h3{
	color:#FF713F;
}

#lightbox.done p{
	color:#333;
}

#form{
	text-align:left;
	margin:25px;
}

#form ul{
	list-style:none;
}
#form li{
	margin:0 0 1em 0;
}

#form textarea{
	width:100%;
	height:150px;
}

#definition{
	margin:25px;
}

.highlight{
	background-color:#FEFFAF;
}