<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Login</title>
		<meta name="google-site-verification" content="rjbwNEMLfBM-bcoWlcmcRsh6o3rUyZtoSiFGq51G1Iw" />
		<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
		   
		<style>
			body,html,form{
				margin:0;
				padding:0;
				height:100%;
				font-family:arial, sans;
			}
			input{
				padding: 0.4em;
				border: 1px solid #ccc;
			}
				
			button{
				padding: 0.4em;
				border: 1px solid rgba(64, 89, 116, 1);
				color: rgba(64, 89, 116, 1);
				background-color: #fff;
			}
				
			.login-table{
				width:100%;
				height:100%;
				min-width: 40em;
				border-spacing:0;
				background-image:url(assets/www/login-bg.jpg);
				background-repeat:no-repeat;
				background-position:center center;
				background-size:cover;
			}
			.inner-login-table{
				margin-top: 300px;
				margin-left: -308px;
			}
			
			@media (max-width: 800px) {
			
				.login-table{
					min-width: auto;
					background-size: 210%;
				}
				
				.inner-login-table {
				    margin-top: 300px;
				    margin-left: unset;
				}
			}
		</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"  >
			<table style="display: none"  class="login-table">
				<tr>
					<td align="center" valign="middle">
					    <table class="inner-login-table">
					        <tr>
					            <td></td>
					        </tr>
					        <tr>
					            <td align="right"><strong>Usuario:</strong></td><td><input type="text" name="name" placeholder="Usuario" /></td>
					        </tr>
					        <tr>
					            <td align="right"><strong>Contaseña:</strong></td><td><input type="password" name="password" placeholder="Clave" /></td>
					        </tr>
					        <tr>
					            <td colspan="2" align="center"><button>Ingresar</button></td>
					        </tr>
					    </table>
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>