/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
# ---------------------------------------------------------------
# Author - Interagi Tecnologia http://www.interagi.com.br
# Copyright (C) 2010 - 2012 Interagi Tecnologia. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material
# Websites: http://www.interagi.com.br
-----------------------------------------------------------------*/

.tit_sobre h3 {
    padding: 0 !important;
    margin-top: -20px !important;
}
.ice_monitoramento {
    margin-top: 30px;
    position: relative;
    float: left;
    width: 100%;
}
.item-page {
    float: left;
}
.meio_inicio360 {
    background: rgb(229,229,229);
    background: -moz-radial-gradient(center, ellipse cover, rgba(229,229,229,1) 0%, rgba(174,174,174,1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(229,229,229,1) 0%,rgba(174,174,174,1) 100%);
    background: radial-gradient(ellipse at center, rgba(229,229,229,1) 0%,rgba(174,174,174,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#aeaeae',GradientType=1 );
}
.meio_inicio360 .sp-wrap.clearfix {
    background: url(../images/bg.png) top center no-repeat;
}
.sp-wrap {
    width: 1140px;
}

@media (min-width: 800px) {
    .sp-wrap {
        width: 1140px !important;
    }
}
.meio{
    background: rgb(254,253,253);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZWZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODY4Njg3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255, 255, 255,1) 0%, rgba(207, 207, 207,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255, 255, 255,1))), color-stop(100%,rgba(207, 207, 207,1));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255, 255, 255,1) 0%,rgba(207, 207, 207,1) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(255, 255, 255,1) 0%,rgba(207, 207, 207,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255, 255, 255,1) 0%,rgba(207, 207, 207,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(255, 255, 255,1) 0%,rgba(207, 207, 207,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfcfcf',GradientType=1 );
}
#header {
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.52);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.52);
    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.52);
}
.sombraMenu {
    background: none !important;
}
.visao360 {
    position: relative;
    float: left;
    min-height: 350px;
    width: 100%;
    margin: 0 0 50px 0;
}
.visao360 h1,
.visao360 h2,
.visao360 h3,
.visao360 h4,
.visao360 h5{
    font-family: 'Lato', sans-serif;
    padding-bottom: 20px;
}
.visao360 .item-page > h1,
.visao360 .item-page > h2,
.visao360 .item-page > h3,
.visao360 .item-page > h4,
.visao360 .item-page > h5{
    border-bottom: 1px solid #c4c4c4 !important;
}

/*Home*/
.camadas {
   /* background: url("../images/bg_nucleo.png") top center no-repeat;*/

    position: relative;
    float: left;
    min-height: 610px;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 0 40px;
    background-size:contain:
}

.interna1 {
    width: 149px;
    height: 149px;
    background: url("../images/estrategia.png");
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 74px);
    top: calc(50% - 74px);
}
.interna2{
    width: 222px;
    height: 222px;
    background: url("../images/planos.png");
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 111px);
    top: calc(50% - 111px);
}
.interna3{
    width: 292px;
    height: 292px;
    background: url("../images/indicadores.png");
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 146px);
    top: calc(50% - 146px);
}
.interna4 {
    width: 374px;
    height: 370px;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 187px);
    top: calc(50% - 187px);
}

.semi-circulo-1 {
    width: 188px;
    height: 370px;
    background: url("../images/processos.png");
    -moz-border-radius: 0 100px 100px 0;
    -webkit-border-radius: 0 100px 100px 0;
    border-radius: 183px 0 0 183px;
    float: left;
}
.semi-circulo-2 {
    width: 186px;
    height: 370px;
    background: url("../images/projetos.png");
    -moz-border-radius: 0 183px 183px 0;
    -webkit-border-radius: 0 183px 183px 0;
    border-radius: 0 188px 183px 0;
    float: left;
}
.interna5 {
    width: 464px;
    height: 464px;
    background: url("../images/governanca_gestao.png");
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 232px);
    top: calc(50% - 232px);
}
.interna6 {
    width: 464px;
    height: 464px;
    background: url("../images/bg_nucleo.png");
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 232px);
    top: calc(50% - 232px);
}


.interna2:hover,.interna1:hover,.semi-circulo-1:hover,.semi-circulo-2:hover, .interna5:hover{
    -webkit-box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.42);
    -moz-box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.42);
    box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.42);
}
.interna3:hover{
    -webkit-box-shadow: inset -2px 0px 19px 0px rgba(255,255,255,0.82);
    -moz-box-shadow: inset -2px 0px 19px 0px rgba(255,255,255,0.82);
    box-shadow: inset -2px 0px 19px 0px rgba(255,255,255,0.82);
}

.logo_visao360 {
    width: 140px !important;
}
.logo_visao360 img, .logo_visao360 p {
    margin: 0 !important;
}
.menu_inicio {
    font-family: 'Lato', sans-serif;
    text-align: center;
    margin-top: 15px;
}
.text_desc_inicio {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    width: calc((84% - 140px) - 80px);
    float: left;
    text-align: center;
    line-height: 29px;
    font-weight: lighter;
    margin-left: 72px;
    margin-bottom: 3px;
}
.menu_inicio_interno {
   }
.menu_inicio .menu_inicio_interno div {
    text-align: center;
}
.menu_inicio .menu_inicio_interno a {
    color: #000;
    font-family: 'Lato', sans-serif;
}
.menu_inicio_interno div:first-of-type {
   }

/*MENU VISAO 360*/
.menu_visao360 {
    width: 80px;
    float: right;
    font-family: 'Lato', sans-serif;
    margin-top: 28px;
}
.menu_inicio_interno {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: bold;
}

/* Separador entre os itens
.menu_inicio_interno .visao::after {
    content: "|";
    margin: 0 10px;
    color: #000;
} */

/* Remove espaçamento no último item */
.menu_inicio_interno .sobre::after {
    content: none;
}
.menu_visao360 .open{
    z-index: 999;
    position: absolute;
}
/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    width: 27px;
    height: 45px;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: right;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #000000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
    top: 0px;
}

#nav-icon1 span:nth-child(2) {
    top: 18px;
}

#nav-icon1 span:nth-child(3) {
    top: 36px;
}

#nav-icon1.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#nav-icon1.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
    display: block;
    position: absolute;
    height: 9px;
    width: 50%;
    background: #d3531a;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
    left:0px;
    border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
    top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
    top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
    top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 7px;
}

#nav-icon2.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px;
}

#nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
    left: 5px;
    top: 29px;
}

#nav-icon2.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
    top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 8px;
}

#nav-icon3 span:nth-child(4) {
    top: 16px;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
#nav-icon3.open span:nth-child(5) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
    top: 36px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
}

#nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 39px;
    left: 8px;
}
#popup {
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 900;
    opacity: 0.70;
}

ul.nav.menuvisao360menu {
    /* background: #000; */
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 999;
    width: 100%;
}
ul.nav.menuvisao360menu a {
    text-transform: uppercase;
    color: #FFF;
    width: 100%;
    text-align: center;
    font-size: 48px;
    line-height: 70px;
    font-family: 'Lato', sans-serif;
    display: block;
}
ul.nav.menuvisao360menu li {
    text-align: center;
}
ul.nav.menuvisao360menu li:hover {
    /*background: #373737;*/

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#363636+0,363636+100&0.65+0,0+100 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(54,54,54,0.65) 0%, rgba(54,54,54,0) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(54,54,54,0.65) 0%,rgba(54,54,54,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(54,54,54,0.65) 0%,rgba(54,54,54,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6363636', endColorstr='#00363636',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.menuvisao360menu .active a {
    color: #ed4425 !important;
}
.open span{
    background: #FFF !important;
}
.open-menu360{
    z-index: 999;
    color: #FFF !important;
}
.menu-360 {
    width: 80px;
    float: right;
}
.camadas p {
    margin: 8px 0px;
}
.camadas .content .linha {
    position: absolute;
    background: url("../images/bg/linha.png") top left no-repeat transparent;
    width: 243px;
    height: 1px;
}
.camadas .content .coluna {
    position: absolute;
    background: url("../images/bg/coluna.png") top left no-repeat transparent;
    width: 14px;
    height: 275px;
}
.camadas .content .conteudo {
    position: absolute;
    padding: 3px 15px;
    width: 340px;
}
.interna1 .content .linha {
    top: 334px;
    left: 74px;
    width: 30px;
}
.interna1 .content .coluna {
    top: 110px;
    left: 68px;
    height: 225px;
}
.interna1 .content .conteudo {
    top: 315px;
    left: 100px;
    width: 530px;
}

