/*--------------------------------------------------------
	css theme name: 404
	author: bartosz mediger - http://mediger.net
	
	
	sklep(10);
	menu-poziome(20);
	
	
--------------------------------------------------------*/

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



html {
	_overflow-x: hidden;
	height: 100%;
	background: url(k404/backg.jpg) repeat-y center; }


	
/* tekst */

a, blockquote, body, h1, h2, h3, h4, h6, input, label, legend, li, select, small, textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; _font-size: 13px;
	font-weight: normal;
	line-height: 16px;
	color: #272526; }




blockquote {
	width: 90%;
	padding: 0px 10px 30px 0px;
	font-size: 16px; _font-size: 17px; }
	
	blockquote p { padding: 0; }
	
	




body {
	overflow-x: hidden;
	width: 100%; height: 100%;
	min-height: 760px; _height: 100%;
	background: url(k404/top.jpg) no-repeat center top; }
	

fieldset { border: none; }



hr { display: none; }




img { border: none; }



label { cursor: pointer; }



li {
	background: url(k404/arrow4.gif) no-repeat left 6px;
	padding: 0 0 0 14px; }




p { padding: 0 0 15px 0; }


small {
	font-size: 10px; 
	padding: 0 3px 0 0; }
	
	
textarea { overflow: hidden; }


ol {
	margin-left: 20px;
	padding: 0 0 15px 0; }
	
	ol li {
		background: none;
		padding: 0 0 0 0;
	}

ul { list-style: none; }





/* naglowki */

dt, h1, h2, h3, h3 a, h4, h4 a, h6 {
	font-family: Georgia, "Times New Roman", Times, serif; }


h1 {
	font-size: 24px; _font-size: 26px;
	padding: 0 0 20px 0;
	_margin:  0 0 10px 0; }

	h1 strong {
		font-weight: normal;
		font-style: italic; }
		
h3, h3 a {
	font-size: 18px; _font-size: 18px;
	padding: 0 0 17px 0; }


h4, h4 a {
	font-size: 19px;
	padding: 0 0 20px 0; }


h6 {
	margin: 0 0 10px 0;
	padding: 0 0 18px 0;
	background: url(k404/odkresl.gif) no-repeat left bottom; }


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


	




	
/* nawigacja */

a {
	color: #004db5;
	text-decoration: none; }
	
a:hover {
	text-decoration: none;
	color: #556a00; }

	


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



.del { width: 40px; }


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


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

	
.dodaj-wyczysc,
.dodaj-wyslij {
	width: 100%; 
	text-align: center;
	padding: 20px 0 10px 0; }
	
.dodaj-wyczysc input,
.dodaj-wyslij input {
	/*display: inline !important;
	float: none !important;
	width: 110px !important; */}



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



.more { font-size: 10px; }



/* newsy */

.news-item {
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0; }
	
.news-item h4 { padding: 0 0 15px 0; }
	
.news-item img {
	float: left; border: 1px solid black;
	margin: 0 10px 10px 0; }
	
	
	



/* newsletter */

.newsletter {
	position: absolute; top: 163px; left: 0;
	width: 173px; height: 140px;
	background: url(k404/newsletter_back.jpg);
	padding: 17px 0 0 18px; }
	
	.newsletter * {
		font-size: 10px; _font-size: 11px;
		color: white; }

	.newsletter h6 {
		background: none;
		padding-bottom: 0; }

	.newsletter input {
		width: 78px; height: 17px;
		border: nonet;
		padding: 2px 2px 0 2px;
		font-size: 11px;
		color: #393939; }

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

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


	.newsletter .plec p {
		float: left;
		padding: 0 0 0 12px;
		font-weight: bold; }

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

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

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

	.newsletter .zgoda { float: left;  }

	.newsletter .zgoda a {
		color: Black;
		font-size: 10px; 
		color: Black; }

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

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


	


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



.opis-produktu {
	display: block;
	background: url(k404/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; }



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




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


.sklep_opis { padding: 0 0 15px 0; }


.sklep_opis_zakup {
	float: right;
	margin: -10px 0 0 0; }



.submit { cursor: pointer; }







#container {
	position: relative;
	width: 770px; 
	margin: 0 auto;
	padding: 0 0 400px 0; _padding: 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; }
	
#dodaj-ogloszenie textarea { _margin: 5px 0 0 0; }






#inside { padding: 640px 0 0 0; }




/* logowanie */

#logowanie {
	float: right;
	width: 240px;
	background: #f9f9f9;
	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 {
	position: absolute; top: 450px; right: 7px; 
	width: 515px; min-height: 200px; overflow: hidden;
	background: White url(k404/maincontent_top.gif) no-repeat left top;
	padding: 25px 15px 15px 15px;	}






/* menu pionowe */


#menu { background: url(k404/panel2_back.gif) repeat-y !important; }

#menu-pionowe {
	background: url(k404/panel2_top.gif) no-repeat top;
	padding: 15px 0 0 16px; }
	
	#menu-pionowe a {
		background: url(k404/arrow2.gif) no-repeat left;
		padding: 0 0 0 13px;
		font-weight: bold;
		font-size: 12px; _font-size: 13px;
		text-decoration: none;
		color: White; }

	#menu-pionowe a:hover { color: #e7e7e7; }

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

	#menu-pionowe dt span { display: none; }

	#menu-pionowe li {
		padding: 0 0 0 10px;
		background: none;
		background: url(k404/point.gif) no-repeat left 6px;
		line-height: 19px; }

	#menu-pionowe li a {
		background: none;
		padding: 0 0 0 0px;
		font-size: 11px; _font-size: 13px; }
		
	#menu-pionowe li li {
		font-weight: normal;
		background: url(k404/arrow3.gif) no-repeat left 8px; }
		
	#menu-pionowe li li a { font-weight: normal; }

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

	#menu-pionowe dd.foot {
		height: 15px;
		margin-left: -16px;
		background: url(k404/panel2_bottom.gif) no-repeat;
		_overflow: hidden; }






