body {  margin: 0; }

  header{
    background-color: #CDD4E6;
    text-align: center;
    width: 90%;
    margin: 10px auto;
    border-radius: 8px 8px 0px 0px;
    padding: 10px;
    vertical-align: middle;
  }
  
  img{
    
    margin-right: 15px;
    }

  section{
         text-align: center;
        width: 90%;
        margin: auto;
        padding: 7px;
        background-color: #fafbfd;
    }

    footer{
      text-align: center;
      width: 90%;
      margin: 0px auto;
      
     }

    #encab{
           display: inline-block;
           margin-left: 5px;
           width: 90%;
           
         }

  #titulo{
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    
  }
  
  #descrip{
    text-align: left;
    font-size: 14px;
  }
  
  .info {
  background-color: #e7f3fe;
  border-left: 6px solid #2196F3;
  }
  
  
  table {
  border-collapse: collapse;
  width: 90%;
  }

  th {
  text-align: left;
  padding: 7px;
  font-weight: bold;
  }

  td {
  text-align: left;
  padding: 7px;
  }
  
 

      @keyframes click-wave {
        0% {
          height: 22px;
          width: 22px;
          opacity: 0.35;
          position: relative;
        }
        100% {
          height: 80px;
          width: 80px;
          margin-left: -26px;
          margin-top: -26px;
          opacity: 0;
        }
      }

      .option-input {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        position: relative;
        top: 10.33333px;
        right: 0;
        bottom: 0;
        left: 0;
        height: 22px;
        width: 22px;
        transition: all 0.15s ease-out 0s;
        background: #cbd1d8;
        border: none;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        margin-right: 0.7rem;
        outline: none;
        z-index: 1000;
      }
      .option-input:hover {
        background: #9faab7;
      }
      .option-input:checked {
        background: #00468C;
      }
      .option-input:checked::before {
        height: 22px;
        width: 22px;
        position: absolute;
        content: '✔';
        display: inline-block;
        font-size: 20.66667px;
        text-align: center;
        line-height: 22px;
      }
      .option-input:checked::after {
        -webkit-animation: click-wave 0.65s;
        -moz-animation: click-wave 0.65s;
        animation: click-wave 0.65s;
        background: #0059B2;
        content: '';
        display: block;
        position: relative;
        z-index: 100;
      }
      .option-input.radio {
        border-radius: 50%;
      }
      .option-input.radio::after {
        border-radius: 50%;
      }