body {
      font: 400 15px/1.8 Lato, sans-serif;
      color: #777;
  }
  h3, h4 {
    margin: 10px 0 30px 0;
    letter-spacing: 6px;
    font-size: 20px;
    /*color: #111 !important;*/
}
  .modalOMI {
    color: #777 !important;
    text-align: left;
}
@media (min-width: 600px) {
    .modal-multimedia {
        width: 500px !important;
    }

    .flex-container {
        width: 500px;
    }

    .flex-item1 {
        width: 480px;
        margin: 10px;
    }

    .flex-item2 {
        width: 480px;
        margin: 10px;
    }

    .multimedia {
        width: 460px;
        height: 260px;
    }
}
@media (min-width: 992px) {
    .modal-multimedia {
        width: 850px !important;
    }

    .flex-container {
        display: -webkit-flex;
        display: flex;
        width: 800px;
    }

    .flex-item1 {
        width: 500px;
        margin: 10px;
    }

    .flex-item2 {
        width: 300px;
        margin: 10px;
    }

    .multimedia {
        width: 500px;
        height: 280px;
    }
}
@media (min-width: 1200px) {
    .modal-multimedia {
        width: 950px !important;
    }

    .flex-container {
        display: -webkit-flex;
        display: flex;
        width: 900px;
    }

    .flex-item1 {
        width: 640px;
        margin: 10px;
    }

    .flex-item2 {
        width: 260px;
        margin: 10px;
    }
    .multimedia {
        width: 640px;
        height: 360px;
    }
}
  .container {
      padding: 80px 120px;
  }
.curso {
    color: #808080 !important;
}
  .person {
      border: 10px solid transparent;
      margin-bottom: 25px;
      width: 80%;
      height: 80%;
      opacity: 0.8;
  }
  .person:hover {
      border-color: #f1f1f1;
  }
  .carousel-inner img {
      -webkit-filter: grayscale(90%);
      filter: grayscale(90%); /* make all photos black and white */ 
      width: 100%; /* Set width to 100% */
      margin: auto;
  }
  .carousel-caption h3 {
      color: #fff !important;
  }

  .carousel-caption-multimedia {
      position: relative !important;
      bottom: -50px !important;
  }
.gris {
    color:#bdbdbd !important;
}
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }
  .bg-1 {
      background: #3075BB;
      color: #fff;
      /*color: #bdbdbd;*/
  }
  .bg-1 h3 {color: #fff;}
  /*.bg-1 p {font-style: italic;}*/
  .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
  }
  .list-group-item:last-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail p {
      margin-top: 15px;
      color: #555;
  }
  .omi {
      padding: 15px 15px 15px 15px;
  }
  .btn {
      padding: 10px 20px;
      background-color: #3075BB;
      color: #f1f1f1;
      border-radius: 0;
      transition: .2s;
  }
  .btn:hover, .btn:focus {
      border: 1px solid #333;
      background-color: #fff;
      color: #000;
  }
  .heraldica {
    border-radius: 0;
  }
  .heraldica:hover {
    cursor:pointer;
  }
.labelbtn {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    border: 1px solid transparent;
    background-color: #d9534f;
}
  .logo-small {
    color: #808080;
    font-size: 50px;
}
  .logo {
    color: #FFFFFF;
    font-size: 200px;
}
  .logo2 {
    color: #808080;
    font-size: 200px;
}
.logo-center {
    
    margin: auto;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}
  .modal-header, h4, .close {
      /*background-color: #333;
      color: #fff !important;*/
      text-align: center;
      font-size: 30px;
  }
  .modal-header, .modal-body{
      padding: 20px 25px;
      color: #777 !important;
  }
  .nav-tabs li a {
      color: #bdbdbd;
  }
  #googleMap {
      width: 100%;
      height: 400px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
  }  
  .navbar {
      font-family: Montserrat, sans-serif;
      margin-bottom: 0;
      background-color: #3075BB;
      border: 0;
      font-size: 11px !important;
      letter-spacing: 4px;
      opacity: 0.9;
  }
  .navbar li a, .navbar .navbar-brand { 
      color: #d5d5d5 !important;
  }
  .navbar-nav li a:hover {
      color: #fff !important;
  }
  .navbar-nav li.active a {
      color: #fff !important;
      background-color: #3871A0 !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
  }
  .open .dropdown-toggle {
      color: #fff;
      background-color: #3871A0 !important;
  }
  .dropdown-menu li a {
      color: #000 !important;
  }
  .dropdown-menu li a:hover {
      background-color: #4275f8 !important;
  }
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  footer {
      background-color: #3075BB;
      color: #f5f5f5;
      padding: 12px;
  }
  footer a {
      color: #f5f5f5;
  }
  footer a:hover {
      color: #777;
      text-decoration: none;
  }  
  .form-control {
      border-radius: 0;
  }
  textarea {
      resize: none;
  }