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

@font-face {
	font-family:"Nexa";
	src:url("font/nexa_book.otf");
}

		/*----------------------------------------------------------------------------------------------------------------------------------//
		//																																																																	//
		//																													LOGIN																																		//
		//																																																																	//
		//----------------------------------------------------------------------------------------------------------------------------------*/

.ventanaLogin {
	display:flex;
	flex-direction:column;
	min-height:100vh;
	align-items:center;
	justify-content:center;
	background-image:url("images/login_fondo.png");
	background-size:cover;
	font-family:"Nexa";
}

.logo {
  width:80vmin;
  min-width:300px;
  margin:0px auto 50px auto;
  cursor:default;
}

.entrada {
	width:200px;
	height:40px;
	padding:0px 10px 0px 10px;
  margin:0px auto 20px auto;
	border:1px solid #CCCCCC;
  border-radius:3px;
  font-size:14px;
	color:black;
	background-color:white;
	border-style:solid;
}

.entrada:hover {
	border:1px solid #5DBDAA;
}

.entrada:focus {
	border:1px solid #5DBDAA;
}

.btnEntrar {
  width:auto;
  height:40px;
  background:transparent;
  border:none;
  padding:0;
  cursor:pointer;
}

.avisoNavegador {
	width:80vmin;
	margin:50px auto 0px auto;
  font-size:calc(6px + 1vmin);
	text-align:center;
	text-decoration:none;
	color:#DE9D2A;
}

		/*----------------------------------------------------------------------------------------------------------------------------------//
		//																																																																	//
		//																													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 0.25em rgba(255, 255, 255, 0.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);
	}
}