body,
html {
    height: 100%;
    margin: 0;
    font-size: 13px;
    line-height: 1.9em;
    font-weight: 400;
}

a {
    color: var(--color_6);
}

.linkdesc:hover {
    color: red;
}

.apoio>div:hover {
    background: var(--color_15);
}

.img1,
.img2,
.img3 {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.img1 {
    background-image: url('../../paralax/img1.jpg');
    min-height: 1200px;
    object-fit: cover;
}

.img2 {
    background-image: url('../../paralax/img2.jpg');
    min-height: 500px;
    object-fit: cover;
}

.img3 {
    background-image: url('/files/Images/img3.jpg');
    min-height: 400px;
}

.section {
    text-align: center;
    padding: 50px 80px;
}

.sec1 {
    background-color: #f4f4f4;
    color: #666;
}

.sec2 {
    background-color: #282e34;
    color: #ddd;
}

.txt {
    position: absolute;
    top: 20%;
    width: 50%;
    text-align: center;
    color: #000;
    font-size: 27px;
    letter-spacing: 2px;
    /* background: red; */
    left: 50%;
}

.txt .border {
    background-color: var(--color_11);
    color: #fff;
    border: 0px solid #dee2e6 !important;
    font-size: 62px;
    padding: 35px;
    padding-left: 45px;
    padding-right: 46px;
    margin-left: 0px;
}

.border:hover {
    border: 0px solid #f8f8f8 !important;
}

.txt .border.trans {
    background-color: transparent;
}

.BoxInterna {
    width: 580px;
    height: auto;
    align-items: center;
    margin: 48px auto 0px;
    padding: 15px;
    text-align: left;
    padding-left: 50px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 55px;
}

.BoxDesc>h1 {
    font-size: 35px;
    color: var(--color_1);
    font-weight: 400;
    padding-bottom: 10px;
}

.BoxDesc>span {
    letter-spacing: 0px !important;
    font-size: var(--BoxInterno_FontSize);
    color: rgb(var(--color_14));
    letter-spacing: 0em !important;
}

.saibaMais {
    font-size: 17px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    float: right;
    margin-right: 0px;
    background: var(--color_16) !important;
}

.BoxDesc {
    background: white;
    width: 500px;
    margin-top: 41px;
}

.saibaMais:hover,
.saibaMais2:hover {
    background: var(--color_2) !important;
    cursor: pointer;
}

.logo-week {
    /* width: 150px !important; */
    padding-top: 5px;
    padding-bottom: 7px;
    padding-right: 30px;
}

.logo-week-rodape {
    width: 150px !important;
    padding-top: 5px;
    padding-bottom: 7px;
}

.hr-rodape {
    border-bottom: 10px solid #265d95;
    border-top: 0 none;
    margin-top: 40px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 5px;
}

.logo-mini {
    width: 150px !important;
    padding-top: 5px;
    padding-bottom: 7px;
}

.div-esp {
    max-width: 100%;
    padding: 20px;
}

.div-esp-apoio {
    max-width: 100%;
    padding: 20px;
}

.titulo_ano h2 {
    margin-top: 45px;
    margin-left: -27px;
}

.desc-week {
    margin-top: -2px;
    font-style: normal;
    font-weight: 500;
    padding-right: 130px;
    font-size: 13px;
    color: #5c5d62;
}

.imgBannerWdt {
    /* max-width: 31% !important; */
    height: auto;
    padding-right: 35px;
}

.object {
    object-fit: fill;
}

.esp-2-menu {
    padding-bottom: 20px;
    padding-top: 36px;
}

.esp-2-menu-2 {
    padding-top: 0px;
    margin-bottom: -63px;
}

.titulo_ano h2 {
    color: #626468;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 0px;
}

.full-div {
    background: var(--color_19);
    max-width: 100%;
}

.div-content-princ {
    background: var(--color_26);
    max-width: 100%;
}

.div-content-princ-white {
    background: white;
    max-width: 100%;
}

.div-week-4 {
    max-width: 100%;
    text-align: left;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: solid 4px;
    border-bottom-color: #53565b;
    padding-top: 15px;
}

.div-week {
    max-width: 100%;
    text-align: center;
}

.logo-4 {
    width: 210px;
    margin-left: 40px;
}

.menu-2-week-4 {
    display: flex;
    /* justify-content: center; */
}

.menu-2-week-4>img {
    margin-right: 120px;
}

.menu-line-week {
    background-color: #003366 !important;
}

.BoxGray>p>a {
    color: #007bff;
    text-decoration: underline;
}


/* .menu-line>.container>nav.menu.header2>ul.links>li.active>a, */

.menu-line-week>.container>nav.menu.header2>ul.links>li:hover>a,
.menu-line-week>.container>nav.menu.header2>ul.links>li>a:hover {
    background-color: #0066cc !important;
}

.div-weeks-4 {
    max-width: 100%;
    text-align: center;
    border-top: 0px solid var(--color_20);
    border-bottom: 0px solid var(--color_21);
    padding-top: 20px;
    padding-bottom: 15px;
}

.menu-opcoes ul li {
    display: inline;
    margin-left: 60px;
    font-size: 17px;
    position: relative;
}

nav.menu-opcoes ul li>a,
nav.menu-opcoes ul li>a>span>b {
    color: #000000;
}

nav.menu-opcoes ul li>a:hover {
    text-decoration: none;
    border-bottom: 3px solid var(--color_25);
}

.newsList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.newsList>li>a h3 {
    margin: 0;
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: 700;
    color: var(--color_28);
}

.div-esp-10 {
    max-width: 100%;
    padding: 15px;
}

.div-esp-15 {
    max-width: 100%;
    padding: 15px;
}

.div-esp-20 {
    max-width: 100%;
    padding: 20px;
}

.div-esp-30 {
    max-width: 100%;
    padding: 30px;
}

.div-esp-40 {
    max-width: 100%;
    padding: 40px;
}

.div-esp-50 {
    max-width: 100%;
    padding: 50px;
}

.div-esp-60 {
    max-width: 100%;
    padding: 60px;
}

.div-esp-5 {
    max-width: 100%;
    padding: 5px;
}

.newsList>li {
    border-bottom: 1px solid var(--color_29);
    padding-bottom: 20px;
    padding-top: 20px;
}

.last-li {
    border-bottom: 0px solid var(--color_29) !important;
}

.datePublic {
    margin: 0 0 10px;
    font-size: 0.82em;
    font-style: italic;
    color: #999;
}

.description {
    font-size: 1.1em;
}

.datePublic span {
    color: var(--color_27);
    font-weight: 700;
}

.pdd-btn {
    margin-top: 15px;
}

.color-info {
    color: var(--color_27) !important;
}


/* --------tst */

.div-logo-rodape {
    max-width: 100%;
}

.list-week-item>h3 {
    font-size: 19px !important;
    color: #0001f9;
    /*   margin-left: -17px; */
}

.list-week-item>h4 {
    font-weight: 500;
    /*   padding-right: 75px; */
    font-size: 13px;
    color: #5c5d62;
    /*  margin-left: -17px; */
}

.NextDiv {
    padding-top: 10px;
}

.div-weeks {
    max-width: 100%;
    /* text-align: center; */
    border-top: 5px solid var(--color_20);
    border-bottom: 4px solid var(--color_21);
    padding-top: 20px;
    padding-bottom: 15px;
    margin-top: 3px;
}

.Next {
    color: var(--color_22);
    font-size: 17px;
    font-weight: 600;
}

.Week-Info {
    color: var(--color_22);
    font-size: 21px;
    font-weight: 600;
    padding-top: 21px;
    text-decoration: underline;
    text-decoration-color: var(--color_25);
    text-decoration-style: solid;
    text-decoration-thickness: 5px;
    text-underline-offset: 10px;
    background: linear-gradient(var(--color), var(--color)) var(--position) / var(--width) var(--height) no-repeat;
    --color: var(--color_25);
    --position: center bottom;
    --width: 100%;
    --height: 1px;
    padding-bottom: 9px;
}

.txt-alg-rt {
    text-align: right;
}

.txt-alg-rt span {
    margin-right: 20%;
}

.list-week {
    max-width: 38%;
    margin: 0 auto;
    justify-content: center;
}

.list-week-item {
    max-width: 40.333333%;
}

.list-week-item a h3 {
    color: var(--color_23);
    font-weight: 600;
    font-size: 20px;
}

.list-week-item a h4 {
    color: var(--color_24);
    font-size: 17px;
    font-weight: 600;
}

.logo-60anos {
    position: absolute;
    top: -21px;
    width: 122px;
    right: 100px;
}

#DivRodape {
    position: absolute;
    top: 95%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 100%;
    background-color: #004085;
}

