    .hoverzone{
        position: absolute;
        height: 100px;
        width: 100%;
    }
    .nav-item li a::after {
        position: absolute;
        width: 0;
        height: 1px;
        content: '';
        background: #fff;

        left: 0;
        right: 0;
        bottom: -5px;
        -moz-transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

    .nav-item li a:hover::after {
        width: 100%;
    }
   
    .flipInY{
      background-color: #4285F4;
      -webkit-backface-visibility: visible !important;
      backface-visibility: visible !important;
      animation-name: flipInY;
    }
    
    .nav-link {
        color: #E51B1B !important;
        font-weight: bold;
    }
    .top-nav-collapse .navbar-nav .nav-item .nav-link {
        color: #E51B1B !important;
        font-weight: bold;
    }
    .nav-link i{
        color: #E51B1B;
    }
    .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link {
        background-color: rgba(255,0,0,.005);
    }
    .nav-item::after{
      content: '';
      position: absolute;
      left: 100;
      bottom: 50;
      transform: translate(-50%,0);
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #E51B1B;
      opacity: 0;
      pointer-events: none;
      transition: opacity .8s cubic-bezier(.165,.84,.44,1) 0s;
    }
    .nav-item:hover::after {
    opacity: 1 !important;
    }

     #mapa{ width: 100%; height: 450px; }

        ul {
          list-style: none;
        }

        a, a:hover, a:active {
          text-decoration: none !important;
          color:#000;
        }

        h2 {
          text-align: center;
          margin: 20px auto;
          color: #fff;
        }

        .accordion-menu {
          width: 100%;
          margin: 2px auto 20px;
          background: #fff;
          border-radius: 4px;
        }

        .accordion-menu li .dropdownlink{ 
            border-bottom: 3px solid #d10a11;
            overflow: hidden;
        }

        .amarillo{ 
            border-color: #f8ce38 !important;
        }

        .accordion-menu li.open .dropdownlink {
          color: #212121;
          .fa-chevron-down {
            transform: rotate(180deg);
          }
        }
        .accordion-menu li:last-child .dropdownlink {
          border-bottom: 3px solid #d10a11;
        }
        .dropdownlink {
          cursor: pointer;
          display: block;
          padding: 0;
          font-size: 14px;
          border-bottom: 1px solid #ccc;
          color: #212121;
          position: relative;
          transition: all 0.4s ease-out;
        }

        .submenuItems {
          display: none;
        }

        .submenuItems li{
            float: left;
            width: 100%;
            margin: 2px 0;
            border-bottom:2px solid #e51b1b; 
        }

        .dondencontranos #main ul li:nth-child(2n+2) {
            background: #fff;
        }

        .icono_dc{
            float:left; width:30px; 
        }

        .dc_title{
            font-weight: bold;
            color: #000;
            font-size: 15px; 
            margin:0;
        }

        .dc_title_principal{
            font-weight: bold;
            color: #000;
            font-size: 14px;
            margin:0;
            float: left;
        }

        .dc_p{
            font-size: 13px;
            margin:0;
        }
        .clear{
          clear: both;
        }

        /* */
    .stic{
      position: absolute;
      float: left;
      left: -20%;
      width: 35%

      
    }
    .stic2{
      position: absolute;
      float: right;
      right:-29%;
      width: 50%

      
    }

    .stic img{ opacity: 0.3 ;z-index: -8888 }
    .stic2 img{ opacity: 0.6 ;z-index: -8888 }


    .stic4{
      position: absolute;
      float: left;
      left: -30%;
      width: 50%

      
    }
    .stic5{
      position: absolute;
      float: right;
      right:-22%;
      width: 32%      
    }
    
    .stic4 img{ opacity: 0.3 ;z-index: -8888 }
    .stic5 img{ opacity: 0.6 ;z-index: -8888 }

    .stic6{
      position: absolute;
      float: left;
      left: -23%;
      width: 33%

      
    }
    .stic7{
      position: absolute;
      float: right;
      right:-32%;
      width: 50%

      
    }
    
    .stic6 img{ opacity: 0.1 ;z-index: -8888 }
    .stic7 img{ opacity: 0.6 ;z-index: -8888 }

    #menu_map{
      width: 34%;
      background: #fff;
      position: absolute;
      z-index: 1;
    }
    @media (max-width: 768px){
      #menu_map{
        width: 95%;
        margin: 4px 15px;
        position: relative;
      }
    }
    .estacion_list li{
      float: left;
      margin: 0 10px;
    }