*{ padding:0; margin:0; } body{ font-family: Arial, Helvetica, sans-serif; background: url(http://www.informatz.com.br/img/estendido.jpg) repeat-x top left; z-index: -1; } hr.vista{ display: none; }     #topo{ padding:0; margin:0px auto; top: 0; left:0; width: 1000px; height: 220px; } .logo{ position: absolute; top: 25px; padding:0; margin:0px 0px 0px 10px; width: 230px; height: 150px; background: url(http://www.informatz.com.br/img/logo.png) center no-repeat; z-index: 1; } hr.vista{ display: none; }  .topLink{ position: absolute; top: 0px; width: 300px; padding: 0; margin:0px 0px 0px 245px; overflow: hidden; text-align: center; z-index: 10; } .topLink h1{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; color: #000; } .topLinkMens{ position: absolute; top: 45px; width: 300px; height: 36px; padding: 0; margin:0px 0px 0px 245px; text-align: center; overflow: hidden; z-index: 10; } .topLinkMens h3{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; } .carrinho{ position: absolute; top: 85px; height: 80px; width: 300px; padding: 0; margin:0px 0px 0px 245px; background: url(http://www.informatz.com.br/img/cesto.png) left top no-repeat; text-align: center; overflow: hidden; z-index: 1; } .carrinho h3{ position: relative; top: 30px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; } .carrinho p{ position: relative; top: 30px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #FFF; } .carrinho a { position: relative; top: 30px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #FFF; }  .saudacao{ position: absolute; top: 0px; width: 230px; padding: 0; margin:0px 0px 0px 10px; overflow: hidden; z-index: 10; } .saudacao h1{ font-family: Arial, Helvetica, sans-serif; color: #09C; display:inline; font-weight:bold; font-size: 20px; } .topimagem { position: absolute; top: 0px; width: 425px; height: 165px; padding: 0px 10px; margin:0px 0px 0px 550px; background: url(http://www.informatz.com.br/img/msn-online1.jpg) left top no-repeat; overflow: hidden; z-index: 10; }     .tudo{ width:1000px; margin:0px auto; margin-bottom: 0; background: #FFFFFF; }  .globalLink{ position: absolute; top: 186px; width: 625px; height: 35px; margin-bottom: 5px; padding: 0px 182px 0px 180px; background: url(http://www.informatz.com.br/img/background_links.jpg) top center no-repeat; z-index: 100; } .globalLink ul, .globalLink li{ float:left; display: inline; list-style: none; } .globalLink a{ float:left; padding: 0px 9px 0px 10px; font-size: 16px; font-weight: bold; color: #000000; text-decoration: none; } .globalLink a:visited{ padding: 0px 9px 0px 10px; font-size: 16px; font-weight: bold; color: #000000; text-decoration: none; } .globalLink a:hover{ padding: 0px 9px 0px 10px; font-size: 16px; font-weight: bold; text-decoration: underline; color: #FFF; }    .conteudo{ top: 153px; width:1000px; margin: 0px; }  .barra-vertical{ float: left; width: 200px; padding: 0; margin-bottom: 20px; } .barra-vertical-direito{ position: relative; top: -58px; width: 180px; float: left; padding: 0; margin-top: 20px; }  .relacaoLinks{ clear: both; padding: 0px 0px 5px 0px; margin: 5px 0px; overflow: hidden; } .relacaoLinks h3{ position: relative; top: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 24px; color:#000000; padding: 3px; } .relacaoLinks li a{ width: 170px; padding: 3px; border-bottom: 1px solid #F0F0F0; list-style: none; text-decoration:none; text-align:left; display:block; } .relacaoLinks a,.relacaoLinks a:visited{ text-decoration:none; font-family: Arial, Helvetica, sans-serif; width: 170px; background: #FFF; font-size: 12px; color:#000; } .relacaoLinks a:hover{ text-decoration:underline; font-family: Arial, Helvetica, sans-serif; width: 170px; background: #F5F5F5; font-size: 12px; color: #000; }  .destaque{ float:left; margin: 10px 3px 20px 3px; width: 630px; overflow:hidden; } .divimg{ margin: 0px 10px 10px 25px; padding: 0px; width: 580px; height: 210px; } .caixa_ajax{ position: relative; top: 0px; margin:0px auto; padding: 0; width:1000px; height: 160px; text-align: center; }  .lista_sem_b{ clear: both; width:620px; padding: 20px 2px 10px 3px; margin:0px 3px 10px 0px; overflow: hidden; } .lista_sem_b h3{ position: relative; top: -15px; padding: 5px 0px 5px 40px; font-family:Arial, Helvetica, sans-serif; font-size: 24px; color:#000000; }  .categoria{ width:625px; padding: 20px 2px 10px 3px; margin:0px 3px 10px 0px; font-family: Arial, Helvetica, sans-serif; color:#606060; border-bottom: 2px solid #CCC; overflow: hidden; } .categoria img{ float: left; border:none; padding: 0px; margin:10px; } .categoria h1{ padding: 5px 5px 5px 0px; margin:10px; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#000; } .categoria p{ padding: 5px 5px 5px 0px; margin:10px; font-family:sans-serif, monospace, fantasy, "Lucida Console"; text-align:justify; color: #666666; } .categoria a{ padding: 5px 5px 5px 0px; margin:10px; font-family:Arial, Helvetica, sans-serif; font-size: 22px; color:#000; } .categoria a:visited{ padding: 5px 5px 5px 0px; margin:10px; font-family:Arial, Helvetica, sans-serif; font-size: 22px; color:#000; } .categoria a:hover{ padding: 5px 5px 5px 0px; margin:10px; font-family:Arial, Helvetica, sans-serif; font-size: 22px; color:#09F; } .categoria_de_produtos{ width:605px; height: 170px; padding: 10px 10px 10px 0px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; color:#606060; background: url(http://www.informatz.com.br/img/backgorund_produtos.png) left top no-repeat; overflow: hidden; } .categoria_de_produtos img{ float: left; border:none; padding: 0px; margin-top: 5px; margin-left: 10px; margin-right: 10px; } .categoria_de_produtos h1{ font-family:Arial, Helvetica, sans-serif; font-size: 24px; color:#333; padding: 5px 0px 5px 0px; } .categoria_de_produtos p{ font-family:sans-serif, monospace, fantasy, "Lucida Console"; text-align:justify; color: #666666; padding: 5px 5px 5px 0px; } .categoria_de_produtos a{ padding: 5px 15px 5px 0px; margin:10px 0px 0px 0px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 22px; color:#666; } .categoria_de_produtos a:visited{ padding: 5px 15px 5px 0px; margin:10px 0px 0px 0px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 22px; color:#999; } .categoria_de_produtos a:hover{ padding: 5px 15px 5px 0px; margin:10px 0px 0px 0px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 22px; color:#09F; }  .publicidade{ position: relative; top: -58px; width: 180px; float: left; padding: 0px 2px 0px 0px; margin-top: 20px; } .publicidade h3{ position: relative; top: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 24px; color:#000000; padding: 5px 20px; }  .banner { padding: 10px 0px; margin:0px 2px 0px 0px; width: 180px; text-align: center; border-bottom: 1px solid #F7F7F7; } .banner img{ border: none; margin-top: 5px; margin-left:2px; margin-right:2px; }    .site-nome{ clear: both; float: none; height: 260px; padding: 10px 10px 8px 10px; margin: 0; border-top: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; color:#333333; text-align: center; background: url(http://www.informatz.com.br/img/barra-rodape.jpg); } .site-nome h3{ margin-bottom: 15px; font-family: Tahoma, Geneva, sans-serif; font-size: 28px; color:#000; } .centro_rodape{ margin: 0 auto; padding: 0; width: 1000px; } .descricao{ float: left; padding: 5px; width:420px; } .descricao p { font-family: Verdana, Geneva, sans-serif; font-size:10px; color:#000; text-align:left; } .descricao h3 { font-family: Verdana, Geneva, sans-serif; font-size:18px; color:#000; text-align:left; } .contato{ float: right; padding: 5px; width:545px; } .contato h3 { font-family: Verdana, Geneva, sans-serif; font-size:18px; color:#000; text-align:left; } .contato p, .contato a { font-family: Verdana, Geneva, sans-serif; font-size:10px; color:#000; text-align:left; }  .contactform { width:600px; margin: 5px; padding: 5px; clear: both; overflow:hidden; } .contactform p { margin-bottom: 3px;} .contactform fieldset { border: solid 1px #E6E6E6;} .contactform fieldset legend { color:#666666; font-weight:bold; font-size:16px;} .contactform label.left { float:left; width:140px; margin:0px 0px 0px 10px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:small;} .contactform select.combo { width:390px; padding:2px; border: 1px solid #CCC; font-family:verdana,arial,sans-serif; font-size: large;} .contactform input.field { width:390px; padding:2px; border: 1px solid #CCC; font-family:verdana,arial,sans-serif; font-size:large;} .contactform input.field_small { width:200px; padding:2px; border: 1px solid #CCC; font-family:verdana,arial,sans-serif; font-size: large;} .contactform input.novosi{ display: none; } .contactform textarea { width:390px; padding:2px; border: 1px solid #CCC; font-family:verdana,arial,sans-serif; font-size: large;} .contactform input.button { margin-bottom: 30px; padding:1px; padding:0px; background:#FFFFFF; border:solid 1px #CCCCCC; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:large;} .contactform input.button:hover { cursor: pointer; border:solid 1px #999999; background:#CCCCCC;}