a { outline:none }
a img { border:none } 

html, body {
  height: 100%; /* needed for container min-height */
  margin: 0px;
  padding: 0px;
}

body {
  background: #E9EAE4 url("../img/uslugi/margin.png") repeat;
  text-align:center;
}

div#page { 
  width: 1003px;
  margin: 0px auto;
  padding: 0px;
  position:relative;
  background: #F2F2ED url("../img/uslugi/tlo.png") repeat-y;

  height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */
}

div#breadcrumbs { 
  /*height: 30px;*/
  margin: 0px;
  padding: 0px;
  /* background-color: #F2F2ED; */
  /* background-image: url("../img/uslugi/tlo.png"); */
}

div#breadcrumbs ul { 
  padding: 5px;
  margin: 0px;
  list-style-type: none;
  text-align: left;
}

div#breadcrumbs li.home, div#breadcrumbs li.link {
  /*float: left;*/
  display: inline;
  padding: 0px;
  margin: 0px;
  padding-left: 12px;
  margin-left: 5px;
  font-size: 11px;
  text-transform: uppercase;
  background: url("../img/uslugi/strzalka.gif") no-repeat 0% 50%;
/* list-style-image: url("../img/uslugi/strzalka.gif"); */
}

div#breadcrumbs li.home {
  padding-left: 0px;
  margin-left: 7px;
/*  list-style-image: none; */
  background-image: none;
}

div#breadcrumbs a {
  text-decoration: none;
  color:#797247;
} 

div#breadcrumbs a:hover {
  color:#636B97;
}
 

div#headbar { 
  height: 20px;
  margin: 0px;
  padding: 10px;
  overflow: hidden;
  background-color: #F2F2ED;
  background-image: url("../img/uslugi/head_background.jpg");
}

div#headbar ul {
  display: block;
  height: 20px; 
  padding: 0px;
  margin: 0px;
  text-align:right;
}

div#headbar li {
  display: inline;
  line-height: 20px;
  padding: 0px;
  margin-left: 20px;
  list-style-image: url("../img/uslugi/strzalka.gif");
}

div#headbar input#search-field {
  /* display: inline-block; */
  height: 18px;
  padding: 0px 3px;
  border: 1px solid #797247;
  background-color: #fff;
  font-size: 12px;
  vertical-align: top;
}

div#headbar input#search-button {
  height: 18px;
  border: 1px none #797247;
  background-color: transparent;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  text-transform: uppercase;
  /* color: #636B97; */
  color:#797247 ;
  padding:0px;
}

div#headbar input#search-button:hover {
  color: #636B97;
}

div#headbar a {
  line-height: 20px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color:#797247 ;
} 

div#headbar a:hover {
  color: #636B97;
}

#menu { 
  position: absolute;
  top: 90px;
  left: 0px;
  width: 130px;
}

ul.menu-box {
  margin: 0px 0px 15px 3px;
  padding: 0px;
  list-style-type: none;
}

li.menu-item, li.menu-item-first, li.menu-item-last, li.menu-item-one {
  /*border-bottom: 1px solid #D3C791;*/
  text-align:right;
  padding: 0px;
  margin: 0px;
  background-image: url("../img/uslugi/menu-item.png"); 
  background-position: top right;
  background-repeat: no-repeat;
}

li.menu-item-first {
  background-image: url("../img/uslugi/menu-item-first.png"); 
}

li.menu-item-last {
  border-style: none;
  background-image: url("../img/uslugi/menu-item-last.png"); 
  background-position: bottom right;
}

li.menu-item-one {
  height: 30px;
  border-style: none;
  background-image: url("../img/uslugi/menu-item-single.png"); 
  background-position: top right;
}

ul.menu-box a {
  display:block;
  padding: 6px 10px;
  text-decoration: none;
  color: #797247;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  /*border: 1px solid #777;*/
}

ul.menu-box a:hover {
  color: #636B97;
}

li.menu-item a, li.menu-item-first a {
  border-bottom: 1px solid #D3C791;
  margin-right: 5px;
}

li.menu-item-last a {
  margin-right: 5px;
  padding-bottom: 12px;
}

li.menu-item-one a {
  margin-right: 5px;
}

#news-iconized {
  position: absolute;
  top: 90px;
  right: 3px;
  width: 21px;
  height: 110px;
  background-image: url("../img/uslugi/news-iconized.gif");
}

