@charset "UTF-8";

/*
    Autor: Marcin "Piochu" Piosek
    Last update: 19.02.2011
    Created for: lisowice.com

    1. Global tags
    2. Top
    3. Rotator (big images)
    4. Menu
    5. Content
		5.1 Content panels
    6. Right panels
		6.1 Events
		6.2 Regards
		6.3 Weather
		6.4 Currency
		6.5 Banners
	7. Scrollable
	8. Footer
	9. ThickBox CSS
	10. Video page
		10.1 Most viewed video
	11. Search page
	12. Gallery page
		12.1 Gallery list
		12.2 Gallery
	13. Archive
	
	TEMP:
	14. Gallery Fix
	
*/

/*
    1. Global tags
*/

abbr, address, article, aside, audio, b, blockquote, body, canvas,
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary,
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background-color: transparent;
}

html, body {
    background-color: #F9F2E7;
    margin: 0;
    text-align: center;
    font: 11px Tahoma;
    color: #404040;
}

a {
    color: #739900;
    text-decoration: none;
}

a:Hover {
    color: #8fbe00;
}

/*
    2. Top
*/
#top {
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    background: url(top-1.jpg) no-repeat right;
    text-align: left;    
}

#top #logo {
    width: 176px;
    height: 60px;
    background: url(logo.jpg);
    margin-left: 29px;
    float: left;
}

#top #topmenu {
    float: right;
    list-style-type: none;
    margin: 26px 27px 0 0;
}

#top #topmenu li {
     display: inline;
     margin-left: 14px;
     font-weight: bold;   
}

#top #topmenu li a {
    color: #404040;
}

#top #topmenu li a:Hover {
	color: #060606;
}

/*
    3. Rotator
*/

#rotator {
    clear: both;
    width: 100%;
    height: 175px;
    background: url(top-2.jpg) no-repeat top center;
    background-color: #F3E6D1;	
	position: relative;
	text-align: center;
	overflow: hidden;
}


#rotator #img {
	margin: 0 auto;
	margin-top: 14px;
	width: 968px;	
}

#rotator #img img {
	width: 968px;	
}




/*
    4. Menu
*/

#menu {
    width: 1000px;
    height: 38px;
    background: url(menu.jpg) no-repeat top center;
    clear: both;
    margin: 0 auto;   
    text-align: left;
    font-weight: bold;  
	padding-left: 20px;	
	margin-top: 5px;
}

#nav {
	padding-top: 5px;	
	width: 800px;
	float: left;	
}



#nav, #nav ul{
	z-index: 100;
	list-style-type:none;	
	position:relative;
	border: 0;	
	margin: 0 0 0 3px;
	padding: 2px 0 0 0;
}

#nav a{
	display:block;	
	color: #404040;
	text-decoration:none;
	
}

#nav li a {
	padding: 9px;
	padding-left: 0;
	padding-right: 6px;
}

#nav a:hover{
	color: #101010;	
}

#nav li{
	float:left;
	position:relative;
	margin: 0 10px 0 10px;
	color: red;
}

#nav ul li {
	margin: 0;
	background: url(menu-rozwijane.jpg) no-repeat;
	width: 150px;
	height: 35px;
	overflow: hidden;
	padding-left: 8px;
	position: relative;	
}



#nav ul li a {
	width: 230px;
	height: 25px;
	margin-top: 3px;
}


#nav ul li:Hover {
	background: url(menu-rozwijane-hover.jpg) no-repeat;
	
}

#nav ul {
	position:absolute;
}

#nav li ul a{	
	float:left;	
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:12em;
	margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}


#menu form {
	margin: 7px 0 0 16px;
	float: left;
}

#menu input {
    float: left;
    background: url(input-wyszukiwarka.jpg) left top no-repeat;
    border: 0;
    width: 126px;
    height: 24px;
    font: 11px Tahoma;
    color: #808080;
	padding-left: 10px;
	margin-right: -10px;
}

