@font-face
{
	font-family: 'Wire One';
	font-style: normal;
	font-weight: 400;
	src: local('Wire One'), local('WireOne'), url(../fonts/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
	display: block;
}

body
{
	line-height: 1;
}

ol, ul
{
	list-style: none;
}

html
{
	background:url(../img/bg.png) center center no-repeat fixed;
	background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
}

.login-submit, .login-submit:before, .login-submit:after
{
	background: #373737 url(../img/bg.png) 0 0 repeat;
}

body
{
	font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #404040;
}

a
{
	color: #00a1d2;
	text-decoration: none;
}
a:hover 
{
	text-decoration: underline;
}

.login
{
	position: relative;
	margin: 20px auto;
	width: 400px;
	padding-right: 32px;
	font-weight: 300;
	color: #a8a7a8;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
}
.login p 
{
	margin: 0 0 0px;
}

input, button, label
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=text], input[type=password]
{
	padding-left:40px;
	font-size:40px;
	width: 300px;
	height: 90px;
	color: #bbb;
	text-shadow: 1px 1px 1px black;
	background: rgba(0, 0, 0, 0.16);
	border: 0;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
}
input[type=text]:focus, input[type=password]:focus
{
	color: white;
	background: rgba(0, 0, 0, 0.1);
	outline: 0;
}

label
{
	float: left;
	width: 100px;
	line-height: 40px;
	padding-right: 30px;
	text-align: right;
	letter-spacing: 1px;
	font-size:1.5em;
}

.forgot-password
{
	padding-left: 100px;
	font-size: 13px;
	font-weight: 100;
	letter-spacing: 1px;
}

.login-submit
{
	position: absolute;
	left:200px;
	top: 12px;
	right: 0;
	width: 130px;
	height: 48px;
	padding: 8px;
	border-radius: 32px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
}
.login-submit:before, .login-submit:after
{
	content: '';
	z-index: 1;
	position: absolute;
}
.login-submit:before
{
	top: 28px;
	left: -4px;
	width: 4px;
	height: 10px;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}
.login-submit:after
{
	top: -4px;
	bottom: -4px;
	right: -4px;
	width: 36px;
}

.login-button
{
	position: relative;
	z-index: 2;
	width: 147px;
	height: 48px;
	padding: 0 0 48px;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	background: none;
	border: 0;
	opacity:0.7;
	border-radius: 24px;
	cursor: pointer;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
}

.login-button:hover
{
	opacity:1;
}

.login-button:before
{
	content: '';
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
	background: #00a2d3;
	border-radius: 24px;
	-webkit-box-shadow: inset 0 0 0 1px #00a2d3, 0 0 0 5px rgba(0, 0, 0, 0.16);
	box-shadow: inset 0 0 0 1px #00a2d3, 0 0 0 5px rgba(0, 0, 0, 0.16);
}

.login-button:active:before
{
}
.login-button:after
{
	content: '';
	position: absolute;
	top: 15px;
	left:37%;
	width: 25px;
	height: 19px;
	background: url("../img/arrow.png") 0 0 no-repeat;
}

::-moz-focus-inner
{
	border: 0;
	padding: 0;
}

.lt-ie9 input[type=text], .lt-ie9 input[type=password]
{
	line-height: 40px;
	background: #282828;
}

.lt-ie9 .login-submit
{
	position: absolute;
	top: 12px;
	right: -28px;
	padding: 4px;
}
.lt-ie9 .login-submit:before, .lt-ie9 .login-submit:after
{
	display: none;
}
.lt-ie9 .login-button
{
	line-height: 48px;
}
.lt-ie9 .about
{
	background: #313131;
}
.logo
{
	padding-top:70px;
}
.letra
{
	color:#fff;
	font-size:50px;
	font-family: 'Wire One', arial, serif;
}
.letralink
{
	color:#69C;
	font-size:30px;
	font-family: 'Wire One', arial, serif;
	letter-spacing:3px;
	text-shadow:#fff 0px 0px 30px;
	cursor:pointer;
}
.letralink:hover
{
	color:#fff;
	font-size:30px;
	font-family: 'Wire One', arial, serif;
}