@font-face {
	font-family:"Scratched";
	src:url("font/scratched.ttf");
}

@font-face {
	font-family:"Futura";
	src:url("font/futura.ttf");
}

@font-face {
	font-family:"Garamond";
	src:url("font/garamond.ttf");
}

body {
	height:100%;
	color:#16365E;
	font-family:"Futura";
	overflow-x:hidden;
	cursor:default;
}

*:focus {
  outline:none;
}

::-webkit-scrollbar {
  width:0px;
  background:transparent;
}

.texto {
	font-size:14px;
	color:black;
}

.entrada {
	height:40px;
	padding-left:10px;
	margin-bottom:10px;
  vertical-align:middle;
	border:1px solid #878786;
  border-radius:5px;
	font-size:14px;
	color:black;
	background-color:white;
	border-style:solid;
}

.entrada:hover {
	border:1px solid #16365E;
}

.entrada:focus {
	border:1px solid #16365E;
}

.selector {
	height:40px;
	padding-left:10px;
	color:black;
	border:1px solid #16365E;
  border-radius:5px;
	font-size:14px;
  vertical-align:middle;
	background-color:white;
	appearance:none;
	-moz-appearance:none;
  -webkit-appearance:none;
	background-image:url("images/flechas_select.svg");
	background-position:calc(100% - .5rem), 100% 0;
	background-repeat:no-repeat;
}

.selector:hover {
	border:1px solid #3AA934;
}

.selector:focus {
	border:1px solid #3AA934;
}

.table-fixed thead, .table-fixed tbody tr {
  display:table;
  width:100%;
}

.table-fixed tbody {
  display:block;
	height:calc(100% - 110px);
	min-height:125px;
	max-height:785px;
  overflow:auto;
}

.table th {
	padding-top:0px;
	padding-bottom:0px;
	border:none !important;
	text-decoration:underline;
	font-size:12px;
	color:black;
	cursor:pointer;
}

.table tr {
	cursor:pointer;
}

.table td {
	height:50px;
	padding-top:5px;
	padding-bottom:5px;
	border:none !important;
	font-size:14px;
	text-align:left;
	color:black;
  vertical-align:middle;
	overflow:hidden;
	max-width:1px;
}

.vistaTabla {
	position:absolute;
	width:1200px;
	height:calc(100% - 420px);
	top:350px;
	left:calc(50% - 600px);
}

.vistaTablaItems {
	position:absolute;
	width:1200px;
	height:500px;
	left:calc(50% - 600px);
}

.tituloSeccion {
	margin-top:30px;
	margin-left:400px;
	font-family:"Scratched";
	font-size:36px;
	color:#16365E;
}

.barraPagina {
	display:none;
	position:fixed;
	width:100%;
	height:60px;
	top:calc(100% - 60px);
	z-index:1;
}

.btnAnterior {
	position:absolute;
	height:40px;
	width:40px;
	top:1px;
	left:calc(50% - 100px);
	padding-top:6px;
	background-color:#16365E;
	border:1px solid white;
  border-radius:5px;
	cursor:pointer;
}

.btnAnterior:hover {
	background-color:#97C93F;
	border:1px solid #16365E;
}

.btnSiguiente {
	position:absolute;
	height:40px;
	width:40px;
	top:1px;
	left:calc(50% + 60px);
	padding-top:6px;
	background-color:#16365E;
	border:1px solid white;
  border-radius:5px;
	cursor:pointer;
}

.btnSiguiente:hover {
	background-color:#97C93F;
	border:1px solid #16365E;
}

.txtBtnPagina {
	color:white;
}

.selPagina {
	position:absolute;
	width:80px;
	height:40px;
	top:0px;
	left:calc(50% - 40px);
}

.selPagina:hover {
	border:1px solid #3AA934;
}

.selPagina:focus {
	border:1px solid #3AA934;
}

.btnBuscar {
	position:absolute;
	height:40px;
	width:50px;
	top:1px;
	left:calc(50% + 100px);
	padding-top:6px;
	background-color:#16365E;
	border:1px solid white;
  border-radius:5px;
	cursor:pointer;
}

.btnBuscar:hover {
	background-color:#97C93F;
	border:1px solid #16365E;
}

