/* CSS Document */ /* CONFIGS GERAIS */ @font-face { font-family: 'GothamRnd-Medium'; src: url('../fonts/gothamrndmedium.eot'); src: url('../fonts/gothamrndmedium.eot?#iefix') format('embedded-opentype'), url('../fonts/gothamrndmedium.woff') format('woff'), url('../fonts/gothamrndmedium.ttf') format('truetype'), url('../fonts/gothamrndmedium.svg#gothamrndmedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamRnd-Bold'; src: url('../fonts/gothamrndbold.eot'); src: url('../fonts/gothamrndbold.eot?#iefix') format('embedded-opentype'), url('../fonts/gothamrndbold.woff') format('woff'), url('../fonts/gothamrndbold.ttf') format('truetype'), url('../fonts/gothamrndbold.svg#gothamrndbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamRnd-Light'; src: url('../fonts/gothamrndlight.eot'); src: url('../fonts/gothamrndlight.eot?#iefix') format('embedded-opentype'), url('../fonts/gothamrndlight.woff') format('woff'), url('../fonts/gothamrndlight.ttf') format('truetype'), url('../fonts/gothamrndlight.svg#gothamrndlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamRnd-Book'; src: url('../fonts/gothamrndbook.eot'); src: url('../fonts/gothamrndbook.eot?#iefix') format('embedded-opentype'), url('../fonts/gothamrndbook.woff') format('woff'), url('../fonts/gothamrndbook.ttf') format('truetype'), url('../fonts/gothamrndbook.svg#gothamrndbook') format('svg'); font-weight: normal; font-style: normal; } .font-got-light { font-family: 'GothamRnd-Light'; } .font-got-book { font-family: 'GothamRnd-Book'; } .font-got-medium { font-family: 'GothamRnd-Medium'; } .font-got-bold { font-family: 'GothamRnd-Bold'; } .color-grad-1 { background: #00B9F2; background: -webkit-linear-gradient(to bottom, #00B9F2 30%, #009CCC 70%); background: -moz-linear-gradient(to bottom, #00B9F2 30%, #009CCC 70%); background: linear-gradient(to bottom, #00B9F2 30%, #009CCC 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } h1 { font-size: 2.3em; letter-spacing: -1.5pt; text-transform: uppercase; } ul.no-bullets { list-style-type:none; } ul.no-bullets li::before { color: #01BCF3; content: '•'; margin-right: 10px; } ul.no-bullets li { display: flex; } ul.no-bullets li a { margin: 0 5px; } .mx-5 { margin-left: 3em; margin-right: 3em; } .mx-4 { margin-left: 2.5em; margin-right: 2.5em; } .mx-3 { margin-left: 2em; margin-right: 2em; } .mx-2 { margin-left: 1.5em; margin-right: 1.5em; } .mx-1 { margin-left: 1em; margin-right: 1em; } .mx-0 { margin-left: 0em; margin-right: 0em; } .my-5 { margin-top: 3em; margin-bottom: 3em; } .my-4 { margin-top: 2.5em; margin-bottom: 2.5em; } .my-3 { margin-top: 2em; margin-bottom: 2em; } .my-2 { margin-top: 1.5em; margin-bottom: 1.5em; } .my-1 { margin-top: 1em; margin-bottom: 1em; } .my-0 { margin-top: 0em; margin-bottom: 0em; } .mb-5 { margin-bottom: 3em; } .mb-4 { margin-bottom: 2.5em; } .mb-3 { margin-bottom: 2em; } .mb-2 { margin-bottom: 1.5em; } .mb-1 { margin-bottom: 1em; } .mb-0 { margin-bottom: 0em; } .mt-5 { margin-top: 3em; } .mt-4 { margin-top: 2.5em; } .mt-3 { margin-top: 2em; } .mt-2 { margin-top: 1.5em; } .mt-1 { margin-top: 1em; } .mt-0 { margin-top: 0em; } .mr-5 { margin-right: 3em; } .mr-4 { margin-right: 2.5em; } .mr-3 { margin-right: 2em; } .mr-2 { margin-right: 1.5em; } .mr-1 { margin-right: 1em; } .mr-0 { margin-right: 0em; } .ml-5 { margin-left: 3em; } .ml-4 { margin-left: 2.5em; } .ml-3 { margin-left: 2em; } .ml-2 { margin-left: 1.5em; } .ml-1 { margin-left: 1em; } .ml-0 { margin-left: 0em; } .fixfloat:before, .fixfloat:after { content: ""; display: table; } .fixfloat:after { clear: both; } .fixfloat { zoom: 1; } /* replace */ .replace { background-repeat: no-repeat; background-position: left top; background-color: transparent; text-indent: -50000px; overflow: hidden; display: block } /* tidy these up */ .replace * { text-indent: -10000px; display: block; background-repeat: no-repeat; background-position: left top; background-color: transparent } .replace a { text-indent: 0 } .replace a span { text-indent: -10000px } /* end replace */ /* replace de botoes */ .replace-bt { text-indent: -999px; line-height: 999999px; cursor: pointer; border: none } /* end replace de botoes */ * { margin: 0; padding: 0; } html { /* background para dar continuidade a cor do footer */ background-color: #6D6C71; } * html>body .clearfix { display: inline-block; width: 100%; } body { font: 12px "Verdana"; color: #000000; margin: 0; padding: 0;/* background: url(../img/bg-body.jpg) repeat;*/ font-smoothing: antialiased; -webkit-font-smoothing: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: antialiased; } .clr { clear: both; height: 0; line-height: 0; } img { border: 0; } .hide { display: none; } .btn { cursor: pointer; float: right; } .bld { font-weight: bold; } .underline { text-decoration: underline; } .mr0 { margin-right: 0 !important } /*-PAGINACAO-*/ .paginacao { clear: both; } .paginacao ol { text-align: center; } .paginacao li { display: inline; list-style: none; background: url(../img/bg-paginacao.gif) no-repeat; height: 14px; text-align: center; padding: 4px 0 4px 2px; *zoom: 1; *margin-right: 2px; } .paginacao li a { color: #666666; padding: 4px 8px 4px 6px; background: url(../img/bg-paginacao.gif) no-repeat right 0; } .paginacao .lk-navegacao, .paginacao .lk-navegacao:hover { background: none; } .paginacao .lk-navegacao a, .paginacao .lk-navegacao a:hover { background: none; color: #999999; } .paginacao li:hover, .paginacao .ativo { background-position: 0 bottom; } .paginacao li a:hover, .paginacao .ativo a { background-position: right bottom; color: #FFFFFF; } /* LINKS */ a, a:link a:active a:visited { text-decoration: none; color: #FFFFFF; outline: none; } a:hover { text-decoration: underline; } /* CORES DE TEXTO */ .branco { color: #ffffff; } .azul { color: #01BCF3; } .azul2 { color: #0065A4; } .verde { color: #9FCC66; } .cinza { color: #666666; } .cinza2 { color: #CCCCCC; } .cinza3 { color: #B1B1B3; } .vermelho { color: #CC0000; } #site { width: 100%; overflow: hidden; position: relative; min-width: 1000px; } /* REFERENTE A MODELO */ #topo { background: url(../img/bg-topo.jpg) repeat-x; height: 40px; width: 100%; } #topo-interno { background: url(../img/bg-topo-interno.jpg) no-repeat center 0; height: 40px; width: 1000px; margin: 0 auto; text-align: right; color: #01BCF3; font-weight: bold; } #topo-interno a { color: #01BCF3; } .topo-canal { float: right; margin: 12px 15px 0 0; padding-right: 16px; border-right: 1px solid white; } .topo-recursos-humanos { float: right; margin: 12px 15px 0 0; padding-right: 16px; border-right: 1px solid white; } .topo-informativos { float: right; margin: 12px 15px 0 0; border-left: 1px solid white; padding-left: 13px; border-right: 1px solid white; padding-right: 16px; } .topo-trabalhe-conosco { float: right; margin: 12px 15px 0 0; border-right: 1px solid white; padding-right: 16px; } .topo-conselho { float: right; margin: 12px 15px 0 0; border-left: 1px solid white; padding-left: 13px; } .topo-cliente { float: right; margin: 12px 30px 0 0; border-left: 1px solid white; padding-left: 13px; padding-right: 16px; } .topo-fale-conosco { float: right; margin: 12px 15px 0 0; } .topo-conselho { float: right; margin: 12px 14px 0 0; } .topo-busca { float: right; margin: 13px 28px 0 0; *margin: 13px 13px 0 0; } .input-busca { font-size: 11px; border: 0; width: 112px; background-color: #EFEFEF; } #principal-topo { width: 1000px; margin: 0 auto; position: relative; z-index: 15; min-height: 120px; } .logo { float: left; margin: 31px 0 0 50px; } #bt-topo-canal { background: url(../img/bt-topo-canal-de-denuncias.png) no-repeat; width: 145px; height: 12px; } #bt-topo-recursos-humanos { background: url(../img/bt-topo-recursos-humanos.png) no-repeat; width: 140px; height: 12px; } #bt-topo-fale-conosco { background: url(../img/bt-topo-fale-conosco.png) no-repeat; width: 102px; height: 12px; } #bt-topo-conselho { background: url(../img/bt-topo-conselho.png) no-repeat; width: 74px; height: 12px; } #bt-topo-informativos { background: url(../img/bt-topo-informativos.png) no-repeat; width: 98px; height: 12px; } #bt-topo-trabalhe-conosco { background: url(../img/bt-topo-trabalhe-conosco.png) no-repeat; width: 138px; height: 13px; } #bt-topo-cliente { background: url(../img/bt-topo-cliente.png) no-repeat; width: 57px; height: 13px; } /* MENU */ .menu-principal { background: url(../img/bg-menu-principal.png) no-repeat center top; float: left; width: 651px; height: 96px; padding: 4px 0 0 4px; margin: 20px 0 0 40px; } .menu-principal ul { list-style: none; } .menu-principal li { float: left; margin-top: 16px; position: relative; z-index: 15; } /*--Links menu--*/ .lk-logum, .lk-sistema-logistico-etanol, .lk-contrate-a-logum, .lk-sociedade-meio-ambiente { background: url(../img/lk-menu-principal.png) no-repeat; } .lk-logum { width: 146px; height: 57px; background-position: 0 0; } .lk-logum.hover { background-position: 0 -57px; } .lk-sistema-logistico-etanol { width: 183px; height: 57px; background-position: -146px 0; background-position: -146 1px\9; } .lk-sistema-logistico-etanol.hover { background-position: -146px -57px; } .lk-contrate-a-logum { width: 127px; height: 57px; background-position: -329px 0; background-position: -329 1px\9; } .lk-contrate-a-logum.hover { background-position: -329px -57px; } .lk-sociedade-meio-ambiente { width: 195px; height: 57px; background-position: -456px 0; background-position: -456 1px\9; } .lk-sociedade-meio-ambiente.hover { background-position: -456px -57px; } .lk-logum, .lk-sistema-logistico-etanol, .lk-contrate-a-logum, .lk-sociedade-meio-ambiente { height: 56px\9; } /*--Submenu--*/ .menu-principal .submenu { position: absolute; left: 0; top: 57px; padding: 1px; display: none; background: url(../img/bg-submenu-3.png) no-repeat; } .menu-principal .submenu { top: 56px\0; *top: 56px; } .menu-principal .submenu li { min-height: 17px; padding: 2px 0 0 18px; float: none; } .menu-principal .submenu li a { background: url(../img/lk-submenu2-2.png) no-repeat; } /*---Submenu A LOGUM---*/ .menu-principal .a-logum .submenu { background-position: 0 0; width: 144px; height: 188px; } .menu-principal .a-logum .submenu a { width: 148px; height: 14px; } .menu-principal .submenu .lk-quem-somos { background-position: 0 0; } .menu-principal .submenu .lk-quem-somos:hover { background-position: 0 -14px; } .menu-principal .submenu .lk-organizacao { background-position: 0 -38px; } .menu-principal .submenu .lk-organizacao:hover { background-position: 0 -52px; } .menu-principal .submenu .lk-nossa-marca { background-position: 0 -76px; } .menu-principal .submenu .lk-nossa-marca:hover { background-position: 0 -90px; } .menu-principal .submenu .lk-etica { background-position: -325px -251px; } .menu-principal .submenu .lk-etica:hover { background-position: -325px -265px; } .menu-principal .submenu .lk-missao { background-position: 0 -224px; height: 29px !important; } .menu-principal .submenu .lk-missao:hover { background-position: 0 -255px; } .menu-principal .submenu li.missao { margin-top: 11px; } /*---Submenu SISTEMA LOGÍSTICO DE ETANOL---*/ .menu-principal .sistema-logistico .submenu { background-position: -146px 0; width: 181px; height: 99px; } .menu-principal .sistema-logistico .submenu a { width: 163px; height: 14px; } .menu-principal .submenu .lk-sistema-logum { background-position: 0 -114px; } .menu-principal .submenu .lk-sistema-logum:hover { background-position: 0 -128px; } .menu-principal .submenu .lk-sobre-etanol { background-position: 0 -152px; } .menu-principal .submenu .lk-sobre-etanol:hover { background-position: 0 -166px; } /*---Submenu NEGÓCIOS---*/ .menu-principal .negocios .submenu { background-position: -329px 0; width: 125px; height: 220px; } .menu-principal .negocios .submenu a { width: 107px; height: 30px; } .menu-principal .negocios .submenu a.lk-informacoes-anp { width: 107px; height: 27px; } .menu-principal .negocios .submenu a.lk-solicitacao { width: 107px; height: 31px; } .menu-principal .negocios .submenu a.lk-contratos { width: 107px; height: 31px; } .menu-principal .sistema-logistico .submenu a.lk-solicitacao { width: 107px; height: 31px; } .menu-principal .sistema-logistico .submenu a.lk-contratos { width: 107px; height: 14px; } .menu-principal .submenu .lk-servicos { background-position: -363px -71px; } .menu-principal .submenu .lk-servicos:hover { background-position: -363px -102px; } .menu-principal .submenu .lk-informacoes-anp { background-position: -181px 0; } .menu-principal .submenu .lk-informacoes-anp:hover { background-position: -180px -28px } .menu-principal .submenu .lk-solicitacao { background-position: -181px -206px; } .menu-principal .submenu .lk-solicitacao:hover { background-position: -181px -241px; } .menu-principal .submenu .lk-contratos { background-position: -363px 0; } .menu-principal .submenu .lk-contratos:hover { background-position: -363px -31px; } /*---Submenu SOCIEDADE E MEIO AMBIENTE---*/ .menu-principal .sociedade-ambiente .submenu { background-position: -456px 0; width: 193px; height: 200px; } .menu-principal .sociedade-ambiente .submenu a { width: 175px; } .menu-principal .submenu .lk-desenvolvimento-sustentavel { background-position: -181px -60px; height: 30px; } .menu-principal .submenu .lk-desenvolvimento-sustentavel:hover { background-position: -181px -90px; } .menu-principal .submenu .lk-programas { background-position: -181px -128px; height: 14px; } .menu-principal .submenu .lk-programas:hover { background-position: -181px -142px; } .menu-principal .submenu .lk-licencas { background-position: -181px -166px; height: 14px; } .menu-principal .submenu .lk-licencas:hover { background-position: -181px -180px; } .menu-principal .submenu .lk-campanhas { background-position: -364px -146px; height: 14px; } .menu-principal .submenu .lk-campanhas:hover { background-position: -364px -160px; } .menu-principal .submenu .lk-fatordeemissao { background-position: -326px -206px; height: 14px; } .menu-principal .submenu .lk-fatordeemissao:hover { background-position: -326px -220px; } .menu-principal-bt { float: left; margin: 16px 0 0 0; } #menu-principal-a-logum { background: url(../img/bg-menu-principal-a-logum.png) no-repeat; width: 168px; height: 119px; position: absolute; display: none; } .menu-principal-a-logum-item { font-weight: bold; margin: 10px 0 12px 20px; } .menu-principal-a-logum-item a { padding: 10px 0; float: left; } #menu-principal-sistema-logistico { background: url(../img/bg-menu-principal-sistema-logistico.png) no-repeat; width: 183px; height: 86px; position: absolute; display: none; } .menu-principal-sistema-logistico-item { font-weight: bold; margin: 17px 0 8px 20px; } #menu-principal-negocios { background: url(../img/bg-menu-principal-negocios.png) no-repeat; width: 163px; height: 86px; position: absolute; display: none; } .menu-principal-negocios-item { font-weight: bold; margin: 17px 0 22px 20px; } #menu-principal-sociedade-e-ambiente { background: url(../img/bg-menu-principal-sociedade-e-ambiente.png) no-repeat; width: 195px; height: 139px; position: absolute; display: none; } .menu-principal-sociedade-e-ambiente-item { font-weight: bold; margin: 14px 0 25px 20px; } #bt-menu-principal-quem-somos { background: url(../img/bt-menu-principal-quem-somos.png) no-repeat; width: 87px; height: 10px; } #bt-menu-principal-organizacao { background: url(../img/bt-menu-principal-organizacao.png) no-repeat; width: 96px; height: 14px; } #bt-menu-principal-plano-estrategico { background: url(../img/bt-menu-principal-plano-estrategico.png) no-repeat; width: 135px; height: 12px; } #bt-menu-principal-codigo-etica { background: url(../img/bt-menu-principal-codigo-etica.png) no-repeat; width: 114px; height: 12px; } #bt-menu-principal-nossa-marca { background: url(../img/bt-menu-principal-nossa-marca.png) no-repeat; width: 93px; height: 10px; } #bt-menu-principal-o-sistema-logum { background: url(../img/bt-menu-principal-o-sistema-logum.png) no-repeat; width: 115px; height: 11px; } #bt-menu-principal-historia { background: url(../img/bt-menu-principal-historia.png) no-repeat; width: 59px; height: 12px; } #bt-menu-principal-sobre-o-etanol { background: url(../img/bt-menu-principal-sobre-o-etanol.png) no-repeat; width: 112px; height: 10px; } #bt-menu-principal-servicos { background: url(../img/bt-menu-principal-servicos.png) no-repeat; width: 63px; height: 11px; } #bt-menu-principal-informacoes-anp { background: url(../img/bt-menu-principal-informacoes-anp.png) no-repeat; width: 123px; height: 13px; } #bt-menu-principal-desenvolvimento-sustentavel { background: url(../img/bt-menu-principal-desenvolvimento-sustentavel.png) no-repeat; width: 125px; height: 28px; } #bt-menu-principal-programas { background: url(../img/bt-menu-principal-programas.png) no-repeat; width: 80px; height: 10px; } #bt-menu-principal-licencas { background: url(../img/bt-menu-principal-licencas.png) no-repeat; width: 62px; height: 11px; } #bt-menu-principal-campanhas { background: url(../img/bt-menu-principal-campanhas.png) no-repeat; width: 62px; height: 11px; } /* PRINCIPAL */ #principal { min-width: 1000px; overflow: hidden; background-color: #FFFFFF; } #principal-index { background: url(../img/bg-principal.jpg) top center no-repeat; width: 100%; overflow: hidden; } #conteudo { width: 1000px; margin: 0 auto; min-height: 310px; margin-bottom: 40px; } .conteudo { width: 1000px; margin: 0 auto; } #menu-topo { background: url(../img/bg-menu-topo.jpg) repeat-x; height: 5px; } #menu { background: #01BCF3; height: 190px; width: 100%; } #menu-interno { width: 984px; height: 190px; margin: 0 auto; color: #FFFFFF; } .menu-bloco { float: left; margin: 25px 0 10px 10px; width: 132px; } .menu-bloco-item { margin: 0 0 10px 0; } .menu-quebra { float: left; width: 1px; height: 150px; margin: 20px 33px 0 33px; border-left: 1px dotted #ffffff; } .menu-titulo { font-size: 15px; font-weight: bold; margin: 0 0 10px 0; } .menu-titulo2 { font-size: 12px; font-weight: bold; margin: 5px 0 16px 0; } /* REPLACES NO MENU */ #bt-menu-a-logum { background: url(../img/bt-menu-a-logum.png) no-repeat; width: 72px; height: 13px; } #bt-menu-sistema-logistico { background: url(../img/bt-menu-sistema-logistico.png) no-repeat; width: 152px; height: 35px; } #bt-menu-contrate-logum { background: url(../img/bt-menu-contrate-logum.png) no-repeat; width: 152px; height: 35px; } #bt-menu-negocios { background: url(../img/bt-menu-negocios.png) no-repeat; width: 84px; height: 16px; } #bt-menu-sociedade-ambiente { background: url(../img/bt-menu-sociedade-ambiente.png) no-repeat; width: 95px; height: 32px; } #bt-menu-recursos-humanos { background: url(../img/bt-menu-recursos-humanos.png) no-repeat; width: 134px; height: 12px; } #bt-menu-informativos { background: url(../img/bt-menu-informativos.png) no-repeat; width: 96px; height: 12px; } #bt-menu-trabalhe-conosco { background: url(../img/bt-menu-trabalhe-conosco.png) no-repeat; width: 134px; height: 12px; } #bt-menu-fale-conosco { background: url(../img/bt-menu-fale-conosco.png) no-repeat; width: 101px; height: 12px; } #bt-menu-conselho { background: url(../img/bt-menu-conselho.png) no-repeat; width: 101px; height: 12px; } #bt-menu-mapa-site { background: url(../img/bt-menu-mapa-site.png) no-repeat; width: 87px; height: 11px; margin: 15px 0 0 0; } /* HOME */ .index-chamada-texto h3 { /*font-family: 'GothamRnd-Bold';*/ font-family: 'Varela Round', sans-serif; font-size: 40px; font-size: 39px \9; /* IE9 */ font-size /*\**/:38px; /* IE8 */ *font-size: 37px; /* IE7 */ text-transform: uppercase; color: #00b6ed; letter-spacing: -3px; } .index-chamada-texto h4 { /*font-family: 'GothamRnd-Bold';*/ font-size: 21px; font-size /*\**/:20px; /* IE8 */ *font-size: 19px; /* IE7 */ text-transform: uppercase; color: #a0cd67; letter-spacing: -1px; } .index-chamada-texto p { /*font-family: 'GothamRnd-Bold';*/ font-size: 16px; text-align: center; margin: 13px 0 0 20px; width: 385px; color: #333333; } /* RODAPÉ */ #rodape { background: url(../img/bg-rodape.jpg) repeat; width: 100%; } #rodape-interno { background: url(../img/bg-rodape-interno.jpg) no-repeat; height: 130px; width: 1000px; margin: 0 auto; } .rodape-texto { padding: 17px 0 0 80px; } .rodape-texto2 { font-size: 11px; margin: 5px 0 0 0; } /* REFERENTE A PÁGINA INDEX */ .index { width: 100%; overflow: hidden; } .index-interno { width: 1000px; margin: 0 auto; position: relative; height: 430px; } .index-chamada { float: left; margin: 36px 0 0 50px; width: 600px; } .index-chamada-texto { margin: 18px 0 0 3px; } .index-destaques { float: left; margin: 52px 0 0 87px; position: relative; z-index: 10; } .index-destaques li { width: 240px; height: 130px; position: relative; list-style: none; margin: 0 0 10px; } .index-destaques li > div { background: url(../img/bg-index-destaque-1-over.png) no-repeat; width: 0; height: 130px; display: none; position: absolute; top: 0; right: 240px; } .index-destaque-over-titulo a { padding: 25px 0 10px 20px; display: block; font-weight: bold; font-size: 14px; text-decoration: none; min-width: 215px; } .index-destaque-over-sub-titulo { margin: 5px 0 5px 20px; font-size: 14px; } .index-destaque-over-texto a { padding: 5px 0 31px 20px; display: block; text-decoration: none; min-width: 400px; } .index-noticias { width: 100%; min-width: 1000px; background: #F3F3F3; height: 100px; margin: 100px 0 0 0; } .index-noticias-interno { width: 1000px; margin: 0 auto; } .index-noticias-titulo { background: url(../img/bg-index-informativos-titulo.png) no-repeat; float: left; width: 185px; height: 30px; margin: 40px 0 0 15px; } .index-noticias-corpo { background: url(../img/bg-index-noticias-corpo.png) no-repeat; float: left; width: 775px; height: 91px; margin: 5px 0 0 10px; padding: 0 0 0 14px; } .index-noticias-bloco { float: left; width: 175px; margin: 29px 9px 0; } .filial { float: left; margin-right: 30px; line-height: 15px; width: 155px; } .filial:last-child { margin-right: 0; } /**menu interno**/ .sub-menu-interno { width: 100%; height: 48px; position: relative; background: url(../img/bg-menu-interno-d.jpg) repeat-x; margin-bottom: 30px; } .sub-menu-interno .centro { width: 1000px; height: 100%; margin: 0 auto; position: relative; z-index: 10; } .sub-menu-interno ul li { float: left; list-style: none; background: #FFFFFF; } .sub-menu-interno ul li a { background-color: #FFFFFF; border: 1px solid #D7D7D7; border-right: none; border-left: none; color: #BBBEBF; display: block; font: 13px GothamRnd-Medium, Arial, Helvetica, sans-serif; letter-spacing: -1px; padding: 16px 18px 15px; text-align: center; } .ie7 .sub-menu-interno ul li a, .ie8 .sub-menu-interno ul li a { padding-bottom: 16px; } .sub-menu-interno ul li a.ativo, .sub-menu-interno ul li a:hover { background-color: #BCBEC0; color: #FFFFFF; text-decoration: none; } .sub-menu-interno ul li.bg-item-azul a, .sub-menu-interno ul li.bg-item-azul a:hover { border: none; background: none; color: #FFFFFF; padding: 17px 15px 16px; text-align: right; } .sub-menu-interno-f, .sub-menu-interno-e, .sub-menu-interno-d { width: 70px; height: 100%; position: absolute; top: 0; } .ie7 .sub-menu-interno-f, .ie7 .sub-menu-interno-e, .ie7 .sub-menu-interno-d { height: 99%; } .sub-menu-interno-e { width: 43%; left: 0; background: #00BCF2; } .sub-menu-interno-f { width: 30%; left: 0; background: #00BCF2; } .sub-menu-interno-d { right: 0; background: url(../img/bg-menu-interno-d.jpg) repeat-x; } .sub-menu-interno ul li.bg-item-azul { width: 260px; height: 100%; background: url(../img/bg-menu-interno-e.jpg) no-repeat; } .sub-menu-interno ul li.menu-info-anp a, .sub-menu-interno ul li.menu-desenvolvimento-sustentavel a { padding: 8px 0; *padding: 0.7em 0 0.7em 0; width: 155px; } .ie9 .sub-menu-interno ul li.menu-info-anp a, .ie9 .sub-menu-interno ul li.menu-desenvolvimento-sustentavel a { padding: 8px 0 7px 0; } .ie8 .sub-menu-interno ul li.menu-info-anp a, .ie8 .sub-menu-interno ul li.menu-desenvolvimento-sustentavel a { padding: 9px 0 9px 0; } .lk-sistema-logistico-interno { background: url(../img/lk-sistema-logistico-interno.png) no-repeat; } .lk-o-sistema-interno { width: 154px; background: url(../img/lk-o-sistema-logum-interno.png) no-repeat; } .lk-sobre-etanol-interno { width: 148px; background: url(../img/lk-sobre-etanol-interno.png) no-repeat; } /* Fim do menu interno */ .titulo-pagina { margin: 30px 0 10px 17px; } .subtitulo-pagina { margin: 30px 0 20px 30px; width: 900px; } .texto-conteudo-pagina { line-height: 17px; margin: 10px 30px 10px 20px; color: #666666; } /* REFERENTE A PÁGINA A LOGUM */ .a-logum-quadro { background: url(../img/bg-a-logum-quadro.jpg) top no-repeat; width: 1116px; margin: 10px auto 0 auto; min-height: 710px; } .a-logum-quadro-interno { width: 1000px; margin: 0 auto; font-weight: normal; } .a-logum-quadro-titulo { font-size: 28px; padding: 90px 0 0; } .a-logum-quadro-texto { font-size: 16px; padding: 10px 0 0; } .a-logum-blocos { margin: 30px 0 20px; } .a-logum-bloco { float: left; margin: 0 10px 0 0; border-bottom: 1px dotted #999999; } .a-logum-bloco-titulo { width: 183px; margin: 5px 0 5px 0; } .a-logum-dados { float: left; width: 440px; margin: 0 0 10px 0; } .a-logum-titulo { font-size: 22px; font-weight: bold; margin: 20px 0 10px 0; } .a-logum-texto { margin: 20px 0 10px 0; line-height: 16px; } .a-logum-destaque { /*background: url(../img/bg-a-logum-destaque.png) no-repeat; width: 485px; height: 255px;*/ float: left; margin: 20px 0 0 40px; } .a-logum-visao { background: url(../img/bg-a-logum-visao.png) no-repeat; width: 966px; height: 85px; margin: 50px 0 0 30px; padding: 0 0 30px 0; } .a-logum-visao-titulo { font-size: 28px; font-weight: bold; float: left; margin: 20px 0 0 40px; } .a-logum-visao-texto { float: left; margin: 20px 0 0 40px; width: 750px; } /* REFERENTE A PÁGINA CONTRATE A LOGUM */ .contrate-a-logum-quadro { background: url(../img/bg-contrate-a-logum-quadro.jpg) top no-repeat; width: 1116px; margin: 10px auto 0 auto; } /* REFERENTE A PÁGINA SISTEMA LOGÍSTICO */ .sistema-logistico-quadro { background: url(../img/bg-sistema-logistico-quadro.jpg) top no-repeat; width: 1116px; margin: 10px auto 0 auto; } .sistema-logistico-dados { float: left; width: 550px; margin: 0 0 10px 10px; } .sistema-logistico-texto { width: 500px; } .sistema-logistico-img-1 { background: url(../img/bg-index-img-1.png) no-repeat; width: 440px; height: 80px; float: left; margin: 70px 0 110px 0; } /* REFERENTE A PÁGINA NEGÓCIOS */ .negocios-quadro { background: url(../img/bg-negocios-quadro.jpg) top no-repeat; width: 1116px; margin: 10px auto 0 auto; } .negocios-dados { margin: 0 0 0 30px; padding: 0 0 40px 0; } .negocios-texto { margin: 25px 0 25px 0; } .negocios-texto-item { margin: 15px 0 10px 0; } .negocios-sub-menu { background: url(../img/bg-negocios-sub-menu.jpg) center no-repeat; width: 100%; height: 48px; } /* REFERENTE A PÁGINA SOCIEDADE E AMBIENTE */ .sociedade-e-ambiente-quadro { background: url(../img/bg-sociedade-e-ambiente-quadro.jpg) top no-repeat; width: 1063px; margin: 10px auto 0 auto; } .sociedade-e-ambiente-destaque { background: url(../img/bg-sociedade-e-ambiente-destaque.jpg) no-repeat; width: 485px; height: 295px; float: left; margin: 20px 0 0 40px; } /* REFERENTE A PÁGINA QUEM SOMOS */ .a-logum-sub-menu { background: url(../img/bg-a-logum-sub-menu.jpg) center no-repeat; width: 100%; height: 48px; } .a-logum-sub-menu-bloco { background: url(../img/bg-a-logum-sub-menu.jpg) center no-repeat; width: 1024px; margin: 0 auto; padding: 0 0 0 532px; } .sub-menu-bt { float: left; } .quem-somos-menu { margin: 0 0 10px 30px; } .quem-somos-bt { float: left; margin: 0 10px 0 0; } .quem-somos-bt a { text-decoration: underline; } .quem-somos-img-1 { float: left; background: url(../img/bg-quem-somos-img-12.png) no-repeat; width: 496px; height: 278px; margin: 10px 0 0 30px; } .quem-somos-img-2 { float: right; background: url(../img/bg-quem-somos-img-2.png) no-repeat; width: 458px; height: 281px; margin: 20px 0 0 20px; } .quem-somos-img-13 { float: left; background: url(../img/bg-quem-somos-img-13.png) no-repeat; width: 458px; height: 281px; margin: 20px 0 0 20px; } .quem-somos-sub-titulo { margin: 15px 0 10px; } /*.quem-somos-texto{ float: left; width: 460px; margin: 40px 0 0 0; } .quem-somos-texto2{ float: left; margin: 20px 0 10px 30px; width: 480px; } .quem-somos-texto3{ margin: 0 0 10px 30px; width: 940px; } */ .txt-estrutura-acionaria { margin-top: 70px; } .quem-somos-quebra { width: 930px; height: 1px; background: #E1E1E1; margin: 30px 0 30px 30px; } .quem-somos-recursos-humanos-texto { margin: 0 0 20px 30px; float: left; width: 460px; } .quem-somos-recursos-humanos-quadro { width: 476px; float: left; margin: 0 15px 20px 0; } .quem-somos-recursos-humanos-quadro-titulo { font-size: 14px; font-weight: bold; padding: 12px 0 10px 10px; } .quem-somos-recursos-humanos-quadro-principal { background: url(../img/bg-quem-somos-quadro-principal.png) repeat-y; padding: 20px 0 10px 20px; width: 476px; } .quem-somos-recursos-humanos-quadro-texto { width: 430px; } .quem-somos-recursos-humanos-quadro-ver-mais { background: url(../img/bg-quem-somos-quadro-rodape.png) no-repeat; padding: 0 0 0 350px; width: 476px; height: 55px; } .quem-somos-botoes { margin: 40px 0 30px 30px; } .quem-somos-botoes .quem-somos-bt { margin: 0 27px 0 0; } .quem-somos-bloco { margin: 20px 0 50px 30px; } .quem-somos-bloco-img { float: left; margin: 0 20px 20px 0; } .quem-somos-bloco-titulo { margin: 0 0 10px 0; } /* REFERENTE A PÁGINA ESTRUTURA ORGANIZACIONAL */ .estrutura-organizacional-img { float: left; width: 326px; height: 271px; margin: 0 100px 0 0; background: url(../img/img-graficos.jpg) no-repeat; -webkit-background-size: 3586px 1626px; } .estrutura-organizacional-detalhes-img { float: left; margin: 60px 10px 0 10px 50px; width: 50px; } map { cursor: pointer; } .estrutura-organizacional-img-1 { background-position: -326px 0; } .estrutura-organizacional-img-2 { background-position: -652px 0; } .estrutura-organizacional-img-3 { background-position: -978px 0; } .estrutura-organizacional-img-4 { background-position: -1304px 0; } .estrutura-organizacional-img-5 { background-position: -1630px 0; } .estrutura-organizacional-img-6 { background-position: -1956px 0; } .estrutura-organizacional-img-7 { background-position: -2282px 0; } .estrutura-organizacional-img-8 { background-position: -2608px 0; } .estrutura-organizacional-img-9 { background-position: -2934px 0; } .estrutura-organizacional-img-10 { background-position: -3260px 0; } .estrutura-organizacional-img-11 { background-position: -326px -271px; } .estrutura-organizacional-img-12 { background-position: -652px -271px; } .estrutura-organizacional-img-13 { background-position: -978px -271px; } .estrutura-organizacional-img-14 { background-position: -1304px -271px; } .estrutura-organizacional-img-15 { background-position: -1630px -271px; } .estrutura-organizacional-img-16 { background-position: -1956px -271px; } .estrutura-organizacional-img-17 { background-position: -2282px -271px; } .estrutura-organizacional-img-18 { background-position: -2608px -271px; } .estrutura-organizacional-img-19 { background-position: -2934px -271px; } .estrutura-organizacional-img-20 { background-position: -3260px -271px; } .estrutura-organizacional-img-21 { background-position: -326px -542px; } .estrutura-organizacional-img-22 { background-position: -652px -542px; } .estrutura-organizacional-img-23 { background-position: -978px -542px; } .estrutura-organizacional-img-24 { background-position: -1304px -542px; } .estrutura-organizacional-img-25 { background-position: -1630px -542px; } .estrutura-organizacional-img-26 { background-position: -1956px -542px; } .estrutura-organizacional-img-27 { background-position: -2282px -542px; } .estrutura-organizacional-img-28 { background-position: -2608px -542px; } .estrutura-organizacional-img-29 { background-position: -2934px -542px; } .estrutura-organizacional-img-30 { background-position: -3260px -542px; } .estrutura-organizacional-img-31 { background-position: -326px -813px; } .estrutura-organizacional-img-32 { background-position: -652px -813px; } .estrutura-organizacional-img-33 { background-position: -978px -813px; } .estrutura-organizacional-img-34 { background-position: -1304px -813px; } .estrutura-organizacional-img-35 { background-position: -1630px -813px; } .estrutura-organizacional-img-36 { background-position: -1956px -813px; } .estrutura-organizacional-img-37 { background-position: -2282px -813px; } .estrutura-organizacional-img-38 { background-position: -2608px -813px; } .estrutura-organizacional-img-39 { background-position: -2934px -813px; } .estrutura-organizacional-img-40 { background-position: -3260px -813px; } .estrutura-organizacional-img-41 { background-position: -326px -1084px; } .estrutura-organizacional-img-42 { background-position: -652px -1084px; } .estrutura-organizacional-img-43 { background-position: -978px -1084px; } .estrutura-organizacional-img-44 { background-position: -1304px -1084px; } .estrutura-organizacional-img-45 { background-position: -1630px -1084px; } .estrutura-organizacional-img-46 { background-position: -1956px -1084px; } .estrutura-organizacional-img-47 { background-position: -2282px -1084px; } .estrutura-organizacional-img-48 { background-position: -2608px -1084px; } .estrutura-organizacional-img-49 { background-position: -2934px -1084px; } .estrutura-organizacional-img-50 { background-position: -3260px -1084px; } .estrutura-organizacional-img-51 { background-position: -326px -1355px; } .estrutura-organizacional-img-52 { background-position: -652px -1355px; } .estrutura-organizacional-img-53 { background-position: -978px -1355px; } .estrutura-organizacional-img-54 { background-position: -1304px -1355px; } .estrutura-organizacional-img-55 { background-position: -1630px -1355px; } .estrutura-organizacional-img-56 { background-position: -1956px -1355px; } .estrutura-organizacional-img-57 { background-position: -2282px -1355px; } .estrutura-organizacional-img-58 { background-position: -2608px -1355px; } .estrutura-organizacional-img-59 { background-position: -2934px -1355px; } .estrutura-organizacional-img-60 { background-position: -3260px -1355px; } .estrutura-organizacional-detalhes-titulo { margin: 0 0 10px; font-size: 11px; } .estrutura-organizacional-detalhes-texto p { line-height: 140%; font-size: 11px; margin-bottom: 10px; } .estrutura-organizacional-detalhes-texto a { font-size: 11px; } .estrutura-organizacional-detalhes-texto .lk-fechar-organizacao { position: absolute; bottom: 20px; right: 30px; color: #01BCF3; } #estrutura-acionaria { position: relative; } #estrutura-acionaria .bg-estrutura-organizacional { width: 326px; height: 271px; position: absolute; top: 0; left: 0; } .organizacao-detalhes { position: absolute; width: 180px; padding: 80px 23px 0 30px; display: none; z-index: 10; *left: 332px; } .organizacao-detalhes-1 { background: url(../img/bg-organizacao-detalhes-1.png) no-repeat; height: 379px; margin: -85px 0 0 115px; } .organizacao-detalhes-2 { background: url(../img/bg-organizacao-detalhes-2.png) no-repeat; height: 198px; margin: -80px 0 0 220px; } .organizacao-detalhes-3 { background: url(../img/bg-organizacao-detalhes-3.png) no-repeat; height: 289px; margin: -60px 0 0 280px; } .organizacao-detalhes-4 { background: url(../img/bg-organizacao-detalhes-4.png) no-repeat; height: 290px; margin: -15px 0 0 255px; } .organizacao-detalhes-5 { background: url(../img/bg-organizacao-detalhes-5.png) no-repeat; height: 315px; margin: 10px 0 0 195px; } .organizacao-detalhes-6 { background: url(../img/bg-organizacao-detalhes-6.png) no-repeat; height: 332px; margin: -75px 0 0 115px; } .conteudoAberto { display: block; } .sub-titulo { margin-left: 20px; } .estrutura-organizacional-imagem { margin: 30px 0 0 30px; } /* REFERENTE A PÁGINA NOSSA MARCA */ .nossa-marca-esq { float: left; width: 540px; margin-top: 37px; } .nossa-marca-img-1 { float: left; background: url(../img/bg-nossa-marca-img-1.png) no-repeat; width: 459px; height: 220px; margin: 20px 0 20px 0; } .nossa-marca-texto { margin: 20px 0 20px 30px; width: 450px; } .nossa-marca-img-2 { float: left; width: 334px; height: 84px; margin: 80px 0 20px 90px; } .nossa-marca-blocos { margin: 40px 0 0 30px; } .nossa-marca-titulo { margin: 20px 0 0 0; } .nossa-marca-bloco { float: left; margin: 20px 50px; } .nossa-marca-bloco-material-impresso { float: left; margin: 20px 80px 20px 0; } .nossa-marca-bloco-titulo { margin: 10px 0 10px 0; } .nossa-marca-quebra { width: 915px; height: 1px; background: #E1E1E1; margin: 10px 0 0 0; } .nossa-marca-esq-2 { float: left; } .nossa-marca-dir-2 { float: left; } /* REFERENTE A PÁGINA HISTÓRIA */ .historia-texto { font-size: 14px; margin: 10px 0 10px 30px; width: 400px; } .historia-blocos { margin: 0 0 0 30px; } .historia-bloco { float: left; margin: 20px 0 20px 0; width: 308px; height: 239px; } .sistema-logistico-sub-menu { background: url(../img/bg-sistema-logistico-sub-menu.jpg) center no-repeat; width: 100%; height: 48px; } /* REFERENTE A PÁGINA SOBRE O ETANOL */ .sobre-etanol-texto { margin: 20px 0 20px 30px; width: 400px; font-size: 14px; } .sobre-etanol-img-1 { margin: 30px 0 10px 30px; } .sobre-etanol-titulo { margin: 30px 0 30px 30px; } .sobre-etanol-img-2 { margin: 30px 0 10px 30px; float: left; } .sobre-etanol-textos { float: left; width: 800px; margin: 45px 0 0 30px; } .sobre-etanol-texto-2 { margin: 100px 0 0 0; } .sobre-etanol-texto-3 { margin: 100px 0 0 0; } .sobre-etanol-texto-4 { margin: 110px 0 20px 0; } /* REFERENTE A PÁGINA FALE CONOSCO */ .fale-conosco-esq { float: left; width: 520px; margin: 40px 0 0 30px; min-height: 500px; } .fale-conosco-dir { float: left; margin: 20px 0 20px 40px; } .fale-conosco-topo-texto { margin: 10px 0 10px 0; width: 500px; font-size: 14px; } .fale-conosco-img-1 { background: url(../img/bg-fale-conosco-img-1.png) no-repeat; width: 382px; height: 131px; margin: 20px 0 0 0; } .fale-conosco-img-2 { background: url(../img/bg-fale-conosco-img-2.png) no-repeat; width: 382px; height: 131px; margin: 20px 0 20px 0; } .fale-conosco-texto { margin: 0 0 20px 10px; } .fale-conosco-titulo { margin: 0 0 10px 0; } .fale-conosco-select { width: 482px; height: 26px; margin: 0 0 10px 0; } .fale-conosco-campo { width: 482px; height: 26px; margin: 0 0 10px 0; } .fale-conosco-telefone { width: 270px; height: 26px; margin: 0 0 10px 0; } .fale-conosco-textarea { background: url(../img/bg-input-textarea.png) no-repeat; width: 482px; height: 86px; margin: 0 0 10px 0; } .fale-conosco-bt-enviar, .trabalhe-conosco-bt-enviar { margin: 0 37px 0 20px; } #bt-enviar-fale-conosco { margin-right: 37px; } .input-fale-conosco, .input-fale-conosco-telefone { border: 0; background: url(../img/bg-input-text.png) no-repeat; width: 462px; height: 20px; padding: 3px 10px; *padding: 5px 10px 1px; padding: 5px 10px 1px\9; color: #666; } .input-fale-conosco-telefone { width: 250px; background: url("../img/bg-input-telefone.png") no-repeat scroll 0 0 transparent; } .input-fale-conosco-textarea { background: url(../img/bg-input-textarea.png) no-repeat; width: 462px; height: 80px; border: 0; resize: none; padding: 3px 10px; *padding: 5px 10px 1px; padding: 5px 10px 1px\9; color: #666; } .input-fale-conosco-select { background: url(../img/bg-input-select.png) no-repeat; width: 482px; height: 26px; border: 0; padding: 3px; color: #666; } #selEstado.input-fale-conosco-select, #selCidade.input-fale-conosco-select { width: 235px } .fale-conosco-msg { margin: 0 0 10px 0; height: 16px; overflow: hidden; } .msg-fale-conosco { margin: 50px auto 0; background: url(../img/msg-fale-conosco.gif) no-repeat; width: 470px; height: 99px; } /* REFERENTE A PÁGINA TRABALHE CONOSCO */ .trabalhe-conosco-esq { float: left; margin: 0 0 0 0; } .trabalhe-conosco-dir { float: left; width: 520px; margin: -20px 0 20px 60px; } .trabalhe-conosco-modelo { width: 374px; height: 106px; margin: 55px 0 10px 30px; } .trabalhe-conosco-texto { margin: 0 0 20px 40px; width: 380px; } .trabalhe-conosco-texto-titulo { margin: 0 0 20px 40px; width: 380px; font-weight: bold; font-size: 14px; } .trabalhe-conosco-titulo { margin: 0 0 10px 0; float: left; width: 245px; } .trabalhe-conosco-estado { width: 235px; height: 26px; margin: 0 10px 10px 0; float: left; } .trabalhe-conosco-telefone { width: 235px; height: 26px; margin: 0 10px 10px 0; float: left; } .input-trabalhe-conosco-select { background: url(../img/bg-select-estado-ciadde.png) no-repeat; height: 26px; border: 0; padding: 3px 10px; width: 235px; } .trabalhe-conosco-dir .input-file { background: url(../img/bg-input-file.png) no-repeat; height: 26px; width: 479px; border: 0; margin: 0 0 20px 0; } .input-trabalhe-conosco-estado { background: url(../img/bg-input-estado.png) no-repeat; width: 215px; height: 20px; border: 0; padding: 3px 10px; *padding: 5px 10px 1px; padding: 5px 10px 1px\9; } .input-trabalhe-conosco-telefone { background: url(../img/bg-input-telefone2.png) no-repeat; width: 215px; height: 20px; border: 0; padding: 3px 10px; *padding: 5px 10px 1px; padding: 5px 10px 1px\9; } .input-trabalhe-conosco-multiply { border: none; width: 482px; height: 189px; padding: 9px 10px; background: none; } .input-trabalhe-conosco-multiply option { margin-bottom: 3px; } .trabalhe-conosco-campo-multiply { background: url(../img/bg-input-multiply.png) no-repeat; width: 482px; height: 189px; margin: 0 0 10px 0; } .trabalhe-conosco-topo-texto { margin: 10px 0 30px 40px; width: 500px; } .trabalhe-conosco-img-1 { margin: 10px 0 10px 24px; background: url(../img/bg-trabalhe-conosco-img-1.png); width: 396px; height: 167px; } .msg-trabalhe-conosco { margin: 50px auto 0; background: url(../img/msg-trabalhe-conosco.gif) no-repeat; width: 470px; height: 99px; } /* REFERENTE A PÁGINA O QUE É */ .o-que-e-img-1 { background: url(../img/bg-o-que-e-img-1.png) no-repeat; width: 1038px; height: 513px; margin: 0 auto 0 auto; } .o-que-e-texto { margin: 20px 0 20px 30px; width: 900px; } .o-que-e-bloco { float: left; margin: 20px 10px 20px 0; width: 312px; } .o-que-e-bloco-principal { background: url(../img/bg-o-que-e-quadro-principal.png) repeat-y; width: 312px; height: 385px; } .o-que-e-bloco-rodape { background: url(../img/bg-o-que-e-quadro-rodape.png) no-repeat 0 bottom; width: 312px; height: 24px; text-align: right; } .o-que-e-bloco-ver-mais { padding: 10px 20px 0 0; } .o-que-e-bloco-img { padding: 15px 0 15px 15px; } .o-que-e-bloco-texto { margin: 0 15px 0 15px; } /* REFERENTE A PÁGINA POLÍTICAS SMS E RSA */ .programas-sub-menu { background: url(../img/bg-sociedade-e-ambiente-sub-menu.jpg) center no-repeat; width: 100%; height: 48px; } .programas-sub-menu-bloco { width: 1024px; margin: 0 auto; padding: 0 0 0 532px; } .politicas-sms-texto { margin: 30px 0 20px 30px; width: 900px; } /* REFERENTE A PÁGINA DE BUSCA */ .busca-sub-menu { background: url(../img/bg-busca-sub-menu.jpg) center no-repeat; width: 100%; height: 31px; margin: 30px 0 0 0; } .busca-palavra-chave { float: left; padding: 9px 0 0 230px; } .busca-paginas { float: right; margin: 9px 0 0 30px; } .busca-menu { border-bottom: 1px solid #D7D7D7; width: 100%; margin: 0 0 20px 0; height: 29px; } .busca-bloco { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #D7D7D7; } .busca-categoria { margin: 10px 0 10px 30px; width: 980px; font-size: 11px; } .busca-titulo { margin: 10px 0 10px 30px; width: 980px; font-size: 16px; font-weight: bold; } .busca-texto { margin: 10px 0 10px 30px; width: 980px; } .busca-voltar-ao-topo { text-decoration: underline; float: right; margin: 0 0 10px 0; } /* PROGRAMAS */ .programas-bloco-img { padding: 30px 0 0 28px; } .programas-bloco-texto { margin: 0 13px; padding: 15px 0 0 0; } /* DESENVOLVILMENTO SUSTENTÁVEL */ .desenvolvimento-sustentavel-img-1 { float: left; background: url(../img/bg-desenvolvimento-sustentavel-img-1.png) no-repeat; width: 404px; height: 282px; margin: 30px 0 0 35px; } .desenvolvimento-sustentavel-img-2 { float: left; background: url(../img/bg-desenvolvimento-sustentavel-img-2.png) no-repeat; width: 404px; height: 282px; margin: 30px 0 0 40px; } .desenvolvimento-sustentavel-dados { float: left; width: 520px; margin: 20px 0 0 35px; } .desenvolvimento-sustentavel-texto { padding: 20px 0 20px 40px; } /* FATOR DE EMISSÃO */ .fator-de-emissao-dados { float: left; margin: 20px 0 0 35px; } .fator-de-emissao-texto { padding: 20px 0 20px 40px; } .emissoes-graficos { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items: center; align-content: center; box-shadow: 0 0 10px rgba(0, 0, 0, .1); border-radius: 10px; padding: 30px; } .emissoes-graficos div { text-align: center; order: 0; flex: 0 1 auto; align-self: auto; border-radius: 10px; } .emissoes-graficos .col-a { border: 1px dashed #bcbec0; padding: 20px 20px; font-weight: bold; } .emissoes-graficos .col-b { } .emissoes-graficos .col-c { background-color: #f3f3f3; padding: 20px 20px; } .emissoes-graficos .col-b p { padding: 10px; border-radius: 10px; color: #FFFFFF; } .emissoes-graficos .col-b p:nth-of-type(1) { background-color: #00bcf2; } .emissoes-graficos .col-b p:nth-of-type(2) { color: inherit; } .emissoes-graficos .col-b p:nth-of-type(3) { background-color: #000000; } .emissoes-graficos .seta { font-size: 2em; } /* Área do Conselho */ .conteudo-conselho { width: 950px; padding: 0 25px; min-height: 170px; color: #666666; } .conteudo-conselho .tit-arquivo-reuniao { padding-bottom: 10px; } .conteudo-conselho .lista-arquivos { margin-left: 25px; } .conteudo-conselho .lista-arquivos li { margin-bottom: 10px; } .conteudo-conselho .lista-arquivos li a { margin-left: 3px; color: #008000; text-decoration: underline; } .box-reuniao { color: #666666; width: 700px; } .box-cabecalho-reuniao { color: #ffffff; background-color: #00bcf2; padding: 5px 25px; } .box-cabecalho-reuniao span { float: left; margin-right: 25px; } .box-corpo-reuniao { background-color: #efefef; border: 1px solid #CACACA; padding: 10px 25px; } .box-corpo-reuniao h4 { margin-bottom: 8px; } .box-corpo-reuniao .pontilhado { background: url("../img/pontilhado-cinza2.png") repeat-x scroll 0 10px transparent; height: 23px; } .box-corpo-reuniao ul li { margin: 0 0 5px 30px; } .box-corpo-reuniao a { color: #3a8000; } /* NOTÍCIAS (Informativos) */ .conteudo-noticias { width: 950px; padding: 0 25px; } .noticias-sub-menu { width: 100%; height: 60px; position: relative; margin-bottom: 40px; background: url(../img/bg-menu-interno-d.jpg) repeat-x 0 bottom; } .noticias-sub-menu .centro { width: 940px; height: 100%; margin: 0 auto; position: relative; z-index: 10; border-bottom: 1px solid #D7D7D7; height: 29px; } .noticias-sub-menu .centro-titulo { background-color: #0F8DC8; border: none; height: 30px; } .noticias-sub-menu .centro-titulo h3 { width: 260px; background: url(../img/bg-menu-interno-e.jpg) no-repeat; font: 13px GothamRnd-Medium, Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 8px 0 7px; } .noticias-sub-menu ul li { float: left; list-style: none; background: #FFFFFF; } .noticias-sub-menu ul li a { font: 13px/29px GothamRnd-Medium, Arial, Helvetica, sans-serif; display: block; background-color: #FFFFFF; color: #BBBEBF; padding: 0 18px; border-left: none; text-align: center; letter-spacing: -1px; } .noticias-sub-menu ul li a.ativo, .noticias-sub-menu ul li a:hover { background-color: #BCBEC0; color: #FFFFFF; text-decoration: none; } .noticias-sub-menu-e, .noticias-sub-menu-d { width: 50%; height: 30px; position: absolute; top: 0; } .noticias-sub-menu-e { left: 0; background: #00BCF2; } .noticias-sub-menu-d { left: 50%; background: #0F8DC8; } .noticias-destaque { float: left; padding: 0 30px 0 0; border-right: 1px dotted #999999; width: 400px; margin: 20px 0 40px 0; } .noticias-destaque-img { background: url(../img/bg-noticias-img.png) no-repeat; width: 379px; height: 221px; padding: 19px 0 0 19px; margin: 0 0 10px 0; } .noticias-destaques { float: left; margin: 20px 0 40px 18px; width: 550px; } .noticias-destaques-img { float: left; margin: 0 10px 10px 0; width: 230px; } .noticias-destaques-quebra { border-bottom: 1px dotted #999999; width: 540px; margin: 0 0 30px 0; } .noticias-dt { font-size: 11px; } .noticias-titulo { font-weight: bold; margin: 10px 0 10px 0; } .noticias-quebra { margin: 0 0 15px 0; } .noticias-bloco { margin: 10px 0 10px 0; } .noticias-bloco-img { float: left; margin: 0 10px 10px 0; } .sobre-etanol-texto, .solicitacao-texto, .servicos-texto { margin: 30px 0 20px 30px; width: 960px; } /* SERVIÇOS */ .servicos-quebra { border-bottom: 1px solid #cccccc; width: 970px; margin: 0 0 30px 30px; } .servicos-como-contratar-texto { float: left; margin: 20px 40px 0 30px; width: 400px; } .servicos-como-contratar-bt { float: left; } #servicos-balao-1 { background: url(../img/bg-servicos-balao-1.png) no-repeat; width: 232px; height: 242px; position: absolute; margin: -250px 0 0 618px; display: none; } .servicos-balao-texto { margin: 20px 0 0 30px; width: 180px; font-size: 11px; line-height: 140%; } #servicos-balao-2 { background: url(../img/bg-servicos-balao-2.png) no-repeat; width: 232px; height: 180px; position: absolute; margin: -170px 0 0 618px; display: none; } #servicos-balao-3 { background: url(../img/bg-servicos-balao-3.png) no-repeat; width: 232px; height: 257px; position: absolute; margin: -160px 0 0 618px; display: none; } #servicos-balao-2 .servicos-balao-texto, #servicos-balao-3 .servicos-balao-texto { margin-top: 26px; } #servicos-balao-4 { background: url(../img/bg-servicos-balao-4.png) no-repeat; width: 232px; height: 118px; position: absolute; margin: -185px 0 0 720px; display: none; } #servicos-balao-5 { background: url(../img/bg-servicos-balao-5.png) no-repeat; width: 232px; height: 131px; position: absolute; margin: -93px 0 0 720px; display: none; } .mapa-maior { width: 950px; margin: 0 0 40px 10px; position: relative; } /* O SISTEMA LOGUM */ .o-sistema-logum-quadro-1 { background: url(../img/bg-o-sistema-logum-quadro-1.png) no-repeat; width: 959px; height: 53px; margin: 0 0 20px 15px; padding: 12px 10px; } .o-sistema-logum-quadro-1 li { float: left; list-style: none; } .o-sistema-logum-quadro-1 li a { height: 53px; background: url(../img/lk-menu-sistema.png) no-repeat; } .o-sistema-logum-quadro-1 li .lk-terminais { width: 172px; background-position: 0 0; } .o-sistema-logum-quadro-1 li .lk-dutovia { width: 151px; background-position: -172px 0; } .o-sistema-logum-quadro-1 li .lk-hidrovia { width: 155px; background-position: -323px 0; } .o-sistema-logum-quadro-1 li .lk-armazenamento { width: 250px; background-position: -478px 0; } .o-sistema-logum-quadro-1 li .lk-distribuicao { width: 222px; background-position: -728px 0; } .o-sistema-logum-quadro-1 li .lk-terminais:hover, .o-sistema-logum-quadro-1 li .lk-terminais.ativo { background-position: 0 -53px; } .o-sistema-logum-quadro-1 li .lk-dutovia:hover, .o-sistema-logum-quadro-1 li .lk-dutovia.ativo { background-position: -172px -53px; } .o-sistema-logum-quadro-1 li .lk-hidrovia:hover, .o-sistema-logum-quadro-1 li .lk-hidrovia.ativo { background-position: -323px -53px; } .o-sistema-logum-quadro-1 li .lk-armazenamento:hover, .o-sistema-logum-quadro-1 li .lk-armazenamento.ativo { background-position: -478px -53px; } .o-sistema-logum-quadro-1 li .lk-distribuicao:hover, .o-sistema-logum-quadro-1 li .lk-distribuicao.ativo { background-position: -728px -53px; } .o-sistema-logum-img-1 { background: url(../img/bg-o-sistema-logum-img-1.png) no-repeat; width: 966px; height: 130px; margin: 20px 0 0 17px; } .o-sistema-logum-img-2 { background: url(../img/bg-o-sistema-logum-img-2.jpg) no-repeat; width: 982px; height: 185px; margin: 20px 0 0 12px; } .o-sistema-logum-img-3 { background: url(../img/bg-o-sistema-logum-img-3.png) no-repeat; width: 966px; height: 150px; margin: 20px 0 0 17px; } .o-sistema-logum-img-4 { background: url(../img/bg-o-sistema-logum-img-4.jpg) no-repeat; width: 968px; height: 460px; margin: 20px 0 0 17px; } .o-sistema-logum-quadro-1-botoes { padding: 22px 0 0 39px; } .o-sistema-logum-bt-terminais { float: left; } .o-sistema-logum-bt-dutovias { float: left; margin: 0 0 0 87px; } .o-sistema-logum-bt-hidrovias { float: left; margin: 0 0 0 87px; } .o-sistema-logum-bt-armazenamento { float: left; margin: 0 0 0 29px; } .o-sistema-logum-bt-distribuicao { float: left; margin: 0 0 0 53px; } .o-sistema-logum-quadro-2 { background: url(../img/bg-o-sistema-logum-quadro-2.png) no-repeat; width: 974px; height: 469px; margin: 20px 0 10px 12px; padding: 10px 0 0 12px; } .terminais-quadro { background: url(../img/bg-terminais-quadro.png) no-repeat; width: 713px; height: 451px; float: left; margin: 0 10px 0 27px; } .terminais-mapa { float: left; } .terminais-quadro-img { margin: 40px 0 0 12px; } .terminais-quadro-texto { margin: 15px 0 0 20px; width: 680px; line-height: 17px; } .dutovias-quadro { background: url(../img/bg-dutovias-quadro.png) no-repeat; width: 713px; height: 523px; float: left; margin: 0 10px 0 27px; } .dutovias-quadro-texto { margin: 15px 0 0 20px; width: 420px; float: left; } .dutovias-quadro-img { float: left; margin: 20px 0 0 10px; } .hidrovias-quadro { background: url(../img/bg-hidrovias-quadro.png) no-repeat; width: 713px; height: 473px; float: left; margin: 0 10px 0 27px; } .hidrovias-quadro-img { float: left; margin: 20px 0 0 35px; } .armazenamento-quadro { background: url(../img/bg-armazenamento-quadro.png) no-repeat; width: 713px; height: 399px; float: left; margin: 0 10px 0 27px; } .distribuicao-quadro { background: url(../img/bg-distribuicao-quadro.png) no-repeat; width: 713px; height: 624px; float: left; margin: 0 10px 0 27px; } /* LICENÇAS*/ .licencas-bloco-principal { background: url(../img/bg-o-que-e-quadro-principal.png) repeat-y; width: 312px; height: 405px; } .titulo-um-transporte { background: url(../img/bg-titulo-um-transporte.png) no-repeat; width: 478px; height: 25px; } .titulo-dutovia { background: url(../img/bg-titulo-dutovia.png) no-repeat; width: 88px; height: 20px; } .titulo-etanol-brasileiro { background: url(../img/bg-titulo-etanol-brasileiro.png) no-repeat; width: 403px; height: 25px; } .titulo-preservar-a-vida { background: url(../img/bg-titulo-preservar-a-vida.png) no-repeat; width: 461px; height: 54px; } .lk-assista { background: url(../img/lk-assista.png) no-repeat; width: 156px; height: 30px; float: left; position: absolute; left: 145px; bottom: 0; } .lk-bndes { text-decoration: underline; } /*-----NOTICIAS DETALHES------*/ .conteudo-noticia-detalhe { padding: 0 30px 30px; width: 940px; overflow: hidden; } .conteudo-noticia-detalhe .noticias-detalhes-voltar { margin-bottom: 20px; } .conteudo-noticia-detalhe .data { font: 11px Verdana, Geneva, sans-serif; color: #666666; } .conteudo-noticia-detalhe h2 { font: bold 25px Verdana, Geneva, sans-serif; color: #00BBF2; margin: 5px 0; } .conteudo-noticia-detalhe .noticias-detalhe-texto { margin: 35px 0 50px; } .conteudo-noticia-detalhe .noticias-detalhe-texto p { color: #666666; } .conteudo-noticia-detalhe .imagens-noticia-detalhe { float: left; margin: 0 20px 20px 0; } .conteudo-noticia-detalhe .imagens-noticia-detalhe .imagem-destaque { background: url(../img/bg-imagem-noticia-detalhe.jpg) no-repeat; width: 445px; height: 251px; margin: 0 0 10px; padding: 20px 20px 24px; overflow: hidden; text-align: center; } .conteudo-noticia-detalhe .imagens-noticia-detalhe .imagem-destaque img { max-height: 100%; } .conteudo-noticia-detalhe .imagens-relacionadas { background: url(../img/bg-imagens-relacionadas-noticia.jpg) no-repeat; width: 445px; height: 79px; padding: 18px 20px; } .conteudo-noticia-detalhe .imagens-relacionadas ul { list-style: none; overflow: hidden; padding-left: 15px; height: 79px; } .conteudo-noticia-detalhe .imagens-relacionadas li { width: 75px; height: 75px; margin-right: 6px; overflow: hidden; float: left; text-align: center; border: 2px solid transparent; } .conteudo-noticia-detalhe .imagens-relacionadas li.ativo { border-color: #01BCF3; } .conteudo-noticia-detalhe .imagens-relacionadas li img { max-height: 100%; } .conteudo-noticia-detalhe .imagens-relacionadas .jcarousel-container, .conteudo-noticia-detalhe .imagens-relacionadas .jcarousel-clip { width: 335px; height: 79px; } .conteudo-noticia-detalhe .imagens-relacionadas .jcarousel-prev, .conteudo-noticia-detalhe .imagens-relacionadas .jcarousel-next { top: 23px; } .conteudo-noticia-detalhe .arquivo-download { clear: both; } .conteudo-noticia-detalhe .arquivo-download h3 { font: 24px GothamRnd-Medium, Arial, Helvetica, sans-serif; letter-spacing: -2px; color: #A0CD67; margin-bottom: 10px; } .conteudo-noticia-detalhe .arquivo-download a { color: #01BCF3; } /*----LISTA PADRAO----*/ .lista-padrao li { list-style: disc inside; color: #01BCF3; margin: 0 0 10px 12px; text-indent: -12px; /**\*/ text-indent: -19px\9; /**\*/ margin: 0 0 10px 19px\9; *text-indent: -16px; *margin: 0 0 10px 16px; } .lista-padrao li span { color: #666666; } /* Formulário ANP */ .conteudo-solicitacao-servico { width: 968px; padding-left: 17px; padding-bottom: 30px; } .form-anp { width: 965px; padding-bottom: 45px; margin-left: 35px; } .form-anp label { display: block; margin-bottom: 10px; color: #737373; font-family: Verdana, Geneva, sans-serif; font-size: 12px; } .fieldset_anp { border: 1px solid #ccc; width: 515px; display: block; border-radius: 25px; background: #efefef; padding: 30px 20px 18px 20px; margin-bottom: 30px; } .box-formulario { float: left; } .form-anp h5, .form-anp h6 { display: block; margin-top: 10px; margin-bottom: 15px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #737373; font-size: 13px; width: 100%; } .form-anp h6 { margin-top: 28px; } .campo-duplo div { width: 245px; float: right; } .campo-duplo div:first-child { float: left; } .campo-duplo div input, .campo-duplo div select { width: 100%; } .content-campos-maior, .content-campos-menor { margin: 0; margin-bottom: 11px; } .content-campos-maior label, .content-campos-menor label { margin-bottom: 10px; color: #737373; font-family: Verdana, Geneva, sans-serif; font-size: 12px; } .content-campos-maior input { width: 513px; } .content-campos-maior input, .content-campos-menor input, .content-campos-menor select { height: 24px; background: url(../img/bg-input.jpg) repeat-x; border: 1px solid #ccc; color: #737373; } .resp { width: 185px; display: inline; margin-bottom: 10px; color: #737373; font-family: Verdana, Geneva, sans-serif; font-size: 12px; } .resp.radio-nao { margin-left: 170px; } .resp.radio-hidro { margin-left: 57px; } .form-anp label i { display: block; font-size: 11px; } .form-anp textarea { background: url(../img/bg-textarea.jpg) repeat-x 0 0 #F8F8F8; border: 1px solid #ccc; padding: 10px; padding-bottom: 2px; color: #737373; } .form-anp textarea#comentarios { min-width: 493px; max-width: 493px; width: 493px; min-height: 156px; max-height: 156px; height: 156px; overflow: hidden; } .upload-arquivos { margin: 20px 0 30px; } /*.aceite-termos { float: right; }*/ .aceite-termos input, .aceite-termos label { display: inline; } .link-termos { float: left; } .link-termos a { text-decoration: underline; display: block; margin-bottom: 4px; } .aceite-check { float: right; } .aceite-check span { display: block; margin-bottom: 4px; } #arquivo-termos { text-decoration: underline; } .content-btn-acao { width: 278px; height: 25px; float: right; margin: 0; } .content-btn-acao .btn { margin-left: 15px; float: right; } #bt-enviar-trabalhe-conosco { margin-right: 33px; } .fieldset_anp .comentarios { padding-bottom: 5px; } .box-termos { float: left; color: #737373; } .box-termos .fieldset_anp { width: 920px; } .box-termos .fieldset_anp input[type="checkbox"] { margin: 10px 5px 20px 0; } .box-img-anp { width: 380px; float: right; } .box-img-anp > div { margin-bottom: 30px; } #carregamento, .form-anp .label-carregamento { display: inline; } .link-planilha-anp { display: block; margin-top: 10px; text-decoration: underline; } .fieldset_anp_planilha { margin-bottom: 0; } .obs { color: #666666; font-size: 11px; margin: 10px 0 30px 3px; text-align: left; } .obs a { font-weight: bold; text-decoration: underline; } /* Fim do formulário da ANP */ .download-planilha { margin: 60px 0 60px 30px; } .download-planilha ul li { background: url("../img/bot-planilha.png") no-repeat scroll 2px 2px transparent; float: left; display: block; list-style: none; margin-right: 20px; width: 320px; height: 87px; } .download-planilha ul li a { color: #01BCF3; display: block; font-family: 'GothamRnd-Bold'; font-size: 13px; padding: 32px 50px 45px 50px; text-decoration: none; text-align: center; } .download-planilha ul li a b { background: url("../img/planilha-ico.png") no-repeat scroll right 2px transparent; padding: 13px 55px 13px 0; } /* Conteúdo Contratos */ .conteudo-contratos { width: 950px; min-height: 310px; padding: 0 25px; } .tipos-contratos { background: url(../img/bg-box-rounded.png); repeat scroll 0 0 #F5F5F5; border: 1px solid #c4c4c4; float: left; padding: 0 30px 25px 0; width: 440px; height: 255px; margin: 20px 0; } .contrato-firme { margin-right: 30px; } .obs-contratos { color: #666; margin: 0 0 30px 25px; width: 670px; line-height: 14px; word-wrap: break-word; } .link-comercial { text-decoration: underline; line-height: 14px; word-wrap: break-word; } .links-contratos div { cursor: pointer; } .btn-tarifas { float: left; margin-left: 50px; } .btn-tarifas-servicos { text-align: center; margin: 10px 0; } .btn-solicitacao-contratao { margin: 0 0 20px 20px; float: left; } .info-operacionais-logum { width: 966px; margin: 50px 0 0 30px; padding: 0 0 30px 0; } .box-info-operacionais { margin-bottom: 20px; padding: 5px 15px 15px; background-color: #eee; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .box-info-operacionais .artigo-anp { margin: 10px 0 5px 0; font-weight: bold; color: #444; } .box-info-operacionais a { color: #01BCF3; text-decoration: underline; padding-left: 10px; } h2#nome { font-weight: normal; font-size: 11px !important; float: left; position: relative; top: 12px; left: 50px; color: #fff; } #form { width: 271px; background-color: #efefef; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; padding: 0 20px; margin: 0 auto; } #top-form { background: url(../img/top-form.png)no-repeat; width: 313px; height: 14px; margin: 0 auto; } #bottom-form { background: url(../img/bottom-form.png)no-repeat; width: 313px; height: 14px; margin: 0 auto; } #form tr { margin-bottom: 15px; float: left; } #form .label-form { width: 90px !important; } .form-cp { width: 170px; } /* Tabela da área de serviços */ .tabela-servicos { width: 100%; border: 0; table-layout: fixed; /* optional, for equal spacing */ border-collapse: collapse; margin-bottom: 30px; } .tabela-servicos th, .tabela-servicos td { display: table-cell; text-align: center; vertical-align: middle; font: 12px "Verdana"; color: #666666; } .tabela-servicos tbody tr .coluna-tipo-servico { width: 50px; font-weight: bold; } .tabela-servicos tbody tr th { color: #ffffff; padding: 8px 2px; } .tabela-servicos tfoot td { text-align: left; font-size: 11px; border: 0; } .tabela-servicos thead th { background-color: #00BFFF; border: 1px solid #00BFFF; padding: 10px 5px; font-size: 14px; font-weight: bold; color: #ffffff; } .tabela-servicos td { padding: 4px; border: 1px solid #9d9d9d; text-align: center; } .cinza-nivel1 { background-color: #D3D3D3; } .cinza-nivel2 { background-color: #aeaeae; } .cinza-nivel3 { background-color: #9d9d9d; } .cinza-nivel4 { background-color: #888888; } .cinza-nivel5 { background-color: #7d7d7d; } .cinza-nivel6 { background-color: #707070; } .cinza-nivel7 { background-color: #686868; } .coluna-azul { background-color: #BFEFFF; } .imagem-com-borda { border: 1px solid #CECDCB; background-color: #E7E9E4; padding: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* tabela de tarifas */ .tabela-tarifas { width: 50%; border: 0; table-layout: fixed; /* optional, for equal spacing */ border-collapse: collapse; margin-bottom: 20px; margin-left: 20px; } .tabela-tarifas thead th, .tabela-tarifas td { display: table-cell; vertical-align: middle; font: 12px "Verdana"; color: #666666; text-align: left; padding: 8px 8px 8px 20px; } .tabela-tarifas thead { border: 1px solid #009ED3; } .tabela-tarifas thead th { font-size: 14px; font-weight: bold; color: #ffffff; } .tabela-tarifas .tarifa { width: 100px; } .tabela-tarifas tbody td { background-color: #F3F3F3; } .tabela-tarifas tbody .tarifa { background-color: #C0DD9C; } /* Centralizar qualquer elemento na horizontal e vertical */ .centralizador { text-align: center; } .centralizador:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .centralizado { /* Estabelecer largura para o conteúdo em outra classe */ display: inline-block; vertical-align: middle; } /* Fim do centralizador */ .conteudo-login, .conteudo-altera-login { padding: 25px; width: 260px; border: 1px solid #d7d7d7; margin: 80px 0 95px 0; background: #efefef; color: #666666; } .conteudo-altera-login { margin: 0 0 50px 0; } .conteudo-login input[type="text"], .conteudo-altera-login input[type="text"], .conteudo-login input[type="password"], .conteudo-altera-login input[type="password"] { background-color: #fff !important; color: #666 !important; } .conteudo-login input[type="button"], .conteudo-altera-login input[type="button"] { color: transparent; width: 106px; height: 36px; border: 0; cursor: pointer; } .conteudo-login input[type="button"] { background: url(../img/bt-entrar.png) no-repeat; } .conteudo-altera-login input[type="button"] { background: url(../img/bt-alterar.png) no-repeat; } .conteudo-login .fixfloat label, .conteudo-altera-login .fixfloat label { float: left; width: 83px; text-align: left; padding-top: 4px; } .conteudo-login .fixfloat input, .conteudo-login .fixfloat h3, .conteudo-altera-login .fixfloat input, .conteudo-altera-login .fixfloat h3 { float: right; width: 166px; margin-bottom: 20px; text-align: left; } .fixfloat .label-margem-negativa { padding-top: 0; margin-top: -5px; } .conteudo-login #mensagem, .conteudo-altera-login #mensagem { margin-bottom: 15px; } #includes #ajuste { margin-top: -22px; margin-top: 0\9; } .box-info-operacionais h3 { margin-bottom: 10px; } .italic { font-style: italic; } .legenda-tabela { font-size: 11px; color: #666; } .quem-somos-voltar-ao-topo { margin: 10px 0; } .box-missao-visao-valores { margin: 10px 0 20px 20px; } .box-missao-visao-valores-2 { position: relative; background: url(../img/missao-visao-e-valores.png) no-repeat center center #E7E9E4; width: 960px; height: 720px; border: 1px solid #CECDCB; padding: 15px; border-radius: 15px; font-size: 1.2em; } .box-missao-visao-valores-2 .destaque { position: absolute; width: 310px; font-size: 2.2em; color: #FFFFFF; text-align: center; top: 250px; left: 80px; } .box-missao-visao-valores-2 .missao { position: absolute; width: 350px; left: 600px; top: 130px; } .box-missao-visao-valores-2 .visao { position: absolute; width: 350px; left: 630px; top: 340px; } .box-missao-visao-valores-2 .valores { position: absolute; width: 350px; left: 620px; top: 510px; } .box-missao-visao-valores-2 .titulo { font-transform: uppercase; color: #00bcf1; font-weight: bold; font-size: 1.5em; } .txt-valores { width: 450px; float: left; margin-right: 30px; } .site-construcao { position: relative; top: 1px; left: 25px; float: left; } .aviso-trab { border: 2px solid red; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 20px; margin: 0 0 20px 40px; color: #666; background-color: #fbfbfb; } .logo-rh { margin-top: 10px; } hr { float: left; height: 1px; width: 990px; border: none; background-color: #eee; margin-bottom: 40px; margin-top: 10px; } .list_bot_downloads { width: 990px; list-style: none; margin-left: -30px; float: left; } .list_bot_downloads li { width: 299px; margin-left: 30px; margin-bottom: 25px; float: left; } .list_bot_downloads a { text-decoration: none; } .bot-download { background: url(../img/botao-download.png) no-repeat; height: 42px; width: 259px; padding: 19px 25px; } .bot-download p { color: #777; font: 16px GothamRnd-Medium, Arial, Helvetica, sans-serif; line-height: 20px; } .bot-download span { color: #888; font: 13px GothamRnd-Book, Arial, Helvetica, sans-serif; font-style: italic; } .bot-doc-eia { margin: 20px 0 0 113px; float: left; width: 100%; } #TB_window { display: none !important; } #lente { background: url(../img/bg_lente.png) repeat; width: 150px; height: 409px; position: absolute; padding: 20px; } #lente h4 { color: #23cdff; font-size: 18px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px; text-shadow: 1px 1px #000; } #lente p { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; } #fechar { position: absolute; top: 17px; left: 176px; z-index: 999; } #popup-container { position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, .8); z-index: 1001; display: none; } #popup-container a { color: #FFF; text-decoration: none; } #popup-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../img/popup-home-01-bkg.png') top left no-repeat; width: 503px; height: 356px; display: block; } .popup-msg { display: table; width: 476px; height: 325px; } .popup-msg-texto { display: table-cell; vertical-align: middle; height: 100%; text-align: center; font-size: 20pt; color: #FFFFFF; line-height: 30pt; } .popup-close { position: absolute; top: 10px; right: 10px; width: 46px; height: 46px; } /* Conteúdo Certificados */ .conteudo-certificados { width: 950px; min-height: 310px; padding: 0 25px; margin-left: -15px; }