body {
  padding:0px 0 10px 0;
  background:#CDC2AC url(body.gif) repeat-x;
  font:11px Verdana, "Arial CE", Arial, sans-serif;
  color:black;
  line-height:1.4em;
}
div#zaloba { background:#000; z-index:999100; position:relative;}
* {margin:0; padding:0;}
hr {display:none;}
img, fieldset {border:none;}
ul {list-style:none;}
a {text-decoration:none; color:black;}
a:hover {text-decoration:underline;}
.center {text-align:center;}

div#container {
  width:920px;
  margin:0 auto;
  background:white url(container.gif) repeat-y;
  position:relative;
}


div#title {
  padding-top:20px;
  background:url(top.gif) no-repeat;
  position:relative;
}

div#title h1 {
background:url(przejscie_top.jpg) repeat-x;   width:860px; height:216px;
  width:860px;
  height:216px;
  margin:0 auto;
  overflow:hidden;
  text-indent:-100000em;
}

div#object {

  display:block;
  width:862px;
  height:216px;
  position:absolute;
  top:0px;
  left:31px;
  background: transparent;
}
dl#browser-link {
  height:45px;
  position:absolute;
  top:20px;
  right:30px;
}
dl#browser-link dt{
  padding-top:20px;
  float:left;
}
dl#browser-link dd {
  font-weight:bold;
  text-transform:lowercase;
  float:left;
}
dl#browser-link a {
  display:block;
  padding:20px 5px 0 4px;
}
dl#browser-link .startowa a {
  color:#98B44E;
  background:url(browser-startowa.gif) no-repeat top right;
}
dl#browser-link .ulubiona a {
  color:#545FAF;
  background:url(browser-ulubiona.gif) no-repeat top center;
}

/* menu top */

ul#top-menu {
  width:870px;
  height:35px;
  padding:6px 0 0 20px;
  margin:0 auto;
  background:white url(top-menu.gif) no-repeat;
  z-index: 100;
  position: relative;
  top: -20px;

}
ul#top-menu li {
  height:23px;
  float:left;
}
ul#top-menu a, ul#top-menu big {
  display:block;
  height:23px;
  background-position:0 -6px;
  background-repeat:no-repeat;
  overflow:hidden;
  text-indent:-10000em;
  cursor:pointer;
}


ul#top-menu a:hover, ul#top-menu big:hover {
  background-position:0 -33px;
}

ul#top-menu .start a {width:45px; background-image:url(menu-start.gif);}
ul#top-menu .aktualnosci a {width:87px; background-image:url(menu-aktualnosci.gif);}
ul#top-menu .dzialalnosc big a {width:87px; background-image:url(menu-dzialalnosc.gif);}
ul#top-menu .portal big {width:146px; background-image:url(menu-portal.gif);}
ul#top-menu .obsluga big a {width:154px; background-image:url(menu-obsluga.gif);}
ul#top-menu .fundusze big a {width:109px; background-image:url(menu-fundusze.gif);}
ul#top-menu .multimedia big a {width:76px; background-image:url(menu-multimedia.gif);}
ul#top-menu .kontakt big a  {width:63px; background-image:url(menu-kontakt.gif);}
ul#top-menu .mapa a {width:87px; background-image:url(menu-mapa.gif);}

ul#top-menu li div {
  display:none;
}

ul#top-menu li ul a {
  display: inline;
  padding:0 3px;
  padding-bottom: 5px;
  background-image:none;
  overflow:auto;
  text-indent:0;
  color:white;
  clear: left;
}
ul#top-menu li ul a:hover {
  text-decoration:underline;
 
}

ul#top-menu li:hover div {

  display:block;
  background:#3689BE url(submenu-right.gif) no-repeat bottom right;
  border-top:4px solid #006FB6;
  position:absolute;
  top:29px;
  right:24px;

}

ul#top-menu li:hover div.portal {
	left:240px;
	width: 400px;
}