/* menu poziome */

#menu-poziome {
	position: absolute; top: 166px; right: 7px; z-index: 20;
	width: 540px; height: 25px;
	background: #3371c4;
	padding: 8px 0 0 5px; }
	
	#menu-poziome a {
		color: White;
		float: left;
		background: url(k404/dot2.gif) no-repeat left;
		margin: 0 5px 0 5px;
		padding: 0 0 0 15px; }
		
	#menu-poziome a:hover { color: #cbff00; }




#nav {
	font-size: 11px;
	margin: 0px 0 15px 0;
	color: #666;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0; }




/* ogloszenia */

#ogloszenia { }

	#ogloszenia a { text-decoration: none; }

	#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(k404/odkresl.gif) no-repeat bottom; }
	
	#ogloszenia .autor * { font-size: 10px; _font-size: 12px; }


	#ogloszenia .dodaj {
		background: url(k404/odkresl.gif) no-repeat top;
		margin: 7px 0 0 10px;
		padding: 15px 0 0 0; }	

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

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


	#ogloszenia .kategoria {
		font-size: 10px; _font-size: 12px; }

	#ogloszenia .kategoria span {
		font-size: 10px; _font-size: 12px;
		color: #777; }


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

	#ogloszenia .ogloszenie a { font-size: 10px; _font-size: 12px; }


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


	#ogloszenia-tablica {
		background: url(k404/panel_bottom.gif) no-repeat bottom;
		padding: 0 10px 15px 0; }
	
	#ogloszenia-tablica a {
		background: url(k404/arrow.gif) no-repeat left;
		padding: 0 0 0 15px; }


	#ogloszenia-wybrane {
		padding: 28px 10px 0 16px;
		background: url(k404/panel_top.gif) no-repeat center top; }



	
/* odpowiedz - ogloszenie */


#ogloszenie-odpowiedz cite {
	margin-bottom: 15px;
	display: block; }

#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 White;
	margin: 10px 0 0 0;
	padding: 2px; 
	border: 1px solid #aaa;}

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






		
	

/* 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 img {
	float: left;
	margin: 0 10px 5px 0; }



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





/* realizacja */

#realizacja {
	width: 755px; height: 20px; z-index: 200;
	position: absolute; top: 135px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #73addf;
	/*padding: 0 0 0 545px */ }

	#realizacja a {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #f1f1f1; }



/* sklep */

#sklep {
	position: absolute; top: 196px; right: 7px; z-index: 10;
	width: 515px;
	background: White url(k404/sklep_top.gif) no-repeat top;
	padding: 16px 15px 20px 15px; }
	
	#sklep dt { margin: 0 0 15px 0; }
	
	#sklep img { float: left; }

	#sklep h6 {
		background: none;
		padding: 0 0 3px 0; }

	#sklep h5 a { font-weight: bold; }
	
	#sklep .cena { font-weight: bold; }
	


	#sklep-kategorie {
		float: left;
		width: 170px; }

	#sklep-kategorie dd {
		background: url(k404/arrow4.gif) no-repeat left 5px;
		padding: 0 0 0 12px; }
		
	#sklep-koszyk {
		float: right;
		width: 150px; }
	
		
	#sklep-poleca {
		float: left;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		width: 165px;
		margin: 0 10px 0 0;
		padding: 0 5px 0 10px; }
		
	#sklep-poleca img { margin: 0 5px 5px 0; }
	
	#sklep-poleca .title {
		line-height: 10px;
		padding: 0 0 10px 0;	}
		
	
	
	#sklep .cena {
		float: left;
		white-space: nowrap; }
	
	#sklep-poleca .opis {
		font-size: 10px; }
	
	
	
	




/* wyszukiwarka */

#wyszukiwarka {
	position: absolute; top: 17px; right: 0;
	width: 190px; height: 38px;
	background: url(k404/wyszukiwarka_back.jpg);
	padding: 14px 0 0 14px; }
	
#wyszukiwarka fieldset { border: none; }

#wyszukiwarka h6 { display: none; }

#wyszukiwarka input {
	float: left;
	width: 129px; height: 20px;
	border: none; }

#wyszukiwarka .szukaj {
	width: 48px; height: 22px;
	background: url(k404/szukaj.gif);
	cursor: pointer;
	margin: 0 0 0 5px; }
	
#wyszukiwarka .szukaj:hover { background-position: 0 -22px; }







/* 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; /*text-align: justify;*/ }

#zaw-koszyka th {
	background: #3371c4;
	text-align: center;
	color: White; }

#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 {
	width: 191px;
	background: White url(k404/panel_bottom.gif) no-repeat bottom;
	margin: 0 0 15px 0; }
	 

	
.pole-edycyjne .inside {
	padding: 28px 5px 0 16px;
	background: White url(k404/panel_top.gif) no-repeat top; }

.foot {
	height: 14px;
	background: url(pnj/panel_bottom.gif) bottom; }







/* disabled, for now */

#bonusA, #bonusB, #bonusC,
#bonus1, #bonus2, #bonus3,
#header,
#platnosci,
#specjalne {
	display: none;
}