body {
    font: 400 15px/1.8 Lato, sans-serif;
    color: #777;
}
h3, h4 {
    margin: 10px 0 30px 0;
    letter-spacing: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #FE642E;
}

/* Carrusel*/
.carousel-inner .row > div {
    display: flex;
    justify-content: center;
  }
  
  .carousel-inner .row > div img {
    max-width: 100%; 
    height: auto; 
  }
  /* Carrusel*/


  .mt-1 { margin-top: -6% !important; }
  .mt-2 { margin-top: -15% !important; }




/* NEW 2nd-Level Dropdown CSS START */
.dropdown-submenu{position: relative;}
.dropdown-submenu .caret{-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.dropdown-submenu > .dropdown-menu {top:0; left:100%; margin-top:-6px; margin-left:-1px;}
.dropdown-submenu.open > a:after{border-left-color:#fff;}
.dropdown-submenu.open > .dropdown-menu, .dropdown-submenu.open > .dropdown-menu {display: block;}
.dropdown-submenu .dropdown-menu{margin-bottom: 8px;}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color: #f6f6f6;}
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#333;}
.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 30px;}
@media screen and (min-width:992px){
    .dropdown-submenu .dropdown-menu{margin-bottom: 2px;}
    .navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 25px;}
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
}
/* NEW 2nd-Level Dropdown CSS END */

#subtitulo {
    margin: 10px 0 30px 0;
    letter-spacing: 6px;
    font-size: 28px;
    font-weight: bold;
    color: #c12efe;
    align-content: center;
}

.menu{
    color: rgb(0, 0, 0) !important;
}

.tit2016{
color: #f69f15;
font-size: 3vw;
}

.tit2017{
color: #14a39b;
font-size: 3vw;
}

.tit2018{
color: #ae5299;
font-size: 3vw;
}

.tit2019{
color: #eab919;
font-size: 3vw;
}

.tit2020{
    color: #8CC63F;
    font-size: 3vw;
    }

.tit2021{
color: #fa9f83;
font-size: 3vw;
}


.tit2022{
    color: #4eaa75;
    font-size: 3vw;
    }
    

    .tit2023{
        color: #4676ad;
        font-size: 3vw;
        }


        .tit2024{
            color: #c033a9;
            font-size: 3vw;
            }
    

#logoOlimp {
    width: 100px;
    height: 128px;
}

.logoyoutube {
    width: 180px;
    height: 184px;
}

.doc {color: #0431B4;}

.container {
    padding: 80px 120px;
}
.person {
    max-width: 121% !important;
    border: 10px solid transparent;
   /*  margin-bottom: 25px;*/
    width: 180px;
    height: 150px;
  }

  .olcomer{
    width: 180px;
    height: 150px; 
  }

  .centro{
    width: 370px;
    height: 300px; 
  }

 

  .person-1 {
    max-width: 121% !important;
    border: 10px solid transparent;
   /*  margin-bottom: 25px;*/
    width: 159px;
    height: 154px;
  }


.person:hover {
    border-color: #f1f1f1;
}
.carousel-inner img {
    -webkit-filter: grayscale(80%);
    filter: grayscale(10%); /* make all photos black and white */
    width: 95%; /* Set width to 100% */
    height: 30%;
    margin: auto;
}
.carousel-caption h3 {
    color: #fff !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: #2d2d30;
    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;
}
.btn {
    padding: 10px 20px;
    background-color: #333;
    color: #f1f1f1;
    border-radius: 0;
    transition: .2s;
}
.btn:hover, .btn:focus {
    border: 1px solid #333;
    background-color: #fff;
    color: #000;
}
.modal-header, h4, .close {
    color: #000000;
    text-align: center;
    font-size: 20px;
}
.modal-header, .modal-body {
    padding: 40px 50px;
}
.nav-tabs li a {
    color: #777;
}
#googleMap {
    width: 100%;
    height: 400px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.navbar {
    font-family: Montserrat, sans-serif;
    margin-bottom: 0;
    background-color: #cf7bd3;
    border: 0;
    font-size: 12px !important;
    font-weight: bold;
    letter-spacing: 4px;
    opacity: 1;
}

.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: #29292c !important;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.open .dropdown-toggle {
    color: #fff;
    background-color: #555 !important;
}
.dropdown-menu li a {
    color: #000 !important;
}
.dropdown-menu li a:hover {
    background-color: red !important;
}
footer {
    background-color: #2d2d30;
    color: #f5f5f5;
    padding: 32px;
}
footer a {
    color: #f5f5f5;
}
footer a:hover {
    color: #777;
    text-decoration: none;
}
.form-control {
    border-radius: 0;
}
textarea {
    resize: none;
}

#imgsectores {width: 350px; height: 300px;}

p
{
    font-size: 20px;
}

.navbar-nav>li>a {
    padding-top: 33px;
    padding-bottom: 33px;
}

.img-sm {
    width: 50%;
    height: auto;
}

/* clase reusable */
.img-anim {
  transition: transform 0.3s ease-in-out;
}

.img-anim:hover {
  animation: zoom 0.4s ease-in-out forwards;
}

@keyframes zoom {
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}

.img-shake {
  transition: transform 0.2s;
}

.img-shake:hover {
  animation: shake 0.4s ease-in-out;
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}




#logo
 {
    width: 70px; 
    height: 43px;
    display:block;
    margin-top:20px;
}



  .calificame  {
    margin-left: 5px;
    width: 140px;
    height: 72px;
    margin-top: 5px;
}

.tit-aten{
    color: crimson;
    font-weight: bold;
  }