.interna2 .content .linha {
    top: 360px;
    left: 21px;
    width: 25px;
}
.interna2 .content .coluna {
    top: 120px;
    left: 15px;
    height: 240px;
}
.interna2 .content .conteudo {
    top: 345px;
    left: 40px;
    width: 610px;
}
.interna3 .content .linha {
    top: 405px;
    left: 25px;
    width: 43px;
}
.interna3 .content .coluna {
    top: 148px;
    left: 19px;
    height: 257px;
}
.interna3 .content .conteudo {
    top: 385px;
    left: 70px;
    width: 600px;
}
.interna4 .semi-circulo-1 .content .linha {
    top: 467px;
    left: 30px;
    width: 50px;
}
.interna4 .semi-circulo-1 .content .coluna {
    top: 235px;
    height: 233px;
    left: 23px;
}
.interna4 .semi-circulo-1 .content .conteudo {
    top: 450px;
    left: 75px;
    width: 700px;
}
.interna4 .semi-circulo-2 .content .linha {
    top: 414px;
    left: 346px;
    width: 80px;
}
.interna4 .semi-circulo-2 .content .coluna {
    top: 230px;
    left: 340px;
    height: 185px;
}
.interna4 .semi-circulo-2 .content .conteudo {
    top: 395px;
    left: 429px;
}
.interna5 .content .linha {
    top: 509px;
    left: 25px;
    width: 43px;
}
.interna5 .content .coluna {
    top: 235px;
    left: 19px;
}
.interna5 .content .conteudo {
    top: 490px;
    left: 70px;
    width: 700px;
}

.visao360{
    font-family: 'Lato', sans-serif;
}

h2.title_inicio {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 27px !important;
}
.camadas h2.title_inicio {
    padding-bottom: 0;
}
.conteudo{
    font-family: "Lato";
    font-weight: 300;
    font-style: normal;
}
.saiba-mais a {
    background: #ea452f;
    color: #FFF;
    padding: 10px 43px;
    border-radius: 14px;
    text-transform: uppercase;
    display: block;
}
.saiba-mais a:hover {
    background: #e91e03;
    color: #FFF;
}
.saiba-mais {
    margin-top: 5px;
    float: left;
}

/*Estratégia*/
.parallelogram {
    height: 100px;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(20deg);
    background: #313183;
    float: left;
    width: 95%;
}

.parallelogram_ice {
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(20deg);
    position: absolute;
    right: 0;
    background: #FFF;
    padding-top: 0px;
    height: 20px;
    width: 25px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}
.parallelogram_ice .font {
    -webkit-transform: skew(25deg) !important;
    -moz-transform: skew(25deg) !important;
    -o-transform: skew(25deg) !important;
}
.text {
    position: absolute;
    z-index: 999;
    top: 14px;
    width: 83%;
    left: 32px;
    font-size: 13px;
    color: #FFF;
    font-family: 'Lato',sans-serif;
}
.categorias_2018_2023 .text {
    left: 10px;
    font-size: 9px;
    line-height: 10px;
    top: 24px;
    text-align: center;
transform: skew(-10deg);
}
.categorias_2018_2023 .parallelogram_ice {
    top: 6px;
}
.categoria_2010_2017_0 .text{
    width: 84%;
}
.categoria_2018_2023_0 .text {
    width: 86%;
    left: 18px;
}
.geometrica {
    position: relative;
    float: left;
    width: 50%;
    z-index: 1;
}
.categoria_2010_2017_0 .geometrica {
    width: 50%;
}
.categoria_2018_2023_0 .geometrica {
    width: 30.3%;
}
.categoria_2018_2023_0 .geometrica1 {
    margin: 0 1.3%;
}
.categoria_2010_2017_1 .geometrica{
    width: 25%;
}
.categoria_2018_2023_1 .geometrica {
    width: 33.3%;
    margin: 0 1%;
}
.categoria_2018_2023_1 .artigo{
    margin-left: 20%;
}
.content_paralelogramo {
    position: relative;
    float: left;
    width: 100%;
}

