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

*:focus { outline: none; }
body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	border:none;
	padding:15px;
	font-size: 12px;
	color: #404040;
	text-align: center;
	-webkit-text-size-adjust: none;
  background: #222222;
}

#login {
	position: absolute;
	color: #222222;
	height: 447px;
	top: 50%;
	left: 50%;
	margin-top: -275px;
	margin-left: -161px;
}

#login .logo {
	position: relative;
	width: 100%;
	//margin-top: 14px; 
	height: 90px;
	background-position: center ;
	background-image: url(logo.png);
	background-size: 50%;
	background-repeat: no-repeat;	
}

#login form {
	position: relative;
	width: 240px;
	max-width: 260px;
  //padding: 40px 40px;
  padding: 20px 20px;
  margin: auto;
	//background-color: #efefef;
	//border: 1px solid #dcd9d9;
	text-align:center;
}

#login form span.title {
	position: relative;
	width: inherit;
	display:inline-block;
	font-size: 20px;
	text-align: center;
	margin-bottom: 5px;  
  color: #ffffff;
}

#login form span.subtitle {
	position: relative;
	width: inherit;
	display:inline-block;
	font-size: 16px;
	text-align: center;
	margin-bottom: 25px;
  color: #ffffff;
}
/*
#login form label {
	position: relative;	
}*/
/*
#login form label .assist {
	top: -2px !important;
	left: -25px;	
}*/

#login form input {
	position: relative;
	width: 222px;/*260px;*/
	height: 35px;
	line-height: 100%;
	border: 1px solid #d9d9d9;
	border-top-color: #c0c0c0;
	margin-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 14px;
	color: #404040;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
}

#login form input:focus {
	outline: none;
}

#login form button {
	padding: 0px;
	width: 240px;
	height: 35px;
	background-color: #bf6f29;  
	color: #FFFFFF;
	border: 1px solid #bf6f29;
	cursor: pointer;
	font-weight: normal;
	font-size: 15px;
	//text-shadow: 0 1px #e82c3f;
	margin: 0px;
	margin-bottom: 10px;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
}

#login form button:hover {
	background-color: #de873a;
  text-decoration: underline;
}

#login form .assistance {
	font-size: 11px;
	color: #333;
	text-transform: uppercase;
	cursor: pointer;
}

#login .footer {
	position: relative;
	width: inherit;
	line-height: 50px;
	text-align: center;	
	color: #999;	
}

#login .footer a {
	color: #999;	
	text-decoration:none;
	font-size: 11px;
}

#login .footer a:hover {
	color: #0093d0;

}

/*
.footer {
	position: fixed;
    width:100%;
	bottom: 0px;
	left: 0px;
	height: 75px;
	line-height: 75px;
	background-color: #f2f6f9;
	border-top: 1px solid #e5e5e5;
	text-align: center;
}*/


@media screen and (max-width: 580px) {

	#login {
		margin-top: -225px;
		margin-left: -140px;
	}
    #login form {
    	padding: 20px 20px;
 		margin: 0 auto 20px;
    }

    #login form span.title {
    	font-size: 14px;
    		margin-bottom: 15px;
    }
}