/* CSS Document */

@media screen, projection {

* { padding:0; margin:0; }

fieldset, img { border:0px solid red; }

label, a { cursor:pointer; }

body, textarea, input, table, select { font-size:100%; font-family:Arial, Helvetica, sans-serif; }

option { padding:0 .2em; }

.before, .after { line-height:0; }

.before img, .after img { margin:0 !important; }



ul, ol, dd { margin-left:2em; }

h1, h2, h3, h4, h5, h6 { font-size:1em; margin:1em 0; }

p { margin-bottom:1em; }



a { color:#a31111; text-decoration:underline; }

a:focus, a:hover { text-decoration:none; }



#WAI, hr { position:absolute; top:0; left:-1000em; }



/* Start */

body					{background:#990100;}

#start					{margin: 20px auto 0 auto; width: 1000px; height: 100%; background: #ffffff url(imgs/menu_zalamanie.jpg) repeat-y 229px 0; position:relative; }

#start .header			{height: 269px; position:relative;}

.connect				{clear:both; height:1px; font-size:1px;}



/* Header */

#start .header .top						{width: 1000px; height: 56px; background: #e7e6e2 url(imgs/pasek.jpg) 0 46px repeat-x; position:relative; z-index:10}

#start .header .top	.mail				{position:absolute; top:24px; left:244px; font: bold 11px Tahoma, Times, serif}

#start .header .top	.mail a				{color:#908f8d; text-decoration:none;}

#start .header .top	.mail a:hover		{text-decoration:underline;}

#start .header .top	.phone				{position:absolute; top:6px; left:244px; color:#908f8d; font: 14px Tahoma, Times, serif}

#start .header .top ul					{list-style:none; position:absolute; top:12px; left:620px;}

#start .header .top ul li				{display:inline; color:#908f8d; font:bold 10px Tahoma, Times, serif; border-right:1px solid #908f8d; 

										padding: 0px 5px; margin: 0 0px 0 0;}

#start .header .top ul li.last			{border:0; padding:0 0 0 5px;}

#start .header .top ul li a				{text-decoration:none; color:#908f8d; font:bold 10px Tahoma, Times, serif}

#start .header .top ul li a:hover		{text-decoration:underline;}

#start .header .top ul li form			{display:inline}

#start .header .top ul li form .input	{width:95px; margin: 0 5px;}

#start .header .left					{width: 240px; height:210px;background:url(imgs/napis.jpg) 20px 69px no-repeat;float:left; position:relative;}

#start .header .left a					{display:block; position:absolute; top:69px; left: 20px; width: 200px; height:80px;}

#start .header .left a span				{position:absolute; top:0; left:-1000em;}

#start .header .right					{float:right;}

#start .header .right .banner			{width:760px; height:179px;}

#start .header .right .location			{width: 760px; height:26px; background: #e8ce77;}

#start .header .logo					{position:absolute; top:0px; left:48px; background:url(imgs/herby.jpg) no-repeat; width:142px; height:79px; z-index:20}

#start .header .music					{position:absolute; top:272px; left:878px; width:105px; height:16px; z-index:30;}

										

/* Menu */

#start .menu							{float:left; width: 240px;}

#start .menu .list						{padding:0 0 16px 0; margin:0; text-align:left;}

#start .menu .list ul					{list-style:none; margin:0; padding: 0 0 12px 0; font-size:0;}

#start .menu .list ul li				{background: url(imgs/menu_linia.jpg) 0 0 no-repeat; width:240px; display:block; position:relative; margin:0;}

#start .menu .list ul li.first			{background:none}

#start .menu .list ul li a				{padding: 3px 5px 2px 10px; color:#646464; display:block; text-decoration:none; margin:0;

										font:bold 16px "Times New Roman", Times, serif; padding-right:20px;}

#start .menu .list ul li a span			{display:block; background:url(imgs/menu_strzalka.jpg) 0px 0px no-repeat; width:10px; height:10px; position:absolute; top: 9px;

										right: 3px;}

#start .menu .list ul li a.active,

#start .menu .list ul li a:hover		{background: url(imgs/menu_tlo_aktywne.jpg) repeat-y; color:#44413c;}

#start .menu .list ul li a.active span,

#start .menu .list ul li a:hover span	{background:url(imgs/menu_strzalka_active.jpg) 0px 0px no-repeat;}

#start .menu .list ul.level2,

#start .menu .list ul.level3			{padding:0;}

#start .menu .list ul.level2 li,

#start .menu .list ul.level3 li			{background:none;}

