#contenido { top: 120px; }

.fondo { background-position: center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; }

.home  { padding: 60px 0;  }
.home .logo { text-align: center; width: 100%; }
.home .acceso { width: 350px; text-align: center; margin: 0 auto; margin-top: 40px; }
.home .acceso form { margin-top: 30px; }
.home .acceso form #entrar { width: 200px; }
.home h1 { font-size: 45px; font-weight: bold; color: #FFF; letter-spacing: 2px; text-transform: uppercase; margin: 0; padding: 0; }
h2 { font-size: 25px; font-weight: bold; }

#iniciarsesion { cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
#iniciarsesion:hover { color: #d50037; }
#formacceso { display: none; }



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

	#contenido { top: 10px; }	
	input, input[type=text], input[type=password] { padding: 20px 20px; }
}


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

	#contenido { top: 40px; }
	
	.home  { padding: 30px 0;  }
	.home .logo { text-align: center; width: 100%; }
	.home .acceso { width: 70%; margin-top: 30px; }
	.home .acceso form { margin-top: 20px; }
	.home h1 { font-size: 50px; }

}

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


}

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

	#contenido { top: 20px; }
	.home .acceso { width: 90%; margin-top: 30px; }
	
}



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

}