body
{
margin: 0; padding: 0;
background:url(graphics/bg.gif) repeat-x;
font:12px/32px  "lucida grande", verdana, sans-serif;
color:#ccc;
text-align:center;
}

a, h3, h4, b
{
color: #207ab1;
}

#container
{
width: 770px;
margin: 0px auto; padding: 0;
background-color: #fff;
text-align: left;
color: #333;
}

#top
{
position: relative;
padding: 3px 0 0 0; margin: 0;
width: 770px; height: 160px;
background:url(graphics/top1.gif) no-repeat;
}

#top h1
{
position: relative;
padding: 0; margin: 0px;
width: 372px; height: 122px;
}
#top h1 span
{
position: absolute;
width: 100%; height: 100%;
cursor: pointer;
background: transparent url(graphics/logo.gif) no-repeat top left;
}

#top ul#navtop
{
position: absolute; bottom: 0px; right: 0px;
list-style-type: none;
display: inline;
text-align: center;
margin: 0; padding: 0;
} 
#navtop li
{
float: left;
margin: 0; padding: 0;
}
#navtop li a
{
position: relative;
margin: 0 0 3px 0; padding: 0;
width: 97px; height: 72px;
display: block;
color: #1c77ad;
text-decoration: none;
font: bold 12px/72px "lucida grande", verdana, sans-serif;
}

#navtop  li span
{
position: absolute;
bottom: 0px; right: 0px;
width: 100%; height: 100%; 
cursor: pointer;
}
#navtop  li.about span{background: url(graphics/1.gif) no-repeat ;}
#navtop  li.oferta span{background: url(graphics/2.gif) no-repeat;}
#navtop  li.kontakt span{background: url(graphics/3.gif) no-repeat top left;}


#left
{
float: left;
width: 230px; height: 436px;
margin: 0 ; padding: 0;
background: url(graphics/bg_left2.gif) no-repeat 20px 80px;
}

#left h2
{
position: relative;
margin: 35px 30px 0px 0;
text-align: center;
color: #207ab1;
font-size: 38px;
font-variant: small-caps; 
}

#left h2 span 
{
position: absolute;
width: 230px; height: 113px;
}
.onas
{
margin-left: -15px;
background: url(graphics/onas.gif) no-repeat;
}
.ofer
{
margin-left: -10px;
background: url(graphics/ofer.gif) no-repeat;
}
.kont
{
margin-left: 3px;
background: url(graphics/kontakt.gif) no-repeat;
}
.mapas
{
margin-left: -24px;
background: url(graphics/mapa_strony.gif) no-repeat;
}

#content
{
margin-left: 240px;
padding: 1em;
}

#spacer
{
clear: both;
height: 1px;
}

#footer
{
position: relative;
margin: 0; padding: 0;
width: 770px; height: 70px;
color: #333;
}

h3
{
position: relative;
float: left; margin:0; padding: 0; 
width: 691px; height: 70px;
font-weight: normal;
font-size: 12px;
}
h3 span
{
position: absolute;
width: 100%; height: 100%;
cursor: pointer;
background: transparent url(graphics/mail.gif) no-repeat top left;
border-top: 1px solid gray;
}

h4
{
position: relative; float: right;
margin:0; padding: 0; width: 79px; height: 70px;
font-weight: normal;
font-size: 12px;
}
h4 span
{
position: absolute;
width: 100%; height: 100%;
background:url(graphics/sitemap.gif) no-repeat top right;
border-top: 1px solid gray;
cursor: pointer;
}


div#map
{
background: url(graphics/mapa.gif) no-repeat center center;
width: 450px; height: 403px;
margin: 0px auto ; padding: 0;
}

#offer
{
padding: 0; 
margin: 20px;
}
#offer li
{
list-style: none;
padding-left: 30px;
background: url(graphics/bullet.gif) no-repeat 0 50%;
}

table#offertab
{line-height: 25px; width: 80%; margin-top: 20px;}

table#offertab tr td 
{
background-color: #F4FAFD; padding-left: 10px;
}
table#offertab tr.odd td 
{
background-color: #EDF6FC;
}

p {text-align: justify;}

#mapastrony
{
margin: 150px 0 0 50px;
}
#mapastrony li
{
list-style: none;
padding-left: 30px;
background: url(graphics/bullet.gif) no-repeat 0 50%;
}
#mapastrony a
{
text-decoration: none;
}


#promocja a 
{
position: relative; width: 340px; height: 76px; top: -126px; left: 430px;
font: small-caps bold 18px "lucida grande", verdana, sans-serif; color:#af2a27; text-align:center;
display: block; margin: 0; padding: 0;
}
.pp span
{
position: absolute;  width: 100%; height: 100%; bottom: 0px; right: 0px;
background: url(graphics/p2.gif) no-repeat top left;
cursor: pointer;
}

.prom1 a { color:#af2a27; }
.prom2 { font-weight: bold; color: #7aaf27; font-size: 20px; }
.prom2 a { font-weight: normal; color:#7aaf27; }
.prom2 b { font-size: 24px;}

.cen { text-align: center; }
.cap { font-size: 24px; font-variant: small-caps; }
.z { font-size: 14px;color: #7aaf27; }
b.w { font-size: 14px;}
#valid {position: relative; margin: 0; padding: 0; top: -50px; left: 682px;}