@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700&a=1);

body{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
padding: 0; margin: 0;
color: #303030;
background: #f6f6f6;
padding: 20px;
}


h1,h2,h3,h4,h5,h6{
text-align: center;
font-weight: 300;
}

h1{font-size: 1.7em;}
h2{font-size: 1.5em;}
h3{font-size: 1.3em;}
h4{font-size: 1.1em;}
h5{font-size: 0.9em;}
h6{font-size: 0.8em;}

input{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
}

input[type="submit"]{
padding: 8px 30px;
border: 1px solid #009900;
text-transform: uppercase;
border-radius: 3px;
cursor: pointer;
cursor: hand;
background: #57a957;
color: white;
}

.alert{
display: block;
margin: 30px 0;
color: red;
font-weight: 300;
font-size: 1.3em;
}

#logo{
width: 80%;
max-width: 300px;
display: block;
margin: 0 auto;
}

#box-form{
	max-width:400px;
	padding: 30px 30px;
	border: 1px solid #dddddd;
	background: #ffffff;
	border-radius: 3px;
	margin: 0 auto;
}

#box-form form {
	display: block;
	color: #b6b6b6; 
}

#box-form form div {margin: 0 auto; text-align: center;}


#box-form form a{ color: #b6b6b6; text-decoration: none; }
#box-form form a:hover{ color: blue; }

#box-form form span{
	display: inline-block;
	border: 1px solid #e5e5e5;
	border-right: 0;
	padding: 9px 0;
	width: 34px;
	color: #37b0bb;
	background-color: #f5f5f5;
	text-align: center;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#box-form input[type="text"], #box-form  input[type="password"]{
    width: -moz-calc(100% - 36px);
    width: -webkit-calc(100% - 36px);
    width: calc(100% - 36px);
	margin: 10px 0;
	padding: 9px 10px;
	border: 1px solid #e5e5e5;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	box-sizing: border-box; /* css3 rec */
	-moz-box-sizing: border-box; /* ff2 */
	-ms-box-sizing: border-box; /* ie8 */
	-webkit-box-sizing: border-box; /* safari3 */
	-khtml-box-sizing: border-box; /* konqueror */
}

#box-form input[type="submit"] {margin-top: 15px;}

#box-form input:checked +label { color: #37b0bb;}