ul {
    list-style: none;
}

#datosPersonales{
    color: dodgerblue; 
    font-size: xx-large;
    margin-left: 20px;
}
#infoOficios{
    margin-top: 5px;
    list-style-type: square;
}
#infoPersonal{
    margin-left: 20px;
    margin-top: 5px;
}

.titulo{
    display: flex;
    font-weight: bold;
}

#iconoCuadro{
    font-size:230%; 
    color: dodgerblue; 
    padding-top: 20px; 
    padding-right:10px; 
    margin-left: 12px;
}

.tituloCuadro{
    text-align: left; 
    font-size: 150%; 
    padding-top: 23px; 
    font-weight: bold;
}

.sombreado{
    box-shadow: 0px 2px 10px black;
}

.separador{
    border: solid;
    border-width: 2px;
}

.foto{
    margin: 20px; 
    border-radius: 100%; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width:210px;
    box-shadow: 0px 2px 10px black;
}

.pruebas{
    margin-top: 20px; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width:150px;
    box-shadow: 0px 2px 10px black;
}

.prueba{
    margin-top: 20px; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width:150px;
    box-shadow: 0px 0px 0px black;
}

.insignia{
    margin-top: 20px; 
    border-radius: 100%; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width:100px;
    box-shadow: 0px 2px 10px black;
}

.ginsignia{
    margin-top: 20px; 
    border-radius: 100%; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width:100px;
    box-shadow: 0px 0px 0px black;
}

.diploma{
    margin-top: 15px;
    margin-bottom: 10px; 
    display: block;
    margin-left: 10px; 
    margin-right: auto; 
    width:150px;
    box-shadow: 0px 2px 10px black;
}

#calendario{
    margin: 12px; 
    font-weight: bold; 
    color: dodgerblue;
}

#textoCalendario{
    font-family: Arial, Helvetica, sans-serif;
}

#cargo{
    color: grey;
    font-weight: bold;
    margin: 12px;
}

#descripcion{
    margin: 12px;
}

#footer{
    font-size: xx-large;
    text-align:center;
}

#iconosFooter{
    color: white; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold;
}

#textoHospedaje{
    color: white;
    font-size: small;
}

#textoCreditos{
    margin-bottom: 20px;
    color: white;
    font-size: x-small; 
    text-align: right; 
}

.btnCentrado{
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}

.tituloPol{
    display:flex;
    text-align: center;
    font-weight: bold;
}

.tituloPoliticas{
    text-align:center; 
    font-size: 150%; 
    padding-top: 23px; 
    font-weight: bold;
}

#textoPolitica{
    margin: 12px;
    font-size:medium;
}

.iconoApp{
    margin: 20px; 
    border-radius: 15%; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width:210px;
    box-shadow: 0px 2px 10px black;
}

.playstore{
    margin-top: 20px; 
    margin-bottom: 20px;
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width:150px;
    box-shadow: 0px 2px 10px black;
    align-items: center;
}

.columns {
    Width: 100%;
    }
    .column-1, .column-2 {
      width:100%;
    }
    @media (min-width: 85em) {
      .column-1 {
        width: 80%;
        float:left;
      }
      .column-2 {
        width: 20%;
        float:right;
      }
    
      .columns {
        content:"";
        display: table;
        clear: both;
      }
    }


    .in_columns {
        Width: 100%;
        }
        .in_column-1, .in_column-2 {
          width:50%;
        }
        @media (min-width: 20em) {
          .in_column-1 {
            width: 50%;
            float:left;
          }
          .in_column-2 {
            width: 50%;
            float:left;
          }
        
          .in_columns {
            content:"";
            display: table;
            clear: both;
          }
        }