body{
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: "Comic Sans MS", Verdana, Arial;
	font-size: 14px;
	text-align: left;
	color: #4d4d4d;
}
form, table, span, p{
	margin: 0;
	padding: 0;
}
img{
	border:0;
}
a{
	font-family: "Comic Sans MS", Arial, Verdana;
	font-size: 14px; 
	text-decoration: none; 
	cursor: pointer;
	color: #024c77;
}
a:hover{
	text-decoration: underline;
}
.clear{
	clear: both;
}
.center{
	text-align: center;
}
.middle{
	vertical-align: middle;
}
input[type=button]{
	cursor: pointer;
}
.pagewidth{
	width: 1000px;
	margin: 0px auto;
}
.pb10{
	padding-bottom: 10px;
}
.button{
	display: inline-block;
	background: #2a8caa url('../img/button-bg.png') repeat-x top;
	padding: 0 10px;
	font-family: "Comic Sans MS", Verdana, Arial !important;
	font-size: 12px !important;
	color: #fff !important;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-decoration: none;
}
.button:hover{
	text-decoration: none;
}


/* header */

header{
	display: block;
	height: 119px;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 3px solid #6bbbd4;
	background: url('../img/header-bg.jpg') no-repeat center;
}
header .herb{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}
header #zegar{
	display: block;
	position: absolute;
	width: 250px;
	margin: 20px 0 0 750px;
	padding: 0;
	text-align: right;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #363535;
}
header #search{
	display: block;
	position: absolute;
	width: 211px;
	height: 19px;
	margin: 40px 0 0 789px;
	padding: 0;
	text-align: left;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #363535;
	background: url('../img/search-bg.png') no-repeat;
}
header #search input[type=text]{
	position: absolute;
	border: 0;
	margin: 0;
	padding: 0 25px 0 5px;
	width: 133px;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
	font-size: 11px;
	text-align: left;
	background: transparent;
	color: #4c4b4b;
}
header #search input[type=submit]{
	position: absolute;
	border: 0;
	padding: 0;
	margin: 0 0 0 163px;
	width: 48px;
	height: 19px;
	background: transparent;
	cursor: pointer;
}
header #odwiedziny{
	display: block;
	position: absolute;
	width: 250px;
	margin: 65px 0 0 750px;
	padding: 0;
	text-align: right;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #363535;
}


/* topmenu */

section#topmenu{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url('../img/menu-bg.png') repeat-x top;
	height: 36px;
}
section#topmenu ol, section#topmenu ul {
	list-style: none;
}
ul.menu{
	position:relative;
	z-index: 1010;
	margin: 0;
	padding: 0;
}
.menu li {
	position:relative;
	float: left;
	padding: 0 0 0 10px; 
	vertical-align: middle;
	background: url('../img/menu-sep-bg.png') no-repeat left top;
}
.menu > li:first-child {background:none;}
.menu > li:first-child a {padding-left:0;}
.menu li a {
	display: table-cell;
	*display: inline-block;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	font-family: "Comic Sans MS", Verdana, Arial;
	color: #fff; 
	vertical-align: middle;	
	padding: 0 20px 0 20px;
	margin: 0;
	border: 0;
	height: 36px;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
.menu li a.active,
.menu > li > a:hover,
.menu > li.sfHover > a, .menu li a.active {
	text-decoration: none;
	color: #fcff00;
}
.menu ul {
	display:		block;
	position:		absolute;
	padding:		0 0 0 0;
	margin: 0 0 0 -2px;
	z-index: 1010;
	width: 200px;
	vertical-align: middle;	
}
.menu ul ul {
	display:		block;
	position:		absolute;
	padding:		0 0 0 0;
	margin: 32px 0 0 0;
	z-index: 1010;
	width: 200px;
	vertical-align: middle;	
}
.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {background:none; margin:0; padding:0;}
.menu li li a {
	display:		block;
	padding:		0 21px 0 21px !important;
	text-align: left;
	background: #6bbbd4;
	height: 32px;
	line-height: 32px;
	border: 0;
	vertical-align: middle;		
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	font-family: "Comic Sans MS", Verdana, Arial;
	color: #fff; 	
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
	width:auto !important; 
	position:relative;
	white-space: nowrap;
	border-bottom: 1px solid #83827a;
}
.menu li li > a:hover, 
.menu li li.sfHover > a { color: #fcff00;}

.menu li:hover ul, .menu li.sfHover ul {
	left:			2px;
	z-index:		1999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			200px;
	top:			-32px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}


/* section baner */

section#baner{
	display: block;
	width: 100%;
	height: 322px;
	background: url('../img/baner-bg.jpg') no-repeat top center;
}


/* section projekt-title */

section#projekt-title{
	display: block;
	width: 100%;
	font-family: "Comic Sans MS", Verdana, Arial;
	font-size: 14px;
	margin: -20px 0 10px 0;
	text-align: center;
}
section#projekt-title .r1{
	font-size: 24px;
	color: #239ec4;
}
section#projekt-title .r2{
	font-size: 18px;
	color: #494a4a;
}


