body {
    transition: all 0.3s ease;
}

.dyslexia-font {
    font-family: 'OpenDyslexic', Arial, sans-serif !important;
  }
  
*{padding:0;margin:0;}
section.barraacessibilidade {
    background: #286090;
    border-top: 2px solid #122b40;
    float: left;
    width:100%;
    position: absolute;
    top: 0;
    z-index: 99999;
}

section.barraacessibilidade ul {
float: left;
margin: 0 !important;
}

section.barraacessibilidade ul li {
float: left;
padding: 8px 0px;
list-style: none;
}

section.barraacessibilidade ul li a {color: #fff;border-right: 1px solid #122b40;padding: 0px 20px;font-family: Arial;font-size: 12px;text-decoration: none;cursor: pointer;font-weight: 600;}

section.barraacessibilidade ul li a small {
font-size: 100% !important;
font-weight: 200;
}

section.barraacessibilidade ul li a:hover {
    color: #122b40;
}
section.barraacessibilidade ul li a img {
    width: 20px;
    float: left;
    margin-right: -15px;
    margin-left: 20px;
}
#librasopen.ativo .giflibra{display: block !important;}
#librasopen .giflibra{display: none !important;}

.giflibra {
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  height: 285px;
  width: 265px;
  padding: 20px 20px;
  font-family: Arial;
  font-size: 14px;
  line-height: 16px;
  z-index: 9999999999;
  margin-top: 10px;
}
.giflibra img {
  margin-bottom: 15px;
}
.giflibra a {
  margin: 0;
  padding: 0 !important;
  float: none;
  border: none !important;
  font-weight: bold;
  color: #122b40 !important;
}

/* ..................................................................................................... */
/* CONTRASTE ALTO */
body.contrast,
.contrast nav,
.contrast div,
.contrast li,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast article {
  background: #000 !important;
  color: #fff !important;
}

.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast b,
.contrast u,
.contrast span {
  color: #fff !important;
}

.contrast a {
  color: yellow !important;
}

.contrast a:focus,
.contrast a:visited {
  color: yellow !important;
  outline: 2px dashed yellow !important;
}

.contrast button,
.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
  background: #000 !important;
  color: yellow !important;
  border: 1px solid yellow !important;
}

.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast textarea,
.contrast input[type=number] {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

.contrast table,
.contrast th,
.contrast td {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

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

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