/*--------------------------------------------------------
	css theme name: eureka
	author: bartosz mediger - http://mediger.net
--------------------------------------------------------*/

* {
	margin: 0px; padding: 0px; }



html {
	_overflow: auto;
	overflow-x: hidden;
	height: 100%;
	background: White url(eureka/backc.jpg) repeat-y fixed; }




/* tekst */

a, blockquote, body, dd, h1, h2, h3, h4, h6, input, legend, select, small, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #393939; }



blockquote {
	width: 90%;
	padding: 0px 10px 10px 0px;
	font-size: 14px; }
	
	blockquote p { padding: 0; }




body {
	float: left;
	width: 100%; min-height: 666px;
	background: url(eureka/back_top.jpg) no-repeat center top; }
	


fieldset { border: none; }



label { cursor: pointer; }


legend {
	padding: 10px;
	font-weight: bold;
	font-size: 16px; _font-size: 17px; }



hr { display: none; }



li {
	background: url(pnj/li.gif) no-repeat left 7px;
	padding: 0 0 0 15px; }



p { padding: 0 0 20px 0; }



small { font-size: 11px; }
	

textarea { overflow: auto; }



ol { margin: 0 0 20px 20px; }

ol li {	padding: 0;	}


th {
	background: #054390;
	text-align: center;
	color: White; }


ul {
	list-style: none;
	padding: 0 0 20px 0; }



ul li {
	background: url(eureka/arrow3.gif) no-repeat left 4px;
	padding: 0 0 0 15px;
	text-align: left; }
	





/* naglowki */

h1.aktualnosci { display: none; }


h1 {
	font-size: 20px;
	line-height: 36px; _line-height: 28px;
	padding: 5px 0 15px 0; }
	
h1 strong {
	font-weight: normal;
	font-style: italic; }
	
h2 {
	line-height: 26px; _line-height: 29px;
	font-size: 25px; _font-size: 27px;
	font-weight: normal; }
	
h3, h3 a {
	font-size: 19px; _font-size: 21px; }


h4 {
	font-size: 15px; _font-size: 17px;
	margin: 0 0 15px 0; }

h4 a {
	font-size: 17px; _font-size: 19px;
	text-decoration: none;
	background: url(pnj/odkresl.gif); }
	
h5 {	
	padding: 0 0 15px 0;
	font-size: 13px;
	font-weight: bold; }
	
h6, dt {
	margin: 0 0 5px 0;
	padding: 0 0 10px 10px; }

h6 span,
dt span {
	font-size: 18px !important; }



	



/* nawigacja */

