@charset "utf-8";
/* CSS Document */
body
{
	margin:0;
	padding:0;
	font-family:"Arial Black", Gadget, sans-serif;
	background:url(Fondo.png) no-repeat #333333 center 5% ;
	background-size:90%;
}


.box
{
	position:absolute;
	top:38%;
	left:65%;
	transform:translate(-50%,-50%);
	width:400px;
	padding:40px;
	background:rgba(0,0,0,.8);
	box-sizing:border-box;
	box-shadow:0 15px 25px rgba(0,0,0,.5);
	border-radius:10px;
}
.box h2{
	margin:0 0 30px;
	padding:0;
	color:#fff;
	text-align:center;
}
.box .inputBox
{
position:relative;	
}
.box .inputBox input{
	width:100%;
	padding:10px 0;
	font-size:16px;
	color:#fff;
	letter-spacing:1px;
	margin-bottom:30px;
	border:none;
	border-bottom:1px solid #fff;
	outline:none;
	background:transparent;
}
.box .inputBox label {
	position:absolute;
	top:0;
	left:0;
	letter-spacing:1px;
	padding:10px 0;
	font-size:16px;
	color:#fff;
	pointer-events:none;
	transition:.5s;
}
.box .inputBox input:focus ~ label,
.box .inputBox input:valid ~ label
{
	top:-18px;
	left:0;
	color:#03a9f4;
	font-size:12px;
}
.box input[type="submit"]{
	background:transparent;
	border:none;
	outline:none;
	color:#fff;
	background:#03a9f4;
	padding:10px 20px;
	cursor:pointer;
	border-radius:5px;
}
.link {
  text-decoration:none;
  color:#9D8E79;
  display:block;
  text-align:right;
  font-size:12px;
  margin-bottom:15px;
}
.link:hover{
  text-decoration:underline;
  color:#8C918F;
}
