body{background:url(../imagens/bgBody.jpg) repeat-x center top #013861;} #site{position: relative; width:924px; height:auto; margin:0 auto; font-family:Arial, Helvetica, sans-serif} #header, #rodape, #centro, #menu, #flash{clear:both;} #centro{float:left; background-color:#E9EEF2; padding-bottom: 10px;} /* CABEÇALHO---------------------------*/ #header{float:left; margin:0; width:924px; height:160px; background:url(../imagens/headerBg.gif) no-repeat } #header h1 a,#header h2{display:block; background:url(../imagens/logo.jpg) no-repeat center top; text-indent:-99999px; } #header h1 a{ background:url(../imagens/logo.jpg) no-repeat center top; width:190px; height:130px; float:left; margin:30px 30px} #header h2 { background:url(../imagens/telefone.gif) no-repeat center top; width:139px; height:44px; float:left; margin:58px 20px 0 320px; } /* MENU--------------------------- */ #menu ul{width:922px; height:50px; background:url(../imagens/listaBg.gif) no-repeat top center #b1c7d6; padding:0 0 0 2px; margin:0; float:left} #menu ul li{float:left; margin:4px 4px 0 4px; _display:inline; text-indent:-99999px; } #menu ul li #menu_home{background:url(../imagens/menuHome.jpg) no-repeat left top; width:64px; height:40px; display:block;} #menu ul li #menu_home:hover{background:url(../imagens/menuHome.jpg) no-repeat right top; } #menu ul li #menu_empresa{background:url(../imagens/menuEmpresa.jpg) no-repeat left top; width:100px; height:40px; display:block;} #menu ul li #menu_empresa:hover{background:url(../imagens/menuEmpresa.jpg) no-repeat right top; } #menu ul li #menu_qualidade{background:url(../imagens/menuQualidade.jpg) no-repeat left top; width:98px; height:40px; display:block;} #menu ul li #menu_qualidade:hover{background:url(../imagens/menuQualidade.jpg) no-repeat right top; } #menu ul li #menu_espacador{background:url(../imagens/menuEspacador.jpg) no-repeat left top; width:131px; height:40px; display:block;} #menu ul li #menu_espacador:hover, #menu ul li #menu_espacador.ativo {background:url(../imagens/menuEspacador.jpg) no-repeat right top; } #menu ul li #menu_laudos{background:url(../imagens/menuLaudos.jpg) no-repeat left top; width:145px; height:40px; display:block;} #menu ul li #menu_laudos:hover{background:url(../imagens/menuLaudos.jpg) no-repeat right top; } #menu ul li #menu_distribuidores{background:url(../imagens/menuDistribuidores.jpg) no-repeat left top; width:132px; height:40px; display:block;} #menu ul li #menu_distribuidores:hover{background:url(../imagens/menuDistribuidores.jpg) no-repeat right top; } #menu ul li #menu_faq{background:url(../imagens/menuFaq.jpg) no-repeat left top; width:61px; height:40px; display:block;} #menu ul li #menu_faq:hover{background:url(../imagens/menuFaq.jpg) no-repeat right top;} #menu ul li #menu_contato{background:url(../imagens/menuFale.jpg) no-repeat left top; width:123px; height:40px; display:block;} #menu ul li #menu_contato:hover{background:url(../imagens/menuFale.jpg) no-repeat right top; } #menu ul ul { height:auto; background:#f5fdff; padding:0; margin:0; width:130px; left:1px; top:33px; color:#333; padding-top:10px; } #menu ul ul ul { left:130px; } #menu li li, #menu li li a { width:126px; display:block; } #menu li li { border-bottom:1px solid #DDD; clear:both; font-family:Verdana, Geneva, sans-serif; font-size:12px; } #menu li li:hover a, #menu li li li:hover a { color:#167; } #menu li li a, #menu li li li a { background:none; width:auto; height:20px; line-height:20px; padding:0; margin:0; text-indent:0; color:#333; padding-left:5px; text-decoration:none; } #menu { z-index:5; position:relative; } #menu ul ul a { overflow:visible; } #menu ul a { display:block; } #menu ul, #menu ul ul { margin:0; padding:0; z-index:3; } #menu ul li { float:left; position:relative; } #menu ul ul { position:absolute; display:none; } #menu ul ul ul { top:auto; } #menu ul li ul a { height:auto; float:left; } #menu ul li:hover ul ul, #menu ul li:hover ul ul ul, #menu ul li:hover ul ul ul ul { display:none; } #menu ul li:hover ul, #menu ul li li:hover ul, #menu ul li li li:hover ul, #menu ul li li li li:hover ul { display:block; } /*#menu #dropDown{width:130px; height:auto; min-height:115px; _height:115px; background-image:none; background:#B1C7D6; padding:0; position: absolute; float:none; top:210px; left: 292px;} #menu #dropDown li{width:130px; height:17px; margin:0 0 2px 0; padding:0; text-indent:0; float:left;} #menu #dropDown li:hover{background:#003960; color: #fff;} .subMenu, .subMenu a:link, .subMenu a:visited{width:118px; height:17px; display:block; padding: 1px 0 0 12px; font-family: arial; font-size: 14px; color: #1E587A; text-decoration: none;} .subMenu a:hover, .subMenu a:active{width:118px; height:18px; display:block; padding: 1px 0 0 12px; color: #fff; text-decoration: none;}*/ /*CONTEUDO---------------------------*/ #colunaEsquerda{float:left;} #bemvindo{ width:642px; height:267px; background:url(../imagens/bgBemvindo.jpg) repeat-x left top;} #bemvindo h2{width:244px; height:28px; text-indent:-99999px; margin:30px 0 20px 0; background:url(../imagens/bemvindo.gif) no-repeat left top; display:block} #bemvindo p{font-size:14px; line-height:15px; height:auto; min-height:100px; _height:100px; color:#003960; float:left; margin: 0 0 20px 0;} #bemvindo img{ border:1px solid #CCC; padding:3px; float:right; margin: 30px 33px 0 0} #bemvindo #textoBemVindo{ float:left; width:245px; margin-left:30px; _margin-left:15px;} .bannerDestaque{ background:url(../imagens/bannerRealidade.jpg) no-repeat; display:block; text-indent:-99999px; width:172px; height:60px; float:left; position: relative; top:-32px} a.mais{padding:8px; float:right; background:#003960; font-size:11px; color:#FFFFFF; text-decoration:none } a.mais:hover{ background:#ffffff; font-size:11px; color:#003960; text-decoration:none } #noticias{ width:642px; height:289px; float:left; background:url(../imagens/noticiasbg.jpg) no-repeat left top} #noticias h2{background:url(../imagens/noticias.gif) no-repeat left top; width:137px; height:25px; text-indent:-99999px; display:block; margin:43px 0 0 30px; } #noticias ul{ font-size:14px; color:#003960; margin:19px 0 0 30px; _margin-left:15px; float:left; width:606px;} #noticias ul li{font-size:14px; color:#003960; line-height:23px; clear:both; margin:0 0 1px 0; float:left; *float:none;} #noticias ul li div.artigo{ background:#73a2bd; font-size:12px; color:#FFF; width:46px; text-align:center; float:left;} #noticias ul li div.noticia{ background:#417491; font-size:12px; color:#FFF; width:46px; text-align:center; float:left;} #noticias ul li div.textoNot{ float:left; margin-left:5px;} div.textoNot a{color:#003960; text-decoration:none} div.textoNot a:hover{color:#0e8498; text-decoration:none} #noticias a{margin:0 33px 17px 0} /*CONTEUDO GERAL---------------------------*/ #conteudoGeral{float:left; width:642px; height:auto; min-height:556px; _height:556px; background:url(../imagens/Bgbemvindo.jpg) repeat-x left top #E9EEF2;} #conteudoGeral h2{height:28px; margin:30px 0 20px 0; display:block; border-bottom:1px dashed #B1C7D6; color:#066777;} #conteudoGeral h2 span{font-size:12px; color:#066777; float:right;} #conteudoGeral p{width:580px; font-size:14px; line-height:15px; color:#003960; float:left; margin: 0 0 20px 0;} #conteudoGeral p a{color:#003960;} #conteudoGeral #textoGeral{float:left; width:582px; margin:0 30px; _margin:0 15px;} #textoGeral .lista{font-size:14px; color:#003960; margin:0 0 10px 30px; _margin-left:15px; float:left; width:550px; list-style:disc;} #textoGeral .lista li{font-size:14px; color:#003960; line-height:15px; clear:both; margin:0 0 1px 0; float:left; *float:none;} #textoGeral p i{font-size:12px;} #textoGeral .lightbox{float: left; margin:0 8px 10px 0; border: 1px solid #ccc; padding: 3px; *padding-bottom: 0;} /*Realidade Aumentada*/ #conteudoGeral #produtosRealidade li a{ width:175px; height:131px; margin-left:10px; border:1px solid #ccc; padding:2px; display:block } #conteudoGeral #produtosRealidade li a:hover{border:1px solid #066777; } #conteudoGeral #produtosRealidade li{float:left; margin:0; padding:0} #conteudoGeral #produtosRealidade{margin:10px 30px; float:left } .linkReal, .linkReal a{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#003960; text-decoration:none} .linkReal a:hover{ color:#066777; } /*CONTEUDO LISTA---------------------------*/ #conteudoGeral h2 select{font-size:13px; color:#066777; float:right;} #textoGeral ul{font-size:14px; color:#003960; margin:19px 0 0 0; float:left; width:580px;} #textoGeral ul li{font-size:14px; color:#003960; line-height:23px; clear:both; margin:0 0 1px 0; float:left; *float:none;} #textoGeral ul li div.artigo{background:#73a2bd; font-size:12px; color:#FFF; width:46px; text-align:center; float:left;} #textoGeral ul li div.noticia{background:#417491; font-size:12px; color:#FFF; width:46px; text-align:center; float:left;} #textoGeral ul li div.textoNot{float:left; margin-left:5px;} #textoGeral ul li div.textoNot span{font-size:12px;} div.textoNot a{color:#003960; text-decoration:none} div.textoNot a:hover{color:#0e8498; text-decoration:none} /*DIREITA---------------------------*/ #colunaDireita{float:right; width:268px; height:556px; padding-right:14px; _padding-right:0; margin:0; background:url(../imagens/depoimentosbg.jpg) left bottom no-repeat; color:#fff; font-size:14px} #colunaDireita #video_topo{width:282px; height:240px; background:url(../imagens/videoBg.jpg) repeat-x left top; padding:29px 0 0 0 } #video_topo h2{background:url(../imagens/video_destaque.jpg) no-repeat left top ; text-indent:-99999px; width:160px; ; height:24px; display:block; margin:0 0 0 16px } #video{margin:16px 0 0 16px} #colunaDireita h3{font-family:"Times New Roman", Times, serif; font-size:16px; color:#fff; margin:25px 0 0 16px; background:url(../imagens/linhaVideo.jpg) repeat-x left bottom; font-weight:bold; line-height:21px} #colunaDireita h3 a{color:#fff; text-decoration: none;} #colunaDireita p a{color:#fff; text-decoration: none;} #colunaDireita .pvideo{margin:0 0 10px 16px; _margin-left:8px; float:left; line-height:15px } #colunaDireita .pdepoimentos{margin:0 0 10px 16px; _margin-left:8px; background:url(../imagens/aspas.gif) no-repeat left top; text-indent:25px; float:left; line-height:15px } #colunaDireita h4{width:252px; height:23px; background:url(../imagens/depoimentos.gif) no-repeat; text-indent:-99999px; display:block; margin:25px 0 0 16px; _margin-left:8px; float:left} /*RODAPE---------------------------*/ #rodape{ width:924px; height:88px; background:url(../imagens/rodapeBg.jpg) repeat-x; float:left} #rodape .textoRodape{ font-size:13px; color:#636363; float:left; line-height:15px; margin:29px 0 0 31px} #rodape .assinatura{ font-size:13px; color:#003960; float: right; margin:44px 33px 0 0; font-weight:bold; text-decoration:none} #rodape .assinatura:hover{color:#0e8498;} /*FORM---------------------------*/ input{border: 1px solid #066777; padding-left: 3px; height: 15px; margin-top: 3px; width: 300px;} #textoGeral form fieldset label .button{border: 1px solid #066777; height: 20px; margin-top: 3px; width: 100px; float: right;;} select{border: 1px solid #066777; padding-left: 3px; height: 17px; margin-top: 3px;} textarea{border: 1px solid #066777; padding-left: 3px; line-height: 15px; margin-top: 3px;} #textoGeral form{clear:both; width: 300px;} #textoGeral form fieldset legend{font-size:14px; font-weight:bold;color:#003960; font-family:Arial, Helvetica, sans-serif; margin-bottom: 10px;} #textoGeral form fieldset label{font-size:14px; color:#003960; font-family:Arial, Helvetica, sans-serif;} /*FONTE------------------------*/ .inputext{font-size:13px; color:#003960; font-family:Arial, Helvetica, sans-serif; clear:both;} /* Header - Login */ #header form { width:165px; float:left; background:url(../imagens/bgWebmail.png) no-repeat left top; padding:14px; margin-top:18px; padding-top:43px; } #header form label { color:#FFF; width:48px; display:block; float:left; font-size:11px; font-weight:bold; line-height:17px; margin-bottom:3px; } #header form br { clear:both; } #header form input { border:none; padding-left:none; height:15px; margin-top:0; width:auto; font-size:10px; margin-bottom:3px; float:left; } #header form input[type=submit] { float:left; background:url(../imagens/bgBotaoHeader.jpg) no-repeat left center; display:block; border:none; text-indent:-99999px; line-height:1px; font-size:0px; overflow:hidden; width:29px; height:17px; } #header form input[type=submit]:hover { background:url(../imagens/bgBotaoHeaderHover.jpg) no-repeat left center; }