/************************************************ CSS made by Tomasz Kowalkiewicz - Krakweb.pl ***********************************************/
@charset"utf-8";

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

html { color: #000000; background:#313131; }

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

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

/* resetowanie wartosci */
table, tr, td {
	vertical-align: middle;
	background: none;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
}

h1,h2,h3	{
	font-weight:bold;
	margin:0px;
	padding:0px;
}

h1 { font-size: large; }
h2 { font-size: larger; }
h3 { font-size: medium; }

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

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

#main {	width: 945px; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; margin: 0px auto; text-align: left; background-color: #bcbcbc; }
	#top_section { height: 355px; position: relative; }
		#logo_box { width: 315px; height: 105px; float: left; }
		#menu_box { width: 630px; height: 110px; float: right; }
		#top_left { width: 315px; height: 250px; float: left; background: url('images/layout/top_left.png') no-repeat bottom left #B4B4B4; }
			#top_left img { margin: 4px 0px 0px 2px; }
		#top_right { width: 630px; height: 245px; float: right; background: url('images/layout/top_right.png') no-repeat bottom left #B4B4B4; position: relative; }
			#iceNewsDisplay {padding: 0px 15px 0px 15px; background: url('images/layout/aktualnosci.png') no-repeat top left; overflow: hidden; height: 170px; }
			#top_section #searchSystem { position: absolute; top: 3px; right: 15px; width: 255px; height: 30px; background: url('images/layout/wyszukiwarka.png') no-repeat top center; }
		#lang_box { position: absolute; top: 10px; right: -40px; width: 30px; }
			#lang_box p { margin-bottom: 3px; }
	#menu_section { height: 60px; }
	#content_section { background: #404040 url('images/layout/content_background.gif') repeat-y top left; margin-bottom: 2px; height: auto; position: relative; z-index: 100; }
		#content_left { width: 212px; float: left; min-height: 50px; height:auto !important; height:50px; background: url('images/layout/content_left_repeat.png') repeat-y top left #404040; }
			#maszyny_uzywane { padding: 0px 10px 0px 15px; margin-bottom: 10px; background: url('images/layout/maszyny_nowe_repeat.png') repeat-y top left; }
			#maszyny_nowe { background: url('images/layout/maszyny_nowe_repeat.png') repeat-y top left; padding:0 10px 0px 13px; margin-bottom: 10px; }
			#maszyny_oferta { background: url('images/layout/maszyny_oferta.png') no-repeat top left; padding: 20px 10px 10px; text-align: center; }
				#maszyny_oferta img { border: 1px solid #ffffff; }
			/* #maszyny_uzywane_bottom { padding: 0px 10px 0px 15px; background: url('images/layout/maszyny_uzywane_bottom.png') no-repeat top left #404040; height: 10px; } */
		#content_center { width: 516px;	float: left; background-color: #b4b4b4; }
			#content_inner { padding: 0px 10px; text-align: justify; }
				#pagesSec { text-align: center; }
		#content_right { width: 215px; float: left; background: url('images/layout/menu.png') no-repeat top left #404040; }
	#bottom_section { clear: both; border-top: 1px solid #a2a2a2; background-color: #a9a9a9; font-size: 8pt; }
		#banners { float: left; width: 728px;  min-height: 90px; height: auto !important; height: 90px; background-color: #a9a9a9; }
			#banners_inner { text-align: center; }
		#footer { float: left; width: 214px; /* border-left: 1px solid #cbcbcb; */ color: #e3e3e3; min-height: 90px; height: auto !important; height: 90px; background-color: #a9a9a9; }
			#footer a:link, #footer a:hover, #footer a:visited,#footer a:active { color: #e3e3e3; }
			#footer_menu { margin: 15px 10px 5px 2px; }
			#footer_inner { margin: 0px 10px 15px; }

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

/* akapit pojawiajacy sie jesli w strukturze menu wejdziemy na glebszy poziom */

p#dynamicMenuUpLink { display: none; margin: 20px 10px 0px 10px; }

ul.tree { display:block; list-style-type:none; margin: 20px 0px 0px; padding: 0px 15px 0px 15px; background: url('images/layout/maszyny_uzywane_repeat.png') repeat-y top left #404040; }
ul.tree ul { display: block; list-style-type:none; margin: 0px; padding-left: 20px; }
ul.tree li{ display: block; padding: 0px; line-height: 1.3em; }
ul.tree li.closed { }
ul.tree li.opened { }
ul.tree li a { padding-left: 10px; }
ul.tree li a.folder { color: #0000ff; }
ul.tree li a.active { text-decoration: underline; } /* aktywny element menu */
ul.tree li a:hover { text-decoration: none; }
/* ul.tree li a:hover { color: #e3e3e3; background: url('images/layout/menu_horizontal_a.png') repeat-x center right; } */
ul.tree li:hover { background: transparent url('images/layout/menu_horizontal_bg.png') no-repeat scroll left top; }
ul.tree li ul li:hover { background: none; }
.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 { background: url('images/rootContentRep.gif') center left no-repeat; }
	p.rootContentRep_title { padding-top: 5px; padding-left: 15px; }
	p.rootContentRep_title a:link { color: #000000; }
	p.rootContentRep_description { padding-left: 15px; }
	* html p.rootContentRep_description { display: none; }

/******************************************************************************************************************************************/
/***************************************** 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 { margin-top: 10px; }
	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: medium; color: #404040; font-weight: bold; }
	p.iceNews_singleNews_date { font-size: small; color: #E8E8E8; }
	p.iceNews_singleNews_author { font-size: small; color: #E8E8E8; }
	p.iceNews_singleNews_morecomments { }
		a.iceNews_singleNews_more { float: left; }
		a.iceNews_singleNews_comments { float: right; }

/* 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 { cursor: pointer; }
		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 { cursor: pointer; }
		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 { 
				background-color:#CFCFCF;
				border:1px solid #959593;
				color: #6F6F6F;
				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 {
					background-color:#CFCFCF;
					border:1px solid #959593;
					color: #6F6F6F; }

			/* akapit i inputy od dodawania i czyszczenia komentarza */
			p#iceNews_focus_menu0_submit { float: right; }
				p#iceNews_focus_menu0_submit input {
					background-color:#CFCFCF;
					border:1px solid #959593;
					color: #6F6F6F;
					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: #E8E8E8; }
	
	/* 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 { color: #E8E8E8; font-weight: bold; }
				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; color: #019F00; padding: 5px; margin-bottom: 5px; }
p#iceNews_error { border: 2px solid #DF0000; color: #DF0000; padding: 5px; margin-bottom: 5px; }

/*****************************************************************************************************************************************/
/****************************************** nowinki - wyswietlanie (iceNewsDisplay)  *****************************************************/
/*****************************************************************************************************************************************/

.iceNewsDisplay {font-size: 8pt; margin-bottom: 1em; }
	.iceNewsDisplayTitle { font-weight: bold; }
		.iceNewsDisplayDate { color: #fefefe; font-weight: normal; }
	.iceNewsDisplayContent { text-align: justify; }
		.iceNewsDisplay .iceNewsDisplayUrl { color: #d3d3d3; }
		.iceNewsDisplay .iceNewsDisplayUrl:hover { text-decoration: underline; }

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

ul.siteMap { margin: 0px; padding: 0px; list-style-position: inside; list-style-image: url('images/layout/mapsite.gif'); }
ul.siteMap ul { padding-left: 30px; }
ul.siteMap li { margin-top: 2px; }

/******************************************************************************************************************************************/
/************************************************* ostatnie produkty (latestProducts)  ***************************************************/
/*****************************************************************************************************************************************/

#latestProducts { font-size: 7pt; margin: 10px 5px 5px 10px; background: url('images/layout/latestProducts_background.png') no-repeat top center; padding-top: 22px; }
	.latestProduct_single { width: 111px; float: left; background-color: #b0aeaf; border: 1px solid #aaaaaa; padding: 5px; margin: 2px 2px 0px 0px; }
		.latestProducts_image { text-align: center; margin-bottom: 5px; }
			.latestProducts_image img { border: 1px solid #ffffff; }
		.latestProducts_title { text-transform: uppercase; font-weight: normal; margin-bottom: 3px; color: #160d12; height: 3.5em; }
		.latestProducts { background: #a09e9f url('images/layout/latestProducts.png') no-repeat bottom center; padding: 3px; font-weight: bold; }
		.latestProductsPromotedProduct { background: #a09e9f url('images/layout/latestProducts_promoted.png') no-repeat bottom center; padding: 3px; font-weight: bold; }
		.latestProducts_price {  font-weight: bold; margin-bottom: 8px; }
		.latestProducts_link {  font-weight: bold; text-align: right; margin-bottom: 3px; }
			.latestProducts_link a:link, .latestProducts_link a:active, .latestProducts_link a:visited { color: #c5221d; }
			.latestProducts_link a:hover { text-decoration: underline; }
		.latestProducts_description { color: #5f6062; height: 4.5em; overflow: hidden; }
		.latestProducts_description ul { margin: 0px; padding-left: 13px; }

/******************************************************************************************************************************************/
/************************************************* zamawianie maszyn (contactForm)  *******************************************************/
/*****************************************************************************************************************************************/

#fdsf {
	background-color:#CFCFCF;
	border:1px solid #959593;
	color:#6F6F6F;
	height:100px;
	margin:5px 0;
	width:99%;
}
/*****************************************************************************************************************************************/
/******************************************************** wyszukiwarka (searchSystem) *****************************************************/
/*****************************************************************************************************************************************/

div#searchSystem { text-align: center; }
	div#searchSystem form { width: 255px; height: 30px; background: url('images/layout/wyszukiwarka.png') no-repeat top center; margin: 0px auto; text-align: left; }

	.left_section_container_input { margin: 10px 5px 0px 5px; width: 208px; background-color: transparent; color: #e5e5e5; }
	.left_section_container_submit { height : 30px; cursor: pointer; color: #e5e5e5; background-color: transparent; }
	
	/* tytul wyszukiwania (ze to wyszukiwarka ze trzeba wpisac min 3 znaki itp) */
	p#searchSystem_title { font-weight: bold; text-align: center; margin-bottom: 5px; font-size: 10pt; }
		
	/* akapit jesli nie bedzie zadnych wynikow szukania */
	p#searchSystem_noitem { font-style: italic; text-align: left; }
	
	/* akapity z nazwa grupy (konfigurowane w cms) */
	p.searchSystem_groupTitle { font-weight: bold; margin: 10px 0px 0px; text-align: left; }

	/* 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; width: 380px; }

	/* 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 #6F6F6F;
	color: #6F6F6F;
	background-color: #DFDFDF;
	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: 495px; height: 480px; overflow: hidden; }
/* .gmnoprint {  overflow: hidden; max-height: 400px; height:auto !important; height: 300px; max-width: 400px; width:auto !important; width:400px; } */
.gmnoprint { z-index: 10; }

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

/*****************************************************************************************************************************************/
/******************************************************* katalog produktow (productCatalogue) *********************************************/
/*****************************************************************************************************************************************/

#product { margin-bottom: 15px; }
	#productGallery { float: left; width: 160px; }
		#productGallery img { border: 1px solid #ffffff; }
		#mainProductImage { text-align: center; }
		#imagesGallery { text-align: center; }
			#imagesGallery img { margin: 3px; }
	#productDescription { float: right; width: 320px; }
	.singleProductRow .floatLeft { float: left; width: 40%; }
	.singleProductRow .floatRight { float: right; width: 58%; }
	#jserror { border: 2px solid #ff0000; color: #ff0000; font-weight: bold; display: none; text-align: center; }
	#resForm p { margin-top: 5px; }
	.red { color: #ff0000; }
	#resForm input { width: 87%; display: block; float: right; background-color:#CFCFCF; border: 1px solid #959593;	color: #6F6F6F; }
	#resForm #submit { width: 100px; font-weight: bold; float: none; margin: 0px auto; }
	#resForm label { width: 12%; display: block; float: left; }
	#resForm textarea { width: 100%; height: 250px; background-color:#CFCFCF; border:1px solid #959593;	color: #6F6F6F; }


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

br.clear { clear: both; line-height: 1px; height: 1px; font-size: 1px; }
.clear { clear: both; }
.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; }

#glowny { font-size:11px; text-align:center; color:#5F6062; margin-bottom:5px; }