@charset "UTF-8";

@font-face {
    font-family: 'Poppins-black';
    src: url('/font/Poppins/Poppins-Black.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-bold';
    src: url('/font/Poppins/Poppins-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-extrabold';
    src: url('/font/Poppins/Poppins-ExtraBold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Semibold';
    src: url('/font/Poppins/Poppins-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-medium';
    src: url('/font/Poppins/Poppins-Medium.ttf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-regular';
    src: url('/font/Poppins/Poppins-Regular.ttf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-light';
    src: url('/font/Poppins/Poppins-Light.ttf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/font/Poppins/Poppins-Regular.ttf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreAdventor';
    src: url('/font/TeX-Gyre-Adventor/texgyreadventor-regular.otf');
}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('/font/TeX-Gyre-Adventor/texgyreadventor-bold.otf');
    font-weight: normal;
    font-style: normal;
}

b, strong, .bold {
    font-weight: normal;
    font-family: 'Poppins-bold', 'sans-serif';
    color: #005e8e;
}

a strong, a b {
    font-weight: normal;
    font-family: 'Poppins-bold', 'sans-serif';
}

ul {
    margin-block-start: 0;
    margin-block-end: 0;
}

/* RESET */
html, body, div, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #555555;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
    font-size: 1em;
    font-weight: 300;
    font-style: normal;
}

fieldset, img {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

caption, th {
    text-align: left;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.grey {
    color: #555555;
}

.blue {
    color: #005e8e;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.clear {
    clear: both;
}

em {
    font-style: oblique;
}

/*site*/
html {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
    color: #00a09c;
}

html, body {
    height: 100%;
}

a {
    color: #005e8e;
    text-decoration: none;
}

p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    word-wrap: break-word;
}

#menu ul, ol {
    list-style: none;
    padding: 0;
}

#topcontainer {
    height: 106px;
    margin: 0 auto;
    padding: 0 59px;
}

#allTop {
    width: 100%;
    background-color: #fff;
    position: relative;
}

.middle {
    max-width: 904px;
    margin: 0 auto;
    min-height: 600px;
}

.middle .img {
    max-width: 20%;
    height: 100%;
}

.middle.inner {
    position: absolute;
}

.homeTitle {
    font-size: 24px;
    text-align: center;
    color: #005e8e;
    margin-bottom: 16px;
    margin-top: 38px;
}

.topTitle {
    display: block;
}

.title {
    font-size: 16px;
    text-align: left;
    color: #005e8e;
    margin-bottom: 16px;
    margin-top: -10vh;
    position: absolute;
}

.subTitleNew {
    font-size: 48px;
    text-align: left;
    color: #005e8e;
    margin-bottom: 16px;
    font-family: "Poppins-light", sans-serif;
}

.subTitle {
    font-size: 48px;
    text-align: left;
    color: #005e8e;
    margin-bottom: 16px;
    margin-top: -8%;
    position: absolute;
    line-height: 110%;
    font-family: "Poppins-light", sans-serif;
}

.newTitle {
    font-size: 22px;
    text-align: left;
    color: #555555;
    font-family: "Poppins-regular", sans-serif;
    margin-bottom: 24px;
}

.summary {
    font-size: 18px;
    font-family: "Poppins-Semibold", sans-serif;
    line-height: 133%;
    z-index: 10;
    position: relative;
}

.semiBold {
    font-family: "Poppins-Semibold", sans-serif;
}

.summary p {
    padding-bottom: 8px;
}

.texto {
    margin-top: 24px;
}

.texto p {
    padding-top: 6px;
}

.texto p strong {
    margin-top: 12px;
    display: inline-block;
}

.shiftRight {
    margin-left: 24px;
}

.sib-form .entry__field {
    border-radius: 0 !important;
}

.memberBtn {
    border: 1px solid #555555;
    color: #005e8e;
    background-color: white;
    font-family: "Poppins-Semibold", sans-serif;
    margin: 0 auto;
    display: block;
    font-size: 12px;
    width: 142px;
    height: 24px;
    position: relative;
    text-align: left;
    padding-left: 14px;
    padding-top: 7px;
}

.memberBtn:hover {
    border: 1px solid #005e8e;
    background-color: #005e8e;
}

.memberBtn:hover a {
    color: #fff;
}

.centrado {
    margin: 0 auto;
    display: block;
}

.textoCentrado {
    text-align: center;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #005e8e;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 9px;
}

.memberBtn:hover .arrow-right {
    border-left: 6px solid #fff;
}

#top {

    margin: 0 auto;
    overflow: hidden;
    clear: both;
    position: relative;

}

#content {
    color: #000;
    position: relative;
}

.topBanner {
    position: relative;
}

#members {
    background: url("/img/members.png") no-repeat 0 0;
    background-size: 904px 80px;
    width: 904px;
    height: 80px;
}

.members {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    column-gap: 24px;
    row-gap: 24px;
    margin-top: 6px;
}

.members .left {
    width: calc(100% / 4 - 24px);
    max-height: 130px;
    position: relative;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}

