{include file="$template_path/html/header.html"}
<link href="{$template_data}scripts/plug/mobanboxmedia/jquery.mobanboxmedia.css" rel="stylesheet" />
</head>
<body class="">
<section class="vbox">
  {include file="$template_path/html/pagenav.html"}
  <section>
    <section class="hbox stretch">
      {include file="$template_path/html/mobile-nav.html"}
      <section id="content" class="p-t-llg-xs">


        <section class="clearfix m-b-md">

          <div class="container m-t-lg m-xs-t-sm">
            <div class="pos-abt" id="myScrollspy">
              <ul class="list-group no-border affix" data-spy="affix" data-offset-top="150">
                {if $menuPages}
                {foreach from=$menuPages[0] item=p name=foo}
                <li class="list-group-item active"><a class="" href="/{$languageURL}pages/{$p.key}" title="{$p.name}">{$p.name}</a></li>
                {if isset($menuPages[$p.id])}
                {foreach from=$menuPages[$p.id] item=sp name=foo1}
                <li class="list-group-item p-t-xs p-b-xs"><a class="" href="/{$languageURL}pages/{$sp.key}" title="{$sp.name}">{$sp.name}</a></li>
                {/foreach}
                {/if}
                {/foreach}
                {/if}
              </ul>
            </div>
            <div class="row">
              <div class="col-md-10 col-md-offset-1">
                <div class="post-item panel-shadow" style="border-radius: 0">

                  <div class="post-body wrapper-lg">

                    <div class="ss-underlines font-normal post-h2">
                      <h2 class="m-t-none text-black h2-xs">{if isset($title)}{$title}{/if}</h2>
                    </div>

                    <div class="post-arc">


                      {$page.text}

                    </div>
                  </div>
                </div>

              </div>
            </div>
          </div>

        </section>



        {include file="$template_path/html/footer.html"}

      </section>
    </section>
  </section>
</section>
{literal}
<style>
  .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 0;
  }
  table {
    border-collapse: collapse;
    width: 100%;
    background: #fff;
  }
  td, th {
    padding: 0.75em 1.5em;
    text-align: left;
  }
  td.err {
    background-color: #e992b9;
    color: #fff;
    font-size: 0.75em;
    text-align: center;
    line-height: 1;
  }
  th {
    background-color: #1ccacc;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
  }
  tbody th {
    background-color: #2ea879;
  }
  tbody tr:nth-child(2n-1) {
    background-color: #f5f5f5;
    transition: all .125s ease-in-out;
  }
  tbody tr:hover {
    background-color: #d8f1f1;
  }
</style>
{/literal}
</body>
</html>