body { background: #CCDB29 url(../imgs/background.jpg) no-repeat top center; } body#games { background: #CCDB29 url(http://www.canvas.com.br/imgs/background_games.jpg) no-repeat top center; } /* TAGS GENRICAS */ /* atributos genericos para qualquer tag */ * { padding:0px; margin:0px; font:normal 11px Tahoma,Verdana,Arial; color:#646464; } /* ul li */ ul li{ list-style-type:square; } /* imagens */ img { border:0; } /* hr */ hr { clear:both; width:100%; /* largura da linha */ height:1px; /* altura da linha */ border:1px solid #ccc; /* borda da linha */ border-width:0; /* tamanho borda da linha */ border-top-width:1px; /* tamanho do topo da borda da linha */ } /* strong */ strong { font-weight:bold; } .bordapreta { border:1px solid #000000;} div.btvolta a { display:block; width:39px; height:18px; background:url(../imgs/btVoltar.gif) no-repeat; text-indent:-9999px; margin-left:11px;} /* LINKS */ a { color:#8EAF16; font-weight:bold; text-decoration:underline; } /* TITULOS E PARAGRAFOS */ h1 { font:normal 20px Tahoma, Verdana,Arial; color:#566270; margin-bottom:18px; } h2 { font:normal 20px Tahoma, Verdana,Arial; color:#0CB1AD; margin-bottom:18px; } h2.sobresocios { font:normal 20px Tahoma, Verdana,Arial; color:#0CB1AD; margin-bottom:10px; } /* h2 */ h2.projetosDestaque, h2.projetosRecentes { display:none; } /* h4 */ /*h4, */ h4.socialMedia, h4.idiomas { display:none; } /* atributos genericos para os titulos promocionais */ h4#titacanvas {display:block; width:725px; height:85px; text-indent:-9999em; margin-left:15px; clear:left; background:#fff url(../imgs/h4APrimeiraWebhouse.gif) no-repeat;} h4#titclientes {display:block; width:725px; height:85px; text-indent:-9999em; margin-left:15px; clear:left; background:#fff url(../imgs/h4NossoMaiorOrgulho.gif) no-repeat;} h4#titexpertise {display:block; width:725px; height:85px; text-indent:-9999em; margin-left:15px; clear:left; background:#fff url(../imgs/h4AnosDeInteratividade.gif) no-repeat;} h4#titcases {display:block; width:725px; height:85px; text-indent:-9999em; margin-left:15px; clear:left; background:#fff url(../imgs/h4EstudosDeCasos.gif) no-repeat;} h4#titimprensa {display:block; width:725px; height:85px; text-indent:-9999em; margin-left:15px; clear:left; background:#fff url(../imgs/h4ParaQuemQuer.gif) no-repeat;} h4#titfale {display:block; width:725px; height:85px; text-indent:-9999em; margin-left:15px; clear:left; background:#fff url(../imgs/h4FaleConosco.gif) no-repeat;} /* paragrafo do final do conteudo */ p.finalConteudo { font:normal 10px Tahoma, Verdana, Arial; color:#566270; margin-right:10px; clear:both; } p.finalnormal { font:normal 11px Tahoma, Verdana, Arial; color:#566270; margin-right:10px; clear:both; } p.finalConteudo a { font:bold 10px Tahoma, Verdana, Arial; color:#8EAF16; text-decoration:none; } p.finalConteudo a:hover { text-decoration:underline; } /* DIV CONTAINER */ #container { position:absolute; width:780px; left:50%; margin-left:-390px; height:450px; } /* ACESSIBIDADE */ .acessibilidade { display:none;} /* HEADER */ div#header { width:740px; background:url(../imgs/bg_menu.gif) no-repeat 20px 105px; height:152px; margin-top:75px; padding:0 20px;} div#headergames { width:740px; height:152px; margin-top:75px; padding:0 20px;} h1 a.logo { display:block; width:480px; height:105px; background: #FFFFFF url(../imgs/logo.gif) no-repeat; text-indent:-9999em; float:left; } /* MENU */ ul#menu { position:absolute; top:180px; right:0px; width:720px; height:37px; padding:10px 0 0 40px; } /* lista do menu */ ul#menu li { list-style-type:none; float:left; text-indent:-9999em; } /* lista do menu */ ul#menu li a.agencia, ul#menu li a.clientes, ul#menu li a.expertise, ul#menu li a.cases, ul#menu li a.imprensa, ul#menu li a.contato, ul#menu li.telefone { display:block; height:27px; padding:10px 0; margin:0 16px 0 0; } ul#menu li a.agencia { background:url(../imgs/menu_agencia_off.gif) no-repeat; width:66px; } ul#menu li a.clientes { background:url(../imgs/menu_clientes_off.gif) no-repeat; width:141px; } ul#menu li a.expertise { background:url(../imgs/menu_expertise_off.gif) no-repeat; width:70px; } ul#menu li a.cases { background:url(../imgs/menu_cases_off.gif) no-repeat; width:44px; } ul#menu li a.imprensa { background:url(../imgs/menu_imprensa_off.gif) no-repeat; width:72px; } ul#menu li a.contato { background:url(../imgs/menu_contato_off.gif) no-repeat; width:55px; } ul#menu li.telefone { background:url(../imgs/menu_telefone.gif) no-repeat; width:129px; } ul#menu li a.agencia:hover { background:url(../imgs/menu_agencia_on.gif) no-repeat; width:66px; } ul#menu li a.clientes:hover { background:url(../imgs/menu_clientes_on.gif) no-repeat; width:141px; } ul#menu li a.expertise:hover { background:url(../imgs/menu_expertise_on.gif) no-repeat; width:70px; } ul#menu li a.cases:hover { background:url(../imgs/menu_cases_on.gif) no-repeat; width:44px; } ul#menu li a.imprensa:hover { background:url(../imgs/menu_imprensa_on.gif) no-repeat; width:72px; } ul#menu li a.contato:hover { background:url(../imgs/menu_contato_on.gif) no-repeat; width:55px; } /* SOCIAL MEDIA */ div.socialMedia { width:167px; height:95px; float:left; margin-top:10px;} /* lista de imagens social media */ ul.socialMedia { clear:both; padding:5px 13px 0px 0px;} ul.socialMedia li { list-style-type:none; float:right; margin-right:7px;} ul.socialMedia li a.delicious, ul.socialMedia li a.flickr, ul.socialMedia li a.twitter, ul.socialMedia li a.facebook, ul.socialMedia li a.youtube, ul.socialMedia li a.qik { display:block; float:left; text-indent:-9999em;} /* links social media */ ul.socialMedia li a.delicious { background:url(../imgs/logoDelicious.gif) no-repeat; width:72px; height:15px;} ul.socialMedia li a.flickr{background:url(../imgs/logoFlickr.gif) no-repeat; width:41px; height:11px;} ul.socialMedia li a.twitter{background:url(../imgs/logoTwitter.gif) no-repeat; width:60px; height:19px;} ul.socialMedia li a.facebook{background:url(../imgs/logoFacebook.gif) no-repeat; width:64px; height:19px;} ul.socialMedia li a.youtube{background:url(../imgs/logoYoutube.gif) no-repeat; width:43px; height:18px;} ul.socialMedia li a.qik {background:url(../imgs/logoQik.gif) no-repeat; width:26px; height:15px;} /* links no estado hover social media */ ul.socialMedia li a:hover.delicious { background:url(../imgs/logoDeliciousHover.gif) no-repeat; width:72px; height:15px;} ul.socialMedia li a:hover.flickr{ background:url(../imgs/logoFlickrHover.gif) no-repeat; width:41px; height:11px;} ul.socialMedia li a:hover.twitter{background:url(../imgs/logoTwitterHover.gif) no-repeat; width:60px; height:19px;} ul.socialMedia li a:hover.facebook{background:url(../imgs/logoFacebookHover.gif) no-repeat; width:64px; height:19px;} ul.socialMedia li a:hover.youtube{background:url(../imgs/logoYoutubeHover.gif) no-repeat; width:43px; height:18px;} ul.socialMedia li a:hover.qik {background:url(../imgs/logoQikHover.gif) no-repeat; width:26px; height:15px;} /* IDIOMAS */ div.idiomas { width:73px; height:41px; float:left; background: url(../imgs/bgIdiomas.gif) no-repeat 0px 7px; padding:64px 0px 0px 18px; } ul.idiomas {margin:0px auto} ul.idiomas li { list-style-type:none; float:left; margin-right:7px;} ul.idiomas li a.port, ul.idiomas li a.eng { display:block; float:left; height:16px; text-indent:-9999em;} ul.idiomas li a.port { background:url(../imgs/iconeBandeiraBrasileira.gif) no-repeat; width:23px; } ul.idiomas li a.eng{ background:url(../imgs/iconeBandeiraInglesa.gif) no-repeat; width:24px;} /* INICIO DE CADA CONTEUDO DO SITE */ /* HOME */ /* div central que engloba o conteudo e o destaque */ div#conteudohome { background-color:#ffffff; width:760px; padding:0px 0px 0px 20px; clear:both; } /* Div destaque */ div.destaquehome {margin: 10px 0px 0px 0px;} img.fotodestaque { width:532px; height:229px; border: 5px solid #8C8A8A; float:left;} .caixatextodestaque { width:200px; background: #566270; height:229px; padding:10px 0px 0px 18px; float:right;} h4.titulodestaque { width:195px; height:40px; background:url(../imgs_home/tit_textodestaque.gif) no-repeat; text-indent:-9999em; clear:both;} div.destaquehome p { color:#FFFFFF; font-size:12px; margin:7px 15px 8px 0px; font-weight:normal;} div.destaquehome a { color:#FFFFFF; text-decoration:none;} div.destaquehome a:hover { color:#FFFFFF; text-decoration:underline;} div.destaquehome ul { display:block;} div.caixatextodestaque ul li{ color: #FFFFFF; font-size:12px; font-weight:bold; list-style-type:square; margin:10px 20px 0px 20px;} ul.linkdestaque li { display:block; list-style-type:none;} ul.linkdestaque li a {width:194px; height:19px; display:block; list-style-type: circle; background:url(../imgs_home/bt_seo.gif) no-repeat; text-indent:-9999em; margin:40px 0px 0px -18px;} div.destaquehome ul li.evento01{ width:190px; height:19px; background:url(../imgs_home/dataevento_01.gif) no-repeat; list-style-type:none; margin:5px 0px 0px 0px; text-indent:-9999em;} div.destaquehome ul li.evento02{ width:190px; height:19px; background:url(../imgs_home/dataevento_02.gif) no-repeat; list-style-type:none; margin:5px 0px 0px 0px; text-indent:-9999em;} div.destaquehome ul li.evento03{ width:190px; height:19px; background:url(../imgs_home/dataevento_03.gif) no-repeat; list-style-type:none; margin:5px 0px 0px 0px; text-indent:-9999em;} /* Conteudo Home */ div.conteudomaiorhome { width:550px; float:left; margin:15px 0px 0px 0px;} div.chamada { width:540px; border-top: 1px solid #E5E5E5; padding-top:12px; min-height:132px;} div.chamada h5.dest1 { font:bold 18px Tahoma, Verdana, Arial; color:#566270;} div.chamada h5.dest2 { font:bold 18px Tahoma, Verdana, Arial; color:#09B3AE;} div.chamada h5.dest3 { font:bold 18px Tahoma, Verdana, Arial; color:#E4D026;} div.chamada p { font:normal 11px Tahoma, Verdana, Arial; color:#566270; margin-top:10px;} div.chamada p a { display:block; text-indent:10px; background:#ffffff url(../imgs_home/seta_link_chamada.gif) no-repeat 0px 5px; color:#8EAF16; font-size:10px; text-decoration:none;} div.chamada p a:hover {text-decoration:underline;} div.chamada img { float:right; margin-left:20px; border:2px solid #7F7F7F;} .conteudodestaqueshome{width:165px; float:left; margin:15px 0px 20px 20px;} /* A CANVAS */ /* div central que engloba o conteudo e o destaque */ div#conteudoACanvas { background-color:#fff; width:740px; padding:0px 20px 20px 20px; clear:both; } /* div conteudo */ div.conteudoMaiorACanvas { width:540px; padding-left:15px; clear:both; } div.conteudoMaiorACanvas h1{ width:520px;} div.conteudoMaiorACanvas p.textinho { padding-bottom:10px; font-size:12px; margin:20px 20px 10px 0px;} div.conteudoMaiorACanvas strong { font-size:12px; font-weight:bold;} /* lista diretores */ ul#diretores li {display:block; width:270px; list-style-type:none; float:left; margin:0px 0px 10px 0px; } ul#diretores h2.diretores { font:bold 11px Tahoma, Verdana, Arial; color:#0cb1ad; } ul#diretores h2.diretores span.nomeDiretor { font:bold 18px Tahoma, Verdana, Arial; color:#ccdb29; } ul#diretores li p { padding-bottom:10px; font-size:11px; margin-right:20px;} /* lista de consultores */ ul#conselho li { list-style-type:none; float:left; margin-top:10px; } ul#conselho li.texto { margin-left:10px; } ul#conselho p.nomeConsultor { font:bold 11px Tahoma, Verdana, Arial; color:#0cb1ad; margin:5px 0 0 15px;} ul#conselho p.nomeConsultor span { font:bold 10px Tahoma, Verdana, Arial; color:#a8cb29; } ul#conselho li.primeiroItem p.nomeConsultor { margin:5px 0 0 0; } p.finalConselho { margin-top:10px; } p.delicia { margin-top:30px; } /* div destaque */ div.conteudoDestaqueACanvas { position:absolute; width:170px; top:295px; right:20px; } h2.conselho, h2.twitterCanvas, h2.premiosEShortLists { display:block; width:170px; height:17px; text-indent:-9999em; margin-top:20px; clear:both; } h2.socios { background:url(../imgs/h2socios.gif) no-repeat; height:20px; text-indent:-9999em; } h2.conselho { background:url(../imgs/h2Conselho.gif) no-repeat; height:20px; } h2.premiosEShortLists { background:url(../imgs/h2premiosEShortLists.gif) no-repeat; } h2.twitterCanvas { background:url(../imgs/h2TwitterCanvas.gif) no-repeat; } p.finalProjetosDestaque a { font:bold 10px Tahoma, Verdana, Arial; color:#566270; text-decoration:none; margin: 0px 0px 0px 10px; } p.finalProjetosDestaque a:hover { text-decoration:underline; } /* lista consultores */ ul#consultores h2.consultores { font:bold 11px Tahoma, Verdana, Arial; color:#0cb1ad;} /* CLIENTES E PORTFOLIO */ /* div central que engloba o conteudo e o destaque */ div#conteudoClientesEProjetos { background-color:#ffffff; width:740px; padding:0px 20px 20px 20px; clear:both; } /* div conteudo */ div.conteudoMaiorClientesEProjetos { width:555px; padding-left:15px; clear:both; } /* lista de projetos recentes */ ul#projetosRecentes li { list-style-type:none; } p.projetosRecentes { font:normal 11px Tahoma, Verdana, Arial; margin:10px 0px; } div.descricaoProjetosRecentes { float:left; width:190px; } div.imagemProjetosRecentes { float:right; width:350px; padding-bottom:10px; } /* lista do portfolio flickr */ h2.portfolioFlickr { display:none; } div.portfolioFlickr { display:block; width:475px; height:95px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:0px 0px 0px 80px; clear:both; background: #ffffff url(../imgs/tit_flickr_horizontal.gif) no-repeat 0px 5px; } /* lista de clientes atendidos */ h2.clientesAtendidos { display:block; background:url(../imgs/h2ClientesAtendidos.gif) no-repeat; width:120px; height:20px; text-indent:-9999em; margin-top:20px; clear:both; } p.clientesAtendidos { padding-bottom:20px; } ul.clientesAtendidos li { list-style-type:none; float:left; padding-bottom:10px; } /* div destaque */ div.conteudoDestaqueClientesEProjetos { position:absolute; width:170px; top:295px; right:20px; } h2.premiosEPortfolio { display:block; background:url(../imgs/h2PremiosEPortfolio.gif) no-repeat; width:150px; height:20px; text-indent:-9999em; margin-top:20px; clear:both; } h3.medalhaDeOuroVale { display:none; } /* EXPERTISE */ /* div central que engloba o conteudo e o destaque */ div#conteudoExpertise, div#conteudoExpertiseSEO, div#conteudoExpertiseWebcast, div#conteudoExpertiseGestaoPlanejamento, div#conteudoExpertiseGames { background-color:#fff; width:740px; padding:0px 20px 20px 20px; clear:both; } /* div conteudo */ div.conteudoMaiorExpertise { width:535px; float:left; padding-left:15px; } div.conteudoMaiorExpertise p { padding-bottom:20px;} /* lista de expertises */ div.listasExpertise { width:250px; margin-left:10px; float:left; height:180px;} ul.expertise li { list-style-type:square; margin-left:25px;} ul.expertise li a { text-decoration:none;} ul.expertise li a:hover { text-decoration:underline;} /* div destaque */ div.conteudoDestaqueExpertise { position:absolute; width:170px; top:315px; right:20px; } /* lista de projetos em destaque */ ul.projetosDestaque li { list-style-type:none; padding-bottom:25px; } /* subtitulos do conteudo de destaque */ h3.webcast, h3.games { display:block; width:170px; height:35px; text-indent:-9999em; } h3.webcast { background:#fff url(../imgs/h3Webcast.gif) no-repeat; } h3.games { background:#fff url(../imgs/h3Games.gif) no-repeat; } /* paragrados do conteudo de destaque */ p.aoVivoACores, p.diversaoInternautas { display:block; width:170px; text-indent:-9999em; } p.aoVivoACores { background:#fff url(../imgs/imgAoVivoACoress.gif) no-repeat; height:40px; } p.diversaoInternautas { background:#fff url(../imgs/imgDiversaoInternautas.gif) no-repeat; height:55px; } /* EXPERTISE WEBCAST */ /* div central que engloba o conteudo e o destaque */ div#conteudoExpertiseWebcast p { color:#000; } h1.inst { font:bold 20px Tahoma, Verdana, Arial; color:#CCDB29; padding-bottom:20px;} h1.webcast { font:bold 20px Tahoma, Verdana, Arial; color:#CCDB29; } h1.webcast span { font:bold 14px Tahoma, Verdana, Arial; color:#566270; } h3.webcastExpertise { font-weight:bold; color:#000; clear:both; } /* lista de clientes webcast */ ul#listaWebcastClientes { margin-top:20px; } ul#listaWebcastClientes li { list-style-type:none; padding-bottom:10px; float:left; } /* lista de vantagens webcast */ ul#listaWebcastVantagens { margin-top:20px; margin-bottom:20px; } ul#listaWebcastVantagens li { list-style-type:square; margin-left:15px; clear:both; } ul#listaWebcastVantagens li h4 { font:bold 11px Tahoma, Verdana, Arial; color:#566270; } ul#listaWebcastVantagens li p { font:normal 11px Tahoma, Verdana, Arial; color:#000; } /* div destaque */ div.conteudoDestaqueExpertise h3.produtosdestaques { font:bold 12px Tahoma, Verdana, Arial;color:#0CB1AD; margin-bottom:10px; } div.conteudoDestaqueExpertise h3.produtosdestaquesmarcado { font:bold 12px Tahoma, Verdana, Arial;color:#097F7C; margin-bottom:10px; } div.conteudoDestaqueExpertise h3.desenvolvimentoWebMarketing span { font:bold 12px Tahoma, Verdana, Arial; color:#097F7C; } /* lista de projetos em destaque */ ul#listaDestaqueWebcast li { list-style-type:none; font:normal 10px Tahoma, Verdana, Arial; border-left:1px solid #CCCCCA; padding-left:10px; } ul#listaDestaqueWebcast li ul li { border:none; padding:0; } /* div para espaamento das li's dos titulos */ div.listaDestaqueWebcast { padding:10px 0 15px 0; } /* EXPERTISE GESTAO PLANEJAMENTO */ /* div central que engloba o conteudo e o destaque */ div#conteudoExpertiseGestaoPlanejamento p { color:#000; } h1.gestaoPlanejamento { font:bold 20px Tahoma, Verdana, Arial; color:#CCDB29; } h1.gestaoPlanejamento span { font:bold 14px Tahoma, Verdana, Arial; color:#566270; } h3.gestaoPlanejamentoProjetosRecentes { font-weight:normal; } h3.gestaoPlanejamentoComunicacaoOnline { font:bold 12px Tahoma, Verdana, Arial; color:#000; clear:both; } /* lista gestao de planejamento projetos recenter */ ul#listaGestaoPlanejamentoProjetosRecentes { margin-top:15px; } ul#listaGestaoPlanejamentoProjetosRecentes li { display:block; width:267px; list-style-type:none; float:left; } ul#listaGestaoPlanejamentoProjetosRecentes li h5.salaImprensaValeOnline, ul#listaGestaoPlanejamentoProjetosRecentes li h5.websiteTimeBrasil { font:bold 11px Tahoma, Verdana, Arial; color:#000; margin-bottom:10px; } ul#listaGestaoPlanejamentoProjetosRecentes li p.estrela { display:block; background:url(../imgs/iconeEstrela.gif) no-repeat; width:255px; margin-top:5px; padding-left:12px; font:bold 10px Tahoma, Verdana, Arial; color:#8a8a8a; } ul#listaGestaoPlanejamentoProjetosRecentes li p.projetoRecente { font:bold 10px Tahoma, Verdana, Arial; color:#566270; margin-left:12px; } ul#listaGestaoPlanejamentoProjetosRecentes li p.projetoRecente a { font:bold 10px Tahoma, Verdana, Arial; color:#8a8a8a; text-decoration:none; } ul#listaGestaoPlanejamentoProjetosRecentes li p.projetoRecente a:hover { text-decoration:underline; } /* lista gestao de planejamento */ ul#listaGestaoPlanejamento { margin:15px; } /* EXPERTISE SEARCH ENGINE OPTIMIZATION */ /* div central que engloba o conteudo e o destaque */ div#conteudoExpertiseSEO p { color:#000; } h1.SEO { font:bold 20px Tahoma, Verdana, Arial; color:#CCDB29; } h1.SEO span { font:bold 14px Tahoma, Verdana, Arial; color:#566270; } h3.SEOVideosYouTube { font-weight:normal; padding-bottom:15px; } h3.SEO { font:bold 12px Tahoma, Verdana, Arial; color:#000; clear:both; padding-top:5px;} /* Listas de vdeos */ h3.titYoutube { width:139px; height:20px; background:#ffffff url(../imgs/h3youtube.gif) no-repeat; text-indent:-9999em;} ul#listavideos { margin-top:15px; } ul#listavideos li{ display:block; float:left; list-style-type:none; width:250px; height:250px;} ul#listavideos li h5{ color:#566270; font-size:11px; font-weight:bold; margin:0px 15px 5px 0px;} ul#listavideos li p{ color:#566270; font-size:11px; font-weight:normal; margin:5px 20px 0px 0px;} ul#listavideos li a{ display:block; width:51px; height:22px; background:#ffffff url(../imgs/btplay.gif) no-repeat; text-indent:-9999em;} .bordavideos { border:1px solid #A4D6C3; margin:5px 0px;} /* lista gestao de planejamento projetos recenter */ ul#listaGestaoPlanejamentoProjetosRecentes { margin-top:15px; } ul#listaGestaoPlanejamentoProjetosRecentes li { display:block; width:267px; list-style-type:none; float:left; } ul#listaGestaoPlanejamentoProjetosRecentes li h5.salaImprensaValeOnline, ul#listaGestaoPlanejamentoProjetosRecentes li h5.websiteTimeBrasil { font:bold 11px Tahoma, Verdana, Arial; color:#000; margin-bottom:10px; } ul#listaGestaoPlanejamentoProjetosRecentes li p.estrela { display:block; background:url(../imgs/iconeEstrela.gif) no-repeat; width:255px; margin-top:5px; padding-left:12px; font:bold 10px Tahoma, Verdana, Arial; color:#8a8a8a; } ul#listaGestaoPlanejamentoProjetosRecentes li p.projetoRecente { font:bold 10px Tahoma, Verdana, Arial; color:#566270; margin-left:12px; } ul#listaGestaoPlanejamentoProjetosRecentes li p.projetoRecente a { font:bold 10px Tahoma, Verdana, Arial; color:#8a8a8a; text-decoration:none; } ul#listaGestaoPlanejamentoProjetosRecentes li p.projetoRecente a:hover { text-decoration:underline; } /* lista gestao de planejamento */ ul#listaSEO { margin:15px; } /* GAMES */ div.caixagames { width:520px; margin:0px 0px 25px 0px;} div.caixagames p {width: 400px; height: 20px; margin: 0px 0px 0px 0px; text-align:left;} .itemgame {width: 119px; height: 155px; margin: 0px 10px 10px 0px; float:left; text-align:left;} .itemsaladeimprensa {width: 119px; height: 155px; margin: 0px 10px 10px 0px; float:left; text-align:left;} /* SALA DE IMPRENSA */ div.caixasala { width:520px; margin:0px 0px 25px 0px;} .itemsala {width: 170px; height: 155px; margin: 0px 2px 20px 0px; float:left; text-align:left;} .itemsala img { margin-top:8px;} /* IMPRENSA ONLINE */ div.caixaimprensa { width:533px; margin:0px 0px 5px 0px;} .itemimprensa {width: 125px; height: 145px; margin: 0px 8px 5px 0px; float:left; text-align:center;} .itemimprensa img { margin-top:8px;} /* CASES */ /* div central que engloba o conteudo e o destaque */ div#conteudoCases { background-color:#ffffff; width:740px; padding:0px 20px 20px 20px; clear:both; } /* div conteudo */ div.conteudoMaiorCases { width:540px; clear:both; padding-left:15px; } div.conteudoMaiorCases p { padding-bottom:20px;} /* lista de cases - atributos genericos */ ul.listaCases li.caseVale, ul.listaCases li.caseGovernoRioDeJaneiro, ul.listaCases li.caseGlobosat, ul.listaCases li.caseComiteOlimpico { display:block; width:270px; height:121px; list-style-type:none; margin-bottom:25px; float:left; } /* lista de cases - atributos especificos */ ul.listaCases li.caseVale { background:#fff url(../imgs/bgCasesVale.jpg) no-repeat; } ul.listaCases li.caseGovernoRioDeJaneiro { background:#fff url(../imgs/bgCasesGovernoRioDeJaneiro.jpg) no-repeat; } ul.listaCases li.caseGlobosat { background:#fff url(../imgs/bgCasesGlobosat.jpg) no-repeat; } ul.listaCases li.caseComiteOlimpico { background:#fff url(../imgs/bgCasesComiteOlimpico.gif) no-repeat; } /* titulo da lista de cases */ h3.caseVale, h3.caseGovernoRioDeJaneiro, h3.caseGlobosat, h3.caseComiteOlimpico { display:none; } /* paragrafos/link da lista de cases com negrito */ ul.listaCases li.caseVale p a, ul.listaCases li.caseGovernoRioDeJaneiro p a, ul.listaCases li.caseGlobosat p a, ul.listaCases li.caseComiteOlimpico p a { display:block; width:120px; color:#566270; font-weight:bold; padding:20px 0 0 140px; text-decoration:none; } /* paragrado/link da lista de cases no estado hover */ ul.listaCases li.caseVale p a:hover, ul.listaCases li.caseGovernoRioDeJaneiro p a:hover, ul.listaCases li.caseGlobosat p a:hover, ul.listaCases li.caseComiteOlimpico p a:hover { text-decoration:underline; } /* paragrafos da lista de cases sem negrito */ ul.listaCases li.caseVale p span, ul.listaCases li.caseGovernoRioDeJaneiro p span, ul.listaCases li.caseGlobosat p span, ul.listaCases li.caseComiteOlimpico p span { font-weight:normal; } /* div destaque */ div.conteudoDestaqueCases { position:absolute; width:165px; top:315px; right:20px; } /* lista de projetos em destaque */ ul.projetosDestaque li { list-style-type:none; padding-bottom:25px; } /* subtitulos do conteudo de destaque */ h3.flickrCanvasComBr { display:block; background:#fff url(../imgs/flickrCanvasComBr.gif) no-repeat; width:160px; height:30px; text-indent:-9999em; } /* CASES INTERNAS */ div#conteudoCasesInterna { background-color:#fff; width:740px; padding:0px 20px 20px 20px; clear:both; } div.conteudoMaiorCasesInterna { width:535px; padding-left:15px; float:left;} div.conteudoMaiorCasesInterna h1 { font:bold 20px Tahoma; color:#CCDB29;margin-bottom:0px;} div.conteudoMaiorCasesInterna h2 { font:bold 14px Tahoma; color:#566270; margin-top:0px;} div.conteudoMaiorCasesInterna p { font:normal 11px Tahoma; color:#000000; margin-bottom:10px; clear:both;} div.fotoscob { margin-bottom:0px; } div.fotos1rio { margin-bottom:10px; } div.fotosvale { margin-bottom:10px; } div.conteudoMaiorCasesInterna ul { margin-bottom:0px; clear:both;} div.conteudoMaiorCasesInterna ul#imgcob { margin-bottom:10px; clear:both;} p.visitecob { margin-top:20px;} div.conteudoMaiorCasesInterna ul#imgcob li{ list-style-type:none; width:132px; height:150px; float:left; padding:10px 0px 10px 0px; margin-bottom:10px; } div.conteudoMaiorCasesInterna ul#imgvale li{ list-style-type:none; width:132px; height:120px; float:left; padding:10px 0px 10px 0px; margin-bottom:10px; } div.conteudoMaiorCasesInterna li{ list-style-type:none; width:132px; height:160px; float:left; padding:10px 0px 10px 0px; } div.conteudoMaiorCasesInterna li p{ font-size:10px; position:relative; bottom:0px;} div.conteudoMaiorCasesInterna h4{ font-weight:bold;} div.conteudoOutrosdestaques { width:172px; float:left; margin-left:15px; height:200px;} div.conteudoOutrosdestaques h4 { width:90px; height:13px; background:#ffffff url(../imgs_cases/tit_outros_cases.gif) no-repeat; text-indent:-9999em; margin-bottom:8px; } div#outroscasesCob { width:143px; height:71px; background:#ffffff url(../imgs_cases/bg_outros_cob.gif) no-repeat; padding:100px 10px 0px 18px; margin-bottom:10px;} div#outroscasesCob h3 { display:none;} div#outroscasesCob a{ font-size:11px; font-weight:normal; text-decoration:none; color:#646464;} div#outroscasesCob a:hover{ text-decoration:underline;} div#outroscasesVale { width:143px; height:71px; background:#ffffff url(../imgs_cases/bg_outros_vale.gif) no-repeat; padding:100px 10px 0px 18px; margin-bottom:10px;} div#outroscasesVale h3 { display:none;} div#outroscasesVale a{ font-size:11px; font-weight:normal; text-decoration:none; color:#646464;} div#outroscasesVale a:hover{ text-decoration:underline;} div#outroscases1rio { width:143px; height:71px; background:#ffffff url(../imgs_cases/bg_outros_1rio.gif) no-repeat; padding:100px 10px 0px 18px; margin-bottom:10px;} div#outroscases1rio h3 { display:none;} div#outroscases1rio a{ font-size:11px; font-weight:normal; text-decoration:none; color:#646464;} div#outroscases1rio a:hover{ text-decoration:underline;} /* IMPRENSA */ /* div central que engloba o conteudo e o destaque */ div#conteudoImprensa { background-color:#fff; width:740px; padding:0px 20px 20px 20px; clear:both; } /* div conteudo */ div.conteudoMaiorImprensa { width:500px; float:right; padding-right:20px; } div.conteudoMaiorImprensa p { padding: 0px 0px 20px 0px;} /* h2 - titulo da noticia principal e do historico de noticias */ h2.noticiaPrincipal { font:bold 24px Tahoma, Verdana, Arial; color:#4871BD; } h2.historicoNoticia { margin:0px; padding:0px; line-height:12px;} h2.historicoNoticia a { font:bold 12px Tahoma, Verdana, Arial; color:#767676; text-decoration:none; text-transform:uppercase; margin:0px; padding:0px;} h2.historicoNoticia a:hover { color:#000; text-decoration:none; } /* h3 - subtitulo que separa a noticia principal do historico de noticias */ h3.maisAqui { display:block; background:#fff url(../imgs/h3MaisAqui.gif) no-repeat; width:100px; height:20px; text-indent:-9999em; margin-top:20px; padding-top:20px; } /* paragrafo historico noticia */ p.historicoNoticia a { font:normal 10px Tahoma; color:#767676; text-decoration:none; margin:0; padding:0; } p.historicoNoticia a:hover { font:normal 10px Tahoma; color:#000; text-decoration:none; } /* lista historico de noticias */ ul#historicoNoticia li { list-sytle-type:none; list-style-image:url(../imgs/white.gif);} div.conteudoMaiorImprensa li { list-sytle-type:none; list-style-image:url(../imgs/white.gif);} /* div destaque */ div.conteudoDestaqueImprensa { position:absolute; width:200px; top:315px; left:20px;} /* lista de projetos em destaque */ ul.projetosDestaque li { list-style-type:none; padding-bottom:25px; } /* itens ta lista do conteudo de destaque */ h3.bgispeak, h3.bgtitapproach, h3.bgtitglobo, h3.bgtitvale, h3.bgtitgnt, h3.bgtit1rio, h3.bgtitcanvas, h3.bgtittelecine, h3.bgtitcolunistas, h3.bgtittelecine2, h3.bgtitmarcia, h3.bgtitlaptv, h3.bgprespass, h3.bgtitcob { display:block; width:195px; font:bold 10px Tahoma, Verdana, Arial; color:#566270; padding:5px 0 0 3px; } h3.bgpresspass { background:#fff; height:35px; } h3.bgispeak { background:#fff url(../imgs/h3_ispeakearth.gif) no-repeat; height:35px; } h3.bgtitapproach { background:#fff url(../imgs/h3approach.gif) no-repeat; height:35px; } h3.bgtitglobo { background:#fff url(../imgs/h3globo.gif) no-repeat; height:35px; } h3.bgtitvale { background:#fff url(../imgs/h3vale.gif) no-repeat; height:35px; } h3.bgtitcob { background:#fff url(../imgs/h3cob.gif) no-repeat; height:35px; } h3.bgtitgnt { background:#fff url(../imgs/h3gnt.gif) no-repeat; height:35px; } h3.bgtit1rio { background:#fff url(../imgs/h31rio.gif) no-repeat; height:35px; } h3.bgtitcanvas { background:#fff url(../imgs/h3canvas.gif) no-repeat; height:35px; } h3.bgtittelecine { background:#fff url(../imgs/h3telecine.gif) no-repeat; height:35px; } h3.bgtitcolunistas { background:#fff url(../imgs/h3colunistas.gif) no-repeat; height:35px; } h3.bgtitcolunistas { background:#fff url(../imgs/h3marcia.gif) no-repeat; height:35px; } h3.bgtitlaptv { background:#fff url(../imgs/h3laptv.gif) no-repeat; height:35px; } h3.bgtittelecine2 { background:#fff url(../imgs/h3telecine.gif) no-repeat; height:48px; } h3.naMidiaPropmark { display:none; } /* na midia propmark */ div.naMidiaPropmark { background:#fff url(../imgs/h3naMidiaPropmark.gif) no-repeat; width:200px; height:249px; } /* links dentro da lista */ p.naMidiaPropmark a { font:normal 10px Tahoma, Verdana, Arial; color:#566270; text-decoration:none; } p.naMidiaPropmark a:hover { text-decoration:underline; } p.naMidiaPropmark { padding:180px 20px 0 20px; } /* FALE CONOSCO */ /* div central que engloba o conteudo e o destaque */ div#conteudoFaleConosco { background-color:#fff; width:740px; clear:both; padding:0px 20px 0 20px; } /* FORMULARIO */ /* div conteudo */ div.conteudoMaiorFaleConosco { width:290px; padding-left:15px; clear:both; } /* tira a borda da fieldset */ fieldset { border:0; } /* apaga a legend */ legend { display:none; } /* opcoes do assunto da mensagem */ option { padding:0 5px; } /* paragrafo do formulario */ p.formContato { display:block; background:url(../imgs/imgSetaFormulario.gif) no-repeat 65px 0; font:bold 12px arial; color:#646464; text-align:right; line-height:18px; margin-bottom:8px; clear:both; } .mensagem {float:left; width:66px; padding-left:2px; font-weight:bold; margin-top:2px;} /* botao enviar do formulario */ input.enviarContato, input.enviarCurriculo { display:block; background:url(../imgs/btEnviar.gif) no-repeat; width:79px; height:26px; border:0; text-indent:-9999em; margin-top:10px; } input.enviarContato { margin-left:80px; } /* atributos genericos para input, selec e textarea */ input, select, textarea { width:200px; border:1px solid #9B9B9B; padding:2px 5px; margin-left:10px; } input.radio {border:0px; width:10px; margin-top:3px;} /* input do ddd */ input.ddd { width:20px; margin-right:10px 10px 0 10px; } /* input do telefone */ input.telefone { width:158px; } /* textarea da mensagem */ textarea { height:100px; } /* paragrafo newsletter */ p.newsletter { position:absolute; top:585px; left:200px; font:normal 10px Tahoma, Verdana, Arial; } p.newsletter span.newsletter { font:normal 10px Tahoma, Verdana, Arial; padding-left:28px; } /* checkbox para newsletter */ p.newsletter input.newsletter { border:0; height:12px; width:12px; margin-right:3px; } /* LOCALIZACAO */ /* endereco */ div.endereco{ position:absolute; width:200px; top:315px; right:220px; } h4.endereco { display:none; } div.endereco p { font-weight:bold; color:#4D8281; } /* formas de contato */ div.formasDeContato { position:absolute; width:170px; top:315px; right:20px; } h4.formasDeContato { display:none; } ul#formasDeContato li.email, ul#formasDeContato li.tel, ul#formasDeContato li.fax { font-weight:bold; color:#7b7b7b; padding-left:5px; } ul#formasDeContato li.email { list-style-image:url(../imgs/iconeEmail.gif); } ul#formasDeContato li.tel { list-style-image:url(../imgs/iconeTelefone.gif); } ul#formasDeContato li.fax { list-style-image:url(../imgs/iconeFax.gif); } /* mapa do google */ iframe#googleMaps { position:absolute; width:400px; height:230px; top:370px; right:20px; border:none; } /* OPORTUNIDADES */ /* oportunidades */ div.oportunidades { background:url(../imgs/bgLinhaPontilhada.gif) no-repeat top center; padding-top:25px; margin-top:20px; } h2.oportunidades { display:none; } div.oportunidades p { font:bold 11px Tahoma; color:#646464; padding-bottom:3px; } div.oportunidades p.estamosContratando { font:bold 14px Tahoma; color:#718C0D; text-transform:uppercase; } div.oportunidades p.vagasAbertas { font:bold 14px Tahoma; color:#B2DB1C; } div.oportunidades p.vagasAbertas span { font:bold 14px Tahoma; color:#06947E; } /* paragrafo e link do envio de curriculo */ p.curriculo { margin:15px 0 10px 0; } a.curriculo { color:#D92E00; } /* RODAPE */ div#rodape { background:url("../imgs/bgRodape.png") no-repeat -5px 0px; width:720px; height:180px; padding:20px 20px 0 40px; margin:-15px 0px 50px 0px; clear:both;} /* o que fazemos - em destaque - ajuda */ div.blocoNavegaRodape { float:right;} div.navegaRodape { clear:both; width:570px; padding-top:10px; } ul.navegaRodape { float:left; } ul.navegaRodape li { float:left; list-style-type:none; } ul.navegaRodape li a { color:#0CB1AD; font:normal 11px Tahoma, Verdana, Arial; text-decoration:none; margin-right:20px; } ul.navegaRodape li a:hover { text-decoration:underline;} /* subtitulos da navegacao rodape */ h4.oQueFazemos, h4.emDestaque, h4.ajuda, h4.novidades, h4.compartilhe { float:left; display:block; width:80px; height:15px; text-indent:-9999em; } h4.oQueFazemos { background:url(../imgs/h4OQueFazemos.gif) no-repeat; } h4.emDestaque { background:url(../imgs/h4EmDestaque.gif) no-repeat; } h4.ajuda { background:url(../imgs/h4Ajuda.gif) no-repeat; } h4.novidades { background:url(../imgs/h4Novidades.gif) no-repeat; } /* envie para um amigo e compartilhe atraves do delicious */ div.divulgacao { float:right; width:120px; padding:0px 0px 0px 20px;} ul.divulgacao { float:left} ul.divulgacao li.email { list-style-image:url(../imgs/iconeEmailRodape.gif); margin-bottom:5px; color:#8FA63C; } ul.divulgacao li.delicious { list-style-image:url(../imgs/iconeDelicious.gif); } ul.divulgacao li.addThis { list-style-image:url(../imgs/iconeAddThis.gif); } ul.divulgacao li.email a, ul.divulgacao li.delicious a, ul.divulgacao li.addThis a { color:#8FA63C; font:normal 11px arial; text-decoration:none; } ul.divulgacao li.email a:hover, ul.divulgacao li.delicious a:hover { text-decoration:underline; } /* termos de uso - copyright */ ul.linksExtras { clear:both; padding-top:25px; } ul.linksExtras li { float:left; list-style-type:none; } ul.linksExtras li a { color:#8FA63C; text-decoration:none; font:normal 10px Tahoma, Verdana, Arial; padding-right:7px; margin-right:7px; border-right:1px solid #989898; } ul.linksExtras li a:hover { text-decoration:underline;} ul.linksExtras li a.semBorda { border:none; clear:both; } p.copyright { color:#989898; font:normal 11px Tahoma, Verdana, Arial; clear:both; padding-top:60px; } /* Eventos - Comunicao 2.0 */ div#conteudoevento { background-color:#ffffff; width:740px; height:1090px; padding:0px 20px 0 20px; clear:both; } div#conteudoevento h4 { width:732px; height:93px; background:#9CC744 url(../imgs/tit_comunicacao20.jpg) no-repeat; margin:15px 0px 15px 0px; text-indent:-9999em; clear:both;} div.conteudomaiorevento { width: 520px; height:300px; float:right; } div.conteudomaiorevento p { margin-bottom:15px;} div.conteudodestaquesevento { width: 200px; height:300px; float:right; margin-right:20px;} div.conteudodestaquesevento p { margin: 2px 0px 15px 0px; font-weight:bold; font-size:10px;} div.videosdestaques {width:200px; margin-bottom:15px;} /* Institucional */ div#conteudoInstitucional { background-color:#ffffff; width:740px; padding:0px 20px 0 20px; clear:both; } div#conteudoInstitucional h1 {font:normal 20px Tahoma, Verdana,Arial; color:#566270; margin:0px;} div#conteudoInstitucional p.socio { padding:0px 0px 5px 0px;} /* Slider Image */ #s3slider { width: 514px; /* important to be same as image width */ height: 182px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #s3sliderContent { width: 514px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 0; /* important */ margin-left: 0; /* important */ } .s3sliderImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ } a.s3sliderImage span { position: absolute; /* important */ left: 0; font: 10px/15px Arial, Helvetica, sans-serif; padding: 0px; width: 0px; background-color: #000; filter: alpha(opacity=70); /* here you can set the opacity of box with text */ -moz-opacity: 0.7; /* here you can set the opacity of box with text */ -khtml-opacity: 0.7; /* here you can set the opacity of box with text */ opacity: 0.7; /* here you can set the opacity of box with text */ color: #000; display: none; /* important */ bottom: 0; /* if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image */ } .clear { clear: both; }