* {margin: 0;padding: 0;outline:none;} body {font: normal 13px 'Lato', Helvetica, sans-serif;color: #000; text-align: center; min-width: 996px;} /* atributos gerais ------------------------------------------------------------------------------------------------------------------*/ input, textarea, form, label {font: normal 13px 'Trebuchet MS', Helvetica, sans-serif;color: #666666;} ol, ul {list-style: none;} a {color: #666666;text-decoration: none;} a:hover {text-decoration: none;} img {border: none;} /* classes gerais ------------------------------------------------------------------------------------------------------------------*/ .floatLeft{float:left;} .floatLeftImg{float:left;padding: 0px 10px 10px 0px;} .floatRight{float:right;} .floatRightImg{float:right;padding: 0px 0px 10px 10px;} .ultimoPadding{padding-right: 0px!important;} .marcadoSuperior{background-color: #980001!important;} .marcadoLateral{background-color: #980001!important;} /* padrao de hierarquia de titulos ------------------------------------------------------------------------------------------------------------------*/ h1 {} /* div gerais ------------------------------------------------------------------------------------------------------------------*/ #wrapperFull{width: 100%;float: left;} /* topo ------------------------------------------------------------------------------------------------------------------*/ #headerFull{float: left; width: 100%; background-color: #000; border-bottom: #980001 5px solid; height: 124px;} #headerFull #guardaHeader{width: 996px; margin: 0 auto;} #headerFull #guardaHeader #header{float:left;width: 996px; text-align: left;} #headerFull #guardaHeader #header #guardaLogo{float: left; width: 220px; padding: 22px 0px 0px 45px;} #headerFull #guardaHeader #header #guardaLogo a{float: left; width: 220px; height: 64px;} #headerFull #guardaHeader #header #guardaRedeSocial{float: left; padding: 6px 0px 6px 458px;} #headerFull #guardaHeader #header #guardaTelefoneTopo{float: left; width: 145px; padding: 0px 0px 5px 0px;} #headerFull #guardaHeader #header #guardaTelefoneTopo ul{float: left; width: 145px; height: 65px;} #headerFull #guardaHeader #header #guardaTelefoneTopo ul li.tituloTel{float: left; background-color: #980000; font-size: 14px; width: 101px; margin: 0px 22px; padding: 3px 0px;} #headerFull #guardaHeader #header #guardaTelefoneTopo ul li a{color: #fff;} #headerFull #guardaHeader #header #guardaTelefoneTopo ul li{float: left; color:#fff; font-size: 17px; font-weight: bold; width: 145px; text-align: center;} #headerFull #guardaHeader #header #guardaMenu{float: left; width: 545px; padding-left: 179px;} #headerFull #guardaHeader #header #guardaMenu ul{float: left; background: url('/images/menu-bg-material-tela-tapume-cerquite-tecida-preco-obras-lider-ferramentas-construcao-civil-equipamentos-escantilhao-alvenaria-vedacao-estrutural-nivel-alemao-carrinho-bloco-transportar-lona-plastica-lonas-corda-bombeiro.png') repeat-x; height: 34px; width: 525px; } #headerFull #guardaHeader #header #guardaMenu ul li{float: left; padding: 4px 4px; text-align: center; width: 96px;} #headerFull #guardaHeader #header #guardaMenu ul li a{float: left; color:#fff; padding: 2px 14px 4px 14px; font-weight: bold; font-size: 16px; width: 70px;} #headerFull #guardaHeader #header #guardaMenu ul li a:hover{background-color: #980001; } /* conteudo ------------------------------------------------------------------------------------------------------------------*/ #contentFull{float: left; width: 100%;} #contentFull .bannerHome{background: #000 url('/images/banner-epis-maquinas-tela-tapume-cerquite-tecida-preco-obras-lider-ferramentas-construcao-civil-equipamentos-escantilhao-alvenaria-vedacao-estrutural-nivel-alemao-carrinho-bloco-transportar-lona-plastica-lonas-corda-bombeiro.jpg') center top no-repeat; height: 391px; border-bottom: 5px solid #980000;} #contentFull .bannerHome .guardaBanner{margin: 0 auto; width: 996px;} #contentFull #guardaContent{width: 996px; margin: 0 auto;} #contentFull #guardaContent #content{float:left;width: 996px; text-align: left; position: relative; padding-bottom: 15px;} #contentFull #guardaContent #content .guardaCategorias{float: left; width: 996px; position: absolute; top:-70px; left: 0px; z-index: 9999;} #contentFull #guardaContent #content .guardaCategorias .galeriaCategorias{float: left; padding-right: 10px; padding-top: 10px;} #contentFull #guardaContent #content .guardaCategorias .galeriaCategorias .fotos{float: left; border:5px solid #000; width: 181px; height: 135px;} #contentFull #guardaContent #content .guardaCategorias .galeriaCategorias .fotos a{float: left;} #contentFull #guardaContent #content .guardaBlocoDestaque{float: left; width: 996px; padding-top: 105px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoEsquerdo{float: left; width: 564px; padding:15px 20px 20px 0px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoEsquerdo h3{float: left; width: 564px; color:#000; font-size: 20px; background: url('/images/separador-titulos-material-tela-tapume-cerquite-tecida-preco-obras-lider-ferramentas-construcao-civil-equipamentos-escantilhao-alvenaria-vedacao-estrutural-nivel-alemao-carrinho-bloco-transportar-lona-plastica-lonas-corda.png') left bottom repeat-x; padding-bottom: 10px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoEsquerdo .blocoDestaque{float: left; width: 272px; padding-top: 9px; padding-right: 20px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoEsquerdo .blocoDestaque .imagemDestaque{float: left; padding: 5px; border:1px solid #969696;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoEsquerdo .blocoDestaque h4.tituloDestaque{float: left; font-size: 20px; padding: 5px 0px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoEsquerdo .blocoDestaque .descricaoDestaque{float: left; width: 272px; padding: 5px 0px 15px 0px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoEsquerdo .blocoDestaque .descricaoDestaque p{float: left; font-size: 14px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoEsquerdo .blocoDestaque .saibaMais{float: right;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoEsquerdo .blocoDestaque .saibaMais a{float: left; padding: 5px 0px 0px 5px; width: 75px; height:20px ; background: url('/images/btn-saiba-mais-maior-material-tela-tapume-cerquite-tecida-preco-obras-lider-ferramentas-construcao-civil-equipamentos-escantilhao-alvenaria-vedacao-estrutural-nivel-alemao-carrinho-bloco-transportar-lona-plastica-lonas-corda.png') left top no-repeat; color:#fff; font-size: 11px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoEsquerdo .blocoDestaque .saibaMais a:hover{background-position: left bottom;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoDireito{float: left; width: 380px;padding: 15px 10px 20px 20px; background-color: #000;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoDireito h3{float:left; color:#fff; font-size: 20px; background: url('/images/separador-titulos-material-tela-tapume-cerquite-tecida-preco-obras-lider-ferramentas-construcao-civil-equipamentos-escantilhao-alvenaria-vedacao-estrutural-nivel-alemao-carrinho-bloco-transportar-lona-plastica-lonas-corda.png') left bottom repeat-x;padding-bottom: 10px; width: 380px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoDireito .blocoDestaqueMenor{float: left; width: 380px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoDireito .blocoDestaqueMenor .destaqueMenorInterno{float: left; padding-top: 15px; width: 380px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoDireito .blocoDestaqueMenor .destaqueMenorInterno .guardaImagem{float: left; padding: 3px; border:1px solid #969696; background-color: #fff;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoDireito .blocoDestaqueMenor .destaqueMenorInterno h5.tituloDestaqueMenor{float: left; color:#fff; font-size: 20px; padding-left: 15px; width: 230px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoDireito .blocoDestaqueMenor .destaqueMenorInterno a{float: left; color:#fff; padding: 3px 5px 0px 15px; background: url('/images/btn-mais-menor-material-tela-tapume-cerquite-tecida-preco-obras-lider-ferramentas-construcao-civil-equipamentos-escantilhao-alvenaria-vedacao-estrutural-nivel-alemao-carrinho-bloco-transportar-lona-plastica-lonas-corda-bombeiro.png') right top no-repeat; width: 225px; height: 70px;} #contentFull #guardaContent #content .guardaBlocoDestaque .blocoDireito .blocoDestaqueMenor .destaqueMenorInterno a:hover{background-position: right bottom;} /* css geral para subhomes */ .area{position:relative;overflow:hidden; height:131px;width:181px;} .area img{cursor:pointer;} .area .hover{position:relative;top: -135px;left:0;overflow:hidden;z-index:10;cursor:pointer; height:135px!important;width: 181px!important;} .area .hover .hover-content{position:absolute;top: 96px;left:0;z-index:4;padding:6px 10px 0px; background:url('/images/transparencia-material-tela-tapume-cerquite-tecida-preco-obras-lider-ferramentas-construcao-civil-equipamentos-escantilhao-alvenaria-vedacao-estrutural-nivel-alemao-carrinho-bloco-transportar-lona-plastica-lonas-corda-bombeiro.png') repeat 0px 0px; height:130px!important;width: 161px!important;} .area .hover .hover-content .texto{float: left; width: 161px;} .area .hover .hover-content .texto a{color:#fff; width: 161px; height: 38px; float:left;text-align: center;font:bold 18px 'Lato', Helvetica} .area .hover .hover-content .texto a:hover{color:#e5b510;} .area .hover .hover-content .texto div{clear:both;color:#fff;font-size:12px!important;width: 161px; float: left;} .area .hover .hover-content .texto div a{float: left; width: 161px; text-align: center; } /* rodape ------------------------------------------------------------------------------------------------------------------*/ #footerFull{float: left; width: 100%; background: #6a0000 url('/images/bg-rodape-epis-maquinas-tela-tapume-cerquite-tecida-preco-obras-lider-ferramentas-construcao-civil-equipamentos-escantilhao-alvenaria-vedacao-estrutural-nivel-alemao-carrinho-bloco-transportar-lona-plastica-lonas-corda-bombeiro.jpg') center top no-repeat; min-height: 204px;} #footerFull #guardaFooterFull{width: 996px; margin: 0 auto; background: url('/images/logo-rodape-material-tela-tapume-cerquite-tecida-preco-obras-lider-ferramentas-construcao-civil-equipamentos-escantilhao-alvenaria-vedacao-estrutural-nivel-alemao-carrinho-bloco-transportar-lona-plastica-lonas-corda-bombeiro.png') center 25px no-repeat; padding-top: 70px;} #footerFull #guardaFooterFull #footer{float:left;width: 996px; text-align: left;} #footerFull #guardaFooterFull #footer .menuRodape{float: left; width: 996px; padding-top: 15px;} #footerFull #guardaFooterFull #footer .menuRodape ul{float: left; width: 736px; padding-left: 260px; padding-bottom: 30px;} #footerFull #guardaFooterFull #footer .menuRodape ul li{float: left; padding: 0px 18px; text-align: center; border-right: 2px solid #fff;} #footerFull #guardaFooterFull #footer .menuRodape ul li.ultimo{border-right: 0px;} #footerFull #guardaFooterFull #footer .menuRodape ul li a{float: left; color:#fff; font-weight: bold; font-size: 16px;} #footerFull #guardaFooterFull #footer .menuRodape ul li a:hover{text-decoration:underline;} #footerFull #guardaFooterFull #footer .menuRodape p{float: left; width: 996px; text-align: center; color:#fff; font-weight: bold; font-size: 14px;} #footerFull #guardaFooterFull #footer .menuRodape small{float: left; width: 996px; text-align: center; color:#fff; padding-top: 10px;} #footerFull #guardaFooterFull #footer .guardaWebear{float: right; width: 230px;} #footerFull #guardaFooterFull #footer .guardaWebear ul{float: left; width:220px; } #footerFull #guardaFooterFull #footer .guardaWebear ul li{float: left; width: 115px;} #footerFull #guardaFooterFull #footer .guardaWebear ul li.webear{float: right;width: 100px;} #footerFull #guardaFooterFull #footer .guardaWebear ul li.webear ul li a strong{color:#fe0000; float: left;} #footerFull #guardaFooterFull #footer .guardaWebear ul li ul{float: left; width: 100px;} #footerFull #guardaFooterFull #footer .guardaWebear ul li ul li{float: right; width: 80px; height: 35px;} #footerFull #guardaFooterFull #footer .guardaWebear ul li ul li a{float: left; width: 52px; background: url('/images/logo-webear-material-tela-tapume-cerquite-tecida-lider-ferramentas-construcao-civil-equipamentos-escantilhao-alvenaria-vedacao-estrutural-nivel-alemao-carrinho-bloco-transportar-lona-plastica-lonas-corda-bombeiro-poliamida-12mm.png') no-repeat 0px 0px; color:#fff; font-size: 10px; line-height: 110%;text-align: left; padding-left: 27px; height: 24px;} #floater{position: absolute;top:67px;left:0px;z-index:999999;width:100%;height:490px;text-align: center;margin: 0 auto!important;} #escurecer{width: 100%; height:100%;background: #000; position: absolute;top:0px;left:0px;z-index:999;opacity: .75;-moz-opacity: .75;filter: alpha(opacity=75);} #floater #guardaFloater{width: 996px; margin: 0 auto; position: relative; } #floater #guardaFloater a#botaoFloater{position: absolute; top:390px; left: 400px;} #guardaFloater .botaoFechar{position:absolute; top:-10px; left:880px;}