*{ /*Selector universal. Afectan a todos los elementos de al web*/
	margin: 0;
	padding: 0;
	border: none;
}

img {
	border: none;
}

header, section, footer, aside, nav, article, figure, figcaption {
	display: block;
}

input[type=text], textarea, input[type=email], input[type=password],input[type=submit],input[type=button], select, button {
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none;  /*Removes default style Firefox*/
}

/*CARGANDO*/
	#cargando{
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(255, 255, 255, 0.7);
		text-align: center;
	}

	#cargando img{
		width: 60px;
		height: auto;
	}
/* /CARGANDO*/

/*HEAD*/
	#logo_box{
		width: 330px;
		height: auto;
		margin: 30px auto;
		position: relative;
		overflow: visible;
	}

	#logo{
		width: 100%;

	}

	#aspas{
		position: absolute;
		top: -13px;
		left: -19px;
	}

	.rotativo {
		-moz-transition: all 15s ease 0.2s;/*Definimos las transiciones, deben durar 3 segundos*/
	    -ms-transition: all 15s ease 0.2s;/*Definimos las transiciones, deben durar 3 segundos*/
	    -o-transition: all 15s ease 0.2s;/*Definimos las transiciones, deben durar 3 segundos*/
	    -webkit-transition: all 15s ease 0.2s;/*Definimos las transiciones, deben durar 3 segundos*/
	    transition: all 15s ease 0.2s;/*Definimos las transiciones, deben durar 3 segundos*/

	    /*margin-left: 200px;Separamos la imagen un poco de la izquierda al mismo tiempo que gira*/
		-moz-transform:rotate(-3000deg);/*Comenzamos a aplicar el valor rotate de la transormacion*/
		-webkit-transform:rotate(-3000deg);
		-o-transform:rotate(-3000deg);
		-ms-transform:rotate(-3000deg);
		transform:rotate(-3000deg);
	}
/*HEAD*/

/*FORMULARIO*/
	#form{
		width: 330px;
		height: auto;
		margin: auto;
		text-align: center;
	}

	input{
		border-radius: 5px;
	}

	input[type=text],input[type=password]{
		width: calc(245px - 40px);
		height: auto;
		border: 1px solid #b0cb49;
		padding: 10px 10px 10px 30px;
		margin: 0px auto 10px auto;
	}

	input:-webkit-autofill {
	    -webkit-box-shadow: 0 0 0 1000px white inset;
	}

	.input_error{
		border: 1px solid #E13939 !important;
		transition: all 1000ms;
	}

	input#usuario{
		background: url("../imagenes/form/user.png") no-repeat scroll 3px 4px transparent;
		background-size: 25px 25px;
	}

	.user_error{
		background: url("../imagenes/form/user_error.png") no-repeat scroll 3px 4px transparent !important;
		background-size: 25px 25px !important;
	}

	.user_success{
		background: url("../imagenes/form/user_activo.png") no-repeat scroll 3px 4px transparent !important;
		background-size: 25px 25px !important;
	}

	input#password{
		background: url("../imagenes/form/password_lock.png") no-repeat scroll 3px 4px transparent;
		background-size: 25px 25px;
	}

	.password_error{
		background: url("../imagenes/form/password_lock_error.png") no-repeat scroll 3px 4px transparent !important;
		background-size: 25px 25px !important;
	}

	.password_success{
		background: url("../imagenes/form/password_success.png") no-repeat scroll 3px 4px transparent !important;
		background-size: 25px 25px !important;
	}

	input[type=button]{
		text-align: center;
		width: 245px;
		height: auto;
		border: 1px solid #b0cb49;
		padding: 10px 10px 10px 10px;
		margin: 0px auto 10px auto;
		color: #b0cb49;
		font-weight: bold;
		cursor: pointer;
		background-color: #ffffff;
		transition: all 250ms;
	}

	input[type=button]:hover{
		background-color: #b0cb49;
		color: #ffffff;
		transition: all 250ms;
	}
/*FORMULARIO*/