*{
	font-family: 'Arimo';
	margin: 0;
	padding: 0;
  	/*height: 100%;*/
  	/*overflow: hidden;*/
}

/*body{
	/* /* Cambia por la ruta de tu imagen */
    /*background-size: cover;*/ /* Para que la imagen cubra todo el fondo */
    /*background-position: center; /* Centra la imagen */
    /*height: 100vh;*/ /* Asegura que cubra toda la altura de la ventana */
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
/*}*/
.content {
            background-color: rgba(0, 0, 0, 0.5); /* Fondo negro con 50% de transparencia */
            color: white; /* Color de texto */
            padding: 20px;
            border-radius: 10px;
}

.nav-bar{
	position: fixed;
	top: 0;
	background: transparent;
	background: #f05f40;
	width: 100%;
	
}

.nav-bar a{
	color: #fff;
	display: block;
	display: inline-block;
	list-style: none;
	background: #f05f40;
	padding: 10px 15px;
	text-decoration: none;
	height: 25px;
}

.bar{
	float: right;

	text-align: center;
	text-decoration: none;
	position: center;

	color: #fff;
	display: block;
	display: inline-block;
	list-style: none;
	text-decoration: none;
	/*padding: 10px 20px;*/

	line-height:normal;
	font-size: 16px; /*20*/
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	transition:all 500ms ease;
}

.login-container h2{
	text-align: center;
}

.login-container p > img{
	width: 30%;
	height: 30%;
	display: block;
  margin: 0 auto;
  background: white;
  border-radius: 50%
}

.login-container > .lema{
	text-align: center;
	font-weight: bold;
}

.cambioClave a{
	text-decoration: none;
	color: #ffff;
}

.cambioClave a:hover{
	background: white;
	color: #1785b6;
}

.fondoModal{
	display:none; 
	position:fixed;
	top:0; left:0; 
	width:100%; 
	height:100%; 
	background-color:rgba(0,0,0,0.5); 
	z-index:9998;
}

.modalClave{
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background:white; 
  padding: 10px;
  border-radius:10px;
  box-shadow:0 0 15px rgba(0,0,0,0.3);
  z-index:9999;
  max-width: 90vw;
  max-height: 80vh;
  width: 40%;
  overflow: auto;
}


footer{
	/*background: #000033;*/
	/*width: 100%;
	height: auto; */ /*150px;*/
	/*color: #f1f1f1;*/
	position: absolute;
	bottom: 0;
	width: 100%;
}

.footerright hr{
	margin-bottom: 20px;
	background: #f64740;
	height: 3px;
	border: none;
	width: 65%;
}

.footerright{
	/*height: 35px;*/
	background: #2e4053; /*#3399CC;*/ /*#85929e; /*#000033;*/
	width: 100%;
	height: auto; /*150px;*/
	color: #f1f1f1;
}

.footerright p{
	font-size: 13px;
}

button:hover {
  background-color: #2e4053;
}