/************************************ CSS made by Tomasz Kowalkiewicz - Agencja Interaktywna Krakweb.pl ***************************************/

/******************************************************************************************************************************************/
/************************************************************* STYLE GLOBALNE ***********************************************************/
/******************************************************************************************************************************************/

html { color: #000000; background: #4F4F4F; }

body { font-family: Tahoma, 'TrebuchetMS','LucidaGrande',Verdana,Arial;
	font-size: 9pt; text-align: center; color: #BFBFBF;
	margin: 0px; padding:0px; }

a:link { color: #ffffff; text-decoration:none; }
a:visited { color: #ffffff; text-decoration:none; }
a:hover { color: #C5C5C5; text-decoration: underline; }
a:active { color: #ffffff;}

/* resetowanie wartosci */
table, tr, td {
	vertical-align: middle; background: none; border-collapse: collapse; border-spacing: 0px;
	border: none; padding: 0px; margin: 0px; font-size: 9pt;
}
div, p, dd, dt, dl, input, textarea, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, blockquote {
	margin: 0px; padding: 0px; border: none; vertical-align: top;
}

h1 { font-size: 19pt; line-height: 18pt; font-weight: normal; font-family: Arial; margin-bottom: 5px; color: #f58220; }
h2 { font-size: larger; }
h3 { font-size: medium; }

input, textarea, select {
	font-family:inherit; font-size:inherit; font-weight:inherit;
}
abbr, acronym { border: 0px; font-variant:normal; }
img { border:0px; vertical-align:top; margin: 0px; padding: 0px; }

/******************************************************************************************************************************************/
/************************************************************** TRESC STRONY ************************************************************/	
/******************************************************************************************************************************************/
#empty_top { margin: 15px auto 0px; height: 5px; width: 970px; background: transparent url('images/layout/background_top.png') bottom center repeat-x; }
#top_section_bg { width: 990px; margin: 0px auto; height: 256px; background: #ffffff url('images/layout/background_main.png') bottom center repeat-y; }
	#top_section { height: 212px; position: relative; z-index: 2; width: 970px; margin: 0px auto; text-align: left; background: #ffffff url('images/layout/top_section_bg.png') bottom center repeat-x; }
		#top_section img { vertical-align: bottom; }
		#logo { position: absolute; top: 0px; left: 118px; width: 255px; height: 212px; background: url('images/layout/logo_bg.jpg') no-repeat center center; }
			#logo img { margin: 51px 56px 36px 44px; }
		#section_img { position: absolute; top: 0px; left: 373px; width: 485px; height: 212px; }
	#menu_section { height: 44px; background-color: #ffffff; position: relative; z-index: 2; width: 970px; margin: 0px auto; text-align: left; }
#content_section_bg { background: transparent url('images/layout/background_main.png') bottom center repeat-y; width: 990px; margin: 0px auto; }	
	#content_section { background: url('images/layout/content_section_bg.png') repeat-y top right #727071;  width: 970px; margin: 0px auto; text-align: left; }
		#left_column { width: 540px; float: left; margin: 20px; line-height: 18px; text-align: justify; }
			#pagesSec { text-align: center; }
			#leftMenuText { margin: 30px auto 15px; font-size: 8pt; }
				#leftMenuText img { float: left; }
				#leftMenuText ul { list-style-position: inside; float: left; margin: 0px 5px 0px 0px; padding-left: 15px; * padding-left: 10px; }
					#leftMenuText ul li { line-height: 1.2em; }
				#leftMenuText a:link { color: #BFBFBF; }
				#leftMenuText a:visited { color: #BFBFBF; }
				#leftMenuText a:hover { color: #FFFFFF; text-decoration: none; }
		#right_column { width: 350px; float: right; margin: 20px; font-size: 8pt; line-height: 15px; color: #808487; }
			#iceNewsDisplay { background: url('images/layout/iceNewsDisplay_bg.png') no-repeat top left; padding-top: 35px; line-height: 1.3em; }
				.iceNewsDisplay { margin-bottom: 20px; }
				.iceNewsDisplayTitle { font-weight: bold; color: #ffffff; }
				.iceNewsDisplayTitle span { color: #f38222; font-weight: normal; }
				.iceNewsDisplayContent img { margin-right: 5px; }
				.iceNewsDisplayUrl { text-align: right; }
					.iceNewsDisplayUrl a:link, .iceNewsDisplayUrl a:visited { color: #f38222; }
					.iceNewsDisplayUrl a:hover { text-decoration: underline; }
			#right_column a:link { color: #f38222; }
			#right_column a:visited { color: #f38222; }
			#right_column a:hover { color: #f38222; }
			#right_column a:active { color: #f38222; }
#footer_section_bg { width: 990px; clear: both; background: #ffffff url('images/layout/background_main.png') bottom center repeat-y; margin: 0px auto; font-size: 8pt; }
	#footer { width: 970px; margin: 0px auto; text-align: left; color: #c5c5c5; padding-top: 14px; height: 30px; background: #ffffff url('images/layout/bottom_section_bg.png') repeat-x top center; }
		#footer_left { width: 560px; float: left;  text-align: center; }
		#footer_right { width: 350px; float: right; margin: 0px 20px 0px 20px; font-size: 8pt; }
			#footer_right form { background: url('images/layout/search_bg.png') no-repeat top center #ffffff; width: 156px; height: 17px; float: left; }
				#footer_right form #q { background: transparent; width: 125px; color: #c5c5c5; padding-top: 2px; font-size: 8pt; }
				#footer_right form #q1 { background: transparent; width: 26px; height: 17px; cursor: pointer; }
			#footer_right ul { margin: 0px 0px 0px 15px; padding: 0px; list-style-type: none; width: 120px; height: 17px; float: left; }
				#footer_right ul li { margin: 0px; padding: 0px; float: left; width: 30px; }
			#languages { float: right; }
		#footer a:link, #footer a:visited { color: #C5C5C5; }
		#footer a:hover { color: #454344; }
#empty_bottom { margin: 0px auto; height: 5px; width: 970px; background: transparent url('images/layout/background_bottom.png') top center repeat-x; }

/******************************************************************************************************************************************/	
/************************************************************** MENU**********************************************************************/	
/******************************************************************************************************************************************/

/* akapit pojawiajacy sie jesli w strukturze menu wejdziemy na glebszy poziom */
p#dynamicMenuUpLink img { vertical-align: middle; }

ul.tree { display:block; list-style-type:none; margin: 0px; padding: 0px; }
ul.tree ul { display: block; list-style-type:none; margin: 0px; padding-left: 20px; }
ul.tree li{ display: block; padding: 0px; line-height: 1.7em; }
ul.tree li.closed { }
ul.tree li.opened { }
ul.tree li a { }
ul.tree li a.folder { }
#right_column ul.tree li a.active { color: #ffffff; } /* aktywny element menu */
ul.tree li a:hover { }
ul.tree li ul li { }
.invisible_class { visibility:collapse; line-height:0px; display:none; height:0; }
ul.tree .invisible_class { visibility:collapse; line-height:0px; display:none; height:0; }
ul.tree li.invisible_class { display: none; visibility:collapse; line-height:0px; margin:0px; padding: 0px; border: 0px; font-size: 0px; background-image: none; }
ul.tree li.invisible_class a { display: none; visibility:collapse; line-height:0px; margin:0px; padding: 0px; border: 0px; font-size: 0px; background-image: none; }

/******************************************************************************************************************************************/
/******************************** menu w content - listowanie struktury (pliki rootContent.tmpl i rootContentRep.tmpl *********************************/
/******************************************************************************************************************************************/

div.rootContent {}
	p.rootContent_title { font-weight: bold;	}
	p.rootContent_description { margin-left: 10px; }
div.rootContentRep { margin-top: 5px; }
	p.rootContentRep_title {	}
	p.rootContentRep_description { margin-left: 10px;}

/******************************************************************************************************************************************/
/***************************************** contentText zawartosc tekstowa MCE i FCK **********************************************************/
/******************************************************************************************************************************************/

/* div widoczny przy kilku elementach 'zawartosc tekstowa' w jednym folderze w strukturze */
div#text_contentitemstable { }	
	p#text_contentitemstable_title  { font-weight: bold; margin-bottom: 5px; }
	p.text_contentitemstable_links { }

/* wyswietlenie podobnych stron do danej zawartosci tekstowej */
dl#text_contentitemstable_similar_title { }
	dt#text_contentitemstable_similar_title { font-weight: bold; }
	dd#text_contentitemstable_similar_links { margin-left: 10px; }

/******************************************************************************************************************************************/
/******************************************************* nowinki (iceNews)  *****************************************************************/
/*****************************************************************************************************************************************/

/*formatowanie pojedynczego newsa ( gdy wyswietla sie ich cala lista) - formatowanie to tez dotyczy juz otwartego newsa */
div.iceNews_singleNews { margin-bottom: 10px; }
	p.iceNews_singleNews_title { font-size: 11pt; color: #ffffff; }
		p.iceNews_singleNews_title span { color: #F38222; font-size: 8pt; font-weight: normal; }
	p.iceNews_singleNews_author { font-size: small; color: #555555; }
	p.iceNews_singleNews_morecomments { float: none; clear: both; font-size: 8pt; }
		a.iceNews_singleNews_more { float: right; color: #F38222; }
		a.iceNews_singleNews_comments { float: left; color: #F38222; }
	div.iceNews_content img { margin: 4px; }
/* nie mam pojecia co to jest */
div#iceNews_bottom { }

/* div odpowiedzialny za formatowanie listy komentarzy, podobnych stron itd pod otwartym newsem */
div#iceNews_focus { margin-top: 10px; }

	/* lista podobnych stron do danego newsa */
	dl#iceNews_focus_menu2 { }
		dl#iceNews_focus_menu2 dt { font-weight: bold; }
		dl#iceNews_focus_menu2 dd { margin: 0px 10px; }
			dl#iceNews_focus_menu2 dd p { margin-bottom: 5px; }

	 /* dodawanie komentarza */
	dl#iceNews_focus_menu0 {}
		dl#iceNews_focus_menu0 dt { font-weight: bold; }
		dl#iceNews_focus_menu0 dd { margin: 0px 10px 5px; }
			/* pole wprowadzania komentarza */
			dl#iceNews_focus_menu0 textarea { 
				border: 1px solid #c4c4c4;
				background-color: #ffffff;
				color: #9F9F9F;
				width: 99%;
				height: 100px;
				margin: 5px 0px; }
			
			/* akapit i input od wpisania nicka komentujacego */
			p#iceNews_focus_menu0_sign { float: left;}
				p#iceNews_focus_menu0_sign input {
					border: 1px solid #c4c4c4;
					background-color: #ffffff;
					color: #9F9F9F; }

			/* akapit i inputy od dodawania i czyszczenia komentarza */
			p#iceNews_focus_menu0_submit { float: right; margin-right: 4px; }
				p#iceNews_focus_menu0_submit input {
					border: 1px solid #c4c4c4;
					background-color: #ffffff;
					color: #9F9F9F; font-weight: bold; }

	/*akapit wyswietlajacy ilosc komentarzy */
	p#iceNews_focus_commentsCount { font-weight: bold; }
		/* numerek z iloscia komentarzy */
		span#iceNews_focus_commentsCount_number { font-weight: normal; color: #ffffff; }
	
	/* lista dodanych komentarzy */
	div#iceNews_focus_comments { margin: 0px 10px; }
		/*pojedynczy komentarz */
		div.iceNews_focus_comments_single { margin-top: 5px; }
			p.iceNews_focus_comments_meta { }
				span.iceNews_focus_comments_meta_author { font-style: italic; letter-spacing: 2px; font-weight: bold; color: #DFDFDF; }
				span.iceNews_focus_comments_meta_date { color: #555555; }
			p.iceNews_focus_comments_content { }
		/*akapit przy stronicowaniu komentarzy */
		p#iceNews_focus_comments_pages { }

/* div pojawiajacy sie jesli nie ma zadnego newsa.  wyswietlajacy sie komunikat jest w pliku lang.php a sam div w newsnotfound.tmpl */
div#iceNews_notfound { font-weight: bold;  }

/*komunikaty pojawiajace sie po dodaniu komentarza do newsa */
p#iceNews_ok { border: 2px solid #019F00; padding: 5px; margin-bottom: 5px; text-align: center; }
p#iceNews_error { border: 2px solid #DF0000; padding: 5px; margin-bottom: 5px; text-align: center; }

/*****************************************************************************************************************************************/
/********************************************************** mapa strony (siteMap)  **********************************************************/
/*****************************************************************************************************************************************/

ul.siteMap { margin: 0px; padding: 0px; list-style-position: inside; list-style-image: url('images/layout/siteMap_li.gif'); line-height: 1.7em; }
ul.siteMap ul { padding-left: 30px; }

/*****************************************************************************************************************************************/
/******************************************************** wyszukiwarka (searchSystem) *****************************************************/
/*****************************************************************************************************************************************/

div#searchSystem { text-align: center; }
	
	/* tytul wyszukiwania (ze to wyszukiwarka ze trzeba wpisac min 3 znaki itp) */
	p#searchSystem_title { text-align: center; margin-bottom: 5px; font-size: 11pt; }
		
		/* akapit i pole do wpisania czego sie szuka */
		p#searchSystem_inputs { width: 230px; margin: 0px auto; }
			p#searchSystem_inputs .input { 
				background: url('images/layout/search_input.png') top left no-repeat;
				width: 145px; 
				height: 20px;
				color: #9F9F9F; 
				float: left; line-height: 20px; padding: 3px 3px 0px 3px; }
	
		/* przycisk do wyslania zapytania */
			p#searchSystem_inputs .submit {
				width: 75px;
				height: 20px;
				float: right;
				background: url('images/layout/search_submit.png') top left no-repeat;
				cursor: pointer; }
	
	/* akapit jesli nie bedzie zadnych wynikow szukania */
	p#searchSystem_noitem { font-style: italic; }
	
	/* akapity z nazwa grupy (konfigurowane w cms) */
	p.searchSystem_groupTitle { font-weight: bold; margin: 10px 0px 0px; }

	/* akapity z pojedynczym wynikiem wyszukiwania */
	p.searchSystem_answerItem { text-align: left; }
		p.searchSystem_answerItem img { vertical-align: middle; }
		p.searchSystem_answerItem a { margin-left: 5px; }

/*****************************************************************************************************************************************/
/*********************************************************** galeria (iceGallery) ************************************************************/
/*****************************************************************************************************************************************/

/* div pojawiajacy sie jesli w danym katalogu w strukturze jest wiecej niz jedna galeria */
div#iceGallery_contentitemstable { }

	/* akapit z napisem "wybierz galerie" */
	p#iceGallery_header { font-weight: bold; text-align: center; margin-bottom: 5px; font-size: medium; }
	
	/* div odpowiedzialny za wyswietlenie miniaturki ostatniego zdjecia z danej galerii i jej tytulu - wielkosc zdjec jest taka sama jak ustawiona w cmsie dla miniaturek */
	div.iceGallery_miniGallery { float: left; margin: 5px; }
		p.iceGallery_miniGallery_photo { text-align: center; }
		p.iceGallery_miniGallery_title { font-weight: bold; text-align: center; margin-top: 5px; }

/* div juz otwartej konkretnej galerii */
div#iceGallery { text-align: center; margin: 0px auto; position: relative; height: 380px; }

	/* tytul zdjecia w galerii (o ile zdjecie ma dodany tytul) */
	p#galleryTitle { text-align:center; font-weight: bold; font-size: 11pt; }
	
	/* akapit z ikonka ktora sygnalizuje czy zdjecie ma opis czy nie */
	p#iceGallery_photoDescription { }
	
	/*akapit z glownym zdjeciem w galerii */
	p#iceGallery_mainPhoto { }
	
	/*miniatury zdjec w galerii */
	div#thumbs { position:absolute; left: 640px; top: 50px; width: 250px; }
		div#thumbs img { margin: 2px; vertical-align: middle; }

		/* przyciski do przewijania galerii jesli w galerii jest wiecej zdjec niz ustawione wyswietlanie w cmsie  - uwaga wystaja po 50px z kazdej strony, wiec maxymalna szerokosc duzego zdjecia w galerii to szerokosc diva content minus 100px */
		a.galeriaPrevious img.navigation{ position: absolute; left: -50px; top: 5px; }
		a.galeriaNext img.navigation{ position: absolute; right: -50px; top: 5px; }

/* wyskakujacy tooltip po najechaniu na znak zapytania - jesli dane zdjecie ma opis to znak zapytania jest niebieski */	
div#imgDescription {
	position:absolute;
	top:0px;
	left:0px;
	z-index:10000;
	visibility:hidden;
	border: solid 1px #393738;
	color: #393738;
	background-color: #D3D3D3;
	width:300px;
	padding:2px;
	font-size: 8pt;
	text-align: center;}

/*****************************************************************************************************************************************/
/******************************************************* MAPA GOOGLE (ajuGoogleMaps) ****************************************************/
/*****************************************************************************************************************************************/
/*The Twenty Fourth of February*/
/* mapa jest w divie map, ktory musi miec okreslona w css wysokosc i szekokosc, w przeciwnym wypadku robi sie jedna masakra */
div#map { width: 560px; height: 400px; }

/* div z opisem danej mapy (opis edytowalny w cmsie) */
div#ajuGoogleMap_description { font-weight: bold; }

/*****************************************************************************************************************************************/
/*************************************************************** inne klasy *****************************************************************/
/*****************************************************************************************************************************************/

.clear { clear: both; }
br.clear { clear: both; line-height: 1px; height: 1px; font-size: 1px; }
.bold { font-weight: bold; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }
.success { border: 2px solid #019F00; color: #019F00; padding: 5px; margin-bottom: 5px; text-align: center; }
.error { border: 2px solid #DF0000; color: #DF0000; padding: 5px; margin-bottom: 5px; text-align: center; }