#menu #submitBtn {
    float: left;
    background: url(submit-wyszukiwarka.jpg) no-repeat;
    width: 25px;
    height: 24px;   
}

#menu #submitBtn:Hover {    /* nie działa w IE */
    background: url(submit-wyszukiwarka-hover.jpg) no-repeat;
}

/*
    5. Content
*/

#body {
    width: 980px;   
    margin: 0 auto;
}

#page {
    text-align: left;    
    width: 580px;
    float: left;
}

#page #title {
    background: url(naglowek-lewy-glowny.jpg) no-repeat;
    width: 586px;
    height: 35px;	
	margin-top: 6px;	
	float: left;
}

#page #title h2 {
	width: 515px;	
	float: left;
}

#page h2 {
 	padding: 10px 0 0 11px;
}

#page .news .nimg {
	width: 150px;
}

#page #content {
	width: 576px;	
}

#page #content blockquote
{
	float: left;
	margin: 10px;
	line-height: 15px;	
	width: 560px;
	text-align: justify;
	font: 12px Verdana;
	font-family: "Arial", sans-serif;
	color: #202020;
	line-height: 16px;
}

#page #content blockquote a {
	float: none;
	color: #336600;
}

/* article body with img */
#page #content .withImg {
	width: 400px;	
}

#page #content  .min {	
	width: 150px;	
}

#page .news {
	width: 576px;
	float: left;
	background: url(tlo-newsa.jpg) repeat-y;
}

#page .news a {
	color: #222;
	
}

#page .news a:Hover {
	text-decoration: underline;
}

#page .news h3 {
	float: left;		
	margin: 10px 0 0 12px;
	font: 12px Verdana;
	font-weight: bold;
	width: 410px;	
	color: #333;
}

#page .news p {
	clear: both;
	float: left;
	margin: 10px 12px 5px 12px;
	width: 550px;
	line-height: 15px;	
	font: 12px Verdana;
	font-family: "Arial", sans-serif;
	color: #282828 ;
}



#page .news .bottom {
	background: url(naglowek-lewy-dodatkowy.jpg) no-repeat;
	width: 576px;
	height: 25px;
	float: left;
}

#page .news .bottom a {
	 color: #739900;
}

#page .news .bottom .stat {
	color: #808080;
	padding: 5px 0 0 10px;
	float: left;
}

#page .news .bottom a {
	float: right;
	font-weight: bold;
	margin: 5px 10px 0 0;
}

#page .newsMain p, #page .news p {
	width: 400px;
	float: left;	
	line-height: 15px;	
}



#page #archive {
	background: url(archiwum.jpg);
	width: 576px;
	height: 35px;
	float: left;
	
}

#page #archive div {
	margin: 12px 0 0 10px;
	
}

#page #archive fieldset {
	padding: 2px 0 0 10px;
	float: left;	
}



fieldset #submit {
	background: url(przycisk-wyslij.jpg);
	width: 75px;
	height: 21px;
	cursor: hand;
	margin-top: 5px;
	border: 0;
}

fieldset #submit:Hover {
	background-position: 0 -21px;
}

fieldset input {
	width: 177px;
	height: 21px;
	background: url(input-subskrypcja.jpg) no-repeat;
	border: 0;
	font: 11px Tahoma;
	padding-left: 10px;
}

#page #archive fieldset #submit:Hover {
	background-position: 0 -21px;
}

#page #archive a {
	font-weight: bold;
}

#page #archive p {
	margin-top: 12px;
	margin-left: 10px;
	float: left;
	width: 180px;
}

#page .share {
	margin: 5px 0 0 10px;
	text-align: right;
	width: 560px;	
	float: left;
}

#page #title .getArticle {
	float: left;
	width: 40px;
	margin: 8px 0 0 5px;
}


#page .panel {   
    width: 576px;   
	margin-top: 4px;
	float: left;
}

