:root{--page-color:#003d7b;--page-color-light:#006fb8;--destaque:#263e60;--border-color:white;--color-ratio:0.87}
#index{--color-h:204;--color-s:100%;--color-l:36%;--full-color:var(--color-h),var(--color-s),var(--color-l);--page-color:hsl(var(--full-color));--page-color-light:hsl(
    var(--color-h),
    var(--color-s),
    calc(var(--color-l) / var(--color-ratio))
  );--destaque:#263e60}
#sobre-o-relatorio{--color-h:210;--color-s:100%;--color-l:24%;--full-color:var(--color-h),var(--color-s),var(--color-l);--page-color:hsl(var(--full-color));--page-color-light:hsl(
    var(--color-h),
    var(--color-s),
    calc(var(--color-l) / var(--color-ratio))
  );--destaque:#263e60}
#cepel-grandes-numeros{--color-h:149;--color-s:100%;--color-l:26%;--full-color:var(--color-h),var(--color-s),var(--color-l);--page-color:hsl(var(--full-color));--page-color-light:hsl(
    var(--color-h),
    var(--color-s),
    calc(var(--color-l) / var(--color-ratio))
  );--destaque:#008641}
#gestao-economico-financeira,#gestao-estrategica,#mensagem-direcao{--color-h:202;--color-s:100%;--color-l:38%;--full-color:var(--color-h),var(--color-s),var(--color-l);--page-color:hsl(var(--full-color));--page-color-light:hsl(
    var(--color-h),
    var(--color-s),
    calc(var(--color-l) / var(--color-ratio))
  );--destaque:#0082c7}
#estrategia-e-visao,#indice-gri,#pandemia-covid{--color-h:33;--color-s:81%;--color-l:42%;--full-color:var(--color-h),var(--color-s),var(--color-l);--page-color:hsl(var(--full-color));--page-color-light:hsl(
    var(--color-h),
    var(--color-s),
    calc(var(--color-l) / var(--color-ratio))
  );--destaque:#e0b02d}
#anexo,#gestao-de-pessoas,#o-cepel{--destaque:#2648a2;--color-h:214;--color-s:68%;--color-l:30%;--full-color:var(--color-h),var(--color-s),var(--color-l);--page-color:hsl(var(--full-color));--page-color-light:hsl(
    var(--color-h),
    var(--color-s),
    calc(var(--color-l) / var(--color-ratio))
  );--destaque:#3571c1}
#creditos,#pesquisa-desenvolvimento-inovacao,#sustentabilidade-ambiental{--color-h:148;--color-s:100%;--color-l:33%;--full-color:var(--color-h),var(--color-s),var(--color-l);--page-color:hsl(var(--full-color));--page-color-light:hsl(
    var(--color-h),
    var(--color-s),
    calc(var(--color-l) / var(--color-ratio))
  );--destaque:#008d64}
#anexo .border-left::after,#cepel-grandes-numeros .border-left::after,#creditos .border-left::after,#gestao-economico-financeira .border-left::after,#indice-gri .border-left::after,#mensagem-direcao .border-left::after,#pandemia-covid .border-left::after,#sobre-o-relatorio .border-left::after{background-color:transparent;border-right:1px solid hsl(var(--full-color));margin-left:1px;top:-100%;height:200%;z-index:1}
*{outline-color:var(--destaque)}

