/************************************ 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; 
	background:#000000;
	margin: 0px;
	padding:0px;
	cursor:default;
}

a:active { color: #e2001a;}
a:link { color: #e2001a; text-decoration: underline; } 
a:visited { color: #e2001a; text-decoration: underline; } 
a:hover { color: #151515; text-decoration: underline; } 

h2 { font-family: Georgia, Times New Roman; font-size: 14pt; } 
h3 { font-family: Georgia, Times New Roman; } 

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

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

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

#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; }
				img#blog_link { margin: 20px auto; }
				#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; width: 700px;}
				#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: 726px; float: left; padding:10px; text-align: justify; }
				#content h1 { font-family: Georgia, Times New Roman; color: #e2001a; margin-bottom: 10px; }
				#content .box_header { margin-top: 20px; }
				#pagesSec { font-family: Georgia, Times New Roman; text-align: center; font-size: 18px; text-decoration: none;  }
				#pagesSec a{ text-decoration: none;  padding:0 6px; border-right:1px solid black; cursor:pointer;}
				#pagesSec a.firstPage, #pagesSec a.lastPage{border:none;  cursor:pointer;}
				#pagesSec a.firstPage + a.strona{ cursor:pointer;}
				#pagesSec a.activePage{font-weight:bold; cursor:pointer;}
				.stronicowanie .left{float:left;}
				.stronicowanie .right{float:right;}
				
				
#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; } 
					#menuh2 ul li a.activeMenuItem { background: url('images/layout/menuh2_element_active.png') center top no-repeat; color: #ffffff; text-decoration: underline; } 
				#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: 150px; float: right; }
			#rss_modyficationdate #modyficationdate { width: 0px; 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; } 

.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: 14pt; margin-top: 12px;}

#zobacz-wiecej {font-family: Georgia, Times New Roman; text-align: center; font-size: 14pt;}

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

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

/*****************************************************************************************************************************************/
/******************************************************** 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 { 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 div img { float: left; }
	#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 { margin-bottom: 11px; border-bottom: 1px dotted #dddddd; }
	.ajuNews_single div img { float: left; }
		
/******************************************************************************************************************************************/
/***************************************** 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; }

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

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

.singleProduct { width: 241px; float: left; text-align: center; margin-bottom: 10px; min-height:208px;}

.singleProduct img {border: 1px solid #555555; }

div#tlo_monitor {position: absolute; display: block; width: 712px; height: 358px; z-index: 1; background: url('images/monitor.gif') top left no-repeat; top: 30px; left: -40px;}

div#katalogowy {position: relative; display: block; z-index: 5; min-height: 380px; line-height: 15px;}

.glowny_obrazek {position: relative; float: left; margin: 19px 30px 75px 19px; border: 0px #e5e5e5 solid; z-index: 5;} 
div.adres_strony {float: left; position: relative; z-index: 5; line-height: 25px;}
div.opis_produktu {position: relative; z-index: 5}

.katalog_gallery img{ margin: 0px; border: 1px solid #d9d9d9; }	

#katalog_gallery2 {width:546px;  background: url('images/layout/katalog_kropki.gif') bottom center repeat-x;}
#katalog_gallery2 img{ border: 1px solid #d9d9d9; line-height:150px; margin:62px 10px 12px 10px; }

#katalog_galleryNEW {width:720px;  background: url('images/layout/katalog_kropki.gif') bottom center repeat-x;}
#katalog_galleryNEW img{ border: 1px solid #d9d9d9; line-height:150px; margin:62px 17px 12px 10px; }

#kolejne_produkty {clear: both; margin: 15px 0 0 0; padding: 0; text-align: center;}
div#prevItem {float: left;}
a.prev_item {}
div#Itemlist {display: inline;}
div#nextItem {float: right;}
a.next_item {}


/*****************************************************************************************************************************************/
/************************************************ katalog wg kategorii (autoCategoryCatalogue) ***************************************************/
/*****************************************************************************************************************************************/
.productImage img{

text-align:center;
width:234px;
}

#katalog_return{
margin:10px;
}
div.singleProduct{
margin-left:4px;
margin-right:4px;
margin-bottom:30px;
width:234px;
height:206px;

}
/*****************************************************************************************************************************************/
/************************************************ najnowsze produkty (latestProducts) ***************************************************/
/*****************************************************************************************************************************************/