a {
	text-decoration: underline;
	color: #a80000; }

a:hover { text-decoration: none; }
	
	





.aktualnosci { display: none; }


.button {
	height: 30px;
	cursor: pointer; }



.button {
	height: 25px;
	padding: 0 5px 0 5px;
	cursor: pointer;
	font-size: 11px; _font-size: 13px;
	text-align: center; }



.calendar {
	display: block;
	width: 125px; height: 25px;
	background: url(eureka/calendar.gif);
	margin: 5px 0 0 0;
	padding: 55px 0 0 150px; }
	
	
.clear { clear: both; }




.col {
	float: left;
	width: 275px; }


.col2 {
	float: right;
	width: 275px; }
	

.col3 {
	float: left;
	width: 205px; }
	
.col4 {
	float: left;
	width: 370px; }


.del { width: 40px; }


.dodaj-do-koszyka {
	display: block;
	padding: 0 0 0 23px; }


.dodaj-szt-do-koszyka {
	float: right;
	width: 220px;
	text-align: right; }

	
.dodaj-wyczysc,
.dodaj-wyslij {
	width: 100%; 
	text-align: center;
	padding: 20px 0 10px 0; }
	




.empty { font-size: 12px; _font-size: 14px; }



.inline {
	display: inline !important; }
	
	
	
.more { font-size: 10px; }




/* newsy */

.news-item {
	border-bottom: 1px solid #ccc;
	padding: 0;
	margin: 0 0 5px 0; }
	
.news-item h4 { padding: 10px 0 10px 0; margin: 0; }

.news-item h4 a {
	background: none; }

.news-item img {
	float: left; border: 1px solid black;
	margin: 0 10px 10px 0; }



/* newsletter */

.newsletter {
	position: absolute; top: 113px; right: -1px;
	width: 201px; height: 80px;
	background: url(eureka/newsletter_back.gif) no-repeat;
	padding: 7px 0 0 5px; }
	
	.newsletter * {
		font-size: 10px; _font-size: 11px; }
		
	.newsletter h6 { display: none; }

	.newsletter input {
		width: 77px; height: 15px;
		background: none;
		border: none;
		padding: 2px 2px 0 3px;
		font-size: 11px; }

	.newsletter label {
		float: left;
		width: 38px;
		margin: 0 0 2px 0;
		padding: 0 3px 0 0;
		text-align: right;  }

	.newsletter .imie,
	.newsletter .email { margin: 0 0 2px 0; }


	.newsletter .plec p {
		float: left;
		padding: 0 0 0 12px; }

	.newsletter .plec input {
		float: left;
		width: 15px; }

	.newsletter .plec label { width: 20px; }
	


	.newsletter .zapisz {
		position: absolute; bottom: 41px; right: 48px;
		width: 26px; height: 18px;
		cursor: pointer;
		border: none;
		background: url(eureka/button_plus.gif);
		padding: 0; 
		text-indent: -5000px;  }
		
	html:first-child .newsletter .zapisz { padding-top: 200px; }
		
	.newsletter .zapisz:hover { background-position: 0 -18px; }

	.newsletter .zgoda {
		float: left;
		white-space: nowrap;
		padding: 0 0 0 10px; }
		
	.newsletter .zgoda br { display: none; }


	.newsletter .zgoda input {
		float: left;
		width: 12px; }

	.newsletter .zgoda label {
		float: left;
		width: auto;
		text-align: left; line-height: 10px;
		padding: 0 0 0 8px;
		font-weight: normal;
		white-space: nowrap; }
	
	.newsletter .zgoda label,
	.newsletter .zgoda label a {
		font-size: 9px;
		text-decoration: none;
		color: #393939; }
	
	.newsletter .zgoda label a:hover { text-decoration: underline; }

	
	
	
	

.odbiorca {
	float: left;
	width: 240px; }


.opis-produktu {
	display: block;
	background: url(pnj/zobacz_opis.gif) no-repeat left;
	padding: 0 0 0 23px; }


.popraw-zamow  {
	width: 100%; 
	text-align: center;
	padding: 20px 0 20px 0; }


.powrot-dalej {
	float: right;
	margin: 20px 0 0px 0px; _margin-right: 8px; }
	
	.powrot-dalej input { margin: 5px; }

	

.powtorz-haslo { margin-bottom: 20px; }


.produkt-na-liscie { padding: 0 0 30px 0; }


.przelicz-dalej {
	width: 100%; 
	text-align: center;
	padding: 20px 0 10px 0; }
	
	.przelicz-dalej h3 { padding-bottom: 20px; }


.sklep_opis_zakup {
	float: right;
	margin-top: -15px; }
	
	.sklep_opis_zakup a {
		font-size: 80%; }


.signature {
	float: right;
	margin: -15px 0 0 0; }


.small,
.small * { font-size: 11px; }






/* menu rozwijane */

.transMenu {
	position: absolute; left: -1000px; top: -1000px;
	overflow: hidden; z-index: 300;
	margin: 1px 0 0 -250px; padding: 0;
	color:#FFFFFF; }

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute; z-index: 300;
	color:#FFFFFF; }

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative; left: 0px; top: 0px; z-index:2; }
	
.transMenu.top .items {
	border-top:none; }

/* each TR.item is one menu item */
.transMenu .item {
	color: #494949;
	font-size: 11px;
	text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand; }
	
.transMenu .item { font-family: Tahoma, Arial, Helvetica, sans-serif !important; }

.transMenu .background {
	position:absolute; left: 0; top: 0; z-index: 1;
	-moz-opacity:.95; filter: alpha(opacity=95); }

.transMenu .shadowRight {
	position:absolute; top: 3px; z-index:3;
	width: 1px;
	-moz-opacity:.2; filter: alpha(opacity=20); }

.transMenu .shadowBottom {
	position: absolute; z-index: 1; left:3px; height: 1px;
	-moz-opacity:.2; filter:alpha(opacity=20); }

.transMenu .item.hover {
	background: #d5d5d5;
	color:black; }

.transMenu .item img { margin-left:10px; }








/* contact */

#contact {
	background: url(pnj/odkresl4.gif) no-repeat center top;
	padding: 40px 0 0 40px; }
	
#contact h1 {
	padding: 0;
	font-size: 25px; _font-size: 27px; }

