html {
height: 100%;
}

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

/*   background-image: url(../images/fondo-new.jpg); */
  /* background-image: url(../images/nube-campusvirtual-1800x1012.jpg); */
  background-image: url(../images/nube-campusvirtual-2025.jpg); 
  background-color: #467a80;

  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;
}






.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;



  }


    }