@charset "utf-8";
/* CSS Document */
/***** 4. LOGIN PAGE *****/
/*************************/
.loginpage { background: #FFF url(../img/patternbg.png); }
.loginbox { 
	width: 350px; padding: 5px; background: #fff; margin: 0 auto 0 auto; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3); 
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

@media (max-width: 480px) {
	/***** 4. LOGIN PAGE *****/	
	.loginbox { 
		width: 70%; min-width:290px;
	}	 
}
.loginboxinner { 
	padding: 20px; background: #fff; -moz-border-radius: 0 2px 2px 0; 
	-webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;
}
.loginbox .logo { text-align: center;  padding:5px; }
.loginbox .logo h1 { 
	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; font-size: 32px; color: #fff; border-bottom: 1px solid #56647d; 
	line-height: normal; margin-bottom: 5px;
}
.loginbox .logo h1 span { color: #FB9337; }
.loginbox .logo p { font-weight: bold; color: #FFF; font-style: italic; }

.loginbox form { display: block; margin-top: 20px; }
.loginbox .adm_pato { 
	background: #eee url(../img/username.png) no-repeat 13px center; -moz-border-radius: 2px; -webkit-border-radius: 2px; 
	border-radius: 2px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4); 
	box-shadow: 0 1px 2px rgba(0,0,0,0.4); margin: 20px 0;
}
.loginbox .adm_patoinner { 
	margin-left: 45px; border-left: 1px solid #ddd; background: #fff; padding-right: 0px; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
}
.loginbox .adm_pato input { 
	padding: 15px 10px; border: 0; font-size: 14px; width: 100%; box-shadow: none; color: #666; 
	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}
.loginbox .pato_pss { 
	background: #eee url(../img/password.png) no-repeat 13px center; -moz-border-radius: 2px; -webkit-border-radius: 2px; 
	border-radius: 2px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4); 
	box-shadow: 0 1px 2px rgba(0,0,0,0.4); margin: 20px 0; overflow: hidden;
}
.loginbox .pato_pssinner { margin-left: 45px; border-left: 1px solid #ddd; background: #fff; }
.loginbox .pato_pss input { 
	padding: 15px 10px; border: 0; font-size: 14px; width: 100%; box-shadow: none; color: #666; 
	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}

.loginbox button { 
	background: url(../img/btngrad.png) repeat-x top left; border: 0; padding: 15px 0; text-align: center; 
	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; width: 100%; text-transform: uppercase;  
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4); box-shadow: 0 1px 2px rgba(0,0,0,0.4); color:#34424c; font-weight:bold;
}
.loginbox button:hover { background-color: #003852; }
.loginbox .keep { margin-top: 20px; font-weight: bold; color: #ccc; font-size: 11px; }
.loginbox .loginmsg { 
	background: #fffccc; color: #333; margin-bottom: 10px; padding: 10px 5px; text-align: center;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 14px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}
.loginf { 
	padding: 10px; background: #2e3e59; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
	-moz-box-shadow: inset 0 1px 1px #23324b; -webkit-box-shadow: inset 0 1px 1px #23324b; box-shadow: inset 0 1px 1px #23324b;
	border-bottom: 1px solid #475875;
}

.loginpage .noadm_pato, .loginpage .nopato_pss { display: none; }
.loginpage .nopato_pss { color: #fff; }
.loginpage .nopato_pss .thumb { 
	padding: 5px; background: #fff; display: inline-block; vertical-align: top; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.loginpage .nopato_pss .userlogged { display: inline-block; margin-left: 10px; font-weight: bold; }
.loginpage .nopato_pss .userlogged h4 { font-size: 14px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; }
.loginpage .nopato_pss .userlogged a { color: #f0801d; font-style: italic; }
.loginpage .nopato_pss .userlogged a:hover { text-decoration: underline; }
.loginpage .notibar { border: 0; }


form button { width: auto; margin: 0; font-weight: bold; color: #eee; background: #FB9337; border: 1px solid #F0882C; padding: 7px 10px; 
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; }
form button.submit:hover { background: #485B79; border: 1px solid #3f526f; color: #fff; }
form button:active { 
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); 
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}