<!DOCTYPE HTML>
<html>
    
    <head>
        
        <title>Shop Engine :: Darmowa rezerwacja nicku</title>

        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <meta http-equiv="content-type" content="text/html" charset="utf-8">
        <meta http-equiv="content-language" content="pl">
        
        <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 
        <style type="text/css">@charset "utf-8";
#footerbg,html,table,table tr {
    width:100%
}
#srodek input,#srodek select,#srodek textarea {
    background:0 0;
    margin-bottom:2px;
    outline:#9f0401 solid 3px;
    border:0;
    padding:5px;
    text-align:center
}
#gora,#header_menu ul li,#password,#srodek,#srodek textarea,#username,.przycisk,table tr td {
    text-align:center
}
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video {
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
body {
    line-height:1;
}
ol,ul {
    list-style:none
}
blockquote,q {
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
    content:'';
    content:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
article,aside,footer,header,hgroup,nav,section {
    display:block
}
a,a:link,a:visited {
    color:#fff;
    text-decoration:none
}
html {
    height:100%;
    font-family:Verdana,Geneva,sans-serif;
    font-size:12px;
    background:url(https://cdn.sloenthran.pl/images/triangles.png);
    color:#ddd
}
#srodek input,#srodek select {
    color:#fff;
    width:200px
}
#srodek input:focus,#srodek select:focus,#srodek textarea:focus {
    background:#9f0401;
}
#srodek textarea {
    color:#fff;
    width:500px;
    height:50px
}
.przycisk {
    padding:5px;
    background:#9f0401;
    outline:#9f0401 solid 3px;
    margin:8px 5px 5px;
    border:0;
    color:#fff
}
.przycisk:hover {
    background:0 0
}
#container {
    width:960px;
    height:auto;
    margin:20px auto 0
}
#header_menu {
    width:200px;
    height:auto;
    float:left;
    margin-top:50px
}
#gora,#gora_panel,#srodek,.pull-right {
    float:right
}
#header a:hover {
    opacity:.8
}
#header_menu ul {
    margin-top:20px
}
#header_menu ul li {
    clear:both;
    display:block;
    background: #9f0401 url("https://cdn.projektspark.pl/images/szablon/belka.png") repeat-x scroll center top;
    padding:10px 5px;
    margin:5px auto;
    box-shadow:0 0 30px rgba(0,0,0,.9);
    text-shadow:0 2px 3px rgba(255,255,255,.5)
}
#header_menu ul li:hover {
    opacity: 0.8;
}
#gora {
    width:760px;
    height:200px;
    text-shadow:0 1px 3px rgba(0,0,0,.8)
}
#gora_panel {
    position:relative;
    width:200px;
    height:150px;
    padding:5px;
    background:url(https://cdn.sloenthran.pl/images/bgmenu.png);
    border:1px solid #000;
    border-radius:0 0 15px 15px;
    margin:15px 70px 0 0;
    box-shadow:inset 0 0 40px rgba(0,0,0,.8),0 0 40px #000
}
#password,#username {
    width:140px;
    margin-bottom:2px;
    box-shadow:0 0 10px #fff
}
#zaloguj {
    margin:0 auto;
    box-shadow:0 0 10px #fff
}
.zapamietaj {
    font-size:10px
}
.panel_uzytkownika {
    font-family:Verdana,sans-serif;
    font-size:17px;
    letter-spacing:2px;
    color:#fff;
    text-shadow:0 0 30px #fff;
    margin:10px 0
}
#srodek {
    width:700px;
    min-height:300px;
    padding:20px;
    margin:10px;
    text-shadow:0 1px 3px rgba(0,0,0,.8);
}
#footerbg {
    background:#9f0401 url("https://cdn.projektspark.pl/images/szablon/belka.png") repeat-x scroll center top;
    box-shadow:0 0 10px #000;
    height:10px;
    padding:10px 0;
    margin-top:50px;
}
#footer {
    width:960px;
    margin:0 auto;
    color:#ddd;
}
#footer a:hover {
    color:#000;
}
.clearfix {
    clear:both;
}
.projekt,.pull-left {
    float:left;
}
h1 {
    margin:0 auto 10px;
    border-bottom:6px solid #9f0401;
    text-shadow:0 2px 10px #9f0401;
}
.ban {
    background:url(https://cdn.sloenthran.pl/images/bg.png) #0cadae!important
}
.ban:hover {
    background:url(https://cdn.sloenthran.pl/images/bg.png) #088788!important
}
table tr:hover {
    background: #9f0401;
}
table tr:nth-child(1) {
    border:3px solid #9f0401
}
table tr td {
    padding:8px 10px;
    border:1px dotted #9f0401
}
.projekt {
    height: 473px;
    line-height: 18px;
    width: 350px;
    margin-bottom: 25px;
}

.projekt img {
    width:255px;
    height:300px;
    border-radius:5px;
    box-shadow:0 0 7px #000
}
.projekt:hover {
    background: rgba(86,123,45,.74);
}
.projekt h4{padding:10px}
#logomobilne,#menuclick {
    display:none
}
@media screen and (max-device-width:640px) {
    #pa{display:none;}
    #mpa {display: block !important; margin-left: 10px;}
    #container,#footer,#srodek,.projekt {
        width:100%
    }
    #header_menu,#header_menu a img {
        display:none
    }
    #srodek {
        box-sizing:border-box
    }
    #header_menu {
        position:fixed;
        top:0;
        right:0
    }
    #header_menu ul li {
        background:#9f0401 url("https://cdn.projektspark.pl/images/szablon/belka.png") repeat-x scroll center top
    }
    #footer .pull-right {
        width:250px;
        float:none;
        display:block;
        margin:0 auto;
        text-align:center
    }
    #menuclick {
        display:block;
        width:20px;
        height:20px;
        position:fixed;
        top:10px;
        right:26px;
        font-size:30px;
        color:#9f0401
    }
    #logomobilne {
        width:220px;
        display:block;
        margin:0 auto
    }
    #srodek textarea {
        width:100%
    }
    iframe {
        width:100%!important;
        height:200px!important
    }
}

