/* CSS Document */

*{margin:0; padding:0; border:0; text-align:left; list-style:none; outline:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#464646;}

body{background:url(../img/bg_principal.jpg) left top repeat;}
body#home_flash{overflow:hidden;}

body div#main{width:100%; background:url(../img/bg_sombra.jpg) left top repeat-x; text-align:center;}
body div#main div#container{margin:0 auto; width:760px; padding:10px 0 100px 0;}

/* MONTAGEM DO HEADER */
body div#main div#container div#header{background:url(../img/bg_header.jpg) left top repeat-x; height:73px;}
body div#main div#container div#header h1{padding:12px 0 0 15px;}
body div#main div#container div#header h1 a{text-indent:-50000px; float:left; display:block; background:url(../img/img_marca.jpg) left top no-repeat; width:119px; height:45px;}

/* MENU INSTITUCIONAL */
body div#main div#container div#header ul{float:right;}
body div#main div#container div#header ul li{float:left;padding:0 2px 0 4px;}

body div#main div#container div#header ul#menuInstitucional{margin:0 12px 0 0;}
body div#main div#container div#header ul#menuInstitucional li{background:url(../img/bul_separador_menu.gif) left 5px no-repeat;}
body div#main div#container div#header ul#menuInstitucional li a{height:18px; display:block; text-indent:-50000px;}

body div#main div#container div#header ul#menuInstitucional li a#faleConosco{background:url(../img/bt_fale_conosco.gif) 0 0  no-repeat; width:65px;}
body div#main div#container div#header ul#menuInstitucional li a#facaParte{background:url(../img/bt_faca_parte.gif) 0 0  no-repeat; width:125px;}
body div#main div#container div#header ul#menuInstitucional li a#extranet{background:url(../img/bt_extranet.gif) 0 0  no-repeat; width:48px;}

body div#main div#container div#header ul#menuInstitucional li a:hover{background-position:0 -18px !important;}


/* MENU TOPO */
body div#main div#container div#header ul#menuTopo{clear:right; margin:10px 13px 0 0; position:relative;}
body div#main div#container div#header ul#menuTopo li a{height:23px; display:block; text-indent:-50000px;}

body div#main div#container div#header ul#menuTopo li a#quemSomos{background:url(../img/bt_quem_somos.gif) 0 0  no-repeat; width:79px;}
body div#main div#container div#header ul#menuTopo li a#oqueFazemos{background:url(../img/bt_oque_fazemos.gif) 0 0  no-repeat; width:101px;}
body div#main div#container div#header ul#menuTopo li a#portfolio{background:url(../img/bt_portfolio.gif) 0 0  no-repeat; width:65px;}
body div#main div#container div#header ul#menuTopo li a#premios{background:url(../img/bt_premios.gif) 0 0  no-repeat; width:57px;}

body div#main div#container div#header ul#menuTopo li a:hover, body div#main div#container div#header ul#menuTopo li.ativo a{background-position:0 -23px !important;}

body div#main div#container div#header ul#menuTopo li ul.submenu{ width:138px; position:absolute; display:none; background:#fff url(../img/bg_submenu_middle.gif) left bottom no-repeat; margin:-5px 0 0 -15px; opacity: .9; filter:alpha(opacity=90);}
body div#main div#container div#header ul#menuTopo li ul.submenu li{float:left; width:138px; clear:both; background:url(../img/bg_submenu.gif) left top repeat-y; padding:0; margin:0 0 0 0;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a, body div#main div#container div#header ul#menuTopo li.ativo ul.submenu li a{background-position:0 0 !important;text-indent:0; text-indent:-50000px; height:20px;}

body div#main div#container div#header ul#menuTopo li ul.submenu li.topoSubMenu{background: transparent url(../img/bg_submenu_topo.gif) left top no-repeat; margin:0;}
body div#main div#container div#header ul#menuTopo li ul.submenu li.bottomSubMenu{background: transparent url(../img/bg_submenu_bottom.gif) left bottom no-repeat; padding-bottom:15px !important;}


.itemSubMenu{position:relative; top:6px; left:12px;}
.primItem{padding-top:10px !important;}

body div#main div#container div#header ul#menuTopo li ul.submenu li span{background:url(../img/bul_menu.gif) left 1px no-repeat; padding:0 0 0 10px; float:left; clear:both;}

body div#main div#container div#header ul#menuTopo li ul.submenu li a.internet{background:url(../img/bt_internet_submenu.gif) left top no-repeat; display:block; height:12px; width:102px;}

body div#main div#container div#header ul#menuTopo li ul.submenu li a.banners{background:url(../img/bt_banners.gif) left top no-repeat; width:36px;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a.sites{background:url(../img/bt_sites.gif) left top no-repeat; width:55px;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a.multimidia{background:url(../img/bt_multimidia.gif) left top no-repeat; width:50px;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a.viral{background:url(../img/bt_viral.gif) left top no-repeat; width:70px;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a.jogos{background:url(../img/bt_jogos.gif) left top no-repeat; width:30px;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a.editorial{background:url(../img/bt_editorial_submenu.gif) left top no-repeat; width:92px;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a.editoracao{background:url(../img/bt_editoracao.gif) left top no-repeat; width:95px;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a.design{background:url(../img/bt_design.gif) left top no-repeat; width:65px;}

body div#main div#container div#header ul#menuTopo li ul.submenu li a.conteudo{background:url(../img/bt_conteudo.gif) left top no-repeat; width:45px;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a.revisao{background:url(../img/bt_revisao.gif) left top no-repeat; width:35px;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a.traducao{background:url(../img/bt_traducao.gif) left top no-repeat; width:45px;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a.finalizacao{background:url(../img/bt_finalizacao_submenu.gif) left top no-repeat; width:115px;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a.distribuicao{background:url(../img/bt_distribuicao_submenu.gif) left top no-repeat; width:100px;}
body div#main div#container div#header ul#menuTopo li ul.submenu li a.reproducao{background:url(../img/bt_reproducao_submenu.gif) left top no-repeat; width:96px;}

/* MONTAGEM DO CONTEDO */

/* CONTEÚDO DA PÁGINA SEM MENU */
body#sem_menu div#main div#container div#conteudo{background:#fff;}

/* MENU PRINCIPAL */
body div#main div#container div#conteudo{background:#fff; padding:10px 0 0 11px;}
body div#main div#container div#conteudo div#menu{float:left; width:164px; background:url(../img/bg_menu_tras.jpg) left top repeat-y;}
body div#main div#container div#conteudo div#menu h2{text-indent:-50000px; background:url(../img/bg_menu_top.jpg) left top no-repeat; padding:10px 0 0 15px;}
body div#main div#container div#conteudo div#menu h2 a#internet{background:url(../img/bt_internet.gif) left top no-repeat; display:block; height:13px; width:135px;}
body div#main div#container div#conteudo div#menu ul{background:url(../img/bg_menu_dentro.jpg) left bottom no-repeat; margin:0 0 -2px 5px; position:relative; z-index:1; padding:10px;}
body div#main div#container div#conteudo div#menu span#bottomMenu{display:block;background:url(../img/bg_bottom_menu.jpg) left bottom no-repeat;height:17px;}

body div#main div#container div#conteudo div#menu ul li{background:url(../img/bul_menu.gif) left 1px no-repeat; padding:0 0 0 10px; margin:0 0 7px 0;}
body div#main div#container div#conteudo div#menu ul li a{text-indent:-50000px;display:block; height:15px;}

body div#main div#container div#conteudo div#menu ul li a#banners{background:url(../img/bt_banners.gif) left top no-repeat; width:36px;}
body div#main div#container div#conteudo div#menu ul li a#sites{background:url(../img/bt_sites.gif) left top no-repeat;width:57px;}
body div#main div#container div#conteudo div#menu ul li a#multimidia{background:url(../img/bt_multimidia.gif) left top no-repeat;width:50px;}
body div#main div#container div#conteudo div#menu ul li a#arquitetura{background:url(../img/bt_arquitetura.gif) left top no-repeat; width:115px;}
body div#main div#container div#conteudo div#menu ul li a#estrategico{background:url(../img/bt_estrategico.gif) left top no-repeat; width:104px;}
body div#main div#container div#conteudo div#menu ul li a#viral{background:url(../img/bt_viral.gif) left top no-repeat; width:67px;}
body div#main div#container div#conteudo div#menu ul li a#jogos{background:url(../img/bt_jogos.gif) left top no-repeat; width:30px;}
body div#main div#container div#conteudo div#menu ul li a#editorial{background:url(../img/bt_editorial.gif) left top no-repeat; width:110px;}
body div#main div#container div#conteudo div#menu ul li a#editoracao{background:url(../img/bt_editoracao.gif) left top no-repeat; width:95px;}
body div#main div#container div#conteudo div#menu ul li a#design{background:url(../img/bt_design.gif) left top no-repeat; width:65px;}
body div#main div#container div#conteudo div#menu ul li a#conteudo{background:url(../img/bt_conteudo.gif) left top no-repeat; width:45px;}
body div#main div#container div#conteudo div#menu ul li a#revisao{background:url(../img/bt_revisao.gif) left top no-repeat; width:35px;}
body div#main div#container div#conteudo div#menu ul li a#traducao{background:url(../img/bt_traducao.gif) left top no-repeat; width:45px;}
body div#main div#container div#conteudo div#menu ul li a#finalizacao{background:url(../img/bt_finalizacao.gif) left top no-repeat; width:140px;}
body div#main div#container div#conteudo div#menu ul li a#distribuicao{background:url(../img/bt_distribuicao.gif) left top no-repeat; width:120px;}
body div#main div#container div#conteudo div#menu ul li a#reproducao{background:url(../img/bt_reproducao.gif) left top no-repeat; width:112px;}


/* CONTEUDO PRINCIPAL */
body div#main div#container div#conteudo div#texto{float:left;margin:0px 0 10px 20px;width:550px;}
/* LISTA NO TEXTO */
body div#main div#container div#conteudo div#texto ul#listaTexto {}
body div#main div#container div#conteudo div#texto ul#listaTexto li{list-style-image:../img/bullet.gif;margin:0 0 10px 20px;}

/* TEXTO DAS PÁGINAS SEM MENU */
body#sem_menu div#main div#container div#conteudo div#texto{width:718px;margin:0;padding:0 0 0 4px;}
body div#main div#container div#conteudo div#texto p{margin:0 0 15px 0;}
body div#main div#container div#conteudo div#texto p a{color:#006600;}
body div#main div#container div#conteudo div#texto h3{text-indent:-50000px;margin:21px 0 12px 0;height:29px;}


/*FORMULÁRIO*/
body div#main div#container div#conteudo div#formulario{width:428px;}
body div#main div#container div#conteudo div#formulario p#botoes{padding:0 12px 0 0;}
body div#main div#container div#conteudo div#formulario p#botoes a{margin:0;}
body div#main div#container div#conteudo div#formulario p#botoes input{margin:0 0 0 7px;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro{border:none;display:block;margin:15px 0 30px -6px;width:430px;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro hr{display:block;width:415px;height:1px;border:solid 1px #bfe6bf;margin:0 0 10px 5px;color:#bfe6bf;}
/* RACK DO HR PRO FIREFOX */
html>body div#main div#container div#conteudo div#formulario fieldset#cadastro hr{border:0;background:url(../img/fundo_hr_form.gif) left top repeat-x;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro label{display:block;width:105px;height:15px;text-indent:-50000px;margin:1px 0 2px 5px;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro label#fundoForm{position:relative;width:423px;height:44px;background:url(../../public/img/fundo_form_input.gif) top left no-repeat; margin:-13px 0 9px 0;z-index:1;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro label#fundoForm_file{position:relative;width:423px;height:44px;background:url(../../public/img/fundo_form_file.gif) top left no-repeat; margin:-13px 0 9px 0;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro label#fundoForm_msg{position:relative;width:423px;height:193px;background:url(../../public/img/fundo_form_msg.gif) top left no-repeat; margin:-13px 0 9px 0;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro label#lab_nome{background:url(../img/form_label_nome.gif) top left no-repeat;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro label#lab_email{background:url(../img/form_label_email.gif) top left no-repeat;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro label#lab_assunto{position:relative;background:url(../img/form_label_assunto.gif) top left no-repeat;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro label#lab_mensagem{position:relative;background:url(../img/form_label_mensagem.gif) top left no-repeat;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro label#lab_curriculo{background:url(../img/form_label_curriculo.gif) top left no-repeat;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro label#lab_interesse{background:url(../img/form_label_areaInteresse.gif) top left no-repeat;}


body div#main div#container div#conteudo div#formulario fieldset#cadastro input#nome{float:left;margin:10px 0 0 15px;width:390px;height:16px;border:hidden;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro input#email{float:left;margin:10px 0 0 15px;width:390px;height:16px;color:#464646;border:hidden;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro input#curriculo{float:left;margin:10px 0 0 15px;width:390px;height:18px;color:#464646; border:solid 1px}
body div#main div#container div#conteudo div#formulario fieldset#cadastro select#assunto{float:left;margin:11px 0 0 15px;width:390px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#464646;border:solid 1px #8ad98a;}
body div#main div#container div#conteudo div#formulario fieldset#cadastro textarea#mensagem{float:left;margin:10px 0 0 15px;width:390px;height:165px;color:#464646;border:hidden;}



/* BREADCRUMB */
body div#main div#container div#conteudo div#texto p#breadCrumb{}
body div#main div#container div#conteudo div#texto p#breadCrumb span, body div#main div#container div#conteudo div#texto p#breadCrumb a{text-indent:-50000px;display:block; height:15px; margin:0 2px 0; float:left;}
body div#main div#container div#conteudo div#texto p#breadCrumb span.separador{background:url(../img/bul_separador.gif) left top no-repeat; width:4px;}
body div#main div#container div#conteudo div#texto p#breadCrumb a#bcHome{background:url(../img/bc_home.gif) left top no-repeat; width:51px;}
body div#main div#container div#conteudo div#texto p#breadCrumb a#bcQueFazemos{background:url(../img/bc_oque_fazemos.gif) left top no-repeat;width:104px;}
body div#main div#container div#conteudo div#texto p#breadCrumb span#bcInternet{background:url(../img/bc_internet.gif) left top no-repeat;width:141px;}
body div#main div#container div#conteudo div#texto p#breadCrumb span#bcEditorial{background:url(../img/bc_editorial.gif) left top no-repeat;width:141px;}
body div#main div#container div#conteudo div#texto p#breadCrumb span#bcComunicacao a{width:148px;}
/* BC VERDE */
body div#main div#container div#conteudo div#texto p#breadCrumb span#bcQueFazemos_verde{background:url(../img/bc_oque_fazemos_verde.gif) left top no-repeat; width:104px;}

/* TITULOS */
body div#main div#container div#conteudo div#texto h3#titEstrategico{background:url(../img/tit_estrategico.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titInternet{background:url(../img/tit_internet.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titEditorial{background:url(../img/tit_editorial.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titFinalizacao{background:url(../img/tit_finalizacao.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titDistribuicao{background:url(../img/tit_distribuicao.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titReproducao{background:url(../img/tit_reproducao.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titSite_portais{background:url(../img/tit_sites.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titMarketing{background:url(../img/tit_marketing_viral.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titPublicidade{background:url(../img/tit_publicidade.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titBanners{background:url(../img/tit_banners.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titJogos{background:url(../img/tit_jogos.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titMidia{background:url(../img/tit_planejamento_midia.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titTecnologia{background:url(../img/tit_tecnologia.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titArquitetura{background:url(../img/tit_arquitetura.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titTraducao{background:url(../img/tit_traducao.gif) left top no-repeat;}

body div#main div#container div#conteudo div#texto h3#titEditoracao{background:url(../img/tit_editoracao.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titDesign{background:url(../img/tit_design.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titConteudo{background:url(../img/tit_conteudo.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titRevisao{background:url(../img/tit_revisao.gif) left top no-repeat;}

body div#main div#container div#conteudo div#texto h3#tit_o_que_fazemos{background:url(../img/tit_o_que_fazemos.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titMultimidia{background:url(../img/tit_multimidia.gif) left top no-repeat;}
body div#main div#container div#conteudo div#texto h3#titProjetosGraficos{background:url(../img/tit_projetos_graficos.gif) left top no-repeat;}

/* TÍTULOS DE PÁGINAS SEM MENU */
body#sem_menu div#main div#container div#conteudo div#texto h3#titQuem_somos{background:url(../img/tit_quem_somos.gif) left top no-repeat;}
body#sem_menu div#main div#container div#conteudo div#texto h3#titFale_conosco{background:url(../img/tit_fale_conosco.gif) left top no-repeat;}
body#sem_menu div#main div#container div#conteudo div#texto h3#titFaca_parte{background:url(../img/tit_faca_parte.gif) left top no-repeat;}


/*TÍTULO DE PÁGINAS COM FLASH, SEM MENU */ 
body#sem_menu div#main div#container div#conteudo div#texto h3#titPortfolio{background:url(../img/tit_portfolio.gif) left top no-repeat;}
body#sem_menu div#main div#container div#conteudo div#texto h3#titPremios{background:url(../img/tit_premios.gif) left top no-repeat;}

body div#main div#container div#conteudo #flash{}


/* RODAPE */
body div#main div#container div#rodape{clear:both;height:39px;}
body div#main div#container div#rodape{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../public/img/bg_rodape.png', sizingMethod='crop');}
html>body div#main div#container div#rodape{background:transparent url(../img/bg_rodape.png) left top no-repeat;}

body div#main div#container div#rodape p{display:none;}

/* CLASSES */
.limpar{display:block;float:left;margin:0 10px 0 0;text-indent:-5000px;width:55px;height:23px;background:url(../img/bot_limpar.gif) left top no-repeat;}

/* CLASSES DE APOIO */
.noMargin{margin:0 !important;}
.noPadding{padding:0 !important;}
.noBg{background:none !important;}
.noBorder{border:none !important;}
.clearBoth{clear:both !important;}
.floatLeft{float:left !important;}
.floatRight{float:right !important;}
.debug{border:1px solid red !important;}