/*MENU RESPONSIVE*/

#menu ul {
  margin: 0;
  padding: 0;
  background:#000000;/*Fondo de la Barra de Menu*/
}

#menu .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
}

#menu li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  /*background-color: #ffffff;*/
  border-width: 1px 1px 0;
  margin: 0 1em;
  /*border-bottom:solid 1px #000000;*/ /*Borde de las opciones de Submenu*/
  /*background:#ffffff 3px 12px;*/ /*Fondo de la Opciones de Submenu*/
  padding: 0 10px 0 10px; /*Hace que se vea el fondo negro en las opciones de submenu*/
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block; 
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
  text-decoration:none;
  color:#FFFFFF; /*Color de letra del Menu*/
  font-weight:400;
  font-family: 'bebasregular';
  font-size: 14px;
}

#menu, 
#toggle-menu {
  background-color: #000000;
}

#toggle-menu, 
#menu a {
  padding: 0.5em 1em 0.2em; /*Determina el alto de la barra y distancia del link al borde T-R-B-L*/
  text-align: center;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  background-color: white;
  color:#0098DA; /*Color Primer Nivel - Mouse Over*/
  background:#ffffff; /*Fondo Menu y Submenu- Mouse over*/
}


#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a {
  color: #000000; /*Color submenu*/
  /*border-bottom:solid 1px #000000;*/ /*Borde de las opciones de Submenu*/
  background:#ffffff 3px 12px; /*Fondo de la Opciones de Submenu*/
}

#menu .sub-menu a:hover {
  color: #0098DA; /*Color submenu - Mouse over*/
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 1.5em;
  /*top: 1.25em;*/

}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#menu .drop-icon {
  line-height: 1;
}

@media only screen and (max-width: 64em) and (min-width: 52.01em) {
  #menu li {
    width: 33.333%;
  }

  #menu .sub-menu li {
    width: auto;
  }

   #yeardropdown {
    /*display: inline-block;*/
    display: none;
  }
}

@media only screen and (min-width: 52em) {
  
  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    /*display: inline-block;*/
    display: none;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}