@font-face {
	font-family: "Kozuca";
	src: url("fonts/kozuca.otf");
}

@font-face {
	font-family: "Kozuca Bold";
	src: url("fonts/kozuca-bold.otf");
}

body {
    margin:0;
    padding:0;
    color:rgb(50,50,50);
    overflow-x: hidden;
    font-size:15px;
    line-height:20px;
    outline:0;
    font-family: 'Roboto',sans-serif;
}

header {
    padding:0;
    background-color: rgb(34,31,68);
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index: 100;
    transition: 0.2s;
}

header .dynamika-menu-ul-forest {
    margin-top: 6px;
    
}

.border-bottom-acessibilidade {
    border-bottom:1px solid rgba(255,255,255,.15);
}

.traducao img {
    height:55px;
    margin-top:10px;
    margin-bottom:12px;
    overflow:hidden;
}

.traducao .bandeiras {
    filter: grayscale(100%);
    height:18px;
    border: solid 1px rgba(255,255,255,.5);
    border-radius:3px;
    overflow:hidden;
}

.traducao img:hover {
    filter: none;
}

.traducao.acesso-informacao img{
    top: 0px;
    position: absolute;
    right: 0;
}

.banner {
    position: relative;
    height:450px;
    width:100%;
    margin-top:78px;
    display:flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}

.banner img {
    object-fit: cover;
    object-position: center;
    min-width:100%;
    height:550px;
}

.banner-inferior img {
    width:100%;
}

.banner-curso {
    position: relative;
    height:auto;
    width:100%;
    margin-top:70px;
    display:flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}

.banner-curso img {
    object-fit: cover;
    object-position: center;
    min-width:100%;
    height:550px;
}


.empty {
    font-size:24px;
    text-align: center;
    display:block;
    padding:40px;
    font-weight:bold;
}

#busca {
    position: absolute;
    width:40%;
    text-align:center
}

#busca input {
    width:80%;
    height:50px;
    border-radius:50px;
    border:0;
    background-color: rgba(255,255,255,.3);
    transition: all .3s ease;
}

#busca input:focus {
    background-color: rgba(255,255,255,.8);
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
    width:100%;
}

#busca button {
    position: absolute;
    height:70px;
    width:70px;
    top:-10px;
    right:0;
    background-color:transparent;
    border:0 !important;
    border-radius:100px;
}

#busca svg {
    color:rgb(0,175,239);
    font-size:24px;
}

#busca-interna {
    position: absolute;
    top:-15px;
    right:0;
    width:40% !important;
    text-align:center;
}

#busca-interna input {
    width:100%;
    height:40px;
    border-radius:50px;
    border:0;
    background-color: rgb(235,235,235);
    transition: all .3s ease;
    font-size: 14px !important;
    font-weight: 100 !important;
}

#busca-interna input:focus {
    background-color: rgb(242,242,242);
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
    width:80%;
}

#busca-interna button {
    position: absolute;
    height:50px;
    width:50px;
    top:5px;
    right:18px;
    background-color:transparent;
    border:0 !important;
    border-radius:100px;
}

#busca-interna svg {
    color:rgb(34,31,68) !important;
    font-size:32px !important;
    padding-right:20px !important;
}

/**Busca interna transparencia**/
#busca-interna-transparencia {
    position: relative;
    top:-15px;
    right:0;
    width:100% !important;
    text-align:center;
}

#busca-interna-transparencia input {
    width:100%;
    height:40px;
    border-radius:50px;
    border:0;
    background-color: rgb(235,235,235);
    transition: all .3s ease;
    font-size: 14px !important;
    font-weight: 100 !important;
}

#busca-interna-transparencia input:focus {
    background-color: rgb(242,242,242);
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
    width:100%;
}

#busca-interna-transparencia button {
    position: absolute;
    height:50px;
    width:50px;
    top:5%;
    right:8px;
    background-color:transparent;
    border:0 !important;
    border-radius:100px;
}

#busca-interna-transparencia svg {
    color:rgb(34,31,68) !important;
    font-size:32px !important;
    padding-right:20px !important;
}

.card.card-transparencia.text-center{
    height: auto;
    padding: 60px 40px 40px 40px;
}

.card.card-categoria{
    height: 10px;
    width: auto;
    position: absolute;
    padding: 20px;
    top: 0px;
    left: 0px;
}

.card.card-categoria p{
    font-size: 13px;
}
.summary {
    width:100%;
    text-align: center;
    padding:10px;
}

#destaques {
    margin-top:-50px;
    z-index: 99;
    position: relative;
}

.box-destaques {
    font-size:20px;
    color:rgba(255,255,255,.5);
    width:100%;
    height:100%;
    display:block;
    text-align:center;
    padding:30px;
    margin:0;
    border-radius:12px;
    background-color:rgb(34,31,68);
    border:4px solid rgb(34,31,68);
    transition: all .3s ease;
}