.txtBtnBuscar {
	color:white;
}

																														/*LOGIN*/
#login {
	display:block;
	position:fixed;
	background-image:url("images/login_fondo.png");
	background-size:cover;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	z-index:100;
}

#loginLogo {
	position:absolute;
	width:750px;
	height:190px;
	top:150px;
	left:calc(50% - 375px);
}

#idenUser {
	width:200px;
}

#password {
	width:200px;
}

#btnLogin {
	height:40px;
	width:200px;
	margin-left:calc(50% - 100px);
	padding-top:6px;
	background-color:#16365E;
	border:1px solid white;
  border-radius:5px;
	cursor:pointer;
}

#btnLogin:hover {
	background-color:#97C93F;
	border:1px solid #16365E;
}

#txtBtnLogin {
	color:white;
}

																														/*MENU*/
#menuFondo {
	display:none;
  position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:#9598AD;
	opacity:0;
  transition:0.5s;
	z-index:9;
}

#menuBtnMenu {
	position:absolute;
	width:60px;
	height:60px;
	top:60px;
	left:0px;
	cursor:pointer;
}

#menu {
	position:fixed;
  height:100%;
  width:0;
  top:0;
  left:0;
  background-color:white;
  overflow-x:hidden;
  padding-top:0px;
  transition:0.5s;
  z-index:10;
}

#menuBarra {
	height:180px;
  top:0;
  left:0;
	background-color:#16365E;
}

#menuFoto {
	width:80px;
	height:80px;
	margin-top:50px;
	margin-left:80px;
	border:1px solid white;
	border-radius:20px;
	cursor:pointer;
}

#menuNombre {
	width:200px;
	margin-top:10px;
	text-align:center;
	font-size:14px;
	color:white;
}

.menuLink {
	width:236px;
	font-size:14px;
	color:#16365E;
	cursor:pointer;
}

.menuLink:hover {
	color:#97C93F;
}

#menuBtnCarreras {
	position:absolute;
	background-image:url(/app/images/btn_carreras_a.png);
	background-size:cover;
	width:100px;
	height:100px;
	top:200px;
	left:40px;
	cursor:pointer;
}

#menuBtnCarreras:hover {
	background-image:url(/app/images/btn_carreras_b.png);
}

#menuBtnClasificaciones {
	position:absolute;
	background-image:url(/app/images/btn_clasificaciones_a.png);
	background-size:cover;
	width:100px;
	height:100px;
	top:300px;
	left:40px;
	cursor:pointer;
}

#menuBtnClasificaciones:hover {
	background-image:url(/app/images/btn_clasificaciones_b.png);
}

#menuBtnPruebas {
	position:absolute;
	background-image:url(/app/images/btn_pruebas_a.png);
	background-size:cover;
	width:100px;
	height:100px;
	top:400px;
	left:40px;
	cursor:pointer;
}

#menuBtnPruebas:hover {
	background-image:url(/app/images/btn_pruebas_b.png);
}

#menuBtnMarcas {
	position:absolute;
	background-image:url(/app/images/btn_marcas_a.png);
	background-size:cover;
	width:100px;
	height:100px;
	top:500px;
	left:40px;
	cursor:pointer;
}

#menuBtnMarcas:hover {
	background-image:url(/app/images/btn_marcas_b.png);
}

#menuBtnComponentes {
	position:absolute;
	background-image:url(/app/images/btn_componentes_a.png);
	background-size:cover;
	width:100px;
	height:100px;
	top:600px;
	left:40px;
	cursor:pointer;
}

#menuBtnComponentes:hover {
	background-image:url(/app/images/btn_componentes_b.png);
}

#menuBtnSesion {
	position:absolute;
	bottom:50px;
	left:40px;
}

																														/*CABECERA*/
#fondo {
	display:block;
	position:fixed;
	height:100%;
	width:100%;
	left:0;
	right:0;
}

#cabecera {
	position:fixed;
	width:100%;
	height:180px;
	top:0px;
	left:0px;
	background-color:#16365E;
	z-index:5;
}

#cabeceraBtnMenu {
	position:absolute;
	width:60px;
	height:60px;
	top:60px;
	left:0px;
	cursor:pointer;
}