#contact h3 {
	padding: 0 0 5px 0;
	font-size: 18px; }

#contact .phone,
#contact .map,
#contact .monitor {
	display: block;
	height: 90px; 
	margin: 0 0 10px 0;
	padding: 12px 0 0 130px; }

	#contact .phone {	background: url(pnj/phone.gif) no-repeat left; }
	
	#contact .map { background: url(pnj/map.gif) no-repeat left; }
	
	#contact h3 { font-size: 99%; }

#contact .monitor {
	background: url(pnj/monitor.gif) no-repeat left;
	height: 70px;
	padding-top: 20px; }





#container {
	position: relative;
	width: 779px;
	margin: 0 auto;
	padding: 250px 0 0 0; }




	


/* dane adresowe */	

#dane-adresowe {
	float: left;
	width: 250px;
	padding: 10px 0 10px 0; }
	

#dane-adresowe input { width: 105px; }


#dane-adresowe input,
#dane-adresowe label,
#dane-adresowe textarea {
	margin-top: 3px;
	padding: 2px;
	font-size: 11px; }


#dane-adresowe textarea {
	width: 230px; height: 80px;
	border: 1px solid #aaa;
	float: right; }


#dane-adresowe label {
	display: block; 
	width: 245px;
	margin: 2px; padding: 0;
	text-align: right; 
	font-size: 9px; _font-size: 11px; }


#dane-adresowe p { padding-right: 10px; }


#dane-adresowe #da_newsletter { width: 20px !important; }


#dane-adresowe #da_plec {
	margin-left: 100px;
	font-size: 11px; }


#dane-adresowe #da_plec label { display: inline; }


#dane-adresowe #da_plec input {
	width: 20px;
	border: none }


#dane-adresowe #da_wysylka {
	width: 20px;
	margin: 0 97px 0 0; }
	











/* dane do faktury */

#dane-faktura {
	float: right;
	width: 245px;
	border-left: 1px solid #ccc;
	padding: 10px 0 10px 10px; }


#dane-faktura label { text-align: right; }
#dane-faktura label {
	display: block; 
	width: 245px;
	margin: 2px; padding: 0px;
	font-size: 9px; _font-size: 11px; }


#dane-faktura input,
#dane-faktura textarea {
	width: 105px;
	margin-top: 3px; padding: 2px;
	font-size: 11px; }


#dane-faktura textarea {
	width: 230px; height: 80px;
	float: right; }


#dane-faktura #da_faktura { width: 15px; }


#dane-faktura #da_faktura_adres {
	width: 15px;
	margin: 0 97px 0 0; }








/* dodaj do koszyka input */

#dodaj {
	width: 30px;
	text-align: center; }







/* dodaj ogloszenie */

#dodaj-ogloszenie h3 { padding: 10px 0 10px 0; }