.box-destaques svg {
    width:100%;
    text-align:center;
    color:rgb(255,255,255);
    font-size:60px;
    line-height:70px;
}

.box-destaques h3 {
    font-weight:bold;
    text-transform: uppercase;
    color:rgb(255,255,255);
    margin:10px 0 0 0;
    font-size:20px;
}

.box-destaques p {
    margin:10px 0 0 0;
    font-size:.8em;
    color:rgba(255,255,255,.5);
}

.box-destaques:hover {
    margin-top:-20px;
    background-color:rgb(255,255,255);
    border:4px solid rgb(0,159,227);
}

.box-destaques:hover svg , .box-destaques:hover h3 , .box-destaques:hover p {
    color:rgb(0,159,227);
}

.btn-formulario {
    padding:5px 20px; 
    border:0 !important;
    background-color: rgb(62,64,149);
    color:rgb(255,255,255);
}

.btn-voltar {
    background-color: rgb(62,64,149);
    color:rgb(255,255,255);
    font-size:10px;
    padding:8px 14px;
    border-radius:4px;
    transition:all .2s ease;
}

.btn-voltar:hover {
    color:rgb(255,255,255);
    padding:8px 20px;
}

a {
    color:rgb(34,31,68);
    font-family:'Roboto',sans-serif;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color:rgb(0,0,0);
}

a:hover {
    color:rgba(0,0,0);
}

strong {
    font-family:'Roboto' !important;
}

footer {
    margin-top:150px;
    background-color:rgb(34,31,68);
    background-size: 100%;
    background-repeat: no-repeat;
    color:rgba(255,255,255,.5);
    padding:20px 0 40px 0;
    line-height:24px;
}

footer h4 {
    color:rgb(255,255,255);
    text-transform: uppercase;
    font-size:16px;
    margin:50px 0 10px 0;
    letter-spacing:1px;
}

footer .icon-footer {
    font-size:40px;
    padding:10px 2px 0 2px;
    color:rgb(255,255,255);
    transition: all .2s ease;
}

footer .icon-footer:hover {
    padding:5px 2px 5px 2px;
    color:rgba(255,255,255,.3)
}

footer .icone-trabalhe {
    font-size:50px;
    margin-bottom:16px;
    color:rgb(255,255,255);
    transition: all .2s ease;
}

.btn-group button , .fc-today-button {
    border:1px solid rgb(235,235,235);
}

.alert-info {
    color: #000;
    background-color:rgba(32,63,147,.3);
    border-color: rgba(32,63,147,.3);
}

.accordion-item {
    margin-bottom:20px;
    border:1px solid rgb(230,230,230) !important;
}

.accordion-header button {
    border:0 !important;
    padding:25px;
}

.accordion-header button:hover {
    border-top:1px solid rgb(230,230,230) !important;
    border-left:1px solid rgb(230,230,230) !important;
    border-right:1px solid rgb(230,230,230) !important;
    background-color: rgb(34,31,68) !important;
    color:rgb(255,255,255) !important;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #e7f1ff;
    box-shadow:none;
    border:1px solid rgb(230,230,230);
}

.accordion-body {
    border:1px solid rgb(230,230,230);
}

.pagination li {
    text-align: center;
    padding:1px;
    line-height:30px;
    height:35px;
    margin:2px;
    border:2px solid rgb(235,235,235);
    border-radius:4px;
}
  
.pagination li a {
    padding:3px 15px;
    line-height:20px;
    height:20px;
    transition: all .2s ease;
}
  
.pagination li:hover , .pagination li.active {
    border:2px solid rgb(0,159,227);
}
  
.pagination li:first-child , .pagination li:last-child {
    border-bottom:none;
    padding:5px 15px;
}

.prev , .next {
    border:0 !important;
    margin-top:-2px !important;
}

.nopadding {
    padding:0;
}

.nomargin {
    margin:0;
}

.bg-light {
    background-color: rgb(235,235,235) !important;
}

.bg-primary {
    background-color: rgb(49,39,131) !important;
}

.bg-secondary {
    background-color: rgb(240,235,225) !important;
}

.bg-warning {
    background-color: rgb(245,230,210) !important;
}

.titulo {
    font-size:16px;
    line-height:30px;
    text-align: left;
    text-transform: uppercase;
    font-family:'Oswald', sans-serif !important;
    border-bottom:1px solid rgb(220,220,220);
    position: relative;
    margin-bottom:20px;
}

.titulo span {
    display:block;
    width:30px;
    height:3px;
    background-color:rgb(0,175,239);
    position: absolute;
    top:30px;
    left:0;
}

#box-card {
    display:flex;
    justify-content: space-between;
}

#box-card .card{
    padding:0;
    margin:15px;
    flex-basis:300px;
    height:auto;
    flex-grow: 1;
    border:1px solid rgb(235,235,235);
    border-bottom:2px solid rgb(150,150,150);
    transition: all .3s ease;
}

#box-card .card .card-body{
    padding:0;
}

#box-card a {
    color:rgb(50,50,50);
}