#page .panel .title {
	background: url(naglowek-lewy-glowny.jpg);
	height: 35px;		
	float: left;
	width: 576px;
	font-weight: bold;
}

#page .panel .title p {
	margin: 10px 0 0 11px;
}

#page .panel .content {
	border: solid 1px #d9d9d9;
	margin-left: 4px;
	background: #F9F2E7;	
	height: 140px;
}

#page .panel .content p {
	margin: 15px 0 0 10px;
	width: 240px;
	float: left;
}

#page .subskrybcja .content {
	height: 120px;
	margin-bottom: 10px;
}

#page .subskrybcja .content b {
	margin-left: 10px;
	float: left;
}

.subskrybcja input {
	background: url(input-subskrypcja.jpg) no-repeat;
	border: 0;
	width: 177px;
	height: 21px;
	font: 11px Tahoma;
	padding-left: 10px;
	float: left;
}

.subskrybcja form {
	float: left;
	width: 280px;
	margin-top: 13px;
	margin-left: 20px;	
}

.subskrybcja .content {
	height: 74px;
}

.subskrybcja .submit {
	background: url(przycisk-wyslij.jpg);
	cursor: hand;
	width: 75px;
	height: 21px;
	float: left;
	margin-left: 5px;
	border: 0;
}

.subskrybcja .rss {
	float: right;
	margin: 10px 17px 0 0 ;
}

/*
    6. Right panels
*/

#right {
    width: 400px;
    float: left;  
    text-align: left;
	margin-top: 6px;
}
#right  .panel {
	width: 400px;
	margin-bottom: 5px;
	font: 11px Tahoma;		
	float: left;
}
				
#right .panel .content {			
	background: url(box-prawy-zwykly.jpg) bottom no-repeat; 
	height: 130px;			
}

#right .panel .title {
	background: url(naglowek-prawy-zwykly-obciety.jpg);
	height: 35px;		
	cursor: hand;
	font-weight: bold;
	color: #404040;	
	
}
		
#right  .muzeum .title {
	cursor: default;
}

#right  .muzeum .content {	
	margin-bottom: -4px; /* for IE... */
	padding: 0;
}

#right .muzeum {
	height: 175px;
}
		
#right .hotnews .title {
	background: url(hotnews.jpg);	
}
	
#right  .hotnews .content {
	float: left;
	width: 400px;
	height: 120px;
	
}
	
#right  .hotnews .content ul {
	float: left;
	width: 320px;		
	list-style-image: url(dot.jpg);
	margin: 10px 0 0 30px;
	/*font-size: 12px; FIXME: trzeba zmienic ilosc pobieranych hotnewsow*/
}

		
#right  .hotnews .content a {
	color: #e08f1c;
	font-weight: bold;		
	float: left;
	margin: 10px 0 0 15px;
}

#right .hotnews .content li a {
	font-weight: normal;
	text-decoration: underline;
	margin: 0;
	float: none;
	color: #404040;
}
		
#right  .hotnews .content a:Hover {
	color: #ffa31f;
}
	
#right 	.regards .content {
	background: url(zyczenia.jpg) bottom;
	padding-right: 150px;
}
		
#right 	.panel .title p {			
	padding: 10px 0 0 10px;			
}

#right 	.panel .title .icon {
	width: 16px;
	height: 16px;
	background: url(ikona-zwin.png) no-repeat;
	float: right;
	margin: -13px 6px 0 0;
	cursor: hand;
}
	
#right 	.panel .title .iconShow {
	width: 16px;
	height: 16px;		
	float: right;
	margin: -13px 6px 0 0;
	background: url(ikona-rozwin.png) no-repeat;
	cursor: hand;
}
		
#right 	.panel .titleHidden {
	background: url(naglowek-prawy-zwykly.jpg);
}
	
		
/*
	6.1 Events
*/	

.events .content {
	padding-left: 10px;
	padding-top: 7px;
}

.events table {	
	float: left;		
}

