/*    PRINCIPAL   */

/* -------------Geral -------------------------------------------------------------------------------------------------------------*/		
		body {
			margin:0;padding:0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;color: #CCC;background:#1E1E1E;}
		
		.txt {color:#999999;}
		
		#corpoGeral {display:block;width:1000px;height:;position:absolute;}
		
		*{border:0;}
		
		h1 { font-size:16px;font-weight:bold }
		h2 { font-size:12px;font-weight:bold}
		
		#estudio .conteudo  span {color:#F05509;font-size:16px}
		#portfolio .conteudo span {color:#669900;font-size:16px}
		#informativo .conteudo span {color:#009999;font-size:16px}
		#contato .conteudo span {color:#FFB300;font-size:16px}
		
		.conteudo p { margin-left:20px}
		
		.avaliacaosite { position:absolute;width:130px;top:15px;left:410px;height:20px;background: #333;}
		.avaliacaosite img {position:absolute;top:-6px;left:7px}
		
		

/* -------------Fundos -------------------------------------------------------------------------------------------------------------*/
		#espiral-1 {display:block;width:147px;height:142px;position:absolute;background-image: url(imagens/fd_espiral-1.png);top:40px;left:235px;z-index:90}
		#espiral-2 {display:block;width:235px;height:236px;position:absolute;background-image: url(imagens/fd_espiral-2.png);top:40px;left:0px;z-index:90}
		#espiral-3 {display:block;width:122px;height:383px;position:absolute;background-image: url(imagens/fd_espiral-3.png);top:276px;left:0px;z-index:90}
		#espiral-4 {display:block;width:260px;height:246px;position:absolute;background-image: url(imagens/fd_espiral-4.png);top:413px;left:122px;z-index:90}
		#espiral-5 {display:block;width:493px;height:246px;position:absolute;background-image: url(imagens/fd_espiral-5.png);top:413px;left:382px;z-index:90}
		#espiral-6 {display:block;width:319px;height:373px;position:absolute;background-image: url(imagens/fd_espiral-6.png);top:40px;left:681px;z-index:90}
		#marca{display:block;width:100px;height:105px;position:absolute;top:170px;left:235px;background-repeat:no-repeat;}
		#sombra-inf {display:block;width:100%;height:17px;position:absolute;background: url(imagens/fd_sombra-inf.png);top:659px;left:0px;z-index:0;background-repeat:repeat-x}
		#copyright {display:block; width:63px;height:15px;position:absolute;top:660px;left:944px;z-index:90; font-size:9px; 
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666;}
		#copyright span#cr1 {position:relative; top:0px; left:-3px; font-size:9px}
		#copyright span#cr2 { font-family:  Arial, Helvetica, sans-serif;font-size:14px; position:relative; top:2px; left:-2px;}

/* -------------Conteúdo -------------------------------------------------------------------------------------------------------------*/

		
		#definicao span {color:#669900}
		
		#conteudo-geral {display:block;width:568px;position:absolute;top:65px;left:407px;z-index:100;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#999}
		#conteudo { display:block;width:568px;position:absolute;z-index:95}
		#conteudo-fundo {display:block;width:568px;position:absolute;top:0;left:0;z-index:90;background: #232323;filter:alpha(opacity=80);opacity:.8;}
		
		#cont_titulo {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:20px;color:#F05509;margin:10px 20px }
		.servicos #cont_titulo {color:#F05509}
		.equipe #cont_titulo {color:#F05509}
		.metodologia #cont_titulo {color:#F05509}
		.osite #cont_titulo {color:#F05509}
		.clientes #cont_titulo {color:#669900}
		.trabalhos #cont_titulo {color:#669900}
		.noticias #cont_titulo {color:#009999}
		.publicacoes #cont_titulo {color:#009999}
		.manifesto #cont_titulo {color:#009999}
		.campanhas #cont_titulo {color:#009999}
		.contato #cont_titulo {color:#FFB300}
		
		
		.pinicial #br_sup {background-color:#669900}
		.servicos #br_sup {background-color:#F05509}
		.equipe #br_sup {background-color:#F05509}
		.metodologia  #br_sup {background-color:#F05509}
		.osite #br_sup {background-color:#F05509}
		.clientes #br_sup {background-color:#669900}
		.trabalhos #br_sup {background-color:#669900}
		.noticias #br_sup {background-color:#009999}
		.publicacoes #br_sup {background-color:#009999}
		.manifesto #br_sup {background-color:#009999}
		.campanhas #br_sup {background-color:#009999}
		.contato #br_sup {background-color:#FFB300}
		
	/*servicos*/
		.tmpelement_servicos { display:block;margin:20px 12px;color: #999;cursor: pointer;filter:alpha(opacity=60);opacity:.6;}
		#element_servicos:hover { color: #CCC;}
		.tmpelement_servicos span{font-size:13px;font-weight:bold}
		#element_servicos:hover span{color:#F05509}
		#pl_servicos {display:block;width:5px;height:270px;position:absolute;left:-10px;top:-255px;}
		#qd_servicos {display:block;width:511px;height:210px;position:absolute;left:22px;top:330px;border:solid 1px #666}
		#conteudo .tmpSlide {width:497px;height:220px;position:absolute;left:30px;top:315px;}
		div.tmpelement_servicosActive { filter:alpha(opacity=100);opacity:1;}
		div.tmpelement_servicosActive span{ color:#F05509}
		.tmpSlideshowControlOn span{ color:#F05509;}
		.tmpSlideshowControlOn { filter:alpha(opacity=100);opacity:1;}
		
	/*clientes*/
		
		/*--*/
		#qd_clientes {display:block;width:512px;height:345px;position:absolute;left:22px;top:219px;border:solid 1px #666;background:#292929}
		#clientes_imagens {display:block;width:425px;height:150px;position:absolute;left:22px;top:219px;border:solid 1px #666;}
		#qd_clientesImagens {display:block;width:425px;height:330px;position:absolute;left:78px;top:7px;border:solid 1px #666;background: #fff}
		
		#qd_clientesImagens_fd{display:block;width:425px;height:330px;position:absolute;left:78px;top:7px;border:solid 1px #666;background: #fff}
		
		
		/*navegação imagens*/
		div.navigation a { text-decoration: none;font-size:12px;}
		div.content a { text-decoration: none;color:#fff;position:absolute;}
		div.slideshow-container {	position: absolute;clear: both;height: 330px;width:425px;/* This should be set to be at least the height of the largest image in the slideshow */}
		div.loader {position: absolute;top: 0;background-image: url('imagens/loader.gif');background-repeat: no-repeat;background-position: 200px 145px;width: 425px;height: 330px;/* This should be set to be at least the height of the largest image in the slideshow */}
		div.slideshow span.image-wrapper { position:absolute;display: block;color:#09F;height:330px;background:#090}
		.trabalhos .advance-link { width:473px}
		a.thumb {width:40px;display:block;}
		#slideshow {display:block;width:425px;height:330px;}
		ul.thumbs li.selected a.thumb {	color: #669900;font-weight: bold;background:url(imagens/ploc_portfolio.gif);background-repeat:no-repeat;background-position:0 2px;display:block}
		div.content { display:}
		#thumbs { position:absolute;height:210px;top:0}
		.caption {z-index:2000;width:425px;height:332px;left:0;position:absolute; top:0px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;}
		
		div.controls {position:absolute;width:425px;color:#666;top:20px;margin-top: 5px;height: 60px;background:#FC0;z-index:2000}
		
		div.controls a{ color: #09F;float:left;}

		div.download {float: right;z-index:2000;background:#09F}
		
		span.image-caption {display: block;position: absolute;width:425px;height:330px;z-index:1800;top:0px; left:0 }
		
		div.image-title {font-weight: bold;font-size: 1.4em}
		
		a.image-desc {display:block;width:425px;height:332px; z-index:2000; position:relative; top:0; left:0;}
		
		.on , .off { font-weight:bold;float: right;font-size:16px}
		#captionToggle { width:15px;height:15px;display: block;position: absolute;top:315px;left:-15px;z-index:2000;color:#FFF;background:#94B74C;}
		#captionToggle a{ position:relative;top:-3px;left:-4px;font-weight:bold}
		
		.v_mais{ position:absolute;top:0px;left:47px;cursor:pointer;z-index:1500;}
		.v_mais span {font-size:16px;color:#669900;position:relative;left:-2px;top:1px;font-weight:bold}
		#vMais_2, #vMais_3, #vMais_4, #vMais_5, #vMais_6, #vMais_7 { display:none;}
		
		/*--*/
		
		#trab_categorias {display:block;width:100px;height:150px;position:absolute;z-index:300;left:-3px }
		#trab_imagens{ display:block;width:512px;height:345px;position:absolute;}
		#trab_rotuloImagens {display:block;width:100px;height:150px;position:absolute;left:-3px;top:200px;}
		#imagens_clientes { display:block;width:512px;height:345px;position:absolute;left:22px;top:219px;border:solid 1px #666;background:}
		#clientes_nome { display:block;position:absolute;width:512px;height:50px;top:-55px;left:0;line-height:16px}
		#clientes_nome span{ color:#669900;font-weight:bold}
	
		.cat_1 .rot1, 
		.cat_2 .rot2, 
		.cat_3 .rot3, 
		.cat_4 .rot4{color:#669900;background:url(imagens/ploc_portfolio.gif);background-repeat:no-repeat;background-position:0 2px}
		/*--*/
		#marca_cliente1, #marca_cliente2, #marca_cliente3, #marca_cliente4, #marca_cliente5, #marca_cliente6, #marca_cliente7, 
		#marca_cliente8, #marca_cliente9, #marca_cliente10, #marca_cliente11, #marca_cliente12, #marca_cliente13, #marca_cliente14, 
		#marca_cliente15{ cursor:pointer }
		/*--*/
		#rotulo_categoria li{ cursor:pointer;font-size:11px;text-decoration:none;font-weight:bold;}
		#rotulo_categoria li:hover {color:#669900;background:url(imagens/ploc_portfolio.gif);background-repeat:no-repeat;background-position:0 2px}
		.navigation li{cursor:pointer;font-size:11px;text-decoration:none;font-weight:bold;}
		.navigation li:hover{color:#669900;background:url(imagens/ploc_portfolio.gif);background-repeat:no-repeat;background-position:0 2px}
		
		ul.gallery  {width:600px;}
		ul.gallery li {position:relative;float: left;margin: 0 8px 8px 0;display: block;/*--Gimp Fix aka IE6 Fix--*/}
		ul.gallery li a.thumb {width:96px;height: 29px;padding: 0px;cursor: pointer;}
		ul.gallery li span { /*--Used to crop image--*/width: 96px;height: 29px;overflow: hidden;display: block;}
		ul.gallery li a {text-decoration: none;display: block;}
		
		
		
		/*---------------------------  NOTAS  ---------------------------*/
		
		#dhtmltooltip {
		color:#333;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;line-height:18px;padding:8px;position: absolute;width: 
		250px;background-color: #FFFFFF;filter:alpha(opacity=90);-moz-opacity:.9 ;opacity:.9 ;z-index: 1000;visibility: hidden;border: 1px solid #669900;}
		
		#dhtmlpointer{
			background:url(imagens/arrow_vd.gif) no-repeat;position:absolute;height:20px;width:20px;visibility: hidden;z-index:1800;
			filter:alpha(opacity=90);-moz-opacity:.9 ;opacity:.9}
		

	/*Trabalhos*/
		#qd_trabalhos {display:block;width:512px;height:345px;position:absolute;left:22px;top:209px;border:solid 1px #666;background:#292929}
		#imagens_trabalhos {display:block;width:512px;height:345px;position:absolute;left:22px;top:209px;border:solid 1px #666;}
		.trabalhos div.tmpelement_servicosActive span { display:block;color: #669900;cursor: pointer;}
		#lp_trabalhos {display:block;width:5px;height:150px;position:absolute;left:20px;top:64px;background: }
		.trabalhos #trab_rotuloImagens {display:block;width:100px;height:150px;position:absolute;left:-3px;top:30px;}
		.trabalhos .navigation li:hover{color:#669900;background:url(imagens/ploc_portfolio.gif);background-repeat:no-repeat;background-position:0 2px}
		.trabalhos #qd_clientesImagens {display:block;width:473px;height:330px;position:absolute;left:30px;top:7px;border:solid 1px #666;background: #fff}
		.trabalho1, .trabalho2, .trabalho3, .trabalho4, .trabalho5 { 
			display:block;margin:12px 12px;color: #999;cursor: pointer;font-weight:bold;
			font-size:13px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
		.trabalhos #conteudo .tmpSlide {width:5px;height:220px;position:relative;top:150px;left:3px  }
		.trabalhos .tmpelement_servicos { display:block;margin:12px 12px;color: #999;cursor: pointer;}
		.tmpSlideshowControlOn-trab span{color:#669900}
		#slideshow-video { display:none;position:absolute;width:477px;height:332px;left:28px;top:7px;z-index:2800;opacity:0;filter:alpha(opacity=0)}
		
		
	/*Notícias*/
		.ntc {display:block;height:150px;padding:0 0 25px 0;border-bottom:1px #666 dotted;margin-top:20px}
		.ntc_data { font-size:10px;color:#009999}
		.ntc_imagem { width:200px;float:left;display:block;margin:5px 0 0 15px}
		.ntc_txt { width:280px;float:left;display:block;margin-left:15px;line-height:17px}
		.ntc_txt span { color: #009999;}
		.ntc_linha { display:block;position:absolute;width:445px;height:20px;z-index:500;left:100px;top:24px;border-top: solid 1px #666;border-right: solid 1px #666  }
		
		.ntc_historico {
			cursor:pointer;display:block;position:absolute;width:180px;height:20px;left:354px;top:30px;text-align:right;padding-right:14px;background-image:url(imagens/ploc_noticias.gif);background-repeat:no-repeat;background-position: 124px 4px;font-weight:bold;z-index:600;color: #999;}
			
		.ntc_historico-ativo{
			cursor:pointer;display:block;position:absolute;width:65px;height:20px;left:474px;top:30px;text-align:right;padding-right:14px;background-image:url(imagens/ploc_noticias.gif);background-repeat:no-repeat;background-position: 4px 4px;font-weight:bold;z-index:700;color:#009999;}
		
		.ntc_historico-ativo-fd{ 
			display:block;position:absolute;width:80px;height:2px;left:110px;top:-1px;background-color:#272727;z-index:1000;}
			
		.ntc_hist_sub {
			cursor:pointer;display:none;position:absolute;width:142px;height:125px;left:362px;top:40px;border:1px #999 solid;text-align:left;padding:15px 20px;background: #282828;z-index:500;filter:alpha(opacity=0);opacity:0;}
			
			
		
		.clientes_historico {
			cursor:pointer;display:block;position:absolute;width:320px;height:20px;left:214px;top:30px;text-align:right;padding-right:14px;background-image:url(imagens/ploc_clientes.gif);background-repeat:no-repeat;background-position: 254px 4px;font-weight:bold;z-index:2100;color: #999;}
			
		.clientes_historico-ativo{
			cursor:pointer;display:block;position:absolute;width:80px;height:20px;left:454px;top:30px;text-align:right;padding-right:14px;background-image:url(imagens/ploc_clientes.gif);background-repeat:no-repeat;background-position: 14px 4px;font-weight:bold;z-index:2100;color:#669900;}
		
		.clientes_historico-ativo-fd{ 
			display:block;position:absolute;width:350px;height:2px;left:40px;top:-1px;background-color:#272727;z-index:1000;}
			
		.clientes_hist_sub {
			cursor:pointer;display:none;position:absolute;width:350px;height:450px;left:154px;top:40px;border:1px #999 solid;text-align:left;padding:15px 20px;background: #282828;z-index:2000;filter:alpha(opacity=0);opacity:0;}
		
		.clientes_hist_sub span { color:#669900;font-size:14px;line-height:16px}
		
		
		
		/*publicações*/
		.publ {display:block;height:150px;padding:0 0 25px 0;border-bottom:1px #666 dotted;margin-top:15px}
		.publ_imagem { width:100px;height:150px;float:left;display:block;margin:5px 0 0 15px ;background:#FFF}
		.publ_txt { width:380px;float:left;display:block;margin-left:15px;line-height:17px}
		.publ_txt span { color: #009999;}
		.popup{
			position: absolute;width:100%;display:block;z-index:1200;display:none;filter:alpha(opacity=0);-moz-opacity:0 ;opacity:1 ;}
		.popup-r{
			position: absolute;width:100%;display:block;z-index:1200;display:none;filter:alpha(opacity=0);-moz-opacity:0 ;opacity:1 ;}
		
		.popup .alvo{
			position: relative;top:50px;margin-bottom:50px;min-height:70px;width:640px;z-index:1200;background: #333;padding:20px;color: #CCC;text-align:left;}
			
		#estudio .alvo {border:1px solid #F05509}
		#informativo  .alvo{border:1px solid #009999}
		#contato  .alvo{border:1px solid #FFB300}
		
		.ss-form-container { background:#0F0}
		
		.popupFundo{position: fixed;top: 0;left: 0;width:100%;bottom:0px;background: #009999;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;display:none;z-index:1000;}
			
		.osite .popupFundo, .metodologia .popupFundo{background: #F05509;}
		
		.contato .popupFundo{background: #FFB300;}
		
		.popupFechar { left:660px;top:-1px;display:block;position:absolute;background:#333333;width:20px;height:22px;z-index:1800;cursor:pointer;}
		
		#estudio .popupFechar { border:1px solid #F05509;border-left: 0px;}
		#informativo .popupFechar { border:1px solid #009999;border-left: 0px;}
		#contato .popupFechar { border:1px solid #FFB300;border-left: 0px;}
			
		.popupFechar a{ font-weight:;color:#fff;font-size:20px;position:relative;top:-4px}
		.popupCarregando {display:block;position:relative;top:80px;left:0;background:;width:679px; min-height:80px;z-index:1600; }
		
		
		#estudio .alvo .menu1, #estudio .alvo .menu2{border:0px solid #F05509;border-left: 0px;}
		#informativo .alvo .menu1, #informativo .alvo .menu2{ border:0px solid #009999;border-left: 0px;}
		.contato .alvo .menu1, .contato .alvo .menu2{ border:0px solid #FFB300;border-left: 0px;}
		
		.carregando {
			width:100%;height:13px;z-index:1700;z-index:1600;display:block;vertical-align:middle;background-repeat:no-repeat;}
			
	/* Contato */
		.ret_contato { padding:20px;margin-left:15px;display:block;width:280px;height:180px;position:absolute;top:215px;background:#fff;z-index:1600;color:#666;font-size:14px}
		.ret_contato span { font-size:18px;color:#FFB300}
		.ret_contatoFechar { padding:5px;margin-left:130px;display:block;width:80px;height:20px;position:absolute;top:205px;background:#fff;z-index:1700}
		.ret_contatoFundo{ display:block;width:350px;height:250px;position:absolute;top:200px;background:#FFB300;filter:alpha(opacity=80);opacity:.8;}
		
		#form_contato { margin:20px}
		.form_rotulos { width:80px;margin:10px 0;line-height:35px;margin-bottom:90px}
		.form_rotulos span span { color:#FFB300}
		.form_campos { position:absolute;width:350px;margin:10px 0;line-height:35px;margin-left:80px;top:113px;z-index:1800}
		.form_campos div { margin:17px 0}
		#form_botao { margin:10px 0}
		#form_fone input{ width:100px}
		/*#form_nome {}
		#form_email {}
		#form_assunto {}
		#form_mensagem {}
		#form_botao {}*/
		
		#form_contato  span{ font-family:verdana, "Trebuchet MS", arial;font-size:10px;}
		.form_campos input { font-family:verdana, "Trebuchet MS", arial;font-size:10px;padding-left:7px;background:#4E4E4E;border-left:solid 1px #FFB300;color: #CCC;width:180px;height:15px;}
		.form_campos input#retorno { background:#4E4E4E;border:1px solid #4E4E4E;border-left:solid 1px #FFB300;width:60px;height:15px;font-size:10px;font-family:verdana;color:#CCC;}
		.form_campos input#retorno:hover { background:#FFB300;cursor:pointer;color:#333}
		.form_campos textarea {font-family:verdana, "Trebuchet MS", arial;font-size:10px;padding-left:7px;background:#4E4E4E;color: #CCC;border:1px solid #4E4E4E;border-left:solid 1px #FFB300}
		.form_campos select {padding-left:7px;line-height:20px ;background:#4E4E4E;border-left:solid 1px #FFB300;background:#4E4E4E;color: #CCC;font-size:11px;width:150px;border-hight:solid 1px #4E4E4E;border-top:solid 1px #4E4E4E;border-bottom:solid 1px #4E4E4E;}
		
		
		.contato_dados { font-size:11px;line-height:16px;position:relative;top:-40px}
		.contato_dados span{ color:#FFB300;font-weight:bold;font-size:12px}
		.contato_dados span span{ color: #CCC;font-weight:normal;font-size:10px}
		
		.contato_retorno .popup-r{display:block;}

	
	
	



/* ------------- Menu ------------------------------------------------------------------------------------------------------------- */	
		/* m = menu */
		#menuGeral {display:block;width:359px;height:100px;position: relative;left:33px;top:415px;text-align:right;font-family: "Trebuchet MS", Tahoma, Arial;fon font-size:12px;z-index:300}
		#m_estudio div, #m_portfolio div, #m_informativo div, #m_contato div {display:block;position: relative;height:20px;}
		#m_estudio {display:block;width:75px;height:100px;position:relative;float:left }
		#m_portfolio {display:block;width:77px;height:100px;position:relative;float:left}
		#m_informativo {display:block;width:100px;height:100px;position:relative;float:left }
		#m_contato {display:block;width:72px;height:100px;position:relative;float:left}

		/* mostra linhas sem pontos na página inicial */
		#lp_estudio, #lp_portfolio, #lp_informativo, #lp_contato{display:block;width:5px;height:100px;position:relative;float:left;margin:7px 0 0 3px }
		
	/*------------ lp = LINHA E PONTO------------ */
		/*  mostra as linhas sem pontos dos itens que não são correntes */
		#lp_estudio1, #lp_portfolio1, #lp_informativo1, #lp_contato1  {display:block;width:5px;height:100px;position:relative;float:left;margin:7px 0 0 3px }
		
		/* esconde as divs com linhas e pontos*/
		#lp_estudio2, #lp_estudio3, #lp_estudio4, #lp_estudio5  {display:none;width:5px;height:100px;position:absolute;float:left;margin:7px 0 0 3px }
		#lp_portfolio2, #lp_portfolio3  {display:none;width:5px;height:100px;position:relative;float:left;margin:7px 0 0 3px }
		#lp_informativo2, #lp_informativo3, #lp_informativo4, #lp_informativo5 {display:none;width:5px;height:100px;position:relative;float:left;margin:7px 0 0 3px}
		#lp_contato2 {display:none;width:5px;height:100px;position:relative;float:left;margin:7px 0 0 3px }
		
		
		/*  marca com ponto e linha o item corrente */
		.servicos #lp_estudio2, 
		.metodologia #lp_estudio3,
		.equipe #lp_estudio4,
		.osite #lp_estudio5,
		.clientes #lp_portfolio2,
		.trabalhos #lp_portfolio3,
		.noticias #lp_informativo2,
		.publicacoes #lp_informativo3,
		.manifesto #lp_informativo4,
		.campanhas #lp_informativo5,
		.contato #lp_contato2 {display:block;width:5px;height:100px;position:relative;float:left;margin:7px 0 0 px }
		
		/* esconde as linhas sem ponto das seções correntes*/
		.servicos #lp_estudio1,
		.metodologia #lp_estudio1, 
		.equipe #lp_estudio1,
		.osite #lp_estudio1,
		.clientes #lp_portfolio1,
		.trabalhos #lp_portfolio1,
		.noticias #lp_informativo1,
		.publicacoes #lp_informativo1,
		.manifesto #lp_informativo1,
		.campanhas #lp_informativo1,
		.contato #lp_contato1 {display:none;width:5px;height:100px;position:relative;float:left;margin:7px 0 0 px }
		
		
		
		
		#titulo-secao {font-family: Tahoma, "Trebuchet MS", Arial;font-size:14px;color: #999999;font-weight:bold;}
		
		.itensMenu-pinicial {float:left;display:block;position:absolute;}		
		.itensMenu-estudio, .itensMenu-portfolio, .itensMenu-informativo, .itensMenu-contato{float:left;display:block;position:relative;filter:alpha(opacity=30);opacity:.3 }
		
		
		.servicos .itensMenu-estudio,
		.metodologia .itensMenu-estudio,
		.equipe .itensMenu-estudio,
		.osite .itensMenu-estudio,
		.clientes .itensMenu-portfolio,
		.trabalhos .itensMenu-portfolio,
		.noticias .itensMenu-informativo,
		.publicacoes .itensMenu-informativo,
		.manifesto .itensMenu-informativo,
		.campanhas .itensMenu-informativo,
		.contato .itensMenu-contato {float:left;display:block;position:relative;filter:alpha(opacity=100);opacity:1}
		
		
		
		
				
/* ------------- Destaques ------------------------------------------------------------------------------------------------------------- */	
		#destaque {display:block;width:270px;height:150px;position: absolute;left:462px;top:415px;font-family: "Trebuchet MS", Tahoma, Arial;fon font-size:12px;z-index:300;}
		
		#destaque-tit {margin:0 0 5px 0;width:175px ;height:20px;text-align:left;color:#88CA00;font-weight:bold}
		#ptloc {margin:0;width:7px ;height:7px;background:#334118;display:block;position:absolute;left:0;top:30px;z-index:320 }
		#ptloc2 {margin:0;width:7px ;height:7px;background:#334118;display:block;position:absolute;left:0;top:70px;z-index:320 }
		#ptloc3 {margin:0;width:7px ;height:7px;background:#334118;display:block;position:absolute;left:0;top:110px;z-index:320 }
        #img_pinicial {display:block;width:618px;height:618px;position:absolute;top:40px;left:382px;z-index:0}


		div#tmpSlideshowControls { position: absolute;top: 0;left:0;width: 175px;}
		div.tmpSlideshowControl { border: 0;margin:0 0 10px 0;width: 190px;height: 30px;cursor: pointer;line-height:15px;filter:alpha(opacity=60);opacity:.6;margin-left:20px}
		div.tmpSlideshowControl span { line-height: 36px;vertical-align: middle;}
		div.tmpSlideshowControlOn {}
		div.tmpSlideshowControlActive { filter:alpha(opacity=100);opacity:1;color:#FFF}
		div.tmpSlideshowControlActive a {color: #E9E9E9}
		div.tmpSlideshowControlActive #ptloc, div.tmpSlideshowControlActive #ptloc2, div.tmpSlideshowControlActive #ptloc3 {background: #88CA00;}
		
		
/* ------------- Definicao de Design ------------------------------------------------------------------------------------------------------------- */	
		#definicao {
			display:block;width:250px;height:150px;position: absolute;left:462px;top:110px;font-family: "Trebuchet MS", Tahoma, Arial;
			line-height:15px;vertical-align: middle;font-size:12px;z-index:300;color: #999  }
		
		
/* ------------- barra superior -------------------------------------------------------------------------------------------------------------*/		
		
		.pinicial #br_sup, .servicos #br_sup, .metodologia #br_sup, .equipe #br_sup, .osite #br_sup,	.clientes #br_sup,	
		.trabalhos #br_sup,	.noticias #br_sup, 	.publicacoes #br_sup, .manifesto #br_sup, .campanhas #br_sup, .contato #br_sup 
		{float:left;width:100%;padding:0px;height:40px;top:0;position: fixed !important;background-repeat:no-repeat;background-position:left;display: inline;z-index:1300}
		
		.pinicial #br_sup {background-color:#669900}
		.servicos #br_sup {background-color:#F05509}
		.metodologia #br_sup {background-color:#F05509}
		.equipe #br_sup {background-color:#F05509}
		.osite #br_sup {background-color:#F05509}
		.clientes #br_sup {background-color:#669900}
		.trabalhos #br_sup {background-color:#669900}
		.noticias #br_sup {background-color:#009999}
		.publicacoes #br_sup {background-color:#009999}
		.manifesto #br_sup {background-color:#009999}
		.campanhas #br_sup {background-color:#009999}
		.contato #br_sup {background-color:#FFB300}


/* ------------- Marca - Página inicial -----------------------------------------------------------------------------------------*/	
		a#p-Inicial { display:block;width:100px;height:105px;background: url(imagens/marca-pi.png);background-position: center;background-repeat:no-repeat}
		a#p-Inicial:hover { display:block;width:100px;height:105px;background: url(imagens/marca-pi-2.png);background-position: center;background-repeat:no-repeat}
		
		
/* ------------- �cones -------------------------------------------------------------------------------------------------------------*/			
		#ic_ferramFuncoes1, #ic_ferramFuncoes2, #ic_ferramFuncoes3, #ic_ferramFuncoes4  {position:relative;display:block;width:17px;height:17px;float:left}
		#ic_ferramFuncoes5 {position:relative;display:block;width:14px;height:17px;float:left;}
		#ic_ferramFuncoes1 .icone, #ic_ferramFuncoes2 .icone, #ic_ferramFuncoes3 .icone, #ic_ferramFuncoes4 .icone { background: #099;position:relative;display:block;width:17px;height:17px;}
		#ic_ferramFuncoes5 .icone { background: #099;position:relative;display:block;width:14px;height:17px;}
		
		#ic_ferramFuncoes1 a.icone {background: url(imagens/ic_pinicial.png);background-position: center;background-repeat:no-repeat}
		#ic_ferramFuncoes2 a.icone {background: url(imagens/ic_voltar.png);background-position: center;background-repeat:no-repeat}
		#ic_ferramFuncoes3 a.icone {background: url(imagens/ic_imprimir.png);background-position: center;background-repeat:no-repeat}
		#ic_ferramFuncoes4 a.icone {background: url(imagens/ic_aum-fonte.png);background-position: center;background-repeat:no-repeat}
		#ic_ferramFuncoes5 a.icone {background: url(imagens/ic_dim-fonte.png);background-position: center;background-repeat:no-repeat}
		
		#ic_ferramFuncoes1 a.icone:hover {background: url(imagens/ic_pinicial2.png);background-position: center;background-repeat:no-repeat}
		#ic_ferramFuncoes2 a.icone:hover {background: url(imagens/ic_voltar2.png);background-position: center;background-repeat:no-repeat}
		#ic_ferramFuncoes3 a.icone:hover {background: url(imagens/ic_imprimir2.png);background-position: center;background-repeat:no-repeat}
		#ic_ferramFuncoes4 a.icone:hover {background: url(imagens/ic_aum-fonte2.png);background-position: center;background-repeat:no-repeat}
		#ic_ferramFuncoes5 a.icone:hover {background: url(imagens/ic_dim-fonte2.png);background-position: center;background-repeat:no-repeat}
		
		
		
/* ------------- MENU DESLIZANTE - FERRAMENTAS DE NAVEGAÇÃO E ACESSIBILIDADE --------------------------------------------*/			
		.menu1 {position: absolute;margin-top:40px;left: 682px;display: block;width: 20px;height: 50px;background-color:#333333;z-index:2800;}
		.menu2 {position: absolute;margin-top:100px;left: 682px;display: block;width: 20px;height: 25px;background-color:#333333;z-index:2800;}
		
		#estudio .alvo .menu1, #estudio .alvo .menu2{border:0px solid #F05509;border-left: 0px;}
		#informativo .alvo .menu1, #informativo .alvo .menu2{ border:0px solid #009999;border-left: 0px;}
		
		
		
		.menuFixo { position: absolute;top:0px}
		#menu01 { position: absolute;}
		#menu02 { position: absolute;}