#box-card h5 {
    padding:20px 20px 5px 20px;
}

#box-card p {
    padding:0 20px 20px 20px;
}

#box-card .card:hover{
    background-color:rgb(230,230,230);
}





/*----- FORMULARIO -----*/

form {
    text-align: left;
}

input , select {
    border:1px solid rgb(210,210,210);
    border-bottom:1px solid rgb(160,160,160);
    border-radius:6px;
    background-color: rgb(255,255,255);
    margin-bottom:10px;
    height:42px;
    font-size:14px;
    line-height:42px;
    padding:13px;
    text-align: left;
    transition: all .5s ease;
}

input:focus {
    background-color:rgb(230,230,230);
}

.date .input-group-text.kv-date-picker, .date .input-group-text.kv-date-remove {
    height: 42px !important;
}

button {
    background-color:rgb(34,31,68);
    border-radius:4px;
    border:0;
    color:#FFF;
    height:40px;
    padding:0 15px 15px;
    font-size:14px;
    transition: all .7s ease;
}

button:focus {
    background-color:rgb(62,64,149);
    border-bottom:2px solid rgb(34,31,68) !important;
}







/*----- CAPA -----*/

.noticia-home {
    position: relative;
    height:370px;
    overflow:hidden;
}

.noticia-home a {
    color:rgb(34, 31, 68);
    display:block;
    text-decoration: none;
    border:3px solid #FFF;
    transition: all .3s ease;
}

.noticia-home img {
    min-height:370px;
    height:auto;
    width:100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    transition: all .3s ease;
}

.noticia-home:hover a {
    background-color:rgb(34, 31,68);
}

.noticia-home:hover img {
    opacity: .5;
    filter:saturate(50%);
}

.noticia-home:hover h2 {
    background-image: linear-gradient(to top, rgba(0, 31, 68,.5) , transparent);
}

.noticia-home h2 {
    position: absolute;
    right:3px;
    left:3px;
    bottom:0;
    color:#FFF;
    text-shadow:1px 1px 1px rgb(0,0,0);
    background-image: linear-gradient(to top, rgb(0,31,68) , transparent);
    font-size:18px;
    line-height:26px;
    margin:0;
    padding:30px;
}

section.box {
    margin-top:80px;
}

#box-curso{
    margin-top: 150px;
}
.atalho {
    width:50%;
    display:inline-block;
    padding:20px 25px;
    border-radius:6px;
    text-align: center;
    text-decoration: none;
    color:rgb(34,31,68);
    transition:all .3s ease;
}

.unidadeColl{
    width: 65%;
}

.atalho-unidade {
    width:32.5%;
    display:inline-block;
    padding:10px 10px;
    border-radius:6px;
    text-align: center;
    text-decoration: none;
    color:rgb(50,50,50);
    transition:all .3s ease;
}

.atalho svg {
    font-size:42px;
    line-height:40px;
    height:55px;
    margin:auto;
    padding:auto;
    color:rgb(0,175,240);
    transition:all .3s ease;
}

.atalho-unidade svg {
    font-size:28px;
    line-height:40px;
    height:55px;
    margin:auto;
    padding:auto;
    color:rgb(0,175,240);
    transition:all .3s ease;
}

.atalho h4 {
    text-transform: uppercase;
    font-weight:bold;
    padding:10px;
    margin:0;
    font-size:14px;
    line-height:15px;
    color:rgb(0,175,240);
    transition:all .3s ease;
}

.atalho-unidade h6 {
    text-transform: uppercase;
    font-weight:bold;
    padding:3px;
    margin:0;
    font-size:10px;
    line-height:15px;
    color:rgb(0,175,240);
    transition:all .3s ease;
}

.atalho:hover svg , .atalho-unidade:hover svg {
    text-decoration: none;
    color:rgb(34,31,68);
}

.atalho:hover svg , .atalho-unidade:hover svg {
    color:rgb(34,31,68);
    font-size:56px;
}

.atalho svg {
    font-size:42px;
    line-height:40px;
    height:55px;
    margin:auto;
    padding:auto;
    color:rgb(0,175,240);
    transition:all .3s ease;
}

.atalho h4{
    text-transform: uppercase;
    font-weight:bold;
    padding:10px;
    margin:0;
    font-size:14px;
    line-height:15px;
    color:rgb(0,175,240);
    transition:all .3s ease;
}

.atalho:hover h4 , .atalho-unidade:hover h4 {
    color:rgb(34,31,68);
    font-size:15px;
    line-height:15px;
}

.atalho p , .atalho-unidade p {
    padding:0;
    margin:0;
}

.unidade {
    text-align: center;
    height: 230px;
    padding-top: 10px;
}

.unidade svg {
    font-size:30px;
    margin-top:70%;
    cursor:pointer;
}

.unidade img {
    object-fit: cover;
    width:160px;
    height:160px;
    border-radius:30px;
    z-index: 100;
    transition: transform .4s;
    -webkit-filter: opacity(1);
    filter: opacity(1);
}

