*{padding:0; margin:0; list-style:none;} body{} html{} a{outline:none; text-decoration:none;} .block{display:block;} .left{float:left;} .right{float:right;} .indent{text-indent:-999999px; overflow:hidden;} .italico{font-style:italic;} .class_opacity{opacity:0.70; -moz-opacity: 0.70; filter: alpha(opacity=70);} .relative{position:relative;} .absolute{position:absolute;} /****************************[ESTRUTURA]**************************/ .contener{width:1000px; margin:0 auto;} /***************[CONFIGURAÇÕES RODAPE SEMPRE BOTTOM]**************/ html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} #main {padding-bottom: 180px;} /* padding topo rodapé */ .footer { position: relative; margin-top: -180px; /* Valor negativo do rodapé */ height: 180px; clear:both; z-index:99999; } /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} *html .clearfix{height: 1%;} .clearfix{display: block;} /***************************************************************/ /**************************[HOME]*******************************/ #boxConteudo{ width:100%; height:170px; margin:0 auto; bottom:10px; z-index: 3; position:absolute; } #contentframe{width:811px; height:170px; margin:0 auto; display:block;} #contentframe .chamadas h1{z-index:99999; width:132px; height:128px; position:absolute; top:-10px; left:343px; background:url(../imagens/logo.png) 0 0 no-repeat; text-indent:-999999px; overflow:hidden;} #contentframe .chamadas h1 a{width:132px; height:128px; display:block;} #contentframe .chamadas{width:811px; height:124px; display:block;} #contentframe .chamadas .apitos{width:359px; height:124px; background:url(../imagens/case_apitos.png) 0 0 no-repeat;} #contentframe .chamadas .apitos h2{ height:48px; display:block; text-indent:-999999px; overflow:hidden;} #contentframe .chamadas .apitos p{width:160px; display:block; padding-left:145px; font:12px/12px Arial, Helvetica, sans-serif; color:#FFF;} #contentframe .chamadas .apitos p a{width:160px; display:block; padding:5px 0 0 0; font:12px/12px Arial, Helvetica, sans-serif; color:#FFFF00; text-decoration:underline;} #contentframe .chamadas .apitos p a:hover{color:#3C4E21;} #contentframe .chamadas .acessorios{width:352px; height:124px; background:url(../imagens/case_acessorios.png) right 0 no-repeat;} #contentframe .chamadas .acessorios h2{height:48px; display:block; text-indent:-999999px; overflow:hidden;} #contentframe .chamadas .acessorios p{width:160px; display:block; text-align:right; padding:0 0 0 40px; font:12px/12px Arial, Helvetica, sans-serif; color:#FFF;} #contentframe .chamadas .acessorios p a{width:160px; display:block; padding:5px 0 0 0; font:12px/12px Arial, Helvetica, sans-serif; color:#FFFF00; text-decoration:underline;} #contentframe .chamadas .acessorios p a:hover{color:#3C4E21;} #contentframe .chamadas .telCred{width:280px; height:50px; top:110px; right:-93px; background: url(../imagens/tel.gif) right 0 no-repeat;} #contentframe .chamadas .telCred p{display:block; padding:36px 0 0 0; font:10px Arial, Helvetica, sans-serif; color:#999; text-align:right;} #contentframe .chamadas .telCred p a{color:#B7B7B7; text-decoration:underline;} #contentframe .chamadas .telCred p a:hover{text-decoration:underline;} #contentframe .chamadas .ByCt{width:120px; height:20px; top:160px; right:315px;} #contentframe .chamadas .ByCt p{display:block; font:10px Arial, Helvetica, sans-serif; color:#999;} #contentframe .chamadas .ByCt p a{color:#B7B7B7; text-decoration:underline;} #contentframe .menu{width:811px; height:34px; background: url(../imagens/bg_menu.png) center 0 no-repeat;} #contentframe .menu ul{width:437px; height:32px; padding:0 0 0 185px;} #contentframe .menu ul li{height:32px; display:block;} #contentframe .menu ul li.btRocket a{width:60px; height:10px; display:block; margin:12px 0 0 25px; text-indent:-999999px; overflow:hidden; background: url(../imagens/bt_a_rocket.gif) 0 0 no-repeat;} #contentframe .menu ul li.btRocket a:hover{background-position: 0 -10px;} #contentframe .menu ul li.btQualidade a{width:86px; height:10px; display:block; margin:12px 0 0 17px; text-indent:-999999px; overflow:hidden; background: url(../imagens/bt_qualidade.gif) 0 0 no-repeat;} #contentframe .menu ul li.btQualidade a:hover{background-position: 0 -10px;} #contentframe .menu ul li.btAtendimento a{width:79px; height:10px; display:block; margin:12px 0 0 100px; text-indent:-999999px; overflow:hidden; background: url(../imagens/bt_atendimento.gif) 0 0 no-repeat;} #contentframe .menu ul li.btAtendimento a:hover{background-position: 0 -10px;} #contentframe .menu ul li.btHome a{width:36px; height:10px; display:block; margin:12px 0 0 15px; text-indent:-999999px; overflow:hidden; background: url(../imagens/bt_home.gif) 0 0 no-repeat;} #contentframe .menu ul li.btHome a:hover{background-position: 0 -10px;} #contentframe .endereco{width:811px; height:32px; background: url(../imagens/bg_end.png) center 0 no-repeat;} #contentframe .endereco address{text-indent:-999999px; overflow:hidden;} #navigation{ background: url('images/navbg.gif') no-repeat; float: right; margin:22px 20px 0 0; } #navigation a.bt_ant{ width:109px; height:185px; display:block; position:absolute; top:-210px; left:10px; border:none; } #navigation a.bt_prox{ width:109px; height:185px; display:block; position:absolute; top:-210px; right:10px; border:none; } #navigation a.bt_ant img, #navigation a.bt_prox img{border:none;} #loading { position: absolute; top: 49.5%; left: 49.5%; z-index: 3; width:32px; height:32px; text-indent: -999999px; background-image: url(imagens/progress.gif); } #supersize{position:fixed; z-index:-999999!important;} .topBar{width:100%; height:12px; display:block; background:url(../imagens/bg_topo.png) 0 0 repeat-x; z-index:9999!important;} .topBar .casetools{width:830px; height:12px; margin:0 auto; position:relative;} .topBar .casetools ul{width:147px; height:26px; position:absolute; top:0; right:0; background:url(../imagens/bg_idiomas.png) 0 0 no-repeat;} .topBar .casetools ul li{height:26px;} .topBar .casetools ul li.btPort a{width:60px; height:12px; margin-top:5px; margin-left:22px; display:block; text-indent:-99999px; overflow:hidden; background:url(../imagens/tit_portugues.gif) 0 0 no-repeat;} .topBar .casetools ul li.btIng a{width:65px; height:12px; margin-top:5px; display:block; text-indent:-99999px; overflow:hidden; background:url(../imagens/tit_ingles.gif) 0 0 no-repeat;} .topBar .casetools ul li.btPort a:hover, .topBar .casetools ul li.btIng a:hover{background-position:0 -12px;} #supersize img, #supersize a{z-index:-9999999;} #supersize img, #supersize a{height:100%; width:100%; position:absolute; cursor:default;} #supersize .prevslide, #supersize .prevslide img{z-index: 1;} #supersize .activeslide, #supersize .activeslide img{z-index: 2;} /**********************[CONF INTERNAS]***************************/ #pgtextos{width:900px!important; padding:0 0 0 100px;} .internas{width:1000px; margin:0 auto;} .internas .headersPG{width:100%; height:48px;} .internas .headersPG h2{width:182px; height:26px; display:block; float:left; text-indent:-999999px; overflow:hidden; background:url(../imagens/bg_tits_pg.png) 0 0 no-repeat;} /* Titulos Paginas */ .internas .headersPG h2 span.tit_a_rocket{width:168px; height:26px; background:url(../imagens/tit_a_rocket.gif) 0 0 no-repeat;} .internas .headersPG h2 span.tit_apitos{width:168px; height:26px; background:url(../imagens/tit_a_apitos.gif) 0 0 no-repeat;} .internas .headersPG h2 span.tit_acessorios{width:168px; height:26px; background:url(../imagens/tit_a_acessorios.gif) 0 0 no-repeat;} .internas .headersPG h2 span.tit_qualidade{width:168px; height:26px; background:url(../imagens/tit_qualidade.gif) 0 0 no-repeat;} .internas .headersPG h2 span.tit_atendimento{width:168px; height:26px; background:url(../imagens/tit_atendimento.gif) 0 0 no-repeat;} /*******************/ .internas ul.btsTools{width:300px; height:26px;} .internas ul.btsTools li.fonteMais{width:41px; height:26px; margin-right:5px;} .internas ul.btsTools li.fonteMais a{width:41px; height:26px; display:block; text-indent:-999999px; overflow:hidden; background:url(../imagens/fonte_mais.png) 0 0 no-repeat;} .internas ul.btsTools li.fonteMenos{width:41px; height:26px;} .internas ul.btsTools li.fonteMenos a{width:41px; height:26px; display:block; text-indent:-999999px; overflow:hidden; background:url(../imagens/fonte_menos.png) 0 0 no-repeat;} .internas ul.btsTools li.fonteMais a:hover, .internas ul.btsTools li.fonteMenos a:hover{background-position:0 -26px;} .internas ul.btsTools li.voltar{width:62px; height:21px; padding-top:5px;} .internas ul.btsTools li.voltar a{width:62px; height:21px; display:block; text-align:center; font:12px Arial, Helvetica, sans-serif; color:#759E3B; text-decoration:underline;} .internas ul.btsTools li.PGinicial{width:130px; height:21px; padding-top:5px;} .internas ul.btsTools li.PGinicial a{width:130px; height:21px; display:block; font:12px Arial, Helvetica, sans-serif; color:#759E3B; text-decoration:underline;} .internas ul.btsTools li.voltar a:hover, .internas ul.btsTools li.PGinicial a:hover{color:#D5BA1E;} .internas .ColText{width:400px; padding-right:95px;} .internas .ColText h3{font:14px Arial, Helvetica, sans-serif; color:#52781F; display:block; padding-bottom:15px;} .internas .ColText{font:12px Arial, Helvetica, sans-serif; color:#666;} .internas .ColText p{display:block; padding-bottom:15px;} /***************************************************************/ /**********************[PG PRODUTOS]***************************/ .internas .PgProdutos{ /****/background:transparent;} .internas .PgProdutos ul.menuProdutos{width:780px; height:301px; margin:0; padding:0; border:1px solid #D6CB52;} .internas .PgProdutos ul.menuProdutos li{float:left; display:block; margin:0;} .internas .PgProdutos ul.menuProdutos li.apito_metal a{background:url(../imagens/apito_metal.jpg) 0 0 no-repeat; padding:0;} .internas .PgProdutos ul.menuProdutos li.apito_plastico a{background:url(../imagens/apito_plastico.jpg) 0 0 no-repeat; padding:0;} .internas .PgProdutos ul.menuProdutos li a{width:66px; height:301px; display:block; overflow:hidden; cursor:pointer;} .internas .PgProdutos ul.menuProdutos li a span{width:466px; height:305px; padding:0; display:block;} .internas .PgProdutos ul.menuProdutos li a img{border:none;/*position:absolute; border:2px solid #881212; */} .internas .PgProdutos ul.menuProdutos li p{margin:0; padding:0; width:510px; display:block; margin-left:0;} .internas .PgProdutos ul.menuProdutos li #a1{width:510px; border-right:none;} /***************************************************************/ /*****************[PG PRODUTOS DETALHES]************************/ .internas .PgProdutosDetalhes{width:1000px;} .internas .PgProdutosDetalhes .boxApitosMini{width:245px; padding:0 0 0 10px;} .internas .PgProdutosDetalhes .boxApitosMini p{font:11px Arial, Helvetica, sans-serif;} .internas .PgProdutosDetalhes .boxApitosMini ul{width:239px;} .internas .PgProdutosDetalhes .boxApitosMini ul li{margin:0 10px 10px 0; background-color:#FFF;} .internas .PgProdutosDetalhes .boxApitosMini ul li, .internas .PgProdutosDetalhes .boxApitosMini ul li a{width:60px; height:70px; display:block;float:left; font:10px Arial, Helvetica, sans-serif; color:#52781F; text-align:center;} .internas .PgProdutosDetalhes .boxApitosMini ul li a img{width:60px; height:40px; display:block;float:left; border:none;} .internas .PgProdutosDetalhes .boxApitosMini ul li a:hover{color:#DBCA0A;} .internas .PgProdutosDetalhes .boxApitosDetalhes{width:300px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px;} .internas .PgProdutosDetalhes .boxApitosDetalhes h3{font:bold 26px Arial, Helvetica, sans-serif; color:#52781F;} .internas .PgProdutosDetalhes .boxApitosDetalhes p{width:290px; color:#666; padding-bottom:12px;} .internas .PgProdutosDetalhes .boxApitosDetalhes p.bt_ouvir{width:290px; height:70px;} .internas .PgProdutosDetalhes .boxApitosDetalhes p.bt_ouvir a{width:290px; height:70px; display:block; text-indent:-999999px; overflow:hidden; background:url(../imagens/bt_ouvir_apito.jpg) 0 0 no-repeat;} .internas .PgProdutosDetalhes .boxApitosDetalhes p.bt_ouvir a:hover{background-position:0 -70px;} .internas .PgProdutosDetalhes .boxApitosDetalhes p.destaque{font:14px; color:#52781F;} .internas .PgProdutosDetalhes .boxApitosDetalhesImg{width:408px;} .internas .PgProdutosDetalhes .boxApitosDetalhes p strong{color:#52781F;} /***************************************************************/ /*************************[PG CONTATO]**************************/ .internas .ColDirForm img{padding-bottom:15px;} .internas .ColDirForm p{font:12px Arial, Helvetica, sans-serif; color:#666; padding-bottom:4px;} .internas .ColDirForm p a{font:12px Arial, Helvetica, sans-serif; color:#666; padding-bottom:4px;} .internas .ColDirForm p a:hover{text-decoration:underline;} .internas .ColDirForm p span.destTel{font:bold 16px Arial, Helvetica, sans-serif; color:#53781F; padding-bottom:7px;} .internas .ColDirForm p.skype{width:97px; height:47px; margin-top:7px; background:url(../imagens/img_skype.jpg) 0 0 no-repeat;} .internas .ColDirForm p.twitter{width:113px; height:35px; margin-top:7px; background:url(../imagens/img_twitter.jpg) 0 0 no-repeat;} .internas .ColDirForm p.blog{width:35px; height:35px; margin:7px 14px 0 0; background:url(../imagens/logo_blogspot.jpg) 0 0 no-repeat;} .internas .ColDirForm p.skype:hover, .internas .ColDirForm p.twitter:hover, .internas .ColDirForm p.blog:hover{opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65);} .internas .ColDirForm p.skype a{width:97px; height:47px; display:block;} .internas .ColDirForm p.skype a, .internas .ColDirForm p.skype a img{border:0!important; border:none!important;} .internas .ColDirForm p.twitter a{width:113px; height:35px; display:block; text-indent:-999999px; overflow:hidden;} .internas .ColDirForm p.blog a{width:35px; height:35px; display:block; text-indent:-999999px; overflow:hidden;} /***************************************************************/ /*************************[PG ARBITRAGEM]***********************/ .internas ul.galeria_pgArbitragem{width:300px;} .internas ul.galeria_pgArbitragem p{font:11px Arial, Helvetica, sans-serif; color:#52781F;} .internas ul.galeria_pgArbitragem li{width:88px; height:88px; margin:0 5px 5px 0; display:block; float:left;} .internas ul.galeria_pgArbitragem li a{width:80px; height:80px; display:block; border:1px solid #CBD6BB; padding:4px;} .internas ul.galeria_pgArbitragem li a img{border:none;} /***************************************************************/ /* background:url(../imagens/bg_video_institucional.png) no-repeat 0 0 !important; background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagens/bg_video_institucional.png,sizingMethod=''); */