* { margin: 0; padding: 0;}
body { background: url(images/bg.gif) repeat-x #fff; font: 100% verdana, arial, trebuchet, sans-serif; color: #515151;}
#page { width: 940px; margin: 0 auto 30px;}

#top { width: 100%; height: 102px; background: url(images/top_bg.gif) repeat-x #3593eb; border-bottom: 1px solid; border-color: #f7f7f7;}
.img_kosc { margin: 28px 0 0 37px; float: left;}
.img_napis { margin: 43px 0 0 16px; float: left;}
.img_ball { margin-left: 4px;}
.img_ruller { margin-left: 8px;}
.img_basket { margin-left: 4px;}
#top ul { list-style: none; float: left; margin: -80px 0 0 546px;}
#top li { padding: 0 5px 0 5px; float: left;}

#promocje { width: 100%; height: 56px; background: url(images/promocje_bg.gif) repeat-x; border-top: 2px solid; border-color: #e9e9e9;}
h1 { font-size: 70%; color: #439bf8; font-weight: bold; margin: 2px 0 0 5px;}
#promocje p { font-size: 60%; color: #818181; margin: 0 0 0 10px; float: left; width: 300px;}
#promocje a { font-size: 100%; color: #818181; text-decoration: none;}
#promocje a:hover { font-size: 100%; color: #818181; text-decoration: underline;}
.img_promocje { float: left; margin: 5px 4px 0 0;}

#menu_lewe { width: 154px; float: left; margin: 2px 2px 0 0;}
dl { width: 154px; background: #ffffff; padding: 3px 0 0 0;}
dt { width: 154px; height: 23px; background: url(images/dt_bg.gif) repeat-x; text-align: center; padding: 4px 0 0 0;}
dd { width: 154px; height: 17px; background: url(images/dd_bg.gif) repeat-x; text-align: center; font-size: 60%; padding: 4px 0 0 0;}
dd a { font-size: 100%; text-decoration: none; color: #515151;}
dd a:hover { font-size: 100%; text-decoration: underline; color: #515151;}

#tresc { width: 622px; background: url(images/tresc_bg.gif) repeat-x #fefefe; float: left; margin: 0; padding: 3px 0 0 0; margin: 2px 0 0 0;}
#tresc p { font-size: 80%; text-align: left; padding: 0 15px; margin: 0 0 40px 0;}
h2 { font-size: 90%; padding: 0 15px; font-weight: bold; margin: 0 0 15px 0; text-align: center;}

#reklama { width: 160px; float: right; margin: 1px 0 0 0;}
dl#reklama3 { width: 160px;}
dt#reklama1 { width: 160px; height: 19px; background: url(images/dt_bg.gif) repeat-x; text-align: center; font-size: 70%; font-weight: bold; color: #ffffff; padding: 8px 0 0 0;}
dd#reklama2 { width: 160px; height: 400px; background: #efefef; text-align: center; margin: 0px;}

#stopka { width: 100%; height: 24px; background: url(images/stopka_bg.gif) repeat-x; margin: 0 0 10px 0; clear: both; padding: 7px 0 0 0; text-align: center;}
#stopka p { font-size: 70%; color: #fff;}
#stopka a { font-size: 100%; color: #fff; text-decoration: underline;}
#stopka a:hover { font-size: 100%; color: #fff; text-decoration: none;}