::-webkit-scrollbar{
    width: 12px;
}

::-webkit-scrollbar-thumb{
    background: #9f0401;
    box-shadow: inset 0 0 5px #9f0401;
}

::-webkit-scrollbar-thumb:hover{
    background: #9f0401;
}

::-webkit-scrollbar-track{
    background: #9f0401;
}</style>

        <link rel="icon" type="image/png" href="https://cdn.sloenthran.pl/images/favicon.png">
        
        <script src="https://cdn.sloenthran.pl/js/jQuery.js"></script>
    
    </head>

    <body>
        
        <div id="container">
        
            <div id="menuclick"><i class="fa fa-th-large"></i></div>
            
            <script>
    
                $( "#menuclick" ).click(function() {
                    $( "#header_menu" ).fadeToggle();
                });

            </script>
            
            <a id="logomobilne" href="home.html"><img src="https://cdn.projektspark.pl/images/logo.png" alt="logo" style="width: 200px;"></a>
        
            <div id="header_menu">
            
                <a href="home.html"><img src="https://cdn.projektspark.pl/images/logo.png" alt="logo" style="width: 200px;"></a>

                <ul>
   
                    <a href="buy-2.html"><li><i class="fa fa-reply"></i> Powrót</li></a>
    
                </ul>
            
            </div>
            
            <br><br><br><br><br>

            <div id="srodek">
        
                <h1>Darmowa rezerwacja nicku</h1>
                
                <p><form method="post" action="free_reservation-2.html">
        
                <input type="hidden" name="ADD" value="true">
            
                <br><input type="text" name="USER" placeholder="Nick" required><br>
                <br><input type="text" name="PASS" placeholder="Hasło" required><br>
            
                <br><button type="submit" class="przycisk">Rezerwuję! <i class="fa fa-chevron-circle-right"></i> </button>
        
            </form></p>
                
            </div>
        
        </div>
    
        <div class="clearfix"></div>
    
        <div id="footerbg">
        
            <div id="footer">
                
                <span class="pull-right">
                
                    Grafika: <a href="http://upek.eu">upek</a> | 
                    
                    Shop Engine: <span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    
                        <span itemprop="name"><a href="https://sloenthran.pl">Sloenthran</a></span>
            
                    </span>
                
                </span>
            
            </div>
    
        </div>
    
    </body>
    
</html>