Current File : C:/Inetpub/vhosts/subidatamaimo.com/httpdocs/admin/files/1/fiasct[1]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> 
	<meta content="noindex, nofollow" name="robots">
<title>Sistema Integral de Gestión FIASCT - TiemposOnLine.com</title>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.css'>
<script src="disableautocomplet.js"></script>
<script src="js/fontawesome.js" crossorigin="anonymous"></script>
<script src="js/jquery.maskedinput.js" crossorigin="anonymous"></script>
<script src="js/jquery-1.9.0.min.js" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="stacktable.js"></script>
<link href="stacktable.css" rel="stylesheet">
<style>

.logosup {

width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}


.has-success .form-control {
    border-color: green;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}


.estadisticas {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;

}

.estadisticasdiv {

	float: center;
	margin: 0 0.5% 1% 0;
	
	display: flex; align-items: center;

}



.clear{ clear:both; }





.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  margin: 0 auto;
}



.buttonsmall {
  padding: 6px;

}

 .button2 {border-radius: 4px;}
 
.button:hover {
  color: white;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}


.backblue {
	background-color: #0066FF;
}


.backred {
	background-color: red;
}
.backyellow {
	background-color: yellow;
}

.backorange {
	background-color: #ff5733;
}

.backtostado {
	background-color: #f9c176;
}

.backlima {
	background-color: #d8ff9f;
}

.negrita {

	  font-weight: 900;
}

.centro {

		width: 100%;
        text-align:center;
}


.rojo {
	color: red;
}

@media screen and (min-width: 1200px) {

.textomedio {

		font-size: 2.0vw;
}

.textogrande {

		font-size: 2.5vw;
}

}

@media screen and (max-width: 1199px) {

.textomedio {

		font-size: 6vw;
}

.textogrande {

		font-size: 8vw;
}

}


 .btn-whatsapp {
        display:block;
        width:70px;
        height:70px;
        color#fff;
        position: fixed;
        right:20px;
        bottom:20px;
        border-radius:50%;
        line-height:80px;
        text-align:center;
        z-index:999;
}

	/* === MODAL DE CARGA === */
	#modalInicio {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 9999;
		opacity: 1;
		transition: opacity 0.8s ease;
	}

	#modalInicio.oculto {
		opacity: 0;
		pointer-events: none;
	}

	#modalInicio img {
		max-width: 60%;
		max-height: 60%;
		border-radius: 20px;
		box-shadow: 0 0 30px rgba(255,255,255,0.4);
		filter: blur(0);
		animation: aparecer 1s ease;
	}

	@keyframes aparecer {
		from {opacity: 0; transform: scale(0.9);}
		to {opacity: 1; transform: scale(1);}
	}
	
</style>
<script>
  window.console = window.console || function(t) {};
</script>
<script>
  if (document.location.search.match(/type=embed/gi)) {
    window.parent.postMessage("resize", "*");
  }
</script>
<style>

.help-block {
color: #ff0000;
}


</style>

<script type="text/javascript">window.history.forward();function noBack(){window.history.forward();}</script>
</head>
<body translate="no">
<body class="bg-light">
<div class="logosup"><img border="0" src="logo.png"></div>
<div class="container" >
<div style="display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;">
<div class="col-md-8 order-md-1">
<h4 class="mb-3 text-center">SISTEMA INTEGRAL DE GESTIÓN FIASCT</h4>
<label for="">Vas a acceder al área privada del sistema integral de gestión de la FIASCT.</label>
<label for="">Desde él podrás gestionar todo lo relativo a tu ficha, inscripciones, consultas, etc.</label><br/><br/>

<hr class="mb-4">
<label for="" class="negrita">YA ESTOY REGISTRADO/A&nbsp;</label>
<label for="">Si anteriormente ya te has registrado, debes acceder mediante el <span class="negrita rojo">enlace permanente</span> que recibiste por email.</label><br/><br/>
<label for=""><span class="negrita rojo"><i class="far fa-hand-point-down"></i></span> En caso de pérdida del enlace:&nbsp;</label><br/>

<a href="#0" onclick="return datospersonales();"><button class="button button2 buttonsmall backblue"><span>VOLVER A ENVIAR CLAVE&nbsp;</span></button></a>

<div id="divdatospersonales" style="display: none;">

<hr class="mb-4">

<form id="contact" autocomplete="off" role="presentation" action="recordar.asp" method="post">
<div class="mb-3" validar>
<label for="username">DNI / NIE</label>
</span><input type="text" class="form-control" id="dni" maxlength="9" name="dni" onkeypress="return check(event)" placeholder="Introduce tu DNI (Ej: 123456789X)" value="" autocomplete="none"/ required>
</label>
</div>

<div class="mb-3" validar>
<label for="lemail">Email </label>
<input type="text" class="form-control" id="email" name="email" placeholder="Email" autocomplete="none"/ required>
</div>

