#acessibilidade {
  background-color: #135570;
  padding: 2px;
  /* width: 100%; */
}

#acessibilidade ul {
  list-style-type: none;
  display: flex;
  padding:0.5rem 0;
  margin: 0;
}

#acessibilidade ul li a {
  padding: 3px 10px 3px 10px;
  margin-left: 0px;
  font-size: 0.8em;
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

#acessibilidade ul li a:hover {
  color: #ffffff;
  background-color: #1c7fa8;
}

#acessibilidade ul li a:active,
#acessibilidade ul li a:visited {
  color: #ffffff !important;
}

.altoContraste #acessibilidade {
  background-color: #404040 !important;
}
.altoContraste #acessibilidade ul {
  background-color: #404040 !important;
}
.altoContraste #acessibilidade ul li a:hover {
  background-color: #f5f5f5;
  color: #000000 !important;
}
.altoContraste #acessibilidade .row {
  background: none !important;
}

.altoContraste,
.altoContraste nav,
.altoContraste div,
.altoContraste li,
.altoContraste ol,
.altoContraste header,
.altoContraste footer,
.altoContraste section,
.altoContraste main,
.altoContraste aside,
.altoContraste article {
  background: black !important;
  color: white !important;
}

.altoContraste h1,
.altoContraste h2,
.altoContraste h3,
.altoContraste h4,
.altoContraste h5,
.altoContraste h6,
.altoContraste p,
.altoContraste label,
.altoContraste strong,
.altoContraste em,
.altoContraste cite,
.altoContraste q,
.altoContraste i,
.altoContraste b,
.altoContraste u {
  background: black !important;
  color: white !important;
}

.altoContraste #mainnav {
  border-bottom: 1px solid #f5f5f5 !important;
}

.altoContraste .section-title:before {
  background-color: #f5f5f5;
}

.altoContraste #Home {
  background-image: url("/images/ie_bg_13_12_23_v1.1_contrast.jpg") !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

.altoContraste #Home .bot-sl.section {
  background-image: url("/images/VemPorAi_2023_nov_v1.1_contrast.png") !important;
  background-attachment: unset !important;
  background-size: cover !important;
}

@media (max-width: 425px) {
  .altoContraste #Home .bot-sl.section {
    background-image: none !important;
  }
}

.altoContraste #Home .button-msg-slogan ul li h3 {
  background: transparent !important;
}

.altoContraste #Home .row,
.altoContraste #Home .module-ct,
.altoContraste #Home nav,
.altoContraste #Home div,
.altoContraste #Home li,
.altoContraste #Home ol,
.altoContraste #Home header,
.altoContraste #Home footer,
.altoContraste #Home section,
.altoContraste #Home main,
.altoContraste #Home aside,
.altoContraste #Home article,
.altoContraste #Home p {
  background: none !important;
}

.altoContraste #Destaque div {
  background: none !important;
}

.altoContraste #Destaque .camera_wrap .camera_pag .camera_pag_ul li {
  background: white !important;
}

.altoContraste #Destaque .camera_azure_skin .camera_prev > span {
  background-position: 0 -160px !important;
}

.altoContraste #Destaque .camera_azure_skin .camera_next > span {
  background-position: -40px -160px !important;
}

.altoContraste #Destaque .camera_azure_skin .camera_commands > .camera_stop {
  background-position: -120px -240px;
}

.altoContraste #Destaque .camera_prev > span,
.altoContraste #Destaque .camera_next > span,
.altoContraste #Destaque .camera_play,
.altoContraste #Destaque .camera_play {
  border: 1px solid #f5f5f5;
}
.altoContraste #Destaque .camera_caption > div {
  background: #000 !important;
  background: rgba(0, 0, 0, 0.8) !important;
}

.altoContraste #SecaoUteis .menu-academico ul li a {
  border-color: #ffffff;
}
.altoContraste .btn-more-home {
  background-color: transparent !important;
  border: 1px solid #f5f5f5 !important;
  margin-top: 20px !important;
}

.altoContraste .readmore .btn {
  background: transparent;
  border: 1px solid #ffffff;
}

.altoContraste .blog ol li a {
  background: transparent;
}

.altoContraste .menu-academico ul li a {
  background: transparent;
  border-color: #ffffff;
}

.altoContraste .menu-academico ul li a:hover {
  background: #404040;
  border-color: #ffffff;
}

.altoContraste .btn.btn-success {
  background: transparent;
  border-color: #ffffff;
  color: yellow;
}

.altoContraste .btn.btn-success span {
  color: yellow !important;
}

/* midia */
.altoContraste #Midia ul.tags li a.label-info[href] {
  background-color: transparent !important;
  border: 1px solid #f5f5f5;
}

.altoContraste #Midia .bt-extra span {
  color: #ffffff !important;
}

.altoContraste #Premiacoes div > span {
  background: black !important;
  color: white !important;
}
/* midia */

/* todas paginations do site */
.altoContraste .pagination ul > li > span {
  border: 1px solid #f5f5f5;
  background: transparent;
  color: #ffffff !important;
  opacity: unset;
}
.altoContraste .pagination ul > li > a {
  border: 1px solid #f5f5f5;
  background: transparent;
  color: #f5f5f5;
}
/* todas paginations do site */

/* observatorio */
.altoContraste .menu-observatorio li a:hover {
  border: 1px solid #ffffff !important;
  background: transparent;
}

.altoContraste .categories-module li a,
ul.categories-module li a {
  background: transparent;
}

.altoContraste #destaque-2 div {
  background: none !important;
}

.altoContraste #destaque-2 .camera_caption > div {
  background: #000 !important;
}

