.aba
{

width: 950px;

height: 80px;

float: left;



background-image: url("ahorcas.png");



                        border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;



}














.botono
{


background-image: url("Empezar.png");


width: 200px;

height: 80px;

float: left;




                        border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;



















}


@-webkit-keyframes botono {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes botono {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.botono:hover, .botono:focus, .lericas:active {
  -webkit-animation-name: botono;
  animation-name: botono;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.botono:active{

opacity:0.25;

}








.letricas
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_A.png");


                        border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;





}

.letricas:active, .letricas1:active, .letricas2:active, .letricas3:active, .letricas4:active, .letricas5:active, .letricas5:active, .letricas6:active, .letricas7:active, .letricas8:active, .letricas9:active, .letricas10:active, .letricas11:active, .letricas12:active, .letricas13:active, .letricas14:active, .letricas15:active, .letricas16:active, .letricas17:active, .letricas18:active, .letricas19:active, .letricas20:active, .letricas21:active, .letricas22:active, .letricas23:active, .letricas24:active, .letricas25:active, .letricas26:active {

opacity:0.25;
    



}



.letricas1
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_B.png");

                        border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;
 		

}

@-webkit-keyframes letricas {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas:hover, .letricas:focus, .lericas:active {
  -webkit-animation-name: letricas;
  animation-name: letricas;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@-webkit-keyframes letricas1 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas1 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas1:hover, .letricas1:focus, .lericas1:active {
  -webkit-animation-name: letricas1;
  animation-name: letricas1;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.letricas2
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_C.png");

 border: solid 1px #555;


			box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;




}

@-webkit-keyframes letricas2 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas2 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas2:hover, .letricas2:focus, .lericas2:active {
  -webkit-animation-name: letricas2;
  animation-name: letricas2;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}





.letricas3
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_D.png");
 border: solid 1px #555;


			box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;

}

@-webkit-keyframes letricas3 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas3 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas3:hover, .letricas3:focus, .lericas3:active {
  -webkit-animation-name: letricas3;
  animation-name: letricas3;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.letricas4
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_E.png");
 border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;
}

@-webkit-keyframes letricas4 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas4 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas4:hover, .letricas4:focus, .lericas4:active {
  -webkit-animation-name: letricas4;
  animation-name: letricas4;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}




.letricas5
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_F.png");

 border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;
}

@-webkit-keyframes letricas5 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas5 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas5:hover, .letricas5:focus, .lericas5:active {
  -webkit-animation-name: letricas5;
  animation-name: letricas5;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.letricas6
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_G.png");
 border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;
}
@-webkit-keyframes letricas6 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas6 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas6:hover, .letricas6:focus, .lericas6:active {
  -webkit-animation-name: letricas6;
  animation-name: letricas6;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}



.letricas7
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_H.png");

 border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;
}

@-webkit-keyframes letricas7 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas7 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas7:hover, .letricas7:focus, .lericas7:active {
  -webkit-animation-name: letricas7;
  animation-name: letricas7;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.letricas8
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_I.png");

 border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;
}

@-webkit-keyframes letricas8 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas8 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas8:hover, .letricas8:focus, .lericas8:active {
  -webkit-animation-name: letricas8;
  animation-name: letricas8;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.letricas9
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_J.png");
 border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;

}

@-webkit-keyframes letricas9 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas9 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas9:hover, .letricas9:focus, .lericas9:active {
  -webkit-animation-name: letricas9;
  animation-name: letricas9;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.letricas10
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_K.png");
border: solid 1px #555;


			box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;


}

@-webkit-keyframes letricas10 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas10 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas10:hover, .letricas10:focus, .lericas10:active {
  -webkit-animation-name: letricas10;
  animation-name: letricas10;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.letricas11
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_L.png");
border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;


}
@-webkit-keyframes letricas11 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas11 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas11:hover, .letricas11:focus, .lericas11:active {
  -webkit-animation-name: letricas11;
  animation-name: letricas11;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}



.letricas12
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_M.png");
border: solid 1px #555;


			box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;

}

@-webkit-keyframes letricas12 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas12 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas12:hover, .letricas12:focus, .lericas12:active {
  -webkit-animation-name: letricas12;
  animation-name: letricas12;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.letricas13
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_N.png");
border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;


}

@-webkit-keyframes letricas13 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas13 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas13:hover, .letricas13:focus, .lericas13:active {
  -webkit-animation-name: letricas13;
  animation-name: letricas13;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.letricas14
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_O.png");

border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;

}
@-webkit-keyframes letricas14 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas14 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas14:hover, .letricas14:focus, .lericas14:active {
  -webkit-animation-name: letricas14;
  animation-name: letricas14;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.letricas15
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_P.png");

border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;

}

@-webkit-keyframes letricas15 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas15 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas15:hover, .letricas15:focus, .lericas15:active {
  -webkit-animation-name: letricas15;
  animation-name: letricas15;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.letricas16
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_Q.png");
border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;


}

@-webkit-keyframes letricas16 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas16 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas16:hover, .letricas16:focus, .lericas16:active {
  -webkit-animation-name: letricas16;
  animation-name: letricas16;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.letricas17
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_R.png");
border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;


}

@-webkit-keyframes letricas17 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas17 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas17:hover, .letricas17:focus, .lericas14:active {
  -webkit-animation-name: letricas17;
  animation-name: letricas17;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.letricas18
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_S.png");

border: solid 1px #555;


			box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;

}


@-webkit-keyframes letricas18 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas18 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas18:hover, .letricas18:focus, .letricas18:active {
  -webkit-animation-name: letricas18;
  animation-name: letricas18;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}



.letricas19
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_T.png");
border: solid 1px #555;


			box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;


}

@-webkit-keyframes letricas19 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas19 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas19:hover, .letricas19:focus, .letricas19:active {
  -webkit-animation-name: letricas19;
  animation-name: letricas19;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.letricas20
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_U.png");

border: solid 1px #555;


			box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;

}

@-webkit-keyframes letricas20 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas20 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas20:hover, .letricas20:focus, .letricas20:active {
  -webkit-animation-name: letricas20;
  animation-name: letricas20;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.letricas21
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_V.png");

border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;
}

@-webkit-keyframes letricas21 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas21 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas21:hover, .letricas21:focus, .letricas21:active {
  -webkit-animation-name: letricas21;
  animation-name: letricas21;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.letricas22
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_W.png");
border: solid 1px #555;


			box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;


}

@-webkit-keyframes letricas22 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas22 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas22:hover, .letricas22:focus, .letricas22:active {
  -webkit-animation-name: letricas22;
  animation-name: letricas22;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.letricas23
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_X.png");
border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;

}

@-webkit-keyframes letricas23 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas23 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas23:hover, .letricas23:focus, .letricas23:active {
  -webkit-animation-name: letricas23;
  animation-name: letricas23;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.letricas24
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_Y.png");

border: solid 1px #555;


			box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;

}

@-webkit-keyframes letricas24 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas24 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas24:hover, .letricas24:focus, .letricas24:active {
  -webkit-animation-name: letricas24;
  animation-name: letricas24;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.letricas25
{

width: 120px;

height: 137px;

float: left;


background-image: url("letra_Z.png");
border: solid 1px #555;

box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-moz-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-webkit-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);
-o-box-shadow: inset  10px -10px 25px rgba(0,0,100,0.6);

border-radius:15px;


}

@-webkit-keyframes letricas25 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes letricas25 {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.letricas25:hover, .letricas25:focus, .letricas25:active {
  -webkit-animation-name: letricas25;
  animation-name: letricas25;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}