#dodaj-ogloszenie label {
	display: block;
	width: 200px;
	float: left;
	text-align: right;
	padding: 0 5px 0 0; }

#dodaj-ogloszenie input, textarea, select {
	display: block;
	float: left; }

#dodaj-ogloszenie div {
	overflow: hidden;
	clear: both;
	margin-bottom: 0.5em; }





#header { display: none; }




#inside {
	float: left;
	width: 178px; }



	

/* intro */

#intro {
	margin: -20px 0 0 0;
	padding: 0 0 15px 0; }

	#intro h1 {
		font-size: 30px; _font-size: 32px;
		line-height: 40px; _line-height: 32px;
		margin: 0 0 -5px 0;
		padding: 0;
		color: #003e97; }
		







/* logowanie */

#logowanie {
	float: right;
	width: 240px;
	border-left: 1px solid #ccc;
	padding: 10px 0 10px 10px;	}


#logowanie input,
#logowanie textarea {
	width: 125px; 
	margin-top: 3px;
	padding: 2px;
	font-size: 11px; }

#logowanie label {
	display: block; 
	width: 236px;
	margin: 2px; padding: 0;
	font-size: 9px; _font-size: 11px; 
	text-align: right; }

#logowanie .button {
	width: 50px;
	margin: 10px 0 0 0; }




/* main content */

#maincontent {
	float: right;
	width: 575px;
	overflow: hidden;
	padding: 0 0 40px 0;
	text-align: justify; }

	
	
	#maincontent ul li,
	#maincontent ol li { margin-left: 1.4em; }
	
	





	
#menu { display: none; }
	


/* menu pionowe */


#menu-pionowe {
	position: relative;
	width: 168px;
	background: #fff;
	border-right: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	margin: 0 0 0 1px; _margin: 0;
	padding: 50px 0 0 10px; }

	#menu-pionowe a {
		display: block;
		width: 150px;
		background: url(eureka/arrow.gif) no-repeat 3px 5px;
		padding: 0 0 0 12px;
		text-decoration: none;
		color: #272526; }

	#menu-pionowe a:hover {
		background: #e1ac47 url(eureka/arrow2.gif) no-repeat 3px 5px;
		color: #fff; }

	#menu-pionowe dd,
	#menu-pionowe li { line-height: 20px; }

	#menu-pionowe dt {
		position: absolute; top: -34px; left: -1px;
		width: 144px; height: 17px;
		background: url(eureka/menu-pionowe_top.gif) no-repeat top;
		padding: 58px 0 0 20px; }

	#menu-pionowe li {
		background: none;
		padding: 0; }
		
	#menu-pionowe li {
		padding: 0 0 0 12px;
		line-height: 19px; }

	#menu-pionowe li a {
		width: 139px;
		background-position: 3px 7px;		
		padding: 0 0 0 12px;
		font-size: 11px; }
		
	#menu-pionowe li li a {
		width: 126px;
		font-size: 10px; }

	#menu-pionowe ul {
		list-style: none;
		padding: 0 0 10px 0px; }
		
	#menu-pionowe ul ul { padding-left: 0; }

	dd.foot {
		position: relative;
		width: 180px; height: 30px;
		background: url(eureka/menu_bootom.gif) no-repeat left;
		margin: 0 0 0 -11px; }





/* menu poziome 

#menu-poziome {
	position: absolute; top: 10px; right: 0px;
	overflow: hidden;
	width: 300px; height: 43px; }

	#menu-poziome dl { margin: 8px 0px 0px 0px; }
	#menu-poziome dd { display: inline; }
	#menu-poziome dd a {
		line-height: 36px;
		background: url(pnj/dot.gif) no-repeat left;
		padding: 0 20px 0 15px;
		font-size: 13px;	
		text-decoration: none; }
		
	#menu-poziome dd a:hover { color: #922651; }

	#menu-poziome dd a.hit { background-color: #ebecdd; }
*/



