p {
  color: #333;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Montserrat", Arial, sans-serif;
  color:#333}

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  color:#333}
  a:hover {
    text-decoration: none !important;
    color:#04408c}

.content {
  padding: 10rem 0; }
@media (max-height: 812px) {
  .content {
    padding: 3rem 0; }
}

h2 {
  font-size: 20px; }
.form-control{
  padding:0;
  font-family: "Montserrat", Arial, sans-serif;
  font-size:13px;
  height: 2em;
}
.btn{
  padding: 0 .75rem;
}
.btn-primary{
  background-color: #04408c;
  border-color:#04408c;
}
.form-block {
  background: #fff;
  padding: 15px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); }

@media (max-width: 991.98px) {
  .content .bg {
    height: 500px; } }

@media (max-width: 1199.98px) {
  .content .contents, .content .bg {
    width: 100%; } }

.content .contents .form-group, .content .bg .form-group {
  position: relative; }
  .content .contents .form-group.first, .content .bg .form-group.first {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px; }
  .content .contents .form-group.last, .content .bg .form-group.last {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px; }
  .content .contents .form-group.focus, .content .bg .form-group.focus {
    background: #fff; }
  
.content .bg {
  background-size: cover;
  background-position: center; }

.content a {
  color: #888;
  text-decoration: underline; }

.error-form, .error {
    color: red;
}

*[aria-invalid="true"]{
  border-color:red;
  box-shadow: 0 0 0 0.1rem rgba(255,0,0,.25)
}

.footer {
  font-size: 0.8rem;
  font-family: "Montserrat", Arial, sans-serif;
  color: #fff;
  background-color: #5687BE;
  
}

.footer .telefono_soporte{
  font-size: 1.4rem;
  font-weight: 700;
}

@media (max-width: 575px) {
  .footer .text-left {
    padding-left:0;
  }
}
  
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

#login .height-100{
  height: 100vh;
}

#login .logo{
  border-bottom: 2px solid #86BCD5;
}

#login .logo img{
  padding: 30px 0;
  margin:auto;
  max-height: 175px;
}

#lista-libros{
  margin-top:30px;
  padding-left: 0;
  margin-bottom: 0;
}
#lista-libros li {
  list-style-type: none;
}

#lista-libros li:last-child a {
  margin-bottom: 0;
}

#lista-libros li a:hover, #lista-libros li a[aria-expanded="true"] {
  background-color: #005988;
  border: 1px solid #005988;
  border-radius: 0px 100px 100px 0px;
  color:#fff;
  text-decoration: none;
}

#lista-libros li a{
  display: block;
  text-align: left;
  font: normal normal bold 16px/22px "Montserrat", Arial, sans-serif;
  letter-spacing: 1.8px;
  color: #505050;
  text-transform: uppercase;
  padding: 11px 36px 11px 67px;
  margin: 20px 0;
  border: 1px solid #fff;
  border-radius: 0px 100px 100px 0px;
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  -ms-transition: all 250ms linear;
  transition: all 250ms linear;
}

#lista-libros-armas{
  margin-top:0px;
  padding-left: 74px;
  margin-bottom: 0;
}
#lista-libros-armas li {
  list-style-type: none;
  margin: 20px 0;
  border: 1px solid #fff;
  border-radius: 5px 0px 0px 5px;
}

#lista-libros-armas li a:hover, #lista-libros-armas li.active a {
  background-color: #eee;
  border: 1px solid #eee;
  border-radius: 5px 0px 0px 5px;
  text-decoration: none;
}

#lista-libros-armas li a{
  display: block;
  text-align: left;
  padding: 11px 36px 11px 14px;
  font: normal 14px/20px "Montserrat", Arial, sans-serif;
  letter-spacing: 1.6px;
  color: #505050;
  text-transform: uppercase;
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  -ms-transition: all 250ms linear;
  transition: all 250ms linear;
}

.collapsing {
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.logo-tuduc{
  position: absolute;
  bottom: 0;
}
.logo-tuduc img{
  margin: auto;
}

.formulario{
  background-image: url(/img/aire-comprimido.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 4rem;
}

#formLogin{
  width: 25%;
}

#formLogin .form-group{
  background-color: #fff;
  padding-bottom: 1rem;
  margin-bottom: 0;
}

#formLogin .h6{
  background: #005988 0% 0% no-repeat padding-box;
  border-radius: 10px 10px 0px 0px;
}

#formLogin .h6 h6{
  text-align: center;
  font: normal normal bold 14px/19px "Montserrat", Arial, sans-serif;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 10px 0;
}

#formLogin .btn-login{
  background-color: #fff;
  border-radius: 0px 0px 10px 10px;
}

#formLogin label:not(.error-form):not(.error){
  font: normal normal normal 16px/22px "Montserrat", Arial, sans-serif;
  letter-spacing: 0px;
  color: #005988;
  text-transform: uppercase;
}

#formLogin input{
  border: 0;
  border-bottom: 1px solid #00000029;
  border-radius: 0;
  font: normal normal normal 14px/19px "Montserrat", Arial, sans-serif;
  letter-spacing: 0px;
  color: #A0A0A0;
}

#formLogin .btn-primary{
  border: 1px solid var(--unnamed-color-86bcd5);
  background: #86BCD5 0% 0% no-repeat padding-box;
  border: 1px solid #86BCD5;
  border-radius: 100px;
  font: normal normal normal 16px/22px "Montserrat", Arial, sans-serif;
  letter-spacing: 1.6px;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 10px 57px;
}

@media (min-width: 992px) and (max-width: 1400px) {
  #lista-libros li a{
    padding: 11px 14px;
    margin-right: 5px;
  }
  #lista-libros-armas{
    padding-left: 13px;
    margin-right: 5px;
  }
  #lista-libros-armas li {
    margin: 6px 0;
  }
  #formLogin {
    width: 50%;
  }
}

@media (max-width: 991px) {
  #login .height-100 {
    height: calc(100vh - 20px);
  }
  #lista-libros {
    margin: auto;
  }
  #lista-libros li a{
    background-color: #fff;
    color: #005988;
    border-radius: 100px;
    text-align: center;
      padding: 11px 36px;
  }
  #lista-libros li a:hover, #lista-libros li a[aria-expanded="true"] {
    border-radius: 100px;
  }
  #lista-libros-armas {
    margin: auto;
    padding: inherit;
  }
  #lista-libros-armas li {
    padding: 0;
    border:0;
    margin: 9px 0;
  }
  #lista-libros-armas li a{
    padding: 11px 36px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    display:block;
  }
  .formulario{
    padding:0;
  }
  #formLogin {
    width: 50%;
    padding: 4rem 0;
  }
  #login .logo img {
    padding: 11px 0;
    max-height: 125px;
  }
}

@media (max-width: 576px) {
  #formLogin {
    width: 90%;
    padding: 4rem 0 0 0;
  }
  #formLogin .btn-login{
    background-color: #fff;
    border-radius: 0px 0px 10px 10px;
    border-top: 1px solid #ddd;
  }
  #cambiarLibroDropdown.dropdown-toggle::after{
    float:right;
    margin-top: 8px;
    font-size: 20px;
  }
  #cambiarLibroDropdown{
    color: #005988;
  }
}