/* DEFINIÇÕES GERAIS */ * {margin:0;padding:0;list-style:none;text-decoration:none;} strong{font-weight:bold;} em{font-style:italic;} html,address{font:normal normal 11px Arial, Helvetica, Verdana sans-serif;} body{font-family:Verdana, Arial, sans-serif;} html{height:100%; color:#064d77;} p{margin-bottom:10px; text-align:left;} img{border:none;} a{color:#064d77;} a:hover{color:#267eb2;text-decoration:underline;} a:focus{outline:none;} /* CLASSES DE USO GERAL*/ .left{float:left} .right{float:right} .clear{clear:both;} .none{display:none} .block{display:block} .inline{display:inline} .indent{text-indent:-100000px} .absolute{position:absolute} .relative{position:relative} .hidden{overflow:hidden;} .center{text-align:center;} .tleft{text-align:left;} .tright{text-align:right;} .font10{font-size:10px;} .font12{font-size:12px;} .font13{font-size:13px;} .font14{font-size:14px;} h3{font-size:14px;color:#2880a4;margin-bottom:10px;} .seta{background:url(../imagens/internas/seta.gif) no-repeat;padding-left:8px;} div#flutuante{position:absolute; top:0; left:50%; margin-left:-423px; z-index:9999;} /* CORES */ .red{color:red;} .black{color:#000;} .white{color:#fff;} .blue{color:#0A90F1;} .blue2{color:#015996;} .grey{color:#616161;} /*##################################################################################################*/ /* ESTRUTURA */ body{background:#27BFF1 url(../imagens/principal/bg_body.jpg) repeat-x;} div#principal{ width:734px; min-height:657px; _height:657px; margin:0 auto; text-align:left; padding-bottom:20px;/* Diferença para o rodapé não cobrir uma parte do conteúdo, é o mesmo valor da altura do rodapé */ position:relative;} div#principal.w1004{width:900px;} div#flutuante{position:absolute;width:100%!important; top:0; left:0; z-index:9999;} .flash_menu{position:relative; height:156px; display:block} .box_flash{position:absolute; z-index:9999;} /* COLUNAS DA INDEX */ #flash_index{ clear:both; width:734px;height:244px;margin-bottom:15px;} div#colEsq1{width:196px;margin-left:15px;float:left;display:inline;} div#cxAmontel{background:url(../imagens/principal/bg_cx_amontel.jpg) no-repeat;width:176px;height:118px;padding:10px;padding-top:14px} div#colDir1{width:495px;margin-left:12px;float:left;display:inline;} ol#lstDicas{background:url(../imagens/principal/bg_dicas.jpg) no-repeat;width:291px;height:118px;padding:12px 0 0 5px;font-size:11px; position:relative;float:left; } ol#lstDicas .lstUm, ol#lstDicas .lstDois, ol#lstDicas .lstTres{height:28px;padding:3px 0 0 25px;} ol#lstDicas .lstUm{background:url(../imagens/principal/lst_dicas_um.gif) no-repeat;} ol#lstDicas .lstDois{background:url(../imagens/principal/lst_dicas_dois.gif) no-repeat;} ol#lstDicas .lstTres{background:url(../imagens/principal/lst_dicas_tres.gif) no-repeat;} ol#lstDicas a.vermais{ background:url(../imagens/principal/bt_ver_todos.jpg) no-repeat; width:73px; height:23px; display:block; text-indent:-5000px; position:absolute; bottom:5px; right:5px;} div#cxOndeEstamos{background:url(../imagens/principal/bg_ondeestamos.jpg) no-repeat;width:705px;height:43px;padding:0;margin-left:14px;} div#cxOndeEstamos p{margin:15px 0 0 20px;float:left;display:inline;} div#cxDestaques{ width:734px;padding:12px;margin:0;} div#proDestaqueInternas{background: url(../imagens/principal/bg_destaque.gif);width:217px;float:left;margin-right:26px;margin-bottom:29px;} div#proDestaqueInternas h3{font-size:11px;color:#034a72;margin:5px 0 0 8px;} div#proDestaqueInternas p{font-size:11px;color:#034a72;margin:0 0 8px 8px;float:left;width:118px;} div#proDestaqueInternas .preco{font-weight:bold;color:#FFFFFF;margin-right:5px;float:right;} div#proDestaqueInternas .cifrao{color:#5dbbf4;float:left;} div#proDestaqueInternas .barra{background:#04437D;width:207px;height:16px;display:block;margin-left:5px;padding:3px 0;} div#proDestaqueInternas img{margin:5px 0;} div#proDestaqueInternas a{background:url(../imagens/principal/detalhes.gif) no-repeat;display:block;width:64px;height:55px;cursor:pointer;clear:left;margin-left:-10px;margin-bottom:-20px;margin-top:5px;} div#proDestaqueInternas .texto{min-height:150px;display:block;text-align:center;} div#proDestaque{background:url(../imagens/principal/bg_destaque.jpg) no-repeat;width:217px;min-height:119px;float:left;margin-right:26px;margin-bottom:29px;} div#proDestaque h3{font-size:11px;color:#034a72;margin:5px 0 0 8px;float:left;width:118px;} div#proDestaque p{font-size:11px;color:#034a72;margin:0 0 8px 8px;float:left;width:118px;} div#proDestaque .preco{font-weight:bold;color:#FFFFFF;margin-left:5px;float:left;} div#proDestaque .cifrao{color:#5dbbf4;float:left;} div#proDestaque .barra{background:#04437D;width:128px;height:16px;display:block;margin-left:5px;padding:3px 0;float:left;} div#proDestaque img{width:78px;} div#proDestaque .cxImg{background:#FFFFFF;width:78px;height:102px;margin-right:6px;margin-top:-80px;float:right;} div#proDestaque a{background:url(../imagens/principal/detalhes.gif) no-repeat;display:block;width:64px;height:55px;cursor:pointer;clear:left;margin-left:-10px;} div#proDestaque .texto{min-height:64px;display:block;} /* RODAPE */ div#rodape{width:734px; height:33px; background:url(../imagens/principal/bg_rodape.jpg) repeat-x; margin-top:60px !important; } div#rodape span.canto_right{width:10px; height:32px; background:url(../imagens/principal/bg_rodape_right.jpg); float:right;} div#rodape span.canto_left{width:12px; height:32px; background:url(../imagens/principal/bg_rodape_left.jpg); float:left;} /* ASSINATURAS */ div#rodape a.qualitare{width:37px;height:13px;float:right;margin:10px 10px 0 0;background:url(../imagens/assinatura_qualitare.gif) no-repeat;} div#conteudo{padding-top:40px;text-align:left;position:relative;} div.dicas{width:650px;} div#cxTips{position:absolute;top:20px;right:-120px;} #colDir{width:420px; float:right;height:250px;} #colEsq{width:300px; float:left; height:250px;} div.itens{width:675px; min-height:400px; padding:8px 10px; margin:0 auto;} div.itensBgTransparente{background: url(../imagens/principal/bg_destaque.gif);width:675px;padding:8px 10px; margin:0 auto;min-height:400px;} /* Produtos */ div.prod_item{background: url(../imagens/internas/bg_box_produtos.gif) no-repeat;width:216px;height:199px;text-align:center;float:left;display:inline;margin:0px 9px 9px 0;position:relative;} div.prod_item span.titulo p{display:block;width:200px;height:30px;padding-top:5px;color:#3474a5;font-weight:bold;margin:5px;text-align:left;} div.prod_item span.desc{display:block;width:216px;height:25px;position:absolute;bottom:0;left:0; color:#fff;} div.prod_item span.desc p{text-align:right;margin-right:10px;} div.prod_item span.desc a{color:#FFFFFF;} /* Promoções */ div.promo_item{background:#fff;width:160px;float:left;display:inline;margin:0 23px 10px 0;text-align:center;min-height:200px;} div.promo_item p{padding:5px;color:#2880a4;} div.promo_item .texto{min-height:160px;display:block;margin-top:10px;} p.promo_preco{display:block;background:url(../imagens/internas/produtos_item_titulo.gif) repeat-x;width:150px;heigth:20px;margin:0;text-align:center;font-size:18px;color:#FFFFFF!important;} p.promo_preco span{color:#b1d9ee;} /* Promoções Detalhes */ div.promo_det{background-color:#FFFFFF;width:630px;position:relative;margin:0 auto;} div.promo_det span.bar_top{display:block;background:url(../imagens/internas/produtos_item_titulo.gif) repeat-x;width:625px;height:27px;padding:5px 5px 0 0;text-align:right;} div.promo_det span.bar_top a{color:#FFFFFF;} div.cxImg{width:289px;padding:3px;float:left;display:inline;} div.cxDesc{width:315px;float:left;display:inline;padding:5px;} div.cxPreco{background:url(../imagens/internas/bg_cx_preco.gif) no-repeat;width:344px;height:25px;color:#d4eaf3;text-align:center;position:absolute;bottom:-25px;_bottom:-32px;right:0;} div.cxPreco span{font-size:18px;} /* Contato */ div.box_contato{ width:386px; height:222px; background: url(../imagens/internas/box_contatos.jpg) no-repeat; padding:25px 0 0 15px; float:left; margin:0 0 60px 30px;} div.box_contato h2, #contatos h2{ background:url(../imagens/principal/ico_lupa.jpg) no-repeat left; padding-left:18px; display:block; } div.box_contato a.vermapas, #contatos a.vermapas{ background:url(../imagens/internas/bt_ver_mapas.jpg) no-repeat; width:74px; height:24px; text-indent:-5000px; display:block;} #contatos {width:250px; float:left; margin:15px; display:inline;} /*depoimentos */ div.box_depoimentos {width:710px; min-height:100px; _height:100px; background:#c3effe ; padding:10px; margin-bottom:15px; text-align:left;} div.box_depoimentos p {margin:0 0 10px 0;} div.box_depoimentos a {float:left; margin:0 10px 0 0;} div.box_depoimentos strong {width:500px;display:block; color:#315aaa;} /* Detalhes dos produtos */ div#detalhes {background:#FFFFFF;} div#detalhes h3 {margin:5px;} div#detalhes h3 span{font-weight:normal;font-size:11px;} div#detalhes p {color:#6d6d6d;margin:5px;} div#detalhes ul {color:#6d6d6d;padding-left:306px;margin:10px 0;} div#detalhes ul li {margin-left:10px;list-style:url(../imagens/internas/detalhes_produtos/bola.gif);} div#detalhes ul#fotoSequencia {padding-left:0;} div#detalhes ul#fotoSequencia li {list-style:none;} div#detalhes .fotos{display:block;width:282px;height:208px;margin: 8px 8px 0 8px;float:left;} div#detalhes span#barra_azul{display:block;background:url(../imagens/internas/detalhes_produtos/barra_azul_detalhe.gif) repeat-x;padding:5px 5px;color:#FFFFFF;} div#detalhes span#barra_azul a{color:#a7daef;font-weight:bold;} div#detalhes h4 {background:url(../imagens/internas/detalhes_produtos/aba_azul.gif) no-repeat;float:right;width:330px;padding:2px 6px 1px 6px;text-align:center;color:#d4eaf3;font-size:18px;font-weight:normal;} div#detalhes h4 span{font-size:11px;} div#detalhes .texto{width:360px;float:right;min-height:240px;display:block;} span#clique {background:url(../imagens/internas/detalhes_produtos/aba_branca.gif) no-repeat;float:left;width:275px;padding:6px;text-align:center;color:#2880a4;font-size:11px;} div#orcamento {width:380px;float:right;} div#orcamento h3 {background:url(../imagens/internas/detalhes_produtos/tit_orcamento.gif) no-repeat;width:125px;height:17px;margin-top:10px;} /* Navegacao */ .paginacao {margin:20px auto 0 auto; text-align:center; font:11px Tahoma;} .pgoff {border:1px solid #1587AF; padding:2px; color:#1587AF; margin:0 3px 0 0;} .pg {border:1px solid #06588F; padding:2px 5px; margin:0 3px 0 0; color:#06588F;} .pg:hover {border:1px solid #1587AF; padding:2px 5px; color:#1587AF; margin:0 3px 0 0;} .paginacao strong {border:1px solid #1587AF; background:#06588f; padding:2px 5px; color:#1587AF; margin:0 3px 0 0;}/* Menu Principal */ ul.menu{ float:right; width:520px; margin-top:61px; } ul.menu li{float:left;} ul.menu li a{height:15px; display:block; text-indent:-5000px; margin-right:21px;} ul.menu li a.home{background:url(../imagens/principal/bt_paginicial.jpg) no-repeat; width:83px;} ul.menu li a.empresa{background:url(../imagens/principal/bt_empresa.jpg) no-repeat; width:67px;} ul.menu li a.produtos{background:url(../imagens/principal/bt_produtos.jpg) no-repeat;width:56px;height:16px;} ul.menu li a.promocoes{background:url(../imagens/principal/bt_promocoes.jpg) no-repeat; width:70px;} ul.menu li a.dicas{background:url(../imagens/principal/bt_dicas.jpg) no-repeat; width:34px;} ul.menu li a.localizacao{background:url(../imagens/principal/bt_localizacao.jpg) no-repeat; width:69px;} ul.menu li a.contato{background:url(../imagens/principal/bt_contato.jpg) no-repeat; width:48px;} fieldset{margin:0;padding:0;border:none;} form *{font-family:Arial, Helvetica, sans-serif;font-size:11px;} input{border:none;} /*#newsletter fieldset{width:180px; margin-top:30px; text-align:right;} label{margin-bottom:0px; display:block; width:180px;} input{background:url(../imagens/forms/bg_input.gif) no-repeat; height:19px; width:163px;} input.bt_ok{ background:url(../imagens/forms/bt_ok.gif); width:39px; height:23px; color:#fff; font-weight:bold; font-size:13px; cursor:pointer;} */ /* NEWSLETTER */ form#form_newsletter{background:url(../imagens/principal/bg_newsletter.jpg) no-repeat;width:195px;height:118px;margin:0 auto;padding:0;text-align:right;padding:0;float:right;} form#form_newsletter fieldset{padding:5px 15px 0 0;} form#form_newsletter fieldset p{text-align:left; margin:0 12px 6px;} form#form_newsletter label{vertical-align:top;margin:0;padding:0;} form#form_newsletter input{background:url(../imagens/forms/bg_input_newsletter.gif) no-repeat;width:122px;height:15px;margin-bottom:3px;padding:2px 5px;} form#form_newsletter input.menor{background-image:url(../imagens/forms/bg_input_newsletter_menor.gif);width:58px;} form#form_newsletter input.bt_ok{background:url(../imagens/forms/bt_ok.gif);margin-top:5px;width:39px;height:23px;padding:0;color:#fff;font-weight:bold;font-size:13px;cursor:pointer;} /* CONTATO */ form#form_contato{width:300px;margin:0 auto;padding:0;text-align:right;padding:0;} form#form_contato label{vertical-align:top;margin:0;padding:0;} form#form_contato input{background:url(../imagens/forms/bg_input.gif) no-repeat;height:19px;width:163px;margin-bottom:3px;} form#form_contato textarea{ width:163px; height:125px; background:#fff url(../imagens/forms/bg_textarea.gif) no-repeat; border:none; margin-bottom:10px;} form#form_contato select{height:19px;width:163px;margin-bottom:3px;} form#form_newsletter input.bt_ok, form#form_contato input.bt_ok, div#orcamento form input.bt_ok{background:url(../imagens/forms/bt_ok.gif); width:39px; height:23px; color:#fff; font-weight:bold; font-size:13px; cursor:pointer;} fieldset.form_contato{ margin-top:25px;} /* ORÇAMENTO */ div#orcamento form {text-align:right;} div#orcamento form label{color:#093d78;font-weight:bold;float:left;} div#orcamento form input{width:262px;height:19px;background:url(../imagens/internas/detalhes_produtos/bg_input.gif) no-repeat;margin-bottom:5px} div#orcamento form select{width:262px;height:19px;background:url(../imagens/internas/detalhes_produtos/bg_input.gif) no-repeat;margin-bottom:5px;border:none;} div#orcamento form textarea{width:262px;height:66px;background:url(../imagens/internas/detalhes_produtos/bg_textarea.gif) no-repeat;margin-bottom:5px;border:none;}/*TITULOS */ h1{margin-bottom:10px; color:#2282d2; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;font-size:20px;font-weight:normal;} h2{color:#064d77; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal; font-weight:bold;} h1.logo{background:url(../imagens/principal/h1_logo.jpg) no-repeat;width:188px;height:84px;float:left;} /* Coluna Esquerda - Index */ h2.titp_amontel{background:url(../imagens/principal/tit_amontel.gif) no-repeat;width:66px;height:17px;margin-bottom:5px;} h2.titp_newsletter{background:url(../imagens/principal/tit_newsletter.gif) no-repeat;width:80px;height:17px;margin:-22px 115px 5px 0;float:right; } /* Coluna Direita - Index */ h2.titp_dicas{background:url(../imagens/principal/tit_dicas.gif) no-repeat;width:42px;height:17px;margin-bottom:5px;} h2.titp_onde_estamos{background:url(../imagens/principal/tit_onde_estamos.gif) no-repeat;width:109px;height:17px;margin:10px 0 5px 14px;} /* Títulos - Internas */ h2.tit_empresa, h2.tit_produtos, h2.tit_dicas, h2.tit_promocoes, h2.tit_contato{margin-bottom:15px;} h2.tit_promocoes_montel{margin-bottom:15px; background:url(../imagens/titulos/h1_produtos_montel.gif) no-repeat; width:120px; height:15px; } h2.tit_empresa{background:url(../imagens/internas/tit_aempresa.gif) no-repeat; width:71px; height:19px;} h2.tit_produtos{background:url(../imagens/internas/tit_produtos.gif) no-repeat;width:58px;height:15px;} h2.tit_dicas{background:url(../imagens/internas/tit_dicas.gif) no-repeat;width:37px;height:15px;} h2.tit_promocoes{background:url(../imagens/internas/tit_promocoes.gif) no-repeat; width:73px; height:18px;} h2.tit_galerias{background:url(../imagens/titulos/h1_galerias.gif) no-repeat; width:95px; height:19px; margin-bottom:10px;} h2.tit_contato{background:url(../imagens/internas/tit_contato.gif) no-repeat; width:52px; height:15px;} h2.tit_promocoes_index{background:url(../imagens/titulos/h1_promocoes_index.gif) no-repeat; width:81px; height:20px; margin-top:0px; margin-bottom:12px; font-size:2px;} .tit_tips { background: url(../imagens/titulos/h1_tips.gif) no-repeat; width:29px; height:18px;} #contatos h3 {background:url(../imagens/titulos/tit-ondeestamos.gif) no-repeat; width:101px; height:14px;}/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery 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: #666; } #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; }.galleria{list-style:none;width:200px;} .galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0} .galleria li a{display:none} .galleria li div{position:absolute;display:none;top:0;left:180px} .galleria li div img{cursor:pointer} .galleria li.active div img,.galleria li.active div{display:block} .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto} .galleria li .caption{display:block;padding-top:.5em} * html .galleria li div span{width:400px} /* MSIE bug */ div.content { /* The display of content is enabled by a javascript generated style on the page. This is so that the slideshow content won't display unless javascript is enabled. */ /*display: none;*/ float:right; width:450px; } .ie7 div.content{margin-left:-250px;} .ie8 div.content{margin-left:-250px;} div.content a, div.navigation a { text-decoration: none; color: #777; } div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; } div.controls { margin-top: 5px; height: 23px; } div.controls a { padding: 5px; } div.ss-controls { float: left; } div.nav-controls { float: right; } div.loader { background-image: url('/imagens/loader.gif'); background-repeat: no-repeat; background-position: center; width:auto; height: 350px; } div.slideshow { clear: both; } div.slideshow span.image-wrapper { float: left; padding-bottom: 12px; } div.slideshow a.advance-link { padding: 2px; display: block; border: 1px solid #ccc; } div.slideshow img { border: none; display: block; } div.download { float: right; } div.embox { clear: both; border: 1px solid #ccc; background-color: #eee; padding: 12px; width:100%; } div.image-title { font-weight: bold; font-size: 1.4em; } div.image-desc { line-height: 1.3em; padding-top: 12px; } div.navigation { float:left; width:350px; /* The navigation style is set by a javascript generated style on the page. This is so that the javascript specific styles won't be applied unless javascript is enabled. */ } .ie div.navigation {width:250px;} ul.thumbs { width:350px; clear: both; margin: 0; padding: 0; } .ie ul.thumbs{width:250px;} ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; } a.thumb { padding: 2px; display: block; border: 1px solid #fff; } ul.thumbs li.selected a.thumb { background: #000; } a.thumb:focus { outline: none; } ul.thumbs img { border: none; display: block; } div.pagination { clear: both; } div.navigation div.top { width:250px; margin-bottom: 12px; height: 11px; } div.navigation div.bottom { width:250px; margin-top: 12px; text-align:center; } div.pagination a, div.pagination span.current { width:; display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; } div.pagination a:hover { background-color: #eee; text-decoration: none; } div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }