/*============================================================================================================================================================ Stylesheet - v1.0 [ content.css ] Autor: Mauricio Vargas[ WEB STANDARDS ] | Fabianne Marim[ WEB STANDARDS ] Contato: mauricio@agenciahive.com.br fabianne@agenciahive.com.br Website: http://www.agenciahive.com.br/ Criado em : 09:40 17/05/2010 Última Atualização: 00:00 20/05/2010 ==============================================================================================================================================================*/ .bg-home { font-family: Arial, Tahoma, Verdana; background:#FFF url(../img/bg-home.jpg) top center no-repeat; } .bg-interno { font-family: Arial, Tahoma, Verdana; background:#FFF url(../img/bg-interno.jpg) top center no-repeat; } body, input, textarea, select { font:12px Arial, Tahoma, Verdana; text-decoration:none; color:#555555; } a { text-decoration:none; color:#666; } a:hover { text-decoration:none; color:#999; } address { font-style:normal; font-weight:normal; } h1 { } h2 { } h3 { } strong, em, b, i { font-family: Arial, Tahoma, Verdana; } /* CLASSES GERAIS */ .none { display:none; } .block { display:block; } .hidden { visibility:hidden; } .strong { font-weight:bold; } .italic { font-style:italic; } .f-left { float:left; } .f-right { float:right; } .clear { clear:both; height:1px; } .a-left { text-align:left; } .a-right { text-align:right; } .a-justify { text-align:justify; } .a-center { text-align:center; } .preto { color:#000; } .normal { font-weight:normal; } #logo-hive { clear:both; display:block; width:94px; height:18px; background:url(../img/logo-hive.png) no-repeat; margin:10px auto; } .bt-voltar { clear:both; color:#e59cdc; padding-left:16px; font:10px Arial, Verdana, Tahoma; display:block; line-height:16px; width:50px; background:url(../img/bg-voltar.png) no-repeat 0px 2px; font:10px Tahoma, Arial, Verdana; margin-top:15px; } .teste { background:#CCC; } .border { border:1px solid #d0e5e6;} .border2 { border:2px solid #d0e5e6;} .border5 { border:5px solid #d0e5e6;} .seta3 { display:block; background:url(../img/seta3.png) 0px 4px no-repeat; padding-left:10px;} .banneresquerda, .bannerdireita { margin-top:-15px;} .banneresquerda { _margin-left:-110px; } .meiorods { _margin-left:130px; } .bannerdireita { _margin-left:-120px; } /* ESTRUTURA */ #header h1, #header h1 a { display:block; width:230px; height:200px; float:left; } #header #topo { width:710px; float:left; } #topo .search { width:360px; padding-left:20px; height:90px; float:left; } #topo .search #mapa-do-site { padding-left:30px; background:url(../img/ico-mapadosite.png) no-repeat; color:#adadad; font-weight:bold; } #topo .central-vendas { width:330px; height:90px; float:left; } #topo .nav-superior { width:710px; height:110px; clear:both; } #topo .busca-topo { padding-top:15px; } #topo .busca-topo label { display:block; width:33px; height:33px; background:url(../img/ico-finder.png) no-repeat; float:left; margin-right:10px; } #topo .busca-topo .campos { width:200px; } /* ---// Central de vendas */ #topo .central-vendas .central { color:#2499b6; font-size:18px; float:left; } #topo .central-vendas a { display:block; padding-left:25px; background:url(../img/ico-chat.jpg) 2px 3px no-repeat; font-size:18px; float:left; margin-left:10px; } #topo .central-vendas .zerooitocentos { font-size:36px; } .bt-buscar { border:1px solid #b7b7b7; background:url(../img/bg-bts.png) repeat-x; color:#898989; padding:5px; font-weight:bold; } .campos { border:2px solid #b7b7b7; padding:5px; } /* ---// Nav superior */ #topo .nav-superior h2 { display:block; line-height:36px; width:657px; padding-right:20px; color:#0a4595; font-style:italic; font-size:22px; text-transform:uppercase; text-align:right; background:url(../img/sup-nav.png) no-repeat;} #topo .nav-superior .menu { width:682px; height:42px; background:url(../img/bg-nav.png) no-repeat; margin-top:10px; } #topo .nav-superior .menu ul { display:block; width:640px; height:27px; padding-top:12px; margin-left:20px;} #topo .nav-superior .menu ul li { display:inline; float:left; } #topo .nav-superior .menu ul li a { display:block; float:left; color:#FFF; font-size:14px; font-weight:bold; text-transform:uppercase; border-right:1px solid #aadbe7; padding-left:10px; padding-right:15px;} #topo .nav-superior .menu ul li .menu-cont { border-right:none;} .sob { margin-top:50px; *margin-top:70px; _margin-top:175px; margin-right:-25px!important; } .tudo { background:url(../img/bg-tudo02.png) center left no-repeat;/* margin-top:10px;*/ margin-left:-15px;} .box-W-971 { display:inline; float:left; width:971px; margin-top:20px!important;} #down-home h2 { text-transform:uppercase; font-size:20px; color:#45afe4;} #down-home h3 { text-transform:uppercase; font-size:18px; color:#45afe4;} #down-home .box-central h3 { text-transform:uppercase; font-size:18px; color:#45afe4;} .mleft {margin-left:30px!important; margin-top:45px!important; _margin-top:160px!important;} .box-central { display:block; width:300px; height:174px; float:left; padding-right:20px; padding-top:20px; text-align:right;} .desce { padding-top:25px; _padding-top:15px; } .noIE6 { margin-top:30px; } .box-central p { margin-top:30px;} .box-central a { float:right; margin-right:-10px;} .box-central .bt-2 { display:block; width:152px; height:12px; margin-top:4px; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center; padding:10px;/* padding-right:20px;*/padding-right:10px;} .bt-2 span { display:block; color:#0a4595; background:url(../img/seta2.png) right 4px no-repeat; height:12px; cursor:pointer; *margin-top:20px!important; _margin-top:25px!important; margin-top:5px;} .bt-2 span:hover { display:block; color:#45afe4; background-position:right -28px;} .box-suporte { width:240px; float:left; margin-left:10px; margin-right:20px; margin-top:10px;} .box-suporte .icon-suporte { display:block; background:url(../img/ico-suporte.jpg) 0px -3px no-repeat; font-size:14px; color:#464646; padding-left:50px; margin-top:5px; padding-bottom:10px;} .bt { display:block; background:url(../img/bg-bt.png) no-repeat; width:197px; height:14px; margin-top:5px; font-weight:bold;text-transform:uppercase; padding:10px; padding-left:20px;} .bt span { display:block; color:#526f97; background:url(../img/seta.png) right 4px no-repeat; height:12px; margin-right:20px; cursor:pointer;} .bt span:hover { display:block; color:#45afe4; background-position:right -28px;} .btt { display:block; background:url(../img/bg-bt.png) no-repeat; width:197px; height:14px; font-weight:bold;text-transform:uppercase; padding:10px; padding-left:20px; margin-top:-20px; } .btt span { display:block; color:#526f97; background:url(../img/seta.png) right 4px no-repeat; height:12px; margin-right:20px; cursor:pointer; } .btt span:hover { display:block; color:#45afe4; background-position:right -28px;} .IE6 { _overflow:hidden; _height:380px; } .box-destaques { width:350px; float:left; margin-top:45px; _margin-top:160px; } .box-destaques ul { display:block; margin-top:10px; } .box-destaques ul li { display:block; padding-top:5px; } .box-destaques ul li a { display:block; height:40px; margin-bottom:10px; } .icon-dest-1 { display:block; background:url(../img/ico-play-quadrado.png) no-repeat; float:left; height:22px; font-size:14px; font-weight:bold; color:#0a4595; text-transform:uppercase; width:22px; } .icon-dest-2 { display:block; background:url(../img/ico-play-bolinha.png) no-repeat; float:left; height:22px; font-size:14px; font-weight:bold; color:#0a4595; text-transform:uppercase; width:22px; } .icon-dest-3 { display:block; background:url(../img/ico-play-triangulo.png) no-repeat; float:left; height:22px; font-size:14px; font-weight:bold; color:#0a4595; text-transform:uppercase; width:22px; } .dest { display:block; color:#464646; padding-top:0px; float:left; width:320px; padding-left:8px; } .veja-mais { float:right; font-weight:bold; color:#0a4595; margin-right:15px; _margin-top:-150px; *margin-top:-10px; clear:both;} .veja-mais:hover { color:#45afe4;} .rodape { display:block; width:960px; height:60px; padding-top:20px; color:#959595; text-align:center; font-size:11px; margin-top:10px; _margin-top:50px;} .rodape h3 { text-transform:uppercase;} /* ESTRUTURA-INTERNA */ .pagina-interna { padding-left:20px; padding-right:20px;} .box-titulos { margin-top:15px; margin-bottom:20px;} .box-titulos .breadcrumb a { font-size:32px; font-weight:bold; color:#269a9f; border-right:2px solid #d0dada; padding-right:10px; margin-right:10px; float:left;} .box-titulos .breadcrumb a:hover { color:#2cb1b7;} .box-titulos .breadcrumb h2 { font-size:32px; font-weight:bold; color:#269a9f;} .box-titulos h2 { font-size:32px; font-weight:bold; color:#269a9f;} /* EMPRESA */ .conteudo { width:610px;} .conteudo span { display:block; color:#269a9f; font-weight:bold; text-transform:uppercase; margin-top:20px; margin-bottom:20px;} .conteudo ul { list-style-type:square; list-style-position:inside;} .conteudo ul li { margin-bottom:10px;} .bg-list { display:block; background:url(../img/bg-info.png) no-repeat; width:590px; height:12px; padding:10px; margin-bottom:5px;font-size:14px; font-weight:bold; text-transform:uppercase; color:#0a4595;} .bg-list:hover { color:#526f97;} .lista-desc { padding:10px; margin-bottom:10px;} /* Produtos */ .image-holder { display:block; width:300px; height:80px; text-align:center; overflow:hidden; } .image-holder-2 { display:block; width:225px; height:100px; text-align:center; overflow:hidden; } .pagina-produtos { padding-bottom:100px;} .lista-produtos li { width:300px; float:left; margin-right:6px; margin-bottom:50px;} .lista-produtos li h3 { font-size:18px; font-weight:normal; text-transform:uppercase; color:#45afe4;} .bg-produtos { display:block; background:url(../img/bg-produtos.png) no-repeat; width:268px; height:115px; padding-left:22px; padding-top:20px; padding-right:10px;} .bt-3 { display:block; background:url(../img/bg-bt-menor2.png) no-repeat; width:87px; height:18px; float:right; margin-right:20px; color:#526f97; font-weight:bold; font-size:11px; padding-top:6px; padding-left:10px;} .bt-3:hover { color:#45afe4;} .bt-3 span { display:block; background:url(../img/seta.png) right 3px no-repeat; height:12px; margin-right:10px; cursor:pointer;} .bt-3 span:hover { background-position:right -28px;} /* PRODUTO-DETALHE */ .box-produto { width:225px; float:left;} .box-produto img { } .troca-img { width:225px; height:100px; } .box-caracteristicas { display:block; width:680px; background:url(../img/bg-caracteristica.png) no-repeat; float:right; margin-right:-10px; padding:10px; color:#000;} .bg-tabs { display:block; background:url(../img/bg-tabs.png) no-repeat; width:220px; margin-bottom:25px;} .bg-tabs ul li { } .bg-tabs ul li a { display:block; font-weight:bold; text-transform:uppercase; color:#FFF; line-height:30px; padding-left:10px; border-bottom:1px solid #92c9cb; background:#289ba0; } .bg-tabs ul li a:hover, .bg-tabs ul li a.sel { background:#1a878c; } .bg-tabs ul li.prim a { background:url(../img/prim.png) top center; } .bg-tabs ul li.prim a:hover, .bg-tabs ul li.prim a.sel { background:url(../img/prim.png) 0px -32px; } .bg-tabs ul li.ultm a { background:url(../img/ultm.png) bottom center; border:none; padding-bottom:2px; } .bg-tabs ul li.ultm a:hover, .bg-tabs ul li.ultm a.sel { background:url(../img/ultm.png) top center; border:none; padding-bottom:2px; } .bg-tabs ul li.unico a { background:url(../img/unico.png) top center; border:none; } .bg-tabs ul li.unico a:hover, .bg-tabs ul li.unico a.sel { background:url(../img/unico.png) bottom center; border:none; } .bg-tabs-carac { display:block; background:url(../img/bg-tabs-carac.png) no-repeat; width:645px; height:24px; padding-left:35px; padding-top:8px; color:#0a4595; font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:5px;} .bg-tabs-carac:hover { color:#526f97;} .box-escolhe span { display:block; margin-bottom:20px;} .lista-req { list-style-type:disc; list-style-position:inside;} .lista-req li { margin-bottom:5px;} .lista-galeria { background:#f4f4f4; padding-bottom:10px; margin-left:-10px; padding-left:10px; padding-right:10px; margin-top:20px;} .lista-galeria ul { display:block; width:615px; height:71px; padding-left:10px;} .lista-galeria ul li { display:inline; width:615px; height:71px; padding-top:10px;} .lista-galeria ul li a { display:block; float:left; margin-left:10px; margin-right:5px; } .bt-anterior { display:block; background:url(../img/bt-anterior.png) no-repeat; width:12px; height:21px; float:left; margin-top:29px;} .bt-anterior span, .bt-proximo span { display:none!important;} .bt-proximo { display:block; background:url(../img/bt-proximo.png) no-repeat; width:12px; height:21px; float:right; margin-top:29px;} .lista-galerias { background:#f4f4f4; padding-bottom:10px; margin-right:10px; margin-top:20px;} .lista-galerias ul { display:block; width:870px; height:71px;} .lista-galerias ul li { display:inline; margin-left:10px; width:870px; height:71px; padding-top:10px;} .lista-galerias ul li a { display:block; float:left; margin-left:12px; margin-right:12px; width:55px; height:55px;} .lista-galerias ul li a img { border:2px solid #d0e5e6; width:51px; height:51px; margin-top:3px;} .bt-anteriors { display:block; background:url(../img/bt-anterior.png) no-repeat; width:12px; height:21px; float:left; margin-top:29px;} .bt-anteriors span, .bt-proximos span { display:none!important;} .bt-proximos { display:block; background:url(../img/bt-proximo.png) no-repeat; width:12px; height:21px; float:right; margin-top:29px;} /* BUSCA */ .lista-busca li { border-bottom:1px solid #ebebeb; padding-bottom:15px; margin-bottom:10px;} .lista-busca li a { display:block;} .lista-busca li a span { font-size:18px; text-transform:uppercase; color:#45afe4;} /* CLIENTES */ .lista-clientes li img { float:left; margin-right:10px;} .lista-clientes li span { font-size:18px; color:#45afe4;} .lista-clientes li p { margin-bottom:20px;} .texto { width:740px; float:left;} /* PARCEIROS */ .lista-parceiros { margin-bottom:50px;} .lista-parceiros li { display:inline; margin-right:20px;} /* DESTAQUES */ .lista-destaques li { padding-bottom:40px;} .lista-destaques li h3 { font-size:18px; font-weight:normal; text-transform:uppercase; color:#45afe4;} .lista-destaques li img { float:left; margin-right:20px;} .lista-destaques li .descricao { margin-top:20px;} /* REVENDAS */ .box-info-revenda { width:600px; float:left;} .box-info-revenda .info-local { margin-top:20px;} .box-info-revenda h2 { font-size:18px; color:#45afe4;} .box-info-revenda a { color:#0a4595;} .box-info-revenda a:hover { color:#526f97;} #form-revenda { width:280px; padding:10px; background:#fafbfb; border:1px solid #cfe4e5; float:right;} #form-revenda h2 { font-size:18px; font-weight:bold; color:#45afe4;} #form-revenda p { margin-top:10px; margin-bottom:10px;} #form-revenda ul li { margin-bottom:10px;} #form-revenda ul li .select { margin-right:10px;} #form-revenda label { display:block; float:left; clear:both; font-weight:bold; font-size:11px;} #form-revenda input.campos { width:274px; height:16px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-revenda select.campos { width:280px; height:24px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-revenda select.campos-estado { width:50px; height:24px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-revenda select.campos-cidade { width:220px; height:24px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-revenda textarea.campos { width:274px; height:104px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-revenda .bt-enviar { display:block; background:url(../img/bt-enviar.png) no-repeat; width:79px; height:20px; border:none;} /* CONTATO */ .box-localizacao { float:left;} .box-localizacao .info-local { margin-bottom:40px;} .box-localizacao h2 { font-size:18px; color:#45afe4;} .box-localizacao p { margin-bottom:5px;} .box-localizacao a { display:block; font-weight:bold; color:#0a4595;} .box-localizacao a:hover { color:#526f97;} #form-contato { width:280px; padding:10px; background:#fafbfb; border:1px solid #cfe4e5; float:right;} #form-contato h2 { font-size:18px; font-weight:bold; color:#45afe4;} #form-contato p { margin-top:10px; margin-bottom:10px;} #form-contato ul li { margin-bottom:10px;} #form-contato ul li .select { margin-right:10px;} #form-contato label { display:block; float:left; clear:both; font-weight:bold; font-size:11px;} #form-contato input.campos { width:274px; height:16px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-contato select.campos { width:280px; height:24px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-contato select.campos-estado { width:50px; height:24px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-contato select.campos-cidade { width:220px; height:24px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-contato textarea.campos { width:274px; height:104px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-contato .bt-enviar { display:block; background:url(../img/bt-enviar.png) no-repeat; width:79px; height:20px; border:none;} /* SOLICITAÇÕES PARA CLIENTES */ #form-solicite { width:280px; padding:10px; background:#fafbfb; border:1px solid #cfe4e5; float:right;} #form-solicite h2 { font-size:18px; font-weight:bold; color:#45afe4;} #form-solicite p { margin-top:10px; margin-bottom:10px;} #form-solicite ul li { margin-bottom:10px;} #form-solicite ul li .select { margin-right:10px;} #form-solicite ul li .box-opcao p { display:block; float:left; font-weight:bold; font-size:11px;} #form-solicite ul li .box-sim { margin-right:10px;} #form-solicite ul li .box-sim label { margin-top:3px;} #form-solicite ul li .box-nao label { margin-top:3px;} #form-solicite label { display:block; float:left; font-weight:bold; font-size:11px;} #form-solicite input.campos { width:274px; height:16px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-solicite select.campos-sistema { width:134px; height:24px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-solicite input.campos-versao { width:130px; height:16px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-solicite input.campos-anexo { width:247px; height:20px; background:#eef5f6; border:1px solid #d0e3e3;} #form-solicite textarea.campos { width:274px; height:104px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-solicite .bt-enviar { display:block; background:url(../img/bt-enviar.png) no-repeat; width:79px; height:20px; border:none; cursor:pointer;} /* TRABALHE CONOSCO */ #form-trabalhe { width:280px; padding:10px; background:#fafbfb; border:1px solid #cfe4e5; float:right;} #form-trabalhe h2 { font-size:18px; font-weight:bold; color:#45afe4;} #form-trabalhe p { margin-top:10px; margin-bottom:10px;} #form-trabalhe ul li { margin-bottom:10px;} #form-trabalhe ul li .box-opcao p { display:block; float:left; font-weight:bold; font-size:11px;} #form-trabalhe ul li .box-sim { margin-right:10px;} #form-trabalhe ul li .box-sim label { margin-top:3px;} #form-trabalhe ul li .box-nao label { margin-top:3px;} #form-trabalhe label { display:block; float:left; font-weight:bold; font-size:11px;} #form-trabalhe input.campos { width:274px; height:16px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-trabalhe textarea.campos { width:274px; height:60px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-trabalhe .bt-enviar { display:block; background:url(../img/bt-enviar.png) no-repeat; width:79px; height:20px; border:none; cursor:pointer;} /* SOLICITAÇÃO DE PRODUTO */ #form-solicite-produto { width:280px; padding:10px; background:#fafbfb; border:1px solid #cfe4e5; float:right;} #form-solicite-produto h2 { font-size:18px; font-weight:bold; color:#45afe4;} #form-solicite-produto p { margin-top:10px; margin-bottom:10px;} #form-solicite-produto ul li { margin-bottom:10px;} #form-solicite-produto ul li .campo-2 { margin-right:20px;} #form-solicite-produto ul .campo-metade label { width:110px; clear:both;} #form-solicite-produto label { display:block; float:left; font-weight:bold; font-size:11px;} #form-solicite-produto input.campos { width:274px; height:16px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-solicite-produto input.campos-menor { width:124px; height:16px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-solicite-produto textarea.campos { width:274px; height:60px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-solicite-produto select.campos-sistema { width:281px; height:24px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-solicite-produto select.campos-estado { width:50px; height:24px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px; margin-right:10px;} #form-solicite-produto select.campos-cidade { width:220px; height:24px; background:#eef5f6; border:1px solid #d0e3e3; padding:2px;} #form-solicite-produto .bt-enviar { display:block; background:url(../img/bt-enviar.png) no-repeat; width:79px; height:20px; border:none; cursor:pointer;} /* PAGINAÇÃO */ .paginacao { } .paginacao a { display:block; float:left; width:14px; text-align:center; line-height:14px; font-size:10px; background:#0a4595; color:#FFF; margin-right:5px; } .paginacao a:hover { background:#45afe4; color:#FFF; } .paginacao a.paginaSel { background:#45afe4; color:#FFF; } /* 404 */ div#not-found { text-align:center; } div#not-found ul#possiveis-erros { background:#F5F7F6; border:1px solid #d0e5e6; color:#555555; padding:20px; margin:0 auto; text-align:left; } div#not-found ul#possiveis-erros li { list-style:square; padding-left:10px; margin-left:10px; } div#not-found .sifr { font-size:26px; color:#fffcc9; }