.altoContraste .blog ul.tags li span.label-info {
  background-color: transparent !important;
  border: 1px solid #f5f5f5;
}
/* observatorio */

.altoContraste a {
  color: yellow !important;
}

.altoContraste button,
.altoContraste input[type="button"],
.altoContraste input[type="reset"],
.altoContraste input[type="submit"] {
  background: black !important;
  color: yellow !important;
  border: none !important;
}

.altoContraste a.logo img {
  filter: brightness(0%) invert(1);
}

.altoContraste img {
  filter: grayscale(100%) contrast(120%);
}

.altoContraste img.on-contrast-force-gray {
  filter: grayscale(100%) contrast(120%);
}

.altoContraste img.on-contrast-force-white {
  filter: brightness(0) invert(1);
}

/* formularios */
.altoContraste input[type="text"],
.altoContraste input[type="password"],
.altoContraste input[type="url"],
.altoContraste input[type="search"],
.altoContraste input[type="email"],
.altoContraste input[type="tel"],
.altoContraste input[type="date"],
.altoContraste input[type="month"],
.altoContraste input[type="week"],
.altoContraste input[type="datetime"],
.altoContraste input[type="datetime-local"],
.altoContraste textarea,
.altoContraste input[type="number"] {
  background: black !important;
  border: 1px solid white !important;
  color: white !important;
}

/* breadcrumbs */
.altoContraste .breadcrumb {
  background-color: black;
  color: white;
}

/* header columns */
.altoContraste #yt_header .row > div:before {
  border: 0;
}

.altoContraste #yt_header > div.container > div.row {
  display: flex;
  align-items: center;
}

.altoContraste #yt_mainmenu #meganavigator li.level1 {
  border-left: 1px solid white;
}

.altoContraste #yt_mainmenu #meganavigator li.level1.first {
  border-left: 0;
}
.altoContraste #yt_mainmenu #meganavigator li.level1.last {
  border-right: 0;
}

/* menu de navegacao */
.altoContraste nav,
.altoContraste #yt_mainmenu,
.altoContraste #yt-responivemenu {
  background-color: #444444 !important;
}
.altoContraste #yt_mainmenu #meganavigator li.level1.active {
  background-color: white !important;
}
.altoContraste #yt_mainmenu #meganavigator li.level1 {
  background-color: #444444 !important;
}
.altoContraste #yt_mainmenu #meganavigator li.level1.active a,
.altoContraste #yt_mainmenu #meganavigator li.level1.active span,
.altoContraste #yt_mainmenu #meganavigator li.level1.havechild:after {
  color: black !important;
}
.altoContraste #yt_mainmenu #meganavigator ul.subnavi li.level2.havechild.hover a,
.altoContraste #yt_mainmenu #meganavigator ul.subnavi li.level2.havechild a:hover {
  color: black !important;
}
.altoContraste #yt_mainmenu #meganavigator li.level1.havechild:after {
  color: white !important;
}
.altoContraste ul#menu-inside > li {
  border-color: white;
}
.altoContraste ul#menu-inside > li a {
  color: white !important;
}
.altoContraste ul#menu-inside > li a:hover {
  color: black !important;
}

/* submenu */
.altoContraste #yt_mainmenu #meganavigator .mega-content ul.subnavi li:hover > .item-link,
.altoContraste #yt_mainmenu #meganavigator .mega-content ul.subnavi li.hover > .item-link,
.altoContraste #yt_mainmenu #meganavigator .mega-content ul.subnavi li.active > .item-link,
.altoContraste #yt_mainmenu #meganavigator .mega-content .menu li:hover > .item-link,
.altoContraste #yt_mainmenu #meganavigator .mega-content .menu li.hover > .item-link,
.altoContraste #yt_mainmenu #meganavigator .mega-content .menu li.active > .item-link,
.altoContraste #yt_mainmenu #meganavigator .mega-content ul.subnavi li a:hover span {
  background-color: white !important;
  color: black !important;
}

/* posts */
.altoContraste .blog-featured .items-row .item .article-text a.more:after {
  background-color: transparent;
  border: 1px solid white;
}

@media (max-width: 767px) {
  #mainnav {
    margin-left: 0;
    margin-right: 0;
  }
  #acessibilidade .main-access {
    display: flex;
    align-items: center;
    justify-content: center!important;
    flex-wrap: wrap;
  }

  #acessibilidade .main-access ul {
    flex-direction: row-reverse!important;
    align-items: center;

  }

  #acessibilidade .fa-wheelchair {
    font-size: 1.1rem;
    padding: 0 0.2rem;
  }

  #acessibilidade ul.open-access {
    flex-direction: column-reverse!important;
    width: 100%;
  }

  #acessibilidade ul.open-access li {
    width: 100%;
    text-align: center;
    padding:0.5rem 0;
  }


}

/* config para corrigir "header" em pequenos e medios dispositivos */
@media only screen and (max-width: 440px) {
  #acessibilidade {
    width: 100%;
    margin: 0;
  }
  #header {
    /* margin-left: -24px;
    margin-right: -24px;
    padding-left: 0 !important;
    padding-right: 0 !important; */
  }
}

/* Correção do menu de acessibilidade */
@media only screen and (min-width:768px) {
  #acessibilidade ul {
    flex-direction: row-reverse!important;
    justify-content: right;
    align-items: center!important;
  }
  #acessibilidade ul li a img {
    width: 20px !important;
  }
}

#acessibilidade .main-access {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

#acessibilidade > div > div > div > ul > li > a > img {
  position: relative;
  top: -2px;
  margin-right: 2px!important;
}

/* Fecha correção do menu de acessibilidade */