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

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

html { }

body	{
	font-family: Arial, Verdana, Tahoma, 'TrebuchetMS','LucidaGrande';
	font-size: 9pt;
	text-align: center;
	color: #151515; /*krolick*/
	background:#000000;
	margin: 0px;
	padding:0px;
	cursor:default;
}

a { cursor: pointer; }
a:link { color: #e2001a; text-decoration: underline; } /*krolick*/
a:visited { color: #e2001a; text-decoration: underline; } /*krolick*/
a:hover { color: #151515; text-decoration: underline; } /*krolick*/
a:active { color: #e2001a;}

h2 { font-family: Georgia, Times New Roman; font-size: 13pt;} /*krolick*/
h3 { font-family: Georgia, Times New Roman;} /*krolick*/

/* 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; }

h1 { font-weight: normal; margin:0px; padding:0px; text-align: left; font-size: 23pt;} /*krolick*/

h2,h3 { font-weight:bold; margin:0px; padding:0px; text-align: left; font-size: 13pt;}

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;
}

h3 { font-family: Georgia, Times New Roman; margin-bottom: 3px;} /*krolick*/

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 ************************************************************/	
/******************************************************************************************************************************************/

#top_section { text-align: center; background: url('images/layout/body_background.png') repeat-x top center #ffffff; }
	#location { width: 992px; margin: 0px auto; color: #6c6c6c; text-align: center; height: 25px; line-height: 20px; }
		#location p {width: 980px; margin: 0px auto; text-align: left;  }
		#location p a { color: #c10000; }
		#location p a:hover { color: #6c6c6c; }
	#main_container { text-align: left; margin: 0px auto; width: 992px; }
		#left_column { width: 246px; float: left; }
			#slider { position: relative; z-index: 1; }
			#left_column_inner { width: 222px; margin-left: 6px; top: -45px; position: relative; z-index: 2; }
				p.blogowy_box { text-align: right; padding-bottom: 12px;}
				.blogowy_box a{ }
				img#blog_link { margin: 6px 10px 12px 0px; float: right;}
				#left_column_inner div { margin: 10px 20px 5px; background: url('images/layout/contact_background.png') no-repeat bottom right; }
		#right_column { width: 746px; float: right; }
			#menu { width: 746px; height: 155px; clear: both; position: relative; }
				#logo { height: 80px; position: absolute; top: 25px; left: 30px; }
				#search { width: 180px; height: 37px; background: url('images/layout/search_background.png') no-repeat top left; position: absolute; left: 566px; top: 118px; }
					#search form { padding: 7px 13px; }
						#search form #q { background: transparent; width: 106px; padding: 1px 2px; }
						#search form #button_q { background: transparent; color: #ffffff; margin-left: 3px; width: 40px; cursor: pointer; }
			#content { width: 539px; margin-right: 5px; float: left; padding: 10px; text-align: justify; }
				#content h1 { font-family: Georgia, Times New Roman; color: #e2001a; margin-bottom: 10px; }
				#content .h1 {font-weight: normal; margin:0px; padding:0px; text-align: left; font-size: 23pt; font-family: Georgia, Times New Roman; color: #e2001a; margin-bottom: 10px;}
				#content .box_header { margin-top: 20px; } 
				#pagesSec { text-align: center; }
			#boxes { width: 180px; float: right; text-align: center; padding-top: 0px; }
				.randomphoto { margin: 10px auto 20px; }
				#partners { margin-top: 15px; }
#bottom_section { clear: both; background: url('images/layout/bottom_background.png') top center repeat-x; padding-top: 67px; text-align: center; margin-bottom: 20px; }
	#bottom_section_inner { text-align: left; margin: 0px auto; width: 992px; color: #6c6c6c; }
		#bottom_section_inner a:link, #bottom_section_inner a:visited, #bottom_section_inner a:active { color: #909090; }
		#bottom_section_inner a:hover { color: #ffffff; text-decoration: underline; }
		#menuh2 { width: 620px; float: left; height: 30px; overflow: hidden; }
			#menuh2 ul { display: block; margin: 0px 30px 0px 0px; padding: 0px; float: left; width: 80px; text-align: center; list-style-type: none; }
				#menuh2 ul li { margin: 0px; padding: 0px; line-height: 30px; }
					#menuh2 ul li a { display: block; text-decoration: none; } /*krolick*/
					#menuh2 ul li a.activeMenuItem { background: url('images/layout/menuh2_element_active.png') center top no-repeat; color: #ffffff; text-decoration: underline; } /*krolick*/
				#menuh2 ul li ul { display: none; visibility: hidden; }
				#menuh2 ul li ul li { display: none; visibility: hidden; }
		#rss_modyficationdate { width:370px; float: right; line-height: 30px; }
			#rss_modyficationdate span { display: block; }	
			#rss_modyficationdate #rss { width: 110px; float: left; }
			#rss_modyficationdate #modyficationdate { width: 240px; float: right; text-align: right; }
			#rss_modyficationdate img { vertical-align: text-top; }
		#footer { clear: both; float: none; padding-top: 10px; text-align: center; line-height: 24px; }
		#footer h3 { font-size: 9pt; font-family: Arial, Verdana, Tahoma, 'TrebuchetMS','LucidaGrande'; text-align: center; } /*krolick*/

.box_header { background: url('images/layout/box_background.png') no-repeat top left; border-bottom: 1px solid #58010a; line-height: 30px; padding-left: 18px; font-family: Georgia, Times New Roman; text-align: left; font-size: 13pt; margin-top: 12px;}

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

/* akapit pojawiajacy sie jesli w strukturze menu wejdziemy na glebszy poziom */
p#dynamicMenuUpLink { }

ul.tree { display:block; list-style-type:none; margin: 0px 0px 10px 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: 32px; background: url('images/layout/menu_li.png') bottom center repeat-x; } */
ul.tree li{ display: block; padding: 0px; line-height: 16px; background: url('images/layout/menu_li.png') bottom center repeat-x; }
ul.tree li.closed { }
ul.tree li.opened { }
ul.tree li.menuLiClass_1 { display: none; }
/* ul.tree li a { display: block; line-height: 32px; background: url('images/layout/menu_a.png') 4px 12px no-repeat; padding-left: 18px; } */
ul.tree li a { display: block; line-height: 15px; background: url('images/layout/menu_a.png') 4px 12px no-repeat; padding: 8px 0px 8px 18px; }
ul.tree li a.folder { color: #0000ff; }
ul.tree li a.active { color: #151515; } /* 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; }

ul.tree a, ul.tree a:link, ul.tree a:active, ul.tree a:hover, ul.tree a:visited {text-decoration: none;} /*krolick*/

div#menuh3 {background-image: none; margin: 0px;}
#menuh3 ul { display:block; list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px; }
#menuh3 ul ul { display: block; list-style-type:none; margin: 0px; padding-left: 20px; }
#menuh3 ul li{ display: block; padding: 0px; line-height: 32px; background: url('images/layout/menu_li.png') bottom center repeat-x; }
#menuh3 ul li a { display: block; line-height: 32px; background: url('images/layout/menu_a.png') 4px 12px no-repeat; padding-left: 18px; }
#menuh3 ul li a.folder { color: #0000ff; }
#menuh3 ul li a.active { color: #151515; } /* aktywny element menu */
#menuh3 ul li a:hover { }
#menuh3 ul li ul li { }
#menuh3 ul a, #menuh3 ul a:link, #menuh3 ul a:active, #menuh3 ul a:hover, #menuh3 ul a:visited {text-decoration: none;} /*krolick*/

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

ul.siteMap { display:block; list-style-type:none; margin: 0px 0px 10px 0px; padding: 0px; }
ul.siteMap ul { display: block; list-style-type:none; margin: 0px; padding-left: 20px; }
ul.siteMap li { display: block; padding: 0px; line-height: 32px; }
ul.siteMap li a { display: block; line-height: 32px; background: url('images/layout/menu_a.png') 4px 12px no-repeat; padding-left: 18px; }

/*****************************************************************************************************************************************/
/********************************************************** newsletter (ajuNewsletter)  **********************************************************/
/*****************************************************************************************************************************************/

#newsletter_add { }
#newsletter_add input { border: 1px solid #010101; display: block; float: left; }
#newsletter_erase input { border: 1px solid #010101; display: block; margin: 5px auto; }
#newsletter_add label, #newsletter_erase label { display: block; width: 220px; float: left; text-align: right; margin: 0px 10px 5px 0px; }
#newsletter_add_submit input, #newsletter_erase_submit input { display: block; width: 100px; height: 30px; background-color: #d30303; color: #151515; border: none; float: none; margin: 10px auto; }
#newsletter_add_zaznacztext { text-align: center; }
#newsletter_add .inline { display: inline; float: none; clear: none; margin: 5px; }
.newsletter_title { text-align: center; font-weight: bold; margin-bottom: 5px; }
#newsletter_erase { }

/******************************************************************************************************************************************/
/******************************** 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;}

/*****************************************************************************************************************************************/
/****************************************** wyswietlanie aktualnosci box (ajuNewsLatestNews) *************************************************/
/*****************************************************************************************************************************************/

#ajuNewsLatestNews { list-style-type: none; padding: 5px 0px 0px 0px; margin: 0px; }
#ajuNewsLatestNews li { background: url('images/layout/ajuNewsList.png') no-repeat 3px 5px; padding: 0px 0px 5px 15px; margin-top: 5px; border-bottom: 1px dotted #dddddd; }
	#ajuNewsLatestNews .singleNews .newsTitle { color: #e4001b; margin-bottom: 3px; }
		#ajuNewsLatestNews .singleNews .newsTitle a { text-decoration: underline; }
	#ajuNewsLatestNews .singleNews .newsPubdate { font-size: 8pt; margin-bottom: 3px; float: right;}

/*****************************************************************************************************************************************/
/********************************************* formularz aplikacyjny (applicationForm) ***************************************************/
/*****************************************************************************************************************************************/ 

#contactForm { }
#contactForm label { display: block; width: 120px; float: left; text-align: right; margin: 0px 10px 5px 0px; }
#contactForm input { border: 1px solid #010101; display: block; float: left; width: 390px; }
#contactForm textarea { border: 1px solid #010101; display: block; float: left; width: 390px; height: 150px; }
#contactForm #emailFormSubmitButton { display: block; width: 180px; height: 30px; background-color: #d30303; color: #151515; border: none; float: none; margin: 10px auto; cursor: pointer; }

/*****************************************************************************************************************************************/
/******************************************************** aktualnosci (ajuNews) **********************************************************/
/*****************************************************************************************************************************************/ 

#ajuNews_single input { border: 1px solid #010101; }
#ajuNews_single textarea { border: 1px solid #010101; width: 100%; height: 95px; }
#ajuNews_single_top { border-bottom: 1px solid #000000; margin-bottom: 5px; }
	#ajuNews_single_top img { float: left; margin-right: 6px; border: 1px solid #e2001a; border-bottom: 0px }
	#ajuNews_single_title { font-size: 14pt; padding-top: 20px; font-weight: bold; float: right; width: 368px; font-family: Georgia, Times New Roman; text-align: left;}
	#ajuNews_single_data { font-size: 8pt; float: right; width: 368px; text-align: left; }
#ajuNews_single_intro { margin-bottom: 15px; }
	#ajuNews_single form p { line-height: 25px; }
		#ajuNews_single form p input { width: 100%; padding: 1px; }
		#ajuNews_single form #captcha input { width: 423px; }
	#ajuNews_single form #submit { margin-top: 7px; }
		#ajuNews_single form #submit input { display: block; width: 100px; height: 30px; background-color: #d30303; color: #151515; border: none; float: right; }
.ajuNews_single_top { border-bottom: 1px solid #000000; margin-bottom: 5px; }
	.ajuNews_single_top img { margin-right: 6px; border: 1px solid #e2001a; border-bottom: 0px }
	.ajuNews_single_title { font-size: 14pt; padding-top: 20px; font-weight: bold; float: right; width: 368px; font-family: Georgia, Times New Roman; text-align: left;}
	.ajuNews_single_data { font-size: 8pt; float: right; width: 368px;  }
.ajuNews_single_intro { float: left; margin-bottom: 11px; border-bottom: 1px dotted #dddddd; }
		
/******************************************************************************************************************************************/
/***************************************** 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; }

/*****************************************************************************************************************************************/
/***************************************************** formularz kontaktowy (form)  *******************************************************/
/*****************************************************************************************************************************************/

#formularzKontaktowy { line-height: 22px; }
#formularzKontaktowy label { float: left; display: block; width: 105px; text-align: right;  margin-right: 15px; }
#formularzKontaktowy input { float: left; display: block; width: 330px; border: 1px solid #d30303; }
#formularzKontaktowy textarea { float: left; display: block; width: 330px; height: 200px; border: 1px solid #d30303; }
#formularzKontaktowy #submit { background-color:#D30303; border: none; color:#151515; display:block; float:none; height:30px; width:100px; margin: 10px auto; }


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

div#searchSystem { text-align: center; }
	
	/* tytul wyszukiwania (ze to wyszukiwarka ze trzeba wpisac min 3 znaki itp) */
	p#searchSystem_title { font-weight: bold; text-align: center; margin-bottom: 5px; }
		
		/* akapit i pole do wpisania czego sie szuka */
		p#searchSystem_input { text-align: center; margin: 0px auto 5px; width: 300px; }
			p#searchSystem_input #q { border: 1px solid #d30303; width: 200px; color: #d30303; float: left; line-height: 18px; height: 18px; display: block; padding: 2px; }
			p#searchSystem_input #q_sub { width: 80px; background-color: #d30303; float: right; color: #ffffff; line-height: 25px; height: 23px; display: block; }
	

	/* 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; }

	/* tytul zdjecia w galerii (o ile zdjecie ma dodany tytul) */
	p#galleryTitle { text-align:center; }
	
	/* 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:relative; margin-top: 2px; }
		div#thumbs img { margin: 2px; }

		/* 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; }
		a.galeriaNext img.navigation{ position: absolute; right: -50px; }

/* 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 #336699; background-color:#ddeeff; width:200px; padding:2px;	font-size: small;	text-align: center;}

/*****************************************************************************************************************************************/
/******************************************************* MAPA GOOGLE (ajuGoogleMaps) ****************************************************/
/*****************************************************************************************************************************************/

/* mapa jest w divie map, ktory musi miec okreslona w css wysokosc i szekokosc, w przeciwnym wypadku robi sie jedna masakra */
div#map { width: 300px; height: 300px; }

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

/*****************************************************************************************************************************************/
/*********************************************************** zapytanie ofertowe *********************************************************/
/*****************************************************************************************************************************************/

#offerFormContainer { line-height: 22px; text-align: justify; }
#offerFormContainer h2 { margin: 5px 0px; }
#offerFormContainer input { border: 1px solid #d30303; }
#offerFormContainer textarea { border: 1px solid #d30303; width: 99.8%; height: 50px; }
#offerFormContainer .radio { border: none; margin:5px 8px 0 10px; }


#offerFormContainer .maindata label { display: block; width: 120px; float: left; }
#offerFormContainer .maindata input { display: block; width: 400px; float: right; }
#offerFormContainer .graphic p { width: 50%; }
#offerFormContainer .seo input { width: 99.8%; display: block; }
#offerFormContainer .submit { display: block; width: 100px; height: 30px; background-color: #d30303; color: #ffffff; border: none; float: none; margin: 10px auto; }
#offerFormContainer .small { font-size: 7pt; line-height: 13px; margin-top: 5px; }
#offerFormContainer .small input { margin-right: 3px; }
#offerFormContainer .odd { background-color: #f7f7f7; }

/*****************************************************************************************************************************************/
/***************************************************** formularz usterek i sugestii ******************************************************/
/*****************************************************************************************************************************************/
#bugsFormContainer { line-height: 22px; text-align: justify; }
#bugsFormContainer h2 { margin: 5px 0px; }
#bugsFormContainer input { border: 1px solid #d30303; }
#bugsFormContainer textarea { border: 1px solid #d30303; width: 99.8%; height: 50px; }
#bugsFormContainer .radio { border: none; margin:5px 8px 0 10px; }


#bugsFormContainer .maindata label { display: block; width: 120px; float: left; }
#bugsFormContainer .maindata input { display: block; width: 400px; float: right; }
#bugsFormContainer .graphic p { width: 50%; }
#bugsFormContainer .seo input { width: 99.8%; display: block; }
#bugsFormContainer .submit { display: block; width: 100px; height: 30px; background-color: #d30303; color: #ffffff; border: none; float: none; margin: 10px auto; }
#bugsFormContainer .small { font-size: 7pt; line-height: 13px; margin-top: 5px; }
#bugsFormContainer .small input { margin-right: 3px; }
#bugsFormContainer .odd { background-color: #f7f7f7; }



/*****************************************************************************************************************************************/
/*************************************************************** inne klasy *****************************************************************/
/*****************************************************************************************************************************************/
.repeated { margin: 5px 0px ;}
a.titlowy {color: #151515; text-decoration: none;}
p.skoczki { text-align: center; }

br.clear { clear: both; line-height: 1px; height: 1px; font-size: 1px; }
.clear { clear: both; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.red { color: #e2001a; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }
.floatLeft { float: left; }
.floatRight { float: right; }
.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; }
/*************************************************************** tabelka oferta na stronie głównej *****************************************************************/
/*****************************************************************************************************************************************/
table#tabelakropki td ul {margin:15px 0 15px 15px; padding:0px}
table#tabelakropki td {vertical-align:top}
table#tabelakropki td ul li {}

/******************buttonik*******************/

.button-czerwony, .button-czerwony:visited {
	background: #ed1d24 url(images/alert-overlay.png) repeat-x; 
	background-position: bottom;
	display: inline-block; 
	padding: 7px 11px 8px; 
	color: #fff; 
	text-decoration: none; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;	
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	}
	a.button-czerwony:link { color: #fff; text-decoration: none;}
	.button-czerwony:hover, a.button-czerwony:hover { background-color: #111; color: #fff; }
	.button-czerwony:active	{ top: 1px; }