  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    body {
      margin: 0px;
      padding: 0px;
    }
  </style>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Lato:400,300,700" rel="stylesheet" type="text/css">
  <link href="style.css" rel="stylesheet">
  <script>
    var cid = ((top.location.href.split("?id="))[1]).split("&")[0];
    function redirigir(strParam) {
      var ulrBase = window.location.origin + "/course/view.php?id=" + cid;
      ulrBase = ulrBase + strParam;
      top.location.href = ulrBase;
    }
  </script>


  <section class="app">
    <aside class="sidebar">
      <header>
        TEMARIO
      </header>
      <nav class="sidebar-nav">
        <ul>
          <li>
<a onclick="redirigir('&amp;section=1');true;" href="#">◯ <span>UNIDAD 1</span></a>
<ul class="nav-flyout">
	<li><a onclick="redirigir('&amp;section=1');true;" href="#">◯  UNIDAD 1:  Hello, nice to meet you!.</a></li>
	<li><a onclick="redirigir('&amp;section=1#Link_T1');true;" href="#">◯ Tema 1:  Nice to meet you !</a></li><li><a onclick="redirigir('&amp;section=1#Link_T2');true;" href="#">◯ Tema 2:  How are you?</a></li><li><a onclick="redirigir('&amp;section=1#Link_T3');true;" href="#">◯ Tema 3:  What does she look like?</a></li><li><a onclick="redirigir('&amp;section=1#Link_T4');true;" href="#">◯ Tema 4:  Where are you from?</a></li>
</ul>
</li><li>
<a onclick="redirigir('&amp;section=1');true;" href="#">◯ <span>UNIDAD 2</span></a>
<ul class="nav-flyout">
	<li><a onclick="redirigir('&amp;section=1');true;" href="#">◯  UNIDAD 2:  Job and family!.</a></li>
	<li><a onclick="redirigir('&amp;section=1#Link_T1');true;" href="#">◯ Tema 1:  Do you speak english?</a></li><li><a onclick="redirigir('&amp;section=1#Link_T2');true;" href="#">◯ Tema 2:  My family</a></li><li><a onclick="redirigir('&amp;section=1#Link_T3');true;" href="#">◯ Tema 3: These are my relatives!</a></li><li><a onclick="redirigir('&amp;section=1#Link_T4');true;" href="#">◯ Tema 4:  What do you do?</a></li>
</ul>
</li><li>
<a onclick="redirigir('&amp;section=1');true;" href="#">◯ <span>UNIDAD 3</span></a>
<ul class="nav-flyout">
	<li><a onclick="redirigir('&amp;section=1');true;" href="#">◯  UNIDAD 3:  Day in, day out.</a></li>
	<li><a onclick="redirigir('&amp;section=1#Link_T1');true;" href="#">◯ Tema 1:  Where do you work?</a></li><li><a onclick="redirigir('&amp;section=1#Link_T2');true;" href="#">◯ Tema 2:  What time is it?</a></li><li><a onclick="redirigir('&amp;section=1#Link_T3');true;" href="#">◯ Tema 3:  What day is it?</a></li><li><a onclick="redirigir('&amp;section=1#Link_T4');true;" href="#">◯ Tema 4:  How is the weather?</a></li>
</ul>
</li>
        </ul>
      </nav>
    </aside>
  </section>