<!DOCTYPE html>
<html class="no-js">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <title>Ramiel 3.1 You can (not) mobile</title>
  <meta name="Keywords" content="ramiel, konwenty, rezerwacja" />
  <meta name="Description" content="System obsługi akredytacji." />
  <link rel="icon" type="image/png" href="favicon.png"/>
  <base href="http://ramiel.pl/" />
    	<link rel="stylesheet" href="http://ramiel.pl/css/r3/frm.css" type="text/css" />  	<script  src="http://ramiel.pl/js/jquery.js" type="text/javascript"></script>	<script  src="http://ramiel.pl/js/form.js" type="text/javascript"></script>	<script  src="http://ramiel.pl/js/jquery.ui.js" type="text/javascript"></script>  
   <link rel="stylesheet" href="http://ramiel.pl/css/bootstrap.css" type="text/css" />
   <link rel="stylesheet" href="http://ramiel.pl/css/bootstrap-theme.min.css" type="text/css" />
   <link rel="stylesheet" href="http://ramiel.pl/css/r3/layout.css" type="text/css" />
   <script src="js/modernizr.js" type="text/javascript"></script>
   <script src="js/bootstrap.min.js" type="text/javascript"></script>	
   <script src="js/layout.js" type="text/javascript"></script>
         
    <!--[if lte IE 9]>
        <script type="text/javascript" src="js/html5shiv.js" ></script>  
        <script type="text/javascript" src="js/respond.min.js" ></script>  
        <link type="text/css" rel="stylesheet" href="http://off-festival.pl//css/off2014/layoutie.css" />
    <![endif]-->
      
  </head>
  <body>
<script type='text/javascript'>
$(document).ready(function() {
  $('[data-toggle=offcanvas]').click(function() {
    $('.row-offcanvas').toggleClass('active');
  });
});
       
</script>

<!--<div class="red" style="background: red; color: yellow; font-weight: bold; text-align: center">SYSTEM RAMIEL NA TSURU PRACUJE AKTUALNIE W TRYBIE OFFLINE.<br>PRZEZ 2 DNI RAMIEL.PL JEST DOSTĘPNY JEDYNIE JAKO SYSTEM REZERWOWY.<br> MOŻESZ SPRAWDZIĆ STATUS SWOJEJ REZERWACJI, ALE WSZELKIE ZMIANY KTÓRE TERAZ WPROWADZISZ NIE ZOSTANĄ ZACHOWANE. </div>-->                             
<div class="page-container">
	  <!-- Pasek gorny fixed -->
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="TopBar">
       <div class="container">
          <div class="row">
            <div class="col-xs-1 col-sm-2 col-lg-2 nopadding">
                      <a id="toplogo" href="http://ramiel.pl/"><div class="hidden-xl rid" id="ramiellogo" >777</div><span class="visible-xl">Ramiel 3.0<br><span class="rid">777</span></span></a>
        
        <!--
        <a href="http://ramiel.pl/profil/"><img class="avatar" alt="777" src="userfiles/avatar_777.jpg"></a>
        -->
        
                  
          <div class="hexmenu" style="display: none">
          <ul>
            
            <li class="">
              <div class="loginbox_mini">
          
              </div>
            </li>
            
            <li class=""></li>
            <li class="empty"></li>
            <li class="empty"></li>
            <li class="empty"></li>
          <ul>
          </div>
        
        
                  </div>
            <div class="col-xs-9 col-sm-9 col-lg-8 konbaner">
                      <img alt="Wybrany konwent" src="http://ramiel.pl/userfiles/conpic/0_750.png">
                    </div>
            <div class="col-xs-2">  
            	<div class="navbar-header">
                   <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".sidebar-nav">
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                   </button>
            	</div>
            </div>	
            	
        	</div>
       </div>
    </div>
    <div class="visible-xl" id="logobig"></div>
    
  <aside id="RIGHTMENU" class="hexmenu">
      </aside>
      
    <div class="container">
      <div class="row row-offcanvas row-offcanvas-left">
        
        <!-- sidebar -->
        <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
            
                        <ul class="nav">
            

            
                              <li class="menuopt_1 menuimg"><span class="glyphicon glyphicon-home"></span><a href="http://ramiel.pl/wyborkonwentu">Konwenty</a></li>
                            
                              <li class="menuopt_6 menuimg"><span class="glyphicon glyphicon-user"></span><a href="http://ramiel.pl/profil/">Profil</a></li>
                <li class="menuopt_7 menuimg"><span class="glyphicon glyphicon-off"></span><a href="http://ramiel.pl/login/out">Wyloguj 777</a></li>
                            <!--<li class="menuopt_8 menuimg" style="opacity: 0.3" ><span class="glyphicon glyphicon-picture"></span><a target="_blank" href="http://fotografel.ramiel.pl">Fotografia</a></li>-->
              
                
                
            </ul>
        
        </div>
        <div class="col-xs-12 col-sm-9">
                                
          
        </div>
    </div>
    
    <div class="row" id="BOTTOMMENU">
                <!--<a id="tworca" href="http://tenkai.pl" title="Tenkai.pl - rozwiązania dedykowane dla firm" >SYSTEM AKREDYTACJI</a>-->
    </div>
    
  </div>
</div>
            
            
  </body>                
  