<div class="mb-3">
<label for="codigo">Introduzca este código: <span id="secret"></span> (<a href="#" class="refresh"><u>cambiar</u></a>)</label></label>
<input type="text" class="form-control antispam" id="codigo" name="codigo" placeholder="" pattern="[0-9]{6}" title="Código incorrecto" autocomplete="nope" required>
</div>


<button class="btn btn-primary btn-lg btn-block" type="submit">Enviar</button>
</form>

<hr class="mb-4">

</div>
<p></p>

<hr class="mb-4">

<div class="mb-3">
<label for="" class="negrita">NO ESTOY REGISTRADO/A&nbsp;</label>
</div>

<label for="">Para registrarte <span class="negrita rojo">por primera vez</span>. Únicamente es posible un registro con cada DNI.</label><br/><br/>

<a href="personales01.asp"><button class="button button2 buttonsmall backblue"><span>REGISTRARME&nbsp;</span></button></a><br/><br/>

<hr class="mb-4">
<label for="" class="negrita">PREGUNTAS FRECUENTES&nbsp;</label><br/>
<label for=""><span class="negrita"><i class="fab fa-wpforms"></i>&nbsp;¿Quién debe registrarse, el piloto o el copiloto?</span><br>Ambos deportistas y de cualquier modalidad. Por ejemplo, un equipo de rallyes debe registrarse el piloto y también el copiloto, ambos con su propio registro (independiente).</label><br/>
<label for=""><span class="negrita"><i class="fas fa-database"></i>&nbsp;¿Qué datos debo tener a mano?</span><br>El sistema te obligará a registrar datos obligatorios, pero otros podrá rellenarlos más adelante. Registrarás tus datos personales, los datos de tu/s vehículos, así como los campeonatos a los que te inscribes.</label><br/>
<label for=""><span class="negrita"><i class="far fa-id-badge"></i>&nbsp;Si aún no tengo número de licencia, ¿puedo registrarme?</span><br>Sí, dejando en blanco la casilla de número de licencia. Podrá completar ese dato en cualquier momento.</label><br/>
<label for=""><span class="negrita"><i class="fas fa-flag-checkered"></i>&nbsp;¿Puedo inscribirme como piloto y copiloto?</span><br>Sí, debes hacerlo siempre que saques la licencia de ambos o vayas a participar de las dos formas. Eso te permitirá inscribirte en las pruebas como piloto o como copiloto.</label><br/>
<label for=""><span class="negrita"><i class="fas fa-trophy"></i>&nbsp;¿Cómo me inscribo a los campeonatos?</span><br>Una vez estés registrado en el sistema, podrá registrarte en los campeonatos provinciales, interinsulares e insulares en los que desees puntuar desde tu panel de gestión propio.</label><br/>
<label for=""><span class="negrita"><i class="fab fa-wpforms"></i>&nbsp;¿Si quiero que otra persona gestione mis inscripciones?</span><br>Durante el proceso de primer registro deberán indicarse los datos reales del deportista. Hay un campo de email alternativo, que servirá para que otra persona tenga acceso al sistema y gestione las inscripciones.</label><br/>
<label for=""><span class="negrita"><i class="fas fa-exclamation-triangle"></i>&nbsp;¿Y si tengo algún problema?</span><br>Ponemos a tu disposición un WhatsApp de ayuda, cuyo icono de acceso directo tienes en la parte inferior derecha de todas las pantallas del sistema. Te responderemos antes de 72 horas, aunque intentaremos ser más rápidos <i class="far fa-smile-wink"></i>.</label><br/>
<br/><br/>





<div class="btn-whatsapp">
<a href="https://api.whatsapp.com/send?phone=+34606419460&text=Hola, necesito ayuda para comenzar en el sistema FIASCT." target="_blank">
<img src="btn_whatsapp.png" alt="">
</a>
</div>



</div>
</div>
</div>
</body>
<script>
     $('#coches').stacktable();
</script>

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/js/bootstrap.js'></script>
<script src='https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.min.js'></script>
<script id="rendered-js">
$(document).ready(function () {
  $('#solicitud').change(function () {
    $('.motivo').hide();
    $('#' + $(this).val()).show().attr("direccion", "poblacion", "cp", "provincia", "email", "emailfm2", "motivo");
  });
});