#DivLateral {
    width: 100px;
    height: 100px;
    z-index: 1;
    position: absolute;
    top: 75%;
    left: 45%;
    margin-top: -130px;
}

#DivA {
    position: absolute;
    border-width: 2px;
    width: 88%;
    height: 390px;
    background-color: var(--color_3);
    float: left;
    top: 70%;
    left: 51%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
    position: absolute;
    top: 90%;
    min-width: 1300px;
    background: blue;
    /* For IE 6/7 (trigger hasLayout) */
}

.DivADesc {
    background: #001f55;
    width: 58%;
    height: 100%;
}

.DivADesc>h1 {
    color: white;
    padding-left: 72px;
    padding-top: 40px;
    font-size: 40px;
    font-weight: 400;
}

.DescLabel {
    width: 415px;
    padding-left: 72px;
    padding-top: 25px;
}

.DescLabel>h2 {
    color: white;
    font-size: 16px;
    font-weight: 400;
}

.saibaMais2 {
    background: var(--color_4);
    position: absolute;
    top: 75%;
    left: 13%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: white;
    font-weight: 400;
    border: 1px solid #000000;
}

.sessvideo>h1 {
    padding-top: 15px;
    padding-left: 15px;
    font-size: 40px;
    font-weight: 400;
    color: var(--color_5);
    padding-bottom: 30px;
}

