@CHARSET "ISO-8859-1";

body, html{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-family: Arial;
	font-size: 12px;
}

body#login{
	background: url(images/BG_login.png) center center repeat;
}

body#login #header{
	background: #1b1b1b;
	width: 100%;
	height: 205px;
	border-bottom: 1px solid #3a3a3a;
	margin-bottom: 25px;
}

body#login #header #logo{
	background: url(images/IMG_logo.png) center center no-repeat;
	width: 100%;
	height: 205px;
}

body#login #form{
	width: 240px;
	margin: 0 auto;
	color: white;
}

body#login #form .alerta{
	background: #252525;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 12px 15px;
}

body#login #form .alerta .mensagem{
	float: left;
	margin-left: 10px;
	font-size: 11px;
	margin-top: 2px;
}

body#login #form .lbl_input{
	display: block;
	text-align: left;
	font-size: 14px;
	margin: ;
	display: block;
}

body#login #form .input{
	float: left;
	width: 208px;
	border-width: 2px;
	border-color: transparent;
}
body#login #form .input:FOCUS{
	outline: none;
	border-color: #FEC92D;
}

body#login #form label#lbl_salvaSenha{
	margin-top: 3px;
	margin-left: 2px;
}

.bt_amarelo{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd877+0,febf06+100 */
	background: #ffd877; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd877 0%, #febf06 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd877), color-stop(100%,#febf06)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffd877 0%,#febf06 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffd877 0%,#febf06 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffd877 0%,#febf06 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffd877 0%,#febf06 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd877', endColorstr='#febf06',GradientType=0 ); /* IE6-9 */
}
.bt_amarelo:ACTIVE{
	background: #febf06; /* Old browsers */
	background: -moz-linear-gradient(top,  #febf06 0%, #ffd877 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febf06), color-stop(100%,#ffd877)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #febf06 0%,#ffd877 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #febf06 0%,#ffd877 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #febf06 0%,#ffd877 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #febf06 0%,#ffd877 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf06', endColorstr='#ffd877',GradientType=0 ); /* IE6-9 */
	transform: scale(0.97, 0.97);
}
.bt_cinza{background: url(images/botoes/BT_cinza.png) center center repeat-x transparent}

.button{ padding: 0 25px; height: 25px; cursor: pointer; border: 0px; font-size: 13px; border-radius: 6px; -webkit-border-radius: 6px; display: block; float: right; outline: none; box-sizing:border-box;}
.button:hover{text-decoration: none; filter: brightness(1.07); -webkit-filter: brightness(1.07);}


.input{
	border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #d5d5d5;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	outline: none;
}
.input:focus, .input:hover{
	border-color: #fec92d;
}
.input.erro{
	border-color: #e40000;
}
.input.sucesso{
	border-color: #00eb37;
}

.input.input_pequeno{width: 270px;}
.input.input_medio{width: 520px;}
.input.input_grande{width: 270px;}
.input_desc{
	color: #616161;
	font-size: 10px;
}



.ico16{ background-color: transparent; background-repeat: no-repeat; background-position: center center; width: 16px; height: 16px; margin-right: 5px; float: left; display: block; -webkit-transition: all 175ms linear; -moz-transition: all 175ms linear; -o-transition: all 175ms linear; transition: all 175ms linear;}
.ico_edit{background-image: url(images/icones/16edit.png); margin-right: 5px;}
.ico_excluir{background-image: url(images/icones/16excluir.png); margin-right: 5px;}
/*.ico16:HOVER{-webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4);}*/
.ico16 img{max-width: 100%;}
.ico_x{background-image: url(images/icones/16x.png)}

.input-login{position: relative;}
.input-login label{display: block; font-size: 12px; margin-bottom: 3px; color: #fec92d;}
.input-login input{border: none; width: 100%; display: block; border-radius: 5px; height: 35px; box-sizing: border-box; padding: 0 15px; background: #fff; outline: none; border: 2px solid transparent; font-size: 17px;}
.input-login input:FOCUS{border-color: #fec92d;}
.input-login input:-webkit-autofill{background: #fff; -webkit-box-shadow: 0 0 0 30px white inset;}
.input-login input:read-only, .input-login input[readonly]{color: #afafaf;}

#form .button{height: 35px; width: 100%; box-sizing: border-box;}
#form input[type="password"]{font-size: 35px; letter-spacing: 0.1em;}
#form .icone-carregando{height: 35px; line-height: 35px; text-align: center; font-size: 30px; color: #fec92d; display: none;}
#hiddenForm{display: none;}

.alertaLogin{background: #252525; border-radius: 10px; padding: 12px 15px 12px 40px; box-sizing: border-box; font-size: 11px; color: #fff; width: 100%; position: relative; display: none;}
.alertaLogin i{margin-right: 5px; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); font-size: 16px;}
.alertaLogin.sucesso i{color: #12b112;}
.alertaLogin.erro i{color: #d62828;}