html {
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    -webkit-text-size-adjust: 100%;
}

#style-1::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #9fa3a6;
}

#style-1::-webkit-scrollbar {
    width: 0.5rem;
}

#style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #f2f2f2;
}

a {
    text-decoration: none;
    color: #556066;
}

    a:link {
        text-decoration: none;
        color: #556066;
    }

    a:visited {
        text-decoration: none;
        color: #556066;
    }

    a:hover {
        text-decoration: underline;
        color: #556066;
    }

.destaque_azul {
    color: #2d86a6;
}

.destaque_laranja {
    color: #fe8a00;
}

.link_postit_azul:link {
    position: relative;
    top: 0.85rem;
    left: 0.5rem;
    color: #3f4a4e;
    text-decoration: none;
    font-size: 1.0rem;
}

.link_postit_azul:visited {
    position: relative;
    top: 0.85rem;
    left: 0.5rem;
    color: #3f4a4e;
    text-decoration: none;
    font-size: 1.0rem;
}

.link_postit_azul:hover {
    position: relative;
    top: 0.85rem;
    left: 0.5rem;
    color: #2d86a6;
    text-decoration: underline;
    font-size: 1.0rem;
}

.link_postit_laranja:link {
    position: relative;
    top: 0.85rem;
    left: 0.5rem;
    color: #3f4a4e;
    text-decoration: none;
    font-size: 1.0rem;
}

.link_postit_laranja:visited {
    position: relative;
    top: 0.85rem;
    left: 0.5rem;
    color: #3f4a4e;
    text-decoration: none;
    font-size: 1.0rem;
}

.link_postit_laranja:hover {
    position: relative;
    top: 0.85rem;
    left: 0.5rem;
    color: #fe8a00;
    text-decoration: underline;
    font-size: 1.0rem;
}

.link_postit_agua:link {
    position: relative;
    top: 0.85rem;
    left: 0.5rem;
    color: #3f4a4e;
    text-decoration: none;
    font-size: 1.0rem;
}

.link_postit_agua:visited {
    position: relative;
    top: 0.85rem;
    left: 0.5rem;
    color: #3f4a4e;
    text-decoration: none;
    font-size: 1.0rem;
}

.link_postit_agua:hover {
    position: relative;
    top: 0.85rem;
    left: 0.5rem;
    color: #1a7f6d;
    text-decoration: underline;
    font-size: 1.0rem;
}

.link_postit_verde:link {
    position: relative;
    top: 0.85rem;
    left: 0.5rem;
    color: #3f4a4e;
    text-decoration: none;
    font-size: 1.0rem;
}

.link_postit_verde:visited {
    position: relative;
    top: 0.85rem;
    left: 0.5rem;
    color: #3f4a4e;
    text-decoration: none;
    font-size: 1.0rem;
}

.link_postit_verde:hover {
    position: relative;
    top: 0.85rem;
    left: 0.5rem;
    color: #a1c71e;
    text-decoration: underline;
    font-size: 1.0rem;
}

.topico_setinha {
    position: relative;
    top: 0.2rem;
}

