.leyenda { 
  list-style: none;  
  padding-left: 0;
  display: table;
}


.leyenda li { 
  float: left; 
  border: 0.3em solid #006699; 
  padding: 0.2em;
  display: table-cell;
  vertical-align: middle;
}

#indicadorLeyendaMiembrosUIC { 
  border: 1px solid #000000; 
  float: left;
  width: 1.2em;
  height: 1.2em; 
  margin: 0.1em;
  display: table-cell;
  vertical-align: middle;
}

#textoLeyendaMiembrosUIC { 
  float: left; 
  padding: 0.2em;
  display: table-cell;
  vertical-align: middle;
}


/* your colors */
.leyenda .miembrosUIC { 
  background-color: #ffeaa3; 
}

.miembrosUIC{
  background-color:#ffeaa3;
}

        
        #imagen_seccion {
            vertical-align: middle;
            margin-left: 0.8em;
            position: relative;
            height: 8vh;
        }
        
        #imagen_miembros {
          width: 900;
          max-height: 85vh;
          max-width: 97vw;
        }

        div {
            vertical-align: top;
            text-align: left;
            width: auto;
            margin-top: 0.25em;
            margin-bottom: 0.25em;
            vertical-align: middle;
        }

        hr {
          border: none;
          margin: 0px;
          background-color: #006699;
          height: 0.3em;
        }
        
        th {
          display: inline-block;
          vertical-align: middle;
        }

        .pageHeader {
            width: auto;
            display: inline-block;
        }
        
        .sectionTitle {
            font-size: x-large;
            font-weight: bold;
        }
        
        .tablas_nombres {
            vertical-align: top;
            text-align: left;
            position: relative;
        }
        
        .tablas_nombres table {
            display: table;
        }

        @media screen and (max-width: 600px){
          .tablas_nombres table {
              font-size: 1em;
            }
          }
  
          @media screen and (max-height: 500px){
          .tablas_nombres table {
              font-size: 0.85em;
            }
          }
        
        .tablas_nombres table td {
            color: #808080;
            height: 1em;
        }
        
        .rowTop {
            vertical-align: top;
            display: table-cell;
        }
        
        table th {
            text-align: left;
            vertical-align: top;
        }
        
        table td a {
            text-decoration: none;
            color: #808080;
            font-weight: bold;
        }
        
        body {
            color: #006699;
        }

        .contenedor {
          margin: 0.5em;
          position: relative;
          width: auto;
          display: inline-block;
          text-align: center;
        }

        .inline {
          width: auto;
          position: relative;
          display: inline-block;
          text-align: center;
        }
        
        #info {
            position: relative;
            vertical-align: middle;
            margin: 0.2em auto;
            width: fit-content;
        }

        #info .content > div {
            text-align: left;
            color: #808080;
            width: auto;
        }

        #info .section > div{
          text-align: right;
          width: auto;
        }

        #info .phone_number > div{
          text-align: left;
          color: #808080;
          width: auto;
        }
        
        #info .ext_section > div{
          
          color: #808080;
          width: auto;
        }
          
        #info table {
          width: auto;
          border: 0.2em solid;
        }
        
        #info div {
          margin-top: 0.05em;
          margin-bottom: 0.05em;
        }
        
        @media screen and (max-width: 600px){
          #info div {
              font-size: 0.65em;
            }
          }
  
          @media screen and (max-width: 400px){
          #info div {
              font-size: 0.65em;
            }
          }

        .texto_azul {
          font-weight: bold;
          color: #006699;
        }