*{
  margin:0px;
  padding:0px;
}

body{
  text-align:center;
}

#caja{
  width:80%;
  margin: 100px auto;
  background-color:#E0E6F8;
  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:green;
  margin-top: 50px;
  margin-bottom:50px;
}

#subtitulo{
  margin-top:10px;
  margin-bottom:10px;
  font-size:20px;
}

div.tabla{
text-align: center;
}

div.tabla table {
margin: 0 auto;
text-align: center;
background-color:#F2F2F2;
width:300px;
border-radius:10px;
padding:10px;
}

#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;
  background-color:#F2F2F2;
}

button:hover{
  background-color:#E6E6E6;
  box-shadow:3px 3px 10px #CCC,
                      -1px -1px 10px #CCC;
}