/** ** ** ** ** ** CSS Desenvolvido por Saulo e Lara Bazzi Oberderfer Bazzi.Com - http://www.bazzi.com.br - solucoes@bazzi.com.br Testado nos navegadores: Firefox 3.0.1 e Internet Explorer 6.0 Desenvolvido em 26/08/2008 cores Azul = #0066FF Laranja = #FF6600 Verde = #009900 ** ** ** ** ** **/ * {padding: 0; margin: 0; } body { margin: 0px; padding: 0px; font: 14px Arial, Helvetica, sans-serif; color: #666666; } #cabecalho { width: 100%; position: relative; background: #000000; height: 100px; } #cabecalho #logo { position: absolute; left: 10px; top: 10px; } #cabecalho #menuprincipal ul { position: absolute; top: 0px; right: 5px; } #cabecalho #menusecundario ul { position: absolute; bottom: 0px; right: 5px; } #cabecalho ul { margin: 0px; padding: 0px; list-style: none; } #cabecalho ul li { float: left; } #menuprincipal a { display: block; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 3px 7px; } #menuprincipal a:link, #menuprincipal a:visited { background-color:#000000; color:#FFFFFF; border-top: solid 2px #000; } #menuprincipal a:hover, #menuprincipal a:active { background-color:#FFFFFF; color:#FF6600; border-top: solid 2px #FF6600; } #menuprincipal a.ativo { background-color:#FFFFFF; color:#FF6600; border-top: solid 2px #FF6600; } #menusecundario a { display: block; padding: 3px 12px; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; } #menusecundario a:link, #menusecundario a:visited { background-color:#000000; color:#FFFFFF; border: none; border-bottom: solid 2px #000000; } #menusecundario a:hover, #menusecundario a:active { background-color:#FFFFFF; color:#000000; border: none; border-bottom: solid 2px #FF6600; } #menusecundario a.ativo { background-color:#FFFFFF; color:#000000; border: none; border-bottom: solid 2px #FF6600; } #conteudo { width: 100%; background: url(../imgs/Laranja.jpg) right repeat-y; clear: both; margin: 10px 0; } #rodape { width: 100%; background: url(../imgs/Laranja.jpg) right repeat-y; clear: both; } #conteudo #lateral { float: right; width: 250px; } #rodape #endereco { float: right; width: 250px; } #conteudo #principal #interno { margin-right: 260px; padding-right: 235px; background: url(../imgs/bannerLaranja.jpg) right top no-repeat; } #conteudo #paginas #interno { margin-right: 260px; padding: 0; background: none; } #rodape #consideracoes { margin-right: 260px; background: #333333 url(../imgs/fnd_rdpCinza.jpg) left repeat-y; } #rodape, #rodape #consideracoes { height: 120px; } #rodape #consideracoes #copyright { position: absolute; margin-top: 125px; left: 10px; } #rodape #consideracoes #bazzi { position: absolute; margin-top: 125px; right: 0px; } #rodape #endereco h2 { color: #FFFFFF; font: bold 15px Arial, Helvetica, sans-serif; padding: 10px; } #rodape #endereco p { color: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; padding: 0 10px 0 20px; } #conteudo #lateral h2 { color: #FFFFFF; font: bold 15px Arial, Helvetica, sans-serif; padding: 10px; } #conteudo #lateral ul { list-style: none; } #conteudo #lateral ul li { border-top: solid 1px #FFFFFF; border-bottom: solid 1px #CCCCCC; } #conteudo #lateral ul li a { display: block; padding: 5px; text-decoration: none; font: 12px Arial, Helvetica, sans-serif; color:#FFFFFF; } #conteudo #lateral ul li a:link, #lateral ul li a:visited { color:#FFFFFF; background: #FF6600; } #conteudo #lateral ul li a:hover, #lateral ul li a:active { color:#FF6600; background: #FFFFFF; } #conteudo #lateral ul li a.ativo { color:#FF6600; background: #FFFFFF url(../imgs/setaLaranja.jpg) center left no-repeat; padding-left: 10px; } #conteudo #lateral a.vejamais { display: block; padding: 2px; text-align: right; text-decoration: none; font: 11px Arial, Helvetica, sans-serif; border-bottom: solid 1px #FF6600; } #conteudo #lateral a.vejamais:link, #lateral a.vejamais:visited { color:#FFFFFF; background: none; } #conteudo #lateral a.vejamais:hover, #lateral a.vejamais:active { color:#FF6600; background: #FFFFFF; } #conteudo #lateral form { padding: 10px; color: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; } #conteudo #lateral form input { border: solid 1px #FF6600; background: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; color: #FF6600; padding: 2px 5px; } #conteudo #lateral form label{ width:40px; float:left;} #conteudo #lateral form input.botao { border: none; background: url(../imgs/btLaranja.jpg) center no-repeat; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 5px 20px; } #conteudo #principal #interno h1 { background: #FF6600 url(../imgs/banner1Laranja.jpg) right top no-repeat; overflow: hidden; height: 0px; padding-top: 180px; } #conteudo #principal #interno h2 { background: #FFF url(../imgs/img_notebook.jpg) left center no-repeat; margin-top: 10px; height: 90px; text-align: right; } #conteudo #paginas #interno h1 { color: #FFFFFF; font: bold 22px Arial, Helvetica, sans-serif; padding: 5px 10px; background: #FF6600 url(../imgs/Laranja.jpg) left repeat-y; } #conteudo #paginas #interno h2 { color: #FFFFFF; font: bold 14px Arial, Helvetica, sans-serif; padding: 5px 25px; margin-top: 1px; background: #333333 url(../imgs/setaBranca.jpg) left center repeat-y; border-bottom: solid 2px #FF6600; } #conteudo #paginas #interno h3 { color: #000000; font: bold 14px Arial, Helvetica, sans-serif; padding: 4px 25px; margin-top: 1px; border-bottom: solid 1px #FF6600;} #conteudo #paginas #interno p { color: #666666; font:15px Arial, Helvetica, sans-serif; padding: 4px 10px 12px 20px; clear: left; line-height: 20px; text-align: justify;} #conteudo #paginas #interno p img { float: left; margin: 0 10px 10px 0; border: solid 1px #999999; padding: 3px; } #conteudo #paginas #interno p.figura img { float:none; margin: 0 auto; border: 0px; padding: 3px; } #interno #hcard-Ética-TI { font: 14px Arial, Helvetica, sans-serif;line-height:25px; padding-left:10px;} #paginas .ulparceiros { margin: 10px 0px 5px 30px; line-height:20px; list-style: url(../imgs/bolinhaLaranja.jpg)} #noticias { list-style: none; } #noticias li { padding: 0; margin: 0; } #noticias li a { font: 16px Arial, Helvetica, sans-serif; padding: 10px 5px 10px 20px; display: block; text-decoration: none; color:#666666; } #noticias li a em { font-weight: bolder; color: #FF6600; padding-right: 10px; color: #FF6600; } #noticias li a:link, #noticias li a:visited { border-bottom: solid 1px #CCC; background: #FFFFFF; } #noticias li a:hover, #noticias li a:active { border-bottom: solid 1px #FF6600; background: #E1E1E1; } #noticias li.paginacao { padding: 0; margin: 0; background: #FF6600; padding: 10px; text-align: right; color: #FFFFFF; } #noticias li.paginacao a{ display: inline; background: none; border: solid 1px #FFFFFF; padding: 0px 5px; font-weight: bold; } #noticias li.paginacao a:link, #noticias li.paginacao a:visited { color: #FFFFFF; } #noticias li.paginacao a:hover, #noticias li.paginacao a:active { background: #FFFFFF; color: #FF6600; } /*Imagens*/ .imagens { margin:5px; width: 150px; height:100px;} /*Automação*/ .ulautomacao { margin-left:50px; } .ulautomacao li{ line-height:20px;} #siguscon { list-style: none; width: 100%; height: auto; } #siguscon li { float: left; width: 30%; height: auto; text-align:center; } #siguscon a { text-decoration: none; } /*Fale Conosco*/ #fale { font: normal 11px Arial, Helvetica, sans-serif; padding: 10px; width:700px; margin-left:10px;} #fale label{ display: block; float: left; width: 115px; } #fale input, #fale textarea { font: normal 11px Arial, Helvetica, sans-serif; background: url(../img/fnd_form.jpg) right no-repeat; border: solid 1px #CCCCCC; width: 460px; margin-bottom: 2px;} #fale input.botao { border: none; background: url(../imgs/btform_Laranja.jpg) center no-repeat; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 5px 20px; } #fale fieldset { border: solid 1px #CCCCCC; padding: 5px; margin-bottom: 10px;} #fale fieldset legend { background: #EBEBEB; font: bold 11px Arial, Helvetica, sans-serif; color: #666666; border-bottom: solid 1px #FF6600; padding: 5px 150px 2px 10px; } /* mapa do site*/ #mapasite { margin-left: 50px; } #mapasite li { padding: 5px 0px; } #mapasite li a{ display: block; text-decoration: none; border-bottom: solid 1px #EAEAEA; } #mapasite li a:link, #mapasite li a:visited { color: #FF6600; } #mapasite li a:hover, #mapasite li a:active { font-weight: bold; } #mapasite ul { margin-left: 20px; } #mapasite ul li { padding: 1px; }