$(document).ready(function () {
  $("#contact").validate({

    rules: {


      direccion: "required",
      poblacion: "required",
      cp: "required",
      provincia: "required",
      email: "required",
      tipo: "required",

      dni: { docID: true },


      email: {
        required: true,
        email: true },

      movil: {
        required: true,
        number: true,
        minlength: 9,
        maxlength: 9 },

      cp: {
        required: true,
        number: true,
        minlength: 5,
        maxlength: 5 },



      agree: "required" },

    messages: {
      direccion: "Introduce tu dirección",
      poblacion: "Introduce tu población",
      cp: "Introduce tu código postal",
      provincia: "Introduce tu provincia",
      tipo: "Indica tu participación",


      email: {
        required: "Introduce tu email.",
        email: "introduce un correo válido" },

      cp: {
        required: "Introduce tu código postal",
        number: "Introduce un código postal válido.",
        maxlength: "Debe contener 5 dígitos.",
        minlength: "Debe contener 5 dígitos." },

      movil: {
        required: "Introduce tu número de teléfono móvil",
        number: "Introduce un número válido.",
        maxlength: "Debe contener 9 dígitos.",
        minlength: "Debe contener 9 dígitos." },
        
      agree: "Debes aceptar las condiciones" },

    errorElement: "em",
    errorPlacement: function (error, element) {
      // Add the `help-block` class to the error element
      error.addClass("help-block");

      if (element.prop("type") === "checkbox") {
        error.insertAfter(element.parent("label"));
      } else {

        if (element.prop("type") === "radio") {
        error.insertAfter(element.parent("label"));
      } else {
		error.insertAfter(element);
      }

      }
      

    },
    
    
    highlight: function (element, errorClass, validClass) {
      $(element).parents(".validar").addClass("has-error").removeClass("has-success");
    },
    unhighlight: function (element, errorClass, validClass) {
      $(element).parents(".validar").addClass("has-success").removeClass("has-error");
    } });



});


function privacidad() {
var x = document.getElementById("divprivacidad");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
  }
  
function datospersonales() {
var x = document.getElementById("divdatospersonales");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
  }


function validar_dni_nif_nie(value) {

  var validChars = 'TRWAGMYFPDXBNJZSQVHLCKET';
  var nifRexp = /^[0-9]{8}[TRWAGMYFPDXBNJZSQVHLCKET]{1}$/i;
  var nieRexp = /^[XYZ]{1}[0-9]{7}[TRWAGMYFPDXBNJZSQVHLCKET]{1}$/i;
  var str = value.toString().toUpperCase();

  if (!nifRexp.test(str) && !nieRexp.test(str)) return false;

  var nie = str.
  replace(/^[X]/, '0').
  replace(/^[Y]/, '1').
  replace(/^[Z]/, '2');

  var letter = str.substr(-1);
  var charIndex = parseInt(nie.substr(0, 8)) % 23;

  if (validChars.charAt(charIndex) === letter) return true;

  return false;
}
$.validator.addMethod("docID", function (value, element) {
  return validar_dni_nif_nie(value);
}, 'Introduce un documento de identidad valido.');
//# sourceURL=pen.js
    </script>
    <script>
    setTimeout(function(){
        document.getElementById('name').removeAttribute("disabled");
        document.getElementById('name2').removeAttribute("disabled");
        document.getElementById('dni').removeAttribute("disabled");
        document.getElementById('email').removeAttribute("disabled");
        document.getElementById('emailfm2').removeAttribute("disabled");
        },100);
</script>
<script>

jQuery('.soloNumeros').keypress(function (tecla) {
  if (tecla.charCode < 48 || tecla.charCode > 57) return false;
});

function check(e) {
    tecla = (document.all) ? e.keyCode : e.which;

    //Tecla de retroceso para borrar, siempre la permite
    if (tecla == 8) {
        return true;
    }

    // Patron de entrada, en este caso solo acepta numeros y letras
    patron = /[A-Za-z0-9]/;
    tecla_final = String.fromCharCode(tecla);
    return patron.test(tecla_final);
}



</script>
    <script>
    function randomgen()
    {
        var rannumber='';
        for(ranNum=1; ranNum<=6; ranNum++){
            rannumber+=Math.floor(Math.random()*10).toString();
        }
        $('#secret').text(rannumber);
    }
    $(document).ready(function()
    {
        $("form div:not(.submit)").on("tap mouseenter",function() { var mensaje=$(this).data("helper"); if (mensaje) $(this).find("label").append("<em class='helper'>"+mensaje+"</em>").show(); });
        $("form div").on("mouseleave",function() { $(this).find(".helper").remove(); });
        
        if ($("#secret")) randomgen();
        
        $(".refresh").bind("click",function(e){ e.preventDefault();randomgen(); })
        
        var container = $('div#validate');
        $("form.datos").validate({ 
            errorContainer: container,
            errorLabelContainer: $("ul", container),
            wrapper: 'li'
        });
        
        $.validator.addMethod("antispam", function(antispam) 
        {
            if ( antispam==$("#secret").text() ) return true;
        });
        
    });
    </script>
	<!-- 🟩 MODAL DE CARGA -->
<div id="modalInicio">
	<img src="images/recordatorio_inscripcion.jpg" alt="Cargando..." />
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/main.js"></script>
<script>
window.addEventListener('load', function(){
	setTimeout(function(){
		document.getElementById('modalInicio').classList.add('oculto');
	}, 5000);
});
</script>


</body>
</html>