.members .left .img {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.news {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    column-gap: 24px;
    row-gap: 24px;
}

.news .left {
    min-width: calc(100% / 3 - 18px);
    height: auto;
    position: relative;
    font-family: "Poppins-medium", sans-serif;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    max-width: calc(100% / 3 - 18px);
}

.news img {
    object-fit: cover;
}

.news .left .projectStatus {
    border: 1px solid #fff;
    position: absolute;
    color: #fff;
    font-size: 11px;
    padding: 2px 4px;
    top: 10px;
    left: 10px;
}

.news .left .titulo {
    position: absolute;
    color: #fff;
    font-size: 14px;
    padding: 0 3px;
    bottom: 10px;
    left: 10px;
}

.newsBadge {
    max-width: calc(100% / 3 - 16px);
    position: relative;
    font-family: "Poppins-medium", sans-serif;
}

.news .newsBadge:last-child {
    display: none;
}

.newsBadge img {
    width: 100%;
    aspect-ratio: 57 / 32;
    height: auto;
    object-fit: fill;
}

.newsBadge .date {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 10px;
    text-shadow: 1px 1px 0 #555;
}

.newsBadge .type {
    position: absolute;
    top: 8px;
    left: 8px;
    color: #fff;
    font-size: 10px;
    text-shadow: 1px 1px 0 #555;
}

.newsBadge .titulo {
    font-size: 14px;
    text-align: center;
    line-height: 140%;
    padding: 0 8px;
}

.newsBadge .titulo a {
    color: #636363;
}

#homeMembers {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    column-gap: 16px;
}

#sitemap {
    width: 960px;
    margin: 0 auto;
    font-size: 0.75em;
    color: #fff;
    overflow: hidden;
    position: relative;
    clear: both;
    font-family: 'Poppins-medium', 'sans-serif';
}

#sitemap a {
    color: #fff;
    line-height: 23px;
    font-family: 'Poppins', 'sans-serif';
}

#sitemap .cat {
    text-transform: uppercase;
    font-size: 1.5em;
    width: 304px;
    padding-bottom: 5px;
}

#sitemap .colLeft {
    float: left;
    width: 304px;
    margin-right: 24px;
}

#sitemap .colRight {
    float: left;
    width: 304px;
}

#sitemap .cat0 {
    font-weight: bold;
    border-top: 1px solid #fff;
    line-height: 30px;
}

#sitemap .catIn {
    font-weight: normal;
    line-height: 22px;
    cursor: pointer;
}

#sitemap .cat0 .catIn:last-child {
    padding-bottom: 5px;
}

.logo {
    margin-top: 40px;
    margin-bottom: 16px;
    width: 220px;
    float: left;
}

.logo img {
    width: 100%;
    max-width: 204px;
}

#searchIpt {
    display: none;
    float: right;
    position: relative;
    top: 60px;
}

#search {
    border-bottom: 1px solid #005e8e;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    margin-right: 10px;
    outline: none;
    font-family: "Poppins", "sans-serif";
    padding-left: 5px;
    width: 400px;
}

#search::placeholder {
    color: #555555;
    font-size: 14px;
    font-family: "Poppins-regular", "sans-serif";
}

#search_bar {
    float: right;
    text-align: center;
    position: relative;
    top: 20px;
    border-bottom: 1px solid #005e8e;
}

#search_bar input {
    border: 0;
    height: 26px;
    width: 277px;
    color: #005e8e;
    outline: 0;
    font-size: 0.8em;
    background: url("/img/lupa.png") no-repeat 100% 50%;
    background-size: 20px 20px;
}

.banner {
    width: 100%;
}

#sib-form {
    background-color: #fff !important;
}

#sib-form > * {
    font-family: "Poppins-regular", sans-serif !important;
}

#sib-form .subscribe button {
    background-color: #005e8e !important;
}

#sib-form input::placeholder {
    color: #ccc;
}

#sib-container {
    border: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.sib-form {
    padding: 0 !important;
}

.data {
    color: #f9a61a;
    font-size: 0.875em;
    font-family: 'Poppins-bold', 'sans-serif';
    margin: 12px 12px 0;
    line-height: 1em;
}

#list .box .title {
    margin: 4px 12px 2px;
}

.lightBlue {
    color: #005e8e !important;
}

.socialLogo {
    height: 24px;
    width: 24px;
    float: right;
    margin-right: 10px;
}

.socialLogo:first-child {
    margin-right: 0;
}

#socials {
    border-top: 1px solid #fff;
}

.fullHeight {
    overflow: hidden !important;
    height: 100% !important;
}

.sumario {
    font-family: 'Poppins-regular', 'sans-serif';
    margin: 0 12px 0;
    display: block;
    line-height: 1.3em;
    overflow: hidden;
    font-size: 14px;
}

.right .sumario {
    margin-bottom: 12px;
}

.catBox .sumario {
    margin: 12px;
    display: block;
    line-height: 1.3em;
    overflow: hidden;
}

#innerArea #one .title {
    font-size: 2em;
    font-family: 'Poppins-bold', 'sans-serif';
    height: auto;
    line-height: 1.4em;
}

#innerArea .title {
    font-size: 2em;
    font-family: 'Poppins-bold', 'sans-serif';
    height: auto;
    line-height: 1.4em;
}

.smalltitle {
    font-size: 1em;
    font-family: 'Poppins-bold', 'sans-serif';
    height: auto;
    margin: 3px 12px 0;
}

.link {
    font-family: 'Poppins-medium', 'sans-serif';
    max-height: 7%;
    margin: 0 12px;
    display: block;
    font-size: 0.875em;
    line-height: 1.5em;
}

