body {
  background: #F5F5F5
}

.botonimagen{
  background-image:url(../css/images/login-btn.png);
  background-repeat:no-repeat;
  height:42px;
  width:103px;
  background-position:center;
}
#login-box  {
  /*width:333px;*/
  width:500px;
  height: 352px;
  padding: 58px 76px 0 76px;
  color: #ebebeb;
  font: 12px Arial, Helvetica, sans-serif;
  background: url(../css/images/login-box-backg.png) no-repeat left top;
}
.login-box{
  color: #ebebeb;
  font: 12px Arial, Helvetica, sans-serif;
  background: url(../css/images/login-box-backg.png) no-repeat left top;
  background-size: 100%;
}

.login-box img {
  border:none;
}

#login-box img {
  border:none;
}

#login-box h2 {
  padding:0;
  margin:0;
  color: #ebebeb;
  font: bold 44px "Calibri", Arial;
}


#login-box-name {
  float: left;
  display:inline;
  width:80px;
  text-align: right;
  padding: 14px 10px 0 0;
  margin:0 0 7px 0;
}

#login-box-field {
  float: left;
  display:inline;
  width:230px;
  margin:0;
  margin:0 0 7px 0;
}


.form-login  {
  /*width: 205px;*/
  padding: 10px 0px 6px 0px;
  border: 1px solid #0d2c52;
  background-color:#1e4f8a;
  font-size: 16px;
  color: #ebebeb;
}


.login-box-options  {
  clear:both;
  padding-left:87px;
  font-size: 11px;
}

.login-box-options a {
  color: #ebebeb;
  font-size: 11px;

}
.h2TitleWindow{
  margin-top: 100px;
  margin-bottom: 0px;
  font-size: 44px;
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {  }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }



@media (max-width: 992px) {
  .form-login{
    font-size: 12px;
  }

  .h2TitleWindow{
    font-size: 20px;
    margin-top: 50px;
    margin-bottom: 0px;
  }


}