ul#top-menu li:hover div.dzialalnosc_b {
	left:153px;
	width: 250px;
}


ul#top-menu li:hover div.obsluga_b {
	left:385px;
	width: auto;
}

ul#top-menu li:hover div.fundusze_b {
	left:539px;
	width: 325px;
}


ul#top-menu li:hover div.multi_b {
	left:649px;
	width: 185px;
}



ul#top-menu li:hover div.kontakt_b {
	left:709px;
	width: 145px;
}



ul#top-menu li ul {
  display:block;
  padding:5px 5px;
  color:white;
}

ul#top-menu li ul li {

  clear: left;
  display: block;
  float:none;
  font-size: 11px;
  line-height:13px;
}

/* content */

div#content {
  width:890px;
  margin:0 auto;
  background:white url(content.gif) repeat-x;
  overflow:hidden;
  position: relative;
  top: -20px;
 
}
ul#menu-info {
  padding-left:12px;
}
ul#menu-info li {
  width:403px;
  height:158px;
  padding:0 25px 0 4px;
  margin-right:3px;
  background-repeat:no-repeat;
  color:white;
  float:left;
  position:relative;
}
ul#menu-info .green {background-image:url(menu-info-green.gif);}
ul#menu-info .blue {background-image:url(menu-info-blue.gif);}

ul#menu-info h2 {
  height:33px;
  margin-left:15px;
  padding-right:10px;
  font:13px "Trebuchet MS", Verdana, "Arial CE", Arial, sans-serif;
  text-decoration:underline;
  text-transform:uppercase;
  line-height:33px;
  background-repeat:no-repeat;
  background-position:top right;
  float:left;
}
ul#menu-info .green h2 {background-image:url(green-header.gif);}
ul#menu-info .blue h2 {background-image:url(blue-header.gif);}

ul#menu-info p {
  padding:6px 0 0 15px;
  clear:both;
}
ul#menu-info img {
  margin-right:13px;
  float:left;
}

ul#menu-info a { color: #fff; }
ul#menu-info a.more {
  display:block;
  width:20px;
  height:20px;
  overflow:hidden;
  text-indent:-10000em;
  position:absolute;
  right:7px;
  bottom:24px;
  cursor:pointer;
}
div#content-site {
  width:600px;
  padding:15px 20px 30px 0;
  float:right;
}

div#content-site ol li { margin-left: 35px }

div#content-site h2 {
  padding:1em 0;
  font-weight:bold;
  font-size:14px;
  color:#89BC07;
  text-align:center;
}
div#content-site p.page-links {
  margin-top:-10px;
  text-align:right;
  word-spacing:10px;
  float:right;
  position: relative;
}
div#content-site ul.pdf-list li {
  padding:2px 0 7px 32px;
  background:url(pdf-icon.gif) no-repeat;
}
div#content-site p.page-autor {
  padding:3em 0 1em 0;
  color:#6B6B6B;
  font-size:10px;
}
div#content-site p.page-autor b {
  font-weight:normal;
  color:black;
}
div#sidebar {
  width:218px;
  margin-left:15px;
  padding-bottom:20px;
  float:left;
}
dl#menu {
  width:218px;
  padding-bottom:17px;
  background:url(menu.gif) no-repeat left bottom;
}
dl#menu dt {
  height:50px;
  padding:6px 20px 0 0;
  background:url(menu-header.gif) no-repeat;
  font:13px "Trebuchet MS", Verdana, "Arial CE", Arial, sans-serif;
  text-decoration:underline;
  text-transform:uppercase;
  text-align:right;
  color:white;
}
dl#menu dd {
  padding-left:3px;
  background:url(menu-item.gif) repeat-y;
}
dl#menu dd a, dl#menu dd big {
  display:block;
  min-height:27px;
  padding-left:43px;
  background:url(menu-icon.gif) no-repeat;
  font-size:1em;
  color:white;
  line-height:27px;
  cursor:pointer;
}
dl#menu dd a:hover, dl#menu dd big:hover {
  background:url(menu-hover.gif) no-repeat;
  text-decoration:underline;
  font-weight:bold;
}
dl#menu ul {
  display:none;
  width:205px;
  padding:0 0 9px 0;
  margin-left:8px;
  background:url(menu-ul.gif) no-repeat left bottom;
}
dl#menu dd:hover ul {
  //display:block;
}
dl#menu li {
  width:197px;
  padding:2px 4px;
  background:url(menu-li.gif) repeat-y;
}
dl#menu li a {
  display:inline;
  padding:2px;
  background-image:none;
  font-weight:normal;
  font-size:10px;
  line-height:1.3em;
}