.tabela {
    border: 0;
}

.tabelaTd {
    padding: 24px 0;
    width: 40%;
    text-align: center;
}

.tabelaTd:nth-child(2) {
    width: 60%;
    text-align: left;
}

.center {
    text-align: center;
}

.about {
    text-align: center;
    margin-bottom: 26px;
    padding: 0 12px;
}

.tabelaTd .link {
    margin: 0;
    display: block;
    font-size: 0.875em;
    line-height: 1.5em;
}

.box {
    width: 304px;
    height: 304px;
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
    position: relative;
    background-color: #fff;
}

.box1 {
    max-width: 632px;
    width: 632px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-bottom: 12px;
}

.bloco1 .box {
    height: 100%;
}

.boxWide {
    width: 632px;
    height: 100%;
    float: left;
    margin-bottom: 12px;
    position: relative;
    background-color: #fff;
    padding: 0 0 12px;
}

.img1 {
    width: 150px;
    vertical-align: bottom;
}

.imgLeft {
    width: calc(40% - 24px);
    float: left;
    margin-right: 24px;
    margin-top: 12px;
}

.rowImgTxt {
    width: 100%;
    clear: both;
    margin-bottom: 24px;
    display: inline-block;
}

.rowImgTxt p {
    display: block;
    width: 60%;
    float: left;
}

.imgCont {
    width: 150px;
    height: 100%;
    float: left;
    padding: 12px;
}

#list .boxWide .title {
    margin: 12px;
    display: block;
    font-size: 1em;
    height: auto;
}

.boxWide .titulo {
    margin: 12px;
    display: block;
    font-size: 1em;
    height: auto;
}

#list .title {
    margin: 6px 12px 4px;
}

.boxSmall {
    width: 304px;
    height: auto;
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
    position: relative;
    background-color: #fff;
}

.boxSmallNp {
    width: 304px;
    height: auto;
    float: left;
    margin-right: 24px;
    position: relative;
    background-color: #fff;
}

.boxSmallNp p {
    padding: 12px 12px 0 12px;
}

.boxSmallNp p:last-child {
    padding: 12px;
}

.boxSmallNp p img {
    display: flex;
    width: 100%;
    min-height: 105px;
}

.boxSmallFoto {
    width: 304px;
    height: 304px;
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
    position: relative;
    background-color: #fff;
}

.box a, .boxSmall a, .boxWide a {
    color: #000;
}

#one a {
    color: #005e8e;
    font-family: 'Poppins-medium', 'sans-serif';
}

.keys {
    float: left;
    margin: 12px;
    font-size: 12px;
    display: block;
}

.keys a {
    color: #005e8e;
    font-size: 13px;
    font-weight: bold;
}

.social {
    display: block;
    background-color: #fff;
    padding: 12px;
    width: 100%;
    height: 21px;
}

.box a {
    color: #000;
}

.catBox {
    width: 632px;
    min-height: 100px;
    height: 100%;
}

#content #corpo {
    background-color: #135fac;
    max-width: 1400px;
    margin: 0 auto;
    clear: both;
}

#content #inner {
    border-top: 1px solid #fff;
    max-width: 960px;
    margin: 0 auto;
    clear: both;
}

.arrow {
    background: url("/img/upArrow.png") no-repeat 0 0;
    background-size: 13px 17px;
    height: 17px;
    width: 13px;
    float: right;
    position: absolute;
    right: 5px;
}

.categoryTitle {
    font-size: 2.25em;
    color: #fff;
    padding: 14px 0;
    font-weight: 500;
    text-transform: uppercase;
}

.upper a {
    color: #fff;
}

#categorySummary {
    font-family: 'Poppins-regular', 'sans-serif';
    font-size: 1.125em;
    color: #fff;
    font-weight: 100;
    padding: 10px 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: justify;
    text-justify: inter-word;
}

#categorySummary a {
    color: #005e8e;
    font-weight: bold;
}

#foot {
    clear: both;
    margin: 30px auto 0;
    display: block;
    height: 56px;
    padding: 0 59px;
}

#foot #innerFoot {
    padding: 12px 0 24px;
    border-top: 1px solid #005e8e;
}

#foot div {
    font-family: 'Poppins-medium', 'sans-serif';
    font-size: 12px;
}

#leftFoot {
    width: 36%;
    display: block;
    float: left;
    margin-top: 6px;
}

#centerFoot {
    width: 28%;
    display: block;
    float: left;
    text-align: center;
    margin-top: 6px;
}

#rightFoot {
    width: 36%;
    display: block;
    float: left;
}

.footLink {
    padding-right: 6px;
}

#menu .close {
    display: none;
}

.white {
    background-color: #fff;
}

.mapa {
    height: 280px;
    margin: 12px;
}

.mapaGrande {
    width: 100%;
    height: 380px;
    position: relative;
    margin: 12px 0;
}

.reset-control {
    background: url("/img/Reset.png") no-repeat;
    width: 28px;
    height: 28px;
    cursor: pointer !important;
}

#map_label {
    width: 280px;
    background-color: #fff;
    margin: 12px;
}

.link a {
    color: #135fac;
}

.headLightBlue {
    color: #005e8e !important;
    font-size: 1.125em !important;
}

.headOrangeBlue {
    background-color: #faa61a !important;
    color: #135fac !important;
    font-size: 1.125em !important;
    display: inline-block;
}

