@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


body {
    background-color: #ffffff;
    font-family: "Open Sans", sans-serif; font-optical-sizing: auto;
    /* overflow-x: hidden; */
}

a {
    text-decoration: none;
    color: #14452f;
    transition: 0.2s;
}
a:hover {
    text-decoration: underline;
    color: #41a779;
}

b {
    font-weight: bold;
}

em {
    font-style: italic;
}

h1 {
    font-weight: bold;
}

h2 {
    font-weight: bold;
}

h3 {
    font-size: 42px;
    line-height: 48px;
    font-weight: bold;
}

h4 {
    font-size: 32px;
    line-height: 42px;
    font-weight: bold;
}

h5 {
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
}

h6 {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
}

p {
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0;
}
p.textual {
    font-size: 18px;
    line-height: 28px;
    margin: 20px 0;
    color: #464646;
}
p strong {
    font-weight: bold;
}


#header {
    position: fixed;
    width: 100%;
    z-index: 999;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
}
#header .faixasuperior {
    position: relative;
    float: left;
    width: 100%;
    min-height: 40px;
    background-color: #14452f;
}
#header .faixasuperior p {
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
}
#header .faixaprincipal {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    background-color: #ffffff;
}
#header .faixaprincipal .marcadagua {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 500px;
    height: 100%;
}
#header .faixaprincipal .marcadagua figure {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 100px);
    height: 100%;
    overflow: hidden;
}
#header .faixaprincipal .marcadagua figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.2;
}
#header .faixaprincipal .marcadagua .gradiente {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
#header .faixaprincipal .inicio {
    position: relative;
    float: left;
    width: 120px;
    height: 120px;
}
#header .faixaprincipal .inicio a {
    position: relative;
    float: left;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px 0 10px 0;
}
#header .faixaprincipal .inicio a figure {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#header .faixaprincipal .inicio a figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
}

#footer {
    position: relative;
    float: left;
    width: 100%;
    background-color: #14452f;
    padding: 50px 0;
}

#main {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 160px;
    min-height: 500px;
}

#menuprincipal {
    position: relative;
    float: right;
    min-height: 120px;
    max-width: calc(100% - 170px);
    display: flex;
    justify-content: center;
    align-items: center;
}
#menuprincipal .conteudo {
    position: relative;
    float: left;
    min-height: 80px;
}
#menuprincipal .conteudo .menus {
    position: relative;
    float: left;
}
#menuprincipal .conteudo .menus ul {
    position: relative;
    float: right;
    clear: both;
}
#menuprincipal .conteudo .menus ul li {
    position: relative;
    float: left;
    margin-left: 30px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#menuprincipal .conteudo .menus ul li ul.submenu {
    position: absolute;
    top: 32px;
    left: -999em;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.25);
    padding: 15px 20px;
    z-index: 999;
    & li {
        margin: 5px 0;
        min-height: unset;
        clear: both;
        & a {
            white-space: nowrap;
        }
    }
}
#menuprincipal .conteudo .menus ul li:hover ul.submenu {
    left: 0;
}
#menuprincipal .conteudo .botoes {
    position: relative;
    float: left;
}
#menuprincipal .conteudo .botoes .parte {
    position: relative;
    float: left;
    margin-left: 30px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#menuprincipal .conteudo .botoes .parte .pesquisar {
    font-size: 24px;
    color: #14452f;
    transition: 0.2s;
}
#menuprincipal .conteudo .botoes .parte .pesquisar:hover {
    color: #41a779;
}
#menuprincipal .conteudo .botoes .parte .lista {
    text-align: right;
}

#menumobile {
    position: relative;
    float: right;
    width: calc(100% - 80px);
    height: 40px;
    margin-top: 20px;
    display: none;
    & .chamamenu {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        & ul {
            position: relative;
            float: right;
            height: 100%;
            & li {
                position: relative;
                float: left;
                margin-left: 20px;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                & a.botao {
                    padding: 0 20px;
                }
                & a.botaomenu {
                    position: relative;
                    float: left;
                    font-size: 22px;
                }
                & a.botaomenu:hover {
                    text-decoration: none;
                }
            }
        }
    }
}

#conteudomenumobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100vh !important;
    display: none;
    & .paineldofundo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
    }
    & .caixamenu {
        position: relative;
        float: right;
        width: calc(100% - 40px);
        max-width: 250px;
        max-height: calc(100% - 60px);
        margin-top: 30px;
        padding: 10px 0 30px 0;
        background-color: #ffffff;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
        & a.botaoparafechar {
            position: relative;
            float: right;
            background-color: #14452f;
            padding: 10px 40px 10px 10px;
            margin-bottom: 20px;
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
            color: #ffffff;
            transition: 0.2s;
        }
        & a.botaoparafechar:hover {
            background-color: #287050;
        }
        & ul {
            position: relative;
            float: left;
            width: calc(100% - 40px);
            margin-right: 40px;
            & li {
                position: relative;
                float: left;
                width: 100%;
                margin: 3px 0;
                & a {
                    position: relative;
                    float: right;
                }
                & span.oseparador {
                    position: relative;
                    float: right;
                    border-bottom: 1px solid #14452f;
                    width: 100px;
                    margin: 10px 0;
                    opacity: 0.25;
                }
            }
        }
    }
}

#iso {
    background-color: #efeded;
    padding: 30px 0;
    margin: 20px 0;
}

#diretoria {
    position: relative;
    float: left;
    width: 100%;
}
#diretoria .oconteudocaixa {
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 20px 0;
    margin: 20px 0;
}
#diretoria .aparte {
    position: relative;
}
#diretoria .aparte.aspessoas {
    float: left;
    width: 500px;
}
#diretoria .aparte.aspessoas .listapessoas {
    float: left;
    width: 100%;
}
#diretoria .aparte.aspessoas .listapessoas ul {
    float: left;
    width: 100%;
}
#diretoria .aparte.aspessoas .listapessoas ul li {
    float: left;
    width: calc(100% - 100px);
    margin: 20px 0;
}
#diretoria .aparte.aspessoas .listapessoas ul li .apessoa {
    position: relative;
    float: left;
    width: 100%;
}
#diretoria .aparte.aspessoas .listapessoas ul li .apessoa .foto {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 6px;
    overflow: hidden;
}
#diretoria .aparte.aspessoas .listapessoas ul li .apessoa .foto figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#diretoria .aparte.aspessoas .listapessoas ul li .apessoa .foto figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#diretoria .aparte.aspessoas .listapessoas ul li .apessoa .dados {
    position: absolute;
    top: 10px;
    background-color: #ff0000;
    width: calc(100% - 180px);
    border-radius: 6px;
    border-top: 5px solid #ff0000;
    border-bottom: 5px solid #ff9900;
    transition: 0.25s;
}
#diretoria .aparte.aspessoas .listapessoas ul li .apessoa .dados:hover {
    background-color: #ff9900;
    border-top: 5px solid #ff0000;
    border-bottom: 5px solid #ff9900;
}
#diretoria .aparte.aspessoas .listapessoas ul li .apessoa .dados .oconteudo {
    position: relative;
    float: left;
    width: calc(100% - 20px);
    margin: 30px 10px;
}
#diretoria .aparte.aspessoas .listapessoas ul li .apessoa .dados .oconteudo h6 {
    margin: 0;
    color: #ffffff;
}
#diretoria .aparte.aspessoas .listapessoas ul li .apessoa .dados .oconteudo p {
    margin: 0;
    color: #ffffff;
}
#diretoria .aparte.aspessoas .listapessoas ul li:nth-child(odd) {
    padding-right: 100px;
}
#diretoria .aparte.aspessoas .listapessoas ul li:nth-child(odd) .apessoa .foto {
    float: left;
}
#diretoria .aparte.aspessoas .listapessoas ul li:nth-child(odd) .apessoa .dados {
    right: 0;
    text-align: right;
}
#diretoria .aparte.aspessoas .listapessoas ul li:nth-child(even) {
    padding-left: 100px;
}
#diretoria .aparte.aspessoas .listapessoas ul li:nth-child(even) .apessoa .foto {
    float: right;
}
#diretoria .aparte.aspessoas .listapessoas ul li:nth-child(even) .apessoa .dados {
    left: 0;
}
#diretoria .aparte.osdados {
    float: right;
    width: calc(100% - 560px);
}
#diretoria .aparte.osdados .listaitens {
    position: relative;
    float: left;
    width: 100%;
}
#diretoria .aparte.osdados .listaitens ul {
    position: relative;
    float: left;
    width: 100%;
}
#diretoria .aparte.osdados .listaitens ul li {
    position: relative;
    float: left;
    width: 100%;
    max-width: 600px;
    margin-bottom: 30px;
    clear: both;
}
#diretoria .aparte.osdados .listaitens ul li p {
    color: #464646;
}
#diretoria .listadadoscampus {
    position: relative;
    float: left;
    width: 100%;
}
#diretoria .listadadoscampus ul.oscampus {
    position: relative;
    float: left;
    width: calc(100% + 30px);
    margin-left: -15px;
}
#diretoria .listadadoscampus ul.oscampus li.ocampus {
    position: relative;
    float: left;
    width: calc(50% - 30px);
    margin: 20px 15px;
}
#diretoria .listadadoscampus ul.oscampus li.ocampus:nth-child(odd) {
    clear: both;
}
#diretoria .listadadoscampus ul.oscampus li.ocampus .dadoscampus {
    position: relative;
    float: left;
    width: 100%;
}
#diretoria .listadadoscampus ul.oscampus li.ocampus .dadoscampus h6 {
    text-transform: uppercase;
}
#diretoria .listadadoscampus ul.oscampus li.ocampus .dadoscampus .iconedoscampus {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    z-index: -1;
}
#diretoria .listadadoscampus ul.oscampus li.ocampus .dadoscampus .iconedoscampus i {
    font-size: 140px;
    color: #ebebeb;
}
#diretoria .listadadoscampus ul.oscampus li.ocampus .dadoscampus .dadosinternos {
    position: relative;
    float: left;
    width: calc(100% - 30px);
    margin-left: 30px;
}
#diretoria .listadadoscampus ul.oscampus li.ocampus .dadoscampus .dadosinternos ul {
    position: relative;
    float: left;
    width: calc(100% + 20px);
    margin-left: -10px;
}
#diretoria .listadadoscampus ul.oscampus li.ocampus .dadoscampus .dadosinternos ul li.normal {
    position: relative;
    float: left;
    width: calc(50% - 20px);
    margin: 0 10px;
}
#diretoria .listadadoscampus ul.oscampus li.ocampus .dadoscampus .dadosinternos ul li.normal:nth-child(odd) {
    clear: both;
}
#diretoria .listadadoscampus ul.oscampus li.ocampus .dadoscampus .dadosinternos ul li.completo {
    position: relative;
    float: left;
    width: calc(100% - 20px);
    margin: 10px;
    clear: both;
}
#diretoria {
    & .diretoriadaunidade {
        position: relative;
        float: left;
        width: 100%;
        & ul {
            position: relative;
            float: left;
            width: 100%;
            & li {
                position: relative;
                float: left;
                width: calc(100% / 3);
            }
            & li:nth-child(3n+4){
                clear: both;
            }
        }
    }
}

#maisideau {
    position: relative;
    float: left;
    width: 100%;
    padding: 40px 0;
    background-color: #efeded;
}
#maisideau .listalinks {
    position: relative;
    float: left;
    width: 100%;
}
#maisideau .listalinks ul {
    position: relative;
    float: left;
}
#maisideau .listalinks ul li {
    position: relative;
    float: left;
    margin: 10px 5px;
}
#maisideau .listalinks ul li a {
    position: relative;
    float: left;
    background-color: #00542e;
    color: #ffffff;
    transform: 0.2s;
    text-decoration: none;
    border-radius: 6px;
    min-height: 60px;
    min-width: 150px;
    padding: 0 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}
#maisideau .listalinks ul li a span {
    font-size: 14px;
    line-height: 20px;
}
#maisideau .listalinks ul li a:hover {
    background-color: #029251;
}

#outrasinformacoes {
    position: relative;
    float: left;
    width: 100%;
    padding: 30px 0;
    background-color: #efeded;
    margin: 50px 0;
}

.equipediretiva {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 50px;
    & ul {
        position: relative;
        float: left;
        width: calc(100% + 20px);
        margin-left: -10px;
        & li {
            position: relative;
            float: left;
            width: calc((100% / 4) - 20px);
            margin: 5px 10px;
        }
    }
}

#ensinoestrutura {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 50px;
    & .caixapartesensino {
        position: relative;
        float: left;
        width: 100%;
        background-color: #efeded;
        border-radius: 8px;
        & .partesuperior {
            position: relative;
            float: left;
            width: 100%;
            & ul {
                position: relative;
                float: left;
                margin-top: -20px;
                & li {
                    position: relative;
                    float: left;
                    margin: 0 10px;
                    & .aparte {
                        position: relative;
                        float: left;
                        width: 260px;
                        height: 60px;
                        border-radius: 6px;
                        background-color: #41a779;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        & h6 {
                            color: #ffffff;
                        }
                    }
                }
            }
        }
        & .parteinferior {
            position: relative;
            float: left;
            width: 100%;
            margin: 20px 0;
            & p.frasedeimpacto {
                text-align: center;
                font-size: 24px;
                line-height: 32px;
                font-weight: bold;
                margin: 0;
            }
        }
    }
}

