<style type="text/css" media="screen">
#TloStrony { color: #636363; width:100%; margin:0px; border:0px; background:#ffffff; font-family: Arial, Tahoma, Verdana, sans-serif; font-size:12px; }
#TloStrony h4 { font-family: Arial, Tahoma, Verdana, sans-serif; }

#TloGradientStrony { background:url('[SERWER]/tlo_gradient_sklepu.png') repeat-x; }

#Naglowek { width:990px; margin:0px auto; min-height:100px; }

#GlowneMenu { margin-bottom:15px; background:url('[SERWER]/tlo_gornego_menu.png') repeat-x; height:60px; border:1px solid #ffffff; position:relative;
             -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; 
             -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);             
}

/* menu pod naglowkiem */
#LinkiMenu { height:60px; text-align:center; }
#LinkiMenu h3 { font-family: Arial, Tahoma, Verdana, sans-serif; display:inline-block; margin:0px; padding:0px; }
#LinkiMenu a { text-shadow:1px 1px 0px #475809; padding:0px 25px 0px 25px; height:60px; line-height:58px; color:#ffffff; font-size:16px; font-weight:bold; display:inline-block; text-decoration:none; 
  transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -webkit-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out; 
}
#LinkiMenu a:hover { color:#ffffff; background:url('[SERWER]/tlo_gornego_menu_wl.png') repeat-x left bottom; }

#SrodekAukcji { width:990px; margin:0px auto; margin-top:15px; }
#LewaKolumna { float:left; width:240px; }
#LewaKolumnaPrzerwa { margin-right:15px; }
#PrawaKolumna { float:left; width:750px; }

.RamkaBox { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; margin-bottom:18px; overflow:hidden; border:1px solid #ffffff;
            -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
}
.BoxNaglowek { text-shadow:1px 1px 0px #475809; background:url('[SERWER]/tlo_naglowka_boxu.png') repeat-x left bottom; margin:0px; padding:8px 10px 10px 15px; color:#ffffff; font-size:16px; font-weight:normal; text-align:left; }
.BoxTresc { padding:10px; background:#ffffff; }

.StrNaglowek { text-shadow:1px 1px 0px #475809; background:url('[SERWER]/tlo_naglowka_modulow.png') repeat-x left bottom; margin:0px; padding:8px 10px 10px 15px; color:#ffffff; font-size:16px; font-weight:normal; text-align:left; overflow:hidden; border:1px solid #ffffff;
              -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -khtml-border-top-left-radius:5px;
              -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; -khtml-border-top-right-radius:5px; 
              -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
}
.StrNaglowek span { display:inline-block; }
.StrTresc { border:1px solid #ffffff; border-top:0px; margin-bottom:18px; padding:10px; overflow:hidden; background:#ffffff; 
            -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; -khtml-border-bottom-left-radius:5px;
            -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -khtml-border-bottom-right-radius:5px; 
            -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
}
.StrTresc .NazwaProduktu { font-size:17px; margin-bottom:20px; }

#Stopka { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; margin:5px 0px 20px 0px; overflow:hidden; border:1px solid #ffffff; 
          -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
          background:url('[SERWER]/tlo_stopki.png') #7c9d0b repeat-x left top; color:#ffffff; text-align:center; padding:20px; font-size:14px;
}
</style>

<div id="TloStrony">

    <div id="TloGradientStrony">

        <!-- naglowek szablonu -->

        <div id="Naglowek">
             
            <img src="[SERWER]/naglowek.jpg" alt="" />
                
            <!-- gorne menu -->
            <div id="GlowneMenu">
                
                <div id="LinkiMenu">
                    <h3><a href="http://www.allegro.pl/show_user_auctions.php?uid=[ID_ALLEGRO]&amp;showing_type=gal">Nasze aukcje</a></h3><h3><a href="http://www.allegro.pl/show_user.php?uid=[ID_ALLEGRO]">Komentarze</a></h3><h3><a href="http://www.allegro.pl/my_page.php?uid=[ID_ALLEGRO]">O nas</a></h3><h3><a href="http://www.allegro.pl/email_to_user.php?uid=[ID_ALLEGRO]">Napisz do nas</a></h3>
                </div>

            </div>

        </div>
        
        <div id="SrodekAukcji">
        
            <!-- lewa kolumna z boxami -->
        
            <div id="LewaKolumna">
            
                <div id="LewaKolumnaPrzerwa">
            
                    <!-- wyglad boxu -->
                    
                    <div class="RamkaBox">
                      <h4 class="BoxNaglowek">Przykładowy 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>

                    <!-- wyglad boxu -->
                    <div class="RamkaBox">
                      <h4 class="BoxNaglowek">Przykładowy 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>

                    <!-- wyglad boxu -->
                    <div class="RamkaBox">
                      <h4 class="BoxNaglowek">Przykładowy 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>
            
            <div id="PrawaKolumna">
            
              <h2 class="StrNaglowek"><span>Dzisiaj na aukcji oferujemy</span></h2>
              
              <div class="StrTresc">
              
                    <div class="NazwaProduktu">[NAZWA]</div>
                    [OPIS]
                    <br /><br /><br />
                    [ZDJECIA]
                    
              </div>

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

            <div id="Stopka">... dziękujemy i zapraszamy ponownie ...</div>
            
        </div>
        
    </div>

</div>

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