.headOrangeWhite {
    background-color: #faa61a !important;
    color: #fff !important;
    font-size: 1.125em !important;
    display: inline-block;
    padding: 12px;
}

.headOrangeWhiteIndent {
    background-color: #faa61a !important;
    color: #fff !important;
    font-size: 1.125em !important;
    display: inline-block;
    text-indent: 6px;
}

.imagem {
    padding: 12px 12px 0 12px;
    width: 100%;
}

.imagemFull {
    display: flex;
    padding: 12px;
    width: 100%;
}

.imagemHalf {
    display: flex;
    padding: 12px 12px 0 12px;
    width: 100%;
    min-height: 105px;
}

.right {
    float: right;
    margin-right: 0;
}

#menuNav {
    clear: both;
    border-top: 1px solid #005e8e;
    font-size: 1.2em;
    z-index: 1;
    background-color: transparent;
    display: none;
}

#menuNav1 {
    font-size: 14px;
    z-index: 1;
    background-color: transparent;
}

#menu {
    margin: 0 auto;
    color: #135fac;
    display: table;
    width: 960px;
}

#menu li {
    position: relative;
    display: table-cell;
    cursor: pointer;
    vertical-align: middle;
    line-height: 3.125em;
    text-align: left;
}

#menu a {
    display: inline-block;
}

#menu ul {
    position: absolute;
    margin: 0;
    text-align: left;
}

#menu ul li {
    display: block;
}

#menu li:hover {
    background: #135fac;
    color: #fff;
}

#menu li:hover ul a {
    background: none;
}

#menu li:hover ul a:hover {
    background: #135fac;
    color: #fff;
}

#menu ul a {
    white-space: nowrap;
    display: block;
}

#menu li ul li {
    background-color: #fff;
    border-top: 1px solid #005e8e;
    text-align: left;
    padding: 0 10px;
}

#menu li ul li:last-child {
    border-bottom: 1px solid #005e8e;
}

#menu li ul {
    z-index: 2;
}

#menu #search {
    display: none;
}

.menuSmall {
    background-color: #005e8e;
    width: 100%;
    margin-top: 0 !important;
    height: 100%;
    font-size: 0.8em;
    float: none !important;
    overflow: auto;
}

.menuSmall li ul li {
    background-color: #005e8e;
}

#menuNovo {
    float: right;
    margin-top: 59px;
    padding-inline-start: 0;
}

.newMainImg {
    width: 100%;
    height: auto;
}

#menuNovo li.lvl0 {
    position: relative;
    display: inline;
    cursor: pointer;

    float: right;
    color: #005e8e;
    padding-right: 12px;
    font-size: 14px;
    font-family: "Poppins-medium", "sans-serif";
}

#menuNovo li.lvllupa {
    position: relative;
    display: inline;
    cursor: pointer;

    float: right;
    color: #005e8e;
    padding-right: 14px;
    font-size: 14px;
    font-family: "Poppins-medium", "sans-serif";
}

#lupa1 {
    display: none;
}

#menuNovo .lvl1 {
    display: none;
    list-style: none;
    background-color: #fff;
    z-index: 1000;
    padding: 4px;
}

#menuNovo .lvl1 li:first-child {
    padding-top: 4px;
}

#menuNovo .lvl1 li:last-child {
    padding-bottom: 4px;
}

#menuNovo li.lvl0:hover .lvl1 {
    display: block;
}

#menuNovo li.lvl0:hover .lvl1 {
    color: #555555;
}

#menuNovo .lvl1 a {
    font-size: 13px;
    color: #555555;
    padding: 10px;
    white-space: nowrap;
}

#menuNovo .lvl1 a:hover {
    color: #005e8e;
}

#menuNovo li.lvlNews {
    display: none !important;
}

#menuNovo .hidden1 {
    display: none;
    cursor: pointer;
    width: 220px;
    padding-top: 5px;
}

#menuNovo li.lvl0:nth-child(6) ul, #menuNovo li.lvl0:nth-child(4) ul, #menuNovo li.lvl0:nth-child(5) ul {
    right: 0;
}

#menuNovo li.lvl0:nth-child(6) .hidden1 li, #menuNovo li.lvl0:nth-child(4) .hidden1 li, #menuNovo li.lvl0:nth-child(5) .hidden1 li {
    text-align: right;
}

#menuNav1 #menuNovo li a {
    color: #fff;
}

#menuNav1 #menuNovo .hidden1 li:hover a {
    color: #005e8e;
}

#menuNovo ul {
    margin: 0;
    padding: 0;
    position: absolute;
}

#menuNav-bg {
    position: absolute;
    width: 100%;
    top: 164px;
    background: #135fac;
    opacity: 0.9;
    filter: alpha(opacity=90);
    height: 0;
    z-index: 1;
    max-width: 1400px;
}

.gradient {
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hide {
    display: none !important;
}

.show {
    display: table !important;
}

#menuNav #close {
    display: none;
}

#menuNav #menuIcon {
    font-size: 2em;
    display: none;
}

#menuNav2 {
    display: none;
}

#menu .lvlNews {
    display: none !important;
}

#mainArea {
    min-height: 52.8125em;
    background-color: #135fac;
    clear: both;
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 24px 0;
}

#mainArea .box:nth-child(3), #mainArea .box:nth-child(6) {
    margin-right: 0;
}

