* { margin: 0; padding: 0; }

body { 
   text-align: center;
   width: 770px;
   margin: 1px auto;
   background: #e0c9a7;
   font-size: 13px;
   font-weight: normal;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
#top {
   position: relative;
   background: url(grafika/logo.jpg) no-repeat;
   width: 100%;
   height: 180px;
} 

ul {
   position: absolute;
   right: 0;
   top: 0; 
   list-style: none;
   background: #bc9a6c;
   border-width: 1px 0 0 1px;
   border-style: solid;
   border-color: #000000;
}
li { 
   float: left;
   width: 80px;
   text-align: center;
   border-width: 0 1px 2px 0;
   border-style: solid;
   border-color: #000000;
}
li a { 
   display: block;
   width: 100%;
   color: #ffffff; 
   text-decoration: none;
   font-size: 11px;
   padding: 2px 0;
}
li a:hover { background: #e0c9a7; color: #000000; }

#lewa, #prawa {
    position: relative;
    height: auto !important;
    height: 400px; /* IE */
    min-height: 400px;
    margin-bottom: 10px;
}

#lewa {
   float: left;
   width: 140px;
}

dl { margin-top: 10px; background: #dbc5a0; width: 130px; border: 1px solid #bc9a6c; }
dt { background: #000000; text-align: left; padding: 2px 0 2px 10px; color: #ffffff; }
dd { text-align: center; border-top: 1px solid #bc9a6c; }
dd a { display: block; width: 100%; text-decoration: none; background: url(grafika/kropka-1.gif) no-repeat 10px 4px; padding: 2px 0; }
dd a:hover { background: url(grafika/kropka-2.gif) no-repeat 10px 4px; color: #804000; }

#prawa { float: right; width: 620px; }
#prawa p { text-align: justify; margin-top: 5px; }

#stopka { 
   clear: both;
   width: 100%;
   height: 20px;
   background: #dbc5a0;
   border: 1px solid #bc9a6c;
   font-size: 12px;
   text-align: right;
}
#stopka p { padding: 4px 20px 0 0; }
#stopka a { font-weight: bold; }

a { color: #000000; text-decoration: underline; font-weight: normal;}
a:hover { text-decoration: none; }