*{ padding:0; margin:0; } body{ font-family: Arial, Helvetica, sans-serif; background: url(http://www.informatz.com.br/sorocaba/img/estendido.jpg) repeat-x top left; }     #topo{ padding:0; margin:0 auto; top: 0; left:0; width: 1000px; height: 250px; background: url(http://www.informatz.com.br/sorocaba/img/barra_class_logo.jpg) left top no-repeat; } .divimg{ margin-bottom: 10px; padding: 0px 0px 0px 15px; margin: 0; width: 600px; height: 210px; text-align: center; }     .tudo{ width:1000px; margin:0px auto; margin-bottom: 1px; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; background: #FFFFFF; } hr.vista{ display: none; } h1{ font-size: medium; color:#996600; } h2{ font-size: medium; color: #3399CC; } h3 { font-size: medium; color: #000000; } h4 { font-size: medium; color: #000000; } p { font-size: small; color: #000000; } li{ padding: 0; margin: 0; font-family:sans-serif, monospace, fantasy, "Lucida Console"; font-size: small; color: #000000; } a{ padding: 0; margin: 0; font-family:sans-serif, monospace, fantasy, "Lucida Console"; font-size: small; text-decoration: none; color: #336699; } object{ margin: 0px; padding: 0px; }    .cabecalho { display: none; } .cabecalho ul, .cabecalho li{ list-style:none; }  .topLink{ position: absolute; top: 12px; width: 144px; padding: 10px; margin:0px 0px 0px 670px; overflow: hidden; z-index: 1; } .topLink li{ list-style:none; margin: 10px 5px; } .topLink a, .topLink a:visited{ margin-bottom:30px; font-size: 16px; color: #000000; font-weight: bold; text-decoration: none; } .topLink a:hover{ margin-bottom:30px; font-size: 16px; font-weight: bold; text-decoration: none; color: #FFFFFF; }  .globalLink{ position: absolute; top: 210px; width: 1000px; height: 35px;  } .globalLink li{ float:left; list-style:none; } .globalLink a, .globalLink a:visited{ padding: 0 15px; font-size: 24px; color: #000000; font-weight: bold; text-decoration: none; } .globalLink a:hover{ padding: 0 15px; font-size: 24px; font-weight: bold; text-decoration: underline; color: #FFFFFF; }  .search{ padding: 25px 10px 10px 10px; margin: 0px auto; margin-bottom: 8px; width: 980px; height: 80px; background: url(http://www.informatz.com.br/sorocaba/img/fundo_search.png) left top no-repeat; text-align: center; } .search label{ font-size: 18px; }    .conteudo{ top: 153px; width:1000px; margin: 0px; }  .saudacao{ position: absolute; top: 145px; width: 980px; padding: 10px 10px 10px 10px; margin:0; overflow: hidden; z-index: 1; } .saudacao h1{ font-family: Arial, Helvetica, sans-serif; color: #333333; display:inline; font-weight:bold; font-size: 18px; }  .barra-vertical-direito{ float: left; width:178px; padding: 0px 0px 0px 0px; margin: 0px; background-color: #FDFDFD; font-family:Arial, Helvetica, sans-serif; }  .adcionar{ padding: 5px; text-align: center; font-size: 36px; } .relacaoLinks{ clear: both; padding: 25px 2px 10px 2px; margin:0px 0px 20px 0px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background: url(http://www.informatz.com.br/sorocaba/img/barra-seta.png) top left repeat-x; overflow: hidden; } .relacaoLinks h3{ position: relative; top: -22px; font-family:Arial, Helvetica, sans-serif; font-size: small; color:#000000; padding: 0px 0px 0px 20px; } .relacaoLinks img{ border: none; } .relacaoLinks li{ list-style: none; text-decoration:none; padding: 10px 5px 0px 5px; } .relacaoLinks li a {color:#444e57; padding-left:15px; line-height:1.5em;} .relacaoLinks a{ text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color:#666; } .relacaoLinks a:visited{ text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color:#666; } .relacaoLinks a:hover{ text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #39F; }  .destaque{ float:left; margin:0px 5px 20px 5px; width:615px; overflow:hidden; } .nobanner{ float:left; width: 810px; margin:0px 5px 20px 5px; }  .categoria{ clear: both; width:595px; padding: 10px 5px 10px 5px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; color:#606060; border-bottom: 5px solid #CCC; overflow: hidden; } .categoria img{ float: left; border:none; padding: 0px; margin-top: 5px; margin-left: 20px; margin-right: 25px; } .categoria h1{ font-family:Arial, Helvetica, sans-serif; font-size: small; color:#996600;; padding: 5px 5px 5px 0px; } .categoria p{ font-family:sans-serif, monospace, fantasy, "Lucida Console"; text-align:justify; color: #666666; padding: 5px 5px 5px 0px; } .categoria_de_produtos{ clear: both; width:595px; height: 170px; padding: 10px 5px 10px 5px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; color:#606060; background: url(http://www.informatz.com.br/sorocaba/img/backgorund_produtos.png); overflow: hidden; } .categoria_de_produtos img{ float: left; border:none; padding: 0px; margin-top: 5px; margin-left: 20px; margin-right: 25px; } .categoria_de_produtos h1{ font-family:Arial, Helvetica, sans-serif; font-size: small; color:#996600;; padding: 5px 5px 5px 0px; } .categoria_de_produtos p{ font-family:sans-serif, monospace, fantasy, "Lucida Console"; text-align:justify; color: #666666; padding: 5px 5px 5px 0px; }  .coluna_paralela{ float:left; display: inline; width:270px; min-height: 450px; padding: 5px 10px 5px 10px; margin:5px !important ; margin-bottom:5px ; font-size:small; text-align: center; color:#666666; border: none; } .coluna_paralela img{ clear:both; margin: 10%; height: 120px; margin-bottom: 5px; border: none; overflow:visible; } .coluna_paralela h3{ font-size: large; font-family: sans-serif, monospace, fantasy, "Lucida Console" ; font-weight: bold; color:#996600; margin-bottom: 20px; } .coluna_paralela p{ text-align: justify; font-family: sans-serif, monospace, fantasy, "Lucida Console" ; font-size: small; color:#666666; } .coluna_paralela a, a:visited{ text-decoration: none; color: #996600; } .coluna_paralela a:hover{ text-decoration: none; color: #999933; cursor: pointer; }  .coluna_produto{ float:left; padding: 0px; margin: 2px 2px 2px 2px; width:297px; height: 300px; display: inline; text-align: center; color:#666666; border: 1px solid #F7F7F7; } .coluna_produto img{ clear:both; margin: 20px ; border:none; } .coluna_produto h2{ font-size: 16px; font-family: sans-serif, monospace, fantasy, "Lucida Console" ; color:#996600; margin: 0px; margin-bottom: 3px ; } .coluna_produto h1{ margin-bottom: 3px; font-size: medium; font-family: sans-serif, monospace, fantasy, "Lucida Console" ; font-weight: bold; color:#996600; } .coluna_produto p{ padding: 8px; margin: 3px; font-family: Arial, Helvetica, sans-serif; text-align:center; color:#996600; } .coluna_produto strong{ margin-left: 10px; margin-right: 10px; border-left-color: #999999; font-family:sans-serif, monospace, fantasy, 'Lucida Console'; font-size:10px; color:#666666; } .coluna_produto a, a:visited{ font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#333333; text-decoration: none; } .coluna_produto a:hover{ font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#666666; text-decoration: underline; }  .publicidade{ float: left; width:195px; margin: 0px 0px 5px 0px ; padding: 30px 0px 0px 0px; background: url(http://www.informatz.com.br/sorocaba/img/fundo_login.jpg) top left repeat-x; border-left: 1px solid #F7F7F7; }  .banner { padding: 10px 3px 10px 3px; margin:0px ; right:0px; width: 185px; 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; width: 980px; height: 50px; padding: 20px 10px 8px 10px; margin: 0; border-top: 1px solid #cccccc; font-family: sans-serif, monospace, fantasy, "Lucida Console"; color:#333333; text-align: center; background: url(http://www.informatz.com.br/sorocaba/img/fundo_site_nome.png); } .site-nomestrong{ color: #990000; font-family:Arial, Helvetica, sans-serif; font-size: 14px; } .site-nome p{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#666666; } .site-nome a, .site-nome a:visited{text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#666666;} .site-nome a:hover{ cursor: pointer; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}  .contactform { width:585px; margin:0px; padding:10px 10px 10px 10px; } .contactform p{margin-bottom: 5px;} .contactform fieldset {padding:20px 0 0 0 !important ; padding:0 ; margin:0 0 20px 0; border:solid 1px #E6E6E6;} .contactform fieldset legend {margin:0 0 0 5px !important ; margin:0 0 20px 5px ; padding:0 2px 0 2px; color:#666666; font-weight:bold; font-size:small;} .contactform label.left {float:left; width:140px; margin:0 0 0 10px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:110%;} .contactform select.combo {width:200px; padding:2px; border: 1px solid #CCC; font-family:verdana,arial,sans-serif; font-size:110%;} .contactform input.field {width:390px; padding:2px; border: 1px solid #CCC; font-family:verdana,arial,sans-serif; font-size:110%;} .contactform input.field_small {width:200px; padding:2px; border: 1px solid #CCC; font-family:verdana,arial,sans-serif; font-size:110%;} .contactform textarea {width:390px; padding:2px; border: 1px solid #CCC; font-family:verdana,arial,sans-serif; font-size:110%;} .contactform input.button {margin-bottom: 30px; padding:1px !important ; padding:0 ; background:#FFFFFF; border:solid 1px #CCCCCC; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:110%;} .contactform input.button:hover {cursor: pointer; border:solid 1px #999999; background:#CCCCCC;}     .lista_sem_b{ clear: both; width:605px; padding: 28px 2px 10px 2px; margin:0px 0px 35px 0px; background: url(http://www.informatz.com.br/sorocaba/img/backgorund_destaque.png) top left repeat-x; overflow: hidden; } .lista_sem_b h3{ position: relative; top: -15px; font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#000000;; padding: 0px 0px 0px 40px; }  .computador{ padding: 10px 0px 40px 0px; margin: 0px; width: 600px; background: url(http://www.informatz.com.br/sorocaba/img/sombra.jpg) center bottom no-repeat; } .computador img{ float: left; padding: 5px 10px; border: none; } .computador p{ padding: 5px 10px; margin-bottom: 15px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; } .computador a, a:visited{ font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#333333; text-decoration: none; } .computador a:hover{ font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#666666; text-decoration: underline; }  .produto_destaque{ float:left; padding: 0px; margin: 2px 2px 2px 2px; width: 195px; height: 250px; text-align: center; border: 1px solid #CCCCCC; background: #FFFFFF; } .produto_destaque img{ clear:both; margin: 20px ; border:none; } .produto_destaque h2{ font-size: 16px; font-family: sans-serif, monospace, fantasy, "Lucida Console" ; color:#996600; margin: 0px; margin-bottom: 3px ; } .produto_destaque h1{ margin-bottom: 3px; font-size: medium; font-family: sans-serif, monospace, fantasy, "Lucida Console" ; font-weight: bold; color:#996600; } .produto_destaque p{ clear: both; padding: 0px 10px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align:center; color:#996600; } .produto_destaque strong{ margin:0px; font-family:sans-serif, monospace, fantasy, 'Lucida Console'; font-size:10px; color:#666666; } .produto_destaque a, a:visited{ font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#333333; text-decoration: none; } .produto_destaque a:hover{ font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#666666; text-decoration: underline; } #myGallery, #myGallerySet, #flickrGallery { width: 590px; height: 180px; z-index:5; border: none; } .jdGallery a { outline:0; } #flickrGallery { width: 585px; height: 180px; } #myGallery img.thumbnail, #myGallerySet img.thumbnail { display: none; } .jdGallery { overflow: hidden; position: relative; } .jdGallery img { border: 0; margin: 0; } .jdGallery .slideElement { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-image: url('http://www.informatz.com.br/sorocaba/css/img/loading-bar-black.gif'); } .jdGallery .loadingElement { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('http://www.informatz.com.br/sorocaba/css/img/loading-bar-black.gif'); } .jdGallery .slideInfoZone { position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; bottom: 0; height: 40px; background: #333; color: #fff; text-indent: 0; overflow: hidden; } * html .jdGallery .slideInfoZone { bottom: -1px; } .jdGallery .slideInfoZone h2 { padding: 0; font-size: 80%; margin: 0; margin: 2px 5px; font-weight: bold; color: inherit; } .jdGallery .slideInfoZone p { padding: 0; font-size: 60%; margin: 2px 5px; color: #eee; } .jdGallery div.carouselContainer { position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0px; left: 0; top: 0; } .jdGallery a.carouselBtn { position: absolute; bottom: 0; right: 15px; height: 10px;  text-align: center; padding: 0 10px; font-size: 13px; background: #333; color: #fff; cursor: pointer; } .jdGallery .carousel { position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height: 115px; background: #333; color: #fff; text-indent: 0; overflow: hidden; } .jdExtCarousel { overflow: hidden; position: relative; } .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper { position: absolute; width: 100%; height: 78px; top: 10px; left: 0; overflow: hidden; } .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner { position: relative; } .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail { cursor: pointer; background: #000; background-position: center center; float: left; border: solid 1px #fff; } .jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail { margin-bottom: 10px; } .jdGallery .carousel .label, .jdExtCarousel .label { font-size: 13px; position: absolute; bottom: 5px; left: 10px; padding: 0; margin: 0; } .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton { font-size: 10px; position: absolute; bottom: 5px; right: 10px; padding: 1px 2px; margin: 0; background: #222; border: 1px solid #888; cursor: pointer; } .jdGallery .carousel .label .number, .jdExtCarousel .label .number { color: #b5b5b5; } .jdGallery a { font-size: 100%; text-decoration: none; color: inherit; } .jdGallery a.right, .jdGallery a.left { position: absolute; height: 99%; width: 25%; cursor: pointer; z-index:10; } .jdGallery a.left { left: 0; top: 0; background: url('http://www.informatz.com.br/sorocaba/css/img/fleche1.png') no-repeat center left; } * html .jdGallery a.left { background: url('http://www.informatz.com.br/sorocaba/css/img/fleche1.gif') no-repeat center left; } .jdGallery a.right { right: 0; top: 0; background: url('http://www.informatz.com.br/sorocaba/css/img/fleche2.png') no-repeat center right; } * html .jdGallery a.right { background: url('http://www.informatz.com.br/sorocaba/css/img/fleche2.gif') no-repeat center right; } .jdGallery a.open { left: 0; top: 0; width: 100%; height: 100%; } .withArrows a.open { position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; }  .jdGallery a.gallerySelectorBtn { z-index: 15; position: absolute; top: 0; left: 30px; height: 20px;  text-align: center; padding: 0 10px; font-size: 13px; background: #333; color: #fff; cursor: pointer; } .jdGallery .gallerySelector { z-index: 20; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; } .jdGallery .gallerySelector h2 { margin: 0; padding: 10px 20px 10px 20px; font-size: 20px; line-height: 30px; color: #fff; } .jdGallery .gallerySelector .gallerySelectorWrapper { overflow: hidden; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton { margin-left: 10px; margin-top: 10px; border: 1px solid #888; padding: 5px; height: 40px; color: #fff; cursor: pointer; float: left; } .jdGallery .gallerySelector .gallerySelectorInner div.hover { background: #333; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview { background: #000; background-position: center center; float: left; border: none; width: 40px; height: 40px; margin-right: 5px; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info { margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #aaa; }