#innerArea {
    min-height: 35em;
    background-color: #135fac;
    clear: both;
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 24px 24px;
    overflow: hidden;
}

#innerArea .box:nth-child(2), #innerArea .box:nth-child(4), #innerArea .box:nth-child(6), #innerArea .box:nth-child(8), #innerArea .box:nth-child(10), #innerArea .box:nth-child(12) {
    margin-right: 0;
}

.blocoIntro {
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #fff;
    padding: 12px 0 0;
}

.blocoIntro a {
    color: #fff;
}

.white {
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
    position: relative;
    width: 960px;
}

#innerArea .bloco {
    padding: 12px 0;
}

#innerArea .bloco:first-child {
    border-top: 1px solid #fff;
    padding: 12px 0 0;
}

.bloco {
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
    position: relative;
    width: 960px;
}

.bloco1 {
    margin-left: 24px;
    margin-bottom: 24px;
    max-width: 304px;
    overflow: hidden;
    position: relative;
    float: right;
}

.bloco2 {
    max-width: 632px;
    width: 632px;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 0 auto;
}

.bloco3 {
    max-width: 960px;
    width: 960px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 12px;
}

.bloco3 .boxWide {
    width: 100%;
}

.pad50 {
    padding-top: 50px;
}

.pad25b {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pad25 {
    padding-top: 25px;
}

.pad12 {
    padding: 12px;
}

.pad12 .imagem {
    padding: 0;
}

.lopad {
    padding-bottom: 30px;
}

.category {
    height: 90px;
    float: left;
    width: 304px;
    margin-right: 24px;
    opacity: 1;
}

.category:hover {
    opacity: 0.8;
}

#mainArea .bloco a:last-child .category {
    margin-right: 0;
    float: left;
}

.knowledgeBanner {
    background: url("/img/know.png") no-repeat 0 0;
    background-size: 100%;
}

.infrastructuresBanner {
    background: url("/img/infra.png") no-repeat 0 0;
    background-size: 100%;
}

.outreachBanner {
    background: url("/img/out.png") no-repeat 0 0;
    background-size: 100%;
}