::-webkit-scrollbar{width:5px;height:5px;transition:all .5s}
::-webkit-scrollbar-button{width:0;height:0}
::-webkit-scrollbar-thumb{background:#006eb7;border:0 none transparent;border-radius:25px;transition:all .5s}
::-webkit-scrollbar-thumb:hover{opacity:.8;transition:.5s}
::-webkit-scrollbar-thumb:active{background:#006eb7;transition:all .5s}
::-webkit-scrollbar-track{background:0 0;border:0 none transparent;border-radius:0}
::-webkit-scrollbar-track:hover{background:0 0}
::-webkit-scrollbar-track:active{background:0 0}
::-webkit-scrollbar-corner{background:0 0}

body,html{background-color:#fff;font-family:Lato,sans-serif;}

header { position:fixed; width:100%; top:0; left:0; padding:10px 0; background:linear-gradient(180deg,rgba(0,0,0,.7) 0,rgba(255,255,255,0) 100%); z-index:10000; transition:all ease .1s}
header ul li a{color:#fff!important}

header .brand .saturate { display:none }

.header-scrolled .brand .saturate { display:inline-block }
.header-scrolled .brand .desaturate { display:none }

header .brand { display:inline-block; margin: 0 1rem; }

header .tools{list-style:none; margin:10px 0; padding:0;display:flex;align-items:center}
header .tools li{display:inline-block;margin:0 5px}
header .tools li .btn-language { display:flex; align-items:center; cursor:pointer; border-radius: 50%;}
header .tools li .btn-institucional { display:block; text-align:center; padding:7px 10px; text-transform:uppercase; background-color:#006eb7}
header .tools li .btn-institucional:hover{text-decoration:none}
header .tools li .btn-language.current { font-weight:700; cursor:default }
header .tools li .btn-tools { display:block; width:36px; padding:8px; text-align:center; background-color:#006eb7; display:flex; align-items:center; justify-content:center }
header .tools li .btn-tools img { max-width:100% }
header .tools li .btn-language:hover{font-weight:700;text-decoration:none}

.header-scrolled{ background:#fff; box-shadow:3px 3px 10px 3px rgb(0 0 0 / 20%);}

#menu .container{padding:85px 53px 25px 53px}
#menu a{position:relative;display:block;color:#506570;margin:5px 0;padding:10px 0;border-bottom:1px solid var(--page-color)}
#menu a::after{position:absolute;content:"";width:50px;height:6px;left:0;bottom:-3px;margin:-2.5px 0 0 0;display:block;background-color:var(--page-color)}
#menu a:hover{text-decoration:none;color:var(--page-color)}
#menu a.current{text-decoration:none;color:var(--page-color)}
#menu a.current::after{background-color:var(--page-color)}

#a2apage_dropdown{left:50%!important;right:auto!important;margin-top:26px;margin-left:150px;border-radius:0!important;border:1px solid var(--page-color);background-color:#fff}

.navbar-toggler{ padding:5px 10px; height: 36px; background-color:#006eb7; color:#fff; border-radius:0; display:flex; align-items:center; justify-content:center; position:relative}
.navbar-toggler span { margin-left:8px; font-size: 1rem; }
.navbar-toggler:focus{outline:0!important}
.navbar-collapse{ position:fixed; width:30%; height:100%; background:#fff; top:0; right:0; z-index:1000; transition: .2s ease-in}
.navbar-collapse:after{content:""; position:fixed; background-color:rgba(0,0,0,.4); width:0; left:0; top:0; height:100%;  z-index:999; animation:opacity 1.5s ease-in-out}

@media (min-width:992px){
  .navbar-collapse:after{ width:70%;}
}
.navbar-toggler::after{ position:absolute; content:""; width:10000%; height:1px; background-color:#006eb7; left:100%; }

header .current { border:2px solid var(--page-color); }

.collapsing{width:15%}
.bar1,.bar2,.bar3{ width:28px; height:2px;margin:6px 0;border-radius:10px;transition:.3s;background-color:#fff}
.change .bar2{opacity:0}
.change .bar1{transform:rotate(-48deg) translate(-11px,0);position:absolute;top:2px;left:17px}
.change .bar3{transform:rotate(48deg) translate(-11px,0);position:absolute;bottom:2px;left:17px}

.banner { position:relative; background-position:center; background-repeat: no-repeat; background-color: var(--page-color); height:250px; text-align:right; color:#fff; overflow: hidden; background-size: cover; }

@media (min-width:992px) {
  .banner { height:540px; background-size:auto; background-position:center top; }
}

.banner .banner-title{width:100%;height:100%;position:absolute;display:flex;align-items:flex-end;text-align:start;}
.banner .banner-title h1 { background-color:var(--page-color);margin:0!important;padding:1.5rem 0;position:relative; padding-left:2rem; font-size: 1.5rem; }
@media (min-width:992px) {
  .banner .banner-title h1 { font-size:2.2rem; }
}
.banner .banner-title .container{ position:relative; z-index: 10; }
.banner .banner-title .container::after{position:absolute;content:"";top:-450px;width:100%;height:450px; border-left: 1px solid #FFF;}

.banner .banner-title h1::after,.banner .banner-title h1::before{content:"";position:absolute;background-color:var(--page-color);width:calc(100% + 1px);height:100%;left:-100%;bottom:0;border-right:1px solid var(--border-color)}
.banner .banner-title h1::after{left:100%!important;border:0}
.banner .banner-title span{width:9px;height:60%;display:block;position:absolute;background-color:var(--border-color);left:-4px;top:20%;z-index:2}

.border-left{position:relative;border-left:1px solid var(--border-color)!important}
.border-left::after{content:"";position:absolute;background-color:var(--page-color);left:calc(-100% - 1px);right:0;top:0;width:100%;height:100%}
#aside{background-color:var(--page-color)}
aside{position:relative;padding:25px;width:100%;max-width:284px;background-color:var(--page-color-light);overflow-x:hidden}
aside ul{margin:0;padding:0;list-style:none}
aside ul li{margin:0;padding:0}
aside ul li::before{content:"";display:none;position:absolute;background-color:#fff;height:1px;width:100px;left:-43%;top:50%;z-index:1}
aside ul li a{font-size:16px;color:#fff;display:block;padding:10px 0 10px 15px;position:relative}
aside ul li a::after,aside ul li a::before{content:"";display:none;position:absolute;width:100%;height:100%;top:0;left:-100%;background-color:var(--page-color)}
aside ul li a::after{left:100%!important}
aside ul li a::before{background:url(../images/aside-detail.png) var(--page-color) no-repeat right;background-size:25px}
aside ul li a.current,aside ul li a:hover{color:#fff;text-decoration:none;background-color:var(--page-color)}
aside ul li a.current::after,aside ul li a.current::before,aside ul li a:hover::before,aside ul li a:hover:after{display:block!important}
.fixed{position:fixed;top:29px}
.conteudo{color:#506570;min-height:350px;padding:2rem}
.conteudo .unwrapped-article,.conteudo .unwrapped-full,.conteudo .unwrapped-middle{margin:0;width:100%}
.conteudo .table-responsive{margin-bottom:1em}
.conteudo .tb-deslize{text-align:right;font-size:.8em;display:block}
.conteudo table.tabela{font-size:.9em;margin:1em 0}
.conteudo table.tabela td{padding:5px 3px;color:#000;border-bottom:1px solid var(--page-color)}
.conteudo table.tabela td img{max-width:40px}
.conteudo table.tabela thead th{padding:10px 3px;font-weight:700;color:#fff;background:0 0;border-bottom:3px solid #fff;text-shadow:0 0 3px rgba(0,0,0,.7)}
.conteudo table.tabela th{padding:5px 3px;border-bottom:2px solid var(--page-color)}
.conteudo table.tabela thead{background-color:var(--page-color)}
.conteudo table.tabela h3{font-size:1.2em;margin:0;padding:0}
.conteudo h2,.conteudo h3,.conteudo h4,.conteudo h5,.conteudo h6{padding:0;margin:1.5rem 0;color:var(--page-color);font-weight:700}
.conteudo h2{margin:25px 0 15px 0}
.conteudo h2>a{background-color:#fff;display:block;padding:15px 50px 15px 10px;margin:25px 0;font-weight:700;font-size:20px;position:relative;color:var(--page-color);border:1px solid var(--page-color);text-decoration:none!important}
.conteudo h2>a.open{background-color:var(--page-color);color:#fff}
.conteudo h2>a span.fa{position:absolute; right:15px; top:3px; font-size:45px; color:var(--page-color); display:none; transition:.5s; border-radius:50%; padding:3px 5px 3px 5px; transform: rotate(180deg);}
.conteudo h2>a.open span.fa-angle-up{display:none;color:var(--page-color)}
.conteudo h2>a.open span.fa-angle-down{display:flex;color:#fff; height:100%; align-items:center;}
.conteudo h2>a.open::before{background-color:#fff}
.conteudo h2>a span.fa-angle-up{display:flex; height:100%; align-items:center;}
.conteudo .lk_acordeon{position:relative}
.conteudo .lk_acordeon::before{content:"";position:absolute;left:-3px;top:20%;width:5px;height:60%;background-color:var(--page-color)}
.conteudo h2{font-size:1.8em}
.conteudo h3{font-size:1.6em}
.conteudo h4{font-size:1.4em}
.conteudo h5{font-size:1.2em}
.conteudo h6{font-size:1.1em}
.conteudo .azulClaro{color:#007ac2}
.conteudo .azulEscuro{color:#1c437e}
.conteudo .marrom{color:#c27514}
.conteudo .verde{color:#008641}
.conteudo a{color:var(--page-color)}
.gri{padding:1px 0;color:var(--destaque);font-weight:700;display:inline-block;text-transform:uppercase}
.gri>a{color:var(--destaque);margin:0 2px;cursor:text}
.gri>a:hover{text-decoration:none}
.acordeon{padding:10px}
.box-destaque{padding:15px;margin:25px 0;border:1px solid var(--page-color)}
.box-destaque h3{background-color:#fff;color:var(--page-color);padding:10px;margin:10px 0;margin-left:-10px;position:relative}
.box-destaque h3::after{content:"";position:absolute;width:7px;height:100%;top:0;left:-9px;background-color:var(--page-color)}
.box-gestao{background-color:#2c8cac;color:#fff;padding:15px;margin:25px 0}
.box-gestao h3{background-color:#fff;color:#2c8cac;padding:10px;max-width:50px;height:50px;border:2px solid #2c8cac;border-radius:50%;padding:10px;margin-top:-50px;margin-left:-10px;margin-bottom:15px;text-align:center}
.box-gestao h4{color:#fff}
.col-2,.icones-residuos .col-1{align-self:center}
.icones-residuos p{color:var(--page-color);font-weight:700;font-size:.9em}
.content-residuos{position:relative;border-top:2px solid var(--page-color);border-left:2px solid var(--page-color);padding:15px}
.content-residuos h3{background-color:#fff;color:#2c8cac;font-size:1.4em;line-height:1.5em;padding:7px;max-width:50px;height:50px;border:2px solid var(--page-color);border-radius:50%;margin-top:-40px;margin-left:-35px;text-align:center}
.content-residuos h4{color:var(--page-color);margin-bottom:.2rem}
.content-residuos:before{content:"";width:10px;height:10px;position:absolute;bottom:-5px;left:-5px;display:block;background-color:var(--page-color)}
.content-residuos:after{content:"";width:10px;height:10px;position:absolute;top:-5px;right:-5px;display:block;background-color:var(--page-color)}
.list{margin:0;padding:0 10px;list-style:none}
.list li{position:relative;padding:0 20px;margin:3px 0}
.list li:before{content:"";width:6px;height:6px;border-radius:50%;position:absolute;top:10px;left:0;display:block;background-color:var(--page-color)}
.saiba-mais{border:2px solid var(--page-color);position:relative;padding:20px 20px 20px 50px;text-align:left;margin:auto}
.saiba-mais-overlay{position:absolute;width:100%;height:100%;top:0;left:-34px;display:flex;align-items:center;pointer-events:none}
.saiba-mais a{color:var(--page-color)}
.icones-sobre{font-size:.9em}
.content-mvs{position:relative;border-top:2px solid var(--page-color);border-left:2px solid var(--page-color);padding:15px}
.content-mvs:before{content:"";width:10px;height:10px;position:absolute;bottom:-5px;left:-5px;display:block;background-color:#0f69b4}
.content-mvs:after{content:"";width:10px;height:10px;position:absolute;top:-5px;right:-5px;display:block;background-color:#0f69b4}

.content-des,.content-ods{position:relative;border:1px solid var(--page-color);padding:15px 15px 15px 60px}
.content-des b,.content-des strong{color:var(--page-color)}
.content-des .bigger{font-size:2.5rem}
.content-des:before,.content-ods:before{content:"";position:absolute;width:100%;height:100%;top:0;left:50px;border-left:1px solid var(--page-color);pointer-events:none}
.content-des h3{position:relative}
.content-des h3:after{content:"";position:absolute;width:5px;height:100%;top:0;left:-12px;background-color:var(--page-color)}
.content-des p{margin-bottom: 0;}
.ods-title{color:var(--page-color);font-weight:700}
.content-ods h3.first{position:relative}
.content-ods h3.first::after{content:"";position:absolute;width:5px;height:100%;top:0;left:-12px;background-color:var(--page-color)}
.content-ods .ods-content{border-top:1px solid var(--page-color);
  padding:.5rem}
.content-ods .row{align-items:center;padding:.5rem 0}

.ods-content .col-6{padding:0}

.ods-content img{width:100%;max-width:100px}
.bordered{border-bottom:1px solid var(--page-color)}
.creditos h3{margin-bottom:.2rem}
.creditos p{font-size:1.2em}
.texto-destaque{font-size:1.8em;margin:15px 0;color:var(--page-color);font-weight:700}
.numero-destaque{font-size:3em;line-height:1em;margin:15px 0;color:#007dc7;font-weight:700}
.legenda{font-size:.8em;color:#666}
.legenda-df{font-size:.7em;font-weight:700;color:#666}
.deslize{padding:3px 10px;margin:5px;display:inline-block;font-size:.8em;border:1px dashed #666}
.paginacao{position:fixed;top:100px;width:100%;left:0;z-index:999;display:block}
.paginacao a{position:absolute;display:block;height:60px;text-decoration:none!important;background:url(../images/txt-paginacao.png) no-repeat center}
.paginacao a.prev-pg{left:0;top:50px;border-left:none;padding:0 40px 0 0;background-position:0 right!important}
.paginacao a.next-pg{right:0;top:50px;border-right:none;padding:0 0 0 40px;background-position:0 right!important}
.paginacao a:hover span{font-size:15px;margin:0 -1px;padding:20px;width:auto;transition:.5s;display:block}
.paginacao a span{position:relative;color:#fff;height:60px;font-size:15px;margin:0 -1px;padding:20px 0;width:0;overflow:hidden;display:none;transition:.3s;background-color:#006eb7}
.paginacao a canvas{position:absolute;top:-1px}
ul.avalia_estrelas{list-style:none;padding:0;margin:0}
ul.avalia_estrelas li{padding:10px 0}
ul.avalia_estrelas li span.estrelas{float:right;display:block;position:relative}
ul.avalia_estrelas li span.estrelas i{display:inline-block;cursor:pointer;margin:0 5px;font-size:25px;color:#ccc}
ul.avalia_estrelas li span.estrelas i.aceso{color:gold}
ul.avalia_estrelas li span.estrelas .valor{position:absolute;top:0;right:110%;font-size:14px;font-weight:700}
.btn-default,.form-control,.modal-content{border-radius:0}
.modal-content h5{color:var(--page-color)}
.modal-content{font-size:16px}
.tooltip-inner{max-width:250px;background-color:#193051}
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{border-top-color:#193051}
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{border-left-color:#193051}
.bt_enviar{text-transform:uppercase;background-color:var(--page-color);color:#fff;font-weight:700}
.alert{display:none}
a.prev-pg{background-position:right bottom}
a.next-pg{background-position:left top}
.-bg-cepel{background:#006fb8;background:linear-gradient(90deg,rgba(0,111,184,1) 0,rgba(0,111,184,1) 49%,rgba(0,125,53,1) 51%,rgba(0,125,53,1) 100%)}
.-bg-cepel .-bg-white{background-color:#fff}

footer{ position:relative; font-size:14px; color:var(--page-color); text-align:center; }

.btn-top{display:none;justify-content:center;align-items:center;position:fixed;bottom:10px;right:10px;width:50px;height:50px;background-color:#006eb7;text-decoration:none;z-index:9999;}
.btn-top span{position:absolute;top:8px;right:55px;width:0;padding:0;color:#fff;background-color:#006eb7;overflow:hidden;pointer-events:none}
.btn-top:hover{text-decoration:none}
.btn-top:hover span{ width:120px; padding:10px; text-decoration:none; font-size: 0.7rem;}
.btn-top::after{ content:url(../images/up-arrow-angle.png); position:absolute; left:0; right:0; bottom:-3px; font-size:2rem;font-weight:700;color:#fff;transition:margin-top 250ms}
.btn-top:hover::after{margin-top:-8px}
.enabled{top:100%!important}
.scroll{
  overflow: auto;
  overflow-y: hidden;
}
@media (min-width:992px){
  header .tools li{margin:0 10px}
  header .tools li.bar{margin:0 10px}
  #menu a{margin:10px 0}
  .conteudo .unwrapped-full{width:max-content;margin-left:-3rem;transition:all ease .5s}
  .conteudo .unwrapped-middle{width:max-content;margin-left:-2rem;transition:all ease .5s}
  .conteudo .unwrapped-article{width:max-content;margin-left:-2.65rem;transition:all ease .5s}
  .box-destaque{padding:25px 45px}
  .box-destaque h3::after{content:"";position:absolute;width:7px;height:100%;top:0;left:-39px;background-color:var(--page-color)}
  .box-destaque.alt{border-left:0}
  .box-destaque.alt h3::after{display:none}
  .box-destaque.alt h3::before{content:"";position:absolute;width:7px;height:100%;top:0;right:-48px;background-color:var(--page-color)}
  .change .bar1{transform:rotate(-48deg) translate(-11px,0)}
  .change .bar3{transform:rotate(48deg) translate(-11px,0)}
}
article{
  padding:0;
}
@media (max-width:1366px){
#menu a{margin:0}
#menu .container{padding-top:85px}
}
@media (max-width:992px){
.navbar-collapse{width:70%}
.collapsing{width:35%}
.change .bar1{transform:rotate(-48deg) translate(-11px,0)}
.change .bar3{transform:rotate(48deg) translate(-11px,0)}
.conteudo{color:#506570;min-height:350px;padding:0rem 0.5rem 2rem 0.5rem}
.content-des p{margin-bottom: 1rem;}
  article{
    padding:0 0.5rem;
  }
}
@media (max-width:500px){
  .navbar-collapse{width:100%}
  .collapsing{width:50%}
  .content-ods, .content-ods .ods-content{
    padding:0;
  }
  .content-ods .ods-content .col-10{
    padding-right:0;
  }
  .content-ods::before{
    display:none;
  }
  .ods-title h3.first::after{
  display:none; 
  }
  .ods-title{
    text-align:center;
    font-size:0.8rem;
  }
  .content-ods .row{
    margin:0;
  }
  .ods-content img{ 
    width:45px;
    max-width:100px;}
  .banner-title h1{
    font-size:2rem;
  }
}

@keyframes opacity{
0%{filter:opacity(0)}
100%{filter:opacity(1)}
}

img[big-src] { 
  position: relative;
  transition: 0.5s;
    cursor: zoom-in;
}
img[big-src]:hover { filter: brightness(90%); transform:scale(1.02); }

.img-zoom-sub {
  height: 0;
  width: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
}
.img-zoom-sub .img-zoom {
  cursor: zoom-out;
  position: absolute;
  z-index: 2;
  max-width: 80%;
  max-height: 80%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.img-zoom-container {
  position: relative;
  outline: 0;
}
.img-zoom-container:active .img-zoom-sub, .img-zoom-container:focus .img-zoom-sub, .img-zoom-container:target .img-zoom-sub {
  background: rgba(255, 255, 255, 0.9);
  transform: translate(0, 0, 0);
  z-index: 2;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}