*:focus{
	outline:none;
}
body{
	background:url(../img/bg_login.png) repeat;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
}
#loginBox{
	width:488px;
	padding:10px;
	background:-webkit-linear-gradient(#fff 0%, #ccc 100%);
	background:-moz-linear-gradient(#fff 0%, #ccc 100%);
	background:-o-linear-gradient(#fff 0%, #ccc 100%);
	margin:0 auto;
	border-radius:3px;
	box-shadow:0 2px 10px rgba(0,0,0,0.3);
	position:absolute;
	z-index:3;
	top:50%;
	left:50%;
	margin-left:-244px;
	margin-top:-100px;
}
#explode{
	width:450px;
	height:450px;
	position:absolute;
	z-index:1;
	background:-webkit-radial-gradient(rgba(77,196,255,0.9) 0%, rgba(77,196,255,0) 75%);
	background:-moz-radial-gradient(rgba(77,196,255,0.9) 0%, rgba(77,196,255,0) 75%);
	background:-o-radial-gradient(rgba(77,196,255,0.9) 0%, rgba(77,196,255,0) 75%);
	left:50%;
	top:50%;
	margin-left:-225px;
	margin-top:-225px;
}
#logo{
	width:188px;
	height:26px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-244px;
	margin-top:-140px;
	z-index:2;
}
#dito{
	width:188px;
	height:26px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:105px;
	margin-top:-137px;
	z-index:2;
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,0.5);
	font-size:19px;
}
#locker{
	margin:10px 0 20px 0;
}
label{
	margin-left:-124px;
	font-size:12px;
	color:#1d314d;
	text-shadow:0 1px 0 #fff;
}
input[type="text"], input[type="password"]{
	width:180px;
	border:1px solid #777;
	padding:7px;
	background:-webkit-linear-gradient(#fefefe 0%, #e6e6e6 100%);
	background:-moz-linear-gradient(#fefefe 0%, #e6e6e6 100%);
	background:-o-linear-gradient(#fefefe 0%, #e6e6e6 100%);
	box-shadow:0 1px 0 #fff inset, 0 0 13px rgba(0,0,0,0.2) inset;
	margin-bottom:17px;
}
input[type="text"]:focus, input[type="password"]:focus{
	box-shadow:0 1px 0 #fff inset, 0 0 13px rgba(0,0,0,0.2) inset, 0 0 5px rgba(115,194,255,1);
}
input[type="submit"]{
	border:1px solid #001b3d;
	padding:7px;
	background:-webkit-linear-gradient(#3c4d62 0%, #23344a 100%);
	background:-moz-linear-gradient(#3c4d62 0%, #23344a 100%);
	background:-o-linear-gradient(#3c4d62 0%, #23344a 100%);
	box-shadow:0 1px 0 rgba(255,255,255,0.1) inset, 0 0 13px rgba(0,0,0,0.2) inset;
	font-size:15px;
	color:#fff;
	text-shadow:0 -1px 0 #000;
}
input[type="submit"]:active{
	background:-webkit-linear-gradient(#23344a 0%, #3c4d62 100%);
	background:-moz-linear-gradient(#23344a 0%, #3c4d62 100%);
	background:-o-linear-gradient(#23344a 0%, #3c4d62 100%);
}
#error{
	width:210px;
	height:40px;
	line-height:43px;
	text-align:center;
	background:-webkit-linear-gradient(#e96262 0%, #d04949 100%);
	background:-moz-linear-gradient(#e96262 0%, #d04949 100%);
	background:-o-linear-gradient(#e96262 0%, #d04949 100%);
	border:1px solid #602b2b;
	border-radius:3px;
	box-shadow:0 -1px rgba(255,255,255,0.2) inset, 0 0 13px rgba(0,0,0,0.25) inset;
	left:50%;
	top:50%;
	margin-left:-97px;
	margin-top:100px;
	position:absolute;
	z-index:2;
	color:#fff;
	text-shadow:0 2px 0 rgba(0,0,0,0.3);
	font-size:12px;
	display:none;
}
#sucesso{
	width:210px;
	height:40px;
	line-height:43px;
	text-align:center;
	background:-webkit-linear-gradient(#8ce09e 0%, #65b977 100%);
	background:-moz-linear-gradient(#8ce09e 0%, #65b977 100%);
	background:-o-linear-gradient(#8ce09e 0%, #65b977 100%);
	border:1px solid #08431e;
	border-radius:3px;
	box-shadow:0 -1px rgba(255,255,255,0.2) inset, 0 0 13px rgba(0,0,0,0.25) inset;
	left:50%;
	top:50%;
	margin-left:-97px;
	margin-top:100px;
	position:absolute;
	z-index:2;
	color:#fff;
	text-shadow:0 2px 0 rgba(0,0,0,0.3);
	font-size:12px;
	display:none;
}
#overlay{
	background:#fff;
	position:fixed;
	width:100%;
	height:100%;
	z-index:5;
	display:none;
}