.outreach:before {
    content: url("/img/outreachSmall.png");
    height: 36px;
    width: 36px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 0;
    -webkit-filter: drop-shadow(0px 3px 3px #999);
    filter: drop-shadow(0px 3px 3px #999);
}

.infrastructures:before {
    content: url("/img/barcoSmall.png");
    height: 36px;
    width: 36px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 0;
    -webkit-filter: drop-shadow(0px 3px 3px #999);
    filter: drop-shadow(0px 3px 3px #999);
}

.knowledge:before {
    content: url("/img/knowSmall.png");
    height: 36px;
    width: 36px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 0;
    -webkit-filter: drop-shadow(0px 3px 3px #999);
    filter: drop-shadow(0px 3px 3px #999);
}

.eurocean:before {
    content: url("/img/euroSmall.png");
    height: 36px;
    width: 36px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 0;
    -webkit-filter: drop-shadow(0px 3px 3px #999);
    filter: drop-shadow(0px 3px 3px #999);
}

.membersLogos {
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
    position: relative;
}

.membersLogo90 {
    width: 90px;
    height: 60px;
    float: left;
}

.membersLogo95 {
    width: 95px;
    height: 60px;
    float: left;
}

.membersLogo195 {
    width: 195px;
    height: 60px;
    float: left;
}

.membersLogo155 {
    width: 155px;
    height: 60px;
    float: left;
}

.membersLogo60 {
    width: 60px;
    height: 60px;
    float: left;
}

.membersLogo120 {
    width: 120px;
    height: 60px;
    float: left;
}

.membersLogo110 {
    width: 110px;
    height: 60px;
    float: left;
}

.membersLogo135 {
    width: 135px;
    height: 60px;
    float: left;
}

.membersLogo155 {
    width: 155px;
    height: 60px;
    float: left;
}

.membersLogo70 {
    width: 70px;
    height: 60px;
    float: left;
}

.membersLogo50 {
    width: 50px;
    height: 60px;
    float: left;
}

.membersLogos a {
    vertical-align: middle;
}

.fct {
    width: 45px;
    height: 100%;
    vertical-align: middle;
}

.cesam {
    width: 70px;
    height: 100%;
    vertical-align: middle;
}

.imr {
    width: 50px;
    height: 100%;
    vertical-align: middle;
}

.marine {
    width: 50px;
    height: 100%;
    vertical-align: middle;
}

.nausicaa {
    width: 90px;
    height: 100%;
    vertical-align: middle;
}

.ifremer {
    width: 80px;
    height: 100%;
    vertical-align: middle;
}

.ipan {
    width: 32px;
    height: 100%;
    vertical-align: middle;
}

.vliz {
    width: 50px;
    height: 100%;
    vertical-align: middle;
}

.tubi {
    width: 45px;
    height: 100%;
    vertical-align: middle;
}

.submariner {
    width: 50px;
    height: 100%;
    vertical-align: middle;
}

.geoecomar {
    width: 50px;
    height: 100%;
    vertical-align: middle;
}

.cmmi {
    width: 68px;
    height: 100%;
    vertical-align: middle;
}

.cndr {
    width: 114px;
    height: 100%;
    vertical-align: middle;
}

.ieo {
    width: 46px;
    height: 100%;
    vertical-align: middle;
}

.geoeco {
    width: 78px;
    height: 100%;
    vertical-align: middle;
}

.pan {
    width: 50px;
    height: 100%;
    vertical-align: middle;
}

.cnr {
    width: 50px;
    height: 100%;
    vertical-align: middle;
}

.frct {
    width: 72px;
    height: 100%;
    vertical-align: middle;
}

.becomeBanner {
    background: url("/img/becomeMem.png") no-repeat 0 0;
    height: 90px;
    margin: 20px auto;
    float: none;
    cursor: pointer;
}

.fb {
    background: url("/img/socials/Redes-01.svg") no-repeat 0 0;
    background-size: 24px;
    margin-right: 0;
}

.insta {
    background: url("/img/socials/Redes-04.svg") no-repeat 0 0;
    background-size: 24px;
}

.twitter {
    background: url("/img/socials/Redes-02.svg") no-repeat 0 0;
    background-size: 24px;
}

.linkedin {
    background: url("/img/socials/Redes-05.svg") no-repeat 0 0;
    background-size: 24px;
}

.youtube {
    background: url("/img/socials/Redes-03.svg") no-repeat 0 0;
    background-size: 24px;
}

.subscribe {
    background-color: #005e8e;
    border-radius: 12px;
    color: #fff;
    box-shadow: none;
    border-width: 0;
    padding: 4px 12px;
    cursor: pointer;
    width: 60px;
    display: inline-block;
    margin: 0 10px;
    text-align: center;
    font-size: 12px;
    float: right;
}

.subscribe a {
    color: #fff;
}

/*  SLIDESHOW  */

.swiper-container {
    width: 100%;
    height: 368px;
    z-index: 0;
}

.swiper-container-text {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: flex-start;
}

.swiper-slide-legend {
    max-width: calc(100% - 120px);
    width: 100%;
    margin: 0 auto;
    position: absolute;
    height: 100%;
    top: 60px;
}

.swiper-pagination {
    text-align: left;
}

.swiper-pagination-fraction {
    left: 0;
}

.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    background: #135fac;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 60px;
    z-index: 2;
}

.textoFoto {
    font-family: 'Poppins-extrabold', "sans-serif";
    font-size: 48px;
    color: #fff;
    text-align: left;
    line-height: 44px;
    display: block;
}

.textoFotoSmall {
    font-family: 'Poppins-medium', "sans-serif";
    font-size: 36px;
    color: #fff;
    text-align: left;
    line-height: 36px;
    display: block;
}

.entry {
    padding: 10px 0;
    line-height: 140%;
    border-bottom: 1px solid #005e8e;
}

.entry .date {
    color: #005e8e;
}

.entry .titulo {
    color: #555555;
    font-size: 22px;
    letter-spacing: -0.5px;
    font-family: 'Roboto-light', sans-serif;
    line-height: 30px;
    text-align: left;
}

.entry .titulo a {
    color: #555555;
}

.titulo a {
    color: #555555;
}

/*  NP4    */

#texto {
    font-family: 'Poppins-light', 'sans-serif';
    margin: 12px;
    display: block;
    overflow: hidden;
}

#texto .titulo {
    font-size: 1.25em;
    font-family: 'Poppins-black', 'sans-serif';
    padding: 12px 0 6px;
}

#texto .subtitle {
    font-size: 1em;
    font-family: 'Poppins-black', 'sans-serif';
    padding: 0;
}

#texto h3 {
    font-size: 1.125em;
}

#texto .img {
    display: flex;
    padding: 0 12px 12px 0;
}

#texto .left img {
    display: flex;
    padding: 0 12px 12px 0;
    margin: 0 auto;
    width: 100%;
}

#texto .center img {
    display: flex;
    width: 100%;
}

#texto img {
    display: flex;
    width: 100%;
}

#texto .left {
    width: 50%;
    float: left;
}

#texto .right {
    width: 50%;
    float: right;
}

#texto .left33 {
    width: 33%;
    float: left;
    height: initial;
}

#texto .right33 {
    width: 33%;
    float: right;
    height: initial;
}

#texto .center33 {
    width: 33%;
    float: left;
    height: initial;
}

.fullWidth {
    width: 70%;
    margin: 30px auto;
    display: block;
}

#texto .fullWidth {
    width: 100%;
    clear: both;
    float: none;
    padding: 24px 0;
}

#texto .block {
    width: 100%;
    max-width: 632px;
    overflow: hidden;
}

#texto p {
    margin-bottom: 16px;
}

#texto a {
    font-weight: bold;
    color: #005e8e;
    font-family: 'Poppins-regular', 'sans-serif';
}

.newsletterForm input {
    border: 0;
    height: 26px;
    width: 96%;
    color: #005e8e;
    outline: 0;
    font-size: 0.8em;
    margin: 12px 0;
    padding: 6px;
}

.fb-share-button {
    position: relative;
    float: left;
    height: 20px !important;
    padding-right: 5px;
    padding-left: 5px;
}

.twitter-share-button {
    float: left;
    padding-right: 5px;
}

.IN-widget {
    float: left;
    padding-right: 5px;
}

#___plus_0 {
    float: left;
    padding-right: 4px;
    height: 21px !important;
}

