body, html{
  height: 100%;
  background-repeat: no-repeat;
  background-color: #d4d4d4;
  background-color: #fff;
  font-family: 'Oxygen', sans-serif;
}

body > .container {
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 100vh;
}

.title {
  font-family: 'Gudea', sans-serif;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin: 0px 0px 10px;
}

hr{
  width: 25%;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}

input,
input::-webkit-input-placeholder {
    font-size: 11px;
    padding-top: 3px;
}

.main-login{
  width: 300px;
  padding: 30px 20px;
  background-color: #fff;
  /* shadows and rounded borders */
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
}

.login-register{
  font-size: 11px;
  text-align: center;
}

.centrado-con-titulo {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.centrado {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn-login {
  margin-top: 5px;
  outline-style: none !important;
  box-shadow: none !important;
  border-color: #fff !important;
  background-color: #b62d29 !important;
  color: #fff !important;
}

.btn-login.:active,.btn-login:hover,.btn-login:focus,.btn-login:visited {
  outline-style: none !important;
  box-shadow: none !important;
  border-color: #fff !important;
  background-color: #982f32 !important;
  color: #fff !important;
}

input:focus {
  outline-style: none !important;
  box-shadow: none !important;
  border-color: #ccc !important;
}

.link-volver-login-web a {
  color: #909090;
  text-decoration: underline;
}