.events table .day{
	cursor: hand;
	width: 20px;
	height: 17px;
	text-align: center;
	cursor: default;
}

.events table  .day:Hover{
	color: #121212;
}

.events table .bold
{
	/*background: #ccc;*/
	font-weight: bold;
	color: #434343;
	cursor: hand;
	/*-moz-border-radius:4px;
	-webkit-border-radius:4px;	
	*/
	background: url(event.jpg);
	/* 91ac35 */
}

.events .desc {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 190px;
	margin-left: 10px;
}
		

/* 
	6.2 Regards
*/

#right .regards .content {
	padding: 0;
}

#right .regards .content #regards_content {
	padding: 15px;
	height: 95px;
	width: 250px;
	font: 12px Verdana;
}

#right .regards .content #regardsA {
	padding-left: 15px;
	font-weight: bold;
}

/*
	6.3 Weather
*/
#right .weather  .content .element{
	width: 180px;	
	margin: 10px 0 0 20px;
	float: left;	
}

#right .weather  .content .element h4 {
	margin-top: 5px;
}


#right .weather  .content .element span {
	margin-top: 5px;
	float: left;
	width: 170px;
}

#right .weather  .content .element .icon {
	width: 70px;
	height: 60px;
	clear: both;
	float: left;
	margin: 10px 0 0 0;
}

#right .weather  .content .element ul {
	list-style-type: none;
	padding: 0;
	margin: 30px 0 0 15px;
}



/*
	6.4 Currency
*/

#currency td {
	padding: 4px;
}

.currency  .content table {
	margin-left: 10px;
}

#currency .course {
	font-weight: bold;

}	
/*
	6.5 Banners
*/	

.banners {
	width: 400px;
	text-align: center;	

	
	
}

.banners img {
	margin: 5px 0 0 25px;
	float: left;
}


/*
	6.6 Protocols	
*/

#protocols {
	margin: 10px 0 0 0;
	float: left;
	list-style-image: url(dot.jpg);	
	width: 400px;
}

#protocols li {
	margin-left: 25px;
}

#protocols a {
	color: #434343;
}

#protocols a:Hover {
	color: #222;
}

#protocols .links {
	padding: 0;
	font-weight: bold;
	margin: 10px 0 0 0px;
}

#protocols .links  a {
    color: #739900;
    text-decoration: none;
}

#protocols .links  a:Hover {
    color: #8fbe00;
}

#protocols img {
	float: left;
	margin: 0 25px 0px 20px;
}

/*
	7. Scrollable
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.multimedia .content {
	padding-left: 10px;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 480px;
	height: 110px;
	float: left;
	margin-left: 5px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	float: left;
	height: 350px;
}

.items div {
	float:left;
	width:480px;
}

.navi {
	width: 24px;	
	height: 100px;
	float: left;
	
	margin-left: 5px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin: 15px 0 0px 5px;
	background-color:#fff;
	padding:1px;
	border:1px solid #ccc;
	width:110px;
	height:80px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {	
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(arrow.png) no-repeat;
	display:block;
	width:24px;
	height:24px;
	float:left;	
	cursor:pointer;
	font-size:1px;
	margin-top: 45px;
}

/* right */
a.right 				{ background-position: 0 -24px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-24px -24px; }
a.right:active 	{ background-position:-48px -24px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-24px 0; }
a.left:active  	{ background-position:-48px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(arrow.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	opacity: 0.3;	
} 	

/*
	8. Footer
*/
#footer {
	height: 39px;
	width: 980px;	
	text-align: left;
	float: left;
	background: url(footer.jpg) repeat-x;
}

#footer #content {
	padding-top: 13px;
	font-weight: bold;
	float: left;
	width: 855px;
	height: 39px;
	text-align: left;
	
}

#footer #content a {
	color: #404040;
	margin: 0 15px 0 3px;	
}

#footer .upSite {	
	
	width: 100px;
	height: 35px;		
	background: url(wgore.jpg) right top  no-repeat;
	font-weight: bold;
	color: #404040;	
	padding-top: 15px;
	float: left;
	
}

