.CHKYES{
    background: url(/Img/Sprites/CheksX.png) no-repeat;
    background-position: 0px -29px;
    height: 29px;
    width: 30px;
}

.CHKNO{
    background: url(/Img/Sprites/CheksX.png) no-repeat;
    background-position: 0px 0px;
    height: 29px;
    width: 30px;
}

/* CSS Document */

/*------------ PRINCIPAL ----------------------
*/
.Diario [type="checkbox"],
.SwitchONoff [type="checkbox"] {
    display:none;
  /*position: absolute; Posicionamiento absouluto del Checkbox 
  left: -9999px; /*Posicion del checkbox el -9999px queda fuera de la pantalla */
}
.Diario [type="checkbox"] + label:after,
.SwitchONoff [type="checkbox"] + label:after {
    /*ETIQUETA, elemento a la dercha de la etiqueta*/
  content: ''; /*borra todo el contenido de la etiqueta */
  position: absolute;  /*Posicion de la etiqueta*/
  width: 30px; /* Ancho de la etiqueta si es muy pequeño no se verá la imagen */
  height: 30px; /* Alto de la etiqueta si es muy pequeño no se verá la imagen */
  transition: all .2s; /*Animación de la transición*/
}
.Diario [type="checkbox"] + label ,
.SwitchONoff [type="checkbox"] + label {
    /*ETIQUETA*/
  position: relative; /*Posicion relativa del check */
  padding-right: 19px; /* Espaciado interno izquierdo */
  cursor: pointer; /* tipo de cursor*/
  transition: color .3s; /*Animación de la transición */
  top:-5px;
}

.Diario [type="checkbox"] + label:after,
.SwitchONoff [type="checkbox"] + label:after{
    /*ETIQUETA, elemento a la dercha de la etiqueta*/
  top: 0;  /*Posición vertical de la etiqueta */
  left: 0; /*Posición horizontal*/
}

/* OFF */
.Diario [type="checkbox"]:not(:checked) + label:after {
  /*Imagen que mostrara cuando no este seleccionado el check*/
  /*OFF I*/
  background:url(/Img/Sprites/CheksX.png) no-repeat;
  background-position: -0px -0px;
  height: 29px;
  width: 30px
}
/* ON */
.Diario [type="checkbox"]:checked + label:after {
  /*Imagen que mostrará cuando este seleccionado el check*/
  /*ON*/
  background:url(/Img/Sprites/CheksX.png) no-repeat;
  background-position: -0px -29px;
  height: 29px;
  width: 30px
}


/*
DISABLED
*/

/* OFF */
.DDiario [type="checkbox"]:not(:checked) + label:after {
  /*Imagen que mostrara cuando no este seleccionado el check*/
  /*OFF I*/
  background:url(/Img/Sprites/CheksXBN.png) no-repeat;
}
/* ON */
.DDiario [type="checkbox"]:checked + label:after {
  /*Imagen que mostrará cuando este seleccionado el check*/
  /*ON*/
  background:url(/Img/Sprites/CheksXBN.png) no-repeat;

}

/*
NA EN SEMANAL
*/
.NA [type="checkbox"]:not(:checked) + label:after {
  /*Imagen que mostrara cuando no este seleccionado el check*/
  /*OFF D */
  background:url(/Img/Sprites/CheksX.png) no-repeat;
  background-position: -30px -0px;
  height: 29px;
  width: 30px
}
.NA [type="checkbox"]:checked + label:after {
  /*Imagen que mostrará cuando este seleccionado el check*/
  /* ON X */
  background:url(/Img/Sprites/CheksX.png) no-repeat;
  background-position: -30px -29px;
  height: 29px;
  width: 30px
}

/*
SE USA EN LAS INCAPACIDADES
*/
.Baja [type="checkbox"]:not(:checked) + label:after {
  /*Imagen que mostrara cuando no este seleccionado el check*/
  /*background: url('../Img/Chek_NoPlay.png') left center no-repeat;*/
  background:url(/Img/Sprites/PlayNoPlay.png) no-repeat;
  background-position: -35px -0px;
  height: 17px;
  width: 35px
}
.Baja [type="checkbox"]:checked + label:after {
  /*Imagen que mostrará cuando este seleccionado el check*/
  background:url(/Img/Sprites/PlayNoPlay.png) no-repeat;
  background-position: -0px -0px;
  height: 17px;
  width: 35px
}

.Baja [type="checkbox"] + label:after {
  width: 40px; /* Ancho de la etiqueta si es muy pequeño no se verá la imagen */
  height: 30px; /* Alto de la etiqueta si es muy pequeño no se verá la imagen */
  transition: all .2s; /*Animación de la transición*/
  top: 5px;  /*Posición vertical de la etiqueta */
  left: -4; /*Posición horizontal*/
}

/*
OFF ON
--------------------------------------------------------------------------------------------------
*/

.SwitchONoff [type="checkbox"]:not(:checked) + label:after {
  /*Imagen que mostrara cuando no este seleccionado el check*/
  background:url(/Img/Sprites/OffOn.png) no-repeat;
  background-position: -45px -0px;
  height: 26px;
  width: 44px
  }

