<style type="text/css" media="screen">
#TloStrony { color:#90816e; width:100%; margin:0px; border:0px; background:url('[SERWER]/tlo_sklepu.png'); font-family: Arial, Tahoma, Verdana, sans-serif; font-size:12px; }
.Strona { width:990px; margin:0px auto; }
.Strona a { text-decoration:none; color:#90816e; font-weight:normal; }
.Strona a:hover { text-decoration:none; color:#e10101; }

#GornyPasek { background:url('[SERWER]/tlo_gornego_paska.png'); }
#NaglowekSklepu { background:url('[SERWER]/tlo_naglowka.jpg'); }

#KontaktGora { font-family: Arial, Tahoma, Verdana, sans-serif; text-align:right; }
#KontaktGora span { margin-left:40px; display:inline-block; }
#KontaktGora a, #KontaktGora span { font-size:21px; font-weight:normal; color:#685742; }
#KontaktGora .InfoLinia { font-family: Arial, Tahoma, Verdana, sans-serif; background:url('[SERWER]/infolinia.png') no-repeat left center; padding:15px 0px 15px 40px; }
#KontaktGora .Email { font-family: Arial, Tahoma, Verdana, sans-serif; background:url('[SERWER]/mail.png') no-repeat left center; padding:15px 0px 15px 40px; }

#Naglowek img { max-width:990px; height:auto; }

#TloStrony h2, #TloStrony h3, #TloStrony h4 { font-family: Arial, Tahoma, Verdana, sans-serif; }

#GorneMenu { height:60px; line-height:58px; background:#c7beb2; }
#GorneMenu ul { list-style-type:none; padding:0px; margin:0px; display:table; border-collapse:collapse; border-spacing:0; width:100%; }   
#GorneMenu li { vertical-align:top; display:table-cell; font-size:15px; margin:0px; padding:0px; }
#GorneMenu li:last-child { border:0px; }
#GorneMenu a { color:#685742; padding:0px 15px 0px 15px; height:60px; display:block; text-align:center; font-size:16px; font-weight:bold;
	transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out;
}
#GorneMenu a:hover { background:#90816e; color:#ffffff; }

#SrodekAukcji { width:990px; margin:0px auto; margin-top:25px; }
#LewaKolumna { float:left; overflow:hidden; width:220px; }
#LewaKolumnaPrzerwa { margin-right:15px; }
#PrawaKolumna { float:left; overflow:hidden; width:770px; }

.BoxNaglowek { border-bottom:2px solid #ded8d5; margin:0px; padding:0px 0px 7px 0px; font-size:180%; text-shadow:2px 2px #ffffff; font-weight:bold; text-transform:uppercase; font-family:Arial, Tahoma, Verdana, sans-serif; }
.BoxTresc { margin-bottom:20px; padding:15px; overflow:hidden; position:relative; background:#ffffff; 
  -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; -khtml-border-bottom-left-radius:6px;
  -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -khtml-border-bottom-right-radius:6px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
.StrNaglowek { border-bottom:2px solid #ded8d5; text-align:right; margin:0px; font-size:180%; text-shadow:2px 2px #ffffff; font-weight:bold; text-transform:uppercase; font-family:Arial, Tahoma, Verdana, sans-serif; }
.StrNaglowek span { padding:0px 0px 7px 0px; display:inline-block; }

.StrTresc { padding:10px; overflow:hidden; background:#ffffff; margin-bottom:20px;
  -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; -khtml-border-bottom-left-radius:6px;
  -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -khtml-border-bottom-right-radius:6px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
.StrTresc .NazwaProduktu { text-align:center; font-size:23px; margin-bottom:20px; }
.StrTresc .OpisProduktu { margin-bottom:20px; }
.StrTresc .FotoProduktu { text-align:center; margin-bottom:20px; }
.StrTresc .FotoProduktu div { margin-bottom:20px; }

#Stopka { background:#bdb2a3; color:#ffffff; margin-top:20px; padding:10px 0px 10px 0px; text-align:center; font-size:14px; }
</style>

<div id="NaglowekSklepu">

    <div id="GornyPasek">
    
        <div class="Strona" id="KontaktGora">
        
            <span class="InfoLinia">700 800 900</span>
            <span class="Email"><a href="http://www.allegro.pl/email_to_user.php?uid=[ID_ALLEGRO]">adres@sklepu.pl</a></span>
    
        </div>
    
    </div>

    <!-- naglowek szablonu -->

    <div class="Strona" id="Naglowek">

        <img src="[SERWER]/naglowek.jpg" alt="" />

    </div>
</div>

<div id="TloStrony">

    <!-- gorne menu -->
    
    <div class="Strona" id="GorneMenu">
    
      <ul>
        <li><a href="http://www.allegro.pl/show_user_auctions.php?uid=[ID_ALLEGRO]&amp;showing_type=gal">NASZE AUKCJE</a></li>
        <li><a href="http://www.allegro.pl/show_user.php?uid=[ID_ALLEGRO]">KOMENTARZE</a></li>
        <li><a href="http://www.allegro.pl/my_page.php?uid=[ID_ALLEGRO]">O NAS</a></li>
        <li><a href="http://www.allegro.pl/email_to_user.php?uid=[ID_ALLEGRO]">NAPISZ DO NAS</a></li>                 
      </ul>
    
    </div>       

    <div id="SrodekAukcji">
    
        <!-- lewa kolumna z boxami -->
    
        <div id="LewaKolumna">
        
            <div id="LewaKolumnaPrzerwa">
        
                <!-- wyglad boxu -->
            
                <h4 class="BoxNaglowek">nagłówek</h4>
                
                <div class="BoxTresc">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
                    Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. 
                    Cras vel lorem. Etiam pellentesque aliquet tellus. 
                    Phasellus pharetra nulla ac diam. Quisque semper justo at risus.
                </div>

                <!-- wyglad boxu -->
            
                <h4 class="BoxNaglowek">nagłówek</h4>
                
                <div class="BoxTresc">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
                    Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. 
                    Cras vel lorem. Etiam pellentesque aliquet tellus. 
                    Phasellus pharetra nulla ac diam. Quisque semper justo at risus.
                </div>

                <!-- wyglad boxu -->
            
                <h4 class="BoxNaglowek">nagłówek</h4>
                
                <div class="BoxTresc">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
                    Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. 
                    Cras vel lorem. Etiam pellentesque aliquet tellus. 
                    Phasellus pharetra nulla ac diam. Quisque semper justo at risus.
                </div>

            </div>
        
        </div>
        
        <div id="PrawaKolumna">
        
          <h2 class="StrNaglowek">
          
              <span>Dzisiaj na aukcji oferujemy</span>
              
          </h2>
          
          <div class="StrTresc">
          
                <div class="NazwaProduktu">[NAZWA]</div>
                <div class="OpisProduktu">[OPIS]</div>
                
          </div>
          
          <h2 class="StrNaglowek">
          
              <span>Galeria zdjęć</span>
              
          </h2>          
          
          <div class="StrTresc" style="text-align:center">
          
                <div class="FotoProduktu">[ZDJECIA]</div>
                
          </div>          

        </div>
        
        <div style="clear:both"></div>

    </div>

    <div id="Stopka">

        ... dziękujemy i zapraszamy ponownie ...
    
    </div>    

</div>

<div style="clear:both"></div>
