@charset "utf-8";
/* CSS Document */
/* Contenedor del login */

#login {
	background-color: #77B0C5;
	border-radius: 8px;
	box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.75);
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	max-width: 20em;
	padding-bottom: 10px;
	padding-top: 10px;
}

#titulo {
	color: #000;
	display: block;
	margin-bottom: 6px;
	margin-left: 1.2em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	text-align: center;
	margin-top: 2%;
   
}


/* Etiquetas del formulario */

label {
   color: white;
   display: block;
   margin-bottom: 6px;
   margin-left: 1.2em;
}

/* Campos del formulario */

input[type="text"],
input[type="password"] {
   border: none;
   border-radius: 6px;
   display: block;
   font-size: 1em;
   height: 2em;
   text-align: center;
   width: 90%;
   margin-left: auto;
   margin-right: auto;
}

/* Botón */

input[type="submit"] {
/*   background-color: #A3A0A2; */
   background-color: #666666;
   border: none;
   border-radius: 6px;
   color: white;
   display: block;
   font-size: 1em;
   height: 3em;
   margin-left: auto;
   margin-right: auto;
   margin-top: -10px;
   text-align: center;
   width: 150px;
}

input[type="submit"]:hover {
	cursor: pointer;
	background-color: #660033;
	opacity: 0.8;
}