/* Autor: Eduardo Santos URL: http://www.dusilva.com Email: dudu.wd@hotmail.com Empresa: DA.DPA */ * {padding: 0; margin: 0; text-decoration: none; font-family: 'Trebuchet MS'; font-size: 12px; list-style: none; border: none; line-height: 14px; outline: none;} hr { display: none;} @font-face { font-family: titi14L; src: url('titilliumtext1-webfont.eot'); src: url('titilliumtext1-webfont.ttf'); } @font-face { font-family: titi1400; src: url('titilliumtext400wt-webfont.eot'); src: url('titilliumtext400wt-webfont.ttf'); } @font-face { font-family: titi1600; src: url('titilliumtext600wt-webfont.eot'); src: url('titilliumtext600wt-webfont.ttf'); } html { background: url(../img/bg/barraColorida.jpg) repeat center top;} html.verde {background: #f3f0f0 url(../img/bg/barraColoridaVerde.jpg) repeat-y center top !important; } html.laranja {background: #f3f0f0 url(../img/bg/barraColoridaLaranja.jpg) repeat-y center top !important; } html.roxo {background: #f3f0f0 url(../img/bg/barraColoridaRoxo.jpg) repeat-y center top !important; } body {background: #f3f0f0 url(../img/bg/bg.jpg) repeat-y center top; } body.laranja .barra {background: #63c8d0 url(../img/bg/barraColoridaLaranja.jpg) no-repeat center top;} body.laranja .barraLeft { background: url(../img/curvaLeftLaranja.png) no-repeat;} body.laranja .barraRight {background: url(../img/curvaRightLaranja.png) no-repeat;} body.laranja #titMenuProdutos ul li a:hover { color: #ed1c24;} body.laranja #titMenuProdutos ul li a.currentProduct { color: #ed1c24;} body.laranja #titMenuProdutos h2 {color: #ed1c24;} body.laranja div#footer {background: #63c8d0 url(../img/bg/barraColoridaLaranja.jpg) no-repeat center top;} body.laranja div.image-title {color: #ed1c24;} body.laranja div.nav-controls .prev { background: url(../img/arrowL3Laranja.png) no-repeat;} body.laranja div.nav-controls .next { background: url(../img/arrowR3Laranja.png) no-repeat;} body.verde .barra {background: #63c8d0 url(../img/bg/barraColoridaVerde.jpg) no-repeat center top;} body.verde .barraLeft { background: url(../img/curvaLeftVerde.png) no-repeat;} body.verde .barraRight {background: url(../img/curvaRightVerde.png) no-repeat;} body.verde #titMenuProdutos ul li a:hover { color: #0c8142;} body.verde #titMenuProdutos ul li a.currentProduct { color: #0c8142;} body.verde #titMenuProdutos h2 {color: #0c8142;} body.verde div#footer {background: #63c8d0 url(../img/bg/barraColoridaVerde.jpg) no-repeat center top;} body.verde div.image-title {color: #0c8142;} body.verde div.nav-controls .prev { background: url(../img/arrowL3Verde.png) no-repeat;} body.verde div.nav-controls .next { background: url(../img/arrowR3Verde.png) no-repeat;} /* -.- */ body.roxo .barra {background: #63c8d0 url(../img/bg/barraColoridaRoxo.jpg) no-repeat center top;} body.roxo .barraLeft { background: url(../img/curvaLeftRoxo.png) no-repeat;} body.roxo .barraRight {background: url(../img/curvaRightRoxo.png) no-repeat;} body.roxo #titMenuProdutos ul li a:hover { color: #7e18b4;} body.roxo #titMenuProdutos ul li a.currentProduct { color: #7e18b4;} body.roxo #titMenuProdutos h2 {color: #7e18b4;} body.roxo div#footer {background: #63c8d0 url(../img/bg/barraColoridaRoxo.jpg) no-repeat center top;} body.roxo div.image-title {color: #7e18b4;} body.roxo div.nav-controls .prev { background: url(../img/arrowL3Roxo.png) no-repeat;} body.roxo div.nav-controls .next { background: url(../img/arrowR3Roxo.png) no-repeat;} .barra { width: 100%; height: 10px; background: #63c8d0 url(../img/bg/barraColorida.jpg) no-repeat center top; position: fixed;} /*.mulher { width: 208px; height: 569px; background: url(../img/mulher.png) no-repeat; position: fixed; left: 73%; bottom: 9px; z-index: 1500;}*/ /* ------------------------------------------- DIV CONTAINER ------------------------------------------- */ div#container { width: 1007px; margin: 0 auto; padding-top: 10px;} /* ------------------------------------------- FIM DIV CONTAINER ------------------------------------------- */ /* ------------------------------------------- DIV HEADER ------------------------------------------- */ div#header { height: 91px; background: url(../img/bg/menu.png) no-repeat; position: relative; margin-bottom: 17px;} .barraLeft { width: 17px; height: 55px; background: url(../img/curvaLeft.png) no-repeat; position: absolute; top: 15px; left: -13px;} .barraRight { width: 17px; height: 55px; background: url(../img/curvaRight.png) no-repeat; position: absolute; top: 15px; right: -13px;} div#header h1 { position: absolute; top: 20px; left: 20px;} div#header ul { width: 640px; position: absolute; top: 48px; left: 365px; z-index: 2000;} div#header ul li { display: block; float: left; border-right: 1px solid #f0f0f0; height: 16px; padding-top: 5px; padding-right: 6px; margin-right: 6px; position: relative;} div#header ul li.lastLi { padding-right: 0; margin-right: 0; border-right: none;} div#header ul li a { display: block; padding-bottom: 20px; font-family: titi1600; font-size: 16px; color: #808285;} div#header ul li a:hover { color: #15638c; background: url(../img/seta1.jpg) no-repeat center bottom;} div#header ul li a.a2:hover { color: #0085ac; background: url(../img/seta2.jpg) no-repeat center bottom;} div#header ul li a.a3:hover { color: #0086ad; background: url(../img/seta3.jpg) no-repeat center bottom;} div#header ul li a.a4:hover { color: #00aad4; background: url(../img/seta4.jpg) no-repeat center bottom;} div#header ul li a.a5:hover { color: #63c8d0; background: url(../img/seta5.jpg) no-repeat center bottom;} div#header ul li a.a6:hover { color: #659ad2; background: url(../img/seta6.jpg) no-repeat center bottom;} div#header ul li ul{ position: absolute; top: 39px; left: 0;} div#header ul li ul#navGrupo { width: 590px; height: 30px; padding: 5px 0 0 21px; background: url(../img/bg-nav-grupo.png) no-repeat;} div#header ul li ul#navGrupo li { border-right: 1px solid #fff;} div#header ul li ul#navGrupo li a { font-size: 15px; color: #fff;} div#header ul li ul#navGrupo li a:hover { background: none;} div#header ul li ul#navGrupo li.lastLi { padding-right: 0; margin-right: 0; border-right: none;} div#header ul li ul#navProdutos {width: 559px; height: 194px; padding: 5px 0 0 21px; background: url(../img/bg-nav-produtos.png) no-repeat;} div#header ul li ul#navProdutos li { border-right: 1px solid #5b94be; width: 117px; height: 161px; float: left;} div#header ul li ul#navProdutos li h3 { color: #c7eafb; font-family: titi1600; font-size: 14px; margin-bottom: 12px;} div#header ul li ul#navProdutos li a { font-size: 13px; color: #fff; padding: 0; margin-bottom: 8px;} div#header ul li ul#navProdutos li a:hover { background: none; color: none;} div#header ul li ul#navProdutos li.lastLi { padding-right: 0; margin-right: 0; border-right: none;} div#header ul li ul#navFale { width: 240px; height: 30px; padding: 5px 0 0 26px; background: url(../img/bg-nav-fale.png) no-repeat; margin: 0 0 0 -146px} div#header ul li ul#navFale li { border-right: 1px solid #fff;} div#header ul li ul#navFale li a { font-size: 15px; color: #fff;} div#header ul li ul#navFale li a:hover { background: none;} div#header ul li ul#navFale li.lastLi { padding-right: 0; margin-right: 0; border-right: none;} /* ------------------------------------------- FIM DIV HEADER ------------------------------------------- */ /* ------------------------------------------- DIV CONTENT ------------------------------------------- */ div#content { width: 992px; margin: 0 auto;} div#slideshow { width: 992px; background: url(../img/slideHome.png) no-repeat left bottom; margin-bottom: 20px; position: relative; z-index: 1000;} div#slidesContainer { width: 769px; height: 322px; margin-left: 50px;} div#slideMenor { width: 824px; height: 134px; margin-bottom: 30px; position: relative; z-index: 9999;} .arrowL2 {position: absolute; width: 32px; height: 32px; left: -4px; top: 51%; z-index: 1000; background: url(../img/arrowL2.png) no-repeat;} .arrowR2 {position: absolute; width: 32px; height: 32px; right: -2px; top: 51%; z-index: 1000; background: url(../img/arrowR2.png) no-repeat;} .fotoGrande { float: left; width: 262px; height: 320px;} .txtSobreProduto { float: right; width: 465px; margin-top: 70px;} .txtSobreProduto h4 { font-size: 57px; color: #73cbe5; font-family: titi14L; line-height: 50px; margin-bottom: 50px;} .txtSobreProduto h5 {font-size: 20px; color: #808285; font-family: titi14L; line-height: 25px;} .control { position: absolute; width: 32px; height: 32px; z-index: 1100;} #leftControl { left: -4px; top: 51%; background: url(../img/arrowL.png) no-repeat; cursor: pointer;} #rightControl { right: -2px; top: 51%; background: url(../img/arrowR.png) no-repeat; cursor: pointer;} div#boxNoticias { width: 205px; height: 202px; background: url(../img/bg-noticias.png) no-repeat; float: left;} div#boxCampanhas {width: 325px; height: 202px; margin: 0 20px 0 25px; background: url(../img/bg-campanhas.png) no-repeat; float: left;} .boxRedondo { padding: 25px 25px; position: relative;} .boxRedondo h2 { margin-bottom: 15px;} .boxRedondo h3 { font-family: titi1600; font-weight: normal; font-size: 19px; color: #73cbe5; margin-bottom: 13px; line-height: 20px;} .boxRedondo p { font-family: titi1600; font-size: 14px; color: #808285; line-height: 15px; text-align: justify;} .boxRedondo a { color: #004481; font-size: 12px; font-family: titi1600; padding-right: 20px; background: url(../img/seta.jpg) no-repeat right center; display: inline-block; height: 17px; line-height: 16px; margin-top: 10px; position: absolute; bottom: 12px;} .coda-nav { display: none;} #coda-nav-right-1 a { width: 11px; height: 23px; background: url(../img/arrowRMenor.png) no-repeat;} #coda-nav-left-1 a { width: 11px; height: 23px; background: url(../img/arrowLMenor.png) no-repeat;} #links { float: left;} #logos { margin: 20px 0; float: left;} #contentIntern { width: 570px; margin-top: 46px;} #contentIntern h2 { margin-bottom: 30px;} #contentIntern h3 { font-size: 18px; color: #6d6e71; font-family: titi1600; margin-left: 22px; margin-bottom: 22px; line-height: 20px;} #contentIntern p { font-size: 15px; color: #6d6e71; font-family: titi1600; margin-left: 22px; line-height: 20px; margin-bottom: 15px;} #mapa { margin: -100px auto 0; width: 690px;} #txtGrupo { width: 780px; margin-top: 60px;} #txtGrupo h2 { margin-bottom: 30px;} #txtGrupo h3 { font-size: 18px; color: #6d6e71; font-family: titi1600; margin-left: 22px; margin-bottom: 15px;} #txtGrupo p { font-size: 15px; color: #6d6e71; font-family: titi1600; margin-left: 22px; line-height: 20px; margin-bottom: 15px;} #txtGrupoEmpresa p strong { font-weight: bold; font-size: 15px; color: #6d6e71; font-family: titi1400;} #formContato { width: 588px; margin-bottom: 100px;} #formContato .campo { width: 548px; height: 20px; padding: 15px 20px; background: url(../img/bgCampo.png) no-repeat; color: #c8c8ca; font-family: titi1600; font-size: 16px; margin-bottom: 13px;} #formContato .campoMin { width: 295px; height: 20px; padding: 15px 20px; background: url(../img/bgCampoMin.png) no-repeat; color: #c8c8ca; font-family: titi1600; font-size: 16px; margin-bottom: 13px; float: left} #formContato .bgAnexar { width: 210px; height: 20px; padding: 15px 20px; background: url(../img/bgCampoAnexo.png) no-repeat; color: #c8c8ca; font-family: titi1600; font-size: 16px; margin-bottom: 13px; float: right; position: relative} #formContato #fakeInput{border: 0; background: none; position: absolute; top: 16px; width: 105px; color: #c8c8ca; font-family: titi1600; font-size: 16px;} #formContato #file{border: 0; background: none; position: absolute; top: 10px; opacity:0;-moz-opacity:0;filter:alpha(opacity:0);} #formContato textarea.campo { height: 184px; background: url(../img/bgTextArea.png) no-repeat; padding: 20px;} #titMenuProdutos { width: 281px; float: left;} #titMenuProdutos h2 {font-family: titi1600; font-size: 20px; color: #00aeef; line-height: 19px;} #titMenuProdutos ul li a { color: #6d6e71; font-size: 18px; font-family: titi1400; margin-bottom: 20px; display: block;} #titMenuProdutos ul li a:hover { color: #00aeef;} #titMenuProdutos ul li .currentProduct { color: #00aeef; } #players { width: 390px; float: left; position: relative;} #demo-default-usage { position: absolute; top: 300px; right: 15px;} #demo-default-usage2 { position: absolute; top: 430px; right: 15px;} #playerV { margin-bottom: 10px;} #descricao { width: 563px; height:413px; float: right;} #descricao h4 { color: #6d6e71; font-size: 24px; font-family: titi1600; margin-bottom: 15px; margin-top: 10px;} #descricao p {font-family: titi1600; font-size: 15px; color: #6d6e71; line-height: 19px; margin-bottom: 20px;} #descricao h5 { color: #6d6e71; font-size: 19px; font-family: titi1600; margin-bottom: 15px;} #descricao ul p {font-family: titiz1600; font-size: 13px; color: #6d6e71; margin-bottom: 15px;height:178px;} .ul1 { float: left; width: 41%; } .ul2 { float: right; width: 50%; } #slidePequeno { width: 563px; height: 124px; background: url(../img/bgslidePequeno.png) no-repeat; float: right;} #slidePequeno div#slideshow2 { width: 563px; margin-bottom: 20px; position: relative; z-index: 1000;} #slidePequeno div#slidesContainer2 { width: 505px; height: 106px; margin-left: 30px; margin-top: 10px;} #slidePequeno .arrowL2 {position: absolute; width: 32px; height: 32px; left: -10px; top: 34%; z-index: 1000; background: url(../img/arrowL2.png) no-repeat;} #slidePequeno .arrowR2 {position: absolute; width: 32px; height: 32px; right: -10px; top: 34%; z-index: 1000; background: url(../img/arrowR2.png) no-repeat;} #slidePequeno #leftControl { left: -10px; top: 34%; background: url(../img/arrowL.png) no-repeat; cursor: pointer;} #slidePequeno #rightControl { right: -10px; top: 34%; background: url(../img/arrowR.png) no-repeat; cursor: pointer;} #slideGrupoEmpresa { width: 431px; height: 510px; margin-top: 100px; float: right;} .bgUltimasNoticias { background: url(../img/bgUltimasNoticias.png) no-repeat !important;} #slideGrupoEmpresa div#slideshow3 { width: 383px; margin-top: 105px; position: relative; z-index: 1000;} #slideGrupoEmpresa div#slidesContainer3 { width: 383px; height: 385px; margin-left: 24px; } .listaMini {} .listaMini li { display: block; float: left; width: 128px; height: 127px; position: relative;} .listaMini li .bgSobre { width: 128px; height: 127px; background: url(../img/miniSlideEmpresa.png) no-repeat; position: absolute;} .listaMini {} .listaMini2 li { display: block; margin: 0 8px; float: left; width: 109px; height: 108px; position: relative;} .listaMini2 li .bgSobre2 { width: 109px; height: 108px; background: url(../img/miniSlideEmpresa2.png) no-repeat; position: absolute;} .listaNotGrupo {width: 363px; padding: 0 10px;} .listaNotGrupo li { margin-bottom: 18px;} .listaNotGrupo li h5 { color: #004482; font-size: 13px; margin-bottom: 5px;} .listaNotGrupo li a { color: #58595b; font-size: 15px;} .bgUltimasNoticias .arrowL3 {position: absolute; width: 32px; height: 32px; left: -14px; top: 42.5%; z-index: 1000; background: url(../img/arrowL2.png) no-repeat;} .bgUltimasNoticias .arrowR3 {position: absolute; width: 32px; height: 32px; right: -61px; top: 42.5%; z-index: 1000; background: url(../img/arrowR2.png) no-repeat;} .arrowL3 {position: absolute; width: 32px; height: 32px; left: -14px; top: 35%; z-index: 1000; background: url(../img/arrowL2.png) no-repeat;} .arrowR3 {position: absolute; width: 32px; height: 32px; right: -61px; top: 35%; z-index: 1000; background: url(../img/arrowR2.png) no-repeat;} #slideGrupoEmpresa #leftControl { left: -14px; top: 35%; background: url(../img/arrowL.png) no-repeat; cursor: pointer;} #slideGrupoEmpresa #rightControl { right: -61px; top: 35%; background: url(../img/arrowR.png) no-repeat; cursor: pointer;} .bgUltimasNoticias #leftControl { left: -14px; top: 42.5% !important; background: url(../img/arrowL.png) no-repeat; cursor: pointer;} .bgUltimasNoticias #rightControl { right: -61px; top: 42.5% !important; background: url(../img/arrowR.png) no-repeat; cursor: pointer;} #txtNoticiaRol {width: 491px; height: 422px; padding: 44px 20px 44px 0; background: url(../img/txtNoticiaRol.png) no-repeat;} .txtMesmo {} /* ------------------------------------------- FIM DIV CONTENT ------------------------------------------- */ /* ------------------------------------------- DIV FOOTER ------------------------------------------- */ div#footer {width: 100%; height: 10px; background: #63c8d0 url(../img/bg/barraColorida.jpg) no-repeat center top;} #centerFooter { width: 1007px; margin: 0 auto; position: relative;} .mulher { width: 208px; height: 569px; background: url(../img/mulher.png) no-repeat; position: absolute; right: 0; bottom: -1px; z-index: 9998;} /* ------------------------------------------- FIM DIV FOOTER ------------------------------------------- */ .dpa { position:fixed; bottom:5px; right:-25px; z-index:1001; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* hack pra webkit*/ .dpa { position:absolute; bottom:-50px; right:0; z-index:1001; } } /* ------------------------------------------- CLASSES ------------------------------------------- */ .clear { clear: both;} .posTop { position: absolute; top: 0; z-index: 9999;} .posBottom { bottom: 0;} .floatL { float: left;} .floatR { float: right;} /* ------------------------------------------- FIM CLASSES ------------------------------------------- */