*{
		margin: 0;
		padding: 0;
}

html {
		position: relative;
		min-height: 100%;
}

body {
		font-size: 14px;
		font-family: 'Roboto', sans-serif;
		background: #2EBCE6;
		background-repeat: no-repeat;
		color: #1E3D87;
		margin: 0 0 65px;
/*		height: 100%;*/
}

.cabezera {
		width: 100%;
		height: 160px;
		position: relative;
		background: linear-gradient(#D8790E, #FECB04);
		background: -moz-linear-gradient(#D8790E, #FECB04);
		background: -webkit-linear-gradient(#D8790E, #FECB04);
		background: -o-linear-gradient(#D8790E, #FECB04);
}

.logo {
		padding-left: 10%;
		padding-top: 30px;
		position: absolute;

}

.contenedor {
		max-width: 500px;
		width: 100%;
		margin: auto;
		position: static;
}
a {
		text-decoration: none;
}

.titulo {
		background: #F2EDA1;
		width: 100%;
		height: 40px;
		padding-top: 1.5%;
		font-family: 'Roboto:100', sans-serif;
		text-align: center;
		margin: 60px 0 30px 0;
		text-decoration: none;
}

.formulario {
		width: 100%;
		margin-top: 5%;
		float: inherit;

}

.formulario .form-group {
		background: #F2EDA1;
		width: 100%;
		margin-bottom: 4%;

}

.formulario input[type="text"],
.formulario input[type="email"],
.formulario input[type="password"]{
		padding: 8px;
		font-family: 'Roboto:100', sans-serif;
		color: #1E3D87;
		font-size: 14px;
		line-height: 14px;
		border: none;
		vertical-align: top;
		background: #F2EDA1;
		width: 70%;

}

.formulario  .material-icons{
		padding: 8px;
		text-align: center;
		width: 48px;
		max-height: 48px;
		font-size: 18px;
		line-height: 18px;
		display: inline-block;
		color: #1E3D87;
		vertical-align: top;
}

.formulario input[type="submit"]{
		padding: 7px;
		border: none;
		background: #F2EDA1;


}

.formulario  #enviar_btn {

		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		line-height: 14px;
		color: #1E3D87;
		padding-left: 43%;
		padding-right: 43%;
		cursor: pointer;
		float: inherit;

}

p {
		color: white;
}

.texto-registrate {
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
		text-align: center;

}
.texto-registrate a {
		color: #ffffff;

}

.error {
	 text-decoration: none;
	 list-style: none;

}

ul {

		font-size: 18px;
		color: #ff0000;
		text-align: center;
		list-style: none;

}
footer {
		bottom: 0;
}

.pie-pagina {
		bottom: 0;
		position: absolute;
		width: 100%;
		height: 40px;
		background: #1E3D87;
		display: table;
		height:40px;

}

.pie-pagina p {
		text-align: center;
		display: table-cell;
		vertical-align: middle;

}

/* -------------------------- MEDIAQUERY ---------------------------------- */

@media screen and (max-width: 780px){
	.contenedor{
		margin-top: 150px;
	}
	#login{
		margin-top: 80px;
	}
}

@media screen and (max-width: 640px){

}

@media screen and (max-width:480px){
	.cabezera{
		width: 100%;
		height: 90px;
	}
	.logo{
		width: 186px;
		height: 67px;
		position: relative;
		padding-top: 5%;
	}
	.logo img{
		width: 100%;
	}
	.contenedor {
		width: 80%;
		margin: auto;
		position: static;
	}
	.titulo {
		background: #F2EDA1;
		width: 100%;
		height: 30px;
		font-size: 20px;
		padding-top: 3%;
		font-family: 'Roboto:100', sans-serif;
		text-align: center;
		margin: 40px 0 30px 0;
		text-decoration: none;
	}
	.formulario {
		width: 100%;
		margin-top: 10%;
		margin-bottom: 30px;
	}

	.formulario .form-group {
			background: #F2EDA1;
			height: 30px;
			width: 100%;
			margin-bottom: 5%;
	}

	.formulario input[type="text"],
	.formulario input[type="email"],
	.formulario input[type="password"]{
		padding: 7px;
		font-family: 'Roboto:100', sans-serif;
		color: #1E3D87;
		font-size: 12px;
		line-height: 12px;
		border: none;
		vertical-align: top;
		background: #F2EDA1;
		width: 70%;
	}

	.formulario  .material-icons{
		padding: 7.5px;
		text-align: center;
		width: 28px;
		max-height: 28px;
		font-size: 14px;
		line-height: 14px;
		display: inline-block;
		color: #1E3D87;
		vertical-align: top;
	}

	.formulario input[type="submit"]{
		padding: 0;
		border: none;
		vertical-align: top;
		background: #F2EDA1;

	}

	.formulario  #enviar_btn {
			width: 100%;
			height: 30px;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			color: #1E3D87;
			padding-left: 40%;
			padding-right: 43%;
			cursor: pointer;

	}
	#login{
			margin-top: 20px;
	}
	.texto-registrate{
		font-size: 16px;
	}
	p {
			color: white;
			font-size: 12px;
	}
}