/* ---------- main ---------- */
/* --- resetowanie all --- */
html, body, div, span, pre, code, a, p, img, hr,
ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6,
form, fieldset, label, legend, table {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

html {
  font: normal 75%/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color: #eedbb3;
}

body {
  color: #000;
  text-align: center; /* center layout in ie5 and 5.5. */
}

a {
  color: #D95B00;
  text-decoration: none;

}

a:hover {
  color: #0584B3;
  text-decoration: underline;
}

h1 {
  clear: left;
  margin: 20px 0px;
  font: oblique small-caps bold 185% Georgia, Garamond, "Times New Roman";
  text-align: center;
  letter-spacing: 1px;
  border-bottom: 2px solid #af1d06;
  line-height: 130%;
}

h2, caption {
  clear: left;
  margin: 20px 0px 10px;
  font: 145% Georgia, Garamond, "Times New Roman";
  text-align: left;
  border-bottom: 1px solid #af1d06;
  line-height: 130%;
}

h1 + h2 {
  border: none;
}

h3 {
  display: block;
  margin-top: 20px;
  font: bold 120% Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
}

p, ul {
  margin: 10px 0px;
  padding: 0px;
  text-align: justify;
}

ul {
  clear: left;
  margin: 10px;
  margin-top: 5px;
  padding-left: 6px;
}

li {
  list-style-type: disc;
}

hr {
  clear: both;
  border: #005482 1px solid;
  margin: 20px 0px;
}

table {
  margin: 10px 0px;
  font-size: 100%;
  text-align: center;
  background: #eedbb3;
  border: #000 1px solid;
  border-spacing: 1px;
  border-collapse: collapse;
}

td {
  padding: 5px 10px;
  border: #000 1px solid;
}

th {
  padding: 10px;
  background: #0584B3;
  color: #fff;
  border: #000 1px solid;
}

/*#container { background-color: #ffffff; }
#header    { background-color: #e3f0ff; }
#navigation { background-color: #ffeadf; }
#left   { background-color: #ffffbb; }
#middle { background-color: #ffdddd; }
#right  { background-color: #e0d3ef; }
#footer { background-color: #ddffdd; }
#menu    { background-color: #ccddff; }
#submenu { background-color: #fff5a1; }
*/

#container {
  position: relative;
  width: 770px !important;
  width: 772px; /* IE */
  height: auto !important;
  height: 100%; /* IE */
  min-height: 100%;
  margin: 0px auto;
  text-align: left;
}

/* ---------- header ---------- */
#header {
  position: relative;
  width: 100%;
  height: 60px;
  text-align: right;
  vertical-align: bottom;
}


div#header a img.logo {
  float: left;
  border: none;
}

#header div {
  bottom: 0px;
  right: 0px;
  position: absolute;
}

/* ---------- banner ---------- */
#banner {
  width: 768px;
  height: 148px;
  display: none;
  margin: 2px 0px;
  border: #000 1px solid;
  text-align: center;
}

/* ---------- left ---------- */
#left {
  display: inline;
  position: relative;
  clear: both;
  float: left;
  width: 150px;
  height: auto !important;
  height: 220px; /* IE */
  min-height: 220px;
  padding-top: 10px;
}

#left #menubar {
  width: 100%;
  line-height: 120%;
  background: url(../images/shadow.png) repeat-y right;
}

#left #menutop {
  position: absolute;
  right: 0px;
  top: 10px;
  width: 7px;
  height: 6px;
  line-height: 100%;
  font-size: 0%; /*IE 6*/
  background: url(../images/shadow_t.png) no-repeat right;
}

#left #menubottom {
  width: 100%;
  height: 7px;
  line-height: 100%;
  font-size: 0%; /*IE 6*/
  background: url(../images/shadow_b.png) no-repeat;
}

#menubar ul {
  display: block;
  width: 141px;
  margin: 0px;
  margin-right: 7px;
  padding: 0px;
  border: #000 1px solid;
  border-top: none;
  font: small-caps bold 110% Tahoma, Arial, Verdana;
  text-align: left;
  letter-spacing: 1px;
  background: #f2e4c5;
}

#menubar li {
  display: inline;
  list-style: none outside;
  margin: 0px;
  padding: 0px;
  
}

#menubar li.active {
  display: block;
  border-top: 1px solid;
  margin: 0px;
  padding: 10px;
  color: #888;
  border-color: #000;
  border-left: 8px solid #000;
}

#menubar li.lastchild {
  background: none;
}

#menubar a {
  display: block;
  border-top: 1px solid;
  margin: 0px;
  padding: 10px;
  border-left: 8px solid #F47610; /*ff7f22*/
  color: #000;
}

#menubar a:hover {
  color: #fff;
  background: #F47610; /*ff7f22*/
  border-top-color: #000;
  border-left: 8px solid #000;
  text-decoration: none;
}