#news {
  position: absolute;
  top: 90px;
  right: 3px;
  width: 267px;
  margin: 0px;
  padding: 0px;
}

#news .news-head h1 {
  font-size: 18px;
  text-align: left;
  margin: 0px;
  display: none;
}

#news h2 {
  font-size: 12px;
  margin: 5px 0px;
  padding: 0px;
}

#news p {
  margin: 4px 0px;
  padding: 0px;
  text-align: left;
}

#news .news-head {
  height: 24px;
  background-image: url("../img/uslugi/news-head.gif");
  background-position: top left;
  margin: 0px;
  padding: 5px 10px 0px 10px;
}  

#news .news-content {
  background-image: url("../img/uslugi/news-tlo.gif");
  background-position: top left;
  background-repeat: repeat-y;
  background-color: #F2F2ED;
  margin: 0px;
  padding: 1px 10px;
}  

#news .news-footer {
  height:7px;
  background-image: url("../img/uslugi/news-bottom.gif");
  /* background-position: bottom left; */
  background-repeat:no-repeat;
  margin:0px;
  padding:0px;
  overflow:hidden;
}  

#content { 
  /* padding-left: 200px; */
  padding-left: 180px;
  padding-right: 43px;
  padding-top: 10px;
  padding-bottom: 55px; /* miejsce dla stopki (pozycjonowanej 'absolute') */
}

#footer {
  position:absolute;
  display:block;
  width:100%;
  bottom:0px; /* pozycjonowana na dole strony */
  left:0px;
}

#footer p {
 text-align:right;
 margin:10px;
}

#footer hr {
  color: #D3C791;
  background-color: #D3C791;
}

p, h1, h2, h3, h4, h5, h6, td, th, li, input, textarea, img {
  font-family:   Verdana, Arial, Georgia, Helvetica, Sans-Serif;
  font-size:12px; 
  line-height:16px;
  text-align: left;
  color: #111;
}

/* p, li, td, th { font-size:12px; line-height:18px; } */

p, li { text-align:justify; }

h1, h2, h3, h4, h5 { font-weight: bold; text-align: left; line-height:120%; }

h1 {
  font-size:21px; text-align:center; margin: 20px 0px 10px 0px; 
}

h2 {
  font-size:18px; margin: 20px 0px 10px 0px;
}

h3 {
  font-size:15px; margin: 16px 0px 8px 0px;
}

h4 {
  font-size:13px; font-style:italic; margin: 16px 0px 8px 0px;
}

h5 {
  font-size:13px; font-style:italic; font-weight: normal; margin: 16px 0px 8px 0px;
}

