.imagen_suma{
	width:40px;
}
.juego{
	text-align:center;
	scroll:auto;
	color: black;
	font-size: 20px;
	text-shadow: 1px 1px 1px #9e3a24;
	width:100%;	
}
.pregunta{
	scroll:auto;
	color: black;
	font-size: 20px;
	text-shadow: 1px 1px 1px #9e3a24;
	width:100%;	
}
.letra_grande{
	font-size: 34px;
}

.fondo_numeros{
 width:100%;
 height:100%;
 margin:0 0 0 0;
 padding:0 0 0 0;
 background-image:url(../img/fondo_mates.jpg);
 background-repeat:repeat;
}
.fondo_cuentos{
 width:100%;
 height:100%;
 margin:0 0 0 0;
 padding:0 0 0 0;
 /*background-image:url(../img/fondo_mates.jpg);*/
 background-repeat:repeat;
}

#box_respuesta{
 width: 97%;
  height: 3.8rem;
  margin: 0 0 1rem;
  padding: 0 1.5rem;
  -moz-box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: #fafafa url(../images/buttons/default.png) repeat-x left bottom / auto 100%;
  border: 0.3rem solid #a6a6a6;
  border-radius: 0.4rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 3.8rem;
  color: #333;
  text-align: center;
  text-shadow: 0.1rem 0.1rem 0 white;
  text-decoration: none;
  outline: none;
}
.oculto{
	visibility:hidden;
}
.visible_trans,
.oculto_trans{
  overflow: hidden;
  /* This container should not have padding, borders, etc. */
}
.visible_trans {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
  
}
.oculto_trans {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}
.visible_trans > div,
.oculto_trans > div {
  /* Put any padding, border, min-height, etc. here. */
}
.oculto_trans > div {
  margin-top: -10000px;
  transition: margin-top 0s 2s;
}
