html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Josefin Sans;
  background-color: #fff; }

label {
  margin: 0; }

.sin_p {
  padding: 0; }

.sin_m {
  margin: 0; }

#banner {
  background-color: #00A8FA;
  color: #fff;
  padding: 0.8% 8.3% 0.3% 8.3%; }
  #banner .logo {
    width: 25%; }
  #banner .pag-redes {
    float: right;
    margin-top: 2%;
    margin-bottom: 1%;
    background: #5BB4ED; }
    #banner .pag-redes ul {
      margin: 0;
      padding: 0; }
      #banner .pag-redes ul .li-red {
        float: left;
        padding: 5px;
        list-style: none; }
      #banner .pag-redes ul .p_extra {
        padding-right: 18px; }
      #banner .pag-redes ul li .portal {
        padding: 4px 30px 3px 15px;
        border: none;
        font-weight: 500;
        position: relative;
        border-right: 1px solid #fff;
        font-size: 15px;
        color: #fff; }
      #banner .pag-redes ul li .link-red {
        border: none;
        padding: 0;
        margin: auto;
        display: table; }
        #banner .pag-redes ul li .link-red img {
          width: 20px;
          height: 20px; }
  #banner h1 {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    padding: 4% 3% 2.5%; }

footer {
  background-color: #00bcfb;
  color: #fff;
  font-size: 15px;
  text-align: center;
  padding: 2px;
  position: fixed;
  width: 100%;
  bottom: 0; }
  footer p {
    padding: 0;
    margin: 0; }

#acuerdos {
  text-align: center;
  padding: 5% 0 7% 0; }
  #acuerdos .doc {
    background-color: #e8e8e8;
    padding: 2% 10%; }
    #acuerdos .doc img, #acuerdos .doc label {
      cursor: pointer; }
    #acuerdos .doc img {
      display: table;
      margin: auto;
      width: 75px;
      height: auto; }
    #acuerdos .doc label {
      font-size: 22px;
      font-weight: 400;
      text-decoration: none;
      padding-top: 15px; }

@media(max-width: 1680px) {
  #banner .logo {
    width: 30%; }
  #banner h1 {
    font-size: 37px; }

  #acuerdos .doc label {
    font-size: 20px; } }
@media(max-width: 1380px) {
  #banner {
    padding: 2% 6.3% 0% 6.3%; }
    #banner .logo {
      width: 35%; }
    #banner h1 {
      font-size: 35px; }

  #acuerdos .doc {
    padding: 2% 5%; }
    #acuerdos .doc img {
      width: 65px; }
    #acuerdos .doc label {
      font-size: 18px; } }
@media(max-width: 1199px) {
  #banner {
    padding: 2% 3.8% 0% 3.8%; }
    #banner .logo {
      width: 40%; }
    #banner h1 {
      font-size: 33px; } }
@media(max-width: 991px) {
  #banner .logo {
    width: 45%; }
  #banner h1 {
    font-size: 30px;
    padding: 4% 0 2.5%; }

  #acuerdos .doc {
    padding: 2% 3%; }
    #acuerdos .doc label {
      font-size: 16px; } }
@media(max-width: 767px) {
  #banner .logo {
    width: 60%; }
  #banner h1 {
    font-size: 27px; }

  #acuerdos .doc {
    padding: 5% 3%;
    margin-bottom: 3%; }
    #acuerdos .doc img {
      width: 55px; }
    #acuerdos .doc label {
      font-size: 19px; } }
@media (max-width: 576px) {
  #banner .logo {
    width: 70%; }
  #banner .pag-redes ul li .portal {
    display: none; } }
@media(max-width: 490px) {
  #banner .logo {
    width: 85%; }
  #banner h1 {
    font-size: 25px; }

  #acuerdos .doc label {
    font-size: 17px; } }
@media(max-width: 380px) {
  #banner .logo {
    width: 100%; }
  #banner h1 {
    font-size: 22px; } }

/*# sourceMappingURL=estilo.css.map */