.sessvideo>div>a>span {
    font-size: 20px;
    font-weight: 500;
    color: var(--color_6);
}

.sessvideo>div {
    padding-left: 20px;
}

.video {
    min-height: 320px;
}

#video {
    margin-top: -315px;
}

.sessvideo {
    max-width: 39.2%;
    padding-top: 10px;
}

#descvideo {
    max-width: 55.4%
}

#desenv {
    margin-top: 110px;
}

.desenv-desc>a>h1 {
    color: var(--color_1);
    font-size: 40px;
    font-weight: 400;
}

.desenv-img {
    flex: 0 0 55.666667%;
    max-width: 55.666667%;
}

.desenv-row {
    margin-right: 60px;
    margin-left: -10px;
}

.desenv-desc {
    border-top: 1px solid var(--color_8);
    border-bottom: 1px solid var(--color_8);
    border-right: 1px solid var(--color_8);
    margin-left: -16px;
    padding: 60px;
    padding-left: 70px;
    padding-top: 80px;
}

.apoio {
    max-width: 94.6%;
    margin-left: 3px;
    padding-top: 110px;
    padding-bottom: 60px;
}

.apoio>div {
    text-align: center;
    border-top: 1px solid var(--color_9);
    border-left: 1px solid var(--color_9);
    border-bottom: 1px solid var(--color_9);
    padding-top: 95px;
    padding-bottom: 90px;
}

.ultimo-apoio {
    border-right: 1px solid var(--color_9);
}

.programa_20 {
    background-color: var(--color_1);
    text-align: center;
}

.programa>div {
    border-top: 1px solid var(--color_1);
}

.programa_bordar {
    border-right: 1px solid var(--color_1);
}

.programa_bordar2 {
    border-right: 1px solid var(--color_1);
    border-bottom: 1px solid var(--color_1);
    border-right: 1px solid var(--color_1);
    border-left: 1px solid var(--color_1);
}

.programa_bordar3 {
    border-bottom: 1px solid var(--color_1);
    border-left: 1px solid var(--color_1);
}

.programa_bordar3 {
    border-bottom: 1px solid var(--color_1);
    border-left: 1px solid var(--color_1);
}

.genoma_20>h1,
.programa_20>h1 {
    font-size: 40px;
    color: var(--color_3);
    font-weight: 400;
    padding-bottom: 60px;
    padding-top: 60px;
}

#div1 {
    background-color: magenta;
}

#div2 {
    background-color: teal;
}

.programa11 {
    font-size: 35px;
    color: var(--color_1);
    font-weight: 400;
    border: 1px solid var(--color_1) !important;
    text-align: center;
    flex: 0 0 45.333333%;
    max-width: 45.333333%;
    /*   margin-left: 90px; */
}

