/* "You did it!" message */
#mensajeok {
 width: 358px;
  height: 500px;
  top: 500px;
  padding-bottom: 30px;
  
  margin-left: auto;
  margin-right: auto;

  left:0;
  right:0;


  z-index: 1000;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  background: url('../img/feli2.png');

    -webkit-transition:top .2s ease-out;  
    -moz-transition:top  .2s ease-out;  
    -o-transition:top .2s ease-out;  
    transition:top  .2s ease-out;

    background-repeat: no-repeat;

}

#mensajea{
  margin-top: 45px;
width: 100%;
text-align: center;
}

.juego{
  font-family: 'Carter One', cursive;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-size: 18px;
}

#score{
  width: 272px;
  height: 72px;
  background: url("../img/score.png") no-repeat;
     
    margin-top: 179px;
}

#score div{
 
  height: 20px;
  margin-left: -12px;
  padding: 25px 2px 0px 10px;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  text-align: center;
  font-family: 'Skranji', cursive;
  font-size: 24px
}



#enunciado{
 width: 100%;
    background: #1b1d2a;
    padding: 7px 0px 45px 0px;
    border-radius: 4px;

}

#enunciado a{
 padding: 5px;
    margin-bottom: 5px;
    background: #3590DB;
    border-radius: 3px;
    font-size: 17px;
    color: #fff;
    /* display: block; */
    /* width: 72px; */
    transition: all .3s ease-out;
    text-decoration: none;
    font-family: del;
}

}
#enunciado a:hover{
  background: #35B5DB;

}




#enunciado p{
 color: #62c3b9;
    font-size: 18px;
    /* text-shadow: 0 0 3px #000; */
    font-family: normal;
}

#enunciado ol{
list-style: none;
margin-left: 42px;

}

#enunciado li{
  margin-top: 37px;
}



.sig{
  display: block;
}


.input{
    width: 768px;
    padding: 10px;
    background: #96dde8;
    margin-top: 7px;
    font-family: latoreg;
    color: #684B0F;
    font-size: 16px;
    border-radius: 18px;

}


.retro{
  display: none;
  position: absolute;
  top: 55px;
  /* margin-top: 0px; */
  background: rgba(255, 255, 255, 0.74);
  width: 950px;
  z-index: 2000;
  min-height: 500px;

}


.call{
  
  margin: 95px auto;
  padding: 29px;
  background: #fff;
  border-radius: 10px;
  border: 7px solid #23D6DD;
}

.call img{
  display: block;
}

.cerrarretro{
width: 83px;
  padding: 6px;
  background: #F21F77;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 auto;
}


#malasinfo{
    margin-left: 376px;
}

.bsigt{
  width: 153px;
  height: 54px;
  background: url(../img/siguiente.png);
  border:none;
  cursor: pointer;
  margin-top: 13px;
}

#guardarsl{
  width: 153px;
  height: 54px;
  background: url(../img/guardar.png);
  border:none;
  cursor: pointer;
  margin-top: 13px;
}

#guardarselec{
   width: 153px;
  height: 54px;
  background: url(../img/guardar.png);
  border:none;
  cursor: pointer;
   margin-top: 23px;

}