Cita:
Iniciado por ion_sc 
Buenas noches,
Gracias por la respuesta. Al final visto que no conseguía hacer nada con el "checked" he conseguido solucionarlo reposicionando todas las capas con z-index.
Me ha llevado varias horas pero he conseguido hacerlo funcionar.
Saludos
bueno, aunque tarde mi respuesta, solo para futuros problemas similares, los navegadores tienen incorporado "HERRAMIENTAS DE DESARROLLADOR", en el cual se incluye el elemento de visor de Hojas de estilos, donde puedes ver que Estilo esta Predominando a un elemento asi sabrias, como realizar el Selector correctamente, ya que entre mas preciso sea tendra mas prioridad
#loquesea
input#loquesea
div>input#loquesea
en ese orden los estilos seran solapados y si todos tienen el "!important" predomina el ultimo
y tambien el orden de archivos de hojas de estilos, el ultimo solapara al anterior
<link rel="stylesheet" href="primero.css">
<link rel="stylesheet" href="segundo.css">
<link rel="stylesheet" href="tercero.css">
por eso algunos ponen sus hojas de estilos al final del body