.programa112 {
    font-size: 35px;
    color: var(--color_1);
    font-weight: 400;
    border-top: 1px solid var(--color_1);
    text-align: center;
    border-bottom: 1px solid var(--color_1);
    border-right: 1px solid var(--color_1);
    flex: 0 0 23.333333%;
    max-width: 23.333333%;
}

.programa11>h1 {
    font-size: 31px;
    color: var(--color_1);
    font-weight: 400;
    padding-bottom: 5px;
    padding-top: 7px;
}

.programa112>h1 {
    font-size: 21px;
    color: var(--color_6);
    font-weight: 400;
    padding-top: 17px;
}

.timeline {
    margin-left: 80px;
    /*   background-image: url('../../img/bolinha.png');
    background-repeat: no-repeat;
    background-position: 7px 60px; */
}

.timeline_content>h1::before {
    content: "";
    background-color: var(--color_18);
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0.5rem;
    margin-top: 0.25rem;
}

.timeline_content {
    posision: relative;
}

.timeline_content>small,
.timeline_content>p {
    color: var(--color_6);
    font-size: 18px;
    margin-bottom: 10px;
}

.timeline_content>h1 {
    color: var(--color_1);
    font-weight: 400;
    padding-bottom: 10px;
}

.timeline>h1 {
    color: var(--color_1);
    font-weight: 400;
}

.timeline_content {
    border-left: 1px solid var(--color_1);
    padding-top: 30px;
    padding-left: 40px;
    padding-bottom: 40px;
}

.box_timeline {
    background: var(--color_1);
    margin-left: 110px;
}

.box_timeline>div>h1 {
    color: var(--color_3);
    font-weight: 400;
    font-size: 25px;
    padding-right: 45px;
}

.timeline_content_tit {
    border-left: 1px solid var(--color_1);
    padding-top: 25px;
    padding-left: 40px;
    padding-bottom: 25px;
}

.moderador {
    background: none;
}

.moderador .timeline_content {
    padding-bottom: 20px;
    padding-top: 20px;
}

.palestrantes {
    background-position: 8px 43px;
}

.palestrantes_content {
    padding-top: 0px;
    padding-top: 15px;
    padding-bottom: 30px;
}

.palestrantes_content>h1 {
    padding-bottom: 0px !important;
}

.ultimo {
    border-left: 0px solid var(--color_1);
}

.borda_ultimo {
    border-left: 1px solid var(--color_1);
    float: left;
    padding-bottom: 35px;
}

.programa22 {
    border: 1px solid var(--color_1);
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 25px;
}

.programa22>h1 {
    color: var(--color_10);
    font-weight: 400;
}

.programa22_sup {
    padding-top: 22px;
}

.intervalo>h1 {
    color: var(--color_11);
}

.homenagem>p {
    color: var(--color_3);
    padding-top: 15px;
    padding-bottom: 4px;
}

.homenagem_1 {
    padding-top: 50px;
}

.homenagem_0 {
    background-position: 7px 80px;
}

.container.container_programa {
    background: var(--color_3);
}

.espaco {
    padding-bottom: 225px;
}

.row1 {
    padding-top: 75px;
}

.timeline_esquerdo {
    padding-bottom: 30px;
}

.genoma_bordar {
    border-bottom: 0px solid var(--color_1) !important;
    border-left: 0px solid var(--color_1);
}

.timeline.genoma {
    background: none;
    margin-left: 0px;
}

.genomafapesp {
    margin-left: 100px;
}

.timeline_content_genoma {
    padding-top: 70px;
    padding-bottom: 40px;
    padding-left: 90px;
}

.timeline_content_genoma>h1 {
    color: var(--color_12);
    font-size: 25px;
    padding-bottom: 50px;
}

.timeline_content_genoma>a {
    color: rgb(var(--color_14));
    text-decoration: underline;
}

.timeline_content_genoma>p {
    color: rgb(var(--color_14));
    margin-bottom: 7px;
    font-size: 15px;
}

.timeline_content_genoma>p>a {
    color: var(--color_12);
    text-decoration: underline;
    margin-bottom: 7px;
    font-size: 15px;
}

.timeline_content_genoma a:hover {
    color: rgb(0 0 0) !important;
}

.apoio_logos {
    padding-top: 0px !important;
}

.apoio>h1 {
    color: var(--color_10);
    font-size: 40px;
    font-weight: 400;
}

.detalhe {
    background-color: var(--color_1);
    margin-top: 10px;
}

