body { padding:0px; margin:0px;} .header { width:100%; min-width:1000px; min-height:200px; overflow:hidden;} .logo { width:1000px; height:200px; margin:0 auto; } .topleft { width:500px; float:right;} .imglogo { float:left;} .logo h1 { width:500px; text-align:right; float:right; font-family:arial; color: #004600; font-size:15px; margin:20px 0px 0px 10px;padding:0px;} .contatotop { float:right; width:200px; min-height:20px; text-align:right; background:#004600; border-radius:0px 0px 10px 10px; color:#FFF; padding:10px;} .contatotop img { float: left; margin-right:3px; } .contatotop span { margin-top:3px; font-family:arial; font-size:22px;} .pluginssocial { text-align:center;} /*MENU*/ #barra_menu {width:100%; overflow:hidden; background:#004600;border:px solid #ff0000;} #barra_menu2 { margin:0 auto; min-width:830px; background:#004600;border:px solid #ff0000;} #a1{width:837px; height:30px;border:0px solid #000; padding-top:1px; margin:0 auto; background:#004600;} #menu ul {padding:0; margin:2px; list-style:none; } #menu li{ display:inline-block; margin:5px 10px 0px 20px; float:left; } #menu a{ font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; border-top:0px solid #004600; text-decoration:none;} #menu a:hover{ color:#CCAC5E; border-top:0px solid #CCAC5E;} .contindex { width:1000px; min-height:500px; margin:0 auto; overflow:hidden;} .notiinicial { width: 350px; height:330px; float:right; margin-top:10px; margin-right:10px; font-family:arial;} .notiinicial h3 { width:100%; overflow:hidden; font-family:arial;padding:6px; border-bottom:1px dashed #000; margin:0px 0px 2px 0px;transition:all 0.4s;} .notiinicial h3:hover { text-decoration: underline; } .notiiniciallink { text-decoration:none; width:345px; color:#004600; } .notiinicial img { width:62px; height:51px; float:left; margin-right:4px;} .notiinicial span { font-size:12px; font-weight:normal; font-style: italic;} .notiinicialvermais { text-decoration:none; color:#000;} .inimapa { width:1000px; min-height:300px; float:left; margin-top:10px; } .mapa { width:-500px; float:right; margin-top:10px;} .txtmapa { color:#FFF; font-family:Arial; width:400px; box-shadow: 10px 10px 5px #888888; min-height:250px; float:left; background:#004600; margin-top:50px; border-radius:10px 0px 40% 0px; padding:10px;} .txtmapa a { color:#CCC; font-family:arial; font-size:13px;} .separa { width:90%; background:#004600; color:#FFF; text-align:center; padding:6px; margin:10px auto; font-family:arial; border-radius:20px;box-shadow: 10px 10px 5px #888888;} .separamenos { width:368px; box-shadow:none; margin:0px;} .separamenos span { font-size:10px; color:#14211B;} .txtinicial {width:100%; min-height:150px; float:left; margin-top:10px;} .botlink { with:180px; background:#004600; color:#FFF; float:left; padding:6px; margin-left:60px; border-radius:10px; text-decoration:none; transition:all 0.4s;} .botlink:hover { background:#B28509;} .txtsubpag { width:600px; float:left; margin:10px; } .txtsubpag p { font-family:arial;} .menubar { width:380px; float:right; background:#AFE0C7; border-radius:20px; padding:0px; margin-bottom:7px;} .menubar a {with:360px; font-family:arial; color:#244729; padding:6px; margin:2px; text-decoration:none; transition:all 0.4s;} .menubar a:hover { color:#041A08; text-decoration:underline;} .desccategoriain { font-family:arial;} /*PAGINAS*/ .paginasl { width:400px; margin:0px; padding:0px; float:left;} .paginasl li { list-style-type:none; margin:4px; padding:5px; } .paginasl a { text-decoration:none;} .paginasl a:hover { text-decoration: underline;} .paginasl h4 { color:#14211B; font-family:arial; padding:0px; margin:0px;} .paginasr { width:400px; margin:0px; padding:0px; float:right;} .paginasr li { list-style-type:none; margin:4px; padding:5px; } .paginasr a { text-decoration:none;} .paginasr a:hover { text-decoration: underline;} .paginasr h4 { color:#14211B; font-family:arial; padding:0px; margin:0px; } .imgpaginas { max-width:600px; float:left; margin: 0px 7px 7px 0px;} /*Carrosel*/ #carosel{width:1000px; height:200px; margin-bottom:20px;} #carosel a { height:200px; text-decoration:none; color:#000;} #carosel a:hover { text-decoration:underline;} #carosel li { height:200px; } #carosel h4 {font-family:arial; padding:0px; width:215px; margin:0px; text-align:center;} #carosel img{width:215px; height:130px; padding:6px; border:0px solid #ccc; margin:0 5px 0 5px;} .prev{float:left; width:20px; height:102px; border:0; margin-top:20px; background: url(../img/prev.png) no-repeat;} .next{float:right; width:20px; height:102px; border:0;margin-top:20px; background: url(../img/next.png) no-repeat;} /*PROJETOS*/ #projetos {width:1000px; height:100px;} #projetos a { height:100px; text-decoration:none; color:#000;} #projetos a:hover { text-decoration:underline;} #projetos li { height:200px; } #projetos img{width:215px; height:130px; padding:6px; border:0px solid #ccc; margin:0 5px 0 5px;} #projetos h4 { font-family:arial; padding:0px; width:220px; margin-left:5px; text-align:center;} .prevp{float:left; width:20px; height:40px; border:0; margin-top:0px; background: url(../img/prevp.png) no-repeat;} .nextp{float:right; width:20px; height:40px; border:0;margin-top:0px; background: url(../img/nextp.png) no-repeat;} /*Noticias*/ .pagnoticias a { text-decoration:none; color:#000;} .pagnoticias h4 { width:100%; border-bottom:1px dashed #004600; overflow:hidden; font-family:arial;padding:4px; margin:0px 0px 2px 0px;transition:all 0.4s; } .pagnoticias h4:hover { background:#B9DEB9; } .pagnoticias img { float:left; margin:4px;} .pagnoticias span {font-size:12px; font-weight:normal; font-style: italic;} .fontnot {font-size:14px;} .inputcadastro { width:300px; margin:0 auto; padding:7px;} .inputsub { width:200px; text-align:center; padding:6px; margin:0 auto;} .formhover:hover {background:#B28509; position:fixed;} /*RODA PE*/ .roda { background:#004600; width:100%; min-height:100px;} .rodacent { width:1000px; margin:0 auto;} .inforoda { width:400px; float:left; color:#FFF; font-family:arial; font-size:12px;} .inforoda a { color:#FFF;} /*SLIDER*/ .slider { wider:630px; height:330px; float:left; margin-top:10px;} #slideshow_5 { position:relative;width: 630px; height: 330px; border:0px solid #000; } #slideshow_5 DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 330px;/* background-color: #000;*/} #slideshow_5 DIV.active { z-index:10; opacity:1.0;} #slideshow_5 DIV.last-active { z-index:9;} #slideshow_5 DIV IMG { width:630px; z-index: 1; position:relative;height: 330px; /*border: 0px solid #000;*/ margin-bottom: 10px; border-radius:10px 10px 20px 20px;} .tituloalider { box-shadow: 5px 5px 3px #888888; position: absolute; z-index: 9999; font-family:Arial; background:#004600; min-width:200px; padding:10px; color:#FFF; top:250px; left:20px; } /*CADASTRO DE INSTALADORES*/ .obrigatorioc { color:#FF0000;} .descricaolabelc {color:#999494; font-size:12px;} .addc { } .addc label { font-family:Arial, Helvetica, sans-serif; color:#060; } .addc input { padding:4px; margin-bottom:4px; width:300px;} .addc p { padding:4px; margin:0px;} .descricaoc { width:400px; height:150px;} .termos { font-family:arial; font-size:14px; color:#000; padding:6px; margin-left:4px;} /* PRODUTOS INSTALADORES */ .produtosAll { margin:0 auto;} .produtosbloco { margin:6px; width:150px; min-height:150px; text-align:center;} .selectEstado { padding:10px; margin:20px; width:300px;} /*Painel dos Instaladores*/ .titulospainel { font-family:arial; border-bottom:1px solid #000;} /*Menu Painel Topo*/ .menuPainelTop { width:100%; min-width:200px; background:#0A2403; min-height:60px; } .menuPainelTop a {color:#FFF; text-decoration:none; font-family:arial; width:180px; text-align:center;} /*MAPA*/ .active { display:inherit; } ul#map {display: block; margin: 0; padding: 0; width: 570px; height: 585px; background-image: url('../imgmapa/map.gif');} ul#map li {display: block; padding: 0; position: absolute;} li#crs {margin-top: 485px; margin-left: 237px; } li#csc {margin-top: 467px; margin-left: 292px;} li#cpr {margin-top: 416px; margin-left: 281px;} li#csp {margin-top: 375px; margin-left: 303px; z-index:9999; } li#cms {margin-top: 336px; margin-left: 229px;} li#crj {margin-top: 390px; margin-left: 422px; z-index:9999; } li#ces {margin-top: 347px; margin-left: 467px; z-index:9999; } li#cmg {margin-top: 292px; margin-left: 333px; z-index:9998; } li#cgo {margin-top: 264px; margin-left: 301px; z-index:9999; } li#cdf {margin-top: 311px; margin-left: 373px; z-index:9999; } li#cba {margin-top: 207px; margin-left: 397px;} li#cmt {margin-top: 189px; margin-left: 180px;} li#cro {margin-top: 199px; margin-left: 104px; z-index:9998; } li#cac {margin-top: 185px; margin-left: 0px;} li#cam {margin-top: 46px; margin-left: 3px;} li#crr {margin-top: 0; margin-left: 133px;} li#cpa {margin-top: 40px; margin-left: 219px;} li#cap {margin-top: 13px; margin-left: 278px;} li#cma {margin-top: 94px; margin-left: 366px; z-index:9999;} li#cto {margin-top: 156px; margin-left: 338px;} li#cse {margin-top: 221px; margin-left: 519px; z-index:9998;} li#cal {margin-top: 211px; margin-left: 518px; z-index:9999;} li#cpe {margin-top: 188px; margin-left: 473px;} li#cpb {margin-top: 169px; margin-left: 511px; z-index:9999;} li#crn {margin-top: 151px; margin-left: 514px;} li#cce {margin-top: 121px; margin-left: 473px;} li#cpi {margin-top: 120px; margin-left: 406px; z-index:9997;} ul#map li a {display: block; text-decoration: none; position: absolute;} a#rs {width: 116px; height: 101px; } a#sc {width: 81px; height: 53px; } a#pr {width: 97px; height: 64px; } a#sp {width: 131px; height: 84px; } a#ms {width: 106px; height: 104px; } a#rj {width: 58px; height: 40px; } a#es {width: 33px; height: 51px; } a#mg {width: 163px; height: 131px; } a#go {width: 108px; height: 108px; } a#df {width: 16px; height: 9px; } a#ba {width: 136px; height: 148px; } a#mt {width: 166px; height: 161px; } a#ro {width: 104px; height: 87px; } a#ac {width: 108px; height: 62px; } a#am {width: 258px; height: 181px;} a#rr {width: 87px; height: 103px; } a#pa {width: 188px; height: 187px; } a#ap {width: 73px; height: 85px; } a#ma {width: 102px; height: 139px; } a#to {width: 74px; height: 125px; } a#se {width: 28px; height: 32px; } a#al {width: 46px; height: 27px; } a#pe {width: 97px; height: 34px; } a#pb {width: 59px; height: 35px; } a#rn {width: 53px; height: 33px; } a#ce {width: 61px; height: 76px; } a#pi {width: 83px; height: 124px; } /* Código pronto via http://css.spritegen.com (com alterações nos seletores) */ a#pa:hover, a#pa:active, a#am:hover, a#am:active, a#mt:hover, a#mt:active, a#ba:hover, a#ba:active, a#ma:hover, a#ma:active, a#mg:hover, a#mg:active, a#to:hover, a#to:active, a#pi:hover, a#pi:active, a#go:hover, a#go:active, a#ms:hover, a#ms:active, a#rr:hover, a#rr:active, a#rs:hover, a#rs:active, a#ro:hover, a#ro:active, a#ap:hover, a#ap:active, a#sp:hover, a#sp:active, a#ce:hover, a#ce:active, a#pr:hover, a#pr:active, a#ac:hover, a#ac:active, a#sc:hover, a#sc:active, a#es:hover, a#es:active, a#rj:hover, a#rj:active, a#pb:hover, a#pb:active, a#pe:hover, a#pe:active, a#rn:hover, a#rn:active, a#se:hover, a#se:active, a#al:hover, a#al:active, a#df:hover, a#df:active { display: block; background: url('../imgmapa/sprite.gif') no-repeat; } a#pa:hover, a#pa:active { background-position: -10px -0px; width: 188px; height: 187px; } a#am:hover, a#am:active { background-position: -10px -197px; width: 258px; height: 181px; } a#mt:hover, a#mt:active { background-position: -10px -388px; width: 166px; height: 161px; } a#ba:hover, a#ba:active { background-position: -10px -559px; width: 136px; height: 148px; } a#ma:hover, a#ma:active { background-position: -156px -559px; width: 102px; height: 139px; } a#mg:hover, a#mg:active { background-position: -10px -717px; width: 163px; height: 131px; } a#to:hover, a#to:active { background-position: -183px -717px; width: 74px; height: 125px; } a#pi:hover, a#pi:active { background-position: -10px -858px; width: 83px; height: 124px; } a#go:hover, a#go:active { background-position: -103px -858px; width: 108px; height: 108px; } a#ms:hover, a#ms:active { background-position: -103px -976px; width: 106px; height: 104px; } a#rr:hover, a#rr:active { background-position: -10px -992px; width: 87px; height: 103px; } a#rs:hover, a#rs:active { background-position: -107px -1090px; width: 116px; height: 101px; } a#ro:hover, a#ro:active { background-position: -10px -1201px; width: 104px; height: 87px; } a#ap:hover, a#ap:active { background-position: -10px -1105px; width: 73px; height: 85px; } a#sp:hover, a#sp:active { background-position: -124px -1201px; width: 131px; height: 84px; } a#ce:hover, a#ce:active { background-position: -186px -388px; width: 61px; height: 76px; } a#pr:hover, a#pr:active { background-position: -124px -1295px; width: 97px; height: 64px; } a#ac:hover, a#ac:active { background-position: -10px -1298px; width: 108px; height: 62px; } a#sc:hover, a#sc:active { background-position: -128px -1369px; width: 81px; height: 53px; } a#es:hover, a#es:active { background-position: -208px -0px; width: 33px; height: 51px; } a#rj:hover, a#rj:active { background-position: -186px -474px; width: 58px; height: 40px; } a#pb:hover, a#pb:active { background-position: -10px -1370px; width: 59px; height: 35px; } a#pe:hover, a#pe:active { background-position: -10px -1415px; width: 97px; height: 34px; } a#rn:hover, a#rn:active { background-position: -186px -524px; width: 53px; height: 33px; } a#se:hover, a#se:active { background-position: -208px -61px; width: 28px; height: 32px; } a#al:hover, a#al:active { background-position: -208px -103px; width: 46px; height: 27px; } a#df:hover, a#df:active { background-position: -208px -140px; width: 16px; height: 9px; } /* Fim sprite */ ul#map li a img {border: 0; width: inherit; height: inherit;}