h1, h2, h3 { color: #797247}

h1 em, h2 em { 
 color: #636B97;
 font-style:inherit;
 }

.centered p { text-align: center; } 
p.intro { font-weight: bold; }
p.strong { font-weight: bold; }
p.author { font-style: italic; text-align: right; }
p.podpis { font-size: 8pt; color: #333333; }
p.notka { font-size: 80%; }
.numer {font-weight: bold;}

/* --------------------------------------------------------------------- */
/* oferta */

div.oferta-box {
  margin: 0px 0px 10px 0px;
  width: 389px;
  padding: 0px;
  float:left;
}
div.oferta-top { 
  width:379px; height:6px;
  margin:0; padding:0; 
  overflow: hidden;
  background-image: url("../img/uslugi/oferta-top.gif"); 
 }
div.oferta-bottom { 
  width:379px; height:6px;
  margin:0; padding:0; 
  overflow: hidden;
  background-image: url("../img/uslugi/oferta-bottom.gif"); 
 }

div.oferta-content { 
  background-image: url("../img/uslugi/oferta-tlo.gif"); 
  width:349px;
  height:172px;
  margin:0; padding:0; 
  padding-left: 20px;
  padding-right: 10px;
  overflow: auto;
  position:relative;
 }
/* div.oferta-content { 
  background-image: url("../img/uslugi/oferta-tlo.gif"); 
  width:249px;
  height:156px;
  margin:0; padding:0; 
  padding-left: 120px;
  padding-right: 10px;
  overflow: auto;
  position:relative;
 } */

img.oferta-winieta { 
 display:block;
 /* padding:4px; */
 margin:0px;
 margin-right:-10px;
 float:left;
 position:relative;
 left:-20px;
 width: 110px;
 font-size: 11px;
 }

/* img.oferta-winieta { 
 display:block;
 margin:0px;
 position:absolute;
 left:0px;
 width: 110px;
 font-size: 11px;
 }*/

div.oferta-content h3 { 
 margin: 0px;
 margin-bottom: 8px;
 font-size:12px;
 }

div.oferta-content h3 a { 
  text-decoration:none;
  color: #797247;
 }

div.oferta-content p { 
 margin: 5px 0px;
 text-align: left;
 }

/* --------------------------------------------------------------------- */
/* wydarzenia */
.wydarzenia-index { } 

.wydarzenia-index h1 { 
 font-size: 12px;
 text-align: left;
 margin: 3px 0px 3px 0px;
 }
.wydarzenia-index h1 a { 
 text-decoration: none;
/* color: inherit;*/
 }

div.wydarzenia-box {
  margin: 0px 0px 10px 0px;
  width: 389px;
  padding: 0px;
  float:left;
}
div.wydarzenia-box .top { 
  width:379px; height:6px;
  margin:0; padding:0; 
  overflow: hidden;
  background-image: url("../img/uslugi/oferta-top.gif"); 
 }
div.wydarzenia-box .content { 
  background-image: url("../img/uslugi/oferta-tlo.gif"); 
  width:229px;
  height:100px;
  margin:0; padding:0; 
  padding-left: 140px;
  padding-right: 10px;
  overflow: auto;
  position:relative;
 }
div.wydarzenia-box .bottom { 
  width:379px; height:6px;
  margin:0; padding:0; 
  overflow: hidden;
  background-image: url("../img/uslugi/oferta-bottom.gif"); 
 }
div.wydarzenia-box .content img { 
 display:block;
 padding:4px;
 margin:0px;
 border: 1px solid #D3C791 ;
 background-color: #F2F2ED ;
 position:absolute;
 left:0px;
 width: 120px;
 font-size: 11px;
 }
div.wydarzenia-box .content h3 { 
 margin: 0px;
 margin-bottom: 8px;
 font-size:12px;
 }
div.wydarzenia-box .content h3 a { 
  text-decoration:none;
  color: #797247;
 }
div.wydarzenia-box .content p { 
 margin: 5px 0px;
 text-align: left;
 }

/* --------------------------------------------------------------------- */
/* tabele */

table {
  table-layout:fixed; 
  width:100%;
  border-collapse: collapse; 
  border: 1px solid #797247; 
}

tr, tr.light {
  background-color: #E9E9E2;
  /* background-image: url("../img/uslugi/td_light.png"); */
  background-repeat: repeat-x;
}

tr.dark {
  background-color: #E0E0DA;
  /* background-image: url("../img/uslugi/td_dark.png"); */
  background-repeat: repeat-x;
}

td, th { 
  padding:4px; 
  text-align:center; 
  vertical-align: middle; 
  border: 1px solid #797247;
}

th, td.tytul {
  font-weight: bold; 
  text-align: center;
  color: #fff;
  background-color: #D2C88A;
  /* background-image: url("../img/uslugi/td_head.png"); */
  background-repeat: repeat-x;
}

td p {text-align: left; margin: 3px 0px;}

.td-dark, .td-light { text-align:left; } 
.tdc-dark, .tdc-light { text-align:center; }
.tdr-dark, .tdr-light { text-align:right; }

.left { text-align:left; } 
.leftmarg { text-align:left; text-indent: 15px; }
.center { text-align:center; } 
.right { text-align:right; } 

table.layout, table.layout tr, table.layout td {
  border: none;
  background: none;
}


div.text-strong, div.uwagi, div.box { 
  margin-bottom: 5px; 
  padding: 8px;
  background-color: #E0E0DA;
  /* background-image: url("../img/uslugi/td_dark.png"); */
  background-repeat: repeat-x;
  border-top: 1px solid #D3C791;
  border-bottom: 1px solid #D3C791;
  clear: both; 
}

div.stopka { margin-top: 8px; margin-bottom: 10px;}
div.centered {text-align: center}

div.leftcolumn {float:left; width: 180px; padding:0px; vertical-align: top; background-image: none; }
div.leftcolumn p { text-align:left;}

div.rightcolumn {width: auto; padding:0px; margin-left: 180px; margin-bottom: 10px; vertical-align: top; background-image: none; }

div.title-image { margin: 15px 0px; text-align:center; background-color:transparent; }
div.title-image h1, div.title-image h2 { background-color:transparent; color:#797247;text-align:center }
div.title-image img { 
  padding:0px; 
  border-style: none;
} 

img.title-image { 
  display:block; 
  margin: 0px auto; 
  text-align:center; 
  padding:15px 0px; 
  border-style:none;
  background-color:transparent;
}

div.text-strong  h2,  div.box  h2, div.uwagi h2 { margin-top:0px; }

/* zakomentowane gdyż nie wszystkie obrazki powinny mieś ramkę

img {
  border: 1px solid #797247;
  padding: 4px;
  background-color:  #F2F2ED
} 
*/

a { color:#636B97; }
a img {border:none; text-decoration:none; padding: 0px; margin: 0px}
a.image { text-decoration:none;}

a.more {
  background-image: url("../img/uslugi/wiecej.gif");
  text-decoration:none;
  width: 10px;
  height: 8px;
}

ul {padding-left: 10px; margin: 0px 0px 0px 8px;}
ol {padding-left: 20px; margin: 0px 0px 0px 8px;}
li {margin-top:2px; margin-bottom:2px; } 

.left {text-align:left}
.right {text-align:right}
.center {text-align:center}

.winieta {
  float:right;
  width:300px;
  margin-left:20px;
  margin-bottom:10px;
  padding: 0px;
  border-style: none;
}

.clearfloat { clear: both; }

.border { border: solid 1px #666666; }

input[type="submit"], input[type="reset"] {
    background-color: #D3C791;
    border: solid 2px #797247;
    border-left-color: #E9E9E2;
    border-top-color: #E9E9E2;
    border-left-color: #D2C88A;
    border-top-color: #D2C88A;
    text-align: center;
    padding:4px 6px;
}

/* --------------------------------------------------------------------- */
/* strony info (wprowadzenia) */

hr {background-color: #797247; color: #797247; height:1px; border: 0; }

img.info { width:136px; margin-top:5px; margin-bottom:5px; margin-right:20px}

table.info {
 border-collapse: collapse; 
 border: none;
 background: none;
}
table.info tr {
 border: none;
 background: none;
}
table.info td {
 border: none;
 background: none;
 text-align:left; 
 vertical-align:middle;
}

.info-haslo { font-size:110%; line-height:150%; font-weight:bold; text-align:center;}

/* --------------------------------------------------------------------- */
/* strony cenniki */

table.moduly td {
  font-size: 9px;
}

table.moduly_legenda {
  margin: auto;
  margin-top: 10px;
  width: 150px;
}

table.moduly td.dodatkowy, table.moduly_legenda td.dodatkowy {
  background-color: #ccc;
}

/* --------------------------------------------------------------------- */
/* style specyficzne dla artykulow */

p.autor { font-style: italic; text-align: right; margin-top:10px; }

div.rysunek { 
  padding: 10px; 
  border: solid 1px #797247; 
  margin-right: auto; 
}

div.rysunek p { color: #797247; margin-bottom: 0px;}

div.lead { 
  padding: 10px; 
  border: solid 1px #797247; 
  margin-right: auto; 
}

div.lead p { font-weight:bold; }

/* --------------------------------------------------------------------- */
/* style dla formularza pytań */

form.pytania {
  display: block;
  width: auto;
  margin: auto;
}

form.pytania table {
  border-style: none;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}

form.pytania table td {
  border-style: none;
  background-color: transparent;
  padding: 4px 0px;
}

form.pytania table tr {
  border-style: none;
  background-color: transparent;
}

form.pytania .label {
  width: 150px;
  text-align: left;
  border-style: none;
}

form.pytania .input {
  border-style: none;
  text-align: right;
}

form.pytania textarea, form.pytania input.text {
  border: 1px solid #D3C791;
  width: 99%;
  padding: 3px;
  display: inline;
}

form.pytania input.text {
  width: 98%;
}

/* --------------------------------------------------------------------- */
/* style specyficzne dla mapy stron */

div#mapa ul { 
  padding:0;
  margin:0;
  margin-left: 20px;
 }

div#mapa li { 
  padding: 0px;
  margin:0;
  list-style-image: url("../img/uslugi/strzalka.gif");
  }

div#mapa p { 
  padding: 0px;
  margin:0;
  }

div#mapa a { 
  color: #797247;
  text-decoration: none;
  }

div#mapa a:hover { 
  text-decoration: underline;
  }


/* --------------------------------------------------------------------- */
/* other media styles */
/*
@page { size: 21cm 29.7cm; margin-left: 3cm; margin-right: 2.5cm; margin-top: 2.5cm; margin-bottom: 2.25cm }
*/