.detalhe>h1 {
    font-size: 27px;
    color: var(--color_3);
    font-weight: 400;
    padding-bottom: 5px;
    padding-top: 10px;
}

.espaco2 {
    padding-bottom: 240px;
}

.EsphomeText>p {
    font-size: 15px;
}

.center {
    margin: 0px auto;
}

.div-content-princ ul li {
    font-size: 17px;
    margin-left: 40px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
    .list-week {
        max-width: 60%;
        margin: 0 auto;
        justify-content: center;
    }
}

.list-week-rodape .RemoveRespo {
    display: none;
}

@media (max-width:991px) {
    .imgTextLeft {
        max-width: 100%;
        padding: 0px 0px 20px;
    }
    .list-week-rodape .RemoveRespo .list-week-item {
        display: none;
    }
    .list-week-rodape .RemoveRespo .col-6 {
        flex: 0 0 50%;
        max-width: 100%;
    }
    .list-week-rodape .RemoveRespo {
        display: block;
        margin-top: 15px;
    }
    .div-weeks {
        padding-top: 0px;
    }
    .esp-2-menu {
        padding-bottom: 20px;
        padding-top: 26px;
    }
    .div-weeks {
        margin-top: 60px;
    }
    .RemoveRespo {
        display: none;
    }
    .div-week-4-resp {
        max-width: 100%;
        text-align: left;
        padding-bottom: 0px;
        margin-bottom: 10px;
        border-bottom: solid 0px;
        border-bottom-color: #53565b;
        padding-top: 90px;
    }
    .logo-week-2024 {
        width: 100% !important;
    }
    .menu-2-week-4 {
        display: block;
        justify-content: center;
    }
    .horario {
        font-size: 12px;
        display: flex;
        /*  justify-content: center; */
        margin-bottom: -23px;
    }
    .ImgBanner {
        width: 100%;
        margin-top: 1.5px;
        -moz-appearance: none;
        -webkit-appearance: none;
        padding-bottom: 6px;
        margin-left: 0px;
        height: 120px;
        margin-right: 0px;
        object-fit: fill;
    }
    .content_symp {
        /* padding-right: 0px;
        padding-left: 10px; */
    }
    .titulo_ano h2 {
        margin-top: 45px;
        margin-left: 0px;
    }
    .list-week-item>h4>a {
        /*  float: left;
        margin-left: 75px; */
    }
    .logo-respo-center {
        margin: 0 auto;
        max-width: none !important;
    }
    .img-fluid-4-5 {
        max-width: 60% !important;
        height: auto;
    }
    .week5-4 {
        margin-top: -5px;
        /*    width: 161px !important; */
    }
    .txt-alg-rt {
        text-align: center;
    }
    .txt-alg-rt span {
        margin-right: 0px;
    }
    .div-esp-apoio {
        max-width: 100%;
        padding: 5px;
    }
    .img-resposivo {
        width: 100%;
        height: 100%;
        margin-top: 0px;
    }
    .img-box {
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-bottom: 30px;
        height: auto;
    }
    .Week-Info {
        color: var(--color_22);
        font-size: 21px;
        font-weight: 600;
        padding-top: 21px;
        text-decoration: underline;
        text-decoration-color: #ff000000;
        text-decoration-style: solid;
        text-decoration-thickness: 0px;
        text-underline-offset: 0px;
        background: linear-gradient(var(--color), var(--color)) var(--position) / var(--width) var(--height) no-repeat;
        --color: var(--color_25);
        --position: center bottom;
        --width: 100%;
        --height: 1px;
        padding-bottom: 9px;
    }
    .hr-rodape {
        border-bottom: 5px solid #265d95;
        margin-top: 31px;
        margin-bottom: 5px;
    }
    .logo-week {
        width: 85% !important;
    }
    body>header {
        padding: 0px 0px;
    }
    .list-week {
        max-width: 100%;
        margin: 0 auto;
    }
    .list-week-item {
        max-width: 100%;
        flex: 0 0 100%;
        padding-top: 5px;
        padding-bottom: 0px;
        text-align: center;
        padding-top: 20px;
    }
    .div-week {
        padding-top: 70px;
    }
    #DivA {
        height: 340px;
    }
    .apoio {
        max-width: 100%;
        margin-left: 0px;
        padding-top: 72px;
    }
    .apoio>div {
        border-top: 1px solid var(--color_9);
        border-left: 1px solid var(--color_9);
        border-right: 1px solid var(--color_9);
        padding-top: 50px;
        padding-bottom: 50px;
        border-bottom: 0px solid var(--color_9);
    }
    .ultimo-apoio {
        border-bottom: 1px solid var(--color_9) !important;
    }
    .desenv-row {
        margin-right: -15px;
        margin-left: -15px;
    }
    .desenv-img {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #video {
        margin-top: -210px;
    }
    #desenv {
        margin-top: 80px;
    }
    .border-resposivo {
        text-align: left;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 15px;
        padding-left: 12px;
        margin-left: 0px;
        width: 87%;
        float: right;
        margin-top: 0px;
    }
    .BoxDesc>h1 {
        font-size: 30px;
        padding-left: 12px;
        padding-top: 20px;
    }
    .txt {
        width: 100%;
        left: 0%;
    }
    .txt .border {
        font-size: 29px;
        padding: 27px;
        margin-left: 39px;
        padding-left: 30px;
        padding-right: 29px;
    }
    .BoxInterna {
        text-align: left;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 15px;
        padding-left: 12px;
        margin-left: 0px;
        width: 87%;
        float: right;
        margin-top: -1px;
    }
    .menu-line {
        top: 0px !important;
        background-color: #ffffff !important;
    }
    .logo-mini {
        /*         display: block !important;
        position: absolute;
        top: 0px !important;
        top: 0px !important;
        width: 100px !important; */
        display: block !important;
        position: absolute;
        top: 11px !important;
        width: 90px !important;
        left: 20px !important;
    }
    .a-brand {
        max-width: none !important;
    }
    .group {
        min-width: 100%;
        background: blue;
    }
    #DivA {
        width: 94%;
        left: 50%;
    }
    .DivADesc {
        width: 100%;
    }
    .DivADesc>h1 {
        padding-left: 30px;
        padding-top: 30px;
    }
    .DescLabel {
        width: 94%;
        padding-left: 34px;
        padding-top: 30px;
    }
    .saibaMais2 {
        top: 80%;
        left: 100px;
    }
    #DivLateral {
        width: 94%;
        height: 100%;
        z-index: 1;
        position: absolute;
        top: 310px;
        transform: translate(3%, 6%);
        left: 0%;
    }
    .desenv-desc {
        padding: 0px;
        padding-left: 15px;
        padding-top: 10px;
    }
    #DivLateral>img {
        max-width: 100%;
        height: auto;
    }
    .sessvideo>h1 {
        padding-left: 10px;
        padding-bottom: 15px;
    }
    .sessvideo>div {
        padding-left: 10px;
        padding-bottom: 30px;
    }
    .video {
        min-height: 185px;
    }
    .sessvideo {
        max-width: 100%;
    }
    #descvideo {
        max-width: 100%
    }
    .img1 {
        min-height: 980px;
    }
    .txt {
        top: 12%;
    }
    .desenv-desc>a>h1 {
        font-size: 40px;
        font-weight: 400;
        padding-top: 20px;
    }
    .linkdesc {
        color: var(--color_6) !important;
    }
    .desenv-desc>a>span {
        font-size: 16px;
        line-height: 1.4em;
        font-weight: 400;
    }
    .desenv-desc {
        border-top: 0px;
        border-bottom: 0px;
        border-right: 0px;
        margin-left: 0px;
    }
    .container_programa {
        width: 97%;
    }
    .programa_bordar {
        border-right: 0px solid var(--color_1) !important;
        padding-top: 30px !important;
    }
    .programa_bordar3 {
        border-bottom: 0px solid var(--color_1);
        border-left: 1px solid var(--color_1);
        border-right: 1px solid var(--color_1);
    }
    .programa22 {
        padding-top: 20px;
        padding-bottom: 15px;
        padding-left: 25px;
        flex: 0 0 100%;
        max-width: 100%;
        border-bottom: 1px solid var(--color_1) !important;
        margin-bottom: 30px;
        margin-top: -20px;
    }
    .programa_bordar3 {
        border-bottom: 0px solid var(--color_1) !important;
    }
    .programa11 {
        flex: 0 0 65%;
        max-width: 65%;
    }
    .programa112 {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .timeline {
        margin-left: 30px;
        flex: 0 0 100%;
        max-width: 90%;
    }
    .box_timeline {
        margin-left: 37px;
        flex: 0 0 100%;
        max-width: 83%;
    }
    .box_timeline>div>h1 {
        font-size: 22px;
        padding-right: 0px;
        margin-left: -8px;
    }
    .timeline_content_tit {
        padding-top: 20px;
        padding-left: 30px;
        padding-bottom: 10px;
        padding-right: 10px;
    }
    .genoma_20>h1 {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
        font-size: 35px;
    }
    .programa_20>h1 {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .espaco,
    .espaco2 {
        padding-bottom: 75px;
    }
    .genomafapesp {
        margin-left: 0px;
        margin-right: 0px;
    }
    .timeline_content_genoma {
        padding-top: 30px;
        padding-bottom: 40px;
        padding-left: 10px;
    }
    iframe {
        height: 220px !important;
    }
    /* Resposivo Logo Genoma*/
    body>header>.menu-line>.container>nav.menu>.menuMobile {
        padding: 10px 30px !important;
        margin-top: 0px;
    }
    .link-brand>img {
        padding-top: 0px;
        float: right;
    }
    .link-brand2>img {
        padding-top: 50px;
    }
    .col-12.EsphomeText>div {
        margin-top: -55px !important;
    }
    .menu-line>.container>nav.menu>ul.links {
        margin: 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #video {
        margin-top: -20px !important;
    }
    .apoio>div {
        border-top: 1px solid var(--color_9);
        border-left: 0px solid var(--color_9);
        border-right: 1px solid var(--color_9);
        padding-bottom: 50px;
        border-bottom: 1px solid var(--color_9);
    }
    .bordar_aipad1 {
        border-left: 1px solid var(--color_9) !important;
    }
    #DivLateral {
        transform: translate(0%, 0%);
        left: 9%;
    }
    #DivA {
        left: 51% !important;
    }
    body>header>a>img {
        /*  width: 170px !important;
        position: absolute;
        left: 55px; */
        margin-right: 0px !important;
    }
    body>header>.menu-line>.container>.brand {
        padding-bottom: 18px !important;
    }
    .col-12.EsphomeText>div {
        margin-left: 20% !important;
    }
    .link-brand2>img {
        padding-top: 50px;
        left: 55px;
    }
    .logo-mini1>img {
        left: 55px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1024px) {
    #DivLateral {
        transform: translate(0%, 0%);
        left: 11%;
    }
    /* body>header>a>img {
        width: 170px !important;
        position: absolute;
        left: 55px;
    } */
    body>header>.menu-line>.container>.brand {
        padding-bottom: 18px;
    }
    .col-12.EsphomeText>div {
        margin-left: 20% !important;
    }
    .link-brand2>img {
        padding-top: 50px;
        left: 62px;
    }
    .logo-mini1>img {
        left: 55px;
    }
}