.wrapper {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.container {
    position: relative;
    float: left;
    width: calc(100% - 60px);
    max-width: 1600px;
}

.coluna {
    position: relative;
}
.coluna.esquerda {
    float: left;
}
.coluna.direita {
    float: right;
}
.coluna.menor {
    width: 360px;
}
.coluna.maior {
    width: calc(100% - 390px);
}
.coluna.completa {
    float: left;
    width: 100%;
}

.botao {
    background-color: #14452f;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 5px 20px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
    text-decoration: none;
    min-height: 30px;
    line-height: 30px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.botao:hover {
    background-color: #41a779;
    color: #ffffff;
    text-decoration: none;
}
.botao.padrao {
    position: relative;
    float: left;
}
.botao.padrao.noformulario {
    margin-right: 15px;
}
.botao.padrao.adireita {
    float: right;
}
.botao.padrao.cancelar {
    background-color: #ff0000;
}
.botao.padrao.cancelar:hover {
    background-color: #e75757;
}
.botao.padrao.invertido {
    background-color: #ffffff;
    color: #14452f;
}
.botao.padrao.invertido:hover {
    background-color: #cacaca;
}

.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.background figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.background figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.background.borrado figure img {
    filter: blur(5px);
}
.background .painel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000000;
    opacity: 0.25;
}

.padraodefundo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0.05;
}
.padraodefundo figure {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.padraodefundo figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.padraodefundo figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nomesessao {
    position: relative;
    float: left;
    width: 100%;
    min-height: 150px;
    padding: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nomesessao h3 {
    text-align: center;
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
.nomesessao .crumb {
    position: relative;
    float: left;
    width: 100%;
}
.nomesessao .crumb ul {
    position: relative;
    float: left;
    margin-top: 20px;
}
.nomesessao .crumb ul li {
    position: relative;
    float: left;
}
.nomesessao .crumb ul li a {
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    height: 22px;
    text-decoration: none;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    transition: 0.2s;
}
.nomesessao .crumb ul li a:hover {
    color: #7cff77;
}
.nomesessao .crumb ul li span.separador {
    color: #ffffff;
    padding: 0 10px;
    opacity: 0.5;
}
.nomesessao .crumb ul li:last-child span.separador {
    display: none;
}
.nomesessao.menor {
    min-height: 0;
}

.bannerprincipal {
    position: relative;
    float: left;
    width: 100%;
    height: 800px;
}
.bannerprincipal .banneritem {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
.bannerprincipal .banneritem .customizado-v1 {
    position: relative;
    float: left;
    width: 100%;
    height: calc(100% - 100px);
    padding: 50px 0;
    background-color: #14452f;
}
.bannerprincipal .banneritem .customizado-v1 .container {
    height: 100%;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .faixa {
    position: relative;
    float: left;
    width: calc(100% - 44px);
    padding: 20px;
    border: 2px solid #e7e7e7;
    background-color: #ffffff;
    border-radius: 6px;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .faixa ul {
    position: relative;
    float: left;
    width: 100%;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .faixa ul li {
    position: relative;
    float: left;
    width: calc((100% / 5) - 2px);
    min-height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 2px solid #e7e7e7;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .faixa ul li a {
    font-weight: bold;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    max-width: 100px;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .faixa ul li:first-child p {
    position: relative;
    float: left;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin: 0;
    & span.semquebra {
        display: none;
    }
    & span.comquebra {
        display: inherit;
    }
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .faixa ul li:last-child {
    width: calc(100% / 5);
    border-right: unset;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas {
    position: relative;
    float: left;
    width: 100%;
    height: calc(100% - 110px);
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .caixatexto {
    position: relative;
    float: left;
    width: calc(100%);
    height: calc(100% - 50px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .caixatexto .otexto {
    position: relative;
    float: left;
    width: calc(100% - 200px);
    max-width: 700px;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .caixatexto .otexto h6 {
    color: #ffffff;
    text-align: center;
    text-shadow: 0 2px 3px rgba(20, 69, 47, 1);
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .caixatexto .otexto h6::after,
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .caixatexto .otexto h6::before {
    border-bottom: 1px solid #ffffff;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .caixatexto .otexto h4 {
    color: #ffffff;
    text-align: center;
    font-size: 56px;
    line-height: 72px;
    text-shadow: 0 2px 3px rgba(20, 69, 47, 1);
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .caixatexto .otexto p {
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    text-shadow: 0 2px 3px rgba(20, 69, 47, 1);
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .fundoalunos {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .fundoalunos .aluno {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 50%;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .fundoalunos .aluno figure {
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .fundoalunos .aluno figure img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .fundoalunos .aluno.esquerda {
    left: 0;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .fundoalunos .aluno.esquerda figure img {
    object-position: left bottom;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .fundoalunos .aluno.direita {
    right: 0;
}
.bannerprincipal .banneritem .customizado-v1 .conteudo .parteinferior .aspessoas .fundoalunos .aluno.direita figure img {
    object-position: right bottom;
}
.bannerprincipal .padraodefundo {
    opacity: 0.1;
}


.listapostagens {
    position: relative;
    float: left;
    width: 100%;
    padding: 50px 0;
}
.listapostagens.eventos {
    background-color: #f7f7f7;
}
.listapostagens.noticias {
    background-color: #ffffff;
}
.listapostagens ul.postagens {
    position: relative;
    float: left;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 50px;
}
.listapostagens ul.postagens li {
    position: relative;
    float: left;
    width: calc(25% - 30px);
    padding: 0 15px;
}
.listapostagens.completo ul.postagens li {
    margin-bottom: 40px;
}
.listapostagens.completo ul.postagens li:nth-child(4n+5) {
    clear: both;
}
.listapostagens ul.postagens li a {
    position: relative;
    float: left;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.listapostagens ul.postagens li a p {
    margin: 0;
}
.listapostagens ul.postagens li a .capa {
    position: relative;
    float: left;
    width: 100%;
    height: 180px;
}
.listapostagens ul.postagens li a .capa figure {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.listapostagens ul.postagens li a .capa figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s all ease;
    will-change: transform;
}
.listapostagens ul.postagens li a:hover .capa figure img {
    transform: scale(1.1);
}
.listapostagens ul.postagens li a .capa .painel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.0);
    transition: 0.2s;
}
.listapostagens ul.postagens li a:hover .capa .painel {
    background-color: rgba(255,255,255,0.2);
}
.listapostagens ul.postagens li a .capa .datadepublicacao {
    position: absolute;
    bottom: 0;
    left: 20px;
    background-color: #14452f;
    padding: 10px;
}
.listapostagens ul.postagens li a .capa .datadepublicacao p {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #ffffff;
}
.listapostagens ul.postagens li a .conteudo {
    position: relative;
    float: left;
    width: calc(100% - 40px);
    padding: 20px;
}
.listapostagens ul.postagens li a .conteudo .caixalimitadora {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    overflow: hidden;
}
.listapostagens ul.postagens li a .conteudo .caixalimitadora.titulo {
    height: calc(26px * 3);
}
.listapostagens ul.postagens li a .conteudo .caixalimitadora.titulo h5 {
    max-height: calc(26px * 3);
    transition: 0.2s;
}
.listapostagens ul.postagens li a .conteudo .caixalimitadora.texto {
    height: calc(20px * 4);
}
.listapostagens ul.postagens li a .conteudo .caixalimitadora.texto p {
    color: #808080;
}
.listapostagens ul.postagens li a .conteudo p.link {
    font-weight: bold;
    color: #14452f;
    transition: 0.2s;
}
.listapostagens ul.postagens li a:hover .conteudo p.link {
    color: #41a779;
}
.listapostagens.eventos ul.postagens li a .capa .datadepublicacao {
    background-color: #ffd81c;
}
.listapostagens.eventos ul.postagens li a .capa .datadepublicacao p {
    color: #000000;
}
.listapostagens.eventos ul.postagens li a:hover .conteudo p.link {
    color: #ff0000;
}
.listapostagens.eventos ul.postagens li a:hover .conteudo .caixalimitadora.titulo h5 {
    color: #ff0000;
}

.paginacao {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.paginacao ul {
    position: relative;
    float: left;
}
.paginacao ul li {
    position: relative;
    float: left;
}
.paginacao ul li a {
    position: relative;
    float: left;
    color: #ffffff;
    background-color: #14452f;
    margin: 0 3px;
    padding: 0px 16px;
    line-height: 40px;
    font-weight: bold;
    border-radius: 4px;
    text-decoration: none;
}
.paginacao ul li a.ativo {
    background-color: #41a779;
}
.paginacao ul li a:hover {
    background-color: #41a779;
}

.faixacarreira {
    position: relative;
    float: left;
    width: 100%;
    padding: 50px 0;
    background-color: #ff0000;
}
.faixacarreira .quadro {
    position: relative;
}
.faixacarreira .quadro.grande {
    float: left;
    width: calc(75% - 15px);
}
.faixacarreira .quadro.pequeno {
    float: right;
    width: calc(25% - 15px);
}
.faixacarreira .quadro .conteudo {
    position: relative;
    float: left;
    width: calc(100% - 42px);
    padding: 20px;
    background-color: #ffffff;
    border: 2px solid #e7e7e7;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.faixacarreira .quadro .conteudo ul {
    position: relative;
    float: left;
    width: 100%;
}
.faixacarreira .quadro .conteudo ul li {
    position: relative;
    float: left;
    border-right: 2px solid #e7e7e7;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((100% / 6) - 2px);
}
.faixacarreira .quadro.pequeno .conteudo ul {
    width: unset;
}
.faixacarreira .quadro.pequeno .conteudo ul li {

    width: unset;
}
.faixacarreira .quadro .conteudo ul li:last-child {
    border-right: unset;
    margin-right: 0;
    padding-right: 0;
}
.faixacarreira .quadro .conteudo ul li .item {
    position: relative;
    float: left;
}
.faixacarreira .quadro .conteudo ul li .item span {
    position: relative;
    float: left;
    line-height: 40px;
    margin-right: 20px;
    font-size: 30px;
    color: #14452f;
}
.faixacarreira .quadro .conteudo ul li .item p {
    position: relative;
    float: left;
    margin: 0;
    font-weight: bold;
    color: #14452f;
}
.faixacarreira .quadro .conteudo ul li .item p span {
    font-size: 13px;
    line-height: 16px;
}

.linha {
    position: relative;
    float: left;
    width: 100%;
}
.linha.marginacima {
    margin-top: 20px;
}
.linha.marginacima.margemmenor {
    margin-top: 10px;
}
.linha.marginabaixo {
    margin-top: 20px;
}
.linha.marginabaixo.margemmenor {
    margin-top: 10px;
}

.caixa {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

.titulosessao {
    position: relative;
    float: left;
}
.titulosessao h6::before {
    position: relative;
    float: left;
    width: 50px;
    height: 14px;
    margin-right: 10px;
    border-bottom: 1px solid #14452f;
    content: " ";
}
.titulosessao h6::after {
    position: relative;
    float: right;
    width: 50px;
    height: 14px;
    margin-left: 10px;
    border-bottom: 1px solid #14452f;
    content: " ";
}
.titulosessao h6 {
    color: #14452f;;
    white-space: nowrap;
}
.titulosessao.branco h6 {
    color: #ffffff;
}
.titulosessao.branco h6::before,
.titulosessao.branco h6::after {
    border-bottom: 1px solid #ffffff;
}

.descricaosessao {
    max-width: 700px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
}

.bannercursos {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 50px 0;
}
.slideremfila {
    position: relative;
    float: left;
    width: calc(((100% / 3) + 10px) * 5);
    margin-left: calc(((100% / 3) + 25px) * -1);
    height: 300px;
    margin-top: 30px;
    & .itemfila {
        position: relative;
        float: left;
        width: calc(100% - 30px);
        margin: 0 15px;
        height: 300px;
        background-color: #ff00ff;
        overflow: hidden;
        border-radius: 8px;
        overflow: hidden;
        & .obackground {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 260px;
            height: 260px;
            &  img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: bottom right;
            }
        }
        & .obackground.centralizado {
            width: calc(100% - 40px);
            height: calc(100% - 40px);
            bottom: 20px;
            right: 20px;
            & img {
                object-fit: contain;
                object-position: center;
            }
        }
        & .conteudo {
            position: relative;
            float: left;
            width: calc(100% - 100px);
            height: calc(100% - 40px);
            margin: 20px 0 20px 20px;
            & p.categoria {
                color: #ffffff;
                text-transform: uppercase;
                & span {
                    margin-right: 5px;
                }
            }
            & h6 {
                color: #ffffff;
                font-size: 26px;
                line-height: 32px;
            }
            & .botaoplay {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 60px;
                height: 60px;
                & span {
                    position: relative;
                    float: left;
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    border-radius: 50%;
                    background-color: #ffffff;
                    color: #14452f;
                    transition: 0.2s;
                    text-align: center;
                    line-height: 60px;
                }
            }
            & .botaosabermais {
                position: absolute;
                bottom: 0;
                left: 0;
                width: unset;
                height: 40px;
                & span {
                    position: relative;
                    float: left;
                    height: 100%;
                    border-radius: 20px;
                    background-color: #ffffff;
                    color: #14452f;
                    transition: 0.2s;
                    line-height: 40px;
                    font-weight: bold;
                    padding: 0 20px;
                }
            }
        }
    }
    & .itemfila:hover {
        & .conteudo {
            & .botaoplay {
                & span {
                    background-color: #7cff77;
                    color: #14452f;
                }
            }
            & .botaosabermais {
                & span {
                    background-color: #7cff77;
                    color: #14452f;
                }
            }
        }
    }
}
.slideremfila.commaisitens {
    width: calc(((100% / 5) + 10px) * 7);
    margin-left: calc(((100% / 5) + 35px) * -1);
    margin-top: 0;
    & .itemfila {
        width: calc(100% - 20px);
        margin: 0 10px;
    }
}

.listacampus {
    position: relative;
    float: left;
    width: calc(100% + 20px);
    margin-left: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ffffff;
}
.listacampus ul {
    position: relative;
    float: left;
}
.listacampus ul li {
    position: relative;
    float: left;
    margin: 10px;
}
.listacampus ul li .campus {
    position: relative;
    float: left;
    border: 2px solid #ffffff;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 10px;
    background-color: rgba(124, 255, 119, 0);
    transition: 0.2s;
}
.listacampus ul li .campus h6 {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    transition: 0.2s;
}
.listacampus ul li .campus .enderecoecontato {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    
    margin-top: 5px;
}
.listacampus ul li .campus .enderecoecontato a {
    color: #dcdcdc;
}
.listacampus ul li .campus .enderecoecontato .caixadados {
    position: absolute;
    bottom: 30px;
    left: -300em;
    width: 260px;
    padding: 30px 20px;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    z-index: 9999;
}
.listacampus ul li .campus .enderecoecontato .caixadados h6 {
    color: #808080;
}
.listacampus ul li .campus .enderecoecontato .caixadados ul {
    position: relative;
    float: left;
    width: 100%;
}
.listacampus ul li .campus .enderecoecontato .caixadados ul li {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.listacampus ul li .campus .enderecoecontato .caixadados ul li a {
    color: #14452f;
}
.listacampus ul li .campus .enderecoecontato:hover .caixadados {
    left: -10px;
}
.listacampus ul li:last-child .campus .enderecoecontato:hover .caixadados {
    left: unset;
    right: -10px;
}
.listacampus ul li .campus:hover {
    border: 2px solid #7cff77;
}
.listacampus ul li .campus:hover h6 {
    color: #7cff77;
}

.mapadosite {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ffffff;
    overflow: hidden;
}
.mapadosite .sobre {
    position: relative;
    float: left;
    width: 300px;
}
.mapadosite .sobre .logoempresa {
    position: relative;
    float: left;
    width: 100%;
}
.mapadosite .sobre .logoempresa a {
    position: relative;
    float: left;
    width: 180px;
    height: 180px;
}
.mapadosite .sobre .logoempresa a figure {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
.mapadosite .sobre .logoempresa a figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.mapadosite .sobre .redessociais {
    position: relative;
    float: left;
    width: 100%;
}
.mapadosite .sobre .redessociais ul {
    position: relative;
    float: left;
}
.mapadosite .sobre .redessociais ul li {
    position: relative;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.mapadosite .sobre .redessociais ul li:last-child {
    margin-right: 0;
}
.mapadosite .sobre .redessociais ul li a {
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    transition: 0.2s;
}
.mapadosite .sobre .redessociais ul li a:hover {
    color: #7cff77;
}
.mapadosite .sobre .dados {
    color: #ffffff;
}
.mapadosite .caminhos {
    position: relative;
    float: right;
    width: calc(100% - 330px);
    margin: 30px 0;
}
.mapadosite .caminhos h5 {
    color: #ffffff;
    margin-bottom: 20px;
}
.mapadosite .caminhos ul.colunas {
    position: relative;
    float: left;
    width: 100%;
}
.mapadosite .caminhos ul.colunas li.acoluna {
    position: relative;
    float: left;
    width: 20%;
}
.mapadosite .caminhos ul.colunas.x5 li.acoluna {
    width: 20%;
}
.mapadosite .caminhos ul.colunas.x4 li.acoluna {
    width: 25%;
}
.mapadosite .caminhos ul.colunas.x3 li.acoluna {
    width: 33.3%;
}
.mapadosite .caminhos ul.colunas li.acoluna ul.links {
    position: relative;
    float: left;
    width: 100%;
}
.mapadosite .caminhos ul.colunas li.acoluna ul.links li.link {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0;
}
.mapadosite .caminhos ul.colunas li.acoluna ul.links li.link a {
    color: #ffffff;
}
.mapadosite .caminhos ul.colunas li.acoluna ul.links li.link p {
    color: #ffffff;
    margin: 0;
    line-height: 20px;
}
.mapadosite .caminhos ul.colunas li.acoluna ul.links li.link a .caixinha {
    position: relative;
    float: left;
    width: 22px;
    height: 22px;
    color: #7c7c7c;
    display: none;
}
.mapadosite .caminhos ul.colunas li.acoluna ul.links li.link a .caixinha .com {
    line-height: 19px;
    display: none;
}
.mapadosite .caminhos ul.colunas li.acoluna ul.links li.link a .caixinha .sem {
    line-height: 20px;
    display: initial;
}
.mapadosite .caminhos ul.colunas li.acoluna ul.links li.link a:hover .caixinha .com {
    display: initial;
}
.mapadosite .caminhos ul.colunas li.acoluna ul.links li.link a:hover .caixinha .sem {
    display: none;
}

.partelegal {
    position: relative;
    float: left;
    width: 100%;
}
.partelegal h5 {
    color: #ffffff;
    margin-bottom: 20px;
}
.partelegal p {
    color: #ffffff;
    margin: 20px 0;
}
.partelegal a {
    color: #ffffff;
}
.partelegal .parte {
    position: relative;
    min-height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partelegal .parte.legal {
    float: left;
    width: calc(50% - 15px);
}
.partelegal .parte.legal ul.links {
    position: relative;
    float: left;
}
.partelegal .parte.legal ul.links li {
    position: relative;
    float: left;
}
.partelegal .parte.legal ul.links li::after {
    content: "|";
    position: relative;
    float: right;
    margin: 0 10px;
    color: #c4c4c4;
}
.partelegal .parte.legal ul.links li:last-child::after {
    content: unset;
}
.partelegal .parte.newsletter {
    float: right;
    width: calc(50% - 15px);
}
.partelegal .parte .conteudo {
    position: relative;
    float: left;
    width: 100%;
}

.caixoteform {
    position: relative;
    float: left;
    width: calc(100% - 32px);
    padding: 30px 15px;
    max-width: 1200px;
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.caixoteform.semlimite {
    max-width: unset;
}
.caixoteformtexto {
    position: relative;
    float: left;
    width: 100%;
    max-width: 1232px;
    margin-bottom: 30px;
}

.formulario {
    position: relative;
    float: left;
}
.formulario.ajustemargens {
    width: calc(100% + 20px);
    margin-left: -10px;
}
.formulario.ajustecomplexo {
    width: calc(100% - 10px);
}
.formulario.ajustecaixinha {
    background-color: #ebebeb;
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 5px 0 10px 0;
}
.formulario .campo {
    position: relative;
    float: left;
    margin: 5px 15px;
}
.formulario .campo label {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    font-size: 14px;
    font-weight: bold;
    color: #464646;
    margin-bottom: 5px;
}
.formulario .campo span {
    color: #757575;
}
.formulario .campo span label {
    color: #757575;
    float: unset;
}
.formulario .campo input {
    width: calc(100% - 12px);
    line-height: 24px;
    padding: 10px 5px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
}
.formulario .campo input[type="checkbox"] {
    width: unset;
}
.formulario .campo select {
    width: 100%;
    line-height: 24px;
    padding: 10px 5px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
}
.formulario .campo textarea {
    width: calc(100% - 12px);
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
    padding: 5px;
    border-radius: 4px;
}
.formulario.ajustecomplexo .campo button[type="submit"] {
    margin-top: 15px;
    position: relative;
    float: left;
    width: 160px;
    height: 42px;
    font-size: 16px;
    color: #ffffff;
    background-color: #14452f;
    border: none;
    border-radius: 6px;
    padding: 5px 0;
    transition: 0.2s;
    cursor: pointer;
}
.formulario .campo button[type="submit"]:hover {
    background-color: #41a779;
}
.formulario .campo.completo {
    width: calc(100% - 30px);
}
.formulario .campo.linhadosbotoes {
    margin-top: 25px;
}
.formulario .campo.metade {
    width: calc(50% - 30px);
}
.formulario .campo.metadecidade {
    width: calc(50% - 160px);
}
.formulario .campo.metadeuf {
    width: 100px;
}
.formulario .campo.complexo {
    width: 100%;
    padding: 5px;
    background-color: #ffffff;
    border-radius: 8px;
    margin-left: 0;
    margin-right: 0;
}
.formulario .campo.complexo input[type="text"],
.formulario .campo.complexo input[type="email"] {
    position: relative;
    float: left;
    width: calc(100% - 185px);
    margin: 0;
    padding: 0 10px;
    border: none;
    line-height: 42px;
    background-color: transparent;
}
.formulario .campo.complexo input[type="text"]::placeholder,
.formulario .campo.complexo input[type="email"]::placeholder {
    font-size: 16px;
    line-height: 42px;
    color: #c4c4c4;
}

.formulario .campo.complexo button[type="submit"] {
    float: right;
    margin-top: 0;
}
.formulario .campo.complexo button[type="submit"]:hover {
    background-color: #41a779;
}

.postagem {
    position: relative;
    float: left;
    width: 100%;
    padding: 50px 0;
}
.postagem .capa {
    position: relative;
    float: left;
    width: 100%;
    height: 480px;
    overflow: hidden;
    border-radius: 8px;
}
.postagem .capa figure {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
.postagem .capa figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.postagem .dados {
    position: relative;
    float: left;
    width: 100%;
}
.postagem .dados p {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    color: #464646;
}
.postagem .dados p a {

}
.postagem .dados p a.autor {
    font-weight: bold;
}
.postagem .conteudo {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
}
.postagem .conteudo h6.otitulo {
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 10px;
}

.otexto {
    position: relative;
    float: left;
    width: 100%;
}
.otexto p {
    font-size: 18px;
    line-height: 28px;
    margin: 20px 0;
    color: #464646;
}
.otexto.primeiropsemmargemtop p:first-child {
    margin-top: 0;
}

.widget {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.widget .emlista {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.widget .emlista ul {
    position: relative;
    float: left;
    width: 100%;
}
.widget .emlista ul li {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.widget .emlista ul li:last-child {
    margin-bottom: 0;
}
.widget .emlista ul li .item {
    position: relative;
    float: left;
    width: 100%;
}
.widget .emlista ul li .item .thumb {
    position: relative;
    float: left;
    width: 120px;
    height: 100px;
    overflow: hidden;
    border-radius: 6px;
}
.widget .emlista ul li .item .thumb .painel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0;
    transition: 0.2s;
}
.widget .emlista ul li .item .thumb figure {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.widget .emlista ul li .item .thumb figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.2s;
}
.widget .emlista ul li .item .dados {
    position: relative;
    float: right;
    width: calc(100% - 140px);
}
.widget .emlista ul li .item:hover .thumb .painel {
    opacity: 0.25;
}
.widget .emlista ul li .item:hover .thumb figure img {
    transform: scale(1.1);
}

.minipesquisa {
    position: relative;
    float: left;
    width: 100%;
}
.minipesquisa form {
    position: relative;
    float: left;
    width: 100%;
}
.minipesquisa form .barra {
    position: relative;
    float: left;
    width: calc(100% - 8px);
    padding: 4px;
    border-radius: 6px;
    background-color: #14452f;
}
.minipesquisa form .barra input[type="search"] {
    position: relative;
    float: left;
    width: calc(100% - 45px);
    line-height: 40px;
    padding: 0 10px;
    border: none;
    color: #ffffff;
    background-color: transparent;
}
.minipesquisa form .barra input[type="search"]::placeholder {
    color: #029251;
}
.minipesquisa form .barra button[type="submit"] {
    position: relative;
    float: right;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    color: #14452f;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.2s;
}
.minipesquisa form .barra button[type="submit"]:hover {
    background-color: #7cff77;
    color: #14452f;
}

.indice {
    position: relative;
    float: left;
    width: 100%;
}
.indice .resultados {
    position: relative;
    float: left;
    width: 100%;
}
.indice .resultados p {
    margin: 0;
    font-size: 14px;
    color: #787878;
}

.ocultarnodesktop {
    display: none;
}
.ocultarnomobile {
    display: initial;
}

.trio {
    position: relative;
    float: left;
    width: 100%;
}
.trio ul {
    position: relative;
    float: left;
    width: calc(100% + 30px);
    margin-left: -15px;
}
.trio ul li {
    position: relative;
    float: left;
    width: calc((100% / 3) - 30px);
    margin: 15px;
}
.trio ul li .item {
    position: relative;
    float: left;
    width: 100%;
}
.trio ul li .item .topo {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.trio ul li .item .topo .icone {
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    font-size: 80px;
    color: #000000;
    opacity: 0.075;
    line-height: 100px;
}
.trio ul li .item .topo .numero {
    position: relative;
    float: left;
    width: 100px;
    height: 60px;
    font-size: 40px;
    color: #000000;
    opacity: 0.3;
    line-height: 60px;
    margin-top: 40px;
    margin-left: -50px;
}
.trio ul li .item p {
    color: #484848;
}
.trio ul li .item h6 {
    font-size: 22px;
    line-height: 28px;
    color: #242424;
}
.trio ul li .item ul {
    position: relative;
    float: left;
    width: 100%;
    margin-left: 0;
    list-style: disc;
    margin-top: 10px;
}
.trio ul li .item ul li {
    position: relative;
    float: left;
    width: calc(100% - 20px);
    margin: 0 0 0 20px;
}
.trio ul li .item ul li::marker {
    color: #484848;
}
.trio ul li .item ul li p {
    margin: 0;
}

.caixasanfonada {
    position: relative;
    float: left;
    width: 100%;
}
.caixasanfonada .superior {
    position: relative;
    float: left;
    width: 100%;
}
.caixasanfonada .superior .acaixa {
    position: relative;
    float: left;
    width: calc(100% - 60px);
    max-width: 640px;
    padding: 40px 30px;
    background-color: #14452f;
    border-radius: 8px;
}
.caixasanfonada .superior .acaixa h6 {
    position: relative;
    float: left;
    line-height: 24px;
    color: #ffffff;
}
.caixasanfonada .superior .acaixa .togglesanfona {
    position: relative;
    float: right;
    line-height: 40px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 20px;
}
.caixasanfonada .superior .acaixa .togglesanfona .seta {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    transition: 0.2s;
}
.caixasanfonada .superior .acaixa .togglesanfona .lermais {
    margin-right: 15px;
    font-weight: bold;
}
.caixasanfonada .superior .acaixa .togglesanfona:hover {
    text-decoration: none;
}
.caixasanfonada .asanfona {
    position: relative;
    float: left;
    width: 100% !important;
    overflow: hidden;
    display: none;
}
.caixasanfonada .asanfona .oconteudo {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 0;
}
.caixasanfonada .asanfona .oconteudo.conteudoiso p {
    margin: 30px 0;
}
.caixasanfonada .asanfona .oconteudo.conteudoiso p:nth-child(odd) {
    padding-right: 100px;
}
.caixasanfonada .asanfona .oconteudo.conteudoiso p:nth-child(even) {
    padding-left: 100px;
}
.caixasanfonada .asanfona .oconteudo.conteudoiso p:last-child {
    margin-bottom: 0;
}
.caixasanfonada.aberto .superior .acaixa .togglesanfona .seta {
    transform: rotate(90deg);
}

.multiplasanfona {
    position: relative;
    float: left;
    width: 100%;
}
.multiplasanfona .cabecalho {
    position: relative;
    float: left;
    width: 100%;
}
.multiplasanfona .cabecalho ul {
    position: relative;
    float: left;
}
.multiplasanfona .cabecalho ul li {
    position: relative;
    float: left;
    height: 100px;
}
.multiplasanfona .cabecalho ul li .botaosanfona {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #ff0000;
    color: #ffffff;
    font-weight: bold;
    border-radius: 8px;
}
.multiplasanfona .cabecalho ul li .botaosanfona .oconteudo {
    position: relative;
    float: left;
    max-width: calc(100% - 40px);
}
.multiplasanfona .cabecalho ul li .botaosanfona .oconteudo span.titulo {
    margin-right: 20px;
    position: relative;
    float: left;
    line-height: 24px;
}
.multiplasanfona .cabecalho ul li .botaosanfona .oconteudo span.icone {
    position: relative;
    float: left;
    background-color: #ffffff;
    color: #ff0000;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    text-align: center;
    line-height: 24px;
    transition: 0.2s;
}
.multiplasanfona .cabecalho ul li .botaosanfona:hover {
    background-color: #ff9900;
}
.multiplasanfona .cabecalho ul li .botaosanfona:hover .oconteudo span.icone {
    color: #ff9900;
}
.multiplasanfona .cabecalho ul li .botaosanfona.ativo {
    background-color: #ff9900;
}
.multiplasanfona .cabecalho ul li .botaosanfona.ativo .oconteudo span.icone {
    color: #ff9900;
    transform: rotate(90deg);
}
.multiplasanfona .corpo {
    position: relative;
    float: left;
    width: 100%;
}
.multiplasanfona .corpo .folhasanfona {
    position: relative;
    float: left;
    width: 100% !important;
    display: none;
}
.multiplasanfona .corpo .folhasanfona .conteudofolha {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 30px;
}
.multiplasanfona.tresitens .cabecalho ul {
    width: calc(100% + 20px);
    margin-left: -10px;
}
.multiplasanfona.tresitens .cabecalho ul li {
    width: calc((100% / 3) - 20px);
    margin: 0 10px;
}
.multiplasanfona.quatroitens .cabecalho ul {
    width: calc(100% + 20px);
    margin-left: -10px;
}
.multiplasanfona.quatroitens .cabecalho ul li {
    width: calc((100% / 4) - 20px);
    height: 80px;
    margin: 0 10px;
}

.textocomqrcode {
    position: relative;
    float: left;
}
.qrcodedotexto {
    position: relative;
    float: right;
    clear: both;
}

ul.oseditaiscampus {
    position: relative;
    float: left;
    width: calc(100% + 20px);
    margin-left: -10px;
}
ul.oseditaiscampus li.oscampus {
    position: relative;
    float: left;
    width: calc((100% / 2) - 20px);
    margin: 30px 10px 0 10px;
}
ul.oseditaiscampus li.oscampus:nth-child(odd) {
    clear: both;
}
ul.oseditaiscampus li.oscampus h6 {
    text-transform: uppercase;
    position: relative;
    float: left;
    background-color: #14452f;
    padding: 6px 20px;
    color: #ffffff;
    border-radius: 6px;
    margin-bottom: 10px;
    font-size: 14px;
}
ul.oseditaiscampus li.oscampus ul.oseditais {
    clear: both;
}

.sobre {
    position: relative;
    float: left;
    width: 100%;
    padding: 50px 0;
}
.sobre .aimagem {
    position: relative;
    float: left;
    width: 500px;
    height: 640px;
    margin-top: 36px;
}
.sobre .aimagem.menor {
    height: 500px;
}
.sobre .aimagem.semmargem {
    margin-top: 0;
}
.sobre .aimagem .mySwiper {
    position: relative;
    float: left;
    width: calc(100% + 20px);
    height: 100%;
    margin-left: -10px;
}
.sobre .aimagem .mySwiper .sliderimagem {
    position: relative;
    float: left;
    width: calc(100% - 20px);
    height: 100%;
    margin: 0 10px;
    overflow: hidden;
}
.sobre .aimagem .mySwiper .sliderimagem figure {
    position: relative;
    float: left;
    width: 100%;
    height: calc(100% - 40px);
    border-radius: 8px;
    overflow: hidden;
}
.sobre .aimagem .mySwiper .sliderimagem figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sobre .aimagem .mySwiper .sliderimagem .legenda {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
}
.sobre .oconteudo {
    position: relative;
    float: right;
    width: calc(100% - 530px);
}
.sobre .oconteudo.cheio {
    width: 100%;
    clear: both;
}
.sobre .oconteudo .aimagemlateral {
    position: relative;
    float: left;
    width: 500px;
    height: 640px;
    margin: 10px 20px 10px 0;
    & .mySwiper {
        position: relative;
        float: left;
        width: calc(100% + 20px);
        height: 100%;
        margin-left: -10px;
        & .sliderimagem {
            position: relative;
            float: left;
            width: calc(100% - 20px);
            height: 100%;
            margin: 0 10px;
            overflow: hidden;
            & figure {
                position: relative;
                float: left;
                width: 100%;
                height: calc(100% - 40px);
                border-radius: 8px;
                overflow: hidden;
                & img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            & .legenda {
                position: relative;
                float: left;
                width: 100%;
                height: 40px;
            }
        }
    }
}
.sobre.sobreensino {
    padding: 0;
}
.sobre.sobreensino .aimagem {
    margin-top: 10px;
}
.sobre.paddingmenor {
    padding: 30px 0;
}

.fichario {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.fichario .cabecalho {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #14452f;
}
.fichario .cabecalho .abas {
    position: relative;
    float: left;
}
.fichario .cabecalho .abas ul {
    position: relative;
    float: left;
}
.fichario .cabecalho .abas ul li {
    position: relative;
    float: left;
    height: 60px;
    margin-right: 10px;
}
.fichario .cabecalho .abas ul li:last-child {
    margin-right: 0;
}
.fichario .cabecalho .abas ul li a {
    position: relative;
    float: left;
    height: 60px;
    min-width: 120px;
    padding: 0 10px;
    background-color: #41a779;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.fichario .cabecalho .abas ul li a .etiqueta {
    position: relative;
    float: left;
    height: 60px;
}
.fichario .cabecalho .abas ul li a .etiqueta span {
    font-weight: bold;
    color: #ffffff;
}
.fichario .cabecalho .abas ul li a.ativo {
    height: 61px;
}
.fichario .cabecalho .abas ul li a.ativo {
    background-color: #14452f;
    color: #ffffff;
}
.fichario .cabecalho .abas ul li a.ativo .etiqueta span {
    color: #41a779;
}
.fichario .cabecalho .abas ul li a:hover .etiqueta span {
    color: #00542e;
}
.fichario .cabecalho .abas ul li a.ativo:hover .etiqueta span {
    color: #41a779;
}
.fichario .corpo {
    position: relative;
    float: left;
    width: 100%;
}
.fichario .corpo .folha {
    position: relative;
    float: left;
    width: 100% !important;
    border-bottom: 1px solid #14452f;
    display: none;
}
.fichario .corpo .folha .ofundotopo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 360px;
}
.fichario .corpo .folha .ofundotopo figure {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
.fichario .corpo .folha .ofundotopo figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, transparent 100%);
    filter: grayscale(100%);
}
.fichario .corpo .folha .folhaconteudo {
    position: relative;
    float: left;
    width: 100%;
    padding: 50px 0;
}

.paginafundo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 360px;
    & figure {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        & img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            mask-image: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, transparent 100%);
            filter: grayscale(100%);
        }
    }
}
.paginafundo.invisivel {
    & figure {
        & img {
            mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, transparent 100%);
        }
    }
}

.subfichario {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 50px;
    & .asabas {
        position: relative;
        float: left;
        width: 100%;
        & ul {
            position: relative;
            float: left;
            width: 100%;
            border-bottom: 1px solid #a4a4a4;
            & li {
                position: relative;
                float: left;
                height: 48px;
                margin-right: 10px;
                & a {
                    position: relative;
                    float: left;
                    border: 1px solid #a4a4a4;
                    border-top-left-radius: 6px;
                    border-top-right-radius: 6px;
                    height: 47px;
                    & span {
                        position: relative;
                        float: left;
                        padding: 0 10px;
                        height: 46px;
                        line-height: 46px;
                        font-weight: bold;
                    }
                }
                & a.subativo span {
                    height: 47px;
                    color: #029251;
                }
            }
        }
    }
    & .asfolhas {
        position: relative;
        float: left;
        width: 100%;
        padding-top: 20px;
        & .subfolha {
            position: relative;
            float: left;
            width: 100% !important;
            display: none;
            & ul {
                position: relative;
                float: left;
                width: calc(100% + 20px);
                margin-left: -10px;
                & li {
                    position: relative;
                    float: left;
                    width: calc((100% / 3) - 20px);
                    margin: 5px 10px;
                }
                & li:nth-child(3n+4){
                    clear: both;
                }
            }
        }
    }
}

.listacursos {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 40px;
    & ul.oscursos {
        position: relative;
        float: left;
        width: calc(100% + 20px);
        margin: 0 0 20px -10px;
        & li.ocurso {
            position: relative;
            float: left;
            width: calc((100% / 4) - 20px);
            margin: 10px;
            & a.itemcurso {
                position: relative;
                float: left;
                width: 100%;
                min-height: 260px;
                border-radius: 6px;
                overflow: hidden;
                background-color: #242424;
                & .dados {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: calc(100% - 40px);
                    padding: 50px 20px 20px 20px;
                    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
                    & p {
                        color: #ffffff;
                        margin: 0;
                        font-size: 14px;
                        opacity: 0.9;
                    }
                    & h6 {
                        color: #ffffff;
                        transition: 0.25s;
                    }
                }
            }
            & a.itemcurso:hover {
                & h6 {
                    color: #b4ffd2;
                }
            }
        }
        & li.ocurso:nth-child(4n+5) {
            clear: both;
        }
    }
}

.horarios {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #a4a4a4;
    & ul {
        position: relative;
        float: left;
        width: calc(100% + 20px);
        margin-left: -10px;
        & li {
            position: relative;
            float: left;
            width: calc((100% / 3) - 20px);
            margin: 0 10px;
        }
    }
}

.orelhas {
    position: relative;
    float: left;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #afafaf;
    margin-bottom: 50px;
    & ul {
        position: relative;
        float: left;
        width: 100%;
        & li {
            position: relative;
            float: left;
            width: calc((100% / 6) - 10px);
            height: 75px;
            border-bottom: 1px solid #afafaf;
            margin-bottom: -1px;
            & .aorelha {
                position: absolute;
                left: 5px;
                bottom: -1px;
                background-color: #ffffff;
                border-top: 1px solid #afafaf;
                border-left: 1px solid #afafaf;
                border-right: 1px solid #afafaf;
                border-top-left-radius: 30px;
                border-top-right-radius: 6px;
                width: calc(100% - 10px);
                & .caixaorelha {
                    position: relative;
                    float: left;
                    width: calc(100% - 10px);
                    margin: 5px 5px 0 5px;
                    border-radius: 4px;
                    border-top-left-radius: 25px;
                    background-color: #ff0000;
                    & .nomeorelha {
                        position: relative;
                        float: left;
                        width: 100%;
                        min-height: 60px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        & span {
                            position: relative;
                            float: left;
                            width: 100%;
                            text-align: center;
                            font-size: 14px;
                            line-height: 18px;
                            font-weight: bold;
                            color: #ffffff;
                        }
                    }
                    & .maisdados {
                        position: relative;
                        float: left;
                        width: calc(100% - 20px);
                        margin: 0 10px;
                        height: 0;
                        display: none;
                        transition: 0.2s;
                        & p {
                            font-size: 14px;
                            line-height: 18px;
                            border-top: 1px solid rgba(255,255,255,0.25);
                            padding-top: 10px;
                            color: #ffffff;
                        }
                    }
                }
            }
            & .aorelha:hover {
                & .maisdados {
                    height: 10px;
                    display: inherit;
                }
            }
        }
        & li:nth-child(6n+0) {
            width: calc(((100% / 6) - 10px) + 60px);
            & .aorelha {
                width: calc(100% - 80px);
            }
        }
        & li:nth-child(12n+0) {
            width: calc((100% / 6) - 10px);
            & .aorelha {
                width: calc(100% - 10px);
            }
        }
        & li:nth-child(6n+7) {
            clear: both;
            padding-left: 60px;
            & .aorelha {
                left: 55px;
                width: calc(100% - 60px);
            }
        }
        & li:nth-child(12n+13) {
            clear: both;
            padding-left: 0;
            & .aorelha {
                left: 5px;
                width: calc(100% - 10px);
            }
        }
    }
}

.fundocinza {
    background-color: #efeded;
}

.semmargemsuperior {
    margin-top: 0;
}
.semmargeminferior {
    margin-bottom: 0;
}
.sempaddingtop {
    padding-top: 0;
}
.sempaddingbottom {
    padding-bottom: 0;
}

.faixasemprejunto {
    position: relative;
    float: left;
    width: 100%;
    height: 150px;
    background-color: #8196fd;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    & p {
        font-size: 36px;
        line-height: 42px;
        color: #ffffff;
        font-weight: bold;
    }
}

.comofunciona {
    position: relative;
    float: left;
    width: 100%;
    & h5 {
        text-align: center;
    }
    & .fases {
        position: relative;
        float: left;
        width: 100%;
        border-bottom: 1px solid #c5c5c5;
        padding-bottom: 20px;
        & ul {
            position: relative;
            float: left;
            width: calc(100% + 20px);
            margin-left: -10px;
            margin-top: 30px;
            & li {
                position: relative;
                float: left;
                width: calc(100% / 3);
                & .fase {
                    position: relative;
                    float: left;
                    width: calc(100% - 40px);
                    margin: 20px;
                    & span {
                        position: relative;
                        float: left;
                        width: 100%;
                        text-align: center;
                        font-weight: bold;
                        font-size: 32px;
                        line-height: 42px;
                        color: #ff0000;
                    }
                    & h6 {
                        text-align: center;
                    }
                    & p {
                        text-align: center;
                    }
                }
                & .fase::after {
                    position: absolute;
                    top: 0;
                    right: -20px;
                    width: 40px;
                    height: 100px;
                    color: #242424;
                    font-family: "Font Awesome 5 Free";
                    content: "\f054";
                    font-weight: 900;
                    line-height: 100px;
                    font-size: 32px;
                    text-align: center;
                }
            }
            & li:last-child .fase::after {
                content: "";
            }
        }
    }
    & .osbotoes {
        position: relative;
        float: left;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
        & ul {
            position: relative;
            float: left;
            & li {
                position: relative;
                float: left;
                margin: 0 10px;
                & .botaoquadrado {
                    position: relative;
                    float: left;
                    background-color: #ff0000;
                    line-height: 24px;
                    padding: 13px 20px;
                    border-radius: 30px;
                    color: #ffffff;
                    text-decoration: none;
                    font-weight: bold;
                    transition: 0.2s;
                }
                & .botaoquadrado:hover {
                    background-color: #ff4949;
                }
            }
        }
    }
}

.numerosanimados {
    position: relative;
    float: left;
    width: 100%;
    & h5 {
        text-align: center;
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 30px;
        font-weight: bold;
        color: #ffffff;
    }
    & ul {
        position: relative;
        float: left;
        width: calc(100% + 20px);
        left: -10px;
        margin-top: 20px;
        & li {
            position: relative;
            float: left;
            width: calc(100% / 3);
            & .item {
                position: relative;
                float: left;
                width: calc(100% - 20px);
                margin: 0 10px;
                & p.adescricao {
                    text-align: center;
                    font-weight: normal;
                    font-size: 20px;
                    line-height: 28px;
                    color: #ffffff;
                    & span {
                        position: relative;
                        float: left;
                        width: 100%;
                        margin-bottom: 10px;
                        color: #ffae00;
                        font-size: 36px;
                        line-height: 42px;
                        font-weight: bold;
                    }
                }
                & p.interativo {
                    text-align: center;
                    font-weight: normal;
                    font-size: 36px;
                    line-height: 42px;
                    color: #ffae00;
                    width: 100%;
                    margin-bottom: 10px;
                    font-weight: bold;
                }
            }
        }
    }
    .partetexto {
        position: relative;
        float: right;
        width: calc(100% - 58px);
    }
    .parteicone {
        position: absolute;
        top: 0;
        left: 0;
        width: 48px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffae00;
        font-size: 32px;
    }
}
.numerosanimados.mic {
    & h5 {
        margin-bottom: 10px;
    }
    & ul {
        display: flex;
        justify-content: center;
        align-items: center;
        & li {
            width: calc(100% / 5);
            & .item {
                & p.adescricao {
                    margin: 0;
                    text-align: left;
                }
                & p.interativo {
                    white-space: nowrap;
                    font-size: 24px;
                    margin: 0;
                    text-align: left;
                    line-height: 32px;
                    font-weight: normal;
                    color: #ffffff;
                    & a {
                        color: #ffffff;
                        font-weight: normal;
                    }
                }
            }
        }
    }
    .parteicone {
        color: #00ff43;
    }
}
.numerosdogp.mic {
    padding: 50px 0;
}


#dialogopadrao {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100vh !important;
    z-index: 9999;
    display: none;
    & .painel {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        & .caixadialogo {
            position: relative;
            float: left;
            width: calc(100% - 42px);
            max-width: 800px;
            background-color: #ffffff;
            border: 1px solid #464646;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
            & header {
                position: relative;
                float: left;
                width: 100%;
                & h6 {
                    position: relative;
                    float: left;
                    line-height: 32px;
                    margin-left: 20px;
                    max-width: calc(100% - 100px);
                }
                & a.botaofechar {
                    position: relative;
                    float: right;
                    margin-right: 20px;
                    background-color: #ff0000;
                    line-height: 32px;
                    width: 50px;
                    color: #ffffff;
                    text-align: center;
                    height: 32px;
                    border-bottom-left-radius: 4px;
                    border-bottom-right-radius: 4px;
                }
            }
            & article {
                position: relative;
                float: left;
                width: 100%;
                min-height: 300px;
                display: flex;
                justify-content: center;
                align-items: center;
                & .caixaconteudo {
                    position: relative;
                    float: left;
                    padding: 30px 20px;
                    width: calc(100% - 40px);
                }
            }
        }
        & .fechar {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    }
}

.linhadotempo {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    & h5 {
        margin-bottom: 10px;
        background-color: #ededed;
        padding: 10px;
        border-radius: 4px;
    }
    & ul {
        position: relative;
        float: left;
        width: calc(100% + 20px);
        margin-left: -10px;
        & li {
            position: relative;
            float: left;
            width: calc(100% / 3);
            & .itemtemporal {
                position: relative;
                float: left;
                width: calc(100% - 20px);
                height: 200px;
                margin: 0 10px;
                background-color: #499b26;
                & .ordem {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0.25;
                    color: #ffffff;
                    font-size: 310px;
                    line-height: 200px;
                    overflow: hidden;
                    font-weight: bold;
                }
                & .oconteudo {
                    position: relative;
                    float: right;
                    width: calc(100% - 40px);
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    & .acaixa {
                        position: relative;
                        float: left;
                        width: calc(100% - 10px);
                        & h6 {
                            text-align: center;
                            color: #ffffff;
                        }
                        & p {
                            text-align: center;
                            color: #ffffff;
                        }
                    }
                }
            }
            & .itemtemporal::before {
                position: absolute;
                content: "";
                left: 0;
                top: 0;
                width: 0;
                height: 0;
                border-top: 100px solid transparent;
                border-bottom: 100px solid transparent;
                border-left: 40px solid #ffffff;
            }
            & .itemtemporal::after {
                position: absolute;
                content: "";
                right: -40px;
                top: 0;
                width: 0;
                height: 0;
                border-top: 100px solid transparent;
                border-bottom: 100px solid transparent;
                border-left: 40px solid #499b26;
                z-index: 99;
            }
        }
        & li:first-child {
            & .itemtemporal {
                background-color: #f5992c;
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
            }
            & .itemtemporal::before {
                display: none;
            }
            & .itemtemporal::after {
                border-left: 40px solid #f5992c;
            }
        }
        & li:last-child {
            & .itemtemporal {
                background-color: #284ca2;
                border-top-right-radius: 6px;
                border-bottom-right-radius: 6px;
            }
            & .itemtemporal::after {
                display: none;
                border-left: 40px solid #284ca2;
            }
        }
    }
}

.tipodecarreira {
    position: relative;
    float: left;
    width: 100%;
    & h5.comseparador {
        border-bottom: 1px solid #ededed;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    & .colunacompleta {
        position: relative;
        float: left;
        width: 100%;
        clear: both;
    }
    & .colunamenor {
        position: relative;
        float: left;
        width: 400px;
    }
    & .colunamaior {
        position: relative;
        float: right;
        width: calc(100% - 430px);
    }
}
.tipodecarreira.invertido {
    & .colunamenor {
        float: right;
    }
    & .colunamaior {
        float: left;
    }
}

.gravata {
    position: relative;
    float: left;
    width: 100%;
    & .aimagem {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 300px;
        margin: 0;
        overflow: hidden;
        border-radius: 6px;
        & figure {
            position: relative;
            float: left;
            width: 100%;
            height: 100%;
            & img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
    & .acaixa {
        position: relative;
        float: left;
        width: calc(100% - 40px);
        background-color: #14452f;
        margin: 250px 0 20px 10px;
        padding: 20px 10px;
        border-radius: 6px;
        & p {
            color: #ffffff;
            text-align: center;
        }
        & ul {
            position: relative;
            float: left;
            width: 100%;
            & li {
                position: relative;
                float: left;
                width: 100%;
                margin: 5px 0;
                & a {
                    position: relative;
                    float: left;
                    width: calc(100% - 20px);
                    padding: 15px 10px;
                    border-radius: 6px;
                    background-color: #ff9109;
                    font-weight: bold;
                    color: #ffffff;
                    text-align: center;
                    text-decoration: none;
                    transition: 0.2s;
                }
                & a:hover {
                    background-color: #ffa940;
                }
            }
        }
    }
}

.dcetexto {
    position: relative;
    float: left;
    width: 100%;
    & .colunalogo {
        position: relative;
        float: left;
        width: 300px;
        & figure {
            position: relative;
            float: left;
            width: 100%;
            & img {
                position: relative;
                float: left;
                width: 100%;
            }
        }
    }
    & .colunatexto {
        position: relative;
        float: right;
        width: calc(100% - 330px);
    }
}

.caroacademico {
    position: relative;
    float: left;
    width: 100%;
    & .fundomarcado {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        & figure {
            position: absolute;
            top: 10px;
            left: 20px;
            width: calc(100% - 20px);
            height: calc(100% - 20px);
            & img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: left;
                opacity: 0.10;
                filter: grayscale(100%);
            }
        }
    }
    & .otexto {
        width: calc(100% - 300px);
        padding: 0 100px 0 200px;
    }
}

.numerosdogp {
    position: relative;
    float: left;
    width: 100%;
    padding: 100px 0;
    background-color: #284ca2;
    & .background {
        & figure {
            & img {
                filter: grayscale();
                opacity: 0.1;
            }
        }
    }
}

.gpquadrinhos {
    position: relative;
    float: left;
    width: 100%;
    border-radius: 20px;
    & ul {
        position: relative;
        float: left;
        width: calc(100% + 10px);
        margin-left: -5px;
        z-index: 9;
        & li {
            position: relative;
            float: left;
            width: calc(100% / 4);
            & .gpitem {
                position: relative;
                float: left;
                width: calc(100% - 10px);
                margin: 0 5px;
                background-color: #ff9109;
                color: #ffffff;
                text-align: center;
                min-height: 100px;
                border-radius: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
                & p {
                    font-weight: bold;
                }
            }
        }
    }
    & .alinhaabaixo {
        position: relative;
        float: left;
        width: 100%;
        padding: 50px 0 20px 0;
        margin-top: -30px;
        background: linear-gradient(to bottom,  rgba(148,255,196,0) 0%,rgba(148,255,196,0.65) 100%);
        border-radius: 20px;
        & p {
            text-align: center;
            font-size: 24px;
            font-weight: bold;
            color: #575757;
        }
    }
}

.conteudogp {
    position: relative;
    float: left;
    width: 100%;
    & .colunagpmetade {
        position: relative;
        width: calc(50% - 15px);
        & .caixasanfonada {
            position: relative;
            float: left;
            width: calc(100% - 40px);
            border-radius: 8px;
            background-color: #ef436b;
            padding: 50px 20px;
            & a.togglador {
                position: relative;
                float: left;
                width: 100%;
                height: 32px;
                text-decoration: none;
                & h5 {
                    line-height: 32px;
                    color: #ffffff;
                }
                & .rotador {
                    position: absolute;
                    top: 0;
                    right: 0;
                    & .oicone {
                        position: relative;
                        float: left;
                        width: 32px;
                        height: 32px;
                        line-height: 32px;
                        text-align: center;
                        color: #ffffff;
                        transition: 0.25s;
                    }
                }
            }
            & .oconteudo {
                position: relative;
                float: left;
                width: 100% !important;
                display: none;
                padding-top: 20px;
                & p {
                    color: #ffffff;
                }
            }
        }
        & .caixasanfonada.aberto {
            & a.togglador {
                & .rotador {
                    & .oicone {
                        transform: rotate(90deg);
                    }
                }
            }
        }
    }
    & .colunagpmetade.esquerda {
        float: left;
    }
    & .colunagpmetade.direita {
        float: right;
    }
    & .colunagplarga {
        position: relative;
        float: left;
        width: calc(100% - 40px);
        margin-top: 30px;
        clear: both;
        background-color: #26547d;
        border-radius: 8px;
        padding: 30px 20px;
        & .partedotexto {
            position: relative;
            float: left;
            width: calc(100% - 220px);
            margin-bottom: -10px;
            & h6 {
                color: #ffffff;
            }
            & p {
                color: #ffffff;
            }
        }
        & .partedobotao {
            position: absolute;
            top: 0;
            right: 20px;
            width: 200px;
            height: 100%;
            display: flex;
            justify-content: right;
            align-items: center;
            & a {
                float: right;
            }
        }
    }
}

#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100vh !important;
    z-index: 9999;
    display: none;
    & .painel {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.75);
        display: flex;
        justify-content: center;
        align-items: center;
        & .caixaconteudo {
            position: relative;
            float: left;
            width: calc(100% - 40px);
            max-width: 360px;
            & figure {
                position: relative;
                float: left;
                width: 100%;
                height: 96px;
                margin-bottom: 20px;
                & img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    object-position: center;
                }
            }
            & p {
                text-align: center;
                font-weight: bold;
                color: #ffffff;
                font-size: 18px;
                line-height: 24px;
            }
        }
    }
}

#fale {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
    & .painel {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        & .fechador {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        & .janela {
            position: relative;
            float: left;
            width: calc(100% - 40px);
            max-width: 400px;
            background-color: #ffffff;
            box-shadow: 0 2px 20px rgba(0,0,0,0.5);
            border-radius: 8px;
            overflow: hidden;
            & header {
                position: relative;
                float: left;
                width: calc(100% - 30px);
                padding: 0 15px;
                min-height: 48px;
                background-color: #00542e;
                & h6 {
                    position: relative;
                    float: left;
                    width: calc(100% - 70px);
                    line-height: 48px;
                    margin: 0;
                    padding: 0;
                    color: #ffffff;
                }
                & a {
                    position: relative;
                    float: right;
                    width: 50px;
                    height: 36px;
                    line-height: 36px;
                    text-align: center;
                    background-color: #ff0000;
                    color: #ffffff;
                    border-bottom-left-radius: 6px;
                    border-bottom-right-radius: 6px;
                    transition: 0.2s;
                }
                & a:hover {
                    background-color: #ff3c3c;
                }
            }
            & article {
                position: relative;
                float: left;
                width: calc(100% - 30px);
                padding: 20px 15px;
                & p {
                    font-size: 14px;
                    line-height: 18px;
                }
                & form {
                    position: relative;
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    & .campofale {
                        position: relative;
                        float: left;
                        width: calc(100% - 12px);
                        padding: 5px;
                        border: 1px solid #00542e;
                        background-color: #00542e;
                        border-radius: 6px;
                        & input[type="search"] {
                            position: relative;
                            float: left;
                            width: calc(100% - 41px);
                            padding: 0 5px;
                            height: 36px;
                            border: 0;
                            background-color: transparent;
                            color: #ffffff;
                        }
                        & input[type="search"]::placeholder {
                            color: rgba(255,255,255,0.3);
                        }
                        & button[type="submit"] {
                            position: relative;
                            float: right;
                            width: 36px;
                            height: 36px;
                            color: #00542e;
                            background-color: #ffffff;
                            border: none;
                            border-radius: 4px;
                        }
                    }
                }
                & .linhabotao {
                    position: relative;
                    float: left;
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-top: 20px;
                    & .botaodevoz {
                        position: relative;
                        float: left;
                        height: 50px;
                        line-height: 50px;
                        border-radius: 25px;
                        padding: 0 20px;
                        font-size: 14px;
                        background-color: #284ca2;
                        color: #ffffff;
                        text-decoration: none;
                    }
                    & .botaodevoz:hover {
                        background-color: #4664ac;
                    }
                }
            }
        }
    }
}

.listagemfale {
    position: relative;
    float: left;
    width: 100%;
    & ul {
        position: relative;
        float: left;
        width: 100%;
        & li {
            position: relative;
            float: left;
            width: 100%;
            margin: 10px 0;
            & a {
                position: relative;
                float: left;
                width: calc(100% - 30px);
                padding: 20px 15px;
                background-color: #e1e1e1;
                border-radius: 8px;
                text-decoration: none;
                & p {
                    margin: 0;
                }
            }
        }
    }
}

.faixamenu {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    background-color: #ffffff;
    & .omenu {
        position: relative;
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
        & ul.menuitens {
            position: relative;
            float: left;
            width: 100%;
            & li {
                position: relative;
                float: left;
                margin-right: 20px;
                & ul.submenuitens {
                    position: absolute;
                    top: 40px;
                    left: -999em;
                    background-color: #ffffff;
                    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
                    padding: 10px;
                    border-radius: 6px;
                    & li {
                        clear: both;
                        margin-right: 0;
                        & a {
                            line-height: 24px;
                            white-space: nowrap;
                        }
                    }
                }
                & a {
                    font-weight: bold;
                    text-decoration: none;
                    line-height: 60px;
                    & figure.logoportal {
                        position: relative;
                        float: left;
                        height: 60px;
                        & img {
                            position: relative;
                            float: left;
                            height: 100%;
                        }
                    }
                }
            }
            & li:hover {
                & ul.submenuitens {
                    left: 0; 
                }
            }
            & li:last-child {
                margin-right: 0;
            }
        }
    }
}

.banerz {
    position: relative;
    float: left;
    width: 100%;
    background-color: #00542e;
    & .acaixaconteudo {
        position: relative;
        float: left;
        width: 100%;
        min-height: 300px;
        margin-top: 30px;
        margin-bottom: 30px;
        & .oconteudo {
            position: relative;
            float: left;
            width: 100%;
            & h3 {
                color: #ffffff;
                font-weight: bold;
                font-size: 42px;
                line-height: 48px;
                text-align: center;
                & span {
                    font-size: 46px;
                    line-height: 52px;
                }
            }
            & h4 {
                color: #ffffff;
                text-align: center;
                margin-top: 20px;
            }
            & .titulosessao {
                margin-bottom: 30px;
                & h6 {
                    color: #ffffff;
                }
                & h6::before {
                    border-bottom: 1px solid #ffffff;
                }
                & h6::after {
                    border-bottom: 1px solid #ffffff;
                }
            }
        }
    }
    & .abarra {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 30px;
        & .acaixa {
            position: relative;
            float: left;
            width: calc(100% - 4px);
            min-height: 30px;
            background-color: #ffffff;
            border: 2px solid #e7e7e7;
            border-radius: 6px;
            padding: 15px 0;
            & ul {
                position: relative;
                float: left;
                width: 100%;
                display: flex;
                justify-content: center;
                & li {
                    position: relative;
                    float: left;
                    width: calc((100% / 4) - 22px);
                    padding: 10px;
                    border-right: 2px solid #e7e7e7;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    & a {
                        font-weight: bold;
                        text-decoration: none;
                        text-align: center;
                        line-height: 24px;
                    }
                    & a.linkvermelho {
                        color: #ff5d5d;
                    }
                    & a.linkvermelho:hover {
                        color: #ff8d8d;
                    }
                    & p {
                        font-weight: bold;
                        color: #242424;
                        margin: 0;
                        text-align: center;
                    }
                }
                & li:last-child {
                    border-right: 1px solid transparent;
                }
            }
            & ul.maisalto {
                display: block;
                justify-content: unset;
                & li {
                    min-height: 48px;
                }
            }
            & .sublinha {
                position: relative;
                float: left;
                width: calc(100% - 40px);
                padding-top: 10px;
                margin: 10px 20px 0 20px;
                border-top: 1px solid rgba(0,0,0,0.15);
                clear: both;
                & ul {
                    position: relative;
                    float: right;
                    width: unset;
                    clear: both;
                    margin-right: -20px;
                    & li {
                        display: block;
                        width: unset;
                        padding: 0 20px;
                        & a {
                            position: relative;
                            float: left;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
    & .imagemfundo {
        position: absolute;
        bottom: 30px;
        right: 0;
        width: 100%;
        height: calc(100% - 50px);
        & .caixaimagem {
            position: relative;
            float: left;
            width: calc(100% - 60px);
            height: calc(100% - 60px);
            max-width: 1600px;
            & figure {
                position: relative;
                float: left;
                width: 100%;
                height: 100%;
                & img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    object-position: bottom right;
                }
            }
            & figure.seloconceito4 {
                position: absolute;
                top: 50px;
                left: 0px;
                width: 100px;
                height: calc(100% - 100px);
                & img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    object-position: center left;
                }
                & img.recuofix {
                    height: calc(100% - 20px);
                    margin-top: 40px;
                }
            }
        }
    }
    & .linhalogo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        & .sublogo {
            position: relative;
            float: left;
            width: 120px;
            padding: 20px 5px;
            background-color: #ffffff;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
            & figure {
                position: relative;
                float: left;
                width: 100%;
                & img {
                    position: relative;
                    float: left;
                    width: 100%;
                }
            }
        }
    }
}

.mosaicomenor {
    position: relative;
    float: left;
    width: 100%;
    & ul {
        position: relative;
        float: left;
        width: calc(100% + 20px);
        margin-left: -10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        & li {
            position: relative;
            float: left;
            width: calc(100% / 5);
            & .item {
                position: relative;
                float: left;
                width: calc(100% - 20px);
                margin: 10px;
                height: 200px;
                background-color: #284ca2;
                border-radius: 8px;
                overflow: hidden;
                cursor: pointer;
                & figure.imagemdefundo {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: calc(100% - 10px);
                    height: calc(100% - 10px);
                    & img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                        object-position: bottom right;
                    }
                }
                & .caixaconteudo {
                    position: absolute;
                    top: 10px;
                    left: 10px;
                    width: calc(100% - 20px);
                    height: calc(100% - 20px);
                    & .oconteudo {
                        position: relative;
                        float: left;
                        width: 100%;
                        text-align: center;
                        & h6 {
                            color: #ffffff;
                            text-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
                        }
                    }
                }
            }
        }
    }
}
.mosaicomenor.aindamenor {
    & ul {
        & li {
            width: calc(100% / 6);
            & .item {
                width: calc(100% - 10px);
                margin: 5px;
            }
        }
    }
}

.conteudomosaico {
    position: relative;
    float: left;
    width: 100%;
    & .oitem {
        position: relative;
        float: left;
        width: 100%;
        & .oconteudo {
            position: relative;
            float: left;
            width: 100% !important;
            padding-top: 30px;
            display: none;
            & h5 {
                border-bottom: 1px solid #c4c4c4;
                padding-bottom: 10px;
                margin-bottom: 20px;
            }
            & ul {
                position: relative;
                float: left;
                width: 100%;
                & li {
                    position: relative;
                    float: left;
                    max-width: calc(100% - 20px);
                    clear: both;
                    margin: 5px 0;
                    list-style:disc;
                    margin-left: 20px;
                }
            }
        }
    }
}

.linhafaixa {
    position: relative;
    float: left;
    width: 100%;
    padding: 30px 0;
}
.linhafaixa.cinza {
    background-color: #ebebeb;
}
.linhafaixa.vazia {
    min-height: 460px;
}
.linhafaixa.sempadding {
    padding: 0;
}

.meiacoluna {
    position: relative;
    width: calc(50% - 10px);
}
.meiacoluna.esquerda {
    float: left;
}
.meiacoluna.direita {
    float: right;
}
.meiacoluna.centralizador {
    position: absolute;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ocaixote {
    position: relative;
    float: left;
    width: calc(100% - 40px);
    padding: 30px 20px;
    border-radius: 8px;
    background-color: #ff0000;
    overflow: hidden;
    & .acaixaconteudo {
        position: relative;
        float: left;
        width: 100%;
    }
    & .parteimagem {
        position: relative;
        float: right;
        width: 300px;
        margin: 10px 0;
        & figure {
            position: relative;
            float: left;
            width: 100%;
            border-radius: 6px;
            overflow: hidden;
            & img {
                position: relative;
                float: left;
                width: 100%;
            }
        }
    }
    & ul.combolinhas {
        position: relative;
        float: left;
        width: 100%;
        list-style: disc;
        & li {
            position: relative;
            float: left;
            max-width: calc(100% - 20px);
            margin-left: 20px;
            margin-top: 5px;
            clear: both;
            color: #ffffff;
        }
    }
    & ul.combolinhas.metade {
        & li {
            max-width: unset;
            width: calc(50% - 20px);
            clear: unset;
        }
    }
    & .parteconteudo {
        position: relative;
        float: left;
        width: calc(100% - 320px);
    }
    & .partecompleta {
        position: relative;
        float: left;
        width: 100%;
    }
    & h6 {
        color: #ffffff;
        margin-bottom: 20px;
    }
    & p {
        color: #ffffff;
    }
    & .caixavideo {
        position: relative;
        float: left;
        width: 100%;
    }
    & .caixaimagem {
        position: relative;
        float: left;
        width: 100%;
        height: 370px;
        border-radius: 10px;
        overflow: hidden;
        & figure {
            position: relative;
            float: left;
            width: 100%;
            height: 100%;
            & img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
}
.ocaixote.semcaixa {
    width: 100%;
    padding: 0;
    background-color: transparent;
    & ul.combolinhas {
        & li {
            color: #464646;
            margin-top: 5px;
            margin-bottom: 5px;
            line-height: 20px;
        }
    }
    & .parteimagem {
        margin: 0;
    }
    & h6 {
        color: #464646;
    }
    & p {
        color: #464646;
    }
}
.ocaixote.sg {
    width: calc(100% - 42px);
    background-color: #ffffff;
    border: 1px solid #cecccc;
    & .parteimagem {
        width: 120px;
        height: 150px;
        margin: 0;
        & figure {
            height: 100%;
            & img {
                height: 100%;
                object-fit: cover;
            }
        }
    }
    & .parteconteudo {
        width: calc(100% - 140px);
        min-height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    & .partecompleta {
        min-height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        & .nofinalfix {
            position: absolute;
            bottom: 0;
            right: 0;
        }
    }
    & h6 {
        color: #515151;
    }
    & p {
        color: #515151;
    }
    & p a {
        color: #515151;
    }
    & p a:hover {
        color: #41a779;
    }
}

.ulcomcombolinhas {
    & ul {
        position: relative;
        float: left;
        width: 100%;
        list-style: disc;
        & li {
            position: relative;
            float: left;
            color: #464646;
            margin-bottom: 5px;
            line-height: 20px;
            margin: 5px 0 5px 20px;
        }
    }
}

.marcafundo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    & figure {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        & img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(1);
            opacity: 0.15;
            transform: scaleX(-1);
        }
    }
}
.marcafundo.invisivel {
    display: none;
}

.galeriamosaico {
    position: relative;
    float: left;
    width: 100%;
    & ul {
        position: relative;
        float: left;
        width: calc(100% + 10px);
        margin-left: -5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        & li {
            position: relative;
            float: left;
            width: calc(100% / 4);
            & a {
                position: relative;
                float: left;
                width: calc(100% - 10px);
                height: 120px;
                margin: 5px;
                & figure {
                    position: relative;
                    float: left;
                    width: 100%;
                    height: 100%;
                    border-radius: 6px;
                    overflow: hidden;
                    & img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
            }
        }
    }
    & p.avisogaleria {
        position: relative;
        float: left;
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        font-style: italic;
        color: #7c7c7c;
        margin: 10px 0 0 0;
    }
}
.galeriamosaico.x5 {
    & ul {
        & li {
            width: calc(100% / 5);
        }
    }
}

.aequipe {
    position: relative;
    float: left;
    width: 100%;
    & ul {
        position: relative;
        float: left;
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-bottom: -20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        & li {
            position: relative;
            float: left;
            width: calc(100% / 4);
            & .profissional {
                position: relative;
                float: left;
                width: calc(100% - 30px);
                min-height: 100px;
                margin: 30px 0 30px 30px;
                & .fundoicone {
                    position: absolute;
                    top: 0;
                    left: -20px;
                    width: 100px;
                    height: 100px;
                    & img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                        object-position: top left;
                        opacity: 0.03;
                    }
                }
                & h6 {
                    border-bottom: 1px solid #d1d1d1;
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                    max-width: calc(100% - 10px);
                }
            }
        }
    }
}

.sobrecaixa {
    position: relative;
    float: left;
    width: calc(100% - 42px);
    padding: 30px 20px;
    background-color: #ebe7e7;
    border: 1px solid #cecccc;
    border-radius: 12px;
}

.portaltitular {
    position: relative;
    float: left;
    width: 100%;
    padding: 50px 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    & .opaineldofundo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        & figure {
            position: relative;
            float: left;
            width: 100%;
            height: 100%;
            & img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center left;
            }
        }
    }
    & .meiacoluna {
        min-height: 124px;
        display: flex;
        justify-content: right;
        align-items: center;
    }
    & .meiacoluna.direita {
        justify-content: left;
    }
    & h3 {
        position: relative;
        float: right;
        width: calc(100% - 20px);
        margin-right: 20px;
        max-width: 580px;
        font-size: 26px;
        line-height: 32px;
        text-align: right;
        color: #095a35;
        text-shadow: 2px 2px #ffffff;
    }
    & p {
        font-size: 18px;
        line-height: 26px;
        color: #585858;
        position: relative;
        float: left;
        width: calc(100% - 20px);
        max-width: 580px;
        margin-left: 20px;
    }
}

.portalminibanner {
    position: relative;
    float: left;
    width: calc(100% - 40px);
    margin: 25px 0;
    padding: 30px 20px;
    background-color: #ffdf75;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    & .otexto {
        & p {
            margin: 5px 0;
        }
    }
    & .fundoportalminibanner {
        position: absolute;
        top: 0;
        right: -30px;
        height: calc(100% + 70px);
        opacity: 0.6;
        & figure {
            position: relative;
            float: left;
            height: 100%;
            & img {
                position: relative;
                float: left;
                height: 100%;
            }
        }
    }
}

.colunadas {
    position: relative;
    float: left;
    width: 100%;
    & ul {
        position: relative;
        float: left;
        width: calc(100% + 20px);
        margin-left: -10px;
        & li {
            position: relative;
            float: left;
            width: calc(100% / 4);
        }
        & .itemcoluna {
            position: relative;
            float: left;
            width: calc(100% - 60px);
            min-height: 300px;
            margin: 0 10px;
            padding: 30px 20px;
            background-color: #ffffff;
            border-radius: 8px;
            transition: 0.5s;
            & .caixaicone {
                margin-bottom: 30px;
                & i {
                    font-size: 48px;
                    color: #00542e;
                    transition: 0.5s;
                }
            }
            & .otitulo {
                border-bottom: 2px solid #e7e7e7;
                padding-bottom: 30px;
                margin-bottom: 30px;
                min-height: 56px;
                display: flex;
                justify-content: left;
                align-items: center;
                transition: 0.5s;
                & h6 {
                    font-size: 18px;
                    line-height: 24px;
                    color: #585858;
                    transition: 0.5s;
                }
            }
            & .achamada {
                & p {
                    margin: 0;
                    color: #585858;
                    transition: 0.5s;
                }
            }
            & .olink {
                margin-top: 30px;
                color: #585858;
                transition: 0.5s;
                & a {
                    color: #585858;
                    transition: 0.5s;
                }
                & i {
                    color: #00542e;
                    transition: 0.5s;
                }
            }
        }
        & .itemcoluna:hover {
            background-color: #00542e;
            color: #ffffff;
            & .caixaicone {
                & i {
                    color: #ffffff;
                }
            }
            & .otitulo {
                border-bottom: 2px solid #ffffff;
                & h6 {
                    color: #ffffff;
                }
            }
            & .achamada {
                & p {
                    color: #ffffff;
                }
            }
            & .olink {
                color: #ffffff;
                & a {
                    color: #ffffff;
                }
                & i {
                    color: #ffffff;
                }
            }
        }
    }
}


.colunados {
    position: relative;
    float: left;
    width: 100%;
    & ul {
        position: relative;
        float: left;
        width: calc(100% + 20px);
        margin-left: -10px;
        display: flex;
        justify-content: center;
        & li {
            position: relative;
            float: left;
            width: calc(100% / 4);
        }
        & .itemcoluna {
            position: relative;
            float: left;
            width: calc(100% - 20px);
            margin: 0 10px;
            & .detalhe {
                position: absolute;
                top: -10px;
                left: -10px;
                width: 100px;
                height: 100px;
                opacity: 0.75;
                overflow: hidden;
                transition: 0.5s;
                & figure {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 500px;
                    height: 500px;
                    & img {
                        width: 100%;
                        height: 100%;
                        background-repeat: repeat;
                    }
                }
            }
            & .umacaixa {
                position: relative;
                float: left;
                width: calc(100% - 40px);
                min-height: 160px;
                padding: 50px 20px;
                background-color: #ffffff;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
                transition: 0.5s;
                & .faixinhas {
                    position: absolute;
                    top: 0;
                    right: 20px;
                    width: 50px;
                    height: 100px;
                    & .subfaixa {
                        position: absolute;
                        top: 0;
                        transition: 0.5s;
                    }
                    & .uma {
                        background-color: #ff0000;
                        height: 100%;
                        width: 10px;
                        right: 0;
                    }
                    & .outra {
                        background-color: #ffc400;
                        height: 60%;
                        width: 5px;
                        right: 15px;
                    }
                }
                & .faixinhas.hv {
                    & .uma {
                        background-color: #007938;
                    }
                    & .outra {
                        background-color: #ffc400;
                    }
                }
                & .faixinhas.mic {
                    & .uma {
                        background-color: #ffc400;
                    }
                    & .outra {
                        background-color: #007938;
                    }
                }
                & .oicone {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    & .caixaicone {
                        position: relative;
                        float: left;
                        width: 60px;
                        height: 60px;
                        text-align: center;
                        font-size: 48px;
                        line-height: 60px;
                        & .ocirculo {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            border-radius: 50%;
                            background-color: #000000;
                            opacity: 0;
                            transition: 0.5s;
                        }
                        & i {
                            color: #00542e;
                        }
                        & .iconico {
                            color: #00542e;
                            font-weight: bold;
                        }
                    }
                }
                & .otitulo {
                    min-height: 56px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-top: 30px;
                    & h6 {
                        font-size: 20px;
                        line-height: 28px;
                        text-align: center;
                        color: #00542e;
                    }
                }
                & .achamada {
                    margin-top: 30px;
                    & p {
                        text-align: center;
                        color: #585858;
                        margin: 0;
                    }
                }
                & .achamada.tamanhominimo {
                    min-height: 72px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                & .olink {
                    margin-top: 30px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    & a {
                        text-align: center;
                        font-weight: bold;
                    }
                }
            }
        }
        & .itemcoluna:hover {
            & .detalhe {
                width: 200px;
                height: 200px;
                opacity: 1;
            }
            & .umacaixa {
                box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
                & .faixinhas {
                    & .uma {
                        height: 60%;
                    }
                    & .outra {
                        height: 100%;
                    }
                }
                & .oicone {
                    & .caixaicone {
                        & .ocirculo {
                            top: -50%;
                            left: -50%;
                            width: 200%;
                            height: 200%;
                            opacity: 0.05;
                        }
                        & i {
                            color: #00542e;
                        }
                    }
                }
            }
        }
    }
}


.colunacontatoformulario {
    position: relative;
    float: left;
    width: 100%;
}

.colunacontatolinks {
    position: relative;
    float: right;
    width: 300px;
}

.alertaformulario {
    position: relative;
    float: left;
    width: calc(100% - 42px);
    padding: 0px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    & p {
        color: #ffffff;
    }
}
.alertaformulario.sucesso {
    background-color: #029251;
    border: 1px solid #00542e;
}
.alertaformulario.erro {
    background-color: #ff5151;
    border: 1px solid #ff0000;
}

.contatocards {
    position: relative;
    float: left;
    width: 100%;
    & .carditem {
        position: relative;
        float: left;
        width: calc(100% - 20px);
        background-color: #14452f;
        padding: 20px 10px;
        border-radius: 6px;
        .oicone {
            position: relative;
            float: left;
            width: 24px;
            height: 24px;
            & i {
                line-height: 24px;
                margin: 0;
                position: relative;
                float: right;
                color: #ffffff;
            }
        }
        .adescricao {
            position: relative;
            float: right;
            width: calc(100% - 34px);
            min-height: 24px;
            display: flex;
            justify-content: left;
            align-items: center;
            & p {
                margin: 0;
                color: #ffffff;
            }
            & a {
                color: #ffffff;
            }
        }
    }
    & ul {
        position: relative;
        float: left;
        width: 100% !important;
        display: none;
        & li {
            position: relative;
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }
    }
}

.tituloexame {
    clear: both;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 10px !important;
    margin-top: 30px;
}
.tituloexame.primeiro {
    border-top: none;
    margin-top: 0;
}

.afaixaamarela {
    position: relative;
    float: left;
    width: calc(100% - 22px);
    padding: 20px 10px;
    border: 1px solid #000000;
    background-color: #fef557;
    margin: 30px 0;
    & p {
        color: #000000;
        text-align: center;
        font-size: 42px;
    }
}

#descricaocontato {
    color: #494949;
    line-height: 20px;
    margin-bottom: 25px;
    margin-top: 0;
}

.historiadocampus {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.textoumpoucomenor {
    & p {
        font-size: 16px;
        line-height: 24px;
    }
}

#listadasunidades {
    position: fixed;
    top: calc((100vh - 100px) / 2);
    right: -112px;
    background-color: #14452f;
    width: 140px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.25);
    z-index: 99999;
    transition: 0.2s;
    & p.textotitular {
        position: absolute;
        top: 0;
        left: 3px;
        margin: 0;
        height: 100%;
        text-align: center;
        writing-mode: vertical-rl;
        text-orientation: mixed;
        color: #ffffff;
    }
    & ul {
        position: relative;
        float: right;
        width: calc(100% - 30px);
        margin: 10px 0;
        & li {
            position: relative;
            float: left;
            width: calc(100% - 20px);
            margin: 2px 0;
            padding: 5px;
            border-radius: 4px;
            clear: both;
            background-color: rgba(255,255,255,0.1);
            transition: 0.2;
            & a {
                position: relative;
                float: left;
                width: 100%;
                color: #ffffff;
                font-size: 12px;
                font-weight: bold;
                text-decoration: none;
            }
        }
        & li:hover {
            background-color: rgba(255,255,255,0.25);
        }
        & li.selecionado {
            background-color: rgb(255, 187, 0);
        }
    }
}
#listadasunidades:hover {
    right: 0;
}

#painelselecioneaunidade {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100vh !important;
    z-index: 999999;
    display: none;
    & .conteudodopainel {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        & .paineldefundo {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.75);
        }
        & .caixacomasopcoes {
            position: relative;
            float: left;
            width: calc(100% - 42px);
            max-width: 398px;
            background-color: #ffffff;
            border-radius: 8px;
            border: 1px solid #696969;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.75);
            & .conteudodessacaixa {
                position: relative;
                float: left;
                width: calc(100% - 40px);
                margin: 30px 20px;
                & p {
                    margin-top: 0;
                    text-align: center;
                }
                & ul.unidadeslistadas {
                    position: relative;
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    & li {
                        position: relative;
                        float: left;
                        width: 100%;
                        margin: 2px 0;
                        & a {
                            position: relative;
                            float: left;
                            width: 100%;
                            color: #ffffff;
                            font-weight: bold;
                            background-color: #14452f;
                            transition: 0.2s;
                            text-decoration: none;
                            border-radius: 6px;
                            text-align: center;
                            font-size: 16px;
                            line-height: 22px;
                            padding: 10px 0;
                        }
                        & a:hover {
                            background-color: #00542e;
                        }
                    }
                }
                & .carregandoapagina {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100% !important;
                    height: 100% !important;
                    background-color: rgba(255,255,255,0.5);
                    transition: 0.2s;
                    display: none;
                    & .centralizarcaixa {
                        position: relative;
                        float: left;
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        & .aanimacao {
                            position: relative;
                            float: left;
                            width: 86px;
                            height: 86px;
                            & figure {
                                position: relative;
                                float: left;
                                width: 100%;
                                height: 100%;
                                & img {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: contain;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.faixaidentificadora {
    position: relative;
    float: left;
    width: calc(100% - 100px);
}

.acessoretrito {
    position: relative;
    float: right;
    max-width: 100px;
    z-index: 999;
    & p {
        white-space: nowrap;
        position: relative;
        float: right;
        font-size: 13px;
    }
    & .subacesso {
        position: absolute;
        top: 30px;
        right: -999em;
        background-color: #00542e;
        color: #ffffff;
        box-shadow: 0 2px 5px rgba(0,0,0,0.25);
        padding: 10px;
        border-radius: 6px;
        & ul {
            position: relative;
            float: left;
            & li {
                position: relative;
                float: left;
                margin: 5px 0;
                & a {
                    white-space: nowrap;
                    color: #ffffff;
                    text-align: right;
                    font-size: 14px;
                }
            }
        }
    }
}
.acessoretrito:hover {
    & .subacesso {
        right: 0;
    }
}


.listagemmatrizcurricular {
    position: relative;
    float: left;
    width: 100%;
    & ul.semestres {
        position: relative;
        float: left;
        width: 100%;
        & li.semestre {
            position: relative;
            float: left;
            width: 100%;
            margin: 5px 0;
            & a.botaosemestre {
                position: relative;
                float: left;
                width: calc(100% - 40px);
                background-color: #3ea175;
                color: #ffffff;
                padding: 10px 20px;
                border-radius: 4px;
                text-decoration: none;
                transition: 0.2s;
                font-weight: bold;
                & span.descricao {
                    position: relative;
                    float: left;
                    width: calc(100% - 42px);
                    line-height: 32px;
                }
                & span.icone {
                    position: relative;
                    float: right;
                    width: 32px;
                    height: 32px;
                    line-height: 32px;
                    text-align: center;
                    transition: 0.2s;
                    display: inline-block;
                }
            }
            & a.botaosemestre:hover {
                background-color: #00542e;
            }
            & .disciplinas {
                position: relative;
                float: left;
                width: 100% !important;
                padding: 10px 0 20px 0;
                display: none;
                & table {
                    position: relative;
                    float: left;
                    width: 100%;
                    & thead {
                        & tr {
                            & th {
                                padding: 20px 10px;
                                background-color: #ffa43e;
                                text-align: left;
                                font-weight: bold;
                            }
                            & th:first-child {
                                border-top-left-radius: 4px;
                                border-bottom-left-radius: 4px;
                            }
                            & th:last-child {
                                border-top-right-radius: 4px;
                                border-bottom-right-radius: 4px;
                            }
                        }
                    }
                    & tbody {
                        & tr {
                            & td {
                                padding: 20px 10px;
                                text-align: left;
                            }
                            & td:first-child {
                                border-top-left-radius: 4px;
                                border-bottom-left-radius: 4px;
                            }
                            & td:last-child {
                                border-top-right-radius: 4px;
                                border-bottom-right-radius: 4px;
                            }
                        }
                        & tr.disciplina:nth-child(odd){
                            & td {
                                background-color: #ffffff;
                            }
                        }
                        & tr.disciplina:nth-child(even){
                            & td {
                                background-color: #eeeeee;
                            }
                        }
                        & tr.total {
                            & td {
                                background-color: #d9d9d9;
                                font-weight: bold;
                                text-align: left;
                            }
                        }
                    }
                }
            }
        }
        & li.semestre.aberto {
            & a.botaosemestre {
                & span.icone {
                    transform: rotate(90deg);
                }
            }
        }
    }
}


@media only screen and (max-width: 1600px) {


    
}


@media only screen and (max-width: 1200px) {

    #diretoria .aparte.aspessoas {
        width: calc(50% - 10px);
    }
    #diretoria .aparte.osdados {
        width: calc(50% - 10px);
    }

    .container {
        width: calc(100% - 40px);
    }

    .coluna.menor {
        width: 300px;
    }
    .coluna.maior {
        width: calc(100% - 330px);
    }

    .postagem .capa {
        height: 360px;
    }

    .listapostagens ul.postagens {
        width: calc(100% + 20px);
        margin-left: -10px;
    }
    .listapostagens ul.postagens li {
        width: calc(25% - 20px);
        padding: 0 10px;
    }
    .listapostagens.completo ul.postagens li {
        margin-bottom: 30px;
    }
    
    #ensinoestrutura {
        & .caixapartesensino {
            & .partesuperior {
                & ul {
                    width: calc(100% - 20px);
                    & li {
                        width: calc((100% / 4) - 20px);
                        margin: 0 10px;
                        & .aparte {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    .listacursos {
        & ul.oscursos {
            & li.ocurso {
                width: calc((100% / 3) - 20px);
                margin: 10px;
            }
            & li.ocurso:nth-child(4n+5) {
                clear: unset;
            }
            & li.ocurso:nth-child(3n+4) {
                clear: both;
            }
        }
    }

    .faixacarreira {
        padding: 30px 0;
        & .quadro {
            & .conteudo {
                width: calc(100% - 22px);
                padding: 10px;
                & ul {
                    & li {
                        min-height: 40px;
                        & .item {
                            & p {
                                & span {
                                    font-size: 13px;
                                    line-height: 16px;
                                }
                            }
                            & span.ondetemoicone {
                                display: none;
                            }
                        }
                    }
                }
            }
        }
        & .quadro.grande {
            width: calc(75% - 10px);
        }
        & .quadro.pequeno {
            width: calc(25% - 10px);
        }
    }
    
}

.painelgradualvestibular {
    background-color: unset;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}
.vestibularcabecalho {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 80px;
    & .caixavestibular {
        position: relative;
        float: left;
        width: 100%;
        height: calc(100vh - 410px);
        max-height: 800px;
        & .oconteudo {
            position: relative;
            float: left;
            width: 100%;
            max-width: 1200px;
            text-align: center;
            & h2 {
                font-weight: bold;
                font-size: 36px;
                line-height: 42px;
                color: #ffffff;
                text-shadow: 0 5px 10px rgba(0,0,0,0.5);
            }
            & p {
                font-size: 22px;
                color: #ffffff;
                text-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
            }
        }
    }
    & .subcaixavestibular {
        position: relative;
        float: left;
        width: 100%;
        height: 250px;
        margin-bottom: -50px;
        & ul.listacaixinhas {
            position: relative;
            float: left;
            width: 100%;
            max-width: 1200px;
            height: 250px;
            & li {
                position: relative;
                float: left;
                width: calc(100% / 3);
                height: 100%;
                & .caixinha {
                    position: relative;
                    float: left;
                    width: 100%;
                    height: 100%;
                    border-radius: 6px;
                    overflow: hidden;
                    transition: 0.2s;
                    & .enfeite {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(0,0,0,0.5) 100%);
                        opacity: 0;
                        transition: 0.2;
                    }
                    & .conteudocaixinha {
                        position: relative;
                        float: left;
                        width: calc(100% - 30px);
                        text-align: center;
                        color: #ffffff;
                        & span {
                            font-size: 32px;
                            opacity: 0.75;
                        }
                        & h6 {
                            margin-top: 15px;
                            line-height: 20px;
                        }
                        & p {
                            font-size: 14px;
                            line-height: 20px;
                            margin-bottom: 20px;
                        }
                        & a.obotao {
                            line-height: 30px;
                            border-radius: 20px;
                            white-space: nowrap;
                            background-color: rgba(255, 255, 255, 0.75);
                            transition: 0.2s;
                            padding: 8px 20px;
                            font-weight: bold;
                        }
                        & a.obotao:hover {
                            background-color: rgba(255,255,255,1);
                            text-decoration: none;
                        }
                    }
                }
            }
            & li:nth-child(odd) {
                height: calc(100% - 30px);
                padding: 15px 0;
                & .caixinha {
                    background-color: #14452f;
                    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
                    & .conteudocaixinha {
                        & a.obotao {
                            color: #14452f;
                        }
                    }
                }
            }
            & li:nth-child(odd):hover {
                & .caixinha {
                    background-color: #287050;
                    & .enfeite {
                        opacity: 0.5;
                    }
                }
            }
            & li:nth-child(even) {
                & .caixinha {
                    background-color: #ff9109;
                    box-shadow: 0 5px 20px rgba(0,0,0,0.5);
                    z-index: 99;
                    & .conteudocaixinha {
                        & a.obotao {
                            color: #ff9109;
                        }
                    }
                }
            }
            & li:nth-child(even):hover {
                & .caixinha {
                    background-color: #ffa331;
                    & .enfeite {
                        opacity: 0.5;
                    }
                }
            }
        }
    }
}

.caixalinhavestibular {
    position: relative;
    float: left;
    width: 100%;
    & .caixacomimagem {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(50% - 50px);
        height: 400px;
        & figure {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 8px;
            overflow: hidden;
            & img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
    & .caixacomtexto {
        position: relative;
        float: left;
        width: calc(50% + 100px);
        min-height: 400px;
        & .oconteudo {
            position: relative;
            float: left;
            width: calc(100% - 40px);
            background-color: #ffffff;
            border-radius: 8px;
            padding: 30px 20px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
            & .botaochamativo {
                position: relative;
                float: right;
                background-color: #14452f;
                height: 40px;
                border-radius: 20px;
                padding: 0 20px;
                color: #ffffff;
                white-space: nowrap;
                line-height: 40px;
                margin-top: 10px;
                transition: 0.2s;
            }
            & .botaochamativo:hover {
                text-decoration: none;
                background-color: #41a779;
            }
        }
    }
}

.caixalinhavestibular.comvideo {
    & .caixacomvideo {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(50% - 15px);
        height: 400px;
    }
    & .caixacomtexto {
        width: calc(50% - 15px);
        min-height: 400px;
    }
}

.cinza {
    .caixalinhavestibular {
        & .caixacomimagem {
            left: 0;
            right: unset;
        }
        & .caixacomvideo {
            left: 0;
            right: unset;
        }
        & .caixacomtexto {
            float: right;
            & .oconteudo {
                & .botaochamativo {
                    float: left;
                }
                & .botaochamativo:hover {
                    text-decoration: none;
                }
            }
        }
    }
}

.caixavestibularparcerias {
    position: relative;
    float: left;
    width: 100%;
    & h6 {
        text-align: center;
    }
    & .caixalista {
        position: relative;
        float: left;
        width: 100%;
        & ul {
            position: relative;
            float: left;
            width: 100%;
            max-width: 500px;
            height: 100px;
            & li {
                position: relative;
                float: left;
                width: calc(25% - 20px);
                margin: 0 10px;
                height: 100%;
                & figure {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    & img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                        object-position: bottom;
                    }
                }
            }
        }
    }
}


.faq {
    position: relative;
    float: left;
    width: 100%;
    & ul.listadeperguntas {
        position: relative;
        float: left;
        width: 100%;
        margin: -10px 0;
        & li.itempergunta {
            position: relative;
            float: left;
            width: calc(100% - 40px);
            padding: 20px;
            margin: 10px 0;
            background-color: rgba(0, 0, 0, 0.15);
            border-radius: 6px;
            & .apergunta {
                position: relative;
                float: left;
                width: calc(100% + 5px);
                text-decoration: none;
                & .conteudopergunta {
                    position: relative;
                    float: left;
                    width: calc(100% - 52px);
                    color: #00542e;
                }
                & .chave {
                    position: relative;
                    float: right;
                    width: 32px;
                    height: 
                    32px;
                    color: #ffffff;
                    background-color: #00542e;
                    line-height: 32px;
                    text-align: center;
                    border-radius: 50%;
                    padding: 0;
                    margin: 5px;
                    display: block;
                    transition: 0.2s;
                }
            }
            & .apergunta:hover {
                & .chave {
                    padding: 5px;
                    margin: 0;
                    transform: rotate(90deg);
                }
            }
            & .resposta {
                position: relative;
                float: left;
                width: 100% !important;
                display: none;
                border-top: 1px solid rgba(0, 0, 0, 0.1);
                margin-top: 10px;
                padding-top: 10px;
                & .conteudoresposta {
                    position: relative;
                    float: left;
                    width: 100%;
                }
            }
        }
    }
}


.desaparecemobile {
    display: inherit;
}
.desaparecedesktop {
    display: none;
}


@media only screen and (max-width: 1024px) {

    #menuprincipal {
        & .conteudo {
            & .menus {
                & ul {
                    & li {
                        margin-left: 20px;
                        font-size: 12px;
                    }
                }
            }
            & .botoes {
                & .parte {
                    margin-left: 10px;
                    font-size: 12px;
                }
            }
        }
    }

    .faixacarreira {
        padding: 30px 0;
        & .quadro.grande {
            width: 100%;
        }
        & .quadro.pequeno {
            width: 100%;
            margin-top: 20px;
        }
    }

    .mapadosite {
        & .sobre {
            width: 250px;
        }
        & .caminhos {
            width: calc(100% - 270px);
            & ul.colunas.x5 {
                & li.acoluna {
                    width: calc((100% / 3) - 10px);
                    margin-right: 10px;
                }
                & li.acoluna:nth-child(3n+4) {
                    clear: both;
                }
            }
        }
    }

    .mosaicomenor {
        & ul {
            & li {
                width: calc(100% / 4);
                & .item {
                    width: calc(100% - 10px);
                    height: 180px;
                    margin: 5px;
                    & .caixaconteudo {
                        & .oconteudo {
                            & h6 {
                                font-size: 16px;
                                line-height: 20px;
                            }
                        }
                    }
                }
            }
        }
    }

    .numerosanimados.mic {
        & ul {
            flex-wrap: wrap;
            margin: -10px 0;
            & li {
                width: calc(100% / 3);
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 10px 0;
                & .item {
                    width: 100%;
                    max-width: 250px;
                }
            }
        }
    }

    .sobre {
        & .oconteudo {
            & .aimagemlateral {
                width: 300px;
                height: 400px;
                margin: 10px 20px 10px 0;
            }
        }
    }

    .sobre {
        & .aimagem {
            width: 300px;
            height: 400px;
            margin-top: 36px;
        }
        & .oconteudo {
            width: calc(100% - 320px);
        }
    }

    .orelhas {
        & ul {
            & li:nth-child(6n+7) {
                clear: unset;
                padding-left: 0;
            }
            & li:nth-child(6n+0) {
                width: calc((100% / 4) - 10px);
                & .aorelha {
                    width: calc(100% - 10px);
                }
            }
            & li:nth-child(6n+7) {
                & .aorelha {
                    left: 5px;
                    width: calc(100% - 10px);
                }
            }
            & li {
                width: calc((100% / 4) - 10px);
            }
            & li:nth-child(4n+5) {
                margin-left: 30px;
            }
            & li:nth-child(8n+9) {
                margin-left: 0px;
            }
        }
    }

}


@media only screen and (max-width: 990px) {

    .listapostagens ul.postagens li {
        width: calc((100% / 3) - 20px);
        padding: 0 10px;
    }
    .listapostagens.completo ul.postagens li:nth-child(4n+5) {
        clear: unset;
    }
    .listapostagens.completo ul.postagens li:nth-child(3n+4) {
        clear: both;
    }

    .colunados {
        & ul {
            & .itemcoluna:hover {
                & .detalhe {
                    width: 150px;
                    height: 150px;
                }
            }
        }
    }

}


@media only screen and (max-width: 768px) {

    #menuprincipal {
        display: none;
    }

    #menumobile {
        display: inherit;
    }

    #diretoria .aparte.aspessoas {
        width: 100%;
    }
    #diretoria .aparte.osdados {
        width: 100%;
    }

    .bannerprincipal {
        height: 600px;
        & .banneritem {
            & .customizado-v1 {
                padding: 20px 0;
                & .conteudo {
                    & .parteinferior {
                        & .faixa {
                            width: calc(100% - 30px);
                            padding: 15px;
                            & ul {
                                & li {
                                    width: calc(100% / 4);
                                    min-height: 40px;
                                    & a {
                                        line-height: 20px;
                                        font-size: 16px;
                                    }
                                }
                                & li:first-child {
                                    width: 100%;
                                    min-height: unset;
                                    margin-bottom: 10px;
                                    border-right: 0;
                                    & p {
                                        & span.semquebra {
                                            display: inherit;
                                            text-align: center;
                                        }
                                        & span.comquebra {
                                            display: none;
                                        }
                                    }
                                }
                            }
                        }
                        & .aspessoas {
                            & .caixatexto {
                                & .otexto {
                                    width: 100%;
                                    max-width: 568px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .coluna.menor {
        width: 100%;
    }
    .coluna.maior {
        width: 100%;
    }

    .ocultarnodesktop {
        display: initial;
    }
    .ocultarnomobile {
        display: none;
    }

    .listapostagens ul.postagens {
        margin: 30px -10px -10px -10px;
    }
    .listapostagens ul.postagens li {
        width: calc(50% - 20px);
        padding: 10px;
    }
    .listapostagens.completo ul.postagens li:nth-child(3n+4) {
        clear: unset;
    }
    .listapostagens.completo ul.postagens li:nth-child(2n+3) {
        clear: both;
    }

    .listacursos {
        & ul.oscursos {
            & li.ocurso {
                width: calc((100% / 2) - 20px);
                margin: 10px;
            }
            & li.ocurso:nth-child(3n+4) {
                clear: unset;
            }
            & li.ocurso:nth-child(2n+3) {
                clear: both;
            }
        }
    }

    .vestibularcabecalho {
        & .subcaixavestibular {
            & ul.listacaixinhas {
                & li {
                    & .caixinha {
                        & .conteudocaixinha {
                            & h6 {
                                margin-bottom: 20px;
                            }
                            & p {
                                display: none;
                            }
                        }
                    }
                }
            }
        }
    }

    .caixalinhavestibular {
        & .caixacomimagem {
            top: 0;
            right: 0;
            width: 100%;
            height: 400px;
            & .oconteudo {
                background-color: rgba(0255, 255, 255, 0.8);
            }
        }
        & .caixacomtexto {
            position: relative;
            float: left;
            width: calc(100% - 40px);
            margin: 300px 20px 0 20px;
            min-height: unset;
        }
    }
    .caixalinhavestibular.comvideo {
        & .caixacomvideo {
            position: relative;
            float: left;
            width: 100%;
            height: unset;
        }
        & .caixacomtexto {
            width: 100%;
            min-height: unset;
            margin: 20px 0 0 0;
        }
    }

    #header .faixaprincipal {
        min-height: 80px;
    }
    #header .faixaprincipal .inicio {
        width: 80px;
        height: 80px;
    }

    .desaparecemobile {
        display: none;
    }
    .desaparecedesktop {
        display: inherit;
    }

    .unpaddingtopnomobilefix {
        padding-top: 0;
    }

    .slideremfila {
        position: relative;
        width: calc(100% + 20px);
        margin-left: -10px;
        height: 280px;
        & .itemfila {
            width: calc(100% - 20px);
            margin: 0 10px;
            height: 280px;
        }
    }

    .mapadosite {
        & .sobre {
            width: 250px;
        }
        & .caminhos {
            & ul.colunas.x5 {
                & li.acoluna {
                    width: calc(calc(100% / 2) - 10px);
                    margin-right: 10px;
                }
                & li.acoluna:nth-child(3n+4) {
                    clear: unset;
                }
                & li.acoluna:nth-child(2n+3) {
                    clear: both;
                }
            }
        }
    }

    .partelegal {
        & .parte.legal {
            width: 100%;
        }
        & .parte.newsletter {
            width: 100%;
        }
    }

    .portaltitular {
        padding: 30px 0;
        & .opaineldofundo {
            opacity: 0.25;
        }
        & .meiacoluna {
            width: calc(100% - 20px);
            margin: 10px;
        }
        & .meiacoluna.direita {
            width: calc(100% - 40px);
            margin: 10px;
            padding: 20px 10px;
            border-radius: 8px;
            background-color: #ffffff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        & .meiacoluna.esquerda {
            min-height: unset;
            & h3 {
                text-align: left;
            }
        }
    }

    .colunados {
        & ul {
            flex-wrap: wrap;
            width: calc(100% + 20px);
            margin: -10px 0 -10px -10px;
            & li {
                width: calc(100% / 2);
                margin:  10px 0;
            }
            & .itemcoluna:hover {
                & .detalhe {
                    width: 120px;
                    height: 120px;
                }
            }
        }
    }

    .numerosanimados.mic {
        & ul {
            & li {
                width: calc(100% / 2);
            }
        }
    }

    .banerz {
        & .abarra {
            & .acaixa {
                & ul {
                    flex-wrap: wrap;
                    & li {
                        & a {
                            font-size: 16px;
                            line-height: 18px;
                        }
                    }
                    & li:first-child {
                        width: calc(100% - 20px);
                        border-right: unset;
                    }
                }
            }
        }
    }

    .meiacoluna {
        width: 100%;
    }

    .aequipe {
        & ul {
            & li {
                width: calc(100% / 2);
            }
        }
    }

    .fichario {
        & .cabecalho  {
            & .abas {
                & ul {
                    & li {
                        height: 40px;
                        margin-bottom: 10px;
                        & a {
                            height: 100%;
                            min-width: unset;
                            border-radius: 6px;
                            & .etiqueta {
                                height: 100%;
                                font-size: 14px;
                            }
                        }
                        & a.ativo {
                            height: calc(100% + 1px);
                        }
                    }
                }
            }
        }
    }

    .subfichario {
        & .asabas {
            & ul {
                & li {
                    margin-bottom: 10px;
                    & a {
                        border-radius: 6px;
                    }
                    & a.subativo {
                        & span {
                            height: 46px;
                            color: #029251;
                        }
                    }
                }
            }
        }
        & .asfolhas {
            & .subfolha {
                & ul {
                    & li {
                        width: calc((100% / 2) - 20px);
                    }
                }
            }
        }
    }

    .orelhas {
        & ul {
            & li:nth-child(4n+5) {
                margin-left: unset;
            }
            & li:nth-child(8n+9) {
                margin-left: unset;
            }
            & li:nth-child(6n+0) {
                width: calc(100% - 10px);
            }
            & li {
                width: calc(100% - 10px);
            }
        }
    }

}


@media only screen and (max-width: 640px) {
    
    .paginacao ul li a {
        font-size: 14px;
        padding: 0px 10px;
        line-height: 30px;
    }

    .vestibularcabecalho {
        & .subcaixavestibular {
            height: unset;
            & ul.listacaixinhas {
                height: unset;
                & li {
                    margin-top: 10px;
                    width: 100%;
                    & .caixinha {
                        padding: 20px 0;
                        & .conteudocaixinha {
                            & span {
                                position: absolute;
                                top: 0;
                                left: 0;
                                height: 100%;
                                justify-content: center;
                                align-items: center;
                                display: flex;
                            }
                            & h6 {
                                margin-left: 40px;
                                margin-bottom: 0;
                                margin-top: 0;
                            }
                            & p {
                                display: inherit;
                                margin-left: 40px;
                            }
                            & a {
                                margin-left: 40px;
                            }
                        }
                    }
                }
                & li:nth-child(odd) {
                    height: unset;
                    padding: 0;
                }
                & li:nth-child(even) {
                    height: unset;
                    padding: 0;
                }
            }
        }
    }

    .caixalinhavestibular {
        & .caixacomimagem {
            height: 300px;
        }
        & .caixacomtexto {
            width: calc(100% - 20px);
            margin: 200px 10px 0 10px;
        }
    }

    .bannerprincipal {
        height: 540px;
        & .banneritem {
            & .customizado-v1 {
                & .conteudo {
                    & .parteinferior {
                        & .aspessoas {
                            & .caixatexto {
                                & .otexto {
                                    & h4 {
                                        font-size: 36px;
                                        line-height: 42px;
                                    }
                                    & h6 {
                                        font-size: 16px;
                                    }
                                    & h6::before {
                                        width: 30px;
                                    }
                                    & h6::after {
                                        width: 30px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .faixacarreira {
        padding: 30px 0;
        & .quadro {
            & .conteudo {
                & ul {
                    margin: -5px 0;
                    & li {
                        width: calc((100% / 3) - 2px);
                        margin: 5px 0;
                    }
                    & li:nth-child(3n){
                        border-right: 2px solid transparent;
                    }
                    & li:nth-child(3n+4){
                        clear: both;
                    }
                }
            }
        }
    }

    .mapadosite {
        & .sobre {
            & .logoempresa {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                & a {
                    & figure {
                        & img {

                        }
                    }
                }
            }
            & .rodapecnpj {
                text-align: center;
            }
            & .redessociais {
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
    }

    .mapadosite {
        & .sobre {
            width: 100%;
            padding-top: 0;
        }
        & .caminhos {
            width: 100%;
            & ul.colunas.x5 {
                & li.acoluna {
                    width: calc(calc(100% / 2) - 10px);
                    margin-right: 10px;
                }
                & li.acoluna:nth-child(3n+4) {
                    clear: unset;
                }
                & li.acoluna:nth-child(2n+3) {
                    clear: both;
                }
            }
        }
    }

    .mosaicomenor {
        & ul {
            & li {
                width: calc(100% / 3);
                & .item {
                    width: calc(100% - 10px);
                    height: 160px;
                }
            }
        }
    }

    #footer {
        padding: 30px 0 0 0;
    }

    .colunados {
        & ul {
            & .itemcoluna {
                & .umacaixa {
                    padding: 30px 20px;
                    min-height: unset;
                    & .otitulo {
                        min-height: 20px;
                        & h6 {
                            font-size: 16px;
                            line-height: 20px;
                        }
                    }
                }
            }
        }
    }

    .numerosanimados.mic {
        & ul {
            & li {
                & .item {
                    & p.adescricao {
                        font-size: 18px;
                        line-height: 22px;
                    }
                    & p.interativo {
                        font-size: 20px;
                        line-height: 24px;
                    }
                }
            }
        }
        & h5 {
            margin-bottom: 20px;
        }
    }

    .banerz {
        & .abarra {
            & .acaixa {
                & ul {
                    & li {
                        & a {
                            font-size: 14px;
                            line-height: 16px;
                        }
                    }
                    & li:first-child {
                        margin-bottom: 10px;
                    }
                }
            }
        }
    }

    .formulario {
        & .campo.metade {
            width: calc(100% - 30px);
        }
        & .campo.metadecidade {
            width: calc(100% - 160px);
        }
    }

    .sobre .oconteudo .aimagemlateral {
        width: 100%;
        height: 360px;
        margin: 10px 0 10px 0;
    }

    .equipediretiva {
        & ul {
            & li {
                width: calc((100% / 2) - 20px);
                margin: 5px 10px;
            }
        }
    }

    .sobre {
        & .aimagem {
            width: 100%;
            height: 360px;
            margin-top: 0;
            margin-bottom: 10px;
        }
        & .oconteudo {
            width: 100%;
        }
    }

}


@media only screen and (max-width: 480px) {

    .listapostagens ul.postagens {
        width: 100%;
        margin-left: 0;
    }

    .listapostagens ul.postagens li {
        width: 100%;
        padding: 0;
        margin:  10px 0;
    }
    .listapostagens.completo ul.postagens li:nth-child(2n+3) {
        clear: unset;
    }
    .paginacao ul li.vaiparapagina {
        display: none;
    }

    .listacursos {
        & ul.oscursos {
            width: 100%;
            margin: 0;
            & li.ocurso {
                width: 100%;
                margin: 10px 0;
            }
            & li.ocurso:nth-child(2n+3) {
                clear: unset;
            }
        }
    }

    .bannerprincipal {
        height: 440px;
        & .banneritem {
            & .customizado-v1 {
                & .conteudo {
                    & .parteinferior {
                        & .aspessoas {
                            height: calc(100% - 128px);
                        }
                    }
                }
            }
        }
    }

    .listacampus {
        & ul {
            & li {
                width: calc(100% - 20px);
                margin: 5px 10px;
                & .campus {
                    width: calc(100% - 24px);
                }
            }
        }
    }

    .mapadosite {
        & .sobre {
            width: 100%;
        }
        & .caminhos {
            width: 100%;
            & ul.colunas.x5 {
                & li.acoluna {
                    width: 100%;
                    margin-right: 0;
                }
                & li.acoluna:nth-child(2n+3) {
                    clear: unset;
                }
            }
        }
    }

    .partelegal {
        & .parte.legal {
            & ul.links {
                margin-top: 10px;
                & li {
                    margin: 5px 0;
                    clear: both;
                }
                & li::after {
                    content: unset;
                }
            }
        }
    }

    .widget {
        & .emlista {
            & ul {
                & li {
                    & .item {
                        & .dados {
                            & h6 {
                                font-size: 16px;
                                line-height: 20px;
                            }
                            & p {
                                font-size: 15px;
                                line-height: 20px;
                            }
                        }
                    }
                }
            }
        }
    }

    .mosaicomenor {
        & ul {
            & li {
                width: calc(100% / 2);
                & .item {
                    width: calc(100% - 10px);
                    height: 160px;
                }
            }
        }
    }

    .numerosanimados.mic {
        & ul {
            & li {
                width: 100%;
            }
        }
    }

    #ensinoestrutura {
        & .caixapartesensino {
            & .partesuperior {
                & ul {
                    & li {
                        & .aparte {
                            & h6 {
                                font-size: 13px;
                            }
                        }
                    }
                }
            }
            & .parteinferior {
                & p.frasedeimpacto {
                    font-size: 18px;
                    line-height: 24px;
                }
            }
        }
    }

    .subfichario {
        & .asabas {
            & ul {
                & li {
                    & a {
                        font-size: 14px;
                        text-align: center;
                    }
                }
            }
        }
        & .asfolhas {
            & .subfolha {
                & ul {
                    & li {
                        width: calc(100% - 20px);
                    }
                }
            }
        }
    }

    .acessoretrito {
        & p {
            font-size: 12px;
        }
        & .subacesso {
            & ul {
                & li {
                    & a {
                        font-size: 12px;
                    }
                }
            }
        }
    }

}


@media only screen and (max-width: 360px) {

    .container {
        width: calc(100% - 30px);
    }

    .bannerprincipal {
        & .banneritem {
            & .customizado-v1 {
                & .conteudo {
                    & .parteinferior {
                        & .faixa {
                            & ul {
                                & li {
                                    min-height: 32px;
                                    & a {
                                        line-height: 16px;
                                        font-size: 14px;
                                    }
                                }
                                & li:first-child {
                                    & p {
                                        & span.semquebra {
                                            font-size: 14px;
                                        }
                                    }
                                }
                            }
                        }
                        & .aspessoas {
                            position: relative;
                            float: left;
                            width: 100%;
                            height: calc(100% - 120px);
                        }
                    }
                }
            }
        }
    }

    .faixacarreira {
        padding: 30px 0;
        & .quadro {
            & .conteudo {
                & ul {
                    /* margin: -5px 0; */
                    & li {
                        width: 100%;
                        border-right: unset;
                    }
                    & li:nth-child(3n){
                        border-right: unset;
                    }
                    & li:nth-child(3n+4){
                        clear: unset;
                    }
                }
            }
        }
    }

    .widget {
        & .emlista {
            & ul {
                & li {
                    & .item {
                        & .thumb {
                            width: 100px;
                        }
                        & .dados {
                            width: calc(100% - 120px);
                        }
                    }
                }
            }
        }
    }

    .mosaicomenor {
        & ul {
            & li {
                width: 100%;
                & .item {
                    width: calc(100% - 10px);
                    height: 160px;
                    & .caixaconteudo {
                        & .oconteudo {
                            & h6 {
                                font-size: 16px;
                                line-height: 20px;
                            }
                        }
                    }
                }
            }
        }
    }

    .colunados {
        & ul {
            & li {
                width: 100%;
            }
        }
    }

    .banerz {
        & .abarra {
            & .acaixa {
                & ul {
                    & li {
                        width: calc((100% / 2) - 22px);
                        & a {
                            font-size: 14px;
                            line-height: 16px;
                        }
                    }
                    & li:first-child {
                        margin-bottom: 10px;
                    }
                }
            }
        }
    }

    .aequipe {
        & ul {
            & li {
                width: 100%;
            }
        }
    }

    .formulario {
        & .campo.metadecidade {
            width: calc(100% - 30px);
        }
        & .campo.metadeuf {
            width: calc(100% - 30px);
        }
    }

    .equipediretiva {
        & ul {
            & li {
                width: calc(100% - 20px);
                margin: 5px 10px;
            }
        }
    }

    #ensinoestrutura {
        & .caixapartesensino {
            & .partesuperior {
                & ul {
                    & li {
                        width: calc((100% / 2) - 20px);
                        margin: 5px 10px;
                    }
                }
            }
        }
    }

    .fichario {
        & .cabecalho {
            & .abas {
                & ul {
                    & li {
                        height: 40px;
                        margin-bottom: 10px;
                        width: 100%;
                        & a {
                            width: calc(100% - 20px);
                        }
                    }
                }
            }
        }
    }

    .subfichario {
        & .asabas {
            & ul {
                & li {
                    width: 100%;
                    & a {
                        width: calc(100% - 2px);
                        & span {
                            width: calc(100% - 20px);
                        }
                    }
                }
            }
        }
    }
    
}


@media only screen and (max-width: 320px) {

    .container {
        width: calc(100% - 20px);
    }
    
}