#footer #content a:Hover, #footer .upSite:Hover {
	color: #202020;
}

#footer #left {
	width: 11px;
	height: 39px;
	float: left;
	background: url(footer-left.jpg);
}

#footer #right {
	width: 12px;
	height: 40px;
	float: left;
	background: url(footer-right.jpg) ;
	margin: 0 0 0 1px;
}


#bottom {
	clear: both;
	width: 780px;
	text-align: left;
	padding: 5px 0 20px 10px;
	float: left;
}

#autor {
	float: left;
	text-align: right;
	width: 180px;
	padding-top: 5px;
}

#autor a {
	color: #404040;
	font-weight: bold;
	line-height: 14px;
}

/*
	9. ThicBox CSS
*/

#TB_window {
	font: 11px Tahoma;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#121212;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: solid 1px #CCC;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:15px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:10px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:12px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	background: url(naglowek-lewy-glowny.jpg);
	height:35px;
	font-weight: bold;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/*
	10. Video page
*/

.videoFile {	
	z-index: 0;
}

.videoFile2 {
	margin: 5px 0 0 10px;
	float: left;
}

.allVideos {
	height: 310px;
	
	float: left;
}
.videoPage .desc {
	width: 420px;	
	margin: 5px 0 0 16px;
	float: left;	
}

.allVideos h2 {	
	float: left;
	width: 230px;
}


.allVideos .scrollable {
	margin-top: 10px;
	float: left;
	margin-left: 20px;
	width: 450px;
	height:250px;
}

.allVideos .navi {
	float: left;
}



.allVideos .navi {
	margin-top: 100px;
}

.allVideos .item  {	
	text-align: left;	
	float: left;
}

.allVideos .item a {
	color: #111;
	margin-top: 15px;	
	font-weight: bold;
	float: left;
	text-align: left;
	margin-right: 20px;
}

.item a {
	color: #111;
}

.allVideos .item a img {
	float: left;
	clear: both;
}

.allVideos .item a span {
	float: left;
	
}



.instantSearch {
	float: right;
	margin: 6px 10px 0 0;
	font-weight: bold;
}

.instantSearch input {
	font: 11px Tahoma;
	background: url(input-subskrypcja.jpg) no-repeat;
	border: 0;
	margin: 0;
	width: 177px;
	height: 21px;
	padding-left: 5px;
}

.instantInfo {	
	font-weight: bold;
	height: 10px;
	width: 540px;	
	margin: 13px 0 0 20px;
	text-align: center;
	float: left;
}


/*
	10.1 Most viewed video
*/

.mvv {
	float: left;
	margin: 10px;
	margin-top: 20px;
}

.mvv img {
	float: left;
	border:1px solid #ccc;
	width:110px;
	height:80px;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.mvv b {
	float: left;	
	margin-left: 10px;
	width: 250px;
}

.mvv p {
	float: left;
	margin: 5px 0 0 10px
}

.mainMultimedia  a {
	margin: 0;
	padding: 0;
	width: 120px;
	cursor: default;
}

.mainMultimedia {
	margin-top: 10px;
}

.mainMultimedia .item {
	margin: 0;
	padding: 0;
	margin-top: -13px;
}

.notEverything {
	width: 430px;
	padding-top: 30px;
	font-weight: bold;
	text-align: center;	
}

.notEverything a {
	width: 0;
	height: 0;
	float: none;
	margin: 0;
	padding: 0;
}


/*
	11. Search page
*/

.searchPage #content {
	margin: 15px 0 0 30px;
	float: left;

	margin-right: -70px;
}

.searchPage ol {
	list-style-type: decimal;
	margin-right: 20px;
}

.searchPage ul li {
	margin-left: 20px;
}

/*
	12.1 Gallery list, 12. 2 Gallery
*/

.galleryList .item {
	width: 270px;	
	margin: 10px 0 15px 15px;
	float: left;
	padding: 0;
}



