@import url(fonts/roboto/roboto.css);

@charset "utf-8";
/* CSS Document */

body{
	background:#00ACCD;
	color:#333;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	padding:0px;
	margin:0px;
}
*{
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
a, img{
	border:none;
}

.content-center{
	width:280px;
	margin-left:-140px;
	position:fixed;
	left:50%;
	top:20%;
	text-align:center;
}
	

.login{
	margin-top:10px;
	width:100%;
	height:auto;
	text-align:left;
}

.login input[type=text],input[type=password],input[type=email]{
	font-family: 'Roboto', sans-serif;
	background:#EEE;
	border:none;
	width:100%;
	margin-bottom:7px;
	padding:10px 13px;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.016) inset;
	font-size:12px;
	color:#858585;
	border-radius:2px;
	-webkit-border-radius:2px;
}

.login input[type=submit]{
	font-family: 'Roboto', sans-serif;
	width:100%;
	margin:0px;
	border:0px;
	color:#F8F8F8;
	background:#6CF;
	padding:7px 0px;
	text-transform:uppercase;
	font-weight:300;
	border-radius:0px 0px 5px 5px;
	cursor:pointer;
}

.recuperar{
	color:#FFF;
	display:inline-block;
	margin-top:10px;
	text-decoration:none;
	font-size:11px;
}

.alert{
	width:100%;
	color:#FFF;
	font-size:11px;
	background:#F66;
	padding:10px;
	margin:5px 0px;
}

@media screen and (max-width: 300px) {
	.content-center{
		width:100%;
		left:0px;
		margin:0px;
		top:9%;
		padding:0px 10px;
	}
}