/* section bottom-menu */

section#bottom-menu{
	display: block;
	margin: 5px auto 10px auto;
	text-align: center;
	font-size: 11px;
	color: #191919;
}
section#bottom-menu a{
	display: inline-block;
	color: #191919;
	font-size: 12px;
	text-decoration: none;
	padding: 0 10px;
}
section#bottom-menu a:hover{
	text-decoration: underline;
}


/* page content */

section#page{
	display: block;
	width: 100%;
	font-family: "Comic Sans MS", Verdana, Arial;
	font-size: 14px;
	color: #292a2a;
	margin: 0 0 10px 0;
	background: #fdfdfd;
}
section#page .content{
}
section#page .nag{
	font-family: "Comic Sans MS", Arial, Verdana;
	font-size: 15px;
	color: #fff;
	padding: 0;
	margin: 10px 0;
	background: url('../img/nag-bg.png') repeat-x top;
	height: 31px;
	line-height: 31px;
	vertical-align: middle;
	overflow: hidden;
	text-align: center;
}
section#page .def1 .nag{
	border-right: 1px solid #789da3;
}
section#page .cont{
	font-family: "Comic Sans MS", Arial, Verdana;
	font-size: 14px;
	color: #403f3f;
	text-align: left;
	padding: 10px 10px 10px 10px;
}
section#page .cont a{
	font-family: "Comic Sans MS", Arial, Verdana;
	font-size: 12px;
	color: #024c77;
}
section#page .def1{
	float: left;
	width: 700px;
	margin: 0 0 0 0;
}
section#page .def1 .cont{
	color: #da8a5a;
	font-size: 20px;
	font-family: "Comic Sans MS", Arial, Verdana;
}
section#page .def1 .cont span{
	color: #4d4d4d;
}
section#page .def2{
	float: right;
	width: 300px;
	margin: 0 0 0 0;
}
section#page .def1 .cont, section#page .def2 .cont{
}
section#page .def1 .nag, section#page .def2 .nag{
}
section#page  #newsletter_form{
	margin: 10px auto;
	text-align: center;
}
section#page #newsletter_form input[type=text]{
	background: #fff;
	width: 140px;
	height: 17px;
	line-height: 17px;
	vertical-align: middle;
	border: 1px solid #bebdbd;
	padding: 0 20px 0 5px;
	color: #4c4b4b;
	font-size: 11px;
	font-family: "Comic Sans MS", Verdana;
}
section#page #newsletter_form input[type=button]{
	display: inline-block;
	height: 19px;
	line-height: 17px;
	vertical-align: middle;
	border: 0;
	padding: 0 10px 2px 10px;
	margin: 0;
	background: #2a8caa url('../img/button-bg.png') repeat-x top;
	font-family: "Comic Sans MS", Verdana, Arial, Tahoma;
	font-size: 11px; 
	text-decoration: none; 
	cursor: pointer;
	color: #fff;
	outline: none;
}


/* section projekt */

section#projekt{
	display: block;
	width: 100%;
}
section#projekt .logos{
	height: 79px;
}
section#projekt .logos .p1{
	position: absolute;
	margin: 0 0 0 0;
}
section#projekt .logos .p2{
	position: absolute;
	margin: 0 0 0 453px;
}
section#projekt .logos .p3{
	position: absolute;
	margin: 0 0 0 804px;
}
section#projekt .info{
	font-family: "Comic Sans MS", Verdana, Arial;
	color: #292a2a;
	font-size: 14px;
	text-align: center;
	margin: 5px 0 10px 0;
}