#start .menu .list ul.level2 li	a		{font-size:13px; background:none; font-weight:bold; padding-right:15px;}

#start .menu .list ul.level3 li	a		{font-size:12px; background:none; font-weight:normal; padding-right:15px;}

#start .menu .list ul.level2 li	a:hover,

#start .menu .list ul.level2 li	a.active,

#start .menu .list ul.level3 li	a:hover,

#start .menu .list ul.level3 li	a.active {text-decoration:underline;}

#start .menu .list a.after				{display:block; text-decoration:none; margin:0; color:#646464; padding: 1px 25px 4px 10px;

										font:bold 16px "Times New Roman", Times, serif;}

#start .menu .list a.line_top			{background: url(imgs/menu_linia.jpg) 0 0 no-repeat;}

#start .menu .list a.after:hover,

#start .menu .list a.active				{background: url(imgs/menu_tlo_aktywne.jpg) repeat-y; color:#44413c;}

#start .menu .list a.plany_zagospod		{text-align:center; padding-top:10px; display:block;}

#start .menu .newsletter				{width:215px; padding: 13px 0 20px 20px;}

#start .menu .newsletter p				{color:#969696; font:bold 16px "Times New Roman", Times, serif; margin:0;}

#start .menu .newsletter p span			{font-size:26px;}

#start .menu .newsletter .text			{margin:6px 0 0 10px; width:174px}

#start .menu .newsletter .submit		{border:0; background:none; color:#969696; font:10px Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 124px;}

#start .menu .line						{height:1px; font-size:1px; background:url(imgs/menu_linia.jpg) 0 0 no-repeat;}

#start .menu .banners .left				{float:left; width:119px; clear:both; padding: 10px 0; text-align:center; border-top:1px solid #e1e1e1;

										border-right:1px solid #e1e1e1;}

#start .menu .banners .right			{float:left; width:113px; padding: 10px 0; text-align:center; border-top:1px solid #e1e1e1;}

#start .menu .banners .connect			{clear:both;border-bottom:1px solid #e1e1e1;}

#start .menu .banners .narrow			{height: 43px;}

#start .menu .banners .wide				{height: 89px;}

#start .menu .banners .inform_wilan		{width:233px; text-align:center;border-bottom:1px solid #e1e1e1;margin-bottom:20px; padding:10px 0;}

#start .menu .menu_galerie				{padding: 3px 5px 2px 10px;}

#start .menu .menu_galerie h6.title		{color:#646464; font:bold 16px "Times New Roman", Times, serif; margin:0; padding-bottom:20px; text-align:center;}

#start .menu .menu_galerie h6.title a	{color:#646464; text-decoration:none; margin:0; padding:0; height:1em;}

#start .menu .menu_galerie a			{display:block; text-align:center; padding-bottom:10px; height:76px;}

								

/* Content */	

#start .content										{float:left; width: 760px; padding: 0px; border:0px solid red;}

#start .content .head								{width: 734px; padding: 4px 17px 4px 9px; background-color:#fb995a; 

													font:11px Arial, Helvetica, sans-serif; color:#2e3736;}

#start .content .main								{padding: 1px 9px 0 24px; width:724px}

#start .content .main .news							{border-bottom:1px solid #e6e6e6; width: 720px; padding:14px 0 0 7px; color:#2f2f2f;}

#start .content .main .news	.image					{padding:0 9px 0 12px; float:left;}

#start .content .main .page	.image					{padding:0 9px 0 12px; float:left;}

#start .content .main .news .description			{float:left; width:255px;}

#start .content .main .news .wider					{float:none; width:655px; padding-bottom:20px;}

#start .content .main .news h3						{margin: 0; padding:2px 0 0 0; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#313131;}

#start .content .main .news p.date					{margin: 0; padding:2px 0 14px 0; font: 10px Arial, Helvetica, sans-serif; color:#9a9a9a;}

#start .content .main .news div.text				{margin: 0; padding:2px 40px 0 0; font: 11px Arial, Helvetica, sans-serif; }

#start .content .main .news div.text a				{color:#de2223; text-decoration:none;}

#start .content .main .news div.zajawka				{margin: 0; padding:2px 10px 10px 0; font: italic 11px Arial, Helvetica, sans-serif; color:#676767;}

#start .content .main .news div.text a:hover		{text-decoration:underline;}

#start .content .main .news .list					{float:left; width: 220px;}

#start .content .main .news .list ul				{margin:0; list-style:none; padding-bottom:20px;}

#start .content .main .news .list ul li				{padding: 0 0 0 14px; background:url(imgs/list1.jpg) 0 6px no-repeat; line-height:13px;}