div#latestProducts {}

	div#latestProducts img { border: 1px solid #BFBFBF; }
	
	p.latestProducts_manufac { margin-bottom: 10px;	}
	
	p.latestProducts { font-size: 9pt; }
	
	p.latestProducts_product { width: 220px; float: left; padding: 12px 10px 0px 10px; text-align: center; }
	p.latestProducts_product a.nazwa_produktu {clear: both;}

/*************************************************************/
/********************GALERIA**********************************/
/*************************************************************/

TABLE#galeria_contentitemstable{
	width:550px;
	margin:0 auto;
}
									
	#galeria_contentitemstable p.wybor	{
										font-weight:bold;
										color:#23a4ff;
										margin:0px;
										margin-bottom:8px}	

/************************* klasyczna *************************************/			

.galeria { text-align:center; }
.galeria table { margin-left:auto; margin-right:auto; }
.galeria td { padding:5px 5px 5px 5px;}
.galeria td a{ border: 1px #ddd solid; display: block;}
.galeria td img { border:10px solid #fff; }		
.stronicowanie a { padding:2px 5px; }								
.stronicowanie span { background:#DFF5FF; padding:2px 5px; font-weight:bold; }
										
										
/************************* MINI GALERIA **********************************/
div#galleryTitle{text-align:center;}
div#galleryDescription{text-align:center;}
div#mainGalleryDiv{text-align:center; }
table#galleryTable{margin:0 auto;}
	td#mainFotoTD {text-align:center; padding:10px 0;}
		a#mainFotoLink{margin:0 auto;}	
			img#mainFoto { border:5px #ddd solid; }
		div#thumbs { position:relative; }
			a.galeriaThumbs {  }
			a.galeriaThumbs img { border:5px #ddd solid; margin:5px; }
			a.galeriaNext img.navigation{position:absolute; right:-10px;}
			a.galeriaPrevious img.navigation{position:absolute; left:-10px;}
			
			

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

/*******************************************************/
/*******************galleryPhotosDynamic **************/
/*******************************************************/

#dhonis { overflow:hidden; 
	border: 1px solid #BFBFBF;}

.dhonishow {
	overflow: hidden;
	float: left;
	width: 220px;
	font-family: "MS Trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}           

.dhonishow * {
	padding:  0;
	margin: 0;
	border:  none;
	list-style: none;
}                  

.dhonishow-image {
	overflow: hidden;
	width: 220px;
	height: 165px;
	text-align: left;
	position: relative;
}     

.dhonishow-image li {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

.dhonishow-navi {  
	margin-bottom: 2px;
	color: #fff;
	overflow: hidden;
	width: 293px;
	padding: 5px 0 5px 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display:none;
}
                  
.dhonishow-picture-alt {
	font-weight: bold;
	text-align: left;
	float: left;
	font-size: 11px;
	line-height: 16px;
}          

.dhonishow-navi .dhonishow-next-picture,
.dhonishow-navi .dhonishow-previous-picture {
	text-indent: -999px;
	width: 16px;
	height: 18px;
	float: right;
	margin: 0;
	cursor:  pointer;
	-moz-outline: none;
}

                                        
.dhonishow-navi .dhonishow-next-picture {
	margin-right: 15px;
	background: url(../dhoni_img/next.gif) no-repeat;
}

.dhonishow-previous-picture {
	background: url(../dhoni_img/previous.gif) no-repeat;	
}

.dhonishow-next-picture:hover {
	background: url(../dhoni_img/next_hover.gif) no-repeat;
}

.dhonishow-previous-picture:hover {
	background: url(../dhoni_img/previous_hover.gif) no-repeat;	
}


.dhonishow-navi .paging {
	float: right;
	font-size: 22px;
	margin: 0 10px;
	line-height:  20px;
}

/*****************************************************************************************************************************************/
/*************************************************************** inne klasy *****************************************************************/
/*****************************************************************************************************************************************/
.repeated { margin: 5px 0px ;}
h2 a.titlowy {color: #151515; text-decoration: none;}
div.opis_produktu h2 a.titlowy {text-decoration: none; color: #151515; font-family: arial; font-size: 12px; font-weight: normal;}
.field_name {font-weight: bold; margin-right: 5px;}

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

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