#cabeceraBtnLogo {
	width:120px;
	height:120px;
	float:left;
	margin-top:30px;
	margin-left:100px;
}

#cabeceraLetras {
	position:absolute;
	width:476px;
	height:120px;
	top:30px;
	left:calc(50% - 238px);
}

																														/*PERFIL*/
#perfil {
	display:none;
	margin-top:180px;
}

#perfilFoto {
	width:150px;
	height:150px;
	border:1px solid #16365E;
	border-radius:20px;
}

#perfilIdenUser {
	width:200px;
}

#perfilUserName {
	width:200px;
}

#perfilLastName {
	width:200px;
}

#perfilFechaNac {
	width:200px;
}

#perfilTelefono {
	width:200px;
}

#perfilEmailUse {
	width:200px;
}

#perfilDireccio {
	width:200px;
}

#perfilMunicipi {
	width:200px;
}

#perfilProvinci {
	width:200px;
}

#perfilNumDorsa {
	width:200px;
}

																														/*CARRERAS*/
#carreras {
	display:block;
	margin-top:180px;
}

#carrerasSelTemporad {
	width:80px;
	margin:22px 10px 0px 10px;
}

#carrerasSelTipoSele {
	width:200px;
	margin:22px 10px 0px 10px;
}

#carrerasBtnBuscar {
	margin:21px 10px 0px 70px;
}

																														/*CLASIFICACIONES*/
#clasificaciones {
	display:none;
	margin-top:180px;
}

#clasificacionesSelTemporad {
	width:80px;
	margin:22px 10px 0px 10px;
}

#clasificacionesSelTipoSele {
	width:200px;
	margin:22px 10px 0px 10px;
}

#clasificacionesBtnBuscar {
	margin:21px 10px 0px 70px;
}

																														/*PRUEBAS*/
#pruebas {
	display:none;
	margin-top:180px;
}

#pruebasBuscador {
	width:303px;
	margin:22px 10px 0px 10px;
	border:1px solid #16365E;
}

#pruebasBtnBuscar {
	margin:21px 10px 0px 70px;
}

#pruebasBtnNuevo {
	display:none;
	position:absolute;
	width:40px;
	height:40px;
	top:22px;
	left:calc(50% + 240px);
	cursor:pointer;
}

#pruebasABtnNuevo {
	display:none;
	position:absolute;
	width:40px;
	height:40px;
	top:20px;
	left:calc(100% - 100px);
	cursor:pointer;
}

#pruebasBBtnNuevo {
	display:none;
	position:absolute;
	width:40px;
	height:40px;
	top:20px;
	left:calc(100% - 100px);
	cursor:pointer;
}

#pruebasFondo {
	display:none;
  position:fixed;
	width:100%;
	height:100%;
	top:0px;
	background-color:#9598AD;
	opacity:0;
  transition:0.5s;
	z-index:6;
}

#pruebasVentana {
	display:none;
  position:fixed;
	width:1024px;
  height:600px;
  top:calc(50% - 300px);
  left:calc(50% - 512px);
  background-color:white;
	z-index:7;
}

#pruebasCerrar {
  position:fixed;
  top:calc(50% - 300px);
  left:calc(50% + 522px);
	cursor:pointer;
}

#pruebasTitulo {
	font-size:21px;
	font-weight:bold;
	color:#16365E;
	margin-top:20px;
}

#pruebasBVentana {
	display:none;
  position:fixed;
	width:1024px;
  height:600px;
  top:calc(50% - 300px);
  left:calc(50% - 512px);
  background-color:white;
	z-index:7;
}

#pruebasBCerrar {
  position:fixed;
  top:calc(50% - 300px);
  left:calc(50% + 522px);
	cursor:pointer;
}

#pruebasBTitulo {
	font-size:21px;
	font-weight:bold;
	color:#16365E;
	margin-top:20px;
}

																														/*ALERTAS*/
#alertaNuevaPrueba {
	display:none;
}

#alertaSelTipoPrue {
	width:360px;
	margin-bottom:10px;
}

#alertaDescripc {
	width:360px;
	margin-bottom:10px;
}

#alertaPoblacio {
	width:360px;
	margin-bottom:10px;
}