dl#menu li a:hover {

  background: #7da812;
  color:#fff;
  text-decoration: none;
  
}

div#footer {
  width:920px;
	height:80px;
  margin-top: -15px;
  background:url(footer.gif) no-repeat;
  overflow:hidden;
}
div#footer .project { float: right; margin-right: 25px; font: 10px Verdana; margin-bottom: 10px; line-height:0;}
div#footer .contact {
  width:365px;
  padding:10px 0 0 30px;
  font-size:10px;
  line-height:1.2em;
  float:left;
  font-family: Tahoma;
}
div#footer .patrons {
	padding:3px 0 0 6px;
	float:left;
	margin-top:0px;
}
div#footer .patrons img {
  margin-right:2px;
	margin-top: 0px;

}
div#footer a {
  font-weight:bold;
  color:#779436;
}



ul#galeria_zdjecia { float: left; }


form#contact input, form#contact textarea { padding: 5px; border: 0; background: #fff; float: left; margin: 5px; width: 518px; color: #292929;  clear: left;  border: 1px solid #292929; }
form#contact label { float: left; width: 200px; clear: left; margin: 5px; padding-top: 5px;}
form#contact input:focus,form#contact textarea:focus { 
background: #f1f1f1;
}
form#contact textarea { height: 200px; }
form#contact .submit { width: 50px; float: right;  }
form#contact .submit:focus { background: #f1f1f1; }

ul.galeria_min { float: left; max-width: 200px; }

ul.galeria_min li { list-style: none; }

ul.galeria_min li.thumb { text-align: center; }
ul.galeria_min li.nazwa { text-align: center; height: 40px; }
ul.galeria_min li.opis { text-align: center; }



ul#galeria_zdjecia li img {
		max-height: 100px;
		max-width: 150px;
		width: expression(document.body.clientWidth > 151 ? "150px" : "auto");
		height:expression( this.scrollHeight > 101? "100px" : "auto" );
}


ul#galeria_zdjecia li{
	width:150px;
	width: expression(document.body.clientWidth > 151 ? "150px" : "auto");
        max-width: 150px;
	position:relative;
	border:solid #CCC;
	border-width:1px 1px 1px 1px;
	padding:10px;
	text-align:center;
	float:left;
	display:inline;
	margin:5px;

}


ul#galeria_zdjecia a span{
/*\*/
	position:absolute;
	left:-9999px;

}

ul#galeria_zdjecia a:hover span{	
	top:10px;
	left:10px;
	width:152px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:80%;
	border:1px solid #EEE;
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
} 


p.wykonanie { float: right; background: #fff; text-align: center; padding: 2px; font-size: 8px; }


ul.news_css  { margin-bottom: 30px; }

ul.news_css li.news_tytul { float: left; font-weight: bold; width: 400px;  }

ul.news_css li.news_data { float: right; width: 100px; background: url('news_data.gif') no-repeat; background-position:bottom right; text-align: right; padding-right: 7px; padding-top: 3px; color: #fff; font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 11px; }

ul.news_css li.news_content { margin-top: 5px; clear: left;  }

ul.news_css p.more { text-align: right; }

div.hr {
	height: 1px;
	position: relative;
	background: #4f8e23 no-repeat scroll center;
}
div.hr hr {
	display: none;
}

div.clear { clear: both; }