body {padding:0;margin:0;background:white;font-size:12px;font-family:verdana, sans-serif;color:#2a2a2a;}
form, fieldset {margin:0;padding:0;border-width:0;}
input, select, textarea {font-family:verdana, serif;font-size:11px;color:#2a2a2a;}
p, ul {margin-top:1em;margin-bottom:1em}
img {vertical-align:bottom;}
a img {border-width:0;}
a {color:#2a2a2a;text-decoration:none;}
a:hover {text-decoration:underline;}
.none {display:none;}
.columns {width:100%;overflow:hidden;}

#menu {list-style-type:none;margin:-8px 0 0 0;padding:0;height:46px;background:transparent url(../_images/menu.png) repeat-x left bottom;}
#menu li {float:left;position:relative;z-index:1;}
#menu li a {float:left;position:relative;height:37px;overflow:hidden;z-index:21;}
#menu li {margin-right:-4px;}
#menu li.home {margin-right:0;}
#menu li.last {margin-right:0;}
#menu li a:hover {border-width:0;}
#menu li a:hover img, #menu li.hover a img {position:relative;z-index:22;top:-37px;cursor:pointer;}
#menu li a.selected img {position:relative;z-index:223;top:-37px;cursor:pointer;}
#menu li ul {list-style-type:none;margin:0;padding:0;position:absolute;top:37px;width:193px;padding-bottom:7px;background:transparent url(../_images/submenu.gif) no-repeat left bottom;display:none;left:0;}
#menu li.hover {z-index:200;position:relative;}
#menu li.hover ul {display:block;}
#menu li ul li {background-color:#1988ce;float:none;padding:0 14px;width:165px;vertical-align:bottom;}
#menu li ul li.first {background:#1988ce url(../_images/submenubg.png) no-repeat;padding-top:8px;}
#menu li ul li.first a {background:none;}
#menu li ul li a {float:none;height:auto;display:block;padding:8px 5px 7px 10px;background:transparent url(../_images/submenuli.png) repeat-x;color:white;}


#PPcontainerPP {width:990px;margin:0 auto;}

#content {width:100%;overflow:hidden;padding-bottom:5px;padding-top:22px;}
#left {float:left;width:226px;margin-right:13px;}
#center {float:left;width:513px;padding-bottom:10px;}
#center.border {border-bottom:2px solid #f3edda;}
#right {float:right;width:226px;}

.box-news {padding-bottom:8px;background:#f7f4eb url(../_images/boxnews.png) no-repeat left bottom;margin-bottom:19px;width:100%;}
.box-news h2 {padding:0 14px;background:#1988ce url(../_images/boxtitle.png) no-repeat;color:white;font-size:14px;font-weight:normal;font-family:arial, sans-serif;line-height:28px;margin:0;}
.box-news ol {list-style-type:none;margin:0;padding:13px 11px 6px 11px;border-left:1px solid #f3edda;border-right:1px solid #f3edda;}
.box-news ol li {background:transparent url(../_images/dot.gif) repeat-x;font-size:11px;color:black;padding-top:7px;}
.box-news ol li p {margin:0 0 0.7em 0;}
.box-news ol li.first {background-image:none;}
.box-news ol li .date {color:#198bd2;display:block;padding-bottom:4px;}

.left-menu {padding-bottom:8px;background:#f7f4eb url(../_images/boxnews.png) no-repeat left bottom;margin-bottom:19px;width:100%;}
.left-menu h2 {padding:0 14px;background:#1988ce url(../_images/boxtitle.png) no-repeat;color:white;font-size:14px;font-weight:normal;font-family:arial, sans-serif;line-height:28px;margin:0;}
.left-menu ol {list-style-type:none;margin:0;padding:13px 11px 6px 11px;border-left:1px solid #f3edda;border-right:1px solid #f3edda;}
.left-menu li {background:transparent url(../_images/dot.gif) repeat-x;font-size:11px;color:black;padding:7px 0;}
.left-menu li.first {background-image:none;}
.left-menu li.open a {font-weight:bold;background:transparent url(../_images/menu2.png) no-repeat 0 5px;}
.left-menu li.open li.open a {background:transparent url(../_images/menu2.png) no-repeat 0 5px;}
.left-menu li.open li a {background:none;}
.left-menu li.open li.open li a {font-weight:normal;background:none;}
.left-menu li a {padding-left:11px;background:transparent url(../_images/menu1.png) no-repeat 0 4px;}
.left-menu ol ul {list-style-type:none;margin:0;padding:9px 0 2px 12px;}
.left-menu ol ul li {background:none;padding:1px 0 2px 0;}
.left-menu ol ul li a {padding-left:11px;background:none;}
.left-menu ol ul li li a {padding-left:0;}
.left-menu ol ul ul {list-style-type:none;margin:0;padding:2px 0 2px 19px;}
.left-menu li a.selected {color:#2b87bb}
.box-login {padding-bottom:8px;background:#e3edf4 url(../_images/boxlogin.png) no-repeat left bottom;margin-bottom:19px;width:100%;}
.box-login h2 {padding:0 14px;background:#1988ce url(../_images/boxtitle.png) no-repeat;color:white;font-size:14px;font-weight:normal;font-family:arial, sans-serif;line-height:28px;margin:0;}
.box-login fieldset {margin:0;padding:19px 11px 10px 11px;border-left:1px solid #cbe2f2;border-right:1px solid #cbe2f2;}
.box-login label {display:none;}
.box-login .input-line {background:white url(../_images/inputlogin.png) no-repeat;width:194px;height:23px;margin-bottom:9px;}
.box-login .input-line input {border-width:0;width:175px;margin:6px 0 0 9px;padding:0;}
.box-login .button {width:190px;padding-left:4px;}
.box-login .button input {float:right;}
.box-login .button a {font-size:11px;text-decoration:underline;}
.box-login .button a:hover {text-decoration:none;}
.box-login .button a.register {color:#198bd2;}

.box-calendar {padding-bottom:8px;background:#e3edf4 url(../_images/boxlogin.png) no-repeat left bottom;margin-bottom:19px;width:100%;}
.box-calendar h2 {padding:0 14px;background:#1988ce url(../_images/boxtitle.png) no-repeat;color:white;font-size:14px;font-weight:normal;font-family:arial, sans-serif;line-height:28px;margin:0;}
.box-calendar .box-bg {margin:0;padding:10px 15px 10px 15px;border-left:1px solid #cbe2f2;border-right:1px solid #cbe2f2;}
.box .box-calendar .box-bg {padding-bottom:1px;}
.box-calendar ul {list-style-type:none;margin:0;padding:0;}
.box-calendar ul .prev {float:left;padding-left:8px;}
.box-calendar ul .next {float:right;padding-right:8px;}
.box-calendar h3 {font-size:11px;margin:0;text-align:center;padding:2px 0 9px 0;}
.box-calendar table {width:100%;}
.box-calendar th {font-size:10px;font-weight:normal;}
.box-calendar td {background:transparent url(../_images/calendar.png) no-repeat center;color:black;font-size:11px;text-align:center;width:28px;height:24px;}
.box-calendar td a {display:block;height:23px;line-height:23px;width:25px;color:white;background:#1a84c8 url(../_images/calendar1.png) no-repeat;margin:0 auto;}
.box-calendar .more {font-size:11px;padding-top:7px;}
.box-calendar .more a {text-decoration:underline;}
.box-calendar .more a:hover {text-decoration:none;}
.box-calendar .legend {font-size:11px;padding-top:3px;}
.box-calendar .legend img {vertical-align:middle;margin:6px 5px 6px 0;}

.box-newsletter {padding-bottom:7px;background:white url(../_images/boxnewsletter.png) no-repeat left bottom;margin-bottom:19px;width:100%;}
.box-newsletter h2 {padding:0 14px;background:#1988ce url(../_images/boxtitle.png) no-repeat;color:white;font-size:14px;font-weight:normal;font-family:arial, sans-serif;line-height:28px;margin:0;}
.box-newsletter fieldset {margin:0;padding:21px 11px 10px 11px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;width:202px;}
.box-newsletter label {display:none;}
.box-newsletter .input-line {background:white url(../_images/inputnewsletter.png) no-repeat;width:194px;height:23px;margin-bottom:9px;}
.box-newsletter .input-line input {border-width:0;width:175px;margin:6px 0 0 9px;padding:0;}
.box-newsletter .button {width:194px;margin-bottom:0;}
.box-newsletter .button input {float:right;}

h2.title {height:33px;line-height:33px;margin:0;padding:0 12px;background:#e3edf4 url(../_images/title.png) no-repeat;font-size:14px;}
h2.title1 {height:33px;line-height:33px;margin:0 0 10px 0;padding:0 12px;background:#f9f9f9 url(../_images/title1.png) no-repeat;font-size:14px;}
h2.title2 {height:33px;line-height:33px;margin:0 0 10px 0;padding:0 12px;background:#f7f4eb url(../_images/title3.png) no-repeat;font-size:14px;}

.text {line-height:1.5em;text-align:justify;padding:0 10px 0 11px;}
.text p {margin:0.4em 0 1.5em 0;}

.list {border-top:1px solid #e4e4e4;}
.list ul {list-style-type:none;margin:0;padding:0 0 16px 0;}
.list ul li {width:100%;overflow:hidden;padding:11px 0;border-bottom:1px solid #e4e4e4;}
.list ul li.disabled {color:#b9b9b9;}
.list ul li h3 {font-size:12px;display:inline;margin:0 20px 0 0;font-weight:normal;}
.list ul li h3 em {font-style:normal;float:left;width:77px;padding-left:15px;}
.list ul li h3 a {text-decoration:underline;}
.list ul li h3 a:hover {text-decoration:none;}
.list ul li p {margin:0;display:inline;padding-right:14px;}
.list ul li p.small {font-size:10px;}

.szkolenia {padding:14px 0 18px 0;}
.szkolenia label {float:left;width:140px;margin-right:14px;font-size:11px;text-align:right;padding-top:3px;}
.szkolenia select {color:#979797;font-size:10px;widtH:150px;}

.jobs form {height:65px;background:#f9f9f9 url(../_images/jobs.png) no-repeat;}
.jobs h2 {margin:0;padding:8px 13px 2px 13px;font-size:14px;}
.jobs fieldset {padding:0 0 0 138px;margin-top:-5px;}
.jobs .input {width:184px;height:19px;background:white url(../_images/input.png) no-repeat;border-width:0;padding:2px 5px;}
.jobs .button {margin-right:22px;margin-left:4px;}
.jobs * {vertical-align:middle;}

.jobs .table {margin-bottom:30px;}
.jobs .table td {line-height:1.3em;}
.jobs .table .date {vertical-align:top;}
.jobs .table .link {text-decoration:underline;}
.jobs .table a.link:hover {text-decoration:none;}
.jobs .table .small {font-size:11px;}
.jobs .table .inactive {color:#bcbcbc;}

.table {padding-bottom:11px;background:transparent url(../_images/table.png) no-repeat left bottom;}
.table table {width:100%;border-right:1px solid #e4e4e4;border-top:1px solid #e4e4e4;}
.table table td {padding:12px 14px;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.table table th {background:transparent url(../_images/th.png) repeat-x left bottom;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:6px 0;}

.subpage-navigator {list-style-type:none;background:#f9f9f9 url(../_images/navigator.png) no-repeat;margin:0;padding:8px 0 0 0;height:25px;text-align:center;}
.subpage-navigator li {display:inline;font-size:10px;padding:0 8px;color:#d4d4d4;font-weight:bold;}
.subpage-navigator li img {vertical-align:middle;}
.subpage-navigator li.prev {float:left;padding-left:19px;padding-top:1px;}
.subpage-navigator li.next {float:right;padding-right:19px;padding-top:1px;}
.subpage-navigator li.link-more {color:black;}
.subpage-navigator li a {color:black;text-decoration:underline;}
.subpage-navigator li a:hover {text-decoration:none;}

.job .description {position:relative;width:100%;}
.job h2 {height:43px;line-height:43px;background:#f9f9f9 url(../_images/title2.png) no-repeat;padding:0 10px 0 20px;margin:0;font-size:14px;border-bottom:1px solid #e4e4e4;}
.job .date {font-style:normal;position:absolute;right:20px;top:15px;}
.job dl {margin:0;background-color:#f9f9f9;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.job dl dt {padding:15px;float:left;border-right:1px solid #f2f2f2;padding-left:22px;width:103px;color:#929292;font-weight:bold;}
.job dl dd {padding:15px;margin:0;border-top:1px solid #f2f2f2;padding-left:155px;}
.job dl .first {border-top-width:0;}
.job .office {line-height:1.5em;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.job .office h3 {font-size:12px;margin:0;background:transparent url(../_images/th.png) repeat-x left bottom;border-bottom:1px solid #e4e4e4;line-height:25px;padding:0 20px;}
.job .office p {padding:9px 20px 1.5em 20px;margin:0;}
.job .contact {border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;padding:0 20px 18px 20px;}
.job .contact h3 {margin:0;font-size:12px;background:transparent url(../_images/dots.png) repeat-x;padding-top:16px;}
.job .contact p {line-height:1.7em;margin:0;}
.job .contact p a {font-weight:bold;text-decoration:underline;}
.job .contact p a:hover {text-decoration:none;}
.job .back {background:transparent url(../_images/job.png) no-repeat;margin:0;padding:23px 0 10px 3px;}

.patrons h3 {font-size:11px;text-align:center;color:#6e6e6e;background:transparent url(../_images/h3.png) no-repeat 50% 50%;margin:21px 0 20px 0;}
.patrons .list {list-style-type:none;margin:-13px 0 0 0;padding:0;border-width:0;}
.patrons .list li {line-height:25px;border-top:1px solid #f3edda;width:100%;overflow:hidden;padding:8px 0;}
.patrons .list li a {float:left;padding:4px 0;}
.patrons .list li.first {border-top-width:0;}
.patrons .list li .desciption {float:right;width:415px;}
.patrons .list li .desciption p {background:transparent url(../_images/dots1.png) repeat-x 0 8px;padding-top:18px;margin-right:16px;}
.patrons .list .logo {float:left;padding:0 10px;}
.patrons .list .logo2 {float:left;padding:0 10px;}
.patrons .list .link {float:right;padding-right:12px;}
.patrons .list p {font-size:10px;line-height:1.2em;clear:both;}
.patrons .download {width:100%;position:relative;}
.patrons .download a.link {position:absolute;top:4px;right:24px;padding-right:27px;text-decoration:underline;font-size:10px;background:transparent url(../_images/pdf.png) no-repeat 100% 0;line-height:21px;}
.patrons .download .link:hover {text-decoration:none;}

.box {width:224px;background:transparent url(../_images/box.png) no-repeat;padding-top:11px;}

.article {width:100%;overflow:hidden;padding-bottom:13px;}
.article .title {background:#f7f4eb url(../_images/articletitle1.png) no-repeat left bottom;padding-bottom:6px;margin-bottom:14px;}
.article .title h2 {background:transparent url(../_images/articletitle.png) no-repeat;margin:0;padding:8px 13px 2px 13px;font-size:14px;}
.article .title em {display:block;padding:0 13px;font-style:normal;font-size:10px;}
.article p {padding:0 10px 0 11px;line-height:1.5em;text-align:justify;margin:0.4em 0 1.5em 0;}
.article .more {text-align:right;margin:0;padding-bottom:10px;}
.article .to-left {float:left;margin-right:17px;}
.article .to-right {float:right;margin-left:17px;}

.box-menu {list-style-type:none;margin:0;padding:0 0 8px 0;}
.box-menu li {margin-bottom:9px;}
.box-menu li a {display:block;}

.box-poll {padding-bottom:7px;background:white url(../_images/boxnewsletter.png) no-repeat left bottom;margin-bottom:19px;width:100%;}
.box-poll h2 {padding:0 14px;background:#1988ce url(../_images/boxtitle.png) no-repeat;color:white;font-size:14px;font-weight:normal;font-family:arial, sans-serif;line-height:28px;margin:0;}
.box-poll fieldset {margin:0;padding:0 13px 2px 13px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.box-poll .radio-line {padding-bottom:4px;padding-top:3px;}
.box-poll .button {text-align:center;padding:4px 0 1px 0;}
.box-poll .result {color:#9d9d9d;font-size:10px;text-align:right;font-style:normal;border-top:1px solid #f5f5f5;padding-top:10px;}
.box-poll .result a {color:black;text-decoration:underline;float:left;}
.box-poll .result a:hover {text-decoration:none;}

#patrons {width:989px;padding-top:7px;background:transparent url(../_images/patroni1.png) no-repeat;}
#patrons-bg {padding-bottom:7px;background:transparent url(../_images/patroni2.png) no-repeat left bottom;}
#patrons-border {border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
#patrons h2 {float:left;color:#787878;line-height:34px;font-size:16px;padding:6px 36px 0 30px;border-right:1px solid #eaeaea;margin:0;font-family:arial, sans-serif;font-weight:normal;}
#patrons ul {list-style-type:none;margin:0;padding:0;}
#patrons ul li {display:inline;padding-left:24px;}
#patrons li img {margin-top:3px;}


#footer {text-align:right;}
#footer p {margin:0;padding:14px 0;}




	.box-poll .answer {

		width: 100%;
		color: #000;
		background-color:#eaeaea;
		}
		
	.box-poll .bar2 {
		position: absolute; bottom: -10px; left: 0;
		height: 10px;
 		float: right;
background-color:red;
}

	.box-poll .procent {
		float: left;
		width: 45px;
		font-weight: bold;
		padding: 0 5px 0 0;
		text-align: right;
		color: #2f2f2f; }
		
.div_hidden {
		display: none;
		}
/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

#add-form .input-line {width:100%;overflow:hidden;padding-top:10px;}
#add-form .input-line label {padding-left:10px;width:130px;float:left;padding-top:5px;}
#add-form .input-line .input {width:250px;padding:4px 10px;border:1px solid #d9d9d9;font-size:12px;}
#add-form .input-line textarea.input {height:140px;width:320px}
#add-form .input-line .error {border-color:red;}
#add-form .button {margin-left:140px;}

.article li { margin:5px }

/* modul galerii */
.autoscroll {
	height: 50px;
	overflow: hidden;
	position: relative;
	padding-left: 1px;
}

.gallery {
	list-style: none;
	width: 999em;
	position: absolute
}

.left {
	display:block;
	position:relative;
	float:left;
	width:250px;
	
}
.right {
	display:block;
	position:relative;
	float:right;
	width:502px;
	font-size:12px;
}

#loga {
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:60px;
	margin-top:0;
	overflow:hidden;
	position:relative;
	text-align:justify;
	width:800px;
}

.logo {
border:0 none;
cursor:pointer;
display:block;
float:left;
height:45px;

position:absolute;
}
.colSep {
	display:block;
	float:left;
	margin-left:12px;
	position:relative;
	width:24px;
	height:100%;
	background:transparent url(images/pasek_08.png) repeat-y 0px 0px;
}
.all {
display:block;
position:relative;
width:100%;

background:transparent url(images/pasek_04.png) repeat-x scroll 0 25px
}