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

#login {

	width:100%;
	margin: 0% auto;
  padding: 4% 0;
	border-radius: 0px;
  /*background-image: linear-gradient(to right, rgba(230, 230, 230,0.9), rgba(255, 255, 255,0.9));*/
}

#login header {
	width: 94%;
	margin: 0 3% !important;
	margin-bottom: 1% !important;
	font-size: 1.1em;
/* 	font-weight: 900; */
	color: #fff;
	font-family: 'Titan One', cursive;
	text-shadow: 1px 1px 1px black;
	text-align: center;
	padding: 2% 0;
/* 	box-shadow: 0 0 5px #666; */
	border-radius: 15px 15px 0 0;
	letter-spacing: 0.2em;
/*   background-color: #14a286; */
	background-color: #666;
	background: linear-gradient(#666,#333);
}

#login fieldset{
	display: block;
/* 	padding: 5px; */
	border: none;
;
	margin: 0px;
}

#login .row {
	margin:0;
	text-align: right;
	position: relative;
}

#login .row i{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 3.5%;
	padding-left: 5px;	
	padding-top: 13px;
	color: #666;
}
#login .input{
/* 	box-shadow: 0 0 2px rgba(0,0,0,.3); */
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 93%;
	margin: 0px 3.5%;
	padding: 12px;
	padding-left: 30px;
	outline: none;

	background: #fff;
	color: #404040;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	font-family: "Lato", Verdana, Geneva, sans-serif;
	border: thin solid #333;
	font-size: 1em;
	font-weight: bold;
}

#login #email{
/* 	border-bottom: none; */
	border-bottom-color: #FFF;
}

#login #email.input{
	
}


#login .input:focus {
	background-color: #FFFDF9;
/* 	border-top-color: #F90;
	border-right-color: #F90;
	border-bottom-color: #F90;
	border-left-color: #F90; */
}

#login .input:hover {
		background-color: #FFFDF9;
/* 	border-top-color: #F90;
	border-right-color: #F90;
	border-bottom-color: #F90;
	border-left-color: #F90;
	border-bottom: thin solid #F90 !important;	 */
}



#login #button{
	width: 94%;
	margin: 0% 3%;
	margin-top: 1%;
	padding: 3%;
	color: #FFF;
	font-family: Lato, Verdana, Geneva, sans-serif;
	font-size: 1.2em;;
	border: none;
	font-weight: bold;
	border-radius: 0 0 15px 15px;
/*   background-color: #14a286; */
	/*box-shadow: 0 0 5px #666;*/
	background-color: #666;
	background: linear-gradient(#666,#333);
	text-shadow: 1px 1px 1px black;

}

#login #button:hover{
  opacity: 0.9;
	cursor: pointer;
}

#login label{
	color: #930;
	font-weight: bold;
	display: none;
	width: 45px;
	float: left;
	line-height: 30px;
	margin-right: 5px;
}

div.ClassError{
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	display: block;
	text-align: right;
	padding: 2px 3%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.sucesso{
	color: #FFF;
	background-color: #060;
	display: block;
}

.login_erro{
	color: #FFF;
	background-color: #F00;
	display: block;
}
#retorno-login {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	background-color: #F00;
	display: none;
	height: 30px;
	width: 94%;
	margin: 1% 3%;
	text-align: center;
	margin-bottom: 5px;
	border-radius: 3px;
}

#LoginAutorizado {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	background-color: #060;
	height: 30px;
	width: 100%;
	margin: 0%;
	text-align: center;
	margin-bottom: 5px;
	border-radius: 3px;
}