*{

  margin:0px;

  padding:0px;

}



body{

  text-align:center;

}



#caja{

  width:80%;

  margin: 100px auto;

  background-color:#01DFA5;

  padding-top:10px;

  padding-bottom:50px;

  border-radius:5px;

  box-shadow:-5px -5px 20px #A9A9F5;

}



h1{

  font-family:Arial, Helvetica, Sans serif;

  font-size:25px;

  color:white;

  margin-top: 50px;

  margin-bottom:50px;

}



#subtitulo{

  margin-top:10px;

  margin-bottom:10px;

  font-size:30px;

  color:#FFFFFF;
}



div.tabla{

  text-align: center;

}



div.tabla table {

  margin: 0 auto;

  text-align: center;

  background-color:#088A85;

  width:300px;

  border-radius:10px;

  padding:10px;

  border: solid 1px #FFFFFF;
}



#numero{

  width:98%;

  height:30px;

  text-align:right;

  padding-right:1px;

  font-size:20px;

  border-radius:5px;

}



button{

  width:90%;

  height: 30px;

  margin: 5px;

  border-radius:5px 0px 5px 0px;

  background-color:#088A85;
  color:#FFFFFF;

  font-size:18px;
  border: 2px solid #FFFFFF;
}



button:hover{

  border-radius: 0px 5px 0px 5px;
  background-color:#04B4AE;

  box-shadow:3px 3px 10px #424242,

                      -1px -1px 10px #424242;

}