.titulo_pagina {
    font-size: 24px;
    font-family: 'Lato', sans-serif;
    /* width: calc((100% - 148px) - 80px); */
    /* float: left; */
    text-align: center;
    line-height: 28px;
    padding: 30px 0px;
}
.titulo_estrategia{
    width: 100% !important;
}
.categoria {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.categoria.box-estrategia {
    margin: 80px 0;
}
.categoria .title{
    font-size: 19px;
    font-family: 'Lato', sans-serif;
    color: #333333;
    font-weight: 100;
    margin: 40px 0;
}
.categoria_2010_2017_2 .artigo{
    margin-left: 340px;
}
.categoria_2018_2023_2 .artigo {
}
.categoria_2010_2017_2 .geometrica{
    width: 46%;
}
.categoria_2018_2023_2 .geometrica {
    width: 30.3%;
}
.categoria_2018_2023_2 .geometrica1 {
    margin: 0 1.3%;
}
.categoria_2010_2017_1 {
    background: url("../images/bg/bg_nivel2.png") bottom center no-repeat transparent;
    padding-bottom: 46px;
}
.categoria_2010_2017_2 {
    background: url("../images/bg/bg_nivel3.png") 700px bottom no-repeat transparent;
    padding-bottom: 53px;
}
.categoria_2018_2023_3 .geometrica{
    width: calc(100% / 7);
}

@media (max-width: 1200px) {
    .categoria_2018_2023_3 .geometrica {
        width: 100% !important;
        margin-bottom: 3em;
    }
    .estrategia-processo.geometrica .fa-chevron-right {
        display: none;
    }
    .titulo_pagina {
        font-size: 1.8rem;
        line-height: 30px;
    }
    .custommenu_rodape {
        height: initial !important;
        margin-top: 5em !important;
    }
    .customredes_sociais_branco.redes_sociais_geral {
        width: 100% !important;
    }
}

@media (min-width: 907px) and (max-width: 1024px) {
    .sp-component-area {
        max-width: 100% !important;
    }
    .sp-wrap {
        width: 100% !important;
    }
}

@media (max-width: 425px) {
    .logo_visao360 {
        float: left;
        width: 90px !important;
    }
    .titulo_pagina {
        font-size: 1rem;
        line-height: 19px;
    }
    .content_governanca_gestao div {
        padding: 0 23px !important;
    }
    .content_governanca_gestao {
        margin-left: 0 !important;
    }
}


@media (max-width: 320px) {
    .titulo_pagina {
        position: absolute;
        margin-top: 5.56em;
        width: 100%;
    }
    .desc_topo {
        margin: 6em 0 0px !important;
    }
}

.categoria_2018_2023_3 .estrategia-processo.geometrica{
    /*width: calc(100% / 5);*/
}

.categoria_2018_2023_4 .geometrica{
    width: calc(100% / 6);
}

/*Processos - Estrategia*/
.categoria.categoria_2010_2017_0processos {
    width: 80%;
    margin-right: 2%;
}
.categoria.categoria_2018_2023_0processos {
    width: 80%;
    margin-right: 2%;
}
.categoria_2010_2017_0processos .geometrica{
    width: 20%;
}
.categoria_2018_2023_0processos .geometrica{
    width: 20%;
}
.categoria_2010_2017_1processos {
    width: 18%;
}
.categoria_2018_2023_1processos {
    width: 18%;
}
.categoria_2010_2017_1processos .geometrica{
    width: 100%;
}
.categoria_2018_2023_1processos .geometrica{
    width: 100%;
}
.categoria_2010_2017_0processos,
.categoria_2010_2017_1processos{
    margin: -40px 0 0 0;
}
.categoria_2018_2023_0processos,
.categoria_2018_2023_1processos{
    margin: -40px 0 0 0;
}
.categoria_2010_2017_0processos .text,
.categoria_2010_2017_1processos .text,
.categoria_2010_2017_2processos .text,
.categoria_2010_2017_3processos .text,
.categoria_2010_2017_4processos .text,
.categoria_2010_2017_5processos .text {
    font-size: 11px;
    line-height: 15px;
    left: 24px;
    top: 24px;
}
.categoria_2018_2023_0processos .text,
.categoria_2018_2023_1processos .text,
.categoria_2018_2023_2processos .text,
.categoria_2018_2023_3processos .text,
.categoria_2018_2023_4processos .text,
.categoria_2018_2023_5processos .text {
    font-size: 11px;
    line-height: 15px;
    left: 24px;
    top: 24px;
}
.categoria_2010_2017_0processos .title,
.categoria_2010_2017_1processos .title,
.categoria_2010_2017_2processos .title,
.categoria_2010_2017_3processos .title,
.categoria_2010_2017_4processos .title,
.categoria_2010_2017_5processos .title {
    text-align: center;
    font-size: 15px;
}
.categoria_2018_2023_0processos .title,
.categoria_2018_2023_1processos .title,
.categoria_2018_2023_2processos .title,
.categoria_2018_2023_3processos .title,
.categoria_2018_2023_4processos .title,
.categoria_2018_2023_5processos .title {
    text-align: center;
    font-size: 15px;
}
.categoria_2010_2017_0processos .parallelogram,
.categoria_2010_2017_1processos .parallelogram,
.categoria_2010_2017_2processos .parallelogram,
.categoria_2010_2017_3processos .parallelogram,
.categoria_2010_2017_4processos .parallelogram,
.categoria_2010_2017_5processos .parallelogram {
    background: #aa0027 !important;
}
.categoria_2018_2023_0processos .parallelogram,
.categoria_2018_2023_1processos .parallelogram,
.categoria_2018_2023_2processos .parallelogram,
.categoria_2018_2023_3processos .parallelogram,
.categoria_2018_2023_4processos .parallelogram,
.categoria_2018_2023_5processos .parallelogram {
    background: #aa0027 !important;
}
.categoria_2010_2017_3 > .title {
    margin: -25px 0 5px 0;
}
.categoria_2010_2017_0processos .title {
    background: url("../images/bg/bg_cat0_processos.png") center top no-repeat transparent;
    margin: 0 0 0 0;
    padding-top: 24px;
    padding-bottom: 15px;
}
.categoria_2018_2023_0processos .title {
    background: url("../images/bg/bg_cat0_processos.png") center top no-repeat transparent;
    margin: 0 0 0 0;
    padding-top: 24px;
    padding-bottom: 15px;
}
.categoria_2010_2017_1processos .title {
    margin: 24px 0 16px;
}
.categoria_2018_2023_1processos .title {
    margin: 24px 0 16px;
}
.categoria_2010_2017_2processos .title {
    background: url("../images/bg/bg_cat_separator.png") center top no-repeat transparent;
    margin: 0 0 0 0;
    padding-top: 24px;
    padding-bottom: 15px;
}
.categoria_2018_2023_2processos .title {
    background: url("../images/bg/bg_cat_separator.png") center top no-repeat transparent;
    margin: 0 0 0 0;
    padding-top: 24px;
    padding-bottom: 15px;
}
.categoria_2010_2017_2processos {
    width: 45%;
    margin-right: 5%;
}
.categoria_2018_2023_2processos {
    width: 45%;
    margin-right: 5%;
}
.categoria_2010_2017_2processos .geometrica0 {
    background: url("../images/bg/bg_cat2_2_processos.png") bottom right no-repeat transparent;
    clear: both;
    padding: 0 16px;
    margin-left: 200px;
    margin-bottom: 10px;
}
.categoria_2018_2023_2processos .geometrica0 {
    background: url("../images/bg/bg_cat2_2_processos.png") bottom right no-repeat transparent;
    clear: both;
    padding: 0 16px;
    margin-left: 200px;
    margin-bottom: 10px;
}
.categoria_2010_2017_2processos .artigo0 {
    background: url("../images/bg/bg_cat2_1_processos.png") 123px 54px no-repeat transparent;
    padding-left: 0px;
    float: left;
    width: 100%;
}
.categoria_2018_2023_2processos .artigo0 {
    background: url("../images/bg/bg_cat2_1_processos.png") 123px 54px no-repeat transparent;
    padding-left: 0px;
    float: left;
    width: 100%;
}
.categoria_2010_2017_2processos .geometrica0 .text {
    /* margin: 0 66px 0; */
    width: 53%;
    margin-left: 26px;
}
.categoria_2018_2023_2processos .geometrica0 .text {
    /* margin: 0 66px 0; */
    width: 53%;
    margin-left: 26px;
}
.categoria_2010_2017_2processos .text {
    width: 77%;
    margin-top: 9px;
}
.categoria_2018_2023_2processos .text {
    width: 77%;
    margin-top: 9px;
}
.categoria_2010_2017_2processos .parallelogram,
.categoria_2010_2017_2processos .parallelogram_ice{
    -webkit-transform: skew(-41deg);
    -moz-transform: skew(-41deg);
    -o-transform: skew(-41deg);
}
.categoria_2018_2023_2processos .parallelogram,
.categoria_2018_2023_2processos .parallelogram_ice{
    -webkit-transform: skew(-41deg);
    -moz-transform: skew(-41deg);
    -o-transform: skew(-41deg);
}
.categoria_2010_2017_2processos .parallelogram_ice .font{
    -webkit-transform: skew(41deg) !important;
    -moz-transform: skew(41deg) !important;
    -o-transform: skew(41deg) !important;
}
.categoria_2018_2023_2processos .parallelogram_ice .font{
    -webkit-transform: skew(41deg) !important;
    -moz-transform: skew(41deg) !important;
    -o-transform: skew(41deg) !important;
}
.categoria_2010_2017_3processos .title {
    background: url("../images/bg/bg_cat_separator.png") center top no-repeat transparent;
    margin: 0 0 0 0;
    padding-top: 24px;
    padding-bottom: 15px;
}
.categoria_2018_2023_3processos .title {
    background: url("../images/bg/bg_cat_separator.png") center top no-repeat transparent;
    margin: 0 0 0 0;
    padding-top: 24px;
    padding-bottom: 15px;
}
.categoria_2010_2017_3processos {
    width: 50%;
}
.categoria_2018_2023_3processos {
    width: 50%;
}
.categoria_2010_2017_3processos .geometrica0 {
    background: url("../images/bg/bg_cat2_2_processos.png") bottom right no-repeat transparent;
    clear: both;
    padding: 0 16px;
    margin-left: 200px;
    margin-bottom: 10px;
}
.categoria_2018_2023_3processos .geometrica0 {
    background: url("../images/bg/bg_cat2_2_processos.png") bottom right no-repeat transparent;
    clear: both;
    padding: 0 16px;
    margin-left: 200px;
    margin-bottom: 10px;
}
.categoria_2010_2017_3processos .artigo0 {
    background: url("../images/bg/bg_cat2_1_processos.png") 123px 54px no-repeat transparent;
    padding-left: 0px;
    float: left;
    width: 100%;
}
.categoria_2018_2023_3processos .artigo0 {
    background: url("../images/bg/bg_cat2_1_processos.png") 123px 54px no-repeat transparent;
    padding-left: 0px;
    float: left;
    width: 100%;
}
.categoria_2010_2017_3processos .geometrica0 .text {
    /* margin: 0 66px 0; */
    width: 53%;
    margin-left: 26px;
}
.categoria_2018_2023_3processos .geometrica0 .text {
    /* margin: 0 66px 0; */
    width: 53%;
    margin-left: 26px;
}
.categoria_2010_2017_3processos .text {
    width: 77%;
    margin-top: 9px;
}
.categoria_2018_2023_3processos .text {
    width: 77%;
    margin-top: 9px;
}
.categoria_2010_2017_3processos .parallelogram,
.categoria_2010_2017_3processos .parallelogram_ice {
    -webkit-transform: skew(-41deg);
    -moz-transform: skew(-41deg);
    -o-transform: skew(-41deg);
}
.categoria_2018_2023_3processos .parallelogram,
.categoria_2018_2023_3processos .parallelogram_ice {
    -webkit-transform: skew(-41deg);
    -moz-transform: skew(-41deg);
    -o-transform: skew(-41deg);
}
.categoria_2010_2017_3processos .parallelogram_ice .font{
    -webkit-transform: skew(41deg) !important;
    -moz-transform: skew(41deg) !important;
    -o-transform: skew(41deg) !important;
}
.categoria_2018_2023_3processos .parallelogram_ice .font{
    -webkit-transform: skew(41deg) !important;
    -moz-transform: skew(41deg) !important;
    -o-transform: skew(41deg) !important;
}

/*Recursos*/
.categoria_2010_2017_0recursos .parallelogram {
    width: 100%;
}
.categoria_2018_2023_0recursos .parallelogram {
    width: 100%;
}
.categoria_2010_2017_0recursos,
.categoria_2010_2017_1recursos,
.categoria_2010_2017_2recursos,
.categoria_2010_2017_3recursos,
.categoria_2010_2017_4recursos,
.categoria_2010_2017_5recursos{
    width: 33.7%;
    margin: 0 0.4%;
}
.categoria_2018_2023_0recursos,
.categoria_2018_2023_1recursos,
.categoria_2018_2023_2recursos,
.categoria_2018_2023_3recursos,
.categoria_2018_2023_4recursos,
.categoria_2018_2023_5recursos{
    width: 33.7%;
    margin: 0 0.4%;
}
.categoria_2010_2017_2recursos,
.categoria_2010_2017_3recursos {
    width: 15%;
}
.categoria_2018_2023_2recursos,
.categoria_2018_2023_3recursos {
    width: 15%;
}
.categoria_2010_2017_2recursos .geometrica,
.categoria_2010_2017_3recursos .geometrica {
    width: 97%;
}
.categoria_2018_2023_2recursos .geometrica,
.categoria_2018_2023_3recursos .geometrica {
    width: 97%;
}
.categoria_2010_2017_0recursos .text,
.categoria_2010_2017_1recursos .text,
.categoria_2010_2017_2recursos .text,
.categoria_2010_2017_3recursos .text,
.categoria_2010_2017_4recursos .text,
.categoria_2010_2017_5recursos .text {
    font-size: 11px;
    margin-top: 3px;
    left: 18px;
    line-height: 15px;
}
.categoria_2018_2023_0recursos .text,
.categoria_2018_2023_1recursos .text,
.categoria_2018_2023_2recursos .text,
.categoria_2018_2023_3recursos .text,
.categoria_2018_2023_4recursos .text,
.categoria_2018_2023_5recursos .text {
    font-size: 11px;
    margin-top: 3px;
    left: 18px;
    line-height: 15px;
}
.categoria_2010_2017_0recursos .parallelogram,
.categoria_2010_2017_1recursos .parallelogram,
.categoria_2010_2017_2recursos .parallelogram,
.categoria_2010_2017_3recursos .parallelogram,
.categoria_2010_2017_4recursos .parallelogram,
.categoria_2010_2017_5recursos .parallelogram{
    background: #d99c4c !important;
}
.categoria_2018_2023_0recursos .parallelogram,
.categoria_2018_2023_1recursos .parallelogram,
.categoria_2018_2023_2recursos .parallelogram,
.categoria_2018_2023_3recursos .parallelogram,
.categoria_2018_2023_4recursos .parallelogram,
.categoria_2018_2023_5recursos .parallelogram{
    background: #d99c4c !important;
}
.categoria_2010_2017_0recursos .title,
.categoria_2010_2017_1recursos .title,
.categoria_2010_2017_2recursos .title,
.categoria_2010_2017_3recursos .title,
.categoria_2010_2017_4recursos .title,
.categoria_2010_2017_5recursos .title{
    text-align: center;
    font-size: 15px;
    background: url("../images/bg/bg_cat_separator.png") center top no-repeat transparent;
    margin: 0 0 0 0;
    padding-top: 24px;
    padding-bottom: 15px;
}
.categoria_2018_2023_0recursos .title,
.categoria_2018_2023_1recursos .title,
.categoria_2018_2023_2recursos .title,
.categoria_2018_2023_3recursos .title,
.categoria_2018_2023_4recursos .title,
.categoria_2018_2023_5recursos .title{
    text-align: center;
    font-size: 15px;
    background: url("../images/bg/bg_cat_separator.png") center top no-repeat transparent;
    margin: 0 0 0 0;
    padding-top: 24px;
    padding-bottom: 15px;
}
.categoria_2010_2017_0recursos,
categoria categoria_2010_2017_3recursos{
    margin: 0;
}
.categoria_2010_2017_0recursos .parallelogram_ice {
    right: -10px;
    top: 5px;
}
.categoria_2018_2023_0recursos,
categoria categoria_2018_2023_3recursos{
    margin: 0;
}

.categoria_2010_2017_4 > .title {
    margin: -25px 0 5px 0;
}
.categoria_2010_2017_0recursos .geometrica {
    width: 49%;
}
.categoria_2018_2023_0recursos .geometrica {
    width: 49%;
}
.recursos_gestao-de-pessoas {
    list-style: inherit !important;
    float: left;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}
.recursos_gestao-de-pessoas li:nth-child(1) {margin-left: 47px;}
.recursos_gestao-de-pessoas li:nth-child(2) {margin-left: 37px;}
.recursos_gestao-de-pessoas li:nth-child(3) {margin-left: 27px;}
.recursos_gestao-de-pessoas li:nth-child(4) {margin-left: 17px;}

/*Estrategia - Popup*/
.popupitem-page .status_tit {
    margin: 20px 0 10px 0 !important;
    position: relative;
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}
.popupitem-page .projetos {
    float: left;
    width: 75%;
    min-height: 150px;
}
.popupitem-page .projeto {
    position: relative;
    float: left;
    width: 100%;
    margin: 4px 0;
}
.popupitem-page .status_tabela {
    float: left;
    width: 25%;
}
.popupitem-page .andamento {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 8px;
}
.popupitem-page p,
.popupitem-page strong,
.popupitem-page a,
.popupitem-page em,
.popupitem-page .status_tit,
.popupitem-page .status,
.popupitem-page .text_projetos,
.popupitem-page table,
.popupitem-page tr,
.popupitem-page td,
.popupitem-page .status_tit{
    font-family: 'Lato', sans-serif;
    font-size: 13px;
}
.popupitem-page ul {
    position: relative;
    float: left;
    width: calc(100% - 36px);
    padding: 0 0 0 36px;
}
.popupitem-page p:first-of-type strong {
    margin: 0px 0 10px 0 !important;
}
.popupitem-page table tr:first-of-type{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f3f3+0,eaeced+100 */
    background: rgb(242,243,243); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(242,243,243,1) 0%, rgba(234,236,237,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(242,243,243,1) 0%,rgba(234,236,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(242,243,243,1) 0%,rgba(234,236,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f3', endColorstr='#eaeced',GradientType=0 ); /* IE6-9 */

}
.popupitem-page table tr:nth-child(odd){
    background-color: #E9E9E9;
}
.popupitem-page td{
    padding: 9px 19px;
    text-align: center;
    font-weight: bold;
    color: #444;
    border: 1px solid #ebebeb;
}
.popupitem-page td p{
    font-weight: bold;
    color: #444;
}
.popupitem-page table{
    border-collapse: collapse;
    width: 100%;
}

/*Governança e Gestão*/
.content_governanca_gestao {
    width: 60%;
    float: left;
    text-align: center;
    clear: both;
    margin-left: 18%;
    margin-top: 100px;
    margin-bottom: 150px;
}
.content_governanca_gestao div a {
    float: left;
    text-align: center;
    background: #3a6e72;
    border-radius: 160px;
    display: grid;
    justify-content: center;
    align-content: center;
    height: 230px;
    margin: 45px 0px;
    width: 230px;
    font-size: 32px;
    line-height: normal;
    font-family: 'Lato', sans-serif;
    color: #FFF;
}
.content_governanca_gestao div a:hover{
    background: #42a9b1;
}
.content_governanca_gestao div {
    background: url("../images/bg/bg_governanca_gestao.png") center top no-repeat transparent;
    padding: 0 48px;
    position: relative;
    float: left;
    margin: 0 5px;
}

/*Governança*/
.principal {
    border-left: 6px solid #5b5958;
    border-right: 6px solid #5b5958;
    border-radius: 12px;
    padding: 7px 0;
    width: 655px;
    margin: 0 auto;
    height: 140px;
}

.principal a {
    background: #666666;
    display: block;
    height: 110px;
    margin-top: 0px;
    padding-top: 30px;
    font-size: 32px;
    font-family: 'Lato', sans-serif;
    color: #FFF;
    line-height: 42px;
}
.principal a:hover {
    background: #42a9b1;
    color: #FFF;
}

.subcomites div {
    float: left;
    width: 21%;
    margin: 0 auto;
    border-left: 6px solid #5b5958;
    border-right: 6px solid #5b5958;
    border-radius: 12px;
    padding: 7px 0;
}
.subcomites div:nth-child(2) {
    margin: 0 2.5%;
    margin-right: 1.25%;
}

.subcomites div:nth-child(3) {
    margin: 0 2.5%;
    margin-left: 1.25%;
}

.subcomites div a {
    background: #666666;
    display: block;
    height: 50px;
    margin-top: 0px;
    padding-top: 30px;
    font-size: 32px;
    font-family: 'Lato', sans-serif;
    color: #FFF;
}
.subcomites div a:hover {
    background: #42a9b1;
    color: #FFF;
}
.subcomites {
    margin: 0 auto;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 70px;
    margin-bottom: 100px;
}
.content_governanca {
    width: 100%;
    float: left;
    text-align: center;
}

.desc_topo {
    width: 100%;
    float: left;
    margin: 40px 0 50px;
    font-family: 'Lato', sans-serif;
}

.desc_topo .descricao_especifica {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 0 34px 0;
    float: left;
    position: relative;
}
.desc_topo .descricao {
    margin: 10px 0 40px 0;
    font-size: 17px;
    width: 100%;
    text-align: center;
}
.titulo_pagina_especifica {
    margin: 10px 0 40px 0;
    font-size: 19px;
}
.descricao_central{
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/*Gestão*/

.content_gestao {
    width: 100%;
    float: left;
    text-align: center;
    margin: 10px 0 70px;
}

.piramide_img {
    float: left;
}

.piramide {
    position: relative;
    float: left;
    width: 60%;
    font-family: 'Lato', sans-serif;
}
.piramide > div {
    float: right;
    width: 100%;
    text-align: right;
}
.piramide_part1 {
    left: -160px;
    position: absolute;
    top: 70px;
}
.piramide_part2 {
    left: -90px;
    position: absolute;
    top: 210px;
}
.piramide_part3 {
    left: -20px;
    position: absolute;
    top: 310px;
}
.piramide_part2 .btn-link{
    right: 40px;
}
.piramide .text_part {
    background: url("../images/bg/piramide_desc.png") bottom right no-repeat transparent;
    float: left;
    width: 450px;
    text-align: right;
    font-size: 12px;
    padding-bottom: 10px;
}
.btn-link {
    float: right;
    position: absolute;
    right: 0;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 42px;
    margin-top: 11px;
}
.btn-link a{
    border: 1px solid #888;
    border-radius: 14px;
    color: #333333;
    padding: 7px 10px;
    display: block;
}
.btn-link a:hover{
    background: #333333;
    color: #FFF;
}

/*Governança e Gestão - Interna */
.pagina_gestao {
    width: 100%;
    float: left;
    margin-top: 22px;
}
.menu_left_visao360 {
       margin-top: 40px;
flex: 1;
    max-width: 70%;
}
.menu_left_visao360 .accordeonck {
    margin-top: 40px;
 box-sizing: border-box;
    max-width: 100%;
}
.menu_left_visao360 .accordeonck .menu .accordeonck a{
 width: calc(100% - 2px);
    padding: 8px 25px 8px 10px !important;
    margin: 4px 0 !important;
    border-left: 10px solid #5b6a67 !important;
    text-align: center !important;
    font-weight: normal !important;
    border-bottom: 0px !important;
}
.menu_left_visao360 .accordeonck .menu .level1 ul li a {
    width: calc(100% - 2px);
    padding: 8px 35px 8px 10px !important;
    margin: 4px 0 !important;
    border-left: 10px solid #5b6a67 !important;
    text-align: center !important;
    font-weight: normal !important;
    border-bottom: 0px !important;
}
.menu_left_visao360 .accordeonck .menu .level2 ul li a {
    width: calc(100% - 2px);
    padding: 8px 35px 8px 10px !important;
    margin: 4px 0 !important;
    border-left: 10px solid #5b6a67 !important;
    text-align: center !important;
    font-weight: normal !important;
    border-bottom: 0px !important;
}
.menu_left_visao360 .accordeonck .menu .level3 ul li a {
    width: calc(100% - 2px);
    padding: 8px 35px 8px 10px !important;
    margin: 4px 0 !important;
    border-left: 10px solid #5b6a67 !important;
    text-align: center !important;
    font-weight: normal !important;
    border-bottom: 0px !important;
}
.menu_left_visao360 .accordeonck .menu .level4 ul li a {
    width: calc(100% - 2px);
    padding: 8px 35px 8px 10px !important;
    margin: 4px 0 !important;
    border-left: 10px solid #5b6a67 !important;
    text-align: center !important;
    font-weight: normal !important;
    border-bottom: 0px !important;
}

.menu_left_visao360 .accordeonck .menu li.open > a.toggler {
    background-image: url("../images/bg/minus.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;

    width: calc(100% - 2px);
    padding: 8px 35px 8px 10px !important;
    margin: 4px 0 !important;
    border-left: 10px solid #5b6a67 !important;
    text-align: center !important;
    font-weight: normal !important;
    border-bottom: 0px !important;
}
.menu_left_visao360 .accordeonck .menu li a.toggler {
    background-image: url("../images/bg/plus.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    padding: 8px 35px 8px 10px !important;
    margin: 4px 0 !important;
    border-left: 10px solid #5b6a67 !important;
    text-align: center !important;
    font-weight: normal !important;
    border-bottom: 0px !important;
}
.menu_left_visao360 a{
    color: #FFF !important;
}
.menu_left_visao360 .level1 > a{
    background-color: #3a6e72 !important;
}
.menu_left_visao360 .level2 > a{
    background-color: #33878e !important;
}
.menu_left_visao360 .level3 > a{
    background-color: #4ea6ad !important;
}
.menu_left_visao360 .level4 > a{
    background-color: #61b6bd !important;
}
.menu_left_visao360 .level5 > a{
    background-color: #9bc7ca !important;
}
.menu_left_visao360 .level6 > a{
    background-color: #afd0d2 !important;
}



.menu_left_visao360 .accordeonck .menu .level1{
}
.menu_left_visao360 .accordeonck .menu .level2{
    padding-left: 20px !important;
}
.menu_left_visao360 .accordeonck .menu .level3{
    padding-left: 20px !important;
}
.menu_left_visao360 .accordeonck .menu .level4 {
    padding-left: 20px !important;
}
.menu_left_visao360 .accordeonck .menu .level5 {
    padding-left: 20px !important;
}
.menu_left_visao360 .accordeonck .menu .level6 {
    padding-left: 20px !important;
}


.menu_left_visao360 .accordeonck .menu .level1.current .isactive {
    background: #6ddde6 !important;
    color: #3a6e72 !important;
}
.menu_left_visao360 .accordeonck .menu .level2.current .isactive {
    background: #6ddde6 !important;
    color: #33878e !important;
}
.menu_left_visao360 .accordeonck .menu .level3.current .isactive {
    background: #6ddde6 !important;
    color: #4ea6ad !important;
}
.menu_left_visao360 .accordeonck .menu .level4.current .isactive {
    background: #6ddde6 !important;
    color: #61b6bd !important;
}
.menu_left_visao360 .accordeonck .menu .level5.current .isactive {
    background: #6ddde6 !important;
    color: #9bc7ca !important;
}
.menu_left_visao360 .accordeonck .menu .level6.current .isactive {
    background: #6ddde6 !important;
    color: #9bc7ca !important;
}


.menu_left_visao360 .accordeonck .menu .level1 .current .isactive {
    background: #6ddde6 !important;
    color: #3a6e72 !important;
}
.menu_left_visao360 .accordeonck .menu .level2 .current .isactive {
    background: #6ddde6 !important;
    color: #33878e !important;
}
.menu_left_visao360 .accordeonck .menu .level3 .current .isactive {
    background: #6ddde6 !important;
    color: #4ea6ad !important;
}
.menu_left_visao360 .accordeonck .menu .level4 .current .isactive {
    background: #6ddde6 !important;
    color: #61b6bd !important;
}
.menu_left_visao360 .accordeonck .menu .level5 .current .isactive {
    background: #6ddde6 !important;
    color: #33878e !important;
}
.menu_left_visao360 .accordeonck .menu .level6 .current .isactive {
    background: #6ddde6 !important;
    color: #9bc7ca !important;
}
.grupoPai, .grupoPaiHover {
    cursor: pointer;
}
.grupoPai:hover, .grupoPaiHover {
    fill: #084c4f !important;
}

.cadeiaPai, .cadeiaPaiHover {
    cursor: pointer;
}
.cadeiaPai:hover, .cadeiaPaiHover {
    fill: #59b1b2 !important;
}

.organogramaMaior, .organogramaMedio, .organogramaMenor {
    color: white;
    position: absolute;
    text-align: center;
    overflow: hidden;
}

.organogramaMaior:hover, .organogramaMedio:hover, .organogramaMenor:hover{
    color: white;
}

.organogramaMaior {
    height: 73px;
    margin-left: 71px;
    padding-top: 12px;
    width: 149px;
    font-size: .8em;
    line-height: 1.3em;
}
.organogramaMedio {
    font-size: .8em;
    height: 60px;
    margin-left: 60px;
    padding-top: 6px;
    width: 118px;
    line-height: 18px;
}
.organogramaMenor {
    font-size: 0.6em;
    height: 37px;
    line-height: 1.2em;
    margin-left: 45px;
    padding-top: 7px;
    width: 68px;
}

/*Indicadores*/
.page-items ul{
    list-style: none;
    padding-left: 0px !important;
}
.page-items ul li {
    list-style: none !important;
    float: left;
    text-align: center;
    width: calc(25% - 10px);
    /* height: calc(200px - 10px); */
    margin: 5px;;
}

.page-items ul li a {
    display: block;
    color: #FFF;
    background: #3a6e72;
    line-height: 17px;
    vertical-align: middle;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    border-radius: 6px;
    padding: 19px;
    height: 60px;
}
.tit_categoria_desdobramento {
    text-align: center;
}
.page-items ul li a:hover {
    background: #42a9b1;
}

/*Processos - Cadeia de valor*/
.title_category {
    position: relative;
    margin: 10px 0 12px 0;
}
.title_category .title_interno {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    line-height: 23px;
}
.pagina_cadeiadevalor .article {
    width: 81%;
    margin: 0px 0px 0 23px;
    color: #FFF;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    position: relative;
    float: left;
}
.agrup-article {
    float: left;
    width: 100%;
    position: relative;
    margin: 7px 0 7px 7px;
}
.part-0 .agrup_content {
    position: relative;
    float: left;
    margin: 0 0px 0 50px;
}

/*Nivel 0*/
.nivel-0 .content_0 .info {
    float: left;
    width: 50%;
}
.nivel-0 .content_1 .info {
    float: left;
    width: 100%;
}
.nivel-0 .content_0 {
    width: calc(700px - 80px);
    float: left;
    padding: 30px 20px 30px 40px;
}
.nivel-0 .article{
    -webkit-transform: skew(0deg) !important;
    -moz-transform: skew(0deg) !important;
    -o-transform: skew(0deg) !important;
}
.nivel-0 .content_1{
    width: calc(315px - 80px);
    float: left;
    padding: 30px 40px;
}
.nivel-0 .content .article_paralelogramo {
    float: left;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    padding: 30px 40px;
    background: #4e7d80;
    position: absolute;
    width: calc(100% - 80px);
    height: calc(100% - 60px);
}
.nivel-0 .content_paralelogramo {
    float: left;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    /*padding: 30px 40px;*/
    background: #3a6e72;
    position: absolute;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
}
.nivel-0 .part-0 .agrup-article {
    float: left;
    width: 98%;
    position: relative;
    margin: 7px 0px 7px 7px;
}
.nivel-0 .part-0 .info2 .agrup-article:nth-child(1) {
    margin-left: 0px;
}

.nivel-0 .part-0 .agrup-article:nth-child(2){
    margin-left: -17px;
}
.nivel-0 .part-0 .agrup-article:nth-child(3){
    margin-left: -37px;
}
.nivel-0 .part-0 .info2 .agrup-article {
    height: 321px;
}
.nivel-0 .part-0 .info2 .article {
    margin-left: 38px;
}
.nivel-0 .part-0 .agrup_content:nth-child(2) {
    height: 463px;
    background: url("../images/bg/bg_sep_cadeiadevalor.png") center left no-repeat;
    margin-left: 10px;
    padding-left: 38px;
}
.nivel-0 .part-0 .agrup_content:nth-child(2) .title_category {
    margin-top: 110px;
    margin-bottom: 0px;
}
.nivel-0 .part-0 .agrup_content:nth-child(2) .agrup-article {
    margin: 7px 0 7px -7px;
}

.item-page-cadeiadevalor {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 50px;
}

.item-page-cadeiadevalor h2{
    border: none !important;
    padding: 0;
}

.cadeiaSessaoMaior, .cadeiaSessaoMaiorComplemento, .cadeiaConteudoMaior4x2,
.cadeiaSessaoIntermediariaMaior, .cadeiaSessaoIntermediariaMenor, .cadeiaSessaoIntermediariaComplemento,
.cadeiaConteudoIntermediario2x1, .cadeiaConteudoIntermediario3x1, .cadeiaConteudoMaior7x2,
.cadeiaConteudoMaior3x1 {
    color: white;
    text-align: center;
    position: absolute;
    overflow: hidden;
}

.cadeiaSessaoMaior:hover, .cadeiaSessaoMaiorComplemento:hover, .cadeiaConteudoMaior4x2:hover,
.cadeiaSessaoIntermediariaMaior:hover, .cadeiaSessaoIntermediariaMenor:hover, .cadeiaSessaoIntermediariaComplemento:hover,
.cadeiaConteudoIntermediario2x1:hover, .cadeiaConteudoIntermediario3x1:hover, .cadeiaConteudoMaior7x2:hover,
.cadeiaConteudoMaior3x1:hover {
    color: white;
}

.cadeiaSessaoMaior {
    font-size: 1.3em;
    height: 62px;
    margin-left: 58px;
    padding-top: 15px;
    width: 480px;
transform: skew(-10deg);
}

.cadeiaSessaoMaiorComplemento {
    font-size: 1em;
    height: 240px;
    margin-left: 45px;
    width: 100px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 3px;
transform: skew(-10deg);
}

.cadeiaSessaoMaiorComplemento p{
    font-size: 0.9em;
line-height: 16px;
}

.cadeiaConteudoMaior3x1 {
    font-size: .9em;
    line-height: 16px;
    height: 180px;
    margin-left: 38px;
    width: 130px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
transform: skew(-10deg);
}

.cadeiaConteudoMaior4x2 {
    font-size: .8em;
    line-height: 15px;
    height: 70px;
    margin-left: 19px;
    width: 200px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
transform: skew(-10deg);
}

.cadeiaSessaoIntermediariaMaior {
    font-size: 1.2em;
    height: 30px;
    margin-left: 68px;
    padding-top: 15px;
    width: 250px;
transform: skew(-10deg);
}

.cadeiaSessaoIntermediariaMenor {
    font-size: 0.9em;
    line-height: 15px;
    height: 35px;
    margin-left: 54px;
    padding-top: 15px;
    width: 100px;}

.cadeiaSessaoIntermediariaComplemento {
    font-size: 1.3em;
    height: 250px;
    margin-left: 30px;
    width: 120px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
transform: skew(-10deg);
}
#text2486 {margin-top: 30px;}
.cadeiaConteudoIntermediario2x1 {
    font-size: .8em;
    line-height: 15px;
    height: 140px;
    margin-left: 18px;
    width: 70px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
transform: skew(-10deg);

}

.cadeiaConteudoIntermediario3x1 {
    font-size: .7em;
    height: 40px;
    margin-left: 13px;
    padding-top: 5px;
    line-height: 12px;
    width: 90px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
transform: skew(-10deg);
}

.cadeiaConteudoMaior7x2 {
    font-size: 0.70em;
    height: 60px;
    margin-left: 17px;
    width: 100px;
    line-height: 1.2;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.cadeiaRodape {
    font-size: .9em;
    height: 76px;
    margin-left: 70px;
    padding-top: 0px;
    width: 255px;
    text-align: left;
    position: absolute;
    overflow: hidden;
}


/*Monitoramento*/
.tit_categoria_desdobramento {
    text-align: center;
    margin-top: 60px;
}
.sobre_container .sobre {
    border: none !important;
    padding: 0 !important;
}

/*Projetos*/
.projetos_dados > div {
    padding: 7px;
    text-align: center;
    margin: 0 0 10px 0;
    position: relative;
}
.cicle_projetos{
    width: 18px;
    height: 18px;
    position: absolute;
    right: 18px;
    top: 18px;
    border-radius: 100%;
}
.nao_iniciado {
    background: url(../images/nao_iniciado.png) top left repeat-y;
    border: 1px solid #989898;
    color: #989898;
}
.cicle_nao_iniciado {
    background: #989898;
}
.cancelado {
    background: url(../images/cancelado.png) top left repeat-y;
    border: 1px solid #b63333;
    color: #b63333;
}
.cicle_cancelado{
    background: #b63333;
}

.cicle_suspenso{
    background: #ffbc1a;
}
.suspenso {
    background: url(../images/suspenso.png) top left repeat-y;
    border: 1px solid #ffbc1a;
    color: #ffbc1a;
}

.cicle_a_iniciar{
    background: #d55bb7;
}
.a_iniciar {
    background: url(../images/a-iniciar.png) top left repeat-y;
    border: 1px solid #d55bb7;
    color: #d55bb7;
}

.em_andamento {
    background: url(../images/em-andamento.png) top left repeat-y;
    border: 1px solid #4a5be3;
    color: #4a5be3;
}
.cicle_em_andamento{
    background: #4a5be3;
}
.concluido {
    background: url(../images/concluido.png) top left repeat-y;
    border: 1px solid #42a9b1;
    color: #42a9b1;
}
.cicle_concluido{
    background: #42a9b1;
}
.projetos_dados {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 90px;
}
.projetos_legenda_grafico {
    position: absolute;
    float: left;
    width: 310px;
    font-size: 15px;
    font-weight: 500;
    margin-top: 335px;
    right: 0px;
}
.projetos_legenda_grafico .result_container{
    position: relative;
}
.cicle_legenda {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    float: left;
    margin-right: 13px;
    margin-top: 1px;
}
.result_porcentagem {
    margin: 12px 0;
}
#piechart{
    width: 100%;
    position: relative;
    height: 500px;
    float: left;
}

/*Indicadores e Metafisica*/
.indicador_legenda {
    float: right;
    height: 100px;
    width: 130px;
    text-align: center;
}
.legenda_cicle {
    width: 90px;
    height: calc(90px - 32px) !important;
    background: #3a6e72;
    text-align: center;
    border-radius: 100%;
    padding-top: 32px;
    margin: 0 auto;
    font-size: 25px;
    color: #FFF;
    text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
}
.legenda_indicador {
    margin-top: 5px;
}
.indicador_legenda {
    float: right;
    height: 130px;
    width: 130px;
    text-align: center;
    position: absolute;
    right: 0;
    margin-top: -330px;
}
.indicadores {
    padding: 10px;
}
.indicador {
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid #DDD;
    margin: 0px 0px;
    padding: 10px 0;
}
.indicador h2.active {
    margin-bottom: 44px;
}
.indicador h2.accordion {
    font-size: 20px !important;
}
.indicador:first-of-type {
    border-top: none;
    padding-top: 0px;
}
.label_tit {
    font-weight: bold;
    font-size: 15px;
    font-family: 'Lato', sans-serif !important;
}
.desc_text{
    font-family: 'Lato', sans-serif !important;
    font-size: 14px;
}
.dados {
    position: relative;
    float: left;
    width: 100%;
}
.dados > div {
    float: left;
    width: 50%;
    position: relative;
    margin: 11px 0;
}
.grafico {
    position: relative;
    float: left;
    width: 100%;
}

/*Tabela geral*/
.visao360 table,
.visao360 tr,
.visao360 td{
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 500;
}
.visao360 table tr:first-of-type{
    background: #666666 !important;
    text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
}
.visao360 table{
    width: 100%;
    border-collapse: collapse;
}
.visao360 table tr:first-of-type td {
    padding: 13px 20px !important;
    font-size: 16px !important;
}
.visao360 td {
    padding: 4px 15px !important;
    text-align: center;
    color: #EEE;
    border: 1px solid #5b5958 !important;
    font-size: 13px !important;
    font-weight: lighter;
}
.visao360 table tr:nth-child(odd){
    background-color: #777777;
}
.visao360 table tr:nth-child(even){
    background-color: #9e9e9e;
}

/* Objetivos */
.abas {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 40px;
}

.abas ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.abas .tab-content {
    display: none;
    background: none;
    padding: 15px;
    position: relative;
    float: left;
    border: 1px solid #2b396e;
}

.tab-content.current{
    display: inherit;
    width: calc(100% - 30px);
}
.abas ul.tabs li.current {
    background: rgb(43, 57, 110);
    color: #fafafa;
}
.abas ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    background: #ededed;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

/*ICE*/
.categoria_2010_2017_0 .parallelogram_ice {
    right: 20px;
    top: 5px;
}
.categoria_2018_2023_0 .parallelogram_ice {
    right: 20px;
    top: 5px;
}
.categoria_2010_2017_1 .parallelogram_ice {
    top: 5px;
    right: 6px;
}
.categoria_2010_2017_1 .text {
    top: 24px;
}
.categoria_2018_2023_1 .parallelogram_ice {
    top: 5px;
    right: 6px;
}
.categoria_2018_2023_1 .text {
    top: 33px;
    left: 20px;
}
.categoria_2010_2017_2 .parallelogram_ice {
    top: 5px;
    right: 10px;
}
.categoria_2010_2017_2 .text {
    top: 24px;
}
.categoria_2018_2023_2 .parallelogram_ice {
    top: 5px;
    right: 10px;
}
.categoria_2018_2023_2 .text {
    top: 33px;
    width: 66%;
    left: 55px;
}
.categoria_2010_2017_3 .parallelogram_ice {
    right: 1px;
    top: 5px;
}
.categoria_2010_2017_3 .text {
    top: 24px;
}
.categoria_2018_2023_3 .parallelogram_ice {
    right: 1px;
    top: 5px;
}
.categoria_2018_2023_3 .text {
    top: 26px;
}

.categorias_2018_2023 .estrategia-processo .text {
    left: 17px;
    font-size: 14px;
    line-height: 15px;
    top: 27px;
    text-align: center;
    width: 75%;
}

.categorias_2018_2023 .estrategia-processo .parallelogram{
    width: 90%;
}

.artigo:last-of-type .estrategia-processo .separador-item{
    display: none;
}

.categoria_2010_2017_2processos .parallelogram_ice {
    right: -5px;
    top: 6px;
}
.categoria_2010_2017_2processos .text {
    top: 17px;
}
.categoria_2010_2017_3processos .text {
    top: 30px;
}
.categoria_2018_2023_2processos .parallelogram_ice {
    right: -5px;
    top: 6px;
}
.categoria_2018_2023_2processos .text {
    top: 17px;
}
.categoria_2018_2023_3processos .text {
    top: 30px;
}

.categoria_2010_2017_2processos .artigo0 .parallelogram_ice {
    right: 9px;
    top: 5px;
}
.categoria_2018_2023_2processos .artigo0 .parallelogram_ice {
    right: 9px;
    top: 5px;
}
.categoria_2010_2017_3processos .parallelogram_ice {
    right: -5px;
    top: 6px;
}
.categoria_2018_2023_3processos .parallelogram_ice {
    right: -5px;
    top: 6px;
}
.categoria_2010_2017_3processos .artigo0 .parallelogram_ice {
    right: 11px;
    top: 5px;
}
.categoria_2018_2023_3processos .artigo0 .parallelogram_ice {
    right: 11px;
    top: 5px;
}
.categoria_2010_2017_0processos .parallelogram_ice {
    right: 0px;
    top: 5px;
}
.categoria_2018_2023_0processos .parallelogram_ice {
    right: -8px;
    top: 5px;
}
.categoria_2010_2017_0recursos .text {
    top: 24px;
}
.categoria_2018_2023_0recursos .text {
    top: 24px;
}
.categoria_2010_2017_1recursos .parallelogram_ice {
    right: 1px;
    top: 5px;
}
.categoria_2018_2023_1recursos .parallelogram_ice {
    right: 1px;
    top: 5px;
}
.categoria_2010_2017_1recursos .text {
    top: 24px;
}
.categoria_2018_2023_1recursos .text {
    top: 24px;
}
.categoria_2010_2017_2recursos .parallelogram_ice {
    right: 1px;
    top: 5px;
}
.categoria_2018_2023_2recursos .parallelogram_ice {
    right: 1px;
    top: 5px;
}
.categoria_2010_2017_2recursos .text {
    top: 24px;
}
.categoria_2018_2023_2recursos .text {
    top: 24px;
}
.categoria_2010_2017_3recursos .parallelogram_ice {
    right: 1px;
    top: 5px;
}
.categoria_2018_2023_3recursos .parallelogram_ice {
    right: 1px;
    top: 5px;
}
.categoria_2010_2017_3recursos .text {
    top: 24px;
}
.categoria_2018_2023_3recursos .text {
    top: 24px;
}

.estrategia-processo .separador-item {
    position: absolute;
    right: 4px;
    top: 45px;
    font-size: 15px;
}

/*ICE - Pagina estrategia*/
.desc_ano {
    float: left;
    width: 85%;
}
.ano_selecione form {
    width: 15%;
    position: relative;
    float: right;
    padding-top: 14px;
}
.ano_selecione {
    float: right;
    width: auto;
    margin-top: -63px;
    z-index: 999;
}
.ano_selecione select {
    padding: 5px 12px 5px 7px;
    color: #000;
    border-radius: 7px;
    border: none;
}


/*Legenda ICE*/
.legenda_ice_content {
    width: 76%;
    border-top: 1px solid #CCC;
    position: relative;
    float: left;
    margin-left: 10%;
    margin-top: 50px;
}
.tit_legend {
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin: 12px 0 20px;
}
.legenda_ice {
    width: 100%;
    position: relative;
    float: left;
    margin: 0 auto;
    text-align: center;
    padding-left: 14%;
}
.legenda_ice .resultados {
    width: 22%;
    float: left;
    text-align: center;
    position: relative;
    margin: 0 2%;
}
.legenda_ice .parallelogram_legend {
    background: #FFF;
    width: 35px;
    height: 20px;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    float: left;
    margin-right: 13px;
}
.legenda_ice .circle_legend {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    position: absolute;
    top: 4px;
    left: 11px;
}
.legenda_ice .text_legend {
    float: left;
    width: calc(100% - 81px);
    text-align: center;
    font-size: 16px;
}


.mapa-visao #header {
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.52);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.52);
    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.52);
}

.mapa-visao .sombraMenu {
    background: none !important;
}

.mapa-visao .meio {
    background: rgb(254,253,253);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255,1) 0%, rgba(207, 207, 207,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255, 255, 255,1))), color-stop(100%,rgba(207, 207, 207,1));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255,1) 0%,rgba(207, 207, 207,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255,1) 0%,rgba(207, 207, 207,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255,1) 0%,rgba(207, 207, 207,1) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255,1) 0%,rgba(207, 207, 207,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfcfcf',GradientType=1 );
    padding-bottom: 50px;
}