#start .content .main .news .list ul li a			{font-size:11px; color:#828282; text-decoration:none;}

#start .content .main .news .list ul li.active a	{font-weight:bold; color:#696969;}

#start .content .main .news .list ul li a:hover		{color:#696969; text-decoration:underline;}

#start .content .main .news .connect				{clear:both; width:700px; height:25px;}

#start .content .main .last							{border-bottom:0; padding-bottom:130px}

#start .content .main .culture						{width:354px; float:left; border-right:1px solid #e6e6e6;}

#start .content .main .mutual .image				{padding:0 9px 20px 12px; float:left;}

#start .content .main .mutual .description			{float:left; width:230px; padding-bottom:20px;}

#start .content .main .mutual h3					{margin: 0; padding:2px 0 0 0; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#313131;}

#start .content .main .mutual p.date				{margin: 0; padding:2px 0 14px 0; font: 10px Arial, Helvetica, sans-serif; color:#9a9a9a;}

#start .content .main .mutual div.text				{margin: 0; padding:2px 10px 0 0; font: 11px Arial, Helvetica, sans-serif; color:#676767;}

#start .content .main .mutual div.zajawka			{margin: 0; padding:2px 10px 10px 0; font: italic 11px Arial, Helvetica, sans-serif; color:#676767;}

#start .content .main .mutual div.text a			{color:#de2223; text-decoration:none;}

#start .content .main .mutual div.text a:hover		{text-decoration:underline;}

#start .content .main .mutual .list					{float:none; padding:0 0 10px 0; clear:both;}

#start .content .main .mutual .list ul				{margin:0; list-style:none; padding: 0px 0 0 10px;}

#start .content .main .mutual .list ul li			{padding: 0 0 0 14px; background:url(imgs/list2.jpg) 0 6px no-repeat; line-height:13px; font-size:11px; 

													color:#828282;}

#start .content .main .mutual .list ul li a			{font-size:11px; color:#828282; text-decoration:none;}

#start .content .main .mutual .list ul li.active a 	{font-weight:bold; color:#696969;}

#start .content .main .mutual .list ul li a:hover	{color:#696969; text-decoration:underline;}

#start .content .main .list a.more					{font-size:11px; color:#de2223; text-decoration:none; margin:6px 0 0 12px; padding:0 0 0 12px;

													background:url(imgs/more_arrow.jpg) 0 4px no-repeat;}

#start .content .main .mutual .list a.more:hover	{text-decoration:underline;}

#start .content .main .announcements .list			{padding-bottom:0;}

#start .content .main .announcements				{width:352px; float:left; padding:0 0 0 10px;}

#start .content .main .announcements .list ul		{padding-left: 6px;}

#start .content .main .announcements .list a.more	{margin-left: 8px;}

#start .content .main .announcements .image			{padding:0 14px 20px 6px;}

#start .content .main .line2						{border-top:1px solid #e6e6e6;}

#start .content .main .line2 .list					{padding-bottom:40px;}



/* New main page */

#start .content .main .news	.news_image				{width:330px;padding-right:0px;}

#start .content .main .news	.news_description		{width:295px;padding: 0 40px 0 10px;}

#start .content .main .news	.news_list				{width:295px;padding: 0 40px 0 10px;}

.menu_galerie										{overflow:hidden;}



/* Tekstowa */

#start .content .main h1							{background:url(imgs/diamond.jpg) no-repeat 0 8px; color:#e8bc5d; font-family:"Times New Roman", Times, serif;

													font-size:20px; padding-left:14px;}

#start .content .main .page div.zajawka				{margin: 0; padding:2px 10px 10px 0; font: italic 11px Arial, Helvetica, sans-serif; color:#676767;}

#start .content .main .page .text					{padding-left:12px; font-size:11px;}



/* Sesje */

#start .content .main .page .data					{font-size:14px; font-weight:bold; padding-left:12px;}

#start .content .main .page .linki a				{display:block; margin-left:16px; padding-left:16px; font-size:11px; color:#7d2a3a;}

#start .content .main .page .linki a.zip			{background:url(cms/imgs/ikonki/zip.jpg) no-repeat 0 0px;}

#start .content .main .page .linki a.pdf			{background:url(cms/imgs/ikonki/pdf.jpg) no-repeat 0 0px;}

#start .content .main .page .last					{border-bottom:1px solid #e6e6e6; padding-bottom:20px;}



/* Osoby, Uchwaly, Sklad */

