Problema con checkbox y label

[jandrogdz]

Buen día foro

Estoy haciendo un formulario de presupuestos y tengo unos checkbox donde necesito seleccionar a donde se ira el pedido, mi problema es que al poner un checkbox con su respectiva label el texto de la label no se ve alguien m podria ayudar no se mucho de css.

Código CSS:

li.check_02 { width: auto;}
li.check_02 br { margin-bottom: 10px;}
label.check_02 { float: left; font-weight: bold; padding-right: 10px;}
input[type=checkbox].check_02 {display: none;}
input[type=checkbox].check_02 + label { 
    background: #fff; 
    display: inline-block; 
    width: 16px; 
    height: 16px; 
    background: url(../img/check_02.png) 0px 0px no-repeat; 
    text-indent: -1000em; 
    cursor:pointer;
}
 
input[type=checkbox].check_02:checked + label { background: url(../img/check_02.png) 0px -16px no-repeat;}
 
 
.formulario label 
{
    width: 70px;
    float:left; 
    margin-left: 5px;
    margin-top: 10px;
    color: #666666;
    font-size: 14px;
}
 

Y el formasi esta.

Código HTML:

<form class="formulario" action="#" method="post">
              <fieldset>
                  
                  <label for="folio">Folio: </label>
                  <input type="text" name="folio" id="folio" value="" size="7" readonly />
                  <label for="fecha">Fecha: </label>
                  <input type="text" name="fecha" id="fecha" value="<?php echo $utilidades->fecha(); ?>" size="30" readonly /><br/><br/><br/>
                  
                  <label for="codigo">Código: </label><input type="text" name="codigo" id="codigo" size="7" readonly />
                  <label for="cliente">Cliente: </label> <input type="text" name="razonSocial" id="razonSocial" size="100" />
                  <label for="rfc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;RFC: </label> <input type="text" name="rfc" id="rfc" size="20" readonly /><br/><br/><br/>
                  <input type="hidden" name="id" id="id" />
                  
                  <label for="hotel">Hotel: </label> <input type="text" name="hotel" id="hotel" size="20" />
                  <label for="contacto">Contacto: </label> <input type="text" name="contacto" id="contacto" size="50" /><br/><br/><br/><br/><hr/><br/>
                  
                  <label for="cantidad">Cantidad: </label> <input type="text" name="cantidad" id="cantidad" size="7" />
                  <label for="servicio">Producto o servicio: </label> <input type="text" name="servicio" id="servicio" size="50" />
      
                  <p class="textoSimple">
                  <input type="checkbox" name="p" id="p" value="1" class="check_02" />
                  <label for="p">Producción</label>
                  
                  <input type="checkbox" name="d" id="d" value="1" class="check_02" />
                  <label for="d">Diseño</label>
                  
                  <input type="checkbox" name="i" id="i" value="1" class="check_02" />
                  <label for="i">Inventario</label> 
                  &nbsp;&nbsp;&nbsp;&nbsp;
                  <input type="submit" name="add" id="add" value="Agregar"/></p>
              </fieldset>
          </form>
 

Gracias de antemano.

[Tzar]

El display: none oculta tu checkbox.