* { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } html { width:100%; margin:0; padding:0; } body { margin:0; padding:0; width:100%; background:url(../img/1280topo.jpg) no-repeat top center; } /* divs da estrutura */ #cabecalho_conteudo { width:1007px; margin:0 auto; padding:0; position:relative; } #popup { position:absolute; margin-left:20px; left:50%; top:50%; margin-top:-130px; z-index:1000 } #cabecalho_conteudo1 { margin:0; padding:0; width:333px; float:left; } #cabecalho_conteudo2 { text-align:left; margin:0 0 0 340px; padding:0; height:228px; } #cabecalho_conteudo3 { clear:both; margin:0; padding:0; height:56px; } #principal { margin:0; padding:0; } #rodape { margin:0; padding:0; width:100%; height:159px; background:url(../img/1280rodape.jpg) no-repeat top center; } #rodape_conteudo { position:relative; top:63px; margin:0 auto; padding:0; background:url(../img/rodape.jpg) no-repeat top center; width:1007px; height:92px; } /* caixa mensagem de texto no cabecalho */ #caixa_mensagem_usuario { font-size:12px; text-align:center; margin:50px 0 20px; padding:0; } #caixa_mensagem_usuario img { vertical-align:middle; } /* caixa mensagem de texto no cabecalho */ #caixa_mensagem_usuario .erro, #caixa_mensagem_usuario .sucesso { color:#000; } div.escondido { display:none; border:1px solid #fff; padding:0;} .tit_office { background:url(../img/btn_mais.gif) no-repeat left top; padding-left:35px; height:35px; line-height:33px; font-size:1em; } div.escondido h3 { margin:0 0 15px 15px; font-size:1em; } /* ----------------------------------------------------- CABECALHO ---------------------------------------------*/ /** * Cabeçalho Padrão */ .cabecalho, #cabecalho_index { width:100%; background:url(../img/index/index_topo.jpg) no-repeat top center; } /* Botão 1 (Padrão) - Ele é diferente para cada cabeçalho pois completa o desenho do cabecalho (parte inferior esquerda) */ .cabecalho #botao1:link, .cabecalho #botao1:visited { display:block; width:157px; height:58px; background:url(../img/index/index_bt_editorial.jpg) no-repeat top left; } .cabecalho #botao1:hover, .cabecalho #botao1:visited:hover { display:block; width:157px; height:58px; background:url(../img/index/index_bt_editorial.jpg) no-repeat bottom left; } .cabecalho #botao1 span { display:none; } /* Botão 6 (Padrão) - Ele é diferente para cada cabeçalho pois completa o desenho do cabecalho (parte inferior direita) */ .cabecalho #botao6:link, .cabecalho #botao6:visited { display:block; width:237px; height:58px; background:url(../img/index/index_bt_identidadevisual.jpg) no-repeat top left; } .cabecalho #botao6:hover, .cabecalho #botao6:visited:hover { display:block; width:237px; height:58px; background:url(../img/index/index_bt_identidadevisual.jpg) no-repeat bottom left; } .cabecalho #botao6 span { display:none; } /** * Cabeçalho Escritorio */ #cabecalho_escritorio { background:url(../img/escritorio/escritorio_topo.jpg) no-repeat top center; } #cabecalho_escritorio #botao1:link, #cabecalho_escritorio #botao1:visited { background:url(../img/escritorio/escritorio_bt_editorial.jpg) no-repeat 1px 0; } #cabecalho_escritorio #botao1:hover, #cabecalho_escritorio #botao1:visited:hover { background:url(../img/escritorio/escritorio_bt_editorial.jpg) no-repeat 1px -58px; } #cabecalho_escritorio #botao6:link, #cabecalho_escritorio #botao6:visited { background:url(../img/escritorio/escritorio_bt_identidadevisual.jpg) no-repeat top left; } #cabecalho_escritorio #botao6:hover, #cabecalho_escritorio #botao6:visited:hover { background:url(../img/escritorio/escritorio_bt_identidadevisual.jpg) no-repeat bottom left; } /** * Cabeçalho Editoração */ #cabecalho_editoracao { background:url(../img/editorial/editorial_topo.jpg) no-repeat top center; } #cabecalho_editoracao #botao1:link, #cabecalho_editoracao #botao1:visited { background:url(../img/editorial/editorial_bt_editorial.jpg) no-repeat 1px 0; } #cabecalho_editoracao #botao1:hover, #cabecalho_editoracao #botao1:visited:hover { background:url(../img/editorial/editorial_bt_editorial.jpg) no-repeat 1px -58px; } #cabecalho_editoracao #botao6:link, #cabecalho_editoracao #botao6:visited { background:url(../img/editorial/editorial_bt_identidadevisual.jpg) no-repeat top left; } #cabecalho_editoracao #botao6:hover, #cabecalho_editoracao #botao6:visited:hover { background:url(../img/editorial/editorial_bt_identidadevisual.jpg) no-repeat bottom left; } /** * Cabeçalho Promocional */ #cabecalho_promocional { background:url(../img/promocional/promo_topo.jpg) no-repeat top center; } #cabecalho_promocional #botao1:link, #cabecalho_promocional #botao1:visited { background:url(../img/promocional/promo_bt_editorial.jpg) no-repeat 1px 0; } #cabecalho_promocional #botao1:hover, #cabecalho_promocional #botao1:visited:hover { background:url(../img/promocional/promo_bt_editorial.jpg) no-repeat 1px -58px; } #cabecalho_promocional #botao6:link, #cabecalho_promocional #botao6:visited { background:url(../img/promocional/promo_bt_identidadevisual.jpg) no-repeat top left; } #cabecalho_promocional #botao6:hover, #cabecalho_promocional #botao6:visited:hover { background:url(../img/promocional/promo_bt_identidadevisual.jpg) no-repeat bottom left; } /** * Cabeçalho Embalagem */ #cabecalho_embalagem { background:url(../img/embalagem/embalagem_topo.jpg) no-repeat top center; } #cabecalho_embalagem #botao1:link, #cabecalho_embalagem #botao1:visited { background:url(../img/embalagem/embalagem_bt_editorial.jpg) no-repeat 1px 0; } #cabecalho_embalagem #botao1:hover, #cabecalho_embalagem #botao1:visited:hover { background:url(../img/embalagem/embalagem_bt_editorial.jpg) no-repeat 1px -58px; } #cabecalho_embalagem #botao6:link, #cabecalho_embalagem #botao6:visited { background:url(../img/embalagem/embalagem_bt_identidadevisual.jpg) no-repeat top left; } #cabecalho_embalagem #botao6:hover, #cabecalho_embalagem #botao6:visited:hover { background:url(../img/embalagem/embalagem_bt_identidadevisual.jpg) no-repeat bottom left; } /** * Cabeçalho Midia Digital */ #cabecalho_midia_digital { background:url(../img/midia/md_topo.jpg) no-repeat top center; } #cabecalho_midia_digital #botao1:link, #cabecalho_midia_digital #botao1:visited { background:url(../img/midia/md_bt_editorial.jpg) no-repeat 1px 0; } #cabecalho_midia_digital #botao1:hover, #cabecalho_midia_digital #botao1:visited:hover { background:url(../img/midia/md_bt_editorial.jpg) no-repeat 1px -58px; } #cabecalho_midia_digital #botao6:link, #cabecalho_midia_digital #botao6:visited { background:url(../img/midia/md_bt_identidadevisual.jpg) no-repeat top left; } #cabecalho_midia_digital #botao6:hover, #cabecalho_midia_digital #botao6:visited:hover { background:url(../img/midia/md_bt_identidadevisual.jpg) no-repeat bottom left; } /** * Cabeçalho Sinalizacao */ #cabecalho_sinalizacao { background:url(../img/sinalizacao/sinalizacao_topo.jpg) no-repeat top center; } #cabecalho_sinalizacao #botao1:link, #cabecalho_sinalizacao #botao1:visited { background:url(../img/sinalizacao/sinalizacao_bt_editorial.jpg) no-repeat 1px 0; } #cabecalho_sinalizacao #botao1:hover, #cabecalho_sinalizacao #botao1:visited:hover { background:url(../img/sinalizacao/sinalizacao_bt_editorial.jpg) no-repeat 1px -58px; } /* botao 6 - sinalizacao */ #cabecalho_sinalizacao #botao6:link, #cabecalho_sinalizacao #botao6:visited { background:url(../img/sinalizacao/sinalizacao_bt_identidadevisual.jpg) no-repeat top left; } #cabecalho_sinalizacao #botao6:hover, #cabecalho_sinalizacao #botao6:visited:hover { background:url(../img/sinalizacao/sinalizacao_bt_identidadevisual.jpg) no-repeat bottom left; } /** * Cabeçalho Identidade Visual */ #cabecalho_identidade { background:url(../img/identidade/identidade_topo.jpg) no-repeat top center; } #cabecalho_identidade #botao1:link, #cabecalho_identidade #botao1:visited { background:url(../img/identidade/identidade_bt_editorial.jpg) no-repeat 1px 0; } #cabecalho_identidade #botao1:hover, #cabecalho_identidade #botao1:visited:hover { background:url(../img/identidade/identidade_bt_editorial.jpg) no-repeat 1px -58px; } #cabecalho_identidade #botao6:link, #cabecalho_identidade #botao6:visited { background:url(../img/identidade/identidade_bt_identidadevisual.jpg) no-repeat top left; } #cabecalho_identidade #botao6:hover, #cabecalho_identidade #botao6:visited:hover { background:url(../img/identidade/identidade_bt_identidadevisual.jpg) no-repeat bottom left; } /* Cabecalho Conteudo 1 */ #cabecalho_conteudo1 h1 { margin:46px 0 0 0; padding:0; float:right; } /* index */ #cabecalho_conteudo1 #index:link, #cabecalho_conteudo1 #index:visited { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/index/index_logo.jpg) no-repeat top center; text-indent:-9000px; } #cabecalho_conteudo1 #index:hover, #cabecalho_conteudo1 #index:visited:hover { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/index/index_logo.jpg) no-repeat bottom center; text-indent:-9000px; } /* escritorio */ #cabecalho_conteudo1 #escritorio:link, #cabecalho_conteudo1 #escritorio:visited { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/escritorio/escritorio_logo.jpg) no-repeat top center; text-indent:-9000px; } #cabecalho_conteudo1 #escritorio:hover, #cabecalho_conteudo1 #escritorio:visited:hover { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/escritorio/escritorio_logo.jpg) no-repeat bottom center; text-indent:-9000px; } /* editorial */ #cabecalho_conteudo1 #editorial:link, #cabecalho_conteudo1 #editorial:visited { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/editorial/editorial_logo.jpg) no-repeat top center; text-indent:-9000px; } #cabecalho_conteudo1 #editorial:hover, #cabecalho_conteudo1 #editorial:visited:hover { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/editorial/editorial_logo.jpg) no-repeat bottom center; text-indent:-9000px; } /* promocional */ #cabecalho_conteudo1 #promocional:link, #cabecalho_conteudo1 #promocional:visited { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/promocional/promo_logo.jpg) no-repeat top center; text-indent:-9000px; } #cabecalho_conteudo1 #promocional:hover, #cabecalho_conteudo1 #promocional:visited:hover { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/promocional/promo_logo.jpg) no-repeat bottom center; text-indent:-9000px; } /* embalagem */ #cabecalho_conteudo1 #embalagem:link, #cabecalho_conteudo1 #embalagem:visited { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/embalagem/embalagem_logo.jpg) no-repeat top center; text-indent:-9000px; } #cabecalho_conteudo1 #embalagem:hover, #cabecalho_conteudo1 #embalagem:visited:hover { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/embalagem/embalagem_logo.jpg) no-repeat bottom center; text-indent:-9000px; } /* midia */ #cabecalho_conteudo1 #midia:link, #cabecalho_conteudo1 #midia:visited { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/midia/md_logo.jpg) no-repeat top center; text-indent:-9000px; } #cabecalho_conteudo1 #midia:hover, #cabecalho_conteudo1 #midia:visited:hover { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/midia/md_logo.jpg) no-repeat bottom center; text-indent:-9000px; } /* sinalizacao */ #cabecalho_conteudo1 #sinalizacao:link, #cabecalho_conteudo1 #sinalizacao:visited { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/sinalizacao/sinalizacao_logo.jpg) no-repeat top center; text-indent:-9000px; } #cabecalho_conteudo1 #sinalizacao:hover, #cabecalho_conteudo1 #sinalizacao:visited:hover { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/sinalizacao/sinalizacao_logo.jpg) no-repeat bottom center; text-indent:-9000px; } /* identidade */ #cabecalho_conteudo1 #identidade:link, #cabecalho_conteudo1 #identidade:visited { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/identidade/identidade_logo.jpg) no-repeat top center; text-indent:-9000px; } #cabecalho_conteudo1 #identidade:hover, #cabecalho_conteudo1 #identidade:visited:hover { margin:0; padding:0; display:block; width:287px; height:106px; background:url(../img/identidade/identidade_logo.jpg) no-repeat bottom center; text-indent:-9000px; } /* Cabecalho Conteudo 2 */ #cabecalho_conteudo2 ul { float:right; margin:105px 0 0 0; padding:0; list-style:none; } #cabecalho_conteudo2 ul li { float:left; margin:0; padding:0; } /* botao home */ #cabecalho_conteudo2 ul li #link_home:link, #cabecalho_conteudo2 ul li #link_home:visited { display:block; width:80px; height:86px; background:url(../img/bt_home.jpg) no-repeat top left; } #cabecalho_conteudo2 ul li #link_home:hover, #cabecalho_conteudo2 ul li #link_home:visited:hover { display:block; width:80px; height:86px; background:url(../img/bt_home.jpg) no-repeat bottom left; } #cabecalho_conteudo2 ul li #link_home span { display:none; } /* botao escritorio */ #cabecalho_conteudo2 ul li #link_escritorio:link, #cabecalho_conteudo2 ul li #link_escritorio:visited { display:block; width:123px; height:86px; background:url(../img/bt_escritorio.jpg) no-repeat top left; } #cabecalho_conteudo2 ul li #link_escritorio:hover, #cabecalho_conteudo2 ul li #link_escritorio:visited:hover { display:block; width:123px; height:86px; background:url(../img/bt_escritorio.jpg) no-repeat bottom left; } #cabecalho_conteudo2 ul li #link_escritorio span { display:none; } /* botao contato */ #cabecalho_conteudo2 ul li #link_contato:link, #cabecalho_conteudo2 ul li #link_contato:visited { display:block; width:88px; height:86px; background:url(../img/bt_contato.jpg) no-repeat top left; } #cabecalho_conteudo2 ul li #link_contato:hover, #cabecalho_conteudo2 ul li #link_contato:visited:hover { display:block; width:88px; height:86px; background:url(../img/bt_contato.jpg) no-repeat bottom left; } #cabecalho_conteudo2 ul li #link_contato span { display:none; } /* Cabecalho Conteudo 3 */ #cabecalho_conteudo3 ul { margin:0; padding:0; list-style:none; } #cabecalho_conteudo3 ul li { float:left; margin:0; padding:0; } /* botao 2 */ #cabecalho_conteudo3 ul li #botao2:link, #cabecalho_conteudo3 ul li #botao2:visited { display:block; width:164px; height:58px; background:url(../img/bt_promocional.jpg) no-repeat top left; } #cabecalho_conteudo3 ul li #botao2:hover, #cabecalho_conteudo3 ul li #botao2:visited:hover { display:block; width:164px; height:58px; background:url(../img/bt_promocional.jpg) no-repeat bottom left; } #cabecalho_conteudo3 ul li #botao2 span { display:none; } /* botao 3 */ #cabecalho_conteudo3 ul li #botao3:link, #cabecalho_conteudo3 ul li #botao3:visited { display:block; width:146px; height:58px; background:url(../img/bt_embalagem.jpg) no-repeat top left; } #cabecalho_conteudo3 ul li #botao3:hover, #cabecalho_conteudo3 ul li #botao3:visited:hover { display:block; width:146px; height:58px; background:url(../img/bt_embalagem.jpg) no-repeat bottom left; } #cabecalho_conteudo3 ul li #botao3 span { display:none; } /* botao 4 */ #cabecalho_conteudo3 ul li #botao4:link, #cabecalho_conteudo3 ul li #botao4:visited { display:block; width:165px; height:58px; background:url(../img/bt_midiadigital.jpg) no-repeat top left; } #cabecalho_conteudo3 ul li #botao4:hover, #cabecalho_conteudo3 ul li #botao4:visited:hover { display:block; width:165px; height:58px; background:url(../img/bt_midiadigital.jpg) no-repeat bottom left; } #cabecalho_conteudo3 ul li #botao4 span { display:none; } /* botao 5 */ #cabecalho_conteudo3 ul li #botao5:link, #cabecalho_conteudo3 ul li #botao5:visited { display:block; width:138px; height:58px; background:url(../img/bt_sinalizacao.jpg) no-repeat top left; } #cabecalho_conteudo3 ul li #botao5:hover, #cabecalho_conteudo3 ul li #botao5:visited:hover { display:block; width:138px; height:58px; background:url(../img/bt_sinalizacao.jpg) no-repeat bottom left; } #cabecalho_conteudo3 ul li #botao5 span { display:none; } /* esconde titulos dos cabecalhos */ #cabecalho_conteudo .itens_navegacao { display:none; } /* ------------------------------------------------ PRINCIPAL -------------------------------------------- */ #principal_conteudo { width:790px; margin:0 auto; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; } #principal_conteudo h3 { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } #principal_conteudo p { margin:0 0 15px 15px; padding:0; font-size:13px; line-height:18px; text-align:justify; } #principal_conteudo .img_alinhamento { float:left; border:6px solid #ccc; margin: 0 20px 10px 20px; padding:0; width:190px; height:190px; display:block; } #principal_conteudo .barra_divisoria { clear:both; width:790px; height:19px; margin:0 auto 10px auto; padding:0; background:url(../img/barra.jpg) no-repeat top center; } #principal_conteudo .barra_divisoria hr { display:none; } #principal_conteudo ul { font-size:13px; } #principal_conteudo h2 { font-size:16px; margin-left:15px; } /* Titulo Index */ #principal_conteudo #enunciado_ultima_atualizacao { display:block; margin:0 0 10px 0; padding:0; background:url(../img/index/index_titulo.jpg) no-repeat top center; text-indent:-9000px; width:312px; height:49px; } /* titulo escritorio */ #principal_conteudo #enunciado_escritorio { display:block; margin:0 0 10px 0; padding:0; background:url(../img/escritorio/escritorio_titulo.jpg) no-repeat top center; text-indent:-9000px; width:312px; height:49px; } /* titulo contato */ #principal_conteudo #enunciado_contato { display:block; margin:0 0 10px 0; padding:0; background:url(../img/contato_titulo.jpg) no-repeat top center; text-indent:-9000px; width:312px; height:49px; } /* titulo editoracao */ #principal_conteudo #enunciado_editorial { display:block; margin:0 0 10px 0; padding:0; background:url(../img/editorial/editorial_titulo.jpg) no-repeat top center; text-indent:-9000px; width:312px; height:49px; } /* titulo promocional */ #principal_conteudo #enunciado_promocional { display:block; margin:0 0 10px 0; padding:0; background:url(../img/promocional/promo_titulo.jpg) no-repeat top center; text-indent:-9000px; width:312px; height:49px; } /* titulo embalagem */ #principal_conteudo #enunciado_embalagem { display:block; margin:0 0 10px 0; padding:0; background:url(../img/embalagem/embalagem_titulo.jpg) no-repeat top center; text-indent:-9000px; width:313px; height:58px; } /* titulo midia */ #principal_conteudo #enunciado_midia { display:block; margin:0 0 10px 0; padding:0; background:url(../img/midia/md_titulo.jpg) no-repeat top center; text-indent:-9000px; width:312px; height:58px; } /* titulo sinalizacao */ #principal_conteudo #enunciado_sinalizacao { display:block; margin:0 0 10px 0; padding:0; background:url(../img/sinalizacao/sinalizacao_titulo.jpg) no-repeat top center; text-indent:-9000px; width:312px; height:49px; } /* titulo identidade */ #principal_conteudo #enunciado_identidade { display:block; margin:0 0 10px 0; padding:0; background:url(../img/identidade/identidade_titulo.jpg) no-repeat top center; text-indent:-9000px; width:312px; height:49px; } /* Carrossel */ div.carrossel { position: relative; margin: 0; background: #fff; padding:0; } div.carrossel ul li { float: left; list-style: none; margin: 0; padding: 0; } div.carrossel .quadro { position: absolute; overflow: hidden; margin:0; } div.carrossel .itens { position: relative; top:0; margin:0; padding:0 } div.carrossel .itens li img { border:0; display: block; margin:0; padding:0; } div.carrossel .navegacao { position: relative; height: 25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; } div.carrossel .navegacao a { margin: 0 2px; padding:2px 5px; text-decoration:none; font-size:18px; color:#666; border:1px solid #ffffff; } div.carrossel .navegacao a.activeSlide, div.carrossel .navegacao a:hover { padding:2px 5px; text-decoration:none; font-size:18px; color:#ffffff; background:#666666; border:1px solid #666666; } /* -------------------------------------------- FORMULARIO DE CONTATO ------------------------------------ */ #principal_conteudo .formMensagem { margin:20px 0; } #principal_conteudo #formContato { width:500px; margin:0 auto; padding:0; font-size: 12px; } #principal_conteudo #formContato label { width: 70px; float: left; display: block; } #principal_conteudo #formContato .campo, #principal_conteudo #formContato textarea { width:300px; margin:0 0 7px 5px; } #principal_conteudo #formContato #limpar { margin-left:240px; font-size:12px; } #principal_conteudo #formContato #enviar { font-size:12px; } /* link topo */ #topo { text-align:center; display:block; width:35px; margin:5px 0 0 740px; padding:1px; font-size:12px; color:#000000; text-decoration:none; } #topo:hover { text-align:center; display:block; width:35px; margin:5px 0 0 740px; padding:1px; font-size:12px; color:#ffffff; background:#666666; text-decoration:none; } /* ---------------------------------------------- RODAPE ------------------------------------- */ #rodape_conteudo address { display:none; }