/* galeria */

.galeria{
	text-align: center;
}
.galeria img{
	margin: 0 10px 10px 0;
	border: 1px solid #1c86cf;
	height: 100px;
}
.galeria .album{
	display: inline-block;
	width: 120px;
	margin: 0 20px 20px 0;
}
.galeria .album .photo{
	height: 80px;
	width: 120px;
	background: #fff url('../img/photo-album-bg.png') no-repeat center;
	border: 1px solid #7a7a7a;
}
.galeria .album .photo img{
	height: 80px;
	width: 120px;
	border: 0;
}
.galeria .album .photo a{
	display: block;
	height: 80px;
	width: 120px;
}
.galeria .album .title{
	text-align: center;
	margin: 5px 0 0 0;
	height: 30px;
}


/* stopka */

footer{
	display: block;
	width: 100%;
	background: url('../img/footer-bg.png') repeat-x top;
	height: 31px;
	line-height: 31px;
	vertical-align: middle;
	font-family: "Comic Sans MS", Verdana, Arial;
	font-size: 12px;
	color: #fff;
	margin: 0 0 50px 0;
}
footer a{
	font-family: "Comic Sans MS", Verdana, Arial;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}	
footer .left{
	float: left;
	text-align: left;
}
footer .right{
	float: right;
	text-align: right;
}


/* aktualności */

.article{
	margin: 0;
}
.article .row{
	margin: 0 0 10px 0;
	padding: 0 0 20px 0;
	background: url('../img/article-shadow.png') no-repeat center bottom;
}
.article .row .title{
	float: left;
	text-align: left;
	font-size: 16px;
	font-family: "Comic Sans MS", Verdana;
	color: #239ec4;
	line-height: 24px;
	vertical-align: middle;
}
.article .row .date{
	float: right;
	text-align: right;
	font-size: 12px;
	font-family: "Comic Sans MS", Verdana;
	color: #fff;
}
.article .row .options{
	float: right;
	padding-right: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}
.article .row .options img{
	vertical-align: middle;
}
.article .row .date div.year, .article .row .date div.month, .article .row .date div.day{
	float: right;
	background: url('../img/article-date-bg.png') repeat-x;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
	padding: 0 5px;
	margin-left: 1px;
}
.article .row .lead{
	text-align: left;
	font-size: 14px;
	font-family: "Comic Sans MS", Verdana;
	color: #000;
	margin: 10px 0 0 0;
}
.article .row .lead img{
	float: left;
	margin: 3px 10px 10px 0;
	border: 2px solid #6bbbd4;
}
.article .row .c{
	text-align: left;
	color: #000;
	font-size: 14px;
	font-family: "Comic Sans MS", Verdana, Tahoma, Arial;
	margin: 10px 0 0 0;
}
.more{
	text-align: right;
	margin: 5px 0 0 0;
}


/* kalendarium */