.email_button {
    background: url("/img/emailSmall.png") no-repeat 0 0;
    height: 21px;
    width: 22px;
    float: left;
    cursor: pointer;
    padding-right: 5px;
}

.fb_iframe_widget {
    display: flex !important;
}

.menuEntry {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.alpha_wrapper {
    width: 304px;
    float: right;
    position: relative;
    margin-left: 24px;
}

.alpha_2 {
    height: 80px;
    float: left;
}

.alpha_2_text {
    height: 80px;
}

.text_holder_2 {
    width: 280px;
    color: #000;
    line-height: 80px;
}

.blocoMiddleLeft {
    overflow: hidden;
    float: left;
    width: 632px;
    margin-bottom: 24px;
}

.blocoMiddleRight {
    overflow: hidden;
    float: right;
    width: 304px;
}

#outerJoin {
    position: absolute;
    z-index: 4;
    max-width: 1400px;
    width: 100px;
    right: 0;
}

#fotoJoin {
    background: url('/img/join.png') no-repeat 0 0;
    background-size: 81px 139px;
    width: 81px;
    height: 139px;
    float: right;
    margin-right: 40px;
}

.imgSidebySide {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    column-gap: 24px;
    row-gap: 24px;
}

.imgSidebySide .left {
    min-width: calc(100% / 4 - 20px);
    height: 206px;
    position: relative;
    font-family: "Poppins-medium", sans-serif;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    max-width: calc(100% / 4 - 20px);
}

.reports .imgSidebySide .left {
    height: 280px;
}

.reports .imgSidebySide img {
    object-fit: cover;
}

.withLogos {
    margin-top: 6px;
}

.withLogos.imgSidebySide .left {
    object-fit: contain;
    max-width: calc(100% / 4 - 20px);
    height: 100px;
}

.withLogos.imgSidebySide img {
    height: 100%;
    object-fit: contain;
    max-width: 100%;
    padding: 20px;
    max-height: 100px;
}

.imgSidebySide img {
    height: 100%;
    object-fit: contain;
    max-width: 100%;
}

.infographic, .infographic1, .infographic2 {
    max-width: 632px;
    position: relative;
    overflow: hidden;
}

.infographic img {
    width: 608px;
    max-width: 608px;
    float: left;
}

.infographic1 #bar {
    width: 608px;
    max-width: 608px;
}

.flag1 {
    left: 70px;
    position: absolute;
    max-width: 75px;
    bottom: 0;
}

.flag2 {
    position: absolute;
    left: 170px;
    max-width: 75px;
    bottom: 0;
}

.flag3 {
    position: absolute;
    left: 270px;
    max-width: 75px;
    bottom: 0;
}

.flag4 {
    position: absolute;
    left: 370px;
    max-width: 75px;
    bottom: 0;
}

.flag5 {
    position: absolute;
    left: 470px;
    max-width: 75px;
    bottom: 0;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#menu_square {
    width: 36px;
    height: 25px;
    background-image: url(../img/menu_close_lupa-03.svg);
    float: right;
    top: 30px;
    display: none;
    background-repeat: no-repeat;
}

.close_mobile_menu {
    width: 28px;
    height: 28px;
    position: absolute;
    right: 24px;
    top: 57px;
    color: white;
    background-image: url(../img/menu_close_lupa-02.svg);
    background-repeat: no-repeat;
}

.swiper-slide {
    height: auto;
}

#menuMobile {
    display: none;

}

#menuMobile ul {
    clear: both;
    padding-inline-start: 0;
}

#menuMobile ul .lvl1 {
    padding-inline-start: 20px;
}

#menuMobile ul li {
    list-style: none;
    color: #005e8e;
}


#menuMobile ul li ul li a {
    list-style: none;
    color: #555555;
}

.news.projects img {
    object-fit: fill;
    aspect-ratio: 4 / 4;
}

.sib-select {
    width: 85%;
    float: left;
}

#sib-form .subscribe {
    width: calc(15% - 16px);
    position: absolute;
    bottom: 15px;
}

#sib-form .subscribe button {
    color: #fff;
    font-size: 14px;
    padding: 0;
    width: 100%;
}

.sib-form .input {
    border-radius: 0;
}


#sib-container a {
    text-decoration: underline;
    color: #2BB2FC;
}

@media only screen and (min-width: 1380px) {
    .swiper-container {
        height: 446px;
    }

    .topBanner {
        position: relative;
        max-height: 446px;
        height: 446px;
    }

    #topcontainer {
        max-width: 1380px;
    }

    #foot {
        max-width: 1380px;
    }

    .bannerImg {
        background-size: 100% !important;
    }
}

