*{
  margin:0;
}
body{
  height: 100%;
  background-image: url("../images/fondobnp.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed
}
#login2{
  background: rgba(255, 255, 255, 0.9);
  margin-top: 10%;
  border-radius: 8px 8px 0px 0px;
  color:#fff;
  background: rgba(20,106,163,1);
  background: -moz-linear-gradient(top, rgba(20,106,163,1) 0%, rgba(0,67,112,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,106,163,1)), color-stop(100%, rgba(0,67,112,1)));
  background: -webkit-linear-gradient(top, rgba(20,106,163,1) 0%, rgba(0,67,112,1) 100%);
  background: -o-linear-gradient(top, rgba(20,106,163,1) 0%, rgba(0,67,112,1) 100%);
  background: -ms-linear-gradient(top, rgba(20,106,163,1) 0%, rgba(0,67,112,1) 100%);
  background: linear-gradient(to bottom, rgba(20,106,163,1) 0%, rgba(0,67,112,1) 100%);
  z-index: 99;
}
.titulo h2{

}
.logobnp{
  margin-left: 2%;
  margin-top: 1%;
}
.logobnp img{
  position: relative;
  width: 10%;
}
#login{
  padding-top:2%;
  background: rgba(219,219,219,1);
  border-radius: 0px 0px 8px 8px;
  border-bottom: 4px solid rgba(0,67,112,1);
  border-left:  4px solid rgba(0,67,112,1);
  border-right: 4px solid rgba(0,67,112,1);
}
.loader {
  position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 9999;
    background: url('../images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
    background-size: 30%;
    opacity: .8;
}
.loaderjust {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/Loader_just_2.gif') 50% 50% no-repeat rgb(249,249,249);
    background-size: 10%;
    opacity: .8;
}
@media only screen and (max-width: 600px) {
  #login2{
    margin-top: 15%;
  }
  .loader {
    background-size: 60%;
  }
  .logobnp{
    margin-top: 10%;
    margin-left: 30%;
    margin-bottom: 10%
  }
  .logobnp img{
    width: 50%;

  }
}