#menubar a.folder {
  cursor: pointer;
}

#menubar ul ul {
  width: auto;
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0px;
}

#menubar ul ul li {
  display: block;
  font: normal 11px Tahoma, Arial, Verdana;
  text-align: left;
  letter-spacing: 0px;
  color: #000;
  padding: 0px;
  padding-left: 20px;
  margin: 0px;
  margin-bottom: 3px;
  background: url(../images/kropki.png) no-repeat top left;
}

#menubar ul ul li.active {
  display: block;
  border: none;
  margin: 0px;
  margin-bottom: 3px;
  padding: 0px;
  padding-left: 20px;
  color: #888;
}

#menubar li li a {
  display: inline;
  margin: 0px;
  padding: 0px;
  border: 0px;
  color: #000;
}

#menubar li li a:hover {
  color: #D95B00;
  text-decoration: underline;
  background: none;
  border: 0px;
}

/* ---------- navigation ---------- */
#navigation {
  float: right;
  width: 620px;
  height: auto !important;
  height: 18px; /* IE */
  min-height: 18px;
  display: inline;
  font-size: 90%;
}

/* ---------- right ---------- */
#right {
  float: right;
  width: 618px;
  height: auto !important;
  height: 220px; /* IE */
  min-height: 220px;
  display: inline;
  margin-bottom: 2px;
  background: #F2E8D1; /*#f2e4c5, #f2e1bc*/
  border: #000 1px solid;
}

#content {
  margin: 20px;
  text-align: justify;
}

div.right{

  float: right;
  margin-left: 20px;
  width: 45%;
}

div.left{
  float: left;
  margin-right: 20px;
  width: 40%;
}

#content img {
  float: right;
  margin: 10px;
  margin-right: 0px;
  border: #000 1px solid;

}

#content img.left {
  float: left;
  margin: 10px;
  margin-left: 0px;
}

#content img.center {
  display: block;
  float: none;
  margin: 10px auto;
  text-align: center
}

#content #map {
	margin: 10px 40px; 
	min-width: 505px; 
	min-height: 505px; 
	width: 500px; 
	height: 500px; 
	border: #80410e 1px solid;
}

/* ---------- footer ---------- */
#footer {
  clear: right;
  float: right;
  width: 620px;
  height: 20px;
  font-size: 90%;
}

/* ---------- class ---------- */

.small {
  font-size: 90%;
}

#content img.header {
  margin-top: 0px;
  margin-bottom: 20px;
  border-color: #af1d06;
}

ul.wzornik {
  width: 100%;
  clear: both;
  margin: 0px;
  margin-top: 20px;
  padding: 0px;
  text-align: center;
}

.wzornik li {
  display: inline;
  float: left;
  margin: 7px 2px;
}

#content .wzornik a img {
  display: block;
  float: none;
  margin: 5px;
  margin-top: 1px;
}

#content .wzornik a:hover img{
  border: #0584B3 2px solid;
  margin: 4px;
  margin-top: 0px;
}

#content img.pdf {
  float:none;
  margin: 0px;
  border: none;
}

.wzornik p {
  width: 92px;
  margin: 0px auto;
  margin-top: 2px;
  height: auto !important;
  height: 80px; /* IE */
  min-height: 80px;
  font-size: 95%;
  line-height: 130%;
}

.wzornik span.new {
  display: block;
  color: #cc0000;
  font-weight: bold;
}

.clear, .center {
  clear: both;
}

.center{
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

ul#accessories {
  width: 100%;
  clear: both;
  margin: 0px;
  margin-top: 20px;
  padding: 0px;
  text-align: center;
}

#accessories li {
  display: inline;
  float: left;
  width: 33%;
  list-style: none outside;
  margin: 0px;
  padding: 0px;
}

#accessories li a {
  display: block;
  margin: 7px;
  padding: 0px;
  height: auto !important;
  height: 165px; /* IE */
  min-height: 165px;
  border-left: #0584B3 3px solid;
  color: #000;
}

#accessories li a:hover {

  padding: 0px;
  border-color: #F47610;
  text-decoration: none;
  color: #F47610;
}

#accessories .name {
  display: block;
  margin: 0px;
  padding: 0px 5px;
  text-align: center;
  border-bottom: #0584B3 1px dashed;
  font-family: Verdana;
}

#accessories img {
  float: none;
  text-align: center;
  margin: 10px auto;
  vertical-align: center;
  padding: 0px;
}

ul.paginator {
  width: 100%;
  clear: both;
  margin: 0px;
  margin-top: 20px;
  padding: 0px;
  text-align: center;
}

.paginator li {
  display: inline;
  margin: 0px;
  padding: 0px 7px;
  border-left: 1px solid #000;
}

.paginator li:first-child {
  border-left: none;	
}