.unidade a {
    color:rgb(50,50,50);
    display:block;
    font-size:12px;
    line-height:16px;
}

.unidade h3 {
    font-size:24px;
    padding:5px 0;
    margin:0;
}

.unidade:hover img, .unidade:hover h3{
    transition: transform .2s;
    -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2); 
    filter: brightness(50%);
}

.unidade:hover h3 {
    padding:15px 0 5px 0;
    transition: 0.35s padding ease-out;
}

.link {
    text-align: center;
    height: 230px;
    padding-top: 10px;
}
.link img {
    object-fit: cover;
    width:160px;
    height:160px;
    border-radius:30px;
    z-index: 100;
}
.link a {
    color:rgb(50,50,50);
    display:block;
    font-size:12px;
    line-height:16px;
}
.link p {
    font-size:14px;
    text-align: justify;
    padding:5px 0;
    margin:0;
}

.width-full {
    width:100% !important;
}

.padding-box {
    padding:0px 0;
}

.padding10 {
    padding:10px;
}

.padding50 {
    padding:50px;
}

.padding25H {
    padding:0 25px 0 25px;
}

.margin20T {
    margin-top:20px;
}

.margin25T {
    margin-top:25px;
}

.margin50T {
    margin-top:50px;
}

.margin20B {
    margin-bottom:20px;
}

.numeros .titulo {
    color:rgb(255,255,255);
    border-bottom:1px solid rgba(255,255,255,.2);
}

.numeros {
    padding:30px 30px 10px 30px;
    text-align: center;
}

.numeros svg {
    font-size:70px;
    text-align:center;
    margin:auto;
    display:block;
    color:rgb(255,255,255);
}

.numeros h4 {
    font-size:26px;
    font-weight:bold;
    display: block;
    margin:10px 0 0 0;
    padding:0;
    line-height:30px;
    color:rgb(255,255,255);
}

.numeros p {
    display:block;
    text-align: center;
    margin:0;
    padding:0;
    color:rgba(255,255,255,.5);
}

.card {
    padding:40px;
    border-radius:8px;
    margin-bottom:30px;
    height:170px;
    overflow-y: auto;
    position: relative;
    overflow: hidden;
    display:block;
}

.card-height-auto {
    padding:30px;
    border-radius:8px;
    margin-bottom:30px;
    overflow-y: auto;
    position: relative;
    overflow: hidden;
    display:block;
    border:1px solid rgb(230,230,230);
}

.card p , .card-height-auto p {
    padding:10px 0 20px 0;
}

.card .link-fixo , .card-height-auto .link-fixo {
    position: absolute;
    bottom:0;
    right:0;
    padding:7px 15px;
    background-color: rgb(230,140,10);
    color:rgb(255,255,255);
    transition: all .2s ease-in-out;
}

.card .link-fixo:hover , .card-height-auto .link-fixo:hover {
    padding:7px 25px;
}

.card h5 , .card p , .card-height-auto h5 , .card-height-auto p {
    padding:0 0 10px 0;
    margin:0;
}

.card hr , .card-height-auto hr {
    border-top:1px solid rgb(180,180,180);
    margin:10px 0;
}

#header-curso #h1-logo {
    margin: 0;
}

#banner-curso {
    margin-top: 72px !important;
}

#header-curso #img-logo {
    padding: 2px;
    margin: 0;
}

.list-curso {
    padding-bottom: 50px !important;
}

.curso-categoria {
    font-size: 20px;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding: 15px 20px;
    margin: 0;
    border-radius: 12px;
    background-color: rgb(235, 235, 235);
    border: 4px solid rgb(235, 235, 235);
}

.curso-categoria svg {
    width: 100%;
    text-align: center;
    font-size: 60px;
    line-height: 70px;
}

.curso-categoria h3 {
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    font-size: 20px;
}

.curso-slider .tns-controls {
    display: block !important;
    position: relative;
    z-index: 1;
}
.curso-slider .tns-controls button {
    position: absolute;
    margin:0 10px;
    margin-top: 50px;
}
.curso-slider .tns-controls button:nth-child(2) {
    right: 0;
}

.box-ensino {
    flex-basis: 260px;
    flex-grow: 1;
    max-width: 100%;
    border: 1px solid rgba(0,0,0,.125);
    border-radius:8px;
    background-color: #ececec;
    padding:15px 15px 0 15px;
    margin:5px;
}

.box-ensino img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    object-position: left;
    border-radius: 5px;
}

.box-ensino p {
    margin-bottom: 5px;
}

#box-curso .tab-content {
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-radius: 0 0 8px 8px;
    margin-bottom: 50px;
}

.btn-padrao-busca {
    border:0 !important;
    background-color:rgb(34,31,68);
    color:rgb(255,255,255);
    padding:10px 20px;
    border-radius: 6px;
}

