@font-face {
    font-family: 'Metropolis Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Regular'), url('Metropolis-Regular.woff') format('woff');
    }
    @font-face {
    font-family: 'Metropolis Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Bold'), url('Metropolis-Bold.woff') format('woff');
    }
html {
    box-sizing: border-box;
    background: #fff;
    font-family: 'Metropolis Regular',sans-serif;
    border: none!important; 
    margin:0px auto;
  }
  body {
        border: none!important;
        margin:0px auto; 
        font-size: 100%
      }
  .content{
          padding: 0 2rem 0 0;
        }

  li {
      text-decoration: none !important; 
      color: #fff;
    } 
  
  #tutorial img {
                  display: block;
                  width: 30%; 
                  height: auto; 
                  margin: 0px auto; 
                  padding: 10px;
                }
  #consejos img {
                display: block; 
                width: 30%; 
                height: auto;
                margin: 0px auto; 
                padding: 10px;
              }
  .firm{
        width: 35%!important;
      }
  .primcolor {
              background-color:#23ceca!important;
              color: #fff;
              padding-left: 20px;
              font-weight: bold;
              height: 30px;
              vertical-align: initial;
              padding-top: 15px;
            }
  #menu_gral { 
      font-family: 'Metropolis Regular', sans-serif;
      width: 100%;
      margin: 0px ;
      border: none!important;
      }
  #menu_gral ul { 
      list-style-type: none; 
      text-align: left;
      padding-right: 3rem;
      }
  #menu_gral > ul li {
      background: #000;
      }
  #menu_gral li a {
      display: block;
      text-decoration: none;
      font-size: 1rem;
      line-height: 1.2rem;
      color: #fff ;
      }
  #menu_gral li ul {
      height: 0;
      overflow: hidden;
      }
  #menu_gral li:hover ul, #menu_gral li:focus ul {
      height: auto;
      }
  #menu_gral ul li:hover li a, #menu_gral ul li:focus li a {
      font-family: monospace;
      font-size: .9rem;
      line-height: 2rem;
      background: #1DB954;
      }
  #menu_gral li li a:hover, #menu_gral li li a:focus {
      background: #1DB954; 
      }
  nav li a {
            padding-left: 20px;
          }
  nav p {
        color:#000; padding-left: 20px;
        border: none !important; 
        font-size: .9em;
        line-height: 1.4em;
        }
  nav ul {
          border: none!important;
          padding: 0px!important;
        }
  nav p a .ayuda {
                  font-family: 'Metropolis Regular', sans-serif!important;   
                  color:#23ceca!important; 
                  font-weight: bold;
                }
  .ayuda {
          font-family: 'Metropolis Regular', sans-serif!important;
          color:#23ceca!important; 
          font-weight: bold;
          }
  .color2 {
          color:#143739!important;
          }
  .img-ic {
          display: block; 
          width: 35% !important; 
          height: auto; 
          margin: 0px auto; 
          padding: 10px;
          }

h4 {margin: 0px 20px;}
  }
}