@charset "UTF-8";
/* CSS Document */

body, html {
  font-family: Arial, Helvetica, sans-serif;
  background: url("../imgs/galaxia.gif") no-repeat center center fixed;
   background-size: cover;
 /* background-color: #135496 !important;*/
  /*margin: 0; Asegura que no haya margen predeterminado */
 /* height: 100%;  Asegura que el fondo cubra toda la pantalla */
}

 #article {
  
 
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fff !important; 
  border-radius: 15px;
  border: #ffff;
  box-shadow: 5px 5px 5px 5px rgba(10, 0, 0, 0.8);
  height: auto; /* only for demonstration, should be removed */
  
}
	.boton_registrarse{
    text-decoration: none;
    padding: 10px;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    background-color: #39B39D;
    border-radius: 8px;
	width: 20em; height: 2em; 
	
 
  }
	.boton_login{
    text-decoration: none;
    padding: 10px;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    background-color: #135496;
    border-radius: 8px;
	
 
  }
	.input {
  border-width: 1px;
  border-style: solid;
  border-color: #AFC2CB;
  border-radius: 5px;
  height: 30px;
  color: #AFC2CB;
   
 }
/* Clear floats after the columns */

.errores {
	background: linear-gradient(to bottom, rgba(255,0,0,1) 0%,rgba(255,0,0,0) 120%);
	color: #FFF;
	display: none;
	font-size: 20px;
	font-weight: bolder;
	margin-top: 20px;
	width: 100%;
	padding: 10px;
	border-radius: 10px;
}

	
/* Style the footer */
footer {
 // background-color: #135496;
  padding: 8px;
  text-align: center;
  color: white;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 160px;
}

/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
  nav, #article {
    width: 90%;
    height: auto;
  }
}