.logo i {
  background-color: #ffffff !important;
  border:1px solid #b9b8b6;
  box-sizing: border-box;
}
.title-box .border,.btn-primary,.back-to-top,.question-q-box,.social-circle li a:hover {
  background-color: #b9b8b6 !important;
}
#cambiar-clave .btn-primary {
  background-color: #00587C !important;
}
.title-box .title-alt,.text-colored,.footer a:hover {
  color: #b9b8b6 !important;
}
.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active,
.navbar-custom .navbar-nav li.active a {
  color: #00587C !important;
}

.btn-primary {
  border: 1px solid #b9b8b6 !important;
}
#cambiar-clave .btn-primary {
  border: 1px solid #00587C !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary,
.btn-primary.active.focus, .btn-primary.active:focus,
.btn-primary.active:hover, .btn-primary:active.focus,
.btn-primary:active:focus, .btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
  background-color: #ffffff !important;
  color: #b9b8b6 !important;
  border: 1px solid #b9b8b6 !important;
}

#cambiar-clave .btn-primary:hover,
#cambiar-clave .btn-primary:focus,
#cambiar-clave .btn-primary:active,
#cambiar-clave .btn-primary.active{
  background: #ffffff !important;
  color: #00587C !important;
  border: 1px solid #00587C !important;
}

.btn-shadow.btn-primary {
  box-shadow: 1px 5px 9px rgba(136, 113, 170, 0.32);
}
#cambiar-clave .btn-shadow.btn-primary,
#cambiar-clave .btn-primary:hover {
  box-shadow: 1px 5px 9px rgba(0, 35, 48, 0.32) !important;
}

.fa{
  color:#ffffff;
}

i.zmdi{
  color:#00587C !important;
}

.bg-gray {
  color:#00587C;
}

.layout-dark {
  background-color: #00587C;
  color:#ffffff;
}

.bg-img-1 {
  background: url("/Images/Web/cabecera/top1web.jpg") center;
  background-size: cover;
  position: relative;
  height:500px;
}

.bg-img-2 {
  background: url("/Images/Web/cabecera/top2web.jpg") center;
  background-size: cover;
  position: relative;
  height:500px;
}

.bg-img-3 {
  background: url("/Images/Web/cabecera/top3web.jpg") center;
  background-size: cover;
  position: relative;
  height:500px;
}