/*arrastar y soltar*/
/*PRIMARIA*/

.secundaria .sprite.background {
	background: url("../images/sprite.png") no-repeat scroll left top transparent;
	height: 26px;
    width: 26px;
}

.sprite2.background, .sprite.background {
	background: url("../images/primaria_sprite.png") no-repeat scroll left top transparent;
	height: 26px;
    width: 26px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
     .secundaria .sprite.background {
          background: url("../images/sprite@2x.png") no-repeat scroll left top transparent;
          background-size: 134px 2682px !important;
     }

    .sprite2.background,  .sprite.background {
          background: url("../images/primaria_sprite@2x.png") no-repeat scroll left top transparent;
          background-size: 134px 2682px !important;
     }
}

.stars {
  position: absolute;
  background: url("../images/estrellas.png") no-repeat center;
  width: 24px;
  z-index: 10;
  height: 24px;
}

/*infantil*/
.sprite.background .infantil {
  background: url("images/tablet/sprite.png") no-repeat scroll left top transparent;
  height: 26px;
    width: 26px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
     .sprite.background .infantil {
          background: url("images/tablet/sprite@2x.png") no-repeat scroll left top transparent;
          background-size: 134px 2554px !important;
     }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
     .sprite.background .infantil{
          background: url("images/tablet/sprite@2x.png") no-repeat scroll left top transparent;
          background-size: 134px 2554px !important;
     }
}