html,
body {
  background: #ffffff;
  text-align: left;
  font-size: small; 
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  height: 100%;
}

img {
  border: 0px;
}

a {
  color: #295201;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.clear {
  clear: both;
}

h1 {
  margin: 0;
}

#kontener {
  position: relative;
  margin: 0;
  background: url('../_img/tlo-naglowek.gif') repeat-x top center;
  min-height: 100%;
  *height: 100%;
}

#kontener2 {
  width: 980px;
  margin: 0 auto;
  padding-bottom: 88px;
}

#naglowek {
  position: relative;
  height: 143px;
  background: url('../_img/tlo-naglowek.gif') repeat-x top center;
}

#naglowek .logo {
  position: absolute;
  left: -2px;
  top: 0;
}

#stopka {
  position: absolute;
  bottom: 0;
  clear: both;
  width: 100%;
  height: 88px;
  text-align: center;
  background: url('../_img/tlo-stopka.gif') repeat-x bottom;
}

#stopka div {
  margin: 0 auto;
  width: 980px;
}

#stopka p {
  display: inline;
  width: 665px;
  float: left;
  margin: 45px 0 0;
  padding-left: 100px;
}

#stopka div .logo {
  float: left;
  margin: 0;
  padding: 0;
  height: 88px;
}

#stopka div .logo img {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  height: 88px;
}


#tresc {
  display: inline;
  width: 762px;
  float: right;
}

#kolumna {
  display: inline;
  width: 200px;
  float: left;
}


/* BOKSY */

.boks {
  padding: 0;
  margin: 0 0 20px;
}

.boks .belka {
  line-height: 30px;
  height: 30px;
  margin: 0;
  font-size: 1.2em;
  text-align: center;
  color: #fff;
  background: #626262;
  font-family: 'Trebuchet MS', Arial, sans-serif;
}

.boks div {
  margin: 1px 0 0 0;
  padding: 10px;
  /*
  min-height: 150px;
  *height: 150px;
  */
}

.boks div p {
  margin: 0;
  padding: 10px 0;
  text-indent: 20px;
}

.boks div h1,
.boks div h2,
.boks div h3,
.boks div h4,
.boks div h5,
.boks div h6 {
  text-align: center;
  margin: 0;
  padding: 15px 0 0;
  font-weight: normal;
  font-family: 'Trebuchet MS', Arial, sans-serif;
}

.boks div div {
  margin: 0;
  background: transparent;
}


/* NIEBIESKI */

.bstyl2 {
  background: url('../_img/boksy/belka-2-prawa.gif') no-repeat right top;
}

.bstyl2 .belka {
  background: url('../_img/boksy/belka-2-lewa.gif') no-repeat left top;
}

.bstyl2 div {
  background: url('../_img/boksy/gradient-2.gif') repeat-x top;
}

.bstyl2 div h1,
.bstyl2 div h2 {
  color: #010147;
}

/* FIOLETOWT */

.bstyl3 {
  background: url('../_img/boksy/belka-3-prawa.gif') no-repeat right top;
}

.bstyl3 .belka {
  background: url('../_img/boksy/belka-3-lewa.gif') no-repeat left top;
}

.bstyl3 div {
  background: url('../_img/boksy/gradient-3.gif') repeat-x top;
}

.bstyl3 div h1,
.bstyl3 div h2 {
  color: #010147;
}

/* ZÓŁTY */

.bstyl4 {
  background: url('../_img/boksy/belka-4-prawa.gif') no-repeat right top;
}

.bstyl4 .belka {
  background: url('../_img/boksy/belka-4-lewa.gif') no-repeat left top;
  color: #404000;
}

.bstyl4 div {
  background: url('../_img/boksy/gradient-4.gif') repeat-x top;
}

.bstyl4 div h1,
.bstyl4 div h2 {
  color: #010147;
}

/* POMARAŃCZOWY */

.bstyl5 {
  background: url('../_img/boksy/belka-5-prawa.gif') no-repeat right top;
}

.bstyl5 .belka {
  background: url('../_img/boksy/belka-5-lewa.gif') no-repeat left top;
  color: #fff;
}

.bstyl5 div {
  background: url('../_img/boksy/gradient-5.gif') repeat-x top;
}

.bstyl5 div h1,
.bstyl5 div h2 {
  color: #010147;
}


/* ZIELONY */

.bstyl1 {
  background: url('../_img/boksy/belka-1-prawa.gif') no-repeat right top;
}

.bstyl1 .belka{
  background: url('../_img/boksy/belka-1-lewa.gif') no-repeat left top;
}

.bstyl1 div {
  background: url('../_img/boksy/gradient-1.gif') repeat-x top;
  /*
  min-height: 91px;
  *height: 91px;
  */
}



/* MENU */

.boks div ul.menu {
  list-style: none;
  margin: 0;
  padding: 10px 0;
  font-size: 1.1em;
  
}

.boks div ul.menu li {
  margin: 3px 0;
  padding: 0;  
}

.boks div ul.menu li a {
  background: url('../_img/punktator-menu.gif') no-repeat 0px 6px;
  padding: 0 0 0 15px;
  display: block;
}

.boks div ul.menu li a:hover {
  background: url('../_img/punktator-menu.gif') no-repeat 5px 6px;
}