.SwitchONoff [type="checkbox"]:checked + label:after {
  /*Imagen que mostrara cuando este seleccionado el check*/
  background:url(/Img/Sprites/OffOn.png) no-repeat;
  background-position: -0px -0px;
  height: 26px;
  width: 44px
}

.SwitchONoff [type="checkbox"]:not(:enabled) + label:after {
  /*Imagen que mostrara cuando no este seleccionado el check*/
  background:url(/Img/Sprites/OffOn.png) no-repeat;;
  background-position: -89px -0px;
  height: 26px;
  width: 45px;
}


/*
CHECK NORMAL
*/
.Dimension [type="checkbox"] {
    display:none;
  /*position: absolute; Posicionamiento absouluto del Checkbox 
  left: -9999px; /*Posicion del checkbox el -9999px queda fuera de la pantalla */
}
.Dimension [type="checkbox"] + label:after {
  content: ''; /*borra todo el contenido de la etiqueta */
  position: absolute;  /*Posicion de la etiqueta*/
}
.Dimension [type="checkbox"] + label {
  position: relative; /*Posicion relativa del check */
  padding-right: 19px; /* Espaciado interno derecho */
  cursor: pointer; /* tipo de cursor*/
  transition: color .3s; /*Animación de la transición */
  top:-5px;
}

/* ON */
.Dimension [type="checkbox"]:not(:checked) + label:after {
  background:url(/Img/Sprites/CheksX.png) no-repeat;
  background-position: -0px -29px;
  height: 29px;
  width: 30px
}
/* OFF*/
.Dimension [type="checkbox"]:checked + label:after {
  /*Imagen que mostrará cuando este seleccionado el check*/
  /*OFF*/
  background:url(/Img/Sprites/CheksX.png) no-repeat;
  background-position: -0px -0px;
  height: 29px;
  width: 30px
}
 @media screen and (orientation: portrait) { /*(orientation: portrait) { /*(max-width:1280px) {*/*/
.Dimension [type="checkbox"] {
    /*display:none;*/
    margin: 47px -35px 47px 30px;
    position:inherit; /*Posicionamiento absouluto del Checkbox */
    left:inherit; /*Posicion del checkbox el -9999px queda fuera de la pantalla */
}
/* ON */
.Dimension [type="checkbox"]:not(:checked) + label:after {
        background:url(/Img/Sprites/CheksXb.png) no-repeat;
        background-position: -0px -116px;
        height: 116px;
        width: 120px
    }
/* OFF*/
.Dimension [type="checkbox"]:checked + label:after {
  /*Imagen que mostrará cuando este seleccionado el check*/
  /*OFF*/
        background:url(/Img/Sprites/CheksXb.png) no-repeat;
        background-position: -0px -0px;
        height: 116px;
        width: 120px
    }
.Dimension [type="checkbox"] + label:after {
        width: 116px; /* Ancho de la etiqueta si es muy pequeño no se vera la imagen */
        height: 120px; /* Alto de la etiqueta si es muy pequeño no se vera la imagen */

    }
 }


/*
    CHECK CON LAS LETRAS DE LOS NIVELES
*/

.UNICHECK [type="checkbox"] {  
    display:none;
  /*position: absolute; Posicionamiento absouluto del Checkbox 
  left: -9999px; /*Posicion del checkbox el -9999px queda fuera de la pantalla */
}
.UNICHECK [type="checkbox"] + label:after {
  content: ''; /*borra todo el contenido de la etiqueta */
  position: absolute;  /*Posicion de la etiqueta*/
}
.UNICHECK [type="checkbox"] + label {
  position: relative; /*Posicion relativa del check */
  padding-left: 50px; /* Espaciado interno izquierdo */
  cursor: pointer; /* tipo de cursor*/
  transition: color .3s; /*Animaci�n de la transici�n */
  top:-15px;
}
.UNICHECK [type="checkbox"] + label:after {
  width: 30px; /* Ancho de la etiqueta si es muy pequeño no se vera la imagen */
  height: 30px; /* Alto de la etiqueta si es muy pequeño no se vera la imagen */
  transition: all .2s; /*Animacion de la transicion*/
  top: 0;  /*Posicion vertical de la etiqueta */
  left: 0; /*Posicion horizontal*/
}

 .UNICHECK [type="checkbox"]:not(:checked) + label:after {
  background:url(/Img/Sprites/Niveles.png) no-repeat;
  height: 48px;
  width: 48px
}
.UNICHECK  [type="checkbox"]:checked + label:after {
  /*ON*/
  background:url(/Img/Sprites/Niveles.png) no-repeat;
  height: 48px;
  width: 48px
}