.btn-topo-curso {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 15px 25px;
    border-radius: 8px;
    background-color: #1c9cea;
    color: #FFF;
}
.btn-curso {
    display: block;
    width: 100%;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 10px;
    margin-top: 13px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.btn-curso:hover {
    background-color: rgb(78, 76, 105);
    color: rgb(255, 255, 255);
    transition: 0.2s;
}

.text-right {
    text-align: right;
}

.data-calendar {
    background-color:rgb(62,64,149);
    border-radius:50px;
    margin-bottom:20px;
    color:rgb(255,255,255);
    padding:17px;
    text-align: center;
    width:95px;
    height:95px;
}

.data-calendar strong {
    font-size:36px;
    display:block;
    line-height:42px;
}

.evento-calendar {
    padding:20px;
    display: inline-block;
    text-align: left;
    color:rgb(50,50,50);
    font-size:17px;
    line-height:20px;
    font-weight:bold;
    margin-bottom:10px;
}

.evento-calendar a {
    cursor:pointer;
}

.evento-calendar a:hover {
    color:rgb(62,64,149) !important;
}

.evento-calendar small {
    font-weight:normal;
    display:block;
}

.galeria-capa {
    background-color:rgb(255,255,255);
    padding:10px;
    border-radius:6px;
    border-bottom:2px solid rgba(0,0,0,.2);
}

.box-rt {
    padding:20px 0;
    display: inline-block;
    text-align: left;
    color:rgb(50,50,50);
    font-size:18px;
    line-height:22px;
    width:100%;
    border-bottom:1px dashed rgb(210,210,210);
    margin-bottom:20px;
    position: relative;
}

.box-rt a {
    position:absolute;
    bottom:5px;
    right:0;
    padding:5px 10px;
    font-size:12px;
    background-color:rgb(0,175,239);
    color:rgb(255,255,255);
    border-radius:4px;
    transition: all .2s ease;
}

.box-rt a.edital {
    position:absolute;
    bottom:5px;
    right:90px;
    padding:5px 10px;
    font-size:12px;
    background-color:rgb(62,64,149);
    color:rgb(255,255,255);
    border-radius:4px;
    transition: all .2s ease;
}

.box-rt:hover a {
    padding:5px 15px;
    cursor:pointer;
}





/* ----- INTERNAS ----- */

.interno {
    margin-top:0px;
    margin-bottom:-30px;
}

.shadow-titulo-breadcrumb {
   margin-top:160px;
}

.titulo-breadcrumb {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    padding:25px 0 20px 0;
    border-bottom:1px solid rgb(240,240,240);
    margin-bottom:60px;
    font-family:'Roboto' !important;
}

.titulo-breadcrumb h2 {
    padding:5px 0 0 0;
    margin:0;
    font-size:14px;
    font-weight:bold;
    text-overflow:ellipsis
}

.titulo-breadcrumb .breadcrumb {
    margin:0;
    padding:0;
}   

.titulo-interno {
    margin-top: 25px;
    padding-bottom:15px;
    font-weight: bold;
    font-size:1.3em;
    font-family:'Roboto' !important;
    position: relative;
    background-color: transparent !important;
}

.titulo-interno svg {
    margin:0 10px;
    font-size: 10px;
    color:rgb(62,64,149);
}

.noticia-principal-lista {
    overflow:hidden;
    position: relative;
    width:100%;
    height:400px;
    margin-bottom:20px;
}

.noticia-principal-lista img {
    min-width:100%;
    height:400px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    min-height:370px;
    opacity: .5;
    filter:saturate(50%);
}

.noticia-principal-lista:hover img {
    transition: all .3s ease;
    opacity: 1;
    filter:saturate(100%);
}

.noticia-principal-lista a{
    color:rgb(34, 31, 68);
    display:block;
    text-decoration: none;
    transition: all .3s ease;
    background-color:rgb(34, 31,68);
}

.noticia-principal-lista:hover a {
    background-color:rgb(34, 31,68);
}

.noticia-principal-lista h2 {
    font-size:32px;
    line-height:30px;
    font-weight:bold;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    padding:20px;
    color:rgb(255,255,255);
    transition:all .2s ease;
}

.noticia-principal-lista:hover h2 {
    padding:40px 20px;
    cursor:pointer;
}

.noticia-secundaria-lista {
    width:100%;
    position: relative;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    margin-top:20px;
}

.noticia-secundaria-lista img {
    min-width:100%;
    height:220px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}

.noticia-secundaria-lista:hover img {
    cursor:pointer;
}

.noticia-secundaria-lista h2 {
    font-size:18px;
    line-height:20px;
    font-weight:bold;
    padding:10px 10px 0 10px;
    text-align: center;
    transition:all .2s ease;
}

.noticia-secundaria-lista:hover h2 {
    color:rgb(32,63,147);
    cursor:pointer;
    background-color: rgb(240,240,240);
}

.noticia-secundaria-lista p {
    text-align: center;
    padding:0;
    margin:0;
    font-size:11px;
    color:rgb(200,200,200);
}

.galeria-foto-1 {
    position: relative;
    height:600px;;
}

.galeria-foto {
    position: relative;
}

.galeria-foto .target {
    margin-right:12px;
}

.ident-unidade {
    border:1px solid rgb(240,240,240);
    background-color:rgb(240,240,240);
    border-radius:6px;
    padding:8px 20px;
    font-size:12px;
    max-width:100px;
    min-width:50px;
    text-align: center;
    font-weight:bold;
    display:inline;
    margin:1px;
}

.ident-unidade:hover {
    background-color: rgb(255,255,255);
}

.btn-padrao, #miolo-unidade .nav-tabs a {
    border:1px solid rgb(230,230,230);
    color:rgb(0,159,227);
    border-radius:6px;
    padding:8px 20px;
    font-size:12px;
    max-width:100px;
    min-width:50px;
    text-align: center;
    font-weight:bold;
    display:inline;
    margin:1px;
}