#terminarz_kalendarz{
	text-align: center;
}
#organizer_table{
	border-collapse: collapse;
	color: #403f3f;
	margin: 0 auto 5px auto;
	width: 100%;
}
#organizer_table a{
	text-decoration: none;
}
#organizer_table .cnt{
}
#organizer_table tr th{
	background: #fff;
	height: 17px;
	font-size: 10px;
	border: 1px solid #c9c9c9;
	border-collapse: collapse;	
	color: #202020;
	font-weight: normal;
}
#organizer_table td.miesiac{
	background: transparent !important;
	text-align: center !important;
	vertical-align: middle !important;
	height: 22px !important;
	line-height: 22px !important;
	font-weight: normal !important;
	font-size: 16px !important;
	border: 0 !important;
	border-collapse: collapse !important;	
	padding: 8px 0;
}
#organizer_table td.miesiac a.prev-month{
	display: inline-block;
	background: url('../img/organizer_str.png') no-repeat;
	background-position: 0 0;
	height: 22px;
	width: 20px;	
	vertical-align: middle !important;
	line-height: 22px !important;
}
#organizer_table td.miesiac a.next-month{
	display: inline-block;
	background: url('../img/organizer_str.png') no-repeat;
	background-position: -20px 0;
	height: 22px;
	width: 20px;
	vertical-align: middle !important;
	line-height: 22px !important;	
}
#organizer_table tr.cnt td{
	background: #fff;
	height: 32px;
	width: 37px;
	border: 1px solid #c9c9c9;
	border-collapse: collapse;
	font-size: 11px;
	text-align: right;
	vertical-align: top;
}
#organizer_table tr.cnt td a{
	font-size: 11px;
	color: #202020;
	height: 32px;
	width: 33px;	
	padding-right: 5px;
}
#organizer_table tr.cnt td a:hover{
	background: #60b5ed;
}
#organizer_table tr.cnt td.st{
	background: url('../img/organizer_bg1.png') repeat top;
}
#organizer_table tr.cnt td.st0{
	background: url('../img/organizer_bg0.png') repeat top;
}
#organizer_table tr.cnt td.st1{
	background: url('../img/organizer_bg1.png') repeat top;
	font-weight: bold;
}
#organizer_table tr.cnt td.st2{
	background: #9fc8e3;
}
#organizer_table td, #organizer_table tr{
	border-collapse: collapse;
	vertical-align: middle;
	height: 30px;
}
#organizer_table td a{
	display: inline-block;
	width: 50px;
	height: 30px;
	border: 0;
	line-height: 30px;
	vertical-align: middle;
}
#terminarz_wydarzenia .wydarzenie{
	margin: 0 0 10px 0;
}
#terminarz_wydarzenia .wydarzenie .date{
	color: #60b5ed;
}
#terminarz_wydarzenia .wydarzenie .title{
	font-weight: bold;
}
.loading{
	text-align: center;
	padding: 10px 0;
}


/* alerty na thickbox */

#alert_overlay { position: fixed; z-index:1000; top: 0px; left: 0px; height:100%; width:100%; display:none; }
.alert_overlayBG { background: url(../img/bg_tb.png) repeat 0 0; }
#alert_window { position: fixed; top: 50%; left:50%; display:none; color:#000; background: #fff; border: 4px solid #239ec4; text-align:left; z-index: 1002; padding: 0; }
.user_alert{
	display: none;
	top:310px;
	background: #f7f7f7 !important;
	border: 4px solid #239ec4 !important;
	padding: 8px !important;
	z-index: 9999 !important;
	font-size: 1.1em !important;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	color: #000000;
	padding: 10px;
	text-align: center;
	width: 300px;
	overflow: hidden;
	position:fixed !important;
	position: absolute;
	z-index:9998;	
}
#user_alert input[type=button]{outline:none;background:#239ec4;margin-top:5px;border:0;color:#fff;text-decoration: none;}
.alert_button{
	display: inline-table;
	background: #239ec4;
	margin-top: 5px;
	border: 0;
	color: #fff;
	outline: none;
	width: 30px;
	height: 15px;
	text-decoration: none;
}
.alert_button:hover{
	text-decoration: none;
}


/* mapa serwisu */

.mapa{
	margin: 0 0 20px 0;
}
.mapa .m2{
	padding-left: 20px;
}
.mapa .m3{
	padding-left: 40px;
}
.mapa table{
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}
.mapa table td{
	width: 33%;
	vertical-align: top;
}


/* komunikat o cookies */

#cookie-info-bar{display: block;width: 100%;margin: 0 auto;bottom: 0;padding: 10px 0;z-index: 9999;text-align: center;background: #fff;color: #626060;position: fixed;box-shadow: 0 0 10px #a0a0a0;border-top: 4px solid #9f9f9f;font-size: 12px;line-height: 15px;font-family: Arial;}
#cookie-info-bar a.policy_link{color: #0a5b94;font-size: 12px;font-family: Arial;text-decoration: none;}
#cookie-info-bar a#cookie_action_button{display: block;float: right;background: url('../img/close-cookies.png') no-repeat;width: 15px;height: 15px;border: 0;margin: 0 10px 0 0;cursor:pointer;}