<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">

	<title>Login</title>
	<style>
		body,
		html,
		form {
			margin: 0;
			padding: 0;
			height: 100%;
			font-family: arial, sans;
		}

		input {
			padding: 1em;
			border: 1px solid rgba(0, 68, 153, 1);
			font-size: 1em;
			width: calc(100% - 2em);
		}

		button {
			padding: 1em;
			border: 1px solid
				rgba(0, 68, 153, 1)			;

			color:
				#fff			;
			background-color:
				rgba(0, 68, 153, 1)			;

			width: 100%;
			font-size: 1em;
			margin-top: 1em;
			transition: filter 0.2s;
		}

		button:hover {
			filter: brightness(115%);
		}

		.login-table {
			width: 100%;
			height: 100%;
			border-spacing: 0;
			background-image: url(assets/festival2/login-bg.jpg?6a2761dc97e56);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}

					table.inner-login-table {
				margin-top: 7em;
			}
		
		td.login-msg {
			background-color: #fff8d3;
			border: 2px solid #ffd401;
			color: #af7d0c;
			text-align: center;
			padding: 0.2em;
		}
	</style>
	<script src="js/jquery-1.11.2.min.js"></script>
	<script>
		/*if(window.location.href.split('/').reverse()[0] !== 'login.php'){
			window.location = 'login.php';
		} else {*/
		$(document).ready(function () {
			$('.login-table').show();
		});

		//}
	</script>
</head>

<body>
	<form method="post" action='./?admin'>
		<table style="display: none" class="login-table">
			<tr>
				<td align="center" valign="middle">
					<table class="inner-login-table">
						
						
						<tr>
							<td><input type="text" name="name" placeholder="Usuario" /></td>
						</tr>
						<tr>
							<td><input type="password" name="password" placeholder="Clave" /></td>
						</tr>
						<tr>
							<td><button>Ingresar</button></td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</form>
</body>

</html>