/* CSS Document - do site */ * { padding:0; margin:0; border:none; } body { background:#fff; margin: 25px 0 0 0; background-image:url(/resources/img-layout/roma-bg.jpg); background-repeat:repeat-x; font-family:11px; font-family:verdana} img { border:0px;} .geral { width:941px; _width:941px; min-height:900px; margin:auto; background-color:#fff;} a {color:#000; font-size:12px;} #destaque-internas img {max-width:60px; margin-right:10px;} /*Principais*/ h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#990000;} h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#434343;} .titulo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#990000; margin-left:10px; margin-top:10px; float:left;} .saiba-mais { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#D81E15; margin-left:10px; margin-top:10px; float:right;} .texto-box { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#434343; line-height:125%; margin-left:10px; margin-top:4px; float:left;} .marg { margin-left:10px; margin-top:4px; float:left; _margin-left:3px;} p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#434343;} .conteudo-produto { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#434343; line-height:150%; _width:700px;} /*itens*/ .hr-dot { width:auto; height:3px; background-image:url(/resources/img-layout/hr-dot.jpg); background-repeat:repeat-x; margin-top:3px; margin-bottom:3px; _color:#ccc; _width:100%; _margin-top:0px; _margin-bottom:0px;} .bread a { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#667; text-decoration:none;} .bread a:hover { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-decoration:underline;} /* topo */ #topo { float:left; _margin-bottom:-10px;} #logo { background-image:url(/resources/img-layout/topo.jpg); width:797px; _ width:797px; height:89px; _height:89px; float:left; position:relative;} #iso {/* background-image:url(/resources/img-layout/topo-iso.jpg); */width:144px; _width:100px; height:66px; _height:40px; float:left; position:relative; _ float:right; _margin-top:0; } #bandeiras { background-image:url(/resources/img-layout/topo-bandeiras.jpg); width:144px; _width:144px; height:23px; _height:10px; float:left; position:relative; _float:right; _margin-top:-3px; _margin-bottom:0px;} /* menu topo */ #menu-topo {} .menu-esq { background-image:url(/resources/img-layout/menu-topo-bkg.jpg); background-repeat:repeat-x; width:797px; _width:797px; height:40px; _height:50px; float:left; position:relative; _position:relative; _float:left;} .menu-dir { width:144px; _width:144px; height:40px; _height:25px; float:left; position:relative; float:right; _margin-top:-5px;} .menu-topo { margin-top:10px; list-style:none;} .menu-topo li { float:left; margin-right:8px; width:auto; background-image:url(/resources/img-layout/separador.gif); background-position:left; background-repeat:no-repeat; background-position:left bottom;} .menu-topo li a { padding-left:8px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; float:left; text-decoration:none; } .menu-topo li a:hover {1text-decoration:underline;} #menu-topo2 { _width:600px;} /* conteudo */ #conteudo { _margin-top:0px; _z-index:-1;} #coluna-esq { float:left; width:205px; _width:205px; min-height:500px; position:relative; _z-index:5;} #conteudo-geral { float:left; width:720px; _width:720px; min-height:400px; background-color:#fff; margin-left:10px; position:relative; /*_z-index:1;*/} /*#conteudo-geral { float:left; _min-height:400px; _background-color:#fff; _position:relative; _width:60px;}*/ /* menu esquerdo*/ #sombra { background-image:url(/resources/img-layout/menu-sombra-produtos.jpg); width:203px; _width:203px; height:24px; float:left; position:relative;} #menu-esq { background-image:url(/resources/img-layout/menu-produto-bkg.jpg); background-repeat:repeat-y; background-position:center; min-height:457px; border-left:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; border-right:#e0e0e0 1px solid; margin-bottom:20px; _height:480px;} #menu-news { background-image:url(/resources/img-layout/menu-produto-bkg.jpg); background-repeat:repeat-y; background-position:center; min-height:249px; _height:245px; border:#e0e0e0 1px solid; padding-top:10px; _padding-top:10px;} /* conteudo */ #slider { background-color:#FF0000; width:720px; _width:720px; height:280px; margin-bottom:11px; _height:270px; _margin-bottom:11px; _background-color:#FFF; _z-index:10;} #destaque { width:476px; _width:476px; min-height:134px; margin-right:16px; margin-bottom:18px; background-color:#fff; float:left; position:relative;} #img-destaque { width:227px; min-height:134px; margin-bottom:18px; background-color:#fff; float:left; position:relative; _height:180px; _padding-top:20px; _margin-bottom:-5px;} #destaque p { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#434343; line-height:125%;} #destaque-internas { width:720px; _width:680px; height:auto; margin-right:16px; margin-bottom:18px; background-color:#fff; float:left; position:relative; margin-top:30px; _margin-bottom:0px;} .titulo-menu { color:#900; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:23px; float:left; text-decoration:none; width:185px; height:28px; _height:20px; margin-left:10px; _margin-left:5px;} /* box home */ .box-home { width:225px; _width:225px; _height:255px; height:255px; float:left; position:relative; margin-right:22px; _margin-right:22px; background-image:url(/resources/img-layout/bkg-boxes.jpg); background-color:#FFFFFF; background-repeat:repeat-x;} .box-small { width:225px; _width:225px; height:126px; _height:126px; background-color:#EEEEEE; float:left; position:relative; margin-bottom:10px; background-image:url(/resources/img-layout/bkg-box-p.jpg); background-color:#FFFFFF; background-repeat:repeat-x;} .conteudo-box-g { width:224px; _width:216px; height:210px; float:left; position:relative; overflow:auto;} .conteudo-box-p { width:225px; _width:225px; height:72px; float:left; position:relative; background-color:#EEEEEE;} .conteudo-box-g a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#D81E15; margin-left:10px; margin-top:10px; float:right; text-decoration:none;} .conteudo-box-g a:hover {text-decoration:underline;} .conteudo-box-p a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#D81E15; margin-left:10px; margin-top:10px; float:right; text-decoration:none;} .conteudo-box-p a:hover {text-decoration:underline;} .bottomdiv { background-color:#FFF; width:224px; _width:224px; height:53px; float:left; position:relative; margin-bottom:0px; /*background-position:right;*/} #bureau {width:177px; margin:0 auto; float:left; padding-left:25px;} /* footer */ .rodape { width:941px; height:107px; float:left; position:relative;} .hr-b { width:941px; height:45px; background-image:url(/resources/img-layout/hr.jpg); background-position:center; background-repeat:repeat-x; float:left; position:relative; margin-top:10px;} .rodape-itens { width:941px; height:65px; background-image:url(/resources/img-layout/bkg-rodape.jpg); background-position:center; background-repeat:repeat-x; float:left; position:relative;} .logo-rodape { width:120px; height:65px; float:left; position:relative; margin-left:20px; margin-right:25px; padding-top:10px;} .menu-bottom { margin-top:0px; margin-left:10px; list-style-type:none; padding-top:10px; padding-left:20px;} .menu-bottom li a { color:#F00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; float:left; margin-left:10px; text-decoration:none;} .menu-bottom li a:hover {text-decoration:underline;} .tel-b { color:#434343; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; float:left; margin-right:10px; margin-top:11px; text-decoration:none;} .by-brane { width:120px; height:65px; float:right; position:relative;} /* FORMULÁRIO ROMANEWS */ form { padding:10px; margin:auto; overflow:auto; float:left; margin-top:40px;} form label { width:150px; margin:0 0 10px 0; float:left; } form input, textarea { width:160px; padding:3px 4px; font:11px Arial; border:1px solid #eaeaea; margin-top:5px; background-image:url(/resources/img-layout/bkg-form.jpg); background-position:left; font-family:Verdana, Arial, Helvetica, sans-serif;} form label textarea { width:30px; height:60px; } form label span { width:150px; margin:0; padding:0; font:12px Arial; float:left;} form label .ddd { width: 20px; } form label .tFone { width:24px; } form label .botEnviar { width:69px; height:29px; background:#F00; float:right; margin-right:22px; background-image:url(/resources/img-layout/botao.jpg); border:0px; color:#FFFFFF; font-weight:bold; cursor:hand;} /* FORMULÁRIO ATENDIMENTO */ form { padding:10px; margin:auto; overflow:auto; float:left;} form label { width:150px; margin:0 0 10px 0; float:left; } form input, textarea { width:160px; padding:3px 4px; font:11px Arial; border:1px solid #eaeaea; margin-top:5px; background-image:url(/resources/img-layout/bkg-form.jpg); background-position:left; font-family:Verdana, Arial, Helvetica, sans-serif;} form label textarea { width:30px; height:60px; } form label span { width:150px; margin:0; padding:0; font:12px Arial; float:left;} form label .ddd { width: 20px; } form label .tFone { width:24px; } form label .botEnviar { width:69px; height:29px; background:#F00; float:right; margin-right:22px; background-image:url(/resources/img-layout/botao.jpg); border:0px; color:#FFFFFF; font-weight:bold; cursor:hand;} .ligacao { } .ligacao label { margin:0 0 10px 5px; width:auto;} .pronto-atendimento { } .pronto-atendimento label { width:auto; margin:3px 3px 3px 3px;} .pronto-atendimento label span { width:auto; } .dddpa { width:20px; height:20px; padding:3px 4px; font:17px Arial; border:1px solid #eaeaea; margin-top:5px; background-image:url(/resources/img-layout/bkg-pa.jpg); background-position:left; font-family:Verdana, Arial, Helvetica, sans-serif;} .telpa { width:160px; height:20px; padding:3px 4px; font:17px Arial; border:1px solid #eaeaea; margin-top:5px; background-image:url(/resources/img-layout/bkg-pa.jpg); background-position:left; font-family:Verdana, Arial, Helvetica, sans-serif;} .botligar { width:127px; height:48px; background:#F00; float:right; margin-right:22px; background-image:url(/resources/img-layout/ligar.jpg); border:0px; color:#000; font-weight:bold; cursor:hand;} /* conteudo da pag de produto */ .box-descri-produto { width:99%; min-height:318px; float:right; position:relative; margin-right:2px; background-image:url(/resources/img-layout/bkg-boxes.jpg); background-color:#FFFFFF; background-repeat:repeat-x; border: 1px #e0e0e0 solid;} .conteudo-box-produto { width:auto; float:left; position:relative; margin:10px 10px 10px 10px; line-height:130%; _margin:5px 5px 5px 5px;} .box-img-produto { width:270px; _width:240px; height:auto; float:left; position:relative; margin-bottom:10px; background-image:url(/resources/img-layout/bkg-boxes.jpg); background-color:#FFFFFF; background-repeat:repeat-x; border: 1px #ff0000 solid;} .box-img-produto img { width:100%;} .box-atendimento { width:270px; _width:230px; height:auto; float:left; position:relative; margin-bottom:10px; background-image:url(/resources/img-layout/bkg-boxes.jpg); background-color:#FFFFFF; background-repeat:repeat-x; border: 1px #e0e0e0 solid;} .coluna1 { width:270px; _width:200px; height:auto; margin-right:12px; float:left; position:relative; border:#000000 0px solid;} .coluna2 { width:420px; _ width:420px; height:auto; float:left; position:relative; border:#000000 0px solid;} .solicite-orcamento { width:180px; _width:180px; height:70px; float:right; position:relative; _height:60px; _padding-top:-60px; _position:absolute;} .titulo-produto-h1 { width:540px; height:auto; position:relative; margin-top:0px; top:25px} .hr-dot-interna { width:auto; height:5px; background-image:url(/resources/img-layout/hr-dot.jpg); background-repeat:repeat-x; margin-top:25px; margin-bottom:3px; _width:690px; _height:2px; _margin-top:3px; _margin-bottom:1px;} /* galeria */ .galeria { width:415px; height:auto; float:left; position:relative;} .legenda { background-color:#000000; color:#FFFFFF; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 2px 2px 2px 2px;} .gallery { background-color:#00CC00; width:700px; height:auto;} /* lista de produts */ /*list-prod*/ .list-prod { width:675px; padding:0; margin:0; position:relative; float:left;} .list-prod li { width:auto; /*padding:10px 10px 10px 10px;*/ margin:0; text-align:left; list-style:none; position:relative; float:left;} .list-prod li a { width:150px; padding:10px 5px; font:bold 13px Arial; color:#667; text-decoration:none; text-align:left; float:left; border:#fff solid 1px;} .list-prod li a:hover{ background-color:#f0f0f0; color:#ff2200; border:#333 solid 1px;} .listaProdutos {float:left; margin:5px; list-style:none; margin-left:0px;} .listaProdutos img { height:100px; width:100%; position:relative;} .lista-cat { width:450px; min-height:80px; margin-top:10px;} .prodPrice { color:#FF0000; font-family:Geneva, Arial, Helvetica, sans-serif;} .prod-nome { margin-top:10px; text-align:left;} /* fecha documento do css do site */ /* css do acordeon e lightbox */ /* ACORDION HORIZONTAL */ #slideContainer { width:720px; height:280px; _height:276px; margin:auto; _width:720px;} #slide { margin:0; padding:0; display:block; overflow:hidden; _margin:0; _padding:0; _display:block; _overflow:hidden; } #slide li { float:left; display:inline; overflow:hidden; list-style:none; position:relative;} #slide img { border:0; } #slide p { width:680px; _width:68px; height:25px; position:relative; margin-left:50px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; margin-top:5px;} /* Light Box */ .fotos { width:100%; padding:20px 0; text-align:center; background:#FFF; } .fotos li { list-style:none; float:left; height:108px; width:138px; } .fotos li img { width:auto; height:70px;} .fotos a { padding:5px 5px 18px 5px; margin:5px 15px 0 0; text-align:center; display:inline-block; overflow:hidden; } /*.fotos a:hover { border:1px solid #000;}*/ /* fecha acordeon e light box */ /* MENU DROP DOWN HORIZONTAL */ /*Primeiro Grupo */ .menu-left { padding:0 0 0 0; position:relative; float:left; } .menu-left ul { list-style-type:none; padding:0; float:left; _margin-top:10px; _z-index:550;} .menu-left li { position:relative; padding:2px 2px 0 0; _padding:0px; width:215px;} .menu-left li a { line-height:17px; _line-height:13px; _margin-top:-8px; color:#434343; text-decoration:none; display:block; color:#434343; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-left:10px; padding-top:2.5px; padding-bottom:2.5px; _padding-top:1px; _padding-bottom:1px;} .menu-left li a:hover { color:#fff; background-color:#999999; text-decoration:none; _text-decoration:none;} /* Segundo grupo */ .sub-menu { width:auto; _width:360px; border:0px solid #eaeaea; position:relative; float:left; _z-index:500;} .sub-menu li { white-space:nowrap; padding:0 0 0 0; margin:0 0 0 0;} .sub-menu li a { width:auto; height:25px; color:#000; text-decoration:none; text-align:left; background-color:#FFF; border-left:1px solid #cacaca; border-right:2px solid #cacaca; padding-right:25px; padding-left:10px; _padding-right:5px; padding-top:5px; _padding-top:8px;} .sub-menu li a:hover { color:#FFF; background-image:url(/resources/img-layout/bg-sub.jpg); background-position:top;} /* Hiden Submenus */ .menu-left ul ul { margin:0px; padding:0px 0px 0px 0px; position:absolute; top:-10px; left:198px; display:none; z-index:500; _z-index:500;} /* Show submenus */ div.menu-left li:hover { cursor:default; z-index:100; _z-index:100; } div.menu-left li:hover ul { display:block; } /* sombra */ .sub-menu .sombra-b { height:12px;} .sombra-b img { width:100%; height:15px; _width:0%; _height:0px; } .sub-menu .sombra-c { height:8px;} .sombra-c img { width:100%; height:15px; _width:0%; _height:0px;} /* fecha MENU DROP DOWN HORIZONTAL */ /*jQuery lightBox plugin*/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #667; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* fim jquery*/ /* formulário de cadastro da home*/ .for-cadastro {} /*form-orcamento*/ .orcamento-form { width:370px; float:left;} .orcamento-form form { padding:10px; margin:auto; float:left; width:100%; background-color:#FFFF99;} .orcamento-form span { width:350px; float:left; position:relative;} .orcamento-form textarea { width:280px; background-color:#fff; background-image:none; border: #667 1px solid;} .orcamento-form input { width:280px; background-color:#fff;} .orcamento-form .botEnviar { width:69px; height:29px; background:#F00; float:left; margin-right:22px; background-image:url(/resources/img-layout/botao.jpg); border:0px; color:#FFFFFF; font-weight:bold; cursor:hand;} .orcamento-form .dddd { width:30px} .orcamento-form .tele { width:240px} /* formulário de envio para a empresa*/ .formulario-empresa {color: #FFFFFF; font-weight: bold; }