#nav { padding: 0 0 30px 0; }

	



/* ogloszenia */

#ogloszenia {}

	#ogloszenia * { font-size: 12px; _font-size: 13px;	}

	#ogloszenia a {
		text-decoration: none;
		color: #013675; }

	#ogloszenia a:hover { text-decoration: underline; }

	#ogloszenia dd { padding: 0 0 0 15px; }

	#ogloszenia dt,
	#ogloszenia .title { display: none; }

	#ogloszenia .autor {
		margin: -20px 0 5px 0;
		padding: 0 0 17px 0;
		text-align: right;
		background: url(pnj/odkresl2.gif) no-repeat bottom; }
	
	/*#ogloszenia  { font-size: 10px; _font-size: 11px; }*/


	#ogloszenia .dodaj { margin: 7px 0 0 0; }	

	#ogloszenia .dodaj a {
		display: block;
		width: 29px; height: 19px;
		background: url(pnj/button_add.gif) no-repeat;
		margin: 4px 0 0 0;
		padding: 0 0 0 32px;
		white-space: nowrap; }

		#ogloszenia .dodaj a:hover {
			background-position: 0 -19px;
			text-decoration: none; }


	#ogloszenia .kategoria { }

	#ogloszenia .kategoria span { }


	#ogloszenia .ogloszenie { margin: -10px 0 10px 0; }


	#ogloszenia .tytul {
		font-weight: bold;
		padding: 0; }


	#ogloszenia-tablica {
		padding: 0 10px 15px 0; }
	
	#ogloszenia-tablica a {
		background: url(pnj/arrow3.gif) no-repeat left;
		padding: 0 0 0 19px; }


	#ogloszenia-wybrane { padding: 28px 10px 0 0; }
		
	#ogloszenia-tablica dd { padding: 0 !important; }

		
		
		
		

/* odpowiedz - ogloszenie */

#ogloszenie-odpowiedz fieldset {
	border: 1px solid #aaa;
	padding: 0 10px 20px 50px; }


#ogloszenie-odpowiedz label {
	_position: relative;
	font-size: 10px; _font-size: 12px; }


#ogloszenie-odpowiedz textarea {
	width: 422px;
	border: 1px solid #c4c4c4;
	margin: 10px 0 0 0;
	padding: 2px; }

#ogloszenie-odpowiedz input { width: 130px; _width: 126px; }


#ogloszenie-odpowiedz label {
	display: block;
	width: 90px;
	float: left;
	text-align: right;
	margin: 0 0 0 -21px;
	padding: 0 5px 0 0; }

#ogloszenie-odpowiedz div { margin-bottom: 0.3em; }
	
#ogloszenie-odpowiedz .left,
#ogloszenie-odpowiedz .right {
	float: left;
	width: 220px;
	margin: 5px 0 20px 0; }


	

/* sposob platnosci */

#platnosc {
	float: right; width: 200px; 
	border: 1px solid #ccc;  
	margin-top: 35px; padding: 7px 7px 25px 17px; }

#platnosc label {
	display: block;
	width: 190px;
	text-align: left; }

#platnosc select {
	width: 155px;
	border: 1px solid #ccc; }

#platnosc input,
#platnosc label,
#platnosc select {
	margin-top: 3px; padding: 2px;
	font-size: 11px; }




/* podsumowanie */

#podsumowanie {
	clear: both;
	height: 100px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 20px 0 10px 0; }
	
	#podsumowanie p {	padding: 0; }

#podsumowanie .l {
	float: left;
	width: 220px;
	text-align: right; }

#podsumowanie .r {
	float: left;
	width: 120px;
	font-weight: bold;
	text-align: right; }




	


/* realizacja */

#realizacja {
	position: absolute; top: 5px; right: 0px;
	padding: 0 0px 10px 40px;
	font-size: 10px;
	color: #aaa; }
	
	#realizacja * {
		font-size: 10px;
		color: #aaa; }





