*{margin:0;padding:0;border:0 none}
body  { font:12px arial; margin:0 auto; background: #82a2bd url('gfx/bg.jpg') top left repeat-x ; padding:0px; }
a { color:#111; text-decoration: none; outline:none; }
a:hover { color:#fff; text-decoration: none; outline:none; }
img { border: none; }
div#warp { width:770px;  margin:0 auto; height:100%;  }
div #logo { width:770px; height:250px; background: url(gfx/logo.jpg); }
div#content { width:718px; height:700px; background: #e2e6ed; margin:0 auto; border:1px solid #555; padding:10px; position: relative;}
div#fotter { margin:0 auto; padding:5px; width:100%; text-align:center; color:#222; font:11px arial;}
div#fotter b { margin-right:40px; }

div#about { background: #f7ffd9 ; width:600px; height:170px; position: absolute; left:70px; top:40px; border:1px solid #888; text-align:left; font:12px arial; }
div#about #text { padding-top:25px; padding-left:30px; padding-right:25px; }
div#about p { padding:0px; margin-top:0px; margin-bottom:10px; }
div#about .image { width:24px; height:107px; background: url(gfx/onas.gif); position: absolute; left:-25px; top:10px;  } 
div#about .shadow { width:114px; height:7px; background: url(gfx/shadow.gif) 0 0 no-repeat; padding:0px;  position:absolute; top:171px; left:0px; }

div#list { background: #fffed9; position: absolute; width:300px; padding:10px; border: 1px solid #888; top:240px; left:70px; }
div#ul li{ list-style-image: url('gfx/m.jpg'); vertical-align: middle; padding:3px; }
div#ul ul b { padding-left:6px; font:12px arial;  color:#222; }
div#ul ul { margin-left:30px; }
div#list .shadow { width:114px; height:7px; background: url(gfx/shadow.gif) 0 0 no-repeat; padding:0px;  position:absolute; top:189px; left:0px; }
div#list  .image { width:24px; height:107px; background: url(gfx/oferta.gif); position: absolute; left:-25px; top:10px;  } 

div#office_foto { width:270px; height:181px; background:url(gfx/office.jpg); position:absolute; right:60px; top:243px; border:1px solid #888; }
div#office_foto .shadow { width:114px; height:7px; background: url(gfx/shadow.gif) 0 0 no-repeat; padding:0px;  position:absolute; top:182px; left:0px; }

div#kontakt { position: absolute; left:70px; top: 460px; }
div#kontakt  .image { width:24px; height:107px; background: url(gfx/kontakt.gif); position: absolute; left:-24px; top:10px;  } 
div#adres { background: #f3f7fa; height: 150px; position:relative; border:1px solid #888; width:520px; line-height:18px;  padding:20px 0px 20px 70px; }
div#adres a:hover { color: red; }
div#adres b { color: #777; font-size:11px; font-weight: normal; display: block; }
div#adres p { line-height:15px; }
div#adres #tel { width:30px; height:30px; background: url(gfx/tel.gif); position: absolute; left:25px; top:95px;  }
div#adres #home { width:30px; height:30px; background: url(gfx/domek.gif); position: absolute; left:25px; top:30px;  }
div#adres #mail { width:30px; height:30px; background: url(gfx/mail.gif); position: absolute; left:25px; top:140px;  }
div#kontakt .shadow  { width:114px; height:7px; background: url(gfx/shadow.gif) 0 0 no-repeat; padding:0px; }
div#mapa { top:6px; position: absolute; right:30px; }