/* Główne instrukcje */

body {background: url('images/bg.png') #f7f7f7 no-repeat fixed top; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #848589; margin: 0;}
img {border: 0;}
hr {background: #eee; border: 0; height: 1px; clear: both;}

a:link {color: #565658; text-decoration: none;}
a:visited {color: #565658; text-decoration: none;}
a:active, a:hover {color: #000; text-decoration: none;}

  /*  Rozwijana nawigacja */

  #menu {width: 132px; height: 31px; overflow: hidden; float: left; margin: 0 3px;}
  #menu:hover {width: 132px; height: 100%; background: #848589;}
  
  #menu2 {width: 115px; height: 31px; overflow: hidden; float: left; margin: 0 3px 0 0;}
  #menu2:hover {width: 115px; height: 100%; background: #848589;}

  #menu3 {width: 76px; height: 31px; overflow: hidden; float: left; margin: 0 3px 0 0;}
  #menu3:hover {width: 76px; height: 100%; background: #848589;}

  #nag a {color: #fff; text-decoration: none;}

  #nag ul {margin: 0px; padding: 0px;}
  #nag li {list-style-type: none; width: 150px;}
  #nag li a {text-decoration: none; display: block; width: 150px; padding: 5px;}
  #nag li a:hover {text-decoration: none; width: 150px; padding: 5px; background-color: #77bb44;}
  #nag p {text-align: center;}

  /* Rollover */

  a.rollover {display: block; width: 160px;	height: 25px;	text-decoration: none;	background: url('images/kup.png');}
  a.rollover:hover {background-position: -160px 0;}
  
  a.rollover2 {display: block; width: 85px;	height: 31px;	text-decoration: none;	background: url('images/osklepie.png'); float: left; margin-right: 3px;}
  a.rollover2:hover {background-position: -85px 0;}
  
  a.rollover3 {display: block; width: 76px;	height: 31px;	text-decoration: none;	background: url('images/kontakt.png'); float: left;}
  a.rollover3:hover {background-position: -76px 0;}

  /* Pozostałe funkcje */

#all {margin: 0 auto; background: #fff; width: 997px; min-height: 700px; padding-top: 10px;}
  #logo {background: url('images/logo.png') no-repeat; width: 829px; height: 82px; margin: 0 auto;}
  #nag {margin: 20px; position: absolute; width: 720px;}
  #haslo {background: url('images/haslo.png') no-repeat; width: 453px; height: 53px; float: left; margin: 40px 60px;}
  #licznik {background: url('images/test2.png') no-repeat; width: 277px; height: 17px; position: absolute; margin: 90px 550px;}

#main {clear: both; float: left; width: 630px; margin: 60px 20px 20px 20px;}
  .con {padding-top: 30px; clear: both;}
  .box {float: left; margin-right: 15px; width: 145px; overflow: hidden;}
  .tytul {font-size: 18px; font-weight: bold; padding-top: 5px 0;}
  .tytul a:hover {color: #f46b0f;}
  .tresc {padding-top: 7px; padding-bottom: 7px; text-align: justify;}
  .cena {font-size: 14px; color: #77bb44;}
  .uwaga {clear: both; margin-top: 10px; border: 1px dashed #000; padding: 5px; color: #f46b0f; font-weight: bold;}

#sidebar {padding-top: 25px; float: right; width: 297px; font-size: 14px;}
  .inf {font-size: 18px; padding-top: 25px; height: 120px; width: 250px;}
  .inf_f {font-size: 18px; width: 250px;}
  .ava {background: url('images/avatar.png') no-repeat; width: 200px; height: 355px; margin: 20px;}

#footer {clear: both; margin: 0 0 0 20px; padding-top: 20px; height: 80px; width: 957px;}
  #roll {margin-top: 10px; float: left;}
  #banki {background: url('images/banki.gif') no-repeat; width: 358px; height: 41px; float: right;}