

body {
  padding: 0;
  text-align: center;
  border: none;
  background: #eee url("../img/login_sprites_sim.png") repeat-x left -268px !important;
  font-size: 14px;
}

a {
	color: #0047B3;
}


label {
	display: inline;
}

input[type=text], input[type=email], input[type=password], input[type=submit] {
	padding: 10px 8px !important;
}


.logo-wrapper, .login-wrapper {
	display: none;
}

.logo-simulare {
	display: none;
	max-width: 70px;
	position: static;
	margin: 10px auto;
}

.principal {
	margin: 15px auto;	
	width: 1000px;
}

.titulo_tela {
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 18px;
}

.messages {
	display: block;
	font-weight: bold;
	font-size: 14px;
	margin: 2px 0;
	padding: 5px;
}

.messages dt {
	padding: 1px 0;
}

.messages_error {
	color: #ff0000;
}

.messages_info {
	color: #474747;
	
}

.login-inner-wrapper {
  margin: 130px auto 20px auto;
  text-align: center;
  width: auto;
  max-width: 988px;
  background: url("../img/login_symbol.png") no-repeat 190px 80px;
}

 .login-content {
  min-width: 200px;
  margin: 0 auto;
  background: #fff;
  padding: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 6px #999;
  -webkit-box-shadow: 0 0 6px #999;
  box-shadow: 0 0 6px #999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}

.login-footer {
	font-size: .8em !important;
}
.login-footer a {
	color: #333;
}

.login-content {
	width: 600px;	
	padding: 10px 30px 30px 30px;
}

@media all and (max-width: 900px) {
	
	.login-inner-wrapper {
		margin: 10px auto 20px auto !important;
	}
	
	div.logo-wrapper, .logo-simulare {
		display: block;
	}
	
	.login-inner-wrapper {
		background: none;
	}
}

@media all and (max-width: 720px) {
	
	.login-inner-wrapper {
		max-width: 500px;
		margin: 5% auto !important;
		background: none;
	}
	
	.login-content {
		width: 400px;
		padding: 10px 30px 10px 30px;
	}
}

@media all and (max-width: 500px) {
	.login-inner-wrapper {
		max-width: 350px;
		margin: 5% auto  !important;
	}
	
	.login-content {
		width: 310px;
		padding: 15px 10px;
	}
	
	h1 {
		text-align: center;
	}
	
	body {
		margin: 0;
	}
}
