/* INDICE 00 - Reset 01 - Topo 02 - Principal 03 - Menu 03 - rodape ***Exclusivas*** 04 - Tecnologia RFID inicio 05 - Tecnologia RFID Páginas internas 06 - Contato */ *{ margin:0; padding:0; } body { font: 12px Arial, Helvetica, sans-serif; text-align:center; } img { border: none; } /* Backgrounds diferentes de acordo com a pagina */ body { background:url("../img/bg_seguranca.jpg") repeat-x; } /* Generico provavelmente depois trocara */ body#seguranca { background:url("../img/bg_seguranca.jpg") repeat-x; } body#automacao { background:url("../img/bg_automacao.jpg") repeat-x; } body#tecnologia_rfid { background:url("../img/bg_tecnologia-rfid.jpg") repeat-x; } body#preservacao_conservacao { background:url("../img/bg_preservacao-e-conservacao.jpg") repeat-x; } body#servicos_tecnicos { background:url("../img/bg_servicos-tecnicos.jpg") repeat-x; } #tudo { margin:0 auto 0 auto; text-align:left; width:760px; } /* Topo */ #topo { background: #fff url("../img/topo/bg.jpg") no-repeat; height:352px; overflow:hidden; position:relative; } #topo h1 a, #topo h2 a { display:block; text-indent:-10000px; position:absolute; } #topo h1 a { height:70px; left:70px; top:38px; width:265px; } #topo h2 a { right:60px; top:40px; width:132px; height:60px; } #topo #topo_email { color:#fff; position:absolute; top:2px; } #topo #topo_email a { color:#fff; } #topo #chamada { position:absolute; top:132px; width:760px; height:168px; } /* Topo Navegação auxiliar */ #topo ul#topo_nav_auxiliar { color:#fff; font-size:10px; position:absolute; right:30px; } #topo ul#topo_nav_auxiliar li { display:inline; float:left;} #topo ul#topo_nav_auxiliar li a { color:#fff; display:block; text-decoration:none; padding:5px; } #topo ul#topo_nav_auxiliar li a:hover { background: #123D74 url("../img/topo/nav_auxiliar_marca.jpg") center top no-repeat; color:#fff; } /* Topo Navegação auxiliar Marcador */ body#home #topo ul#topo_nav_auxiliar li.home a, body#sobre_empresa ul#topo_nav_auxiliar li.sobre_empresa a, body#fale_conosco ul#topo_nav_auxiliar li.fale_conosco a, body#publicacoes ul#topo_nav_auxiliar li.publicacoes a, body#lojas_outros ul#topo_nav_auxiliar li.lojas_outros a { background: #123D74 url("../img/topo/nav_auxiliar_marca.jpg") center top no-repeat; color:#fff; } /* Topo Navegação */ #topo ul#topo_nav { bottom:17px; left:125px; list-style:none; margin:0 auto; position:absolute; font-size:12px; } #topo ul#topo_nav li { background:url("../img/topo/left.gif") no-repeat left top; float:left; margin-right:10px; padding:0 0 0 12px; } #topo ul#topo_nav li a { background:url("../img/topo/right.gif") no-repeat right top; color:#000; display:block; float:left; font-weight:bold; padding:8px 12px 8px 0; text-decoration:none; } /* Topo Navegação Abas com cores diferentes */ #topo ul#topo_nav li.seguranca a { color:#255FA8; } #topo ul#topo_nav li.automacao a { color:#48BF85; } #topo ul#topo_nav li.tecnologia_rfid a { color:#CEAE01; } #topo ul#topo_nav li.preservacao_conservacao a { color:#8A3C7A; } #topo ul#topo_nav li.servicos_tecnicos a { color:#DD9100; } #topo ul#topo_nav li a:hover { text-decoration:underline; } /* Topo Navegação Marcação dos links correntes */ body#seguranca ul#topo_nav li.seguranca a, body#automacao ul#topo_nav li.automacao a, body#tecnologia_rfid ul#topo_nav li.tecnologia_rfid a, body#preservacao_conservacao ul#topo_nav li.preservacao_conservacao a, body#servicos_tecnicos ul#topo_nav li.servicos_tecnicos a { color:#fff; padding-bottom:8px; } body#seguranca #topo ul#topo_nav li.seguranca { background-image:url("../img/topo/seguranca_left.gif"); } body#seguranca ul#topo_nav li.seguranca a { background-image:url("../img/topo/seguranca_right.gif"); } body#automacao #topo ul#topo_nav li.automacao { background-image:url("../img/topo/automacao_left.gif"); } body#automacao ul#topo_nav li.automacao a { background-image:url("../img/topo/automacao_right.gif"); } body#tecnologia_rfid #topo ul#topo_nav li.tecnologia_rfid { background-image:url("../img/topo/tecnologia-rfid_left.gif"); } body#tecnologia_rfid ul#topo_nav li.tecnologia_rfid a { background-image:url("../img/topo/tecnologia-rfid_right.gif"); } body#preservacao_conservacao #topo ul#topo_nav li.preservacao_conservacao { background-image:url("../img/topo/preservacao-e-conservacao_left.gif"); } body#preservacao_conservacao ul#topo_nav li.preservacao_conservacao a { background-image:url("../img/topo/preservacao-e-conservacao_right.gif"); } body#servicos_tecnicos #topo ul#topo_nav li.servicos_tecnicos { background-image:url("../img/topo/servicos-tecnicos_left.gif"); } body#servicos_tecnicos ul#topo_nav li.servicos_tecnicos a { background-image:url("../img/topo/servicos-tecnicos_right.gif"); } /* Container */ #container { background:url(../img/container/bg.jpg) repeat-y; overflow:hidden; width:100%; } /* Principal */ #principal { background-color:#fff; border:1px solid #DEDEDE; border-left:none; display:inline;/* Fix IE6 margens duplas */ float:right; padding:10px 20px; width:518px; } /* Principal Especiais */ /* Div principal maior que o normal pois aqui não entra o menu auxiliar */ body#servicos_tecnicos #principal { width:717px; } #principal h1, #principal h1 a { color:#B3B3B3; font:italic 16px Georgia, "Times New Roman", Times, serif; text-decoration:none; padding-bottom:5px; border-bottom:1px dotted #ccc; } #principal h1 a:hover { text-decoration:underline; } #principal h1 { margin-bottom:10px; } #principal h2 { color:#2C68B0; font-size:14px; margin:40px 0 10px; } /* Marcação das páginas especificas */ body#automacao #principal h2 { color:#59B699; } body#tecnologia_rfid #principal h2 { color:#BB9E02; } body#preservacao_conservacao #principal h2 { color:#8A3C7A; } body#servicos_tecnicos #principal h2 { color:#DD9100; } #principal ul { margin-left:10px; } #principal ol { margin-left:30px; } #principal ul li, #principal ol li { background: url("../img/navegacao/marcador.jpg") 0 center no-repeat; list-style:none; margin-bottom:10px; padding-left:15px; } #principal ol li { background:none; list-style:decimal; padding:0; } /* Marcação das páginas especificas */ body#automacao #principal ul li { background-image: url("../img/navegacao/marcador_automacao.jpg"); } body#tecnologia_rfid #principal ul li { background-image: url("../img/navegacao/marcador_tecnologia-rfid.jpg"); } body#preservacao_conservacao #principal ul li { background-image: url("../img/navegacao/marcador_preservacao-e-conservacao.jpg"); } body#servicos_tecnicos #principal ul li { background-image: url("../img/navegacao/marcador_servicos-tecnicos.jpg"); } p { margin-bottom:10px; line-height: 1.4em; } a { color:#000; font-weight:bold; text-decoration:underline;} a:hover { text-decoration:none; } #principal .voltar { text-align:right; clear:both; } /* Navegação */ #navegacao { width:201px; float:left; } #navegacao h2 { color:#2C68B0; font-size:14px; margin:5px 0; padding-left:30px; } /* Marcação das páginas especificas */ body#automacao #navegacao h2 { color:#59B699; } body#tecnologia_rfid #navegacao h2 { color:#BB9E02; } body#preservacao_conservacao #navegacao h2 { color:#8A3C7A; } body#servicos_tecnicos #navegacao h2 { color:#DD9100; } /* Navegação Menu */ #navegacao ul.nav_menu li { list-style: none; margin-bottom:2px; } #navegacao ul.nav_menu li a { background: url("../img/navegacao/marcador.jpg") 10px center no-repeat; color: #000; display: block; font-weight:normal; padding: 5px 0 5px 30px; text-decoration: none; } #navegacao ul.nav_menu li a:hover { background:#fff url("../img/navegacao/marcador.jpg") 9px center no-repeat; border:1px solid #DEDEDE; border-right:1px solid #fff; color: #000; padding: 4px 0 4px 29px; } #navegacao .navegacao_logo { margin-top:20px; text-align:center; } /* Navegação Menu Marcação das páginas especificas */ body#automacao #navegacao ul.nav_menu li a { background-image: url("../img/navegacao/marcador_automacao.jpg"); } body#tecnologia_rfid #navegacao ul.nav_menu li a { background-image: url("../img/navegacao/marcador_tecnologia-rfid.jpg"); } body#preservacao_conservacao #navegacao ul.nav_menu li a { background-image: url("../img/navegacao/marcador_preservacao-e-conservacao.jpg"); } body#servicos_tecnicos #navegacao ul.nav_menu li a { background-image: url("../img/navegacao/marcador_servicos-tecnicos.jpg"); } /* Navegação Menu Marcação dos links corrente */ body.pagina_inicial #navegacao ul.nav_menu li.pagina_inicial a, body.o_que_e_rfid #navegacao ul.nav_menu li.o_que_e_rfid a, body.mitos_e_verdades #navegacao ul.nav_menu li.mitos_e_verdades a, body.antenas_sensores #navegacao ul.nav_menu li.antenas_sensores a, body.etiqueta_cartao #navegacao ul.nav_menu li.etiqueta_cartao a, body.controle_acesso #navegacao ul.nav_menu li.controle_acesso a, body.leitores_mesa #navegacao ul.nav_menu li.leitores_mesa a, body.autoemprestimo #navegacao ul.nav_menu li.autoemprestimo a, body.autodevolucao #navegacao ul.nav_menu li.autodevolucao a, body.autoatendimento #navegacao ul.nav_menu li.autoatendimento a, body.sistema_hibrido #navegacao ul.nav_menu li.sistema_hibrido a, body.anti_burla #navegacao ul.nav_menu li.anti_burla a, body.auto_devolucao #navegacao ul.nav_menu li.auto_devolucao a, body.auto_emprestimo #navegacao ul.nav_menu li.auto_emprestimo a, body.auto_atendimento #navegacao ul.nav_menu li.auto_atendimento a, body.filmes_protetores #navegacao ul.nav_menu li.filmes_protetores a, body.equipamentos_ferramentas #navegacao ul.nav_menu li.equipamentos_ferramentas a, body.equipamento #navegacao ul.nav_menu li.equipamento a, body.protecao_antidesgaste #navegacao ul.nav_menu li.protecao_antidesgaste a, body.armazenamento_outros #navegacao ul.nav_menu li.armazenamento_outros a, body.eletromagnetica #navegacao ul.nav_menu li.eletromagnetica a, body.radio_frequencia #navegacao ul.nav_menu li.radio_frequencia a, body.sistemas_hibridos #navegacao ul.nav_menu li.sistemas_hibridos a, body.acustico_magnetica #navegacao ul.nav_menu li.acustico_magnetica a, body.sobre_empresa #navegacao ul.nav_menu li.sobre_empresa a, body.publicacoes #navegacao ul.nav_menu li.publicacoes a, body.eventos #navegacao ul.nav_menu li.eventos a, body.fale_conosco #navegacao ul.nav_menu li.fale_conosco a, body.nosso_diferencial #navegacao ul.nav_menu li.nosso_diferencial a, body.conversores #navegacao ul.nav_menu li.conversores a, body.leitores_manuais #navegacao ul.nav_menu li.leitores_manuais a { background:#fff url("../img/navegacao/marcador.jpg") 9px center no-repeat; border:1px solid #DEDEDE; border-right:1px solid #fff; padding: 4px 0 4px 29px; } /* Rodape */ #rodape { background-color:#555; border-top:5px solid #2C68B0; color:#fff; clear:both; font-size:10px; margin-top:20px; overflow:hidden; padding:20px 0; } #rodape a { color:#00B1E0; } #rodape #rodape_conteudo { margin:0 auto; text-align:left; width:760px; } #rodape #rodape_conteudo address { float:left; font-style:normal; } #rodape #rodape_conteudo #design { float:right; } /* Tecnologia RFID inicio */ /* Tecnologia RFID inicio Mapa de links */ #home_mapa { background:url("../img/mapa.jpg") no-repeat; position:relative; height:442px; width:515px; } #home_mapa a { background-color:#FEFEC6; color:#000000; display:block; font-size:10px; padding:5px; position:absolute; text-decoration:none; } #home_mapa a:hover { background-color:#fff; color:#EB3D00; } #home_mapa #home_mapa_autodevolucao { left:25px; top:175px; } #home_mapa #home_mapa_processamento_tecnico { left:45px; top:60px; } #home_mapa #home_mapa_antenas_sensores { left:170px; top:200px; } #home_mapa #home_mapa_controle_acesso { left:190px; bottom:50px; } #home_mapa #home_mapa_autoemprestimo { right:180px; top:180px; } #home_mapa #home_mapa_leitor_manual_portatil { right:150px; top:130px; } #home_mapa #home_mapa_leitor_mesa { right:110px; top:220px; } #home_mapa #home_mapa_inventario { right:110px; top:60px; } #home_mapa a#modal { background:none; text-indent:-10000px; width:100px; height:110px; bottom:0; right:0; } /* Tecnologia RFID Páginas internas */ /* Tecnologia RFID Páginas internas imagem principal */ .tecnologia_rfid_img_principal { margin-bottom:20px; text-align:center; } /* Contato */ /* Contato Fomulário */ #contato_form {} #contato_form fieldset { border:none; } #contato_form fieldset legend { margin-bottom:10px; } #contato_form label { display:block; margin-bottom:5px; width:400px; } #contato_form label input, #contato_form label textarea { width:400px; border:1px solid #ccc; } #contato_form label textarea { height:150px; } #contato_form .contato_form_menores div { float:left; margin-right:20px; } #contato_form .contato_form_menores input, #contato_form .contato_form_menores label { width:190px; } /* Segurança produtos lista */ /* OBS.: Miniaturas sempre com 140x140px */ #principal ul.seguranca_produtos_lista { margin:0; } #principal ul.seguranca_produtos_lista li {background:none; display:inline; float:left; margin-left:10px; padding:0; width:160px; } #principal ul.seguranca_produtos_lista li img { border:1px solid #efefef; display:block; margin:0 auto; padding:10px; } #principal ul.seguranca_produtos_lista li a.nome { background-color:#efefef; color:#c0c0c0; text-decoration:none; display:block; text-align:center; margin:0 10px; padding:5px; } #principal ul.seguranca_produtos_lista li a.nome:hover { color:#000; } /* Classes */ .img-left {float:left; margin-right:5px;} .img-right {float:right; margin-left:5px;} .center {text-align:center;} .clear {clear:both;}