/* Contenedor del login */
 
body{
	  background:url(lineas-abstractas-de-colores-1497971.jpg);
}
#login {
   background-image: url(Fondo1.jpg);
   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: 10%;
   max-width: 20em;
   padding-bottom: 10px;
   padding-top: 10px;
   
}
 
/* Etiquetas del formulario */
 
label {
   color: #FFF;
   font-family:"Cooper Black";
   display: block;
   margin-bottom: 6px;
   margin-left: 1.2em;
}
 
/* Campos del formulario */
 
input[type="text"],
input[type="password"] {
	color: #09F;
   border: none;
   border-radius: 6px;
   display: block;
   font-family: "Matura MT Script Capitals";
   font-size: 1em;
   height: 2em;
   text-align: center;
   width: 90%;
   margin-left: auto;
   margin-right: auto;
}
 
/* Botón */
 
input[type="button"] {
   background-color: #036;
   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="button"]:hover {
   cursor: pointer;
   background-color:rgba(10,153,213,0.67);
   opacity: 0.8;
}