.mapa-visao #xmap > ul {
    width: 100%;
    float: left;
    margin-top: 70px;
}



.mt-5 {
    margin-top: 5rem;
}


.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    width: 100%;
}

@media (min-width: 768px) {
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        float: left;
    }
    .col-12 {
        width: 100%;
    }
    .col-11 {
        width: 91.66666667%;
    }
    .col-10 {
        width: 83.33333333%;
    }
    .col-9 {
        width: 75%;
    }
    .col-8 {
        width: 66.66666667%;
    }
    .col-7 {
        width: 58.33333333%;
    }
    .col-6 {
        width: 50%;
    }
    .col-5 {
        width: 41.66666667%;
    }
    .col-4 {
        width: 33.33333333%;
    }
    .col-3 {
        width: 25%;
    }
    .col-2 {
        width: 16.66666667%;
    }
    .col-1 {
        width: 8.33333333%;
    }
}


@media (min-width: 768px) {
    #header-360 {
        min-height: 170px;
    }
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}


#projetos-360 .chzn-container.chzn-container-single.chzn-container-single-nosearch {
    width: 100% !important;
}

.descricao_central1 {
    font-size: 14px;
    /* text-align: center; */
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.squeezhead {
    cursor: pointer;
}
.menu_left_visao360::after {
    content: "";
    display: table;
    clear: both;
}