#alertaProvinci {
	width:360px;
	margin-bottom:10px;
}

#alertaDistCorrLabel {
	width:115px;
}

#alertaDistBiciLabel {
	width:115px;
}

#alertaDistNadaLabel {
	width:115px;
}

#alertaDistCorr {
	width:115px;
}

#alertaDistBici {
	width:115px;
}

#alertaDistNada {
	width:115px;
}

#alertaNuevaCarrera {
	display:none;
}

#alertaSelCircuito {
	width:360px;
	margin-bottom:10px;
}

#alertaNombreCa {
	width:360px;
	margin-bottom:10px;
}

#alertaFechaCar {
	width:360px;
	margin-bottom:10px;
}

#alertaNuevoParticipante {
	display:none;
}

#alertaSelIdenUser {
	width:360px;
	margin-bottom:10px;
}

#alertaTiempoToLabel {
	width:175px;
}

#alertaTiempoMeLabel {
	width:175px;
}

#alertaTiempoTo {
	width:175px;
	margin-bottom:10px;
}

#alertaTiempoMe {
	width:175px;
	margin-bottom:10px;
}

#alertaPosicionLabel {
	width:175px;
}

#alertaPosiCateLabel {
	width:175px;
}

#alertaPosicion {
	width:175px;
	margin-bottom:10px;
}

#alertaPosiCate {
	width:175px;
	margin-bottom:10px;
}

																														/*MARCAS*/
#marcas {
	display:none;
	margin-top:180px;
}

#marcasSelTemporad {
	width:80px;
	margin:22px 10px 0px 10px;
}

#marcasSelTipoSele {
	width:200px;
	margin:22px 10px 0px 10px;
}

#marcasBtnBuscar {
	margin:21px 10px 0px 70px;
}

																														/*COMPONENTES*/
#componentes {
	display:none;
	margin-top:180px;
}

#componentesSelClub {
	width:140px;
	margin:22px 10px 0px 10px;
}

#componentesSelCircuito {
	width:140px;
	margin:22px 10px 0px 10px;
}

#componentesBtnBuscar {
	margin:21px 10px 0px 70px;
}

																														/*DROPDOWN*/
#dropdown {
	position:absolute;
	top:0;
	left:0;
	min-width:150px;
	background:#EDEFF5;
	border:1px solid #CCCCCC;
	z-index:1000;
}

#dropdown ul {
	list-style:none;
	margin:0;
	padding:0;
}

#dropdown ul li {
	position:relative;
}

#dropdown ul li a {
	display:block;
	padding:5px 10px;
	clear:both;
	cursor:pointer;
	color:#4A4D62;
	font-size:14px;
	text-decoration:none;
}

#dropdown ul li a:hover, #dropdown ul li a:focus {
	color:#4A4D62;
	background:#9598AD;
	text-decoration:none;
}

#dropdown ul li a:active {
	color:#EDEFF5;
	background:#4A4D62;
}

		/*----------------------------------------------------------------------------------------------------------------------------------//
		//																																																																	//
		//																													TRABAJANDO																															//
		//																																																																	//
		//----------------------------------------------------------------------------------------------------------------------------------*/

#trabajandoFondo {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	background-color:#9598AD;
	opacity:0;
	transition:0.5s;
	z-index:12;
}

#trabajando {
	display:none;
  position:fixed;
	width:100%;
  height:100%;
  top:0px;
  left:0px;
	z-index:13;
}

.spinner {
	position:absolute;
	top:calc(50% - 50px);
	left:calc(50% - 50px);
	font-size:4em;
	height:1em;
	line-height:1;
	margin:.5em;
	animation:anim-rotate 2s infinite linear;
	color:#fff;
	text-shadow:0 0 .25em rgba(255, 255, 255, .3);
}

@font-face {
	font-family:'icomoon';
	src:url('https://cdnjs.cloudflare.com/ajax/libs/videogular-themes-default/0.7.1/fonts/icomoon.woff') format('woff')
}

[class^="icon-"], [class*=" icon-"] {
	font-family:'icomoon';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.icon-spinner:before {
	content:"\e001";
}

@keyframes anim-rotate {
	0% {
		transform:rotate(0);
	}
	100% {
		transform:rotate(360deg);
	}
}