.titulo_principal_div {
  display:block;
  margin:10px auto;
  padding:10px;
  background-color:#150572   ;
  width:420px; /*Ancho*/
  height:70px; /*Alto*/
  border-radius: 25px; /*Borde*/
  text-align: center;
 }

.titulo_principal{
  display:block;
  margin:5px auto;
  padding:0px;
  background-color:#c2042d;
  width:420px; /*Ancho*/
  height:60px; /*Alto*/
  border-radius: 25px; /*Borde*/
  text-align: center;
  color: #fcfdfe;
  font-size: 30px;
  
}
.div_titulo{
  display:block;
  margin:10px auto;
  padding:10px;
  background-color:#eaeef1;
  width:50px; /*Ancho*/
  height:250px; /*Alto*/
  border-radius: 25px; /*Borde*/
  text-align: center;
}

.padre_div{
  display:block;
  margin:0px auto;
  padding:0px;
  background-color:#fcfcfc;
  width:900px; /*Ancho*/
  height:450px; /*Alto*/
  border-radius: 25px; /*Borde*/
  text-align: center;
  color: #dee9f0;
  font-size: 20px;
}

.cajas_div{ /*REFERENCIA A TODAS LAS CAJAS DE DATOS*/
    display: block;
    margin:2px auto;
    padding:10px;
    background-color:#404041;
    width:auto; /*Ancho*/
    height:auto; /*Alto*/
    border-radius: 25px; /*Borde*/
    text-align: left;
    color: #f3f7f6;
    font-size: 24px;
}

.titulo{
  display: block;
  margin:2px auto;
  padding:10px;
  background-color:#42ad0d;
  width:auto; /*Ancho*/
  height:auto; /*Alto*/
  border-radius: 25px; /*Borde*/
  text-align: center;
  color: #f3f7f6;
  font-size: 24px;
  }
 
  .titulo_Resultado{
    display: block;
    margin:2px auto;
    padding:10px;
    background-color:#c2042d;
    width:auto; /*Ancho*/
    height:auto; /*Alto*/
    border-radius: 25px; /*Borde*/
    text-align: center;
    color: #f3f7f6;
    font-size: 24px;
    }



  .datos{ /* Usamos # por ser un id no una clase */
    font-size: 20px;
    color:rgb(7, 6, 6);
    text-align: center;
    /*width:300px;*/
  }


  #boton_calcular{ /* Clase boton calcular dentro de td y que sea un botón*/
    display:block; /* Bloque o linea */
    margin: auto;
    padding: 5px;
    text-align:center;
    width:250px; /*Ancho*/
    height:35px; /*Alto*/
    font-size: 18px; /*tamaño letra*/
    border-radius: 25px; /*Borde*/
    color:rgb(238, 238, 247);
    background-color:#af0909;
    align-content: center;
    font-size: 22px; /*tamaño letra*/
  }

  #boton_borrar{ /* Clase boton calcular dentro de td y que sea un botón*/
    display:block; /* Bloque o linea */
    margin: auto;
    padding: 5px;
    text-align:center;
    width:100px; /*Ancho*/
    height:30px; /*Alto*/
    font-size: 7px; /*tamaño letra*/
    border-radius: 25px; /*Borde*/
    color:rgb(13, 13, 14);
    background-color:#d6e3e4;
    align-content: center;
    font-size: 14px; /*tamaño letra*/
  }

.clear{
  clear: both;
  width:20px; /*Ancho*/
    height:20px; /*Alto*/
}

.divresultado{
    float: center;
    margin:10px auto;
    padding:10px;
    background-color:#f3f7f6;
    width:700px; /*Ancho*/
    height:500px; /*Alto*/
    border-radius: 40px; /*Borde*/
    font-size: 30px;
    color:rgb(21, 20, 20);
  }
#resultadofinal {
        margin: auto;
        padding:10px;
        width:700px; /*Ancho*/
        height:500px; /*Alto*/
        align-content: center;
        font-size: 20px;
        border-radius: 40px; /*Borde*/
        overflow-y: scroll;
  } 

#anotacion{
  text-align:center;
  font-size: 16px; /*tamaño letra*/
  border-radius: 25px; /*Borde*/
  color:rgb(192, 226, 20)

}