/* sklep */

#sklep { font-size: 12px; _font-size: 13px; }	
	
	#sklep * { font-size: 12px; _font-size: 13px; }

	#sklep dt,
	#sklep h6 { padding-top: 15px; }

	/* sklep - kategorie */
	
	#sklep-kategorie { }
	
	/* sklep - koszyk */

	#sklep-koszyk { }

	/* sklep - poleca */

	#sklep-poleca { }

	#sklep-poleca a {
		display: block;
		position: relative;
		margin: 10px 0px 0px 0px;
		text-decoration: none; }

	#sklep-poleca span.opis {
		display: block;
		margin-bottom: 15px; }

	#sklep-poleca .cena {
		position: absolute; top: 0px; left: 110px;
		width: 57px; height: 29px;
		font-size: 16px; 
		font-weight: bold; }

	#sklep-poleca .cena small {
		display: block;
		line-height: 11px;
		font-size: 11px; 
		padding-bottom: 1px;
		text-transform: uppercase; }

	#sklep-poleca .title a { font-weight: bold; }

		





	


/* produkt */

.produkt {
	position: relative;
	float: left;
	width: 515px;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 15px 0;
	margin: 0 0 15px 0; }

.produkt img {
	float: left;
	margin: 0 10px 0 0; }



.produkt .cena {
	position: absolute; top: 0; right: 0;
	font-weight: bold; }




	

/* produkt na liscie */

.produkt-na-liscie {
	position: relative;
	float: left;
	width: 515px;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 15px 0;
	margin: 0 0 15px 0; }

.produkt-na-liscie .cena {
	position: absolute; top: 0; right: 0;
	font-weight: bold; }






/* produkt na liscie */

.produkt-na-liscie img {
	float: left;
	margin: 0 10px 0 0; }

h3 { font-size: 17px; _font-size: 18px; }













/* wyszukiwarka */

#wyszukiwarka {
	position: absolute; top: 190px; left: 314px;
	width: 195px; height: 43px;
	background: url(eureka/wyszukiwarka_back.jpg) no-repeat;
	padding: 17px 0 0 25px; }
	
#wyszukiwarka fieldset { border: none; }

#wyszukiwarka h6 { display: none; }

#wyszukiwarka input {
	float: left;
	width: 115px; height: 18px;
	background: none;
	font-size: 11px;
	border: none; }

#wyszukiwarka .szukaj {
	position: absolute; right: 0; top: 0;
	width: 76px; height: 60px;
	background: url(eureka/button_szukaj.gif);
	cursor: pointer;
	padding: 0;
	padding: 0;
	margin: 0 0 0 0px; }
	
#wyszukiwarka .szukaj:hover { background-position: 0 -60px; }







	
	


/* zawarto koszyka */

#zaw-koszyka {
	width: 100%;
	border-bottom: 1px solid #ccc; }

#zaw-koszyka h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0; }

#zaw-koszyka img {
	border: 1px solid #ccc;
	padding: 2px; }

#zaw-koszyka td,
#zaw-koszyka th {
	padding: 5px;
	vertical-align: middle; }

#zaw-koszyka .cena { display: none; }

#zaw-koszyka .zilosc { text-align: center; }
#zaw-koszyka .zilosc input { width: 30px; text-align: center; }
#zaw-koszyka .zcena { white-space: nowrap; }









/* dla nowych boxow  */

#menu,
#ogloszenia,
.pole-edycyjne {
	margin: 0 0 5px 0; }

.pole-edycyjne { width: 180px; }

.pole-edycyjne h6 { padding-left: 0; }
	
.pole-edycyjne .inside { /*padding: 15px 5px 0 12px;*/ }

.foot { height: 14px; }





/* -------------- disabled for now */

#header,
#menu-poziome,
#ogloszenia,
#platnosci,
#sklep,
#specjalne { display: none; }