@charset "utf-8";
/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,button{border:0;}address,caption,cite,code,dfn,em,strong,th,var,b,i{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}q:before,q:after{content:'';}a,a:hover,object{outline:none;}

/* globalne */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; height:100%; background:#fff url('../img/bg-body.gif') repeat-x}
strong {font-weight:bold;}

legend {display:none;}
input, textarea, select, button {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; float:left; color:#010101;}
textarea {margin:0; border:0; padding:0; overflow:auto;}
a {text-decoration:none; color:#282a73;} a:hover {text-decoration:underline;}
img, object {float:left;}
label {cursor:pointer;}
.fl {float:left;}
.fr {float:right;}
.mb38 {margin-bottom:38px}

/* BEGIN grid */
	#dj {width:988px; margin:18px auto 0;}
		#t {width:980px; height:170px; float:left; display:inline; padding:4px 4px 0;}
		#m {width:980px; height:35px; float:left; display:inline; padding:0 4px;}
		#c {width:956px; float:left; display:inline; padding:29px 10px 70px 22px;}
		#f {width:980px; height:47px; float:left; display:inline; padding:0 4px;}
		#b {width:980px; height:47px; float:left; display:inline; padding:0 4px;}
/* END grid */

/* BEGIN top */
	#t {background:url('../img/bg-dj.png') top left no-repeat}
/* END top */

/* BEGIN menu */
	#m {background:url('../img/bg-dj.png') 0px -50px no-repeat;}
		#m ul {width:100%; height:100%; float:left; display:inline; background:#ffffff url('../img/bg-menu.gif') bottom left no-repeat}
		#m li {height:35px; float:left; display:inline}
		#m li.l {}
			#m li a {width:100%; height:100%; float:left; display:inline; text-indent:-55000px; background:url('../img/bg-menu.gif') no-repeat}
			#m li a:hover, #m li.s a {background:none}
			#m #m1 a {width:138px; background-position:0 0;}
			#m #m2 a {width:93px; background-position:-138px 0;}
			#m #m3 a {width:173px; background-position:-231px 0;}
			#m #m4 a {width:162px; background-position:-404px 0;}
			#m #m5 a {width:114px; background-position:-565px 0;}
			#m #m6 a {width:117px; background-position:-678px 0;}
			#m #m7 a {width:183px; background-position:-797px 0;}
			
/* END menu */

	.targi-menu {width:100%; padding-top:30px; float:left; display:inline; background-color:#FFF}
	.targi-menu ul {width:100%; height:103px; float:left; display:inline; background:url('../img/targi-menu.gif') no-repeat;}
	.targi-menu ul li {width:490px; height:103px; float:left; display:inline}
	.targi-menu ul li a {width:100%; height:100%; float:left; text-indent:-55000px; background:url('../img/targi-menu.gif') no-repeat}
	
	.targi-menu ul #tm1 a {background-position:0 0;}
	.targi-menu ul #tm1.s a {background-position:0 -104px;}
		.targi-menu ul #tm1 a:hover {background-position:0 -104px;}
	.targi-menu ul #tm2 a {background-position:-490px 0;}
	.targi-menu ul #tm2.s a {background-position:-490px -104px;}
		.targi-menu ul #tm2 a:hover {background-position:-490px -104px;}

/* BEGIN content */
	#c {background:url('../img/bg-dj.png') 0px -50px no-repeat;}
	#c.sp {width:980px; padding:3px 4px;}
		#c .ct {width:100%; float:left; display:inline}
		#c .cc {width:100%; float:left; display:inline}
		#c .cc .fr, #c .cc .fl {width:478px;}
		#c .cc .baner {width:750px; float:left; display: inline; margin:0 103px 30px;}
		#c .cpc {width:100%; float:left; padding-top:40px; display:inline; background-color:#FFF}
		#c .cpl {width:448px; float:left; padding-left:22px; padding-right:22px; padding-top:10px; display:inline; background-color:#FFFFFF}
		#c .cpr {width:478px; float:right; padding-right:10px; display:inline; background-color:#FFFFFF}
		#c .cp {width:660px; padding:20px 160px; float:left; display:inline; background-color:#FFFFFF}
		#c .cp .fl {width:390px;}
		#c .cp .fr {width:270px;}
		#c .cp .ulc li {font-size:12px; text-align:left}
			#c .cp p, #c .cpl p {margin-bottom:14px; line-height:20px; text-align:justify}
			#c .cp p img {float:none}
				#c .cp p em {width:130px; float:left; display:inline; font-weight:bold; color:#666666}
			#c .cp ul {margin-bottom:14px;}
			#c .cp ul li {line-height:18px; margin-bottom:7px; text-align:justify}
			#c .cp ul li li {line-height:18px; margin-bottom:7px; text-align:justify; list-style-type:disc; margin-left:30px}
			#c .cp ol li li {line-height:18px; margin-bottom:7px; text-align:justify; list-style-type:disc; margin-left:30px}
			#c .h3 {width:980px; height:43px; float:left; display:inline; background:url('../img/bg-h3.gif') no-repeat}
				#c .h3 h3 {width:100%; height:43px; float:left; display:inline; text-indent:-55000px; background:url('../img/h3.gif') no-repeat}
				#c .o-nas h3 {background-position:0 0;}
				#c .zrealizowane-projekty h3 {background-position:0 -43px;}
				#c .projekty-partnerskie h3 {background-position:0 -86px;}
				#c .kontakt h3 {background-position:0 -129px;}
				#c .napisz-z-nami-projekt h3 {background-position:0 -172px;}
				#c .galeria h3 {background-position:0 -215px;}
				#c .praktyki h3 {background-position:0 -258px;}
				#c .zamowienia-publiczne h3 {background-position:0 -298px;}
				#c .europe-direct-katowice h3 {background-position:0 -339px;}
				#c .moja-firma-w-mojej-gminie h3 {background-position:0 -380px;}
				#c .rcie h3 {background-position:0 -421px;}
				#c .targi-edukacja h3 {background-position:0 -462px;}
				#c .z-ekologia-na-ty h3 {background-position:0 -503px;}
				#c .klub-muzyczny-zrodlo h3 {background-position:0 -544px;}
				#c .blizej-funduszy h3 {background-position:0 -585px;}
				#c .slaskie-wrzuca-6-bieg h3 {background-position:0 -626px;}
				#c .about-us h3 {background-position:0 -667px;}
				#c .salon-funduszy h3 {background-position:0 -708px;}
			#c .cp .ula li {list-style-type:lower-latin; margin-left:30px;}
			#c .cp .ulb li {padding-left:20px; background:url('../img/bg-li.gif') 7px 7px no-repeat}
			#c .cp .ulb li li {background:none}
			#c .cp .a-center, #c .cpl .a-center {text-align:center}
			#c .cp .a-right {text-align:right}
			#c .cp .fundacja {line-height:24px; font-size:14px; margin-top:14px}
			#c .cp h4 {width:100%; margin-bottom:14px; margin-top:24px; text-align:center; font-size:16px; color:#282a73; font-weight:bold}
			#c .cp h5 {width:100%; margin-bottom:14px; margin-top:34px; padding-top:14px; text-align:center; font-size:14px; font-weight:bold; border-top:1px solid #999999}
			
			#c .cp h6 {width:100%; margin-bottom:14px; margin-top:34px; padding-top:14px; text-align:center; font-size:14px; font-weight:bold; border-top:1px solid #999999}
/* END content */

/* BEGIN foot */
	#f {background:url('../img/bg-dj.png') bottom left no-repeat}
		#f ul {width:100%; height:40px; float:left; display:inline; background:url('../img/bg-f.gif') 0px -41px no-repeat}
		#f li {float:left; height:40px; display:inline}
			#f li a {width:100%; height:100%; float:left; display:inline; text-indent:-55000px; background:url('../img/bg-f.gif') no-repeat}
			#f li a:hover {background:none}
			
			#f #f1 {width:84px;}
				#f #f1 a {background-position: 0 0;}
			#f #f2 {width:162px;}
				#f #f2 a {background-position: -84px 0;}
			#f #f3 {width:77px;}
				#f #f3 a {background-position:-246px 0;}
			#f #f4 {width:121px;}
				#f #f4 a {background-position:-323px 0;}
			#f #f5 {width:107px;}
				#f #f5 a {background-position:-444px 0;}
			#f #f6 {width:101px;}
				#f #f6 a {background-position:-551px 0;}
			#f #f7 {width:103px;}
				#f #f7 a {background-position:-652px 0;}
			#f #f8 {width:143px}
				#f #f8 a {background-position:-755px 0;}
				
			#f #f9 {width:82px}
				#f #f9 a {background-position:-898px 0;}
/* END foot */

/* BEGIN bottom */
	#b {font-size:10px; color:#999999}
		#b .fl {width:900px}
		#b .fr {width:80px; text-align:right}
/* END bottom */

/* BEGIN infobox */
	.infoBox {width:456px; padding:16px 17px 0 5px; float:left; display:inline; background:url('../img/bg-infobox.gif') no-repeat}
	.white {background:url('../img/infobox-bialy.gif') no-repeat}
		.infoBox h2 {width:456px; height:11px; float:left; display:inline; background:url('../img/h2.gif') no-repeat; text-indent:-55000px}
		.infoBox h2.punkty-informacyjne-ue {background-position:0 0;}
		.infoBox h2.realizowane-projekty {background-position:0 -100px;}
		.infoBox h2.inne-dzialania {background-position:0 -200px;}
		.infoBox h2.poradnik-wolontariusza {background-position:0 -402px;}
		.infoBox ul {width:450px; margin-left:7px; float:left; display:inline; margin-top:10px;}
		.infoBox li {width:208px; height:86px; padding:5px 12px 12px 5px; float:left; display:inline; background:url('../img/bg-infobox-li.png') no-repeat}
			.infoBox li a {width:100%; height:100%; float:left; display:inline; background:url('../img/logos.jpg') no-repeat; text-indent:-55000px}
			
			#rcie a {background-position:0 0;}
				 #rcie a:hover {background-position:-208px 0;}
				 
			#ed a {background-position:0 -86px;}
				#ed a:hover {background-position:-208px -86px;}
				
			#mfwmg a {background-position:0 -172px;}
				#mfwmg a:hover {background-position:-208px -172px;}
				
			#z-ekologia-na-ty a {background-position:0 -258px;}
				#z-ekologia-na-ty a:hover {background-position:-208px -258px;}
				
			#kmz a {background-position:0 -346px;}
				#kmz a:hover {background-position:-208px -346px;}
				
			#ote a {background-position:0 -431px;}
				#ote a:hover {background-position:-208px -431px;}
				
			#bf a {background-position:0 -516px;}
				#bf a:hover {background-position:-208px -516px;}
				
			#slaskie-wrzuca-6-bieg a {background-position:0 -601px;}
				#slaskie-wrzuca-6-bieg a:hover {background-position:-208px -601px;}
				
			#salon-funduszy a {background-position:0 -686px;}
				#salon-funduszy a:hover {background-position:-208px -686px;}
				
			#w1 a {background-position:0 -772px;}
				#w1 a:hover {background-position:-208px -772px;}
				
			#w2 a {background-position:0 -858px;}
				#w2 a:hover {background-position:-208px -858px;}
				
			#w3 a {background-position:0 -944px;}
				#w3 a:hover {background-position:-208px -944px;}
				
			#w4 a {background-position:0 -1030px;}
				#w4 a:hover {background-position:-208px -1030px;}
/* END infobox */

/* BEGIN txtmain */
	.txtMain {width:470px; margin:3px 4px; height:260px; float:left; display:inline; background:url('../img/bg-txtmain.gif') no-repeat}
		.txtMain h3 {width:456px; height:16px; margin-top:15px; float:left; display:inline; background:url('../img/h2.gif') 0 -300px no-repeat; text-indent:-55000px}
		.txtMain .txt {width:420px; height:170px; overflow-y:scroll; padding:0 15px; float:left; display:; margin-top:30px; font-size:11px}
			.txtMain .txt p {margin-bottom:7px;}
			.txtMain .txt li {width:370px; float:left; display:inline; padding-left:30px; margin-bottom:7px; background:url('../img/bg-li.gif') 17px 5px no-repeat}
/* END txtmain */

/* BEGIN napisz-z-nami-projekt */
	#napisz-z-nami-projekt {width:277px; height:57px; margin-left:96px; margin-top:18px; float:left; display:inline; background:url('../img/napisz-z-nami-projekt.gif') bottom no-repeat}
		#napisz-z-nami-projekt a {width:100%; height:100%; float:left; display:inline; text-indent:-55000px; background:url('../img/napisz-z-nami-projekt.gif') no-repeat}
		#napisz-z-nami-projekt a:hover {background:none}
/* END napisz-z-nami-projekt */

.tbl1 {font-size:11px; border:1px solid #999}
.tbl1 td {padding:5px; border:1px solid #999}

/* BEGIN olc */
	.olc {width:100%; clear:both; display:block; overflow:hidden; margin-top:15px; font-size:13px;}
		.olc ol {font-size:13px; font-weight:bold}
		.olc li {width:100%; display:inline; float:left; margin-top:30px;}
		.olc li li {margin-top:5px; float:left; width:auto; clear:none; overflow:hidden}
		.olc .f {margin-top:0px}
		.olc h5 {width:100%; display:block; font-size:13px; font-weight:bold}
		.olc .none {text-decoration:none}
		.olc .disc {width:410px; margin-top:15px; font-size:11px; font-weight:bold}
			.olc .disc em {color:#69C; font-weight:bold}
		.olc .ula {margin-top:15px; width:100%; float:left; display:inline}
		.olc .ula ul {margin-left:30px;}
 		.olc .ula li {width:655px; height:auto; float:left; display:block; clear:both; margin-top:7px; padding-left:15px; background:url('../img/li.gif') no-repeat; line-height:18px; font-weight:normal}
		.olc .ula li i {font-variant:small-caps; font-weight:bold; color:#6D6843; font-size:16px}
/* END ola */

/* BEGIN ulg */
	.ulg {width:100%; margin-top:10px; float:left; display:inline; font-size:1px;}
		.ulg ul {}
 		.ulg li {width:auto; margin-top:5px; background:none; list-style-type:none; float:left; display:inline; margin-right:10px;}
		.ulg li img {border:2px solid #f0f095}
/* END ulg */

/* BEGIN tabela a */
	.tbla {width:100%; margin-top:8px; float:left; display:inline;}
	.tbla th, .tbla td { padding:3px}
	.tbla th {width:100px; font-weight:bold; vertical-align:top; background-color:#FFF; text-align:center; border-top:1px dotted }
	.tbla td {width:370px; border:1px solid #FFF; background-color:#334b90; color:#e1e9fe; font-weight:bold}
/* END tabela a */