.page .osoba img, .page .uchwala img					{float:left; margin-right:14px; border:1px solid #c3c2c0;}

.page .osoba .title, .page .uchwala .title				{font-weight:bold; font-size:14px; padding-bottom:10px;}

.page .uchwala .title span								{font-weight:normal; font-size:11px;}

.page .osoba .zajawka									{font-size:11px; padding-bottom:10px; font-style:italic;}

.page .osoba .opis, .page .uchwala .opis				{font-size:11px; padding-bottom:10px; padding-right:30px;}

.page .osoba, .page .uchwala							{padding:16px 0 16px 10px; border-bottom:1px solid #e6e6e6;}

.page .noborder											{border:0;}

.page h3.position										{color:#999999; font-family:"Times New Roman", Times, serif; font-size:20px; margin-bottom:0; 

														padding:0 0 10px 10px; border-bottom:1px solid #e6e6e6;}

.page a.archiwum										{display:block; text-align:right; text-decoration:none; margin-top:10px; color:#ce0002; 

														font-weight:bold; font-size:11px; margin-left:660px;}



/* Pliki */

#start .content .main .pliki				{padding-top:10px;}

#start .content .main .plik a				{display:block; margin-left:16px; padding-left:26px; font-size:11px; color:#7d2a3a; padding-bottom:4px;}



/* Galeria */

.page .events							{border-top:1px solid #e6e6e6; padding:16px 0 0 16px;}

.page .events .one_folder				{width:220px; text-align:center; padding: 0 16px 16px 0; float:left;}

.page .events .title					{font-weight:bold; font-size:13px; color:#343434;}

.page .events .photo					{width:120px; text-align:center; padding: 0 16px 16px 0; float:left;}

.page .events .one_folder .photo		{float:none; margin:0 auto;}

.page .events .photo p					{font-size:11px; color:#979797; margin:0;}

.page .events .photo a.download			{font-size:11px; color:#7d2a3a;}



a.back									{display:block; clear:both; font-size:11px; color:#7d2a3a;}



/* Footer */

#start .before_footer	{clear:both; height:18px; width:1000px; background-color:#e1ddda;}

.footer					{color:#fff; margin: 0 auto 0 auto; width: 1000px; position:relative;  

						font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 8px 0 10px 10px; text-decoration:none;}

.foota					{color:#fff; font: 10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}

.foota:hover			{text-decoration:underline;}

.footer	p.ilf			{position: absolute; top: 8px; right: 30px; font: 11px Arial, Helvetica, sans-serif; color:#fff}

p.ilf .foota			{font-size: 11px;}

.footer p.counter		{position: absolute; top: 30px; right: 30px;}



/* Mapa */

ul.mapa					{margin:0; list-style:none; padding: 20px 0 0 10px;}

ul.mapa	ul				{margin:0; list-style:none; padding: 0px 0 0 10px;}

ul.mapa li				{padding: 0 0 0 14px; background:url(imgs/list1.jpg) 0 6px no-repeat; line-height:13px; font-size:11px; color:#828282;}

ul.mapa ul.level2 li	{background:url(imgs/list2.jpg) 0 6px no-repeat;}

ul.mapa ul.level3 li	{background:none;}

ul.mapa li a			{font-size:11px; color:#828282; text-decoration:underline;}

ul.mapa li a:hover		{color:#696969; text-decoration:none;}



/* Szukanie */

span.konieczne			{color:#FF0000; font-weight:bold;}

.szukaj_title			{font-weight:normal; font-size:11px; padding-bottom:4px;}

.szukaj_title a			{text-decoration:none;}

.szukaj_title a:hover	{text-decoration:underline}



/* Stronicowanie */

ul.stronicowanie				{list-style:none; margin:0; text-align:center; padding:20px 0;}

ul.stronicowanie li				{display:inline; padding:0 5px; font-size:12px;}

ul.stronicowanie li a			{text-decoration:none;}

ul.stronicowanie li a:hover		{text-decoration:underline;}

ul.stronicowanie li.active a	{font-weight:bold;}



/* Pop up */

div#popup						{border:10px solid #990100; padding:30px; font-weight:bold; width:420px; position:absolute; top:310px; left: 370px;
								background:#FFFFFF; z-index:1199;}
								
								
/*div#popup						{border:10px solid #990100; padding:30px; font-weight:bold; width:620px; position:absolute; top:330px; left: 400px;

								background:#FFFFFF;} */

div#popup a.close				{position:absolute; top:0px; right:0px; text-decoration:none; display:block; width:15px; height:15px; text-align:center;

								background:#CC3300; color:#FFFFFF; font-size:12px; z-index:1200;}

}