html {
height: 100%;
}

body {
  height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;

  /* respaldo background-image: url(../images/nube-campusvirtual-2025.jpg);*/ 
 /*  background-image: url(../images/login-udalba-vicerrectoria.png);*/ 
  background-image: url(../images/base-login-udalba-20.png);*/ 
  /* respaldo background-color: #467a80;*/
  background-color: #19243f;

  background-repeat: no-repeat;
  background-size: cover;

}

.recuperacion{
	 height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;

  background-image: url(../images/fondo-new2.jpg);
  background-color: #fff;

  background-repeat: no-repeat;
  background-size: cover;
}


/* Centrar el formulario de login con el título */
#div2 {
  padding: 0 !important;            /* elimina el padding de 150px que desplaza */
  margin: 0 auto !important;        /* centra el contenedor dentro de la columna */
}

#login.form-signin {
  margin: 0 auto !important;        /* centra el formulario dentro de #div2 */
  display: block;
  max-width: 460px;                 /* ajusta ancho si lo quieres más compacto */
}



.box{
  border: 1px solid #fff;
  border-radius: 13px;
  background-color: #fff;

}






.bot{
  background-color: #fd4f00;
  border: 0;
}

.bot:hover{
  background-color: #dc4703;
}



.an{
  width: 100%;
}

.lado{
  background-color: rgba(255, 255, 255, 0.7);
    height: 100%;
      padding: 2% 0 0 0;



}



.contenedor{
overflow: hidden;
}


.contenidos{
  display: table-row;
}

.cen{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.tit{
  font-size: 24px;
  color: #fff;
  text-align: center;
  font-family: Gotham medium ;

}

.tit-rojo{
  font-size: 24px;
  color: #e0004d;
  text-align: center;
  font-family: Gotham medium ;

}

.tit-rojo-interior{
  font-size: 17px;
  color: #e0004d;
  text-align: center;
  font-family: Gotham medium ;

}


.tex-azul{
  font-size: 21px;
  color: #062540;
  text-align: center;
  font-family: Gotham book ;

}

.tex-azul2{
  font-size: 16px;
  color: #062540;
  text-align: center;
  font-family: Gotham book ;
  margin: 0;
  padding: 0;

}

.tex-rojo2{
  font-size: 16px;
  color: #e0004d;
  text-align: center;
  font-family: Gotham medium ;
  margin: 0;
  padding: 0;

}


.tex{
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-family: Gotham book ;

}


.usuario{
  font-size: 15px;
  text-align: right;
  color: #fff;
  padding: 5px 0 0 0;
}

.b{
  border: 0;
}

.rec{
  font-size: 16px;
  color: #fff;
  font-family: Gotham book ;
  margin: 5px 0 10px 10px;


}



.bot-for{
  background-color: #062540;
width: 300px;
margin-right: auto;
margin-left: auto;


}

.ancho{
  width: 100%;
  height: 100%;
}


.p{
  height: 100%;
}

.lad{
  padding: 0 80px 0 80px;
}


.form-control::-moz-placeholder {
  color: #888686;
}

.cor{
  width: 300px;
}

.tam-box{
  width: 300px;
  margin-right: auto;
  margin-left: auto;


}

.re-franja{
	background-color: #062540;
	height: 60px;
	margin: 0 0 30px 0;
}


.vacio{
	padding: 0 0 30px 0;
}






@media screen and (min-width: 1300px) and (max-width: 4000px) {

  .lado{
    background-color: rgba(255, 255, 255, 0.7);
    height: 100%;
    padding: 6% 0 6% 0;



  }




  }





  @media screen and (min-width: 0px) and (max-width: 812px) {

.vacio-cel{
	margin: 0 0 40px 0;
}


  .lado{
    background-color: rgba(255, 255, 255, 0.8);
    height: 100%;
    padding: 6% 0 6% 0;



  }


    }