.btn-padrao:hover , #miolo-unidade .nav-tabs a:hover {
    color:rgb(0,0,0);
    border:1px solid rgb(170,170,170);
}

#miolo-unidade .nav-tabs {
    border: 0;
}

.target {
    position: absolute;
    right:0px;
    top:0;
    color:rgb(255,255,255);
    font-weight:bold;
    padding:4px 15px;
    border-radius:0 4px 0 6px;
    font-size:11px;
    line-height:18px;
}

#lateral-destaque{
    text-align: center;
}

.hds {color: #2E8A36}
.hugol {color: #E30C30}
.crer {color: #FEC90A}
.agir {color: #293276}
.hcn {color: rgb(227,150,0)}
.teia {color: #2AABE3}
.hecad {color: #06514C}
.fundo-hds {background-color: #2E8A36}
.fundo-hugol {background-color: #E30C30}
.fundo-crer {background-color: #FEC90A}
.fundo-agir {background-color: #293276}
.fundo-hcn {background-color: rgb(227,150,0)}
.fundo-teia {background-color: #2AABE3}
.fundo-hecad {background-color: #06514C}

.acessibilidade1 {
    color: #fff;
}

.imagem-pessoa {
    height:250px;
    overflow: hidden;
}

.imagem-pessoa img {
    width:100%;
    height:265px;
    border-radius:6px;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    transition: all .3s ease;
}

.imagem-pessoa img:hover {
    width:120%;
    height:300px;
    border-radius:6px;
    cursor:pointer;
    object-fit: cover;
    object-position: center;
}

.pessoa h4 {
    text-align: center;
    font-weight:bold;
    padding:10px 0 0 0;
    margin:0;
    font-size:18px;
}

.pessoa p {
    margin:0;
    padding:0;
    text-align: center;
}

.anexos {
    display:flex;
    flex-direction: row;
    padding:10px 0;
}

.anexos span {
    font-size:15px;
    padding:5px 0 0 5px;
    line-height:16px;
}

.anexos svg {
    font-size:30px;
    color:rgb(62,64,149);
    display:inline
}

.box-lateral {
    background-color: rgb(245,245,245);
    padding:30px;
    border-radius:6px;
}

.botao-responsavel{
    position: absolute;
    background-color: #337ab7;
    color: #fff;
    padding: 5px;
    text-decoration: none !important;
}

.botao-responsavel:hover{
    text-decoration: none;
    color: #fff;
}

.botao-responsavel img{
    position: relative;
}




/*----- MENU -----*/

.menu {
    z-index: 99;
}

.dynamika-menu-li-root {
    z-index: 90 !important;
    transition:all .2s ease;
}

.dynamika-menu-a-root {
    color:rgb(255,255,255);
    font-weight:bold;
    text-decoration: none !important;
    font-family: "Kozuka Bold",sans-serif;
    text-transform: uppercase;
    padding:10px;
    font-size:13px;
    margin-top: 8px;
    transition: all .1s ease;
}

.dynamika-menu-a-root:hover {
    color:rgba(255,255,255,.6);
    padding:10px;
}

.dynamika-menu-span-items {
    padding:20px 25px 20px 25px;
    text-align: left;
    transition:all .15s ease;
    z-index: 60 !important;
    margin-top:40px;
    border-radius: 16px;
    font-family: "Kozuka Bold",sans-serif;
    border-top:1px solid rgb(200,200,200);
    border-right:1px solid rgb(200,200,200);
    border-left:1px solid rgb(200,200,200);
    border-bottom:2px solid rgb(200,200,200);
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
}

.dynamika-menu-li-root:hover .dynamika-menu-span-items {
    background-color:rgb(255,255,255);
    margin-top:0;
}

.dynamika-menu-span-sub {
    padding:20px;
    margin:0;
}

.dynamika-menu-span-sub h3 {
    color:rgb(34,31,68);
    font-size:13px;
    font-weight:bold;
    font-family:'Kozuka Bold', sans-serif;
    margin-bottom:-10px;
}

.dynamika-menu-span-sub ul {
    margin:0 !important;
    padding:20px !important;
    color:rgba(0,159,227);
} 

.dynamika-menu-span-sub li {
    border-bottom:1px solid rgba(0,0,0,.05);
}

.dynamika-menu-span-sub a {
    color:rgba(34,31,68);
    padding:8px 0;
    display:block;
}

.dynamika-menu-span-sub a:hover {
    color:rgb(49,39,131);
}





/*----- FORMULARIO -----*/

form {
    text-align: left;
}

input , select {
    border:1px solid rgb(210,210,210);
    border-bottom:1px solid rgb(160,160,160);
    border-radius:6px;
    background-color: rgb(255,255,255);
    margin-bottom:10px;
    height:42px;
    font-size:14px;
    line-height:42px;
    padding:13px;
    text-align: left;
    transition: all .5s ease;
}

input[type=radio] , input[type=checkbox]{
    border:1px solid rgb(210,210,210);
    border-bottom:1px solid rgb(160,160,160);
    border-radius:6px;
    background-color: rgb(255,255,255);
    margin-bottom:10px;
    height:14px !important;
    font-size:14px;
    line-height:10px !important;
    padding:0 !important
}

input:focus {
    background-color:rgb(230,230,230) !important;
}

.box-transparencia {
    flex-basis: 400px;
    flex-grow: 1;
    max-width: 100%;
    border: 1px solid rgba(0,0,0,.125);
    background-color: #ececec;
    border-radius: 12px;
    margin: 3px;
    padding: 0 0 15px 0;
    line-height:30px !important;
}

.box-transparencia .color-top {
    width: 100%;
    height: 20px;
    border-radius: 12px 12px 0 0;
    background-color: #00549a;
}

.box-transparencia .color-cube {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    margin-top:-3px;
    background-color: #000;
}

.box-transparencia .col-md-11 {
    margin-left: -15px;
}

.box-transparencia:nth-of-type(10) .col-md-11, .box-transparencia:nth-of-type(11) .col-md-11 {
    margin-left: -35px;
}

/* ANTIGAS CORES TRANSPARENCIA 
#box-documento .box-transparencia:nth-of-type(1) .color-top {background-color:rgb(244,110,24)}
#box-documento .box-transparencia:nth-of-type(2) .color-top {background-color:rgb(19,94,164)}
#box-documento .box-transparencia:nth-of-type(3) .color-top {background-color:rgb(15,81,81)}
#box-documento .box-transparencia:nth-of-type(4) .color-top {background-color:rgb(133,2,16)}
#box-documento .box-transparencia:nth-of-type(5) .color-top {background-color:rgb(18,187,207)}
#box-documento .box-transparencia:nth-of-type(6) .color-top {background-color:rgb(22,143,62)}
#box-documento .box-transparencia:nth-of-type(7) .color-top {background-color:rgb(175,168,2)}
#box-documento .box-transparencia:nth-of-type(8) .color-top {background-color:rgb(125,49,152)}
#box-documento .box-transparencia:nth-of-type(9) .color-top {background-color:rgb(209,133,236)}
#box-documento .box-transparencia:nth-of-type(10) .color-top {background-color:rgb(254,165,73)}
#box-documento .box-transparencia:nth-of-type(11) .color-top {background-color:rgb(255,211,62)}
#box-documento .box-transparencia:nth-of-type(12) .color-top {background-color:rgb(244,110,24)}

*/

.color-top {
    text-align: center;
    color: #fff;
    padding-top: 2px;
}

.list-doc-title {
    background-color: #00549a;
}

/*.list-doc-title[name = 'Qualificação'] {
    background-color:rgb(244,110,24) !important;
}

.list-doc-title[name = 'Informações Gerais'] {
    background-color:rgb(19,94,164) !important;
}

.list-doc-title[name = 'Serviço de Informações ao Cidadão (SIC)'] {
    background-color:rgb(15,81,81) !important;
}

.list-doc-title[name = 'Perguntas e Respostas Frequentes da Sociedade'] {
    background-color:rgb(133,2,16) !important;
}

.list-doc-title[name = 'Orçamento'] {
    background-color:rgb(18,187,207) !important;
}

.list-doc-title[name = 'Patrimônio'] {
    background-color:rgb(22,143,62) !important;
}

.list-doc-title[name = 'Compras/Contratos'] {
    background-color:rgb(175,168,2) !important;
}

.list-doc-title[name = 'Termos, Acordos Convênios e Parcerias'] {
    background-color:rgb(125,49,152) !important;
}

.list-doc-title[name = 'Financeiro'] {
    background-color:rgb(209,133,236) !important;
}

.list-doc-title[name = 'Pessoal'] {
    background-color:rgb(254,165,73) !important;
}

.list-doc-title[name = 'Prestação de Contas'] {
    background-color:rgb(255,211,62) !important;
}*/

.box-transparencia .titulo-transparencia{
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 0;
    margin: 10px 0;
}

.titulo-transparencia strong {
    text-decoration: underline;
}

.box-transparencia .subtitulo-transparencia{
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 0;
    margin: 10px 0;
}

.box-transparencia a{
    font-size: 14px;
    margin-bottom: 0;
    text-decoration: revert;
}

.box-transparencia-interna {
    border:1px solid rgb(230,230,230);
    border-radius:12px;
    padding:0;
}

.list-doc-title {
    background-color:#00549a;
    color:rgb(255,255,255);
    text-align:center;
    padding:20px;
    border-radius:12px 12px 0 0;
    font-size:18px;
    text-transform: uppercase;
}

.titulo-transparencia {
    border-bottom:1px solid rgb(230,230,230);
    text-align: center;
    padding:15px;
}

.subtitulo-transparencia {
    padding:15px;
}

.box-transparencia-interna li {
    margin:0 0 0 20px;
    padding:10px 0 0 10px;
    color:rgb(34,31,68);
}

.listagem-filho {
    margin-left: 35px;
}





/*----- SCROLL PARA O TOPO -----*/

.scrollTop {
	position: fixed;
    right: 15px;
    bottom: 15px;
    width: 50px;
    height: 35px;
    background-color: rgb(34,31,68);
    padding: 2px 6px;
    line-height: 16px !important;
    text-align: center;
    border: 1px solid rgba(0,0,0,.1);
    cursor: pointer;
    opacity: 0;
    border-radius: 3px;
    transition: all 0.4s ease-in-out 0s;
  }
  
  .scrollTop a {
	font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    line-height: 16px !important;
    padding: 0;
    margin: 0;
  }
  
  .scrollTop a:hover {
	color: #fff;
  }





/* ----- ACESSIBILIDADE ----- */

#acessibilidade div {
    position: absolute;
    text-align: left;
    right: -320px;
    transition: 1s;
    padding:0px;
    width: 320px;
    text-decoration: none;
    z-index:900 !important;
    top:290px;
}

.enabled{
    top: 26% !important;
}

#acessibilidade div:hover {
    position: absolute;
    right:-95px;
    transition: 1s;
    padding:0px;
    text-decoration: none;
    z-index:900 !important;
    top:290px;
}

#texto .icone {
    display:inline-block;
    padding:7px 20px 7px 12px;
    top:270px;
    color:rgb(255,255,255);
    background-color:rgb(255,255,255);
    font-weight:bold;
    cursor:pointer;
    border-radius:3px;
    position:fixed;
    text-align:center;
    right:-10px;
    z-index:999 !important;
}
    
#icones a:hover {
    text-decoration:none;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.icone {
    font-size:16px;
    margin:2px;
    border-radius:20px;
    color:rgb(255,255,255);
}

.facebook {background-color:#395693; padding:7px 8px 7px 10px;}
.instagram {background-color:#d12e7c; padding:7px 8px 7px 10px;}
.twitter {background-color:#1c9cea; padding:7px 8px 7px 10px;}
.youtube {background-color:#f70000; padding:7px 8px 7px 10px;}
.whatsapp {background-color:#1ad03f; padding:7px 6px 7px 10px;}
.spotify {background-color:#00d95f; padding:7px 8px 7px 10px;}
.linkedin {background-color:#2962ff; padding:7px 6px 7px 8px;}
    
#texto .links {
    display:inline-block;
    width:230px;
    box-shadow:0px 3px 5px 0px rgba(0,0,0,.5);
    padding:20px 15px;
    margin-top:20px;
    color:rgb(255,255,255);
    background-color:rgb(190,210,230);
    position:fixed;
    }

.links svg {
    color:rgb(125,175,215);
    font-size:14px;
}

.links a:hover svg {
    color:rgb(255,255,255);
}
    
#acessibilidade a {
    display:block;
    padding:8px 14px;
    margin:6px;
    color:#000;
    border-radius:3px;
    font-size:0.9em;
    background-color:rgb(255,255,255);
    top:15px;
}

#acessibilidade a:hover {
    background-color:rgb(125,175,215);
    color:rgb(255,255,255);
}

.transparencia-unidades img{
    width: 100% !important;
    height: 100% !important;
}

.modal-backdrop.in{
    filter:alpha(opacity=0) !important;
    opacity:.2 !important;
}

/* IFRAME DA TWYGO */
#xFrame {
    width: 100%;
}
#stick-content {
    border: 0 !important;
}
.bgloader .nav-bg, .mobile-nav, .custom-bg, #footer, #basic-modal-content, .new-footer
#flash-area, #event-back-to-top, #event-content, #event-left-bar, #event-price, .pt-3, 
.event-price, .event-show-registration-data, #event-content-banner  {
    display: none !important;
}
#event-register {
    display: block !important;
}

.nav>li {
    margin-top: 20px;
}

.termsfeed-com---palette-light .cc-nb-okagree {
    color: #fff;
    background-color: rgb(34,31,68) !important;
}

.termsfeed-com---palette-light .cc-nb-reject {
    color: #fff;
    background-color: #f70000 !important;
}