/* CSS Document */

.custom-radio, .custom-checkbox {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}

/*
 * Dejar espacio a la 'label' para posicionar el checkbox hecho con pseudoelementos
 */
.custom-radio + label, .custom-checkbox + label {
  position: relative;
  padding-left: 25px;
  background:none;
  display:inline-block;
  padding-top:4px;
}
/*
 * El pseudoelemento que emulará el input
 */
.custom-radio + label:before, .custom-checkbox + label:before {
    content: "";
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 10px;
    width: 15px;
    height: 15px;
    line-height: 13px;
    text-align: center;
    position: absolute;
    left: 2px;
    top: 10px;
    margin-top: -8.5px;
    background: none;
   /* background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
    background-image: -webkit-linear-gradient(#ffffff, #dddddd);
    background-image: -moz-linear-gradient(#ffffff, #dddddd);
    background-image: -o-linear-gradient(#ffffff, #dddddd);
    background-image: linear-gradient(#ffffff, #dddddd);*/
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dddddd);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')";
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #c3c5c7;
	background:#c3c5c7
}
/*
 * Fondo para cuando se pasa el ratón por encima
 */
.custom-radio + label:hover:before, .custom-checkbox + label:hover:before {
	background:#c3c5c7
}

/*
 * Fondo para cuando se está haciendo click
 * Con filtros para ie9
 */
.custom-radio + label:active:before, .custom-checkbox + label:active:before {
   background:#c3c5c7
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
   /* background-image: -webkit-linear-gradient(#dddddd, #ffffff);
    background-image: -moz-linear-gradient(#dddddd, #ffffff);
    background-image: -o-linear-gradient(#dddddd, #ffffff);
    background-image: linear-gradient(#dddddd, #ffffff);*/
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff')";
}

/*
 * Redondear el botón "radio"
 * Sobreescribimos el border-radius: 3px general
 */
.custom-radio + label:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
/*
 * Mostrar un punto cuando está seleccionado el "radio"
 * Usamos box-shadow para simular un fondo gris, mientras que dejamos un pequeño 
 * espacio para el punto negro (#444), que es el fondo
 */
.custom-radio:checked + label:before {
    background: none;
    -webkit-box-shadow: 0 0 0 3px #eeeeee inset;
    -moz-box-shadow: 0 0 0 3px #eeeeee inset;
    box-shadow: 0 0 0 3px #eeeeee inset;
}

/*
 * Estilos focus para la gente que navega con el teclado, etc
 */
.custom-radio:focus + label:before,
.custom-checkbox:focus + label:before {
    outline: 1px dotted;
}

/* Mostrar la "X" cuando está chequeada (sólo el checkbox).
 * Podríamos usar una fuente de iconos para mostrar un tic
 */
.custom-checkbox:checked + label:before {
    content: "X";
}
#legales_marca{
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	position:absolute;
	background:#F00;
	width: 19px;
    height: 19px;
	display:none;
}

/*
 * Sólo para IE 6, 7 y 8 (no soportado)
 */
@media \0screen\,screen\9 {
    .custom-radio,
    .custom-checkbox {
        clip: auto;
        position: static;
    }

    .custom-radio + label,
    .custom-checkbox + label {
        padding-left: 0;
    }

    .custom-radio + label:before,
    .custom-checkbox + label:before {
        display: none;
    }
}