/*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: url("../images/primaria_sprite.png") no-repeat scroll left top transparent;*/
	height: 26px;
    width: 26px;
          background: url("../images/primaria_sprite@2x.png") no-repeat scroll left top transparent;
          background-size: 134px 2682px;
     }
/*@media only screen and (-webkit-min-device-pixel-ratio: 2) {*/
     .secundaria .sprite {
          background: url("../images/sprite@2x.png") no-repeat scroll left top transparent;
          /*background-size: 134px 2682px !important;*/
          background-size: 134px 2861px;
     }

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

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

.sonido_select{
  cursor:pointer;
  display: inline-block;
  vertical-align: middle;
  width: 35px !important;
  height: 30px !important;
}
.sonido_select_play{
  background-position: -15px -43px !important;
}

.sonido_select_pause{
  background-position: -15px -116px !important;
}

/*infantil*/
/*esto descoloca la barra de sonido de los player
#left {
    float: left;
    width: 44.7% !important;
    margin: 1px 0px 0px;
}
*/
#center {
    z-index: 9000;
    max-width: 100px;
    float: left;
    width: 68px;
}

#right {
    float: right;
    width: 40.7%;
    margin: 1px -1px 0px 0px;
}

.sprite, .sprite2 {
    display: inline-block;
    vertical-align: middle;
}

.button_left, .button_right {
    width: 67px !important;
    height: 37px !important;
    cursor: pointer;
    border-left: 1px solid #FFF;
    border-right: 1px solid #C8C6C6;
    opacity: 0.3;
    margin-top: 0px;
}

.button_left{
    float: right;
}

.button_right{
	float: left;
}

.logo {
    background-position: 0px 0px !important;
    width: 135px !important;
    height: 35px !important;
    top: 28px !important;
    margin-top: 0px !important;
    right: 30px;
    position: absolute;
}

.cerrar {
    background-position: -24px -785px !important;
    width: 24px !important;
    height: 24px !important;
    margin-top: -47px;
    top: 60px;
    right: 30px;
    position: absolute;
    cursor: pointer;
    display: none;
}

.notdisabled {
    opacity: 1;
}