/****************************/
/*          LOGIN           */
/****************************/
@import url(/css/site/fonts/fonts.css);
#bg_container_toolbox { position: relative; width: 100%; margin: 100px 0px 0px; padding: 0px 0px 20px; overflow: hidden; float: left; background: #257CA3 url(/css/site/img/bg_banner.jpg) no-repeat center top; }
#div_login_form { position: relative; width: 30%; margin: 0 10% 0 0; padding: 2% 2%; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; overflow: hidden; -moz-box-shadow: inset 0 0 10px #F1F1F1; -webkit-box-shadow: inset 0 0 30px #E1E1E1; box-shadow: inset 0 0 50px #E1E1E1; background: #FFFFFF; float: right; }
#div_login_form .img { position: relative; margin: 0; padding: 0 60% 2% 0; width: 40%; border-bottom: 2px solid #D4D4D4; }
#div_login_form .img img { width: 100%; }
.form_login { position: relative; width: 96%; margin: 0 auto; padding: 2%; float: left; border-top: 2px solid #D4D4D4; }
.titles_form_login { position: relative; width: 92%; padding: 3% 3% 3% 0; margin: 0px; color: #00527F; font: 400 25px 'Avant Garde', sans-serif; }
.div_user { background: url(/css/site/img/bg_input_user.png) no-repeat right center !IMPORTANT; }
.div_pass { background: url(/css/site/img/bg_input_pass.png) no-repeat right center !IMPORTANT; }
.linha_t { border-top: 1px solid #E0E0E0; }
.linha_r { border-right: 1px solid #E0E0E0; }
.linha_b { border-bottom: 1px solid #E0E0E0; }
.linha_l { border-left: 1px solid #E0E0E0; }

.area_cliente { position: relative; width: 100%; margin: 0 0 2%; padding: 0; float: left; }
.logo { display: none; position: relative; width: auto; margin: 1%; padding:0; overflow: hidden; float: left; }
.data_user { position: relative; margin: 0%; padding: 1% 2%; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; float: right; width: auto; float: right; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; overflow: hidden; -moz-box-shadow: inset 0 0 10px #F1F1F1; -webkit-box-shadow: inset 0 0 10px #F1F1F1; box-shadow: inset 0 0 50px #F4F4F4; background: #FFFFFF; }
.user_name {position: relative; width: 100%; margin: 0; padding: 5px 0px; overflow: hidden; text-align: left; }
.user_name span { position: relative; display: inline-block; margin: 0px; padding: 0px; font-family: 'Avant Garde', sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; }
.user_name span { font-size: 18px; line-height: 20px; }
.botao {	
	padding: 4px 15px 4px;  
	cursor: pointer;
	text-align: center;
	display:inline-block;
	border:1px solid #D4D4D4;
	font-size:14px;
  	font-family: 'Avant Garde', sans-serif;
  	line-height:1.4em;
  	font-weight:bolder;
  	text-transform: uppercase;
  	letter-spacing: -.015em;  	
  	border-color:#000000;
  	background:#333333;
  	/* gradient */
  	background: -moz-linear-gradient(top, #333333 40%, #000000);
  	background: -webkit-linear-gradient(top, #333333 40%, #000000);
  	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
  	/* corner */
  	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
  	text-decoration: none;
  	/* shadow */
  	-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  	box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
	color: #FFFFFF !IMPORTANT;
	text-decoration: none !IMPORTANT;
	float: right;
}

.botao:hover {
	color: #FFFFFF;
	text-decoration: none;
  background:#000000;
  /* gradient */
  background: -moz-linear-gradient(top, #000000 40%, #333333);
  background: -webkit-linear-gradient(top, #000000 40%, #333333);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333');
  /* shadow */
  -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  box-shadow:  0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
}

@media screen and (max-width: 960px) {
	#div_login_form { width: 50%; margin: 0 2% 0 0;}
	
}
@media screen and (max-width: 620px) {
	#div_login_form { width: 60%; margin: 0 2% 0 0;}
	
}
@media screen and (max-width: 490px) {
	#div_login_form { width: 90%; margin: 0 auto 0; float:none;}
	
}