@media only screen and (min-width: 1024px) {
    .topBanner {
        position: relative;
        height: 400px;
    }

    .bannerImg {
        background-size: 100% !important;
    }
}

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

    #menuMobile {
        position: absolute;
        width: calc(100% - 48px);
        height: 100vh;
        background-color: #eff2f2;
        top: 0;
        display: none;
        animation-duration: 1s;
        animation-name: slide-in;
        overflow-y: auto;
        z-index: 500;
        padding: 0 24px;
    }

    #menuNovo {
        display: none;
    }

    #menu_square {
        display: block;
        position: relative;
        top: 57px;
    }

    .swiper-container {
        height: 368px;
        z-index: 0;
    }

    .homeMember {
        flex: 1 0 14%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 70px;
    }

    .bannerImg {
        background-size: auto 400px !important;
    }

    .middle {
        padding: 0 59px;
    }

    #foot {
        max-width: 904px;
    }

    #topcontainer {
        max-width: 904px;
    }

    .news {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        column-gap: 24px;
        row-gap: 24px;
    }

    .newsBadge {
        max-width: calc(100% / 2 - 16px);
    }

    .news .newsBadge:last-child {
        display: block;
    }

    #lupa {
        display: none;
    }

    #lupa1 {
        position: relative;
        top: 60px;
        display: block;
        z-index: 10;
        width: 20px;
        float: right;
        right: 24px;
    }
}

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

    #topcontainer {
        padding: 0 24px;
    }

    .middle {
        padding: 0 24px;
    }

    #foot {
        padding: 0 24px;
    }

    .footLink {
        float: right;
    }

    .subTitle {
        margin-top: -10%;
    }

    #search {
        width: 280px;
    }

    .logo {
        width: 180px;
    }

    .sib-select {
        width: 80%;
        float: left;
    }

    #sib-form .subscribe {
        width: calc(20% - 16px);
        position: absolute;
        bottom: 15px;
    }

    #leftFoot {
        width: 50%;
        display: block;
        float: left;
        margin-top: 6px;
    }

    #centerFoot {
        width: 50%;

        display: block;
        float: left;
        text-align: center;
        margin-top: 6px;
    }

    #rightFoot {
        width: 265px;
        display: block;
        float: none;
        clear: both;
        margin: 0 auto;
        padding: 20px 0;
    }

    .imgLeft {
        width: 100%;
    }

    .rowImgTxt p {
        width: 100%;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 8%;
    }
}

@media only screen and (max-width: 720px) {
    .subTitle {
        margin-top: -17%;
    }
}

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

    #topcontainer {
        padding: 0 24px;
        height: 64px;
    }

    .middle {
        padding: 0 24px;
    }

    #foot {
        padding: 0 24px;
    }

    .news {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        row-gap: 24px;
    }

    .news .left {
        min-width: calc(100% / 2 - 14px);
        max-width: calc(100% / 2 - 14px);
        height: auto;
    }

    .newsBadge {
        max-width: 100%;
        width: 100%;
    }

    .homeMember {
        flex: 1 0 31%;
    }

    .subTitle {
        font-size: 36px;
        margin-top: -16%;
    }

    .shiftRight {
        margin-left: 0;
    }

    .logo {
        margin-top: 20px;
    }

    .logo img {
        max-width: 140px;
    }

    #menu_square {
        top: 25px;
    }

    #lupa1 {
        top: 30px;
    }

    #leftFoot {
        width: 100%;
        text-align: center;
    }

    #centerFoot {
        width: 100%;
    }

    #rightFoot {
        width: 100%;
        margin-top: 24px;
        padding-bottom: 24px;
    }

    #menuMobile {
        padding: 0 24px;
        width: calc(100% - 48px);
    }

    #menuMobile .logo {
        width: 50%;
    }

    .close_mobile_menu {
        top: 24px;
        right: 24px;
    }

    .withLogos.imgSidebySide .left {
        max-width: calc(100% / 2 - 14px);
        min-width: calc(100% / 2 - 14px);
    }

    .reports .imgSidebySide .left {
        min-width: calc(100% / 3 - 20px);
        max-width: calc(100% / 3 - 20px);
        height: 100%;
    }

    .members .left {
        width: calc(100% / 2 - 14px);
        min-width: calc(100% / 2 - 14px);
    }

    #search {
        width: 195px;
    }

    .logo {
        width: 140px;
    }

    #searchIpt {
        top: 0;
        clear: both;
        width: 100%;
        margin-bottom: 10px;
    }

    .swiper-container {
        height: 400px;
        z-index: 0;
    }

    .sib-select {
        width: 75%;
        float: left;
    }

    #sib-form .subscribe {
        width: calc(25% - 16px);
        position: absolute;
        bottom: 15px;
    }

    .footLink {
        float: none;
    }

    #rightFoot .rightFootSubscribe {
        width: 105px;
        display: block;
        height: 30px;
        margin: 20px auto 0;
        clear: both;
    }

    #rightFoot .rightFootSocial {
        width: 160px;
        display: block;
        height: 30px;
        margin: 0 auto;
        clear: both;
    }

    #rightFoot .rightFootSocial .socialLogo {
        text-align: center;
    }

    #texto {
        margin: 0;
    }

    .new .subTitleNew {
        line-height: 120%;
        font-size: 36px;
    }

    .sumario{
        margin: 12px 0;
    }
}


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

    .sib-select {
        width: 70%;
        float: left;
    }

    #sib-form .subscribe {
        width: calc(30% - 16px);
        position: absolute;
        bottom: 15px;
    }

    .bannerImg {
        background-size: auto 95% !important;
    }

    .swiper-container {
        height: 83vh;
        z-index: 0;
    }
}

@media only screen and (max-width: 460px) {
    #topcontainer {
        padding: 0 24px;
    }

    .sib-select {
        width: 100%;
    }

    #sib-form .subscribe {
        width: 110px;
        position: relative;
        margin: 36px 16px;
        float: right;
    }

    #search {
        width: 100%;
    }

    .subTitle {
        font-size: 24px;
        margin-top: -16%;
    }
}
