/* CSS Document */ * { margin: 0; padding: 0; } body { margin: 0; padding: 0; min-width: 980px; overflow-x: hidden; } #preloader{width:100%; height:100%; position:absolute; z-index:310; background:url(../imagens/preloader/preloader.gif) no-repeat top center #e7e7e7;} .wrapper { top:265px; left:50%; position:absolute; z-index:320; } /* Navigation */ /***********************************************************************/ #nav { width:100%; height:100px; background:url(../imagens/menu/menu.png) repeat-x; position: fixed; bottom:0; z-index:300;} #nav ul{width:980px; height:100px; margin:0 auto;} #nav li {display:inline-block;} #nav li a{text-indent:-9000px;} #nav li a#btnHome{display:block; width:196px; height:100px; background:url(../imagens/menu/menuHome.png);} #nav li a#btnSobre{display:block; width:180px; height:100px; background:url(../imagens/menu/menuSobre.png);} #nav li a#btnMetodos{display:block; width:150px; height:100px; background:url(../imagens/menu/menuMetodos.png);} #nav li a#btnParceiros{display:block; width:150px; height:100px; background:url(../imagens/menu/menuParceiros.png);} #nav li a#btnObras{display:block; width:115px; height:100px; background:url(../imagens/menu/menuObras.png);} #nav li a#btnContato{display:block; width:169px; height:100px; background:url(../imagens/menu/menuContato.png);} #nav li a#btnHome:hover, #nav li a#btnSobre:hover, #nav li a#btnMetodos:hover, #nav li a#btnParceiros:hover, #nav li a#btnObras:hover, #nav li a#btnContato:hover{background-position:0px -100px;} #nav li a.on{background-position:0px -100px!important;} /* Structure */ /***********************************************************************/ #home { background:url(../imagens/home/bg1.jpg) 50% 0 no-repeat fixed; color: white; height: 1340px; margin: 0; width:100%; position:relative; } #home .bg{ background:url(../imagens/home/bg2.png) 50% 0 no-repeat fixed; height: 1340px; margin: 0; padding: 0; position: absolute; width: 1920px; z-index: 1; } #home .home{width:980px; margin:0 auto; z-index:2; position:relative; font:11px normal Verdana, Geneva, sans-serif; color:#1a171b; line-height:18px;} #home .home h2{background:url(../imagens/home/titulo.png); width:445px; height:124px; float:right; margin-top:205px; margin-right:35px; text-indent:-9000px;} #home .home a{background:url(../imagens/home/logo.png); width:428px; height:291px; display:block; float:left; margin-top:80px; margin-left:28px; text-indent:-9000px;} /***********************************************************************/ #sobre { background:url(../imagens/sobre/bg1.jpg) 50% 0 no-repeat fixed; color: white; height: 1340px; margin: 0; width:100%; position:relative;} #sobre .casa{ background:url(../imagens/sobre/casa.png) 50% 0 no-repeat fixed; height: 1340px; margin: 0; padding: 0; position: absolute; width: 1920px; z-index: 1;} #sobre .bg{ background:url(../imagens/sobre/bg2.png) 50% 0 no-repeat fixed; height: 1340px; margin: 0; padding: 0; position: absolute; width: 1920px; z-index: 1;} #sobre .diferenciais{ background:url(../imagens/sobre/diferenciais.png) 50% 0 no-repeat fixed; height: 1340px; margin: 0; padding: 0; position: absolute; width: 1920px; z-index: 1;} #sobre .sobre{width:980px; margin:0 auto; z-index:2; position:relative; font:13px normal Verdana, Geneva, sans-serif; color:#1a171b; line-height:20px; padding-top:25px;} #sobre .sobre h2{background:url(../imagens/sobre/bread.png) no-repeat; width:465px; height:20px; margin-left:40px; border-bottom:1px solid #656565; padding-bottom:7px; margin-bottom:15px; text-indent:-9000px;} #sobre .sobre h3{background:url(../imagens/sobre/titulo.png); width:549px; height:136px; margin-left:20px; text-indent:-9000px;} #sobre .sobre h3.missao{background:url(../imagens/sobre/submissao.png); width:282px; height:31px; text-indent:-9000px; padding:0px; margin:0px;} #sobre .sobre h3.visao{background:url(../imagens/sobre/subvisao.png); width:282px; height:31px; text-indent:-9000px; padding:0px; margin:0px;} #sobre .sobre p{display:block; margin-left:50px; padding-top:20px; width:500px; text-align:left;} #sobre .sobre ul.sobre{display:none;} #sobre .sobre .box{display:block; width:316px; height:415px; background:url(../imagens/sobre/box.png); position:absolute; top:0px; right:10px; padding-top:110px; padding-left:25px;} #sobre .sobre .box p{width:290px; margin:0px; padding:0px; line-height:23px; margin-top:10px;} /***********************************************************************/ #metodos { background:url(../imagens/metodos/bg1.jpg) 50% 0 no-repeat fixed; color: white; height: 1340px; margin: 0; width:100%; position:relative;} #metodos .worker{ background:url(../imagens/metodos/workers.png) 50% 0 no-repeat fixed; height: 1340px; margin: 0; padding: 0; position: absolute; width: 1920px; z-index: 1;} #metodos .grafico{ background:url(../imagens/metodos/grafico.png) 50% 0 no-repeat fixed; height: 1340px; margin: 0; padding: 0; position: absolute; width: 1920px; z-index: 1;} #metodos .metodos{width:980px; margin:0 auto; z-index:2; position:relative; font:13px normal Verdana, Geneva, sans-serif; color:#1a171b; line-height:20px; padding-top:25px;} #metodos .metodos h2{background:url(../imagens/metodos/bread.png) no-repeat; width:465px; height:20px; margin-left:40px; border-bottom:1px solid #656565; padding-bottom:7px; margin-bottom:15px; text-indent:-9000px;} #metodos .metodos h3{background:url(../imagens/metodos/titulo.png); width:478px; height:156px; margin-left:40px; text-indent:-9000px;} #metodos .metodos p{display:block; margin-left:60px; padding-top:35px; width:440px; text-align:left;} /***********************************************************************/ /***********************************************************************/ #parceiros { background:url(../imagens/parceiros/bg1.jpg) 50% 0 no-repeat fixed; color: white; height: 1340px; margin: 0; width:100%; position:relative;} #parceiros .hand1{ background:url(../imagens/parceiros/hand1.png) 50% 0 no-repeat fixed; height: 1340px; margin: 0; padding: 0; position: absolute; width: 1920px; z-index: 2;} #parceiros .hand2{ background:url(../imagens/parceiros/hand2.png) 50% 0 no-repeat fixed; height: 1340px; margin: 0; padding: 0; position: absolute; width: 1920px; z-index: 1;} #parceiros .parceiros .colunaA{float:left; margin-top:15px;} #parceiros .parceiros .colunaB{float:left; margin-left:30px; margin-top:5px;} #parceiros .parceiros{width:980px; margin:0 auto; z-index:2; position:relative; font:13px normal Verdana, Geneva, sans-serif; color:#1a171b; line-height:20px; padding-top:25px;} #parceiros .parceiros h2{background:url(../imagens/parceiros/bread.png) no-repeat; width:465px; height:20px; margin-left:40px; border-bottom:1px solid #656565; padding-bottom:7px; margin-bottom:15px; text-indent:-9000px;} #parceiros .parceiros h3{background:url(../imagens/parceiros/titulo.png); width:295px; height:173px; margin-left:40px; text-indent:-9000px;} #parceiros .parceiros h4{background:url(../imagens/parceiros/subtitulo.png); width:528px; height:23px; text-indent:-9000px;} #parceiros .parceiros h4.fornecedores{background:url(../imagens/parceiros/subFornecedores.png); width:223px; height:68px; text-indent:-9000px;} #parceiros .parceiros h4.clientes{background:url(../imagens/parceiros/subClientes.png); width:223px; height:68px; text-indent:-9000px;} #parceiros .parceiros p{display:block; margin-left:40px; padding-top:40px; width:305px; text-align:left;} #parceiros .parceiros ul{float:left; font-size:11px; line-height:16px; margin-right:30px;} #parceiros .parceiros ul.fornecedores{width:228px;} #parceiros .parceiros ul.clientes{width:285px;} #parceiros .parceiros ul li{padding:7px 5px; border-bottom:1px dotted #CCC;} /***********************************************************************/ /***********************************************************************/ #obras { background:url(../imagens/obras/bg1.jpg) 50% 0 no-repeat fixed; color: white; height: 1340px; margin: 0; width:100%; position:relative;} #obras .worker{ background:url(../imagens/metodosWorker.png) 50% 0 no-repeat fixed; height: 1340px; margin: 0; padding: 0; position: absolute; width: 1920px; z-index: 1;} #obras .obras{width:980px; margin:0 auto; z-index:2; position:relative; font:13px normal Verdana, Geneva, sans-serif; color:#1a171b; line-height:20px; padding-top:25px;} #obras .obras h2{background:url(../imagens/obras/bread.png) no-repeat; width:465px; height:20px; margin-left:40px; border-bottom:1px solid #656565; padding-bottom:7px; margin-bottom:15px; text-indent:-9000px;} #obras .obras h3{background:url(../imagens/bread/titulo.png); width:478px; height:156px; margin-left:40px; text-indent:-9000px;} #obras .obras .paging{font:12px normal Verdana, Geneva, sans-serif; color:#1a171b; line-height:20px; display:block; float:left; width:320px; margin-left:40px; position:relative;} #obras .obras .paging p{display:block; width:400px; text-align:left; z-index:10; position:absolute;} #obras .obras .paging a{color:#4d4d4d; display:block; background-color:#fff; text-decoration:none; padding:4px; padding-left:10px; font-weight:bold; border-bottom:1px dotted #CCC; width:280px;} #obras .obras .paging a:hover{background-color:#ffa200; color:#FFF;} #obras .obras .paging a.active{background-color:#f15a22; color:#FFF;} #obras .obras .janela{width:576px; height:531px; overflow: hidden; position: relative; display:block; float:left; top:-50px; background:url(../imagens/obras/corpoGaleria.png) no-repeat bottom left;} #obras .obras .janela div.image_reel{position: absolute; top:0; left:0;} #obras .obras .janela div.mask{position: absolute; top:-18px; left:0; background:url(../imagens/obras/mask.png) no-repeat 0px 0px; width:210px; height:548px; z-index:2;} #obras .obras .janela div.image_reel div.slide{width:576px; height:531px; float:left; position:relative;} #obras .obras .janela div.image_reel div.slide ul{margin-left:35px; margin-top:2px;} #obras .obras .janela div.image_reel div.slide ul li{margin-bottom:5px;} #obras .obras .janela div.image_reel div.slide div.fotos{position:absolute; bottom:31px; margin-left:40px; z-index:3;} #obras .obras .janela div.image_reel div.slide div.fotos a.thumb{border: 3px solid #FFF; display:block; width:94px; height:94px; float:left; margin:0px 5px;} #obras .obras .janela div.image_reel div.slide div.fotos a.thumb:hover{border: 3px solid #f15a22;} #obras .obras .janela div.image_reel div.slide div.capa1{width:576px; height:259px; background:url(../imagens/arquivos/01_emef/capa.png); margin-top:22px; text-indent:-9000px;} #obras .obras .janela div.image_reel div.slide div.capa2{width:576px; height:259px; background:url(../imagens/arquivos/02_cief/capa.png); margin-top:22px; text-indent:-9000px;} #obras .obras .janela div.image_reel div.slide div.capa3{width:576px; height:259px; background:url(../imagens/arquivos/03_bocha/capa.png); margin-top:22px; text-indent:-9000px;} #obras .obras .janela div.image_reel div.slide div.capa4{width:576px; height:259px; background:url(../imagens/arquivos/04_estadio/capa.png); margin-top:22px; text-indent:-9000px;} #obras .obras .janela div.image_reel div.slide div.capa5{width:576px; height:259px; background:url(../imagens/arquivos/05_paes/capa.png); margin-top:22px; text-indent:-9000px;} #obras .obras .janela div.image_reel div.slide div.capa6{width:576px; height:259px; background:url(../imagens/arquivos/06_quadra/capa.png); margin-top:22px; text-indent:-9000px;} #obras .obras .janela div.image_reel div.slide div.capa7{width:576px; height:259px; background:url(../imagens/arquivos/07_parque/capa.png); margin-top:22px; text-indent:-9000px;} #obras .obras .janela div.image_reel div.slide div.capa8{width:576px; height:259px; background:url(../imagens/arquivos/08_posto/capa.png); margin-top:22px; text-indent:-9000px;} #obras .obras .janela div.image_reel div.slide div.capa9{width:576px; height:259px; background:url(../imagens/arquivos/09_ginasio/capa.png); margin-top:22px; text-indent:-9000px;} #obras .obras .janela div.image_reel div.slide div.capa10{width:576px; height:259px; background:url(../imagens/arquivos/10_residencial/capa.png); margin-top:22px; text-indent:-9000px;} #obras .obras .janela div.image_reel div.slide div.capa11{width:576px; height:259px; background:url(../imagens/arquivos/11_loteamento/capa.png); margin-top:22px; text-indent:-9000px;} #obras .obras .janela div.image_reel div.slide div.capa12{width:576px; height:259px; background:url(../imagens/arquivos/12_centro/capa.png); margin-top:22px; text-indent:-9000px;} #obras .obras .janela div.image_reel div.slide div.capa13{width:576px; height:259px; background:url(../imagens/arquivos/13_resort/capa.png); margin-top:22px; text-indent:-9000px;} /***********************************************************************/ /* Contato */ /***********************************************************************/ #contato { background:url(../imagens/contato/bg1.jpg) 50% 0 no-repeat fixed; color: white; height: 1340px; margin: 0; width:100%; position:relative;} #contato .contato{width:980px; margin:0 auto; z-index:2; position:relative; font:13px normal Verdana, Geneva, sans-serif; color:#1a171b; line-height:20px; padding-top:25px;} #contato .contato h2{background:url(../imagens/contato/bread.png) no-repeat; width:465px; height:20px; margin-left:40px; border-bottom:1px solid #656565; padding-bottom:7px; margin-bottom:15px; text-indent:-9000px;} #contato .contato h3{background:url(../imagens/contato/titulo.png); width:423px; height:43px; margin-left:40px; text-indent:-9000px;} #contato .contato .box{width:885px; height:450px; position:relative; background:url(../imagens/contato/box.png); top:-45px; display:block; margin-left:30px;} #contato .contato .box #exiberesultado .enviaemail{width:341px; height:126px; display:block; background:url(../imagens/contato/enviaemail.jpg); margin-left:10px;} #contato .contato .box #exiberesultadoparceria .enviaemail{width:341px; height:126px; display:block; background:url(../imagens/contato/enviaemail.jpg); margin-left:10px;} #contato .contato .box #exiberesultado .enviando{width:341px; height:46px; display:block; background:url(../imagens/contato/enviando.gif); margin-left:10px;} #contato .contato .box #exiberesultadoparceria .enviando{width:341px; height:46px; display:block; background:url(../imagens/contato/enviando.gif); margin-left:10px;} #contato .contato .box #form, #contato .contato .box #form ul.form, #contato .contato .box #form-parceiros ul.form{width:391px;} #contato .contato .box #form ul.form li.input{width:357px; height:29px; position:relative; background-color:#fff; margin-bottom:10px; border:1px solid #aa431d;} #contato .contato .box #form ul.form li.msg{width:357px; height:109px; position:relative; background-color:#fff; margin-bottom:10px; border:1px solid #aa431d;} #contato .contato .box #form ul.form li.input label.nome{width:90px; height:29px; position:absolute; background:url(../imagens/contato/formframe.jpg) 0px 0px; text-indent:-9000px;} #contato .contato .box #form ul.form li.input label.email{width:90px; height:29px; position:absolute; background:url(../imagens/contato/formframe.jpg) 0px -29px; text-indent:-9000px;} #contato .contato .box #form ul.form li.input label.telefone{width:90px; height:29px; position:absolute; background:url(../imagens/contato/formframe.jpg) 0px -58px; text-indent:-9000px;} #contato .contato .box #form ul.form li.msg label.msg{width:90px; height:109px; position:absolute; background:url(../imagens/contato/formframe.jpg) 0px -87px; text-indent:-9000px;} #contato .contato .box #form ul.form li.input input{width:259px; position:absolute; border:0px; left:90px; color:#999; font-size:12px; height:29px; padding:0px 4px;} #contato .contato .box #form ul.form li.msg textarea{width:259px; height:109px; position:absolute; border:0px; left:90px; color:#999; font-size:11px; padding:0px 4px; font-family:Verdana, Geneva, sans-serif!important;} #contato .contato .box #form ul.form li.btn input.submit{width:85px; height:37px; border:0px; background:url(../imagens/contato/btnframe.png) 0px 0px; cursor:pointer;} #contato .contato .box #form ul.form li.btn input.submit:hover{background:url(../imagens/contato/btnframe.png) 0px 38px; cursor:pointer;} /*-----------------------------------------------------------------------------------------------------*/ #contato .contato .box #form-parceiros ul.form li.input{width:357px; height:24px; position:relative; background-color:#fff; margin-bottom:10px; border:1px solid #aa431d;} #contato .contato .box #form-parceiros ul.form li.msg{width:357px; height:40px; position:relative; background-color:#fff; margin-bottom:10px; border:1px solid #aa431d;} #contato .contato .box #form-parceiros ul.form li.file{width:357px; height:24px; position:relative; margin-bottom:5px; color:#FFF; font-size:12px;} #contato .contato .box #form-parceiros ul.form li.input label.nomeparceria{width:115px; height:24px; position:absolute; background:url(../imagens/contato/formparceirosframe.jpg) 0px 0px; text-indent:-9000px;} #contato .contato .box #form-parceiros ul.form li.input label.emailparceria{width:115px; height:24px; position:absolute; background:url(../imagens/contato/formparceirosframe.jpg) 0px -25px; text-indent:-9000px;} #contato .contato .box #form-parceiros ul.form li.input label.telefoneparceria{width:115px; height:24px; position:absolute; background:url(../imagens/contato/formparceirosframe.jpg) 0px -47px; text-indent:-9000px;} #contato .contato .box #form-parceiros ul.form li.input label.tipoparceria{width:115px; height:24px; position:absolute; background:url(../imagens/contato/formparceirosframe.jpg) 0px -96px; text-indent:-9000px;} #contato .contato .box #form-parceiros ul.form li.msg label.msgparceria{width:115px; height:40px; position:absolute; background:url(../imagens/contato/formparceirosframe.jpg) 0px -119px; text-indent:-9000px;} #contato .contato .box #form-parceiros ul.form li.input input{width:234px; position:absolute; border:0px; left:115px; color:#999; font-size:12px; height:24px; padding:0px 4px;} #contato .contato .box #form-parceiros ul.form li.input select{width:242px; position:absolute; border:0px; left:115px; color:#999; height:24px;} /*#contato .contato .box #form-parceiros ul.form li.input .selectwrapper{position:absolute; left:115px; width:300px;}*/ #contato .contato .box #form-parceiros ul.form li.msg textarea{width:233px; height:40px; position:absolute; border:0px; left:115px; color:#999; font-size:11px; padding:0px 4px; font-family:Verdana, Geneva, sans-serif!important;} #contato .contato .box #form-parceiros ul.form li.btn input.submit{width:85px; height:37px; border:0px; background:url(../imagens/contato/btnframe.png) 0px 0px; cursor:pointer;} #contato .contato .box #form-parceiros ul.form li.btn input.submit:hover{background:url(../imagens/contato/btnframe.png) 0px 38px; cursor:pointer;} div.qq-uploader div.qq-upload-button{width:191px; height:23px!important; background:url(../imagens/contato/btnfileuploader.jpg) 0px 0px; display:block; text-indent:-9000px;} div.qq-uploader div.qq-upload-button:hover{background:url(../imagens/contato/btnfileuploader.jpg) left bottom;} ul li ul.qq-upload-list li {width:342px; height:22px; font:normal 10px Verdana, Geneva, sans-serif!important; display:block; background:url(../imagens/contato/filebar.jpg) 0px 0px repeat-x; border:1px solid #C30;} ul li ul.qq-upload-list li span.qq-upload-file{height:16px; width:260px; margin-left:10px; color:#4c4c47; font-weight:bold; float:left; padding-top:4px; white-space:nowrap; overflow:hidden;} ul li ul.qq-upload-list li span.qq-upload-size{height:16px; width:46px; margin-left:10px; color:#c72c2c; float:left; padding-top:4px;} ul li ul.qq-upload-list li a.qq-upload-cancel{width:20px; height:22px; margin-left:10px; cursor:pointer; float:right; display:block; text-indent:-9999px; } ul li ul.qq-upload-list li span.qq-upload-failed-text{display:none!important;} .tabs{position:absolute; left:38px; top:57px;} .tabs li{display:inline-block;} .tabs li a{font:bold 12px Verdana, Geneva, sans-serif; text-decoration:none; color:#FFF; background:url(../imagens/contato/tabcontato.png) no-repeat 0px 0px; width:180px; height:23px; display:inline-block; text-align:center; padding-top:10px; margin-right:2px;} .tabs li a:hover{color:#000;} .tabs-wrapper{width:391px; padding-top:105px; float:left; padding-left:40px;} /*-----------------------------------------------------------------------------------------------------*/ .error{background:#ffa312;} label.error{display:none;} #contato .contato .box .sideB{width:404px; height:450px; position:relative; float:left; padding-right:50px;} #contato .contato .box .sideB p{color:#FFF; text-align:right; margin-top:20px;} #contato .contato .box .sideB iframe{border:2px solid #000; margin-left:30px; margin-top:23px; margin-bottom:10px;} #contato .contato .box .sideB a.mapa{width:115px; height:37px; border:0px; background:url(../imagens/contato/btnframe.png) -85px 0px; cursor:pointer; display:block; margin-left:290px;} #contato .contato .box .sideB a.mapa:hover{background:url(../imagens/contato/btnframe.png) -85px 38px;} #contato .contato .frase{width:605px; height:227px; display:block; margin:0 auto; background:url(../imagens/contato/frase.png) 0px 0px; margin-top:-20px; text-indent:-9000px;} #contato .contato .mktfooter{width:620px; height:20px; display:block; position:relative; margin:0 auto; margin-top:30px;} #contato .contato .mktfooter a.mkt{width:142px; height:20px; display:block; background:url(../imagens/contato/mkt.png) 0px 0px; float:left; margin-top:2px; margin-right:10px; text-indent:-9000px;} #contato .contato .mktfooter a.mkt:hover{background:url(../imagens/contato/mkt.png) 0px 20px;} #contato .contato .mktfooter p.mkt{height:20px; display:block; float:left;}