/******* RESET ********/
* { padding:0; margin:0; border:0px; text-indent:0; list-style:none; }
body { text-align:center; margin:0 auto; font:0.8em Arial, Helvetica, sans-serif; background:#000 url(../imgs/fundo.jpg) top center no-repeat; color:#fff; }

/***** ESTRUTURA *****/
.wrap { width:990px; margin:0 auto; text-align:left; color:#000; clear:both; display:block; overflow:hidden; }
.header { width:970px; display:block; clear:both; height:140px; }
/*.content { width:970px; background:#fff url(../imgs/fundo_content.gif) repeat-y; color:#000; margin:0 auto; float:left; }*/
.content { width:970px; background-color:#fff; color:#000; margin:0 auto; float:left; }
.contentGeral { width:970px; background-color:#fff; color:#000; margin:0 auto; float:left; }
.conteudoGeral { background-color:#fff; padding:20px; width:650px; margin:0px auto; }
.conteudoPortfolio { background-color:#fff; padding:20px; width:900px; margin:0px auto; }
.navigation { height:37px; background:url(../imgs/fundo_menu.gif) repeat-x; clear:both; }
.navigationMaster { height:59px; width:10px; background:url(../imgs/comeco_menu.gif) no-repeat top left; float:left; }
.navigationMaster2 { height:59px; width:10px; background:url(../imgs/fim_menu.gif) no-repeat top right; float:right; }
.navigationBaixo { background:url(../imgs/fundo_menubaixo.gif) repeat-x; height:7px; }
.navigationBaixoGeral { background:url(../imgs/fundo_menubaixo.gif) repeat-x; height:7px; }
.navigationBaixoNormal { background:url(../imgs/fundo_menubaixofizemos.gif) repeat-x; height:7px; }
.algunsTrabalhos { width:680px; height:149px; float:right; display:inline; background-color:#ffd304; margin:0px 22px 0px 0px; }
.bottom { display:block; clear:both; margin:200px 0px 0px 20px; }

/***** ELEMENTOS *****/
h1 { font-size:2em; color:#ffb304; }
h2 { font-size:1.6em; color:#000; }
h3 { font-size:1.2em; color:#000; font-family:Arial, Helvetica, sans-serif; margin:4px 0px; }
h4 { font-size:1.2em; color:#333; }
h5 { }
a { color:#333; }
a:hover { color:#000; }
p span { font-weight:bold; }
p { line-height:180% }
.linknaosublinhado { text-decoration:none; color:#000; }
.linknaosublinhado:hover { text-decoration:underline; }


/****** NAVEGAÇÃO ******/
.conteudoGeral p { text-align:justify; }
.navigation li a { display:block; height:37px; text-indent:-9999px; }
.navigation li { display:block; float:left; margin:0 0 0 70px; }
.navigation li.paginaInicial { width:126px; height:37px; background:url(../imgs/menu_paginainicial.gif) no-repeat; float:left; margin:0 0 0 40px; display:block; }
.navigation li.paginaInicial:hover { width:140px; height:37px; background:url(../imgs/menu_paginainicial_hover.gif) no-repeat top center #383431; float:left; margin:0 -7px 0 33px; }
.navigation li.somos { width:60px; height:37px; background:url(../imgs/menu_somos.gif) no-repeat; text-indent:-9999px; float:left; margin:0 0 0 40px; display:block; }
.navigation li.somos:hover { width:74px; height:37px; background:url(../imgs/menu_somos_hover.gif) no-repeat top center #383431; float:left; margin:0 -7px 0 33px; }
.navigation li.fazemos { width:74px; height:37px; background:url(../imgs/menu_fazemos.gif) no-repeat; text-indent:-9999px; float:left; margin:0 0 0 40px; display:block; }
.navigation li.fazemos:hover { width:88px; height:37px; background:url(../imgs/menu_fazemos_hover.gif) no-repeat top center #383431; float:left; margin:0 -7px 0 33px; }
.navigation li.jaFizemos { width:91px; height:37px; background:url(../imgs/menu_jafizemos.gif) no-repeat; text-indent:-9999px; float:left; margin:0 0 0 40px; display:block; }
.navigation li.jaFizemos:hover { width:105px; height:37px; background:url(../imgs/menu_jafizemos_hover.gif) no-repeat top center #383431; float:left; margin:0 -7px 0 33px; }
.navigation li.faleporAqui { width:119px; height:37px; background:url(../imgs/menu_faleporaqui.gif) no-repeat; text-indent:-9999px; float:left; margin:0 0 0 40px; display:block; }
.navigation li.faleporAqui:hover { width:133px; height:37px; background:url(../imgs/menu_faleporaqui_hover.gif) no-repeat top center #383431; float:left; margin:0 -7px 0 33px; }
.navigation li.amigoeAmigo { width:136px; height:37px; background:url(../imgs/menu_amigoeamigo.gif) no-repeat; text-indent:-9999px; float:left; margin:0 0 0 40px; display:block; }
.navigation li.amigoeAmigo:hover { width:150px; height:37px; background:url(../imgs/menu_amigoeamigo_hover.gif) no-repeat top center #383431; float:left; margin:0 -7px 0 33px; }
.navigation li.clientes { width:70px; height:37px; background:url(../imgs/menu_clientes.gif) no-repeat; text-indent:-9999px; float:left; margin:0 0 0 40px; display:block; }
.navigation li.clientes:hover { width:84px; height:37px; background:url(../imgs/menu_clientes_hover.gif) no-repeat top center #383431; float:left; margin:0 -7px 0 33px; }

/****** HEADER ******/
.header h2 { width:285px; height:93px; background:url(../imgs/logo_magnet.gif) no-repeat; margin:55px 0 0 346px; text-indent:-9999px; } 
.header h2 a { display:block; height:93px; text-indent:-9999px; }


/****** CONTENT ******/
.algunsTrabalhos { }
.algunsTrabalhos li h1 { width:222px; height:42px; background:url(../imgs/algunstrabalhos.gif) no-repeat; margin:-8px 0 0 -4px; text-indent:-9999px; display:block; clear:both; }
.algunsTrabalhos li { }
.imgsTrabalhos { margin:13px 12px; display:inline; padding:3px 3px 0px 3px; float:left; border:#ffe671 solid 3px; background-color:#ffe671; }
.imgsTrabalhos:hover { border-color:#000; background-color:#000; }
.comunicacaoEficaz { width:956px; height:212px; margin:18px; display:block; }
/*.comunicacaoEficaz { height:180px; background:url(../imgs/fundo_comunicacao_eficaz.jpg) no-repeat bottom center #f8f8f8; padding:5px 0 10px 0; margin:0 0 0 -5px; }*/
.eficaz { width:155px; height:18px; background:url(../imgs/comunicacao_eficaz.gif) no-repeat top center; text-indent:-9999px; margin:0 0 0 67px; }
.destaques { width:205px; height:140px; margin:0px 0px 0 22px; float:left; border:#fff1d0 solid 3px; }
.destaques p { padding:0px 10px; }
.destaquesp { margin:25px 0px 0 0px; }
.destaques h1 { padding:5px; }
.trabalheTitulo { width:116px; height:42px; background:url(../imgs/trabalhetitulo.gif) no-repeat top center; margin:-10px 0 0 -12px; text-indent:-9999px; }
.inline { display:inline; }
.destaquesservicos { width:227px; height:190px; background:url(../imgs/fundo_servicos_principal.gif) no-repeat bottom center; margin:20px 7px 0 3px; float:left; }
.destaquesservicosp { margin:25px 0px 0 0px; }
.destaquesservicos h1 { padding:5px; }
.destaquesservicos p a { display:block; width:227px; height:190px; text-indent:-9999px; margin-top:-40px; }

.destaquestrabalhe { display:block; margin:8px 0px 0px 43px; text-align:center; }
.destaquestrabalhep { }

/****** BOTTOM ******/
.bottom li { }
.bottom address { margin:4px 0px; padding:2px 0; color:#000; }
.bottom address strong { padding:1px 2px; display:inline; clear:both; font-style:normal; }
.bottom h3 { width:152px; height:28px; background:url(../imgs/entrecontato.jpg) no-repeat top center; text-indent:-9999px; margin-top:20px; }
/* .ffaixaPreta { height:39px; background:url(../imgs/faixapreta.gif) repeat-x #000; clear:both; overflow:hidden; display:block; margin-bottom:30px; } */
.twittermagnet { width:262px; height:81px; float:right; display:inline; margin:-81px 22px 0px 0px; background:url(../imgs/imgtwitter.jpg) no-repeat top center; }
.linkorkut { display:block; float:left; width:111px; height:81px; }
.linktwitter { display:block; float:right; width:111px; height:81px; }


/***** SOMOS *****/
.equipe { margin-top:30px; color:#FFCC00; }



/****** JÁ FIZEMOS (PORTFOLIO) ******/
.listaFizemos { background:url(../imgs/faixapreta.gif) repeat-x top center; height:39px; text-align:center; padding:0px 190px; }
.listaFizemos li a { display:block; float:left; margin:0px 10px; padding:9px 5px; border:#FFCC00 thin; text-align:center; color:#feb204; text-decoration:none; height:39px; display:block; }
.listaFizemos li a:hover { background-color:#FF9900; display:block; float:left; height:19px; color:#fff; text-decoration:none;  }
.listaFizemosInicio { height:59px; width:10px; background:url(../imgs/comeco_portifas.gif) no-repeat top left; float:left; margin-left:-10px; margin-top:-13px; }
.listaFizemosFim { height:59px; width:10px; background:url(../imgs/fim_portifas.gif) no-repeat top right; float:right; margin-right:-10px; margin-top:-13px; }
.portfolioDestaque { width:314px; height:149px; display:block; padding:9px 3px 3px 9px; }
.portfolioDestaque:hover { background:url(../imgs/fundoportfoliodestaque.gif) no-repeat center center; }
.destaquesPortfolio { width:315px; display:block; float:left; margin:0px 60px; }
.destaquesPortfolio h4 { margin:20px 0px -4px 19px; padding-left:8px; background:url(../imgs/seta.gif) no-repeat center left; clear:both; }
.imgPortfolio { width:649px; height:207px; display:block; padding:9px 3px 3px 9px; }
.imgPortfolio:hover { background:url(../imgs/molde_grande_hover.gif) no-repeat center center; }
.portfolioPeca { width:661px; display:block; float:left; margin:0px 115px; }
.portfolioPeca h4 { margin:20px 0px -4px 19px; padding-left:8px; background:url(../imgs/seta.gif) no-repeat center left; clear:both; }
.conteudoGeral p { margin-top:10px; }

/****** AMIGO É AMIGO (PARCEIROS) ******/
.divParceiros { display:block; width:182px; height:87px; float:left; margin:20px 10px; padding-top:5px; text-align:center; }
.divParceiros:hover { background:url(../imgs/fundo_hover_parceiros.gif) no-repeat center center; }
.divParceiros p { text-align:center; margin:0px; }
.divParceiros p a { text-decoration:none; text-align:center; margin:0px; }
.divParceiros p a:hover { text-decoration:underline; margin:0px; }
.imgParceiros { }



/****** CLIENTES ******/
.divClientes { display:block; width:182px; height:87px; float:left; margin:25px 10px 15px 10px; padding-top:5px; text-align:center; }
.divClientes:hover { background:url(../imgs/fundo_hover_parceiros.gif) no-repeat center center; }
.divClientes p { text-align:center; margin:0px; }
.divClientes p a { text-decoration:none; text-align:center; margin:0px; }
.divClientes p a:hover { text-decoration:underline; margin:0px; }
.imgClientes { }





/***** TÍTULOS *****/
.tit_somos { width:157px; height:27px; background:url(../imgs/tit_somos.gif) no-repeat; margin:0px 0px 0px 20px; text-indent:-9999px; padding-bottom:10px; }
.tit_fazemos { width:221px; height:28px; background:url(../imgs/tit_fazemos.gif) no-repeat; margin:0px 0px 0px 20px; text-indent:-9999px; padding-bottom:10px; }
.tit_fizemos { width:190px; height:25px; background:url(../imgs/tit_fizemos.gif) no-repeat; margin:40px 0px 0px 20px; text-indent:-9999px; padding-bottom:10px; }
.tit_amigo { width:164px; height:64px; background:url(../imgs/tit_amigo.gif) no-repeat; margin:0px 0px 0px 20px; text-indent:-9999px; padding-bottom:10px; }
.tit_clientes { width:77px; height:24px; background:url(../imgs/tit_clientes.gif) no-repeat; margin:0px 0px 0px 20px; text-indent:-9999px; padding-bottom:10px; }
.tit_fale { width:136px; height:22px; background:url(../imgs/tit_fale.gif) no-repeat; margin:0px 0px 0px 20px; text-indent:-9999px; padding-bottom:10px; }

.tit_campanhas { width:109px; height:22px; background:url(../imgs/tit_campanhas.gif) no-repeat; margin:-34px 0px 0px 205px; text-indent:-9999px; padding-bottom:10px; float:left; }
.tit_emailMkt { width:154px; height:22px; background:url(../imgs/tit_emailmktarea.gif) no-repeat; margin:-34px 0px 0px 205px; text-indent:-9999px; padding-bottom:10px; float:left; }
.tit_hotSites { width:80px; height:22px; background:url(../imgs/tit_hotsites.gif) no-repeat; margin:-34px 0px 0px 205px; text-indent:-9999px; padding-bottom:10px; float:left; }
.tit_pecas { width:202px; height:22px; background:url(../imgs/tit_pecas.gif) no-repeat; margin:-34px 0px 0px 205px; text-indent:-9999px; padding-bottom:10px; float:left; }
.tit_portais { width:70px; height:22px; background:url(../imgs/tit_portais.gif) no-repeat; margin:-34px 0px 0px 205px; text-indent:-9999px; padding-bottom:10px; float:left; }
.tit_redesSociais { width:120px; height:22px; background:url(../imgs/tit_redessociaisarea.gif) no-repeat; margin:-34px 0px 0px 205px; text-indent:-9999px; padding-bottom:10px; float:left; }
.tit_sites { width:44px; height:22px; background:url(../imgs/tit_sites.gif) no-repeat; margin:-34px 0px 0px 205px; text-indent:-9999px; padding-bottom:10px; float:left; }







/***** SERVIÇOS (FAZEMOS) *****/
.servicos { width:600px; display:block; float:left; margin:30px 0px 20px -30px; } 
.servicos h1 { }
.tituloSite { width:157px; height:16px; background:url(../imgs/tit_site.gif) no-repeat top right; text-indent:-9999px; display:block;  }
.tituloPortal { width:157px; height:16px; background:url(../imgs/tit_portal.gif) no-repeat top right; text-indent:-9999px; }
.tituloHotsite { width:157px; height:16px; background:url(../imgs/tit_hotsite.gif) no-repeat top right; text-indent:-9999px; }
.tituloEmailmkt { width:157px; height:57px; background:url(../imgs/tit_emailmkt.gif) no-repeat top right; text-indent:-9999px; }
.tituloSeo { width:157px; height:59px; background:url(../imgs/tit_seo.gif) no-repeat top right; text-indent:-9999px; }
.tituloBanners { width:157px; height:16px; background:url(../imgs/tit_banners.gif) no-repeat top right; text-indent:-9999px; }
.tituloEcommerce { width:157px; height:16px; background:url(../imgs/tit_ecommerce.gif) no-repeat top right; text-indent:-9999px; }
.tituloRedessociais { width:157px; height:16px; background:url(../imgs/tit_redessociais.gif) no-repeat top right; text-indent:-9999px; } 
.tituloAnalisesmetricas { width:180px; height:19px; background:url(../imgs/tit_analisesmetricas.gif) no-repeat top right; text-indent:-9999px; }
.imgServicos { float:left; display:inline; width:157px; padding-right:8px; }
.servicos p { float:right; text-align:left; clear:both; overflow:hidden; padding-right:15px; }
.txtMetricas { font-weight:normal; display:block; margin:0px; line-height:133%; }
.txtRedessociais { font-weight:normal; display:block; margin:10px 0px; }


/****** FORMULÁRIOS ******/
.formularioFaleConosco { width:650px; margin-top:20px; display:block; background-color:#000000; }
.labelsFaleConosco { width:200px; display:block; float:left; margin:8px 0px; }
.formsFaleConosco { width:450px; display:block; float:right; margin:8px 0px; }
.forms { border:#000 dotted 1px; width:300px; }
.btEnviar { background-color:#000; border:#faaf04 1px double; color:#fff; padding:3px 5px; margin:5px 0px; }