/*
* Este CSS es una prueba con los ids y clases que están en el código del módulo de fuelsoft estándar y ordenadas por orden alfabético
* FASE 1: Clases
*/
.fd_input3
{
	float:left;
	width:295px;
}
.fd_input4
{
	float:left;
	width:155px;
}
.login {
	background: #fff url("../imagenes/Q8Hpos.png") no-repeat scroll 40px 0 / auto 80%;
	
	box-sizing: border-box;
	float: left;
	margin: 25px 0 0;
	padding: 0 0 20px 55%;
	width: 100%;
}
.login fieldset
{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	border:none;
}
.login label
{
	float: left;
	width:auto;
	margin-bottom: 5px;
	font-size: 0.8em;
	padding-left: 5px;
}
.login legend
{
	display:none;
}
.login span
{
	float:left;
	margin:2px 5px 0px 8px;
	font-size:0.8em;
}
.login_input {
    box-sizing: border-box;
    float: left;
    height: auto !important;
    width: 100%;
}
.olvido
{
	float:left;
	margin:2px 0px 0px 5px;
	font-size:0.8em;
	color:#002451;
	text-decoration:underline;
	-o-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
/*
* PARTE 2: IDs sueltos
*/
#mensajeLoginWebPag
{
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #ff0000;
	clear:both;
	padding-top:10px;
}
#opciones_login {
	clear: both;
}
#opciones_login .entrar {
	margin-top:0;
}
#recordarUsuarioPag{
	float:left;
}
#opciones_login2 {
	clear: both;
	padding-top:10px;
}
/*
*  PARTE 3: Responsive
*/
@media only screen and (max-width: 500px)
{
	.fd_input3,.login_input
	{
		float:left;
		width:90%;
		padding:2% 5%;
	}
	.fd_input4
	{
		float:left;
		width:47%;
		padding:2% 5%;
	}
	.login
	{
		background:none;
		width:90%;
		margin:10% 5% !important;
		padding:0px;
	}
	.login span
	{
		display:none!important;
	}
		#opciones_login2 a
	{
		display:block;
		width:100%;
		line-height: 18px;
	}
	/*.olvido
	{
		display:none!important;
	}*/
}

@media only screen and (min-width: 500px) and (max-width: 979px)
{
	.login
	{
		background:none;
		width:90%;
		margin:2% 50% 2% 5%;
		padding:0%;
	}
	.login label
	{
		clear:left;
	}
	.login_input
	{
		padding:2% 5%;
	}
	.fd_input,.fd_input3
	{
		width:96%;
		padding:2%;
		margin-bottom:10px;
	}
	.fd_input4
	{
		width:30%;
		padding:1% 2%;
	}
}