.galleryList .item img {	
	margin-top: 0;
	border: 0;
	margin: 0;
	padding:2px;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width: 120px;
	height: 89px;
	border: solid 1px #CCC;
	float: left;
}

.galleryList .item b {
	padding-left: 10px;
	cursor: hand;
	width: 130px;
	float: left;
}

.galleryList .item p {
	margin: 5px 0 0 10px;
	float: left;
	width: 130px;
	/*height: 60px;*/
}

.galleryList .item  .see {
	margin-left: 10px;
	width: 130px;
	/*text-align: right;*/
	color: #739900;
}

.galleryList .item  .see:Hover {
	 color: #8fbe00;
}

.lightbox {
	
	float: left;
	border: 1px solid #ccc;
	padding: 1px;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

}

.lightbox  img {
	width: 120px;
	height: 90px;
	float: left;
}

.gallery {
	float: left;
}

.gallery a {
	margin: 10px;
}


/*
	13. Archiwium
*/

.archiveList ol {
	margin: 10px 0 0 30px;
}

.archiveList span {
	color: #aaa;
}

.contact {
	width: 560px;
	overflow: hidden;
	margin: 15px 0 0 10px;
	float: left;
	
}

.contact  input, .report-video input {
	width: 237px;
	height: 21px;
	background: url(input-2.jpg) no-repeat;
	border: 0;
	font: 11px Tahoma;
	padding-left: 10px;
}

.contact textarea {
	background: url(input-3.jpg) no-repeat;
	width: 377px;
	height: 121px;
	border: 0;
	padding: 10px;	
}

.contact #submit, .report-video #submit  {
	background: url(przycisk-wyslij.jpg);
	width: 75px;
	height: 21px;
	cursor: hand;
	margin-top: 5px;
	border: 0;
}

.contact #submit:Hover, .report-video #submit:Hover {
	background-position: 0 -21px;
}

#message {
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
}

.contact .response , .report-video .response {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
}

.report-video #submit {
	float: right;
}

/*
	Library
*/



.library .menu {
	float: left;	
	font: 11px Tahoma;
	font-weight: bold;
	background: #8fae2f;
	background: url(menu-dodatkowe.jpg);
	width: 576px;
	height: 30px;
	color: #FFF;	
}

.library .menu a {
	color: #FFF;
	margin: 8px 0 0 16px;
	float: left;
}


.library .menu a:Hover {
	color: #EEE;
}

.library #content .item {
	clear: both;
	float: left;
}



.library #content .panel p {
	padding: 5px;
	float: left;
}

.library #content .item .news p {
	width: 550px;
}

.libraryPanels .panel .content p , .libraryPanels .panel .content table {
	margin: 10px;
	float: left;
}

.libraryPanels .panel .content  ul {
	margin-left: 20px;
	list-style-image: url(dot.jpg);
}
.libraryPanels .panel .content ul li {
	float: left;
	clear: both;
	margin-top: 7px;
}

.libraryPanels .panel .content table td {
	padding: 5px;
}

.report-video {
	float: left;
	margin: 10px;
}

.report-video table {
	margin-top: 10px;
}

.site-map {
	float: left;
	padding-top: 10px;
}

.site-map ul {
	margin-left: 35px;
}

.site-map ul {
	margin-left: 25px;
}

blockquote ul, blockquote ol {
	margin: 10px 0 0 15px;
	list-style-image: url(dot.jpg);		
}

 blockquote ul li, blockquote ol li {
	margin-top: 5px;	
	padding-left: 5px;
}

.icon {
	cursor: hand;
}

.resultsTable td {
	border: solid 1px #444;
	padding: 5px;
}

/*
	14. Gallery fix
*/
.lightbox  {
	margin: 15px 9px 0 10px;
	float: left;
}

#urzedy {
	padding-top: 10px;
		
}
#urzedy  img{
	margin-left: 22px;
}