@media only screen and (min-width : 320px) {
    .link_postit_azul_noticia:link {
        position: relative;
        top: -0.2rem;
        left: 0.5rem;
        color: #3f4a4e;
        text-decoration: none;
        font-size: 1.0rem;
    }

    .link_postit_azul_noticia:visited {
        position: relative;
        top: -0.2rem;
        left: 0.5rem;
        color: #3f4a4e;
        text-decoration: none;
        font-size: 1.0rem;
    }

    .link_postit_azul_noticia:hover {
        position: relative;
        top: -0.2rem;
        left: 0.5rem;
        color: #2d86a6;
        text-decoration: underline;
        font-size: 1.0rem;
    }

    .logo {
        position: absolute;
        top: 9%;
        left: 7%;
        width: 40%;
        display: none;
        cursor: pointer;
        z-index: 200;
    }

    .ptitulo_paginas {
        text-align: left;
        padding-top: 5%;
        padding-bottom: 15%;
        font-size: 130%;
        margin-left: 5%;
    }

    .ptitulo_paginas_eventos {
        text-align: left;
        padding-top: 5%;
        padding-bottom: 1%;
        font-size: 130%;
        margin-left: 5%;
    }

    .titulo_paginas {
        color: #a1a5a8;
        font-weight: 500;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
    }

    .titulo_paginas_azul {
        color: #2d86a6;
        font-weight: 500;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
    }

    .titulo_paginas_laranja {
        color: #fe8a00;
        font-weight: 500;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
    }

    .titulo_paginas_agua {
        color: #1a7f6d;
        font-weight: 500;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
    }

    .titulo_paginas_verde {
        color: #a1c71e;
        font-weight: 500;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
    }

    .titulo_caixas_azul {
        color: #2d86a6;
        position: relative;
        font-weight: bold;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 120%;
        margin-top: 0%;
        margin-bottom: 10%;
    }

    .titulo_caixas_azul_inicial {
        color: #2d86a6;
        position: relative;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 120%;
        margin-top: 0%;
        margin-bottom: 10%;
    }

    .titulo_caixas_laranja {
        color: #fe8a00;
        position: relative;
        font-weight: bold;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 120%;
        margin-top: 0%;
        margin-bottom: 10%;
    }

    .titulo_caixas_agua {
        color: #1a7f6d;
        position: relative;
        font-weight: bold;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 120%;
        margin-top: 0%;
        margin-bottom: 10%;
    }

    .titulo_caixas_verde {
        color: #a1c71e;
        position: relative;
        font-weight: bold;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 120%;
        margin-top: 0%;
        margin-bottom: 10%;
    }

    .copyright {
        color: #ffffff;
        font-family: 'Rubik', sans-serif;
        font-size: 85%;
        margin: 3%
    }

    .menu_screen {
        display: none;
    }

    .barra_cinza {
        position: absolute;
        top: 0px;
        z-index: -100;
        background-image: url('../imagens/fundo_gradiente.png');
        background-repeat: repeat-x;
        width: 100%;
        height: 358px;
        overflow: hidden;
    }

    .Flash {
        display: none;
        position: absolute;
        top: 0px;
        z-index: -100;
        background-image: url('../imagens/fundo_gradiente.png');
        background-repeat: repeat-x;
        width: 100%;
        height: 358px;
        overflow: hidden;
    }

    .Flash2 {
        display: block;
        position: absolute;
        top: 5%;
        z-index: -100;
        background-image: url('../imagens/internas01_mobile.jpg');
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .Barra {
        position: absolute;
        top: 358px;
        z-index: -100;
        width: 100%;
        height: 210px;
        background-color: #717c82;
        overflow: hidden;
    }

    .Flash_internas_simposio {
        position: absolute;
        top: 5%;
        z-index: -100;
        background-image: url('../imagens/internas_simposio.jpg');
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .Flash_internas1 {
        position: absolute;
        top: 5%;
        z-index: -100;
        background-image: url('../imagens/internas01_mobile.jpg');
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .Flash_internas2 {
        position: absolute;
        top: 5%;
        z-index: -100;
        background-image: url('../imagens/internas02_mobile.jpg');
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .Flash_internas2b {
        position: absolute;
        top: 5%;
        z-index: -100;
        background-image: url('../imagens/internas02b_mobile.jpg');
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .Flash_internas2c {
        position: absolute;
        top: 5%;
        z-index: -100;
        background-image: url('../imagens/internas02c_mobile.jpg');
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .Flash_internas3 {
        position: absolute;
        top: 5%;
        z-index: -100;
        background-image: url('../imagens/internas03_mobile.jpg');
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .Flash_internas4 {
        position: absolute;
        top: 5%;
        z-index: -100;
        background-image: url('../imagens/internas04_mobile.jpg');
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .cabecalho {
        width: 100%;
        position: absolute;
        z-index: 3;
        top: 0;
    }

    .cabecalho2 {
        display: none;
    }

    .cimg_cabecalho {
        position: fixed;
        background-image: linear-gradient(#465258, #2c393f);
        height: 4rem;
        width: 100%;
        display: none;
        -moz-border-radius: 0rem 0rem 0rem 0rem;
        -webkit-border-radius: 0rem 0rem 0rem 0rem;
        margin: 0rem;
        padding: 0rem;
        box-shadow: 0rem 0rem 0.8rem 0rem #000;
        -webkit-box-shadow: 0rem 0rem 0.8rem 0rem #000;
        -moz-box-shadow: 0rem 0rem 0.8rem 0rem #000;
    }

    .paginas {
        background-color: #808b8f;
        margin-left: 0%;
        margin-top: 36%;
        margin-right: 0%;
        margin-bottom: 0%;
        overflow-x: auto;
        overflow-y: hidden;
        font-family: 'Rubik', sans-serif;
        font-size: 90%;
    }

    .paginas_inicial {
        background-color: #808b8f;
        margin-left: 0%;
        margin-top: 36%;
        margin-right: 0%;
        margin-bottom: 0%;
        overflow-x: auto;
        overflow-y: hidden;
        font-family: 'Rubik', sans-serif;
        font-size: 90%;
    }

    .caixa_pagina {
        background-color: #ffffff;
        width: 100%;
        margin: 0%;
        padding: 0%;
    }

    .caixa_cinza_center {
        display: block;
        background-color: #eaebed;
        color: #414141;
        padding-top: 5%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5%;
        margin-bottom: 5%;
    }

    .caixa_cinza_center_inicial {
        display: block;
        width: 100%;
        background-color: #d3d7d9;
        color: #414141;
        padding: 0%;
        margin-bottom: 5%;
        margin-left: 0rem;
    }

    .caixa_destaque_inicial {
        display: block;
        width: 100%;
        background-color: #f2f2f2;
        color: #414141;
        padding: 5%;
        margin-bottom: 5%;
        margin-left: 0rem;
        text-align: left;
    }

    .caixa_bloco_outro_destaque {
        width: 100%;
        margin-bottom: 2.5rem;
        margin-right: 1.5rem;
        display: inline-block;
        vertical-align: top
    }

    .caixa_bloco_outro_destaque2 {
        width: 100%;
        margin-bottom: 2.5rem;
        display: inline-block;
        vertical-align: top
    }

    .caixa_scroll_inicial {
        width: 100%;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .caixa_cinza_center_evento {
        display: block;
        background-color: #eaebed;
        color: #414141;
        padding-top: 5%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5%;
        margin: 0%;
        text-align: left;
    }

    .caixa_branco_center {
        display: block;
        color: #414141;
        padding: 5%;
        margin-bottom: 2%;
    }

    .frame_caixas_inicial {
        width: 100%;
        display: inline-block;
        padding: 0%;
        margin-top: -4rem;
    }

    .frame_caixas {
        width: 100%;
        display: inline-block;
        padding: 0%;
    }

    .frame_postits {
        display: inline-block;
        width: 95%;
        padding: 0%;
    }

    .frame_postits_inicial {
        display: inline-block;
        width: 100%;
        padding: 0%;
    }

    .postit_paginas_head {
        -moz-border-radius: 1rem 1rem 0rem 0rem;
        -webkit-border-radius: 1rem 1rem 0rem 0rem;
        background-color: #d3d7d9;
        color: #414141;
        text-align: left;
        vertical-align: bottom;
        padding-top: 10%;
        padding-left: 5%;
        padding-bottom: 2%;
        margin-top: 5%;
        margin-bottom: 0.5%;
        font-size: 120%;
    }

    .postit_paginas {
        background-color: #d3d7d9;
        color: #414141;
        text-align: justify;
        padding: 5%;
    }

    .postit_paginas_inicial {
        background-color: #d3d7d9;
        color: #414141;
        text-align: justify;
        padding: 5%;
    }

    .postit_paginas2 {
        position: relative;
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .par_postit_paginas {
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .seta_cinza {
        width: 6%;
        top: 1rem;
        position: relative;
    }

    .seta_azul {
        width: 5%;
        top: 0.1rem;
        position: relative;
    }

    .list {
        margin-top: 36px;
        text-align: left;
    }

    .item {
        height: 115px;
        margin-top: 30px 0;
        padding-left: 115px;
        clear: both;
    }

        .item .img, .item span {
            background: #214273;
            border-radius: 3px;
        }

        .item .img {
            float: left;
            width: 71px;
            height: 71px;
            margin-left: -93px;
        }

        .item span {
            height: 11px;
            width: 180px;
            margin-bottom: 19px;
            float: left;
        }

            .item span:nth-of-type(3) {
                width: 75px;
                margin-bottom: 0;
            }

    div.burger {
        height: 4rem;
        width: 4rem;
        position: absolute;
        top: 0.1rem;
        right: 0.1rem;
        cursor: pointer;
    }

    div.x,
    div.y,
    div.z {
        position: absolute;
        margin: auto;
        top: -1rem;
        left: 1rem;
        bottom: 0rem;
        background: #fff;
        border-radius: 0.1rem;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -ms-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
    }

    div.x, div.y, div.z {
        height: 0.2rem;
        width: 1.7rem;
    }

    div.y {
        top: 0rem;
    }

    div.z {
        top: 1rem;
    }

    div.collapse {
        top: 0rem;
        background: #ffffff;
        -webkit-transition: all 70ms ease-out;
        -moz-transition: all 70ms ease-out;
        -ms-transition: all 70ms ease-out;
        -o-transition: all 70ms ease-out;
        transition: all 70ms ease-out;
    }

    div.rotate30 {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        -webkit-transition: all 50ms ease-out;
        -moz-transition: all 50ms ease-out;
        -ms-transition: all 50ms ease-out;
        -o-transition: all 50ms ease-out;
        transition: all 50ms ease-out;
    }

    div.rotate150 {
        -ms-transform: rotate(150deg);
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg);
        -webkit-transition: all 50ms ease-out;
        -moz-transition: all 50ms ease-out;
        -ms-transition: all 50ms ease-out;
        -o-transition: all 50ms ease-out;
        transition: all 50ms ease-out;
    }

    div.rotate45 {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 100ms ease-out;
        -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
        -o-transition: all 100ms ease-out;
        transition: all 100ms ease-out;
    }

    div.rotate135 {
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transition: all 100ms ease-out;
        -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
        -o-transition: all 100ms ease-out;
        transition: all 100ms ease-out;
    }

    div.circle {
        display: block;
        border-radius: 50%;
        width: 0px;
        height: 0px;
        position: absolute;
        top: 35px;
        right: 50px;
        background: #2c393f;
        opacity: 0.95;
        -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    }

        div.circle.expand {
            width: 75rem;
            height: 75rem;
            top: -35rem;
            right: -35rem;
            -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        }

    div.menu {
        width: 100%;
        position: absolute;
        right: 1.8rem;
    }

        div.menu ul li {
            list-style: none;
            position: absolute;
            left: 0;
            opacity: 0;
            width: 100%;
            text-align: right;
            font-size: 0%;
            -webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            -moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            -ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            -o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        }

            div.menu ul li a {
                color: #cecece;
                text-transform: uppercase;
                text-decoration: none;
            }

        div.menu li.animate {
            font-size: 120%;
            opacity: 1;
            -webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        }

            div.menu li.animate:nth-of-type(1) {
                top: 5rem;
                transition-delay: 0.0s;
            }

            div.menu li.animate:nth-of-type(2) {
                top: 8rem;
                transition-delay: 0.10s;
            }

            div.menu li.animate:nth-of-type(3) {
                top: 11rem;
                transition-delay: 0.15s;
            }

            div.menu li.animate:nth-of-type(4) {
                top: 14rem;
                transition-delay: 0.20s;
            }

            div.menu li.animate:nth-of-type(5) {
                top: 17rem;
                transition-delay: 0.25s;
            }

            div.menu li.animate:nth-of-type(6) {
                top: 20rem;
                transition-delay: 0.30s;
            }

            div.menu li.animate:nth-of-type(7) {
                top: 23rem;
                transition-delay: 0.35s;
            }

            div.menu li.animate:nth-of-type(8) {
                top: 26rem;
                transition-delay: 0.40s;
            }

            div.menu li.animate:nth-of-type(9) {
                top: 29rem;
                transition-delay: 0.45s;
            }

            div.menu li.animate:nth-of-type(10) {
                top: 32rem;
                transition-delay: 0.50s;
            }

            div.menu li.animate:nth-of-type(11) {
                top: 35rem;
                transition-delay: 0.55s;
            }
}

@media only screen and (min-width : 1024px) {
    .link_postit_azul_noticia:link {
        position: relative;
        top: 0rem;
        left: 0.5rem;
        color: #3f4a4e;
        text-decoration: none;
        font-size: 1.0rem;
    }

    .link_postit_azul_noticia:visited {
        position: relative;
        top: 0rem;
        left: 0.5rem;
        color: #3f4a4e;
        text-decoration: none;
        font-size: 1.0rem;
    }

    .link_postit_azul_noticia:hover {
        position: relative;
        top: 0rem;
        left: 0.5rem;
        color: #2d86a6;
        text-decoration: underline;
        font-size: 1.0rem;
    }

    .logo {
        position: absolute;
        top: 10px;
        left: 30px;
        width: 180px;
        display: none;
        cursor: pointer;
        z-index: 200;
    }

    .ptitulo_paginas {
        text-align: left;
        padding-top: 1rem;
        padding-bottom: 2rem;
        font-size: 1.2rem;
        margin-left: 1.5rem;
    }

    .ptitulo_paginas_eventos {
        text-align: left;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1.2rem;
        margin-left: 1.5rem;
    }

    .titulo_paginas {
        color: #a1a5a8;
        font-weight: 500;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
    }

    .titulo_paginas_azul {
        color: #2d86a6;
        font-weight: 500;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
    }

    .titulo_paginas_laranja {
        color: #fe8a00;
        font-weight: 500;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
    }

    .titulo_paginas_agua {
        color: #1a7f6d;
        font-weight: 500;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
    }

    .titulo_paginas_verde {
        color: #a1c71e;
        font-weight: 500;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
    }

    .titulo_caixas_azul {
        color: #2d86a6;
        position: relative;
        font-weight: bold;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.1rem;
        margin-top: 0rem;
        margin-bottom: 2rem;
    }

    .titulo_caixas_azul_inicial {
        color: #2d86a6;
        position: relative;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.1rem;
        margin-top: 0rem;
        margin-bottom: 2rem;
    }

    .titulo_caixas_laranja {
        color: #fe8a00;
        position: relative;
        font-weight: bold;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.1rem;
        margin-top: 0rem;
        margin-bottom: 2rem;
    }

    .titulo_caixas_agua {
        color: #1a7f6d;
        position: relative;
        font-weight: bold;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.1rem;
        margin-top: 0rem;
        margin-bottom: 2rem;
    }

    .titulo_caixas_verde {
        color: #a1c71e;
        position: relative;
        font-weight: bold;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.1rem;
        margin-top: 0rem;
        margin-bottom: 2rem;
    }

    .copyright {
        color: #ffffff;
        font-family: 'Rubik', sans-serif;
        font-size: 0.7rem;
        margin: 1rem;
    }

    .menu_screen {
        display: block;
    }

    .barra_cinza {
        position: absolute;
        top: 0px;
        z-index: -100;
        background-image: url('../imagens/fundo_gradiente.png');
        background-repeat: repeat-x;
        width: 100%;
        height: 358px;
        overflow: hidden;
    }

    .Flash {
        display: block;
        position: absolute;
        top: 0px;
        z-index: -100;
        background-image: url('../imagens/fundo_gradiente.png');
        background-repeat: repeat-x;
        width: 100%;
        height: 358px;
        overflow: hidden;
    }

    .Flash2 {
        display: none;
        position: absolute;
        top: 5%;
        z-index: -100;
        background-image: url('../imagens/internas01_mobile.jpg');
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .Barra {
        position: absolute;
        top: 358px;
        z-index: -100;
        width: 100%;
        height: 18rem;
        background-color: #717c82;
        overflow: hidden;
    }

    .Flash_internas_simposio {
        position: absolute;
        top: 0px;
        z-index: -100;
        background-image: url('../imagens/internas_simposio.jpg');
        background-position-x: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 254px;
        overflow: hidden;
    }

    .Flash_internas1 {
        position: absolute;
        top: 0px;
        z-index: -100;
        background-image: url('../imagens/internas01.jpg');
        background-position-x: center;
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: auto;
        width: 100%;
        height: 254px;
        overflow: hidden;
    }

    .Flash_internas2 {
        position: absolute;
        top: 0px;
        z-index: -100;
        background-image: url('../imagens/internas02.jpg');
        background-position-x: center;
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: auto;
        width: 100%;
        height: 254px;
        overflow: hidden;
    }

    .Flash_internas2b {
        position: absolute;
        top: 0px;
        z-index: -100;
        background-image: url('../imagens/internas02b.jpg');
        background-position-x: center;
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: auto;
        width: 100%;
        height: 254px;
        overflow: hidden;
    }

    .Flash_internas2c {
        position: absolute;
        top: 0px;
        z-index: -100;
        background-image: url('../imagens/internas02c.jpg');
        background-position-x: center;
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: auto;
        width: 100%;
        height: 254px;
        overflow: hidden;
    }

    .Flash_internas3 {
        position: absolute;
        top: 0px;
        z-index: -100;
        background-image: url('../imagens/internas03.jpg');
        background-position-x: center;
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: auto;
        width: 100%;
        height: 254px;
        overflow: hidden;
    }

    .Flash_internas4 {
        position: absolute;
        top: 0px;
        z-index: -100;
        background-image: url('../imagens/internas04.jpg');
        background-position-x: center;
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: auto;
        width: 100%;
        height: 254px;
        overflow: hidden;
    }

    .cabecalho {
        width: 100%;
        position: absolute;
        z-index: 3;
        top: 0;
    }

    .cabecalho2 {
        display: none;
    }

    .cimg_cabecalho {
        position: relative;
        background-image: linear-gradient(#465258, #2c393f);
        height: 88px;
        width: 65rem;
        display: none;
        -moz-border-radius: 0rem 0rem 0.5rem 0.5rem;
        -webkit-border-radius: 0rem 0rem 0.5rem 0.5rem;
        margin: 0rem;
        padding: 0rem;
        box-shadow: 0rem 0rem 0.8rem 0rem #000;
        -webkit-box-shadow: 0rem 0rem 0.8rem 0rem #000;
        -moz-box-shadow: 0rem 0rem 0.8rem 0rem #000;
    }

    .paginas {
        background-color: #808b8f;
        margin-left: 0rem;
        margin-top: 14rem;
        margin-right: 0rem;
        margin-bottom: 0rem;
        overflow-x: auto;
        overflow-y: auto;
        font-family: 'Rubik', sans-serif;
        font-size: 0.8rem;
    }

    .paginas_inicial {
        background-color: #808b8f;
        margin-left: 0rem;
        margin-top: 19.4rem;
        margin-right: 0rem;
        margin-bottom: 0rem;
        overflow-x: auto;
        overflow-y: auto;
        font-family: 'Rubik', sans-serif;
        font-size: 0.8rem;
    }

    .caixa_pagina {
        background-color: #ffffff;
        width: 65rem;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        margin: 0rem;
        padding: 0rem;
        box-shadow: 0rem 0rem 0.8rem 0rem #000;
        -webkit-box-shadow: 0rem 0rem 0.8rem 0rem #000;
        -moz-box-shadow: 0rem 0rem 0.8rem 0rem #000;
    }

    .caixa_cinza_center {
        -moz-border-radius: 0rem 0.5rem 0.5rem 0rem;
        -webkit-border-radius: 0rem 0.5rem 0.5rem 0rem;
        display: block;
        width: 45rem;
        background-color: #eaebed;
        color: #414141;
        padding-top: 0.7rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 0.7rem;
        margin-bottom: 2rem;
    }

    .caixa_cinza_center_inicial {
        -moz-border-radius: 0rem 0.5rem 0.5rem 0rem;
        -webkit-border-radius: 0rem 0.5rem 0.5rem 0rem;
        display: block;
        width: 24rem;
        height: 18rem;
        background-color: #d3d7d9;
        color: #414141;
        padding: 0rem;
        margin-bottom: 2rem;
    }

    .caixa_destaque_inicial {
        -moz-border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
        -webkit-border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
        display: block;
        width: 20.5rem;
        background-color: #f2f2f2;
        color: #414141;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        margin-bottom: 0.5rem;
        margin-left: 0rem;
        text-align: left;
    }

    .caixa_bloco_outro_destaque {
        width: 11.5rem;
        margin-bottom: 0rem;
        margin-right: 1.5rem;
        display: inline-block;
        vertical-align: top
    }

    .caixa_bloco_outro_destaque2 {
        width: 11.5rem;
        margin-bottom: 0rem;
        display: inline-block;
        vertical-align: top
    }

    .caixa_scroll_inicial {
        width: 23rem;
        height: 13.5rem;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .caixa_cinza_center_evento {
        -moz-border-radius: 0rem 0.5rem 0.5rem 0rem;
        -webkit-border-radius: 0rem 0.5rem 0.5rem 0rem;
        display: block;
        width: 45rem;
        background-color: #eaebed;
        color: #414141;
        padding-top: 0.7rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 0.7rem;
        margin: 0rem;
        text-align: left;
    }

    .caixa_branco_center {
        -moz-border-radius: 0rem 0.5rem 0.5rem 0rem;
        -webkit-border-radius: 0rem 0.5rem 0.5rem 0rem;
        display: block;
        width: 45rem;
        color: #414141;
        padding: 1.5rem;
        margin-bottom: 0rem;
    }

    .frame_caixas_inicial {
        width: 24rem;
        display: inline-block;
        padding: 0%;
        margin-top: 0rem;
    }

    .frame_caixas {
        width: 48rem;
        display: inline-block;
        padding: 0%;
    }

    .frame_postits {
        vertical-align: top;
        display: inline-block;
        width: 13.7rem;
        padding-top: 0rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 0rem;
    }

    .frame_postits_inicial {
        vertical-align: top;
        display: inline-block;
        width: 40.25rem;
        padding-top: 0rem;
        padding-left: 0.5rem;
        padding-right: 0rem;
        padding-bottom: 0rem;
    }

    .postit_paginas_head {
        -moz-border-radius: 0.5rem 0.5rem 0rem 0rem;
        -webkit-border-radius: 0.5rem 0.5rem 0rem 0rem;
        background-color: #d3d7d9;
        color: #414141;
        text-align: left;
        vertical-align: bottom;
        padding-top: 1.2rem;
        padding-left: 1rem;
        padding-bottom: 0.5rem;
        margin-top: 0rem;
        margin-bottom: 2px;
        font-size: 1rem;
    }

    .postit_paginas {
        -moz-border-radius: 0rem 0rem 0.5rem 0.5rem;
        -webkit-border-radius: 0rem 0rem 0.5rem 0.5rem;
        background-color: #d3d7d9;
        color: #414141;
        text-align: justify;
        padding: 1rem;
        margin-bottom: 2rem;
    }

    .postit_paginas_inicial {
        -moz-border-radius: 0.5rem 0rem 0rem 0.5rem;
        -webkit-border-radius: 0.5rem 0rem 0rem 0.5rem;
        background-color: #d3d7d9;
        color: #414141;
        text-align: justify;
        padding: 1rem;
        height: 16rem;
        margin-bottom: 2rem;
    }

    .postit_paginas2 {
        position: relative;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .par_postit_paginas {
        margin-top: 1rem;
        margin-bottom: 0rem;
    }

    .seta_cinza {
        width: 16px;
        top: 0.95rem;
        position: relative;
    }

    .seta_azul {
        width: 15px;
        top: 0rem;
        position: relative;
    }

    div.circle {
        display: none;
    }

    div.menu {
        display: none;
    }

    div.burger {
        display: none;
    }
}

@media print {
    /* ------------------------------------------------------------------------------- estilo geral */
    a {
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
        color: #556066;
    }

        a:link {
            font-family: arial;
            text-decoration: none;
            font-size: 11px;
            color: #556066;
        }

        a:visited {
            font-family: arial;
            text-decoration: none;
            font-size: 11px;
            color: #556066;
        }

        a:hover {
            font-family: arial;
            text-decoration: underline;
            font-size: 11px;
            color: #556066;
        }

    textarea, select, input, p, span, td, li {
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
        z-index: 1;
        color: #556066;
    }

    b {
        font-family: arial;
        z-index: 1;
    }

    .paginas {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .Cabecalho {
        display: none;
    }

    .Cabecalho2 {
        width: 100%;
    }

    .Flash {
        display: none;
    }

    .Barra {
        display: none;
    }

    .Pagina {
        width: 100%;
        height: 0px;
        top: 20px;
        position: relative;
    }

    .Pagina2 {
        width: 100%;
        top: 20px;
        position: relative;
    }

    .Pagina2_topo {
        height: 0px;
    }

    .Pagina2_meio {
        padding: 0px 0px 0px 0px;
    }

    .Pagina2_rodape {
        height: 0px;
    }

    .corpo {
        width: 100%;
    }

    .texto_paginas {
        font-family: arial;
        font-size: 11px;
        color: #556066;
        margin: 20px 10px 5px 20px;
        text-align: justify;
    }

    .texto_paginas2 {
        font-family: arial;
        font-size: 11px;
        color: #556066;
        margin: 10px 20px 0px 20px;
        text-align: justify;
    }

    .topico_setinha {
        position: relative;
        top: -2px;
    }

    .texto_item {
        font-family: arial;
        font-size: 11px;
        color: #556066;
        margin: 5px 20px 5px 20px;
        text-align: justify;
    }

    .texto_item2 {
        font-family: arial;
        font-size: 11px;
        color: #556066;
        margin: 5px 20px 5px 20px;
        text-align: justify;
        position: relative;
        top: 5px;
    }

    .titulo_noticias {
        font-family: arial;
        font-size: 16px;
        color: #414a50;
        margin: 8px 0px 4px 10px;
    }

    .titulo_paginas {
        font-family: arial;
        font-size: 18px;
        color: #a1a5a8;
        margin: 0px 0px 5px 20px;
        position: relative;
        top: 12px;
    }

    .subtitulo_paginas {
        font-family: arial;
        font-size: 18px;
        color: #a1a5a8;
        margin: 0px 0px 5px 0px;
        position: relative;
        top: 12px;
    }

    .titulo_paginas2 {
        font-family: arial;
        font-size: 16px;
        font-weight: bold;
        color: #a1a5a8;
        margin: 0px 0px 5px 20px;
        position: relative;
        top: 12px;
    }

    .postit_paginas {
        font-family: arial;
        font-size: 16px;
        color: #545f65;
        margin: 0px 0px 5px 10px;
        position: relative;
        top: 8px;
    }

    .postit_paginas2 {
        font-family: arial;
        font-size: 15px;
        color: #3f4a4e;
        position: relative;
        top: -5px;
    }

    .postit_paginas_texto {
        font-family: arial;
        font-size: 11px;
        color: #545454;
        margin: 20px 20px 20px 20px;
        text-align: justify;
    }

    /* ------------------------------------------------------------------------------- estilo azul */

    .titulo_paginas_azul {
        font-family: arial;
        font-size: 18px;
        color: #2d86a6;
        margin: 0px 0px 5px 0px;
        position: relative;
        top: 12px;
    }

    .titulo_paginas_azul2 {
        font-family: arial;
        font-size: 16px;
        font-weight: bold;
        color: #2d86a6;
        margin: 0px 0px 5px 0px;
        position: relative;
        top: 12px;
    }

    .destaque_azul {
        font-family: arial;
        font-size: 11px;
        color: #2d86a6;
    }

    a_azul:link {
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
        color: #556066;
    }

    a_azul:visited {
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
        color: #556066;
    }

    a_azul:hover {
        font-family: arial;
        text-decoration: underline;
        font-size: 11px;
        color: #2d86a6;
    }

    /*.link_postit_azul:link
{
	font-family:arial;
	font-size:15px;
	color: #3f4a4e;
	text-decoration:none;
}

.link_postit_azul:visited
{
	font-family:arial;
	font-size:15px;
	color: #3f4a4e;
	text-decoration:none;
}

.link_postit_azul:hover
{
	font-family:arial;
	font-size:15px;
	color:#2d86a6;
	text-decoration:underline;
}*/

    /* ------------------------------------------------------------------------------- estilo laranja */

    .titulo_paginas_laranja {
        font-family: arial;
        font-size: 18px;
        color: #fe8a00;
        margin: 0px 0px 5px 0px;
        position: relative;
        top: 12px;
    }

    .subtexto_paginas_laranja {
        font-family: arial;
        font-size: 11px;
        color: #fe8a00;
        margin: 12px 5px 35px 20px;
        text-align: justify;
        font-weight: bold;
    }

    .titulo_paginas_laranja2 {
        font-family: arial;
        font-size: 16px;
        font-weight: bold;
        color: #fe8a00;
        margin: 0px 0px 5px 0px;
        position: relative;
        top: 12px;
    }

    .destaque_laranja {
        font-family: arial;
        font-size: 11px;
        color: #fe8a00;
    }

    a_laranja:link {
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
        color: #556066;
    }

    a_laranja:visited {
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
        color: #556066;
    }

    a_laranja:hover {
        font-family: arial;
        text-decoration: underline;
        font-size: 11px;
        color: #fe8a00;
    }

    .link_postit_laranja:link {
        font-family: arial;
        font-size: 15px;
        color: #3f4a4e;
        text-decoration: none;
    }

    .link_postit_laranja:visited {
        font-family: arial;
        font-size: 15px;
        color: #3f4a4e;
        text-decoration: none;
    }

    .link_postit_laranja:hover {
        font-family: arial;
        font-size: 15px;
        color: #fe8a00;
        text-decoration: underline;
    }

    /* ------------------------------------------------------------------------------- estilo verde */

    .titulo_paginas_verde {
        font-family: arial;
        font-size: 18px;
        color: #a1c71e;
        margin: 0px 0px 5px 0px;
        position: relative;
        top: 12px;
    }

    .titulo_paginas_verde2 {
        font-family: arial;
        font-size: 16px;
        font-weight: bold;
        color: #a1c71e;
        margin: 0px 0px 5px 0px;
        position: relative;
        top: 12px;
    }

    .destaque_verde {
        font-family: arial;
        font-size: 11px;
        color: #a1c71e;
    }

    a_verde:link {
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
        color: #556066;
    }

    a_verde:visited {
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
        color: #556066;
    }

    a_verde:hover {
        font-family: arial;
        text-decoration: underline;
        font-size: 11px;
        color: #a1c71e;
    }

    .link_postit_verde:link {
        font-family: arial;
        font-size: 15px;
        color: #3f4a4e;
        text-decoration: none;
    }

    .link_postit_verde:visited {
        font-family: arial;
        font-size: 15px;
        color: #3f4a4e;
        text-decoration: none;
    }

    .link_postit_verde:hover {
        font-family: arial;
        font-size: 15px;
        color: #a1c71e;
        text-decoration: underline;
    }

    /* ------------------------------------------------------------------------------- estilo agua */

    .titulo_paginas_agua {
        font-family: arial;
        font-size: 18px;
        color: #1a7f6d;
        margin: 0px 0px 5px 0px;
        position: relative;
        top: 12px;
    }

    .titulo_paginas_agua2 {
        font-family: arial;
        font-size: 16px;
        font-weight: bold;
        color: #1a7f6d;
        margin: 0px 0px 5px 0px;
        position: relative;
        top: 12px;
    }

    .destaque_agua {
        font-family: arial;
        font-size: 11px;
        color: #1a7f6d;
    }

    a_agua:link {
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
        color: #556066;
    }

    a_agua:visited {
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
        color: #556066;
    }

    a_agua:hover {
        font-family: arial;
        text-decoration: underline;
        font-size: 11px;
        color: #1a7f6d;
    }

    .link_postit_agua:link {
        font-family: arial;
        font-size: 15px;
        color: #3f4a4e;
        text-decoration: none;
    }

    .link_postit_agua:visited {
        font-family: arial;
        font-size: 15px;
        color: #3f4a4e;
        text-decoration: none;
    }

    .link_postit_agua:hover {
        font-family: arial;
        font-size: 15px;
        color: #1a7f6d;
        text-decoration: underline;
    }

    /* ------------------------------------------------------------------------------- estilo tijolo */

    .titulo_paginas_tijolo {
        font-family: arial;
        font-size: 18px;
        color: #b55230;
        margin: 0px 0px 5px 0px;
        position: relative;
        top: 12px;
    }

    .titulo_paginas_tijolo2 {
        font-family: arial;
        font-size: 16px;
        font-weight: bold;
        color: #b55230;
        margin: 0px 0px 5px 0px;
        position: relative;
        top: 12px;
    }

    .destaque_tijolo {
        font-family: arial;
        font-size: 11px;
        color: #b55230;
    }

    a_tijolo:link {
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
        color: #556066;
    }

    a_tijolo:visited {
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
        color: #556066;
    }

    a_tijolo:hover {
        font-family: arial;
        text-decoration: underline;
        font-size: 11px;
        color: #b55230;
    }

    .link_postit_tijolo:link {
        font-family: arial;
        font-size: 15px;
        color: #3f4a4e;
        text-decoration: none;
    }

    .link_postit_tijolo:visited {
        font-family: arial;
        font-size: 15px;
        color: #3f4a4e;
        text-decoration: none;
    }

    .link_postit_tijolo:hover {
        font-family: arial;
        font-size: 15px;
        color: #b55230;
        text-decoration: underline;
    }

    .barra_conteudo_miolo {
        width: 100%;
        vertical-align: top;
    }

    .barra_lateral_tooltips {
        width: 0px;
        vertical-align: top;
        display: none;
    }

    .barra_lateral_tooltips_meio {
        width: 0px;
        display: none;
    }
}