@media (max-width:768px) {
    body>header>.menu-line>.container>.brand {
        /* Logo Fapesp 60 anos 
         */
        padding: 34px;
        /*  padding: 15px; */
    }
    .link-brand2>img {
        padding-top: 50px;
        left: 55px;
    }
    .brand>a>img {
        left: 55px;
    }
}

:root {
    /* --color_1: #760fcb; */
    --color_1: #313231;
    --color_2: #000000;
    --color_3: #fffcfc;
    --color_4: #00bfa4;
    --color_5: #aa5332;
    --color_6: #404040;
    --color_7: #760fca;
    --color_8: #024c73;
    --color_9: #a0a0a0;
    --color_10: #004037;
    /*Caixa  Genoma20+2 - Home*/
    --color_11: #eb6c40;
    /* --color_11: #eb6c40; */
    --color_12: #404040;
    --color_13: #404040;
    --color_14: 64, 64, 64;
    --color_15: #f8f8f8;
    --color_16: #a4979c;
    /* Barra de Menu*/
    --color_17: #a4979c;
    /* Bullet -  timeline*/
    --color_18: #eb6c40;
    --color_19: #005d98;
    --color_20: #003386;
    --color_21: #0055fd;
    --color_22: #b70100;
    --color_23: #0002fe;
    --color_24: #51524c;
    --color_25: #8d8d8d;
    --color_26: #f0f0f0;
    --color_27: #515151;
    --color_28: #0756ae;
    --color_29: #eaeaea;
    --BoxInterno_FontSize: 18px;
}