/* ----------------------------------------------- Website: http://www.agnus.com.br Autor: Agencia HIVE - Everton Fragoso Criado em: 03/08/2009 ----------------------------------------------- */ /* CSS RESET */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a, abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small, strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; vertical-align:baseline; background:transparent;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before,blockquote:after,q:before,q:after {content:''; content:none;} /* remember to define focus styles! */ :focus {outline:0;} /* remember to highlight inserts somehow! */ ins {text-decoration:none;} del {text-decoration:line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:collapse; border-spacing:0;} .clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} .clearfix {display:inline-block;} html[xmlns] .clearfix {display:block;} * html .clearfix {height:1%;} /* CSS RESET */ body{overflow: -moz-scrollbars-vertical; /*habilita a barra de rolavem vertical somente para o FIREFOX*/} * { margin:0; padding:0; text-indent:0; } body { background:#FFF url(../img/bg-home.jpg) no-repeat center top; margin:0; } body#interno { background:#FFF url(../img/bg-internas.jpg) no-repeat center top; } body#interno-preto { background:#161616 url(../img/bg-internas-preto.jpg) no-repeat center top; } body, input, textarea, selec { font:11px Arial, Helvetica, sans-serif; text-decoration:none; } img, fieldset { border:none; } ul, li { list-style:none; } legend { text-indent:0; color:#000; } a { color:#000; text-decoration:none; } a:hover { color:#000; text-decoration:underline; } address { font-style:normal; margin-top:10px; } /* CLASSES GERAIS */ .clear { clear:both; } .none { display:none; } .strong, strong { font-weight:bold; } .f-left { float:left; } .f-right { float:right; } .m-r-10 { margin-right:10px; } .m-l-10 { margin-left:10px; } h1 { font-size:22px; } h2 { font-size:16px; } h3 { font-size:18px; line-height:17px; } address { float:left; } address .strong { font-size:14px; } .acessibilidade, .acessibilidade-preto { position:absolute; margin-left:-14px; top:590px; background:url(../img/bt-voltar.png) no-repeat left top; width:196px; height:42px; } .acessibilidade-preto { background:url(../img/bt-voltar-preto.png) no-repeat left top; top:950px; margin-left:6px; } #bt-voltar, #bt-imprimir { display:block; width:60px; height:20px; margin-top:15px; float:left; margin-left:20px; } /* FORMS */ input, select, textarea { font-size:10px; } .campos { padding:3px; color:#e4601a; } .bt-enviar { border:none; font-weight:bold; cursor:pointer; } .campo-requerido { border:1px solid #F00; } /* ESTRUTURA */ #container { width:940px; margin:0 auto; } #header { } #content { } #nav { display:none; } #footer, #footer-interno, #footer-interno-preto { font-size:14px; height:100px; margin:20px 0; padding-left:130px; } #footer { color:#464646; font-size:14px; height:100px; margin:20px 0; padding-top:38px; padding-left:130px; } #footer-interno { background:url(../img/bg-rodape.jpg) no-repeat left top; color:#464646; padding-top:6px; padding-left:100px; } #footer-interno-preto { background:url(../img/bg-rodape-preto.jpg) no-repeat left top; color:#fff; padding-top:6px; padding-left:100px; } .internas { float:right; width:620px; overflow:hidden; } #logo-hive { float:right; margin-top:5px; margin-right:20px; display:block; width:32px; height:27px; } #footer-interno #logo-hive, #footer-interno-preto #logo-hive { margin-top:45px; } #footer-interno address, #footer-interno-preto address { margin:50px 30px; } .top { height:110px; } .logo { display:block; width:141px; height:80px; float:left; margin:10px 80px 20px 80px; } .acesso-ftp { display:block; width:100px; height:20px; float:right; margin:5px 40px; } #flash { width:939px; height:280px; padding-left:1px; } #flash-interno, #flash-interno-preto { width:260px; height:280px; float:left; } /* NAV */ #nav ul { } #nav li { } /* PAGINACAO */ .paginacao { position:absolute; margin-left:440px; top:600px; color:#999; } .paginacao p { float:left; line-height:22px; margin-right:10px; } .paginacao a { background:url(../img/bg-paginas.jpg) no-repeat center top; text-align:center; text-decoration:none; padding:4px 0; width:17px; height:14px; color:#999; display:inline-block; } .paginacao a:hover { color:#555; text-decoration:none; } .paginacao a.paginaSel { color:#555; font-weight:bold; font-size:12px; } /* NEWSLETTER */ #formNews { float:left; margin-top:10px; margin-left:40px; } #formNews label { font-size:9px; color:#999; margin-left:5px; } #formNews .campos { background:url(../img/bg-campos-news.jpg) no-repeat left top; width:135px; height:15px; border:none; } #formNews .bt-enviar { background:url(../img/bt-enviar-news.png) no-repeat left top; width:26px; height:20px; } /* HOME */ #home { } #home h2 { color:#fff; font-size:30px; font-weight:bold; text-align:center; } #home h3 { background:url(../img/a-gente-se-adapta.png) no-repeat left top; width:223px; height:43px; display:block; } #home .preto { background:url(../img/a-gente-se-adapta-preto.png) no-repeat left top; } #home a { color:#464646; font-style:italic; text-decoration:none; } #home a:hover { text-decoration:none; color:#600; } .box-1, .box-2, .box-3 { height:180px; width:220px; margin-top:20px; overflow:hidden; } .box-1 { } .depoimento-texto { line-height:16px; font-size:16px; font-family:Georgia; margin:0 10px; } .depoimento-nome { font-size:12px; font-weight:bold; text-align:right; float:right; margin:0 10px; } .box-2 { } .box-2 h3 { margin-top:10px; margin-bottom:20px; } .faca-orcamento { background:url(../img/faca-seu-orcamento.png) no-repeat left top; display:block; width:220px; height:80px; } .box-3 { width:440px; } /* ORÇAMENTO ESQUERDA */ #orcamento-esquerda { float:left; margin-top:20px; } #orcamento-esquerda h3 { background:url(../img/a-gente-se-adapta.png) no-repeat left top; width:223px; height:45px; display:block; margin:5px 0; } #orcamento-esquerda .preto { background:url(../img/a-gente-se-adapta-preto.png) no-repeat left top; } #orcamento-esquerda .anos-qualidade { background:url(../img/13anos.png) no-repeat left top; } #orcamento-esquerda .anos-qualidade-preto{ background:url(../img/13anos-preto.png) no-repeat left top; } /* GRAFICA AGNUS */ #grafica-agnus { background:url(../img/bg-grafica-agnus.jpg) no-repeat 2px -3px; height:535px; } #grafica-agnus .esquerda { float:left; width:335px; margin-top:60px; margin-left:40px; } #grafica-agnus p { font-size:12px; margin-bottom:10px; } #grafica-agnus h1 { background:url(../img/grafica-agnus.png) no-repeat left top; display:block; width:250px; height:31px; } #grafica-agnus h2 { font-weight:bold; margin-top:20px; margin-bottom:10px; } .menu-grafica { background:url(../img/bg-menu-grafica.png) no-repeat left top; float:right; margin-top:90px; margin-right:20px; padding-top:17px; width:215px; height:198px; display:block; } .menu-grafica a { color:#00aeef; font-weight:bold; font-size:14px; margin-left:40px; display:block; height:30px; width:150px; } .menu-grafica .ui-state-active a { background:url(../img/raquo.png) no-repeat left 5px; color:#ec008c; text-indent:13px; } .ui-tabs-hide { display:none; } /* CONVITES */ #convites { background:url(../img/bg-convites.jpg) no-repeat left -9px; height:910px; width:645px; } #convites h1 { background:url(../img/convites.png) no-repeat center top; height:25px; margin:80px; margin-bottom:0; display:block; } #convites h3 { margin:20px 80px; } #convites p { margin:0 80px; } #convites .texto-convites { height:130px; overflow:hidden; } #convites .portfolio { width:621px; height:135px; margin-top:30px; margin-left:20px; } #convites .bt-direita, .bt-esquerda { width:13px; height:24px; display:block; margin-top:60px; cursor:pointer; } #convites .bt-direita { background:url(../img/seta-direita.jpg) no-repeat center top; float:right; margin-right:15px; } #convites .bt-esquerda { background:url(../img/seta-esquerda.jpg) no-repeat center top; float:left; margin-left:70px; } #convites .holder { width:490px; height:125px; margin:10px; float:left; } #convites .holder div { width:490px; } #convites .box { background:url(../img/box-convites-portfolio.jpg) no-repeat left top; float:left; overflow:hidden; width:152px; height:105px; padding-top:10px; margin-right:10px; display:block; text-align:center; } #convites .dicas { margin:20px 50px; height:220px; overflow:hidden; } #convites .dicas h2 { background:url(../img/convites-dicas.jpg) no-repeat left top; width:64px; height:18px; display:block; margin-bottom:10px; } #convites .upAndDown { background:url(../img/raquo-preto.png) no-repeat left 2px; display:block; height:22px; text-indent:15px; cursor:pointer; font-weight:bold; margin:10px; border-bottom:1px dashed #ccc; } #convites .abas-active { background:url(../img/raquo-amarelo.png) no-repeat left 2px; display:block; text-indent:15px; text-decoration:underline; margin:0 10px; } #convites .box-conteudo { background:#f9e8e8; display:none; margin:0 10px; padding:10px 0; padding-bottom:0; } #convites .texto { padding:0 15px; height:70px; color:#555; overflow:auto; } #convites .texto p { margin:0; } #convites .fecha { background:#f3d8d8 url(../img/fechar.jpg) no-repeat right center; display:block; line-height:20px; text-align:right; padding-right:15px; font-size:9px; color:#860120; } #convites .contato { margin:10px 40px 10px 50px; height:170px; } #convites .contato h2 { background:url(../img/convites-contato.jpg) no-repeat left top; width:97px; height:18px; display:block; } #convites fieldset { width:250px; display:block; float:left; margin-top:15px; margin-left:20px; } #convites label { font-weight:bold; } #convites .campos { background:url(../img/convites-campos.jpg) no-repeat left top; width:244px; height:14px; margin:5px 0; border:none; } #convites textarea.campos { background:url(../img/convites-textarea.jpg) no-repeat left top; width:244px; height:54px; border:none; } #convites .bt-enviar { background:url(../img/bt-enviar.jpg) no-repeat left top; width:90px; height:30px; color:#fff; font-size:12px; float:right; } /* DEPOIMENTOS */ #depoimentos { background:url(../img/bg-grafica-agnus.jpg) no-repeat 1px -3px; height:535px; } #depoimentos h1 { background:url(../img/depoimentos.png) no-repeat left top; margin:65px 0 20px 40px; display:block; width:220px; height:27px; } #depoimentos .bloco { margin:0px 40px; padding:5px; overflow:auto; border-bottom:1px dashed #ccc; } #depoimentos .no-border { border:none; } #depoimentos .imagem { float:left; width:142px; height:100px; overflow:hidden; background:url(../img/box-depoimentos.png) no-repeat left top; margin-right:10px; padding-top:5px; text-align:center; } #depoimentos .texto { float:left; width:370px; height:105px; overflow:hidden; font-size:14px; color:#555; } #depoimentos .bloco p { margin:15px; } #depoimentos .strong { font-size:11px; float:right; letter-spacing:-0.5px; } /* PORTFOLIO */ #portfolio { background:url(../img/bg-portfolio.jpg) no-repeat left -2px; height:683px; } #portfolio h1 { background:url(../img/portfolio.png) no-repeat left top; margin:60px 0 40px 40px; display:block; width:172px; height:31px; } #portfolio h3 { margin-bottom:10px; } #portfolio .texto { margin:0 60px; font-size:12px; margin-bottom:20px; } #portfolio .tipos { background:url(../img/box-portfolio-tipos.jpg) no-repeat left top; width:508px; height:43px; line-height:40px; text-align:center; padding-left:12px; margin-left:60px; color:#bf4200; overflow:hidden; } #portfolio .link { color:#bf4200; } #portfolio .active { font-weight:bold; border-bottom:4px solid #bf4200; } #portfolio .active:hover { text-decoration:none; } #portfolio .box { background:url(../img/box-portfolio.jpg) no-repeat left top; width:520px; height:279px; margin-left:60px; margin-top:10px; } #portfolio .item { background:url(../img/box-portfolio-item.jpg) no-repeat left top; display:block; width:160px; height:115px; padding-top:8px; float:left; margin-left:10px; margin-top:10px; text-align:center; overflow:hidden; } #portfolio .acessibilidade { top:740px; } #portfolio .paginacao { top:740px; } /* ORCAMENTO */ #orcamento { background:url(../img/bg-orcamento.jpg) no-repeat left -2px; height:750px; } #orcamento h1 { background:url(../img/orcamento.png) no-repeat left top; margin-top:55px; margin-left:40px; display:block; width:196px; height:33px; } #orcamento fieldset { float:left; width:340px; display:block; margin-top:5px; margin-left:40px; border-right:1px dashed #ccc; } #orcamento label { font-weight:bold; font-size:12px; color:#333; margin:0; } #orcamento .campos { background:url(../img/orcamento-campos.jpg) no-repeat left top; width:320px; height:14px; margin-bottom:5px; border:none; } #orcamento select.campos { height:20px; } #orcamento textarea.campos { background:url(../img/orcamento-textarea.jpg) no-repeat left top; width:315px; height:35px; padding-bottom:5px; margin-bottom:0; padding-right:5px; border:none; } #orcamento .bt-enviar { background:url(../img/bt-enviar-orcamento.jpg) no-repeat left top; width:90px; height:30px; color:#fff; font-size:12px; float:right; margin-right:20px; } #orcamento small { font-size:9px; } #orcamento .f-right { width:190px; height:220px; margin-top:40px; margin-right:30px; background:url(../img/orcamento-print.jpg) no-repeat left top; } #orcamento .acessibilidade { top:780px; } /* DICAS */ #dicas { background:url(../img/bg-portfolio.jpg) no-repeat left -2px; height:683px; } #dicas h1 { background:url(../img/dicas.png) no-repeat left top; margin:65px 0 20px 40px; display:block; width:94px; height:27px; } #dicas .dicas { margin:20px 50px; } #dicas .upAndDown { background:url(../img/raquo-verde.png) no-repeat left 2px; display:block; height:22px; text-indent:15px; cursor:pointer; font-weight:bold; margin:10px; border-bottom:1px dashed #ccc; } #dicas .abas-active { background:url(../img/raquo.png) no-repeat left 2px; display:block; text-indent:15px; text-decoration:underline; margin:10px; margin-bottom:0; } #dicas .box-conteudo { background:#f9f7e8; display:none; margin:0 10px; padding:10px 0; padding-bottom:0; } #dicas .texto { padding:0 15px; height:250px; color:#555; overflow:auto; } #dicas .fecha { background:#f3f0d8 url(../img/fechar-verde.jpg) no-repeat right center; display:block; line-height:20px; text-align:right; padding-right:15px; font-size:9px; color:#3f7300; } #dicas .acessibilidade { top:740px; } #dicas .paginacao { top:740px; } /* CADASTRO */ #cadastro { background:url(../img/bg-grafica-agnus.jpg) no-repeat 1px -3px; height:535px; } #cadastro h1 { background:url(../img/cadastro.png) no-repeat left top; margin:65px 0 20px 40px; display:block; width:169px; height:27px; } #cadastro fieldset { float:left; width:340px; display:block; margin-top:5px; margin-left:40px; border-right:1px dashed #ccc; } #cadastro label { font-weight:bold; font-size:12px; color:#333; margin:0; } #cadastro .campos { background:url(../img/orcamento-campos.jpg) no-repeat left top; width:320px; height:14px; margin-bottom:5px; border:none; } #cadastro textarea.campos { background:url(../img/orcamento-textarea.jpg) no-repeat left top; width:315px; height:35px; padding-bottom:5px; margin-bottom:0; padding-right:5px; border:none; } #cadastro .bt-enviar { background:url(../img/bt-enviar-orcamento.jpg) no-repeat left top; width:90px; height:30px; color:#fff; font-size:12px; float:right; margin-right:20px; } #cadastro small { font-size:9px; } #cadastro .f-right { width:190px; height:220px; margin-top:10px; margin-right:30px; } #cadastro p { margin-bottom:10px; font-size:12px; color:#444; } /* CONTATO */ #contato { background:url(../img/bg-grafica-agnus.jpg) no-repeat 1px -3px; height:535px; } #contato h1 { background:url(../img/contatos.png) no-repeat left top; margin:65px 0 20px 40px; display:block; width:169px; height:27px; } #contato fieldset { float:left; width:340px; display:block; margin-top:5px; margin-left:40px; border-right:1px dashed #ccc; } #contato label { font-weight:bold; font-size:12px; color:#333; margin:0; } #contato .campos { background:url(../img/orcamento-campos.jpg) no-repeat left top; width:320px; height:14px; margin-bottom:5px; border:none; } #contato textarea.campos { background:url(../img/contatos-textarea.jpg) no-repeat left top; width:315px; height:85px; padding-bottom:5px; margin-bottom:0; padding-right:5px; border:none; } #contato .bt-enviar { background:url(../img/bt-enviar-orcamento.jpg) no-repeat left top; width:90px; height:30px; color:#fff; font-size:12px; float:right; margin-right:20px; } #contato small { font-size:9px; } #contato .f-right { width:190px; height:220px; margin-top:10px; margin-right:30px; } #contato .mapa-matriz, #contato .mapa-filial { display:block; width:160px; height:128px; } #contato .mapa-matriz { background:url(../img/mapa-matriz.jpg) no-repeat left top; } #contato .mapa-filial { background:url(../img/mapa-filial.jpg) no-repeat left top; margin-top:20px; } /* 404 ERROR */ #not-found { background:url(../img/bg-grafica-agnus.jpg) no-repeat 1px -3px; height:535px; text-align:center; } #not-found h1 { color:#000; margin:0; margin-top:100px; } #not-found ul#possiveis-erros { width:550px; border:1px solid #CCC; padding:20px; margin:0 auto; margin-bottom:100px; text-align:left; } #not-found ul#possiveis-erros li { list-style:square; padding-left:10px; margin-left:10px; } /* jQuery lightBox plugin */ #jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; padding-bottom:17px; } #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-size:10px; 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; }