* {
  margin: 0;
  padding: 0; }

nav.page-menu {
  display: none !important; }

.menuElecciones {
  height: 64px;
  text-align: center;
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.3); }
  .menuElecciones .logo_elecciones {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top; }
    .menuElecciones .logo_elecciones a {
      background-image: url(https://www.eltiempo.com/maquetacion/modulos-html-libre/eltiempo/2019/08/menu-elecciones-2019/img/logo-elecciones-mobile.svg);
      width: 184px;
      height: 45px;
      background-size: contain;
      background-repeat: no-repeat;
      display: inline-block;
      vertical-align: top; }
  .menuElecciones .menu_elecciones_btn {
    display: none; }
  .menuElecciones .menu_elecciones {
    display: inline-block;
    margin-top: 23px; }
    .menuElecciones .menu_elecciones_ul {
      list-style: none; }
      .menuElecciones .menu_elecciones_ul li {
        margin: 0 20px;
        padding: 2px 6px 0 6px;
        display: inline-block; }
        .menuElecciones .menu_elecciones_ul li a {
          text-decoration: none;
          color: #213b8e;
          font-family: "open_sansbold";
          font-size: 14px; }
        .menuElecciones .menu_elecciones_ul li:nth-child(5) {
          margin-right: 35px; }
        .menuElecciones .menu_elecciones_ul li:hover {
          background-color: #f2ae32; }
          .menuElecciones .menu_elecciones_ul li:hover a {
            color: #ffffff; }
      .menuElecciones .menu_elecciones_ul ul {
        padding-left: 35px;
        position: relative;
        list-style: none;
        display: inline-block; }
        .menuElecciones .menu_elecciones_ul ul li {
          display: inline-block; }
          .menuElecciones .menu_elecciones_ul ul li a {
            color: #4d4d4d; }
        .menuElecciones .menu_elecciones_ul ul::before {
          content: "";
          width: 2px;
          height: 27px;
          background: #f2ae32;
          display: block;
          position: absolute;
          left: 10px;
          top: -5px; }

@media (max-width: 768px) {
  .menuElecciones {
    height: 75px;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: none;
    background-color: #fdfbf8;
    position: relative;
    margin-top: 0; }
    .menuElecciones .logo_elecciones a {
      position: absolute;
      left: 20px;
      width: 238px;
      height: 55px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(https://www.eltiempo.com/maquetacion/maquillajes_xalok/el_tiempo/2019/08/maquillaje-apertura-elecciones-2019/img/logo-elcciones-mobile.svg); }
    .menuElecciones .menu_elecciones_btn {
      display: initial;
      position: absolute;
      color: #1f38b4;
      font-family: "open_sansbold";
      font-size: 14px;
      top: 27px;
      right: 32px;
      border-bottom: 1px solid #100923;
      height: 18px;
      border-bottom: 3px solid #f2ae32; }
      .menuElecciones .menu_elecciones_btn.active {
        font-size: 0px;
        z-index: 102;
        background-image: url(https://www.eltiempo.com/maquetacion/maquillajes_xalok/el_tiempo/2019/08/maquillaje-apertura-elecciones-2019/img/menu-cerrar-m.svg);
        width: 54px;
        height: 34px;
        border: 0;
        top: 56px;
        right: 0;
        position: fixed; }
    .menuElecciones .menu_elecciones {
      top: 0px;
      left: 0;
      z-index: 10;
      display: none;
      background-image: url(https://www.eltiempo.com/maquetacion/maquillajes_xalok/el_tiempo/2019/08/maquillaje-apertura-elecciones-2019/img/fondo-menu-desplegado-m.svg);
      background-repeat: no-repeat;
      background-position: top;
      height: 587px;
      background-color: #fdfbf8; }
      .menuElecciones .menu_elecciones_ul {
        padding-top: 100px; }
        .menuElecciones .menu_elecciones_ul li {
          display: inline-block;
          width: 100vw;
          border-bottom: 0px;
          margin: 0;
          text-align: center;
          padding: 10px 0;
          position: relative; }
          .menuElecciones .menu_elecciones_ul li a {
            display: inline-block;
            height: 29px;
            line-height: 29px;
            width: 100%; }
          .menuElecciones .menu_elecciones_ul li::after {
            content: "";
            width: 50px;
            height: 3px;
            background-color: #f2ae32;
            left: calc((100vw - 50px) / 2);
            position: absolute;
            bottom: 0; }
          .menuElecciones .menu_elecciones_ul li:nth-child(5) {
            margin-right: 0px; }
        .menuElecciones .menu_elecciones_ul ul {
          padding: 20px 0; }
          .menuElecciones .menu_elecciones_ul ul li {
            border-bottom: 0px;
            padding: 10px 0; }
            .menuElecciones .menu_elecciones_ul ul li a {
              display: inline-block;
              height: 29px;
              line-height: 29px; }
          .menuElecciones .menu_elecciones_ul ul::before {
            display: none; }
        .menuElecciones .menu_elecciones_ul::before {
          background-image: url(https://www.eltiempo.com/maquetacion/maquillajes_xalok/el_tiempo/2019/08/maquillaje-apertura-elecciones-2019/img/logo-elcciones-mobile.svg);
          background-repeat: no-repeat;
          content: "";
          width: 240px;
          height: 55px;
          position: absolute;
          top: 40px;
          left: calc((100vw - 240px) / 2); }
      .menuElecciones .menu_elecciones.active {
        display: inline-block;
        z-index: 101;
        position: fixed;
        top: 33px;
        height: 93vh;
        background-size: cover; } }

@media (max-width: 359px) {
  .menuElecciones .menu_elecciones_btn {
    right: 10px; } }