/*
CHECKED
*/
.Uk [type="checkbox"]:checked + label:after {background-position: -10px -10px;}
.Up [type="checkbox"]:checked + label:after {background-position: -10px -78px;}
.Us [type="checkbox"]:checked + label:after {background-position: -10px -146px;}
.Ub [type="checkbox"]:checked + label:after {background-position: -146px -10px;}
.Uu [type="checkbox"]:checked + label:after {background-position: -146px -78px;}
/*
NO CHECKED
*/
.Uk [type="checkbox"]:not(:checked) + label:after {background-position: -78px -10px;}
.Up [type="checkbox"]:not(:checked) + label:after {background-position: -78px -78px;}
.Us [type="checkbox"]:not(:checked) + label:after {background-position: -78px -146px;}
.Ub [type="checkbox"]:not(:checked) + label:after {background-position: -214px -10px;}
.Uu [type="checkbox"]:not(:checked) + label:after {background-position: -214px -78px;}

/*
    CHECK CON LAS LETRAS DE LOS MESES
*/

.MESCHECK [type="checkbox"] {  
    display:none;
    /*
  position: absolute; Posicionamiento absouluto del Checkbox 
  left: -9999px; /*Posicion del checkbox el -9999px queda fuera de la pantalla */
}
.MESCHECK [type="checkbox"] + label:after {
  content: ''; /*borra todo el contenido de la etiqueta */
  position: absolute;  /*Posicion de la etiqueta*/
}
.MESCHECK [type="checkbox"] + label {
  position: relative; /*Posicion relativa del check */
  padding-left: 50px; /* Espaciado interno izquierdo */
  cursor: pointer; /* tipo de cursor*/
  transition: color .3s; /*Animacion de la transicion */
  top:-15px;
}
.MESCHECK [type="checkbox"] + label:after {
  width: 30px; /* Ancho de la etiqueta si es muy pequeño no se vera la imagen */
  height: 30px; /* Alto de la etiqueta si es muy pequeño no se vera la imagen */
  transition: all .2s; /*Animacion de la transicipn*/
  top: 0;  /*Posición vertical de la etiqueta */
  left: 0; /*Posicion horizontal*/
}

 .MESCHECK [type="checkbox"]:not(:checked) + label:after {
  background:url(/Img/Sprites/Meses.png) no-repeat;
  height: 32px;
  width: 32px
}
.MESCHECK  [type="checkbox"]:checked + label:after {
  /*ON*/
  background:url(/Img/Sprites/Meses.png) no-repeat;
  height: 32px;
  width: 32px
}


/*
CHECKED
*/
.Ue [type="checkbox"]:checked + label:after {background-position: -10px -10px;}
.Uf [type="checkbox"]:checked + label:after {background-position: -10px -62px;}
.Um [type="checkbox"]:checked + label:after {background-position: -10px -114px;}
.Ua [type="checkbox"]:checked + label:after {background-position: -10px -166px;}
.Uy [type="checkbox"]:checked + label:after {background-position: -114px -10px;}
.Uj [type="checkbox"]:checked + label:after {background-position: -114px -62px;}
.Ul [type="checkbox"]:checked + label:after {background-position: -114px -114px;}
.Ug [type="checkbox"]:checked + label:after {background-position: -114px -166px;}
.Usc [type="checkbox"]:checked + label:after {background-position: -218px -10px;}
.Uo [type="checkbox"]:checked + label:after {background-position: -218px -62px;}
.Un [type="checkbox"]:checked + label:after {background-position: -218px -114px;}
.Ud [type="checkbox"]:checked + label:after {background-position: -218px -166px;}
/*
NO CHECKED
*/
.Ue [type="checkbox"]:not(:checked) + label:after {background-position: -62px -10px;}
.Uf [type="checkbox"]:not(:checked) + label:after {background-position: -62px -62px;}
.Um [type="checkbox"]:not(:checked) + label:after {background-position: -62px -114px;}
.Ua [type="checkbox"]:not(:checked) + label:after {background-position: -62px -166px;}
.Uy [type="checkbox"]:not(:checked) + label:after {background-position: -166px -10px;}
.Uj [type="checkbox"]:not(:checked) + label:after {background-position: -166px -62px;}
.Ul [type="checkbox"]:not(:checked) + label:after {background-position: -166px -114px;}
.Ug [type="checkbox"]:not(:checked) + label:after {background-position: -166px -166px;}
.Usc [type="checkbox"]:not(:checked) + label:after {background-position: -270px -10px;}
.Uo [type="checkbox"]:not(:checked) + label:after {background-position: -270px -62px;}
.Un [type="checkbox"]:not(:checked) + label:after {background-position: -270px -114px;}
.Ud [type="checkbox"]:not(:checked) + label:after {background-position: -270px -166px;}


/*
CHKSEXO
*/
#Boy {
  background-position: 0 0;
  width:32px; /*47px;*/
}
#Girl {
  background-position:-32px; /*-47px 0;*/
  width:32px; /*53px;*/
}
#Boy, #Girl {
  height:34px; /*62px;*/
  background-image: url("/Img/MF.png");
  background-repeat: no-repeat;
  background-size:55px 34px; /*82px 50px;*/
  text-indent: 80px;
  font-size: 25px;
  margin: 0px;
}

.SXS input[type="radio"] + label, 
.SXS input[type="radio"]:checked + label {
  height:36px !important; /*51px !important;*/
  width:36px  !important; /*50px !important;*/
}