/*--------------------------------------------------------------
		styles - mokry @ studjo, 07.2004 ---------------------------- */
		
	/* gorna nawigacja */

	@import url(topMatrix.css);
	@import url(stat.css);
	 
	html, body {
		background: #fff; margin: 0; padding: 0;
		font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
		color: #000; }
		
	body {
		background: #fff url(images/menu_detailed_back.gif) top right repeat-y !important; }
		
	/* relatywne czcionki, small*/
	body, body div, body p, body th,
	body td, body li, body dd, body span {
		font-size: small;
		voice-family: "\"}\"";
		voice-family: inherit;
		font-size: medium; }

	html>body, html>body div, html>body p, html>body th,
	html>body td, html>body li, html>body dd {
		font-size: medium; }
		
	/* podstawowe wspolne elementy__________________________________ */

	h1, h2, h3, h4, h5, h6 {
		font-family: Georgia, Palatino Linotype, serif; color: #7C2750;
		font-style: italic; }
		
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-style: normal !important; }
	
	p.opis {
		font-size: 90%; }

	.special {
		background: #f5f5f5 url(images/special.gif) no-repeat 10px 10px;
		padding: 10px 10px 10px 50px; text-align: left;
		border-top: 1px dotted #444; border-bottom: 1px dotted #444;
		clear: both; }
	.special p {
		text-align: left; margin-top: 0; }
		
	img { border: 0; }
	
	img.left {
		float: left; margin: 15px 15px 15px 0; }
	img.right {
		float: right; margin: 15px 0 15px 15px; }
	img.center {
		margin: 10px; margin: 0 auto; }
		
	.center {
		text-align: center; }
	
	/* listy definicji */
	dt {
		font-size: 105%; font-weight: bold; margin-bottom: 5px; }
	dd {
		margin-bottom: 10px; }
	
	/* niezmienny rozmiar tekstu */
	.px { font-size: 12px !important; font-family: Arial; font-weight: normal; }
	
	a { outline: none; }
	a, a:link, a:visited {
		color: #ff6600; }
	a:hover, a:active {
		color: #CC0000; }
		
	small { font-size: 75%; }
	strong { font-weight: bold; }
	
	.error {
		background: #f9f9f9; border: 1px solid #CC0000; padding: 15px; }
	
	/* kolory */
	.orange { color: #ff6600; }
	.white { color: #fff; }
	
	.justify { text-align: justify; }
		
	/* layout wspolny_______________________________________________ */

	/* logo */ 
	#header {
		position: relative;
		background: #862D57 url(images/head_back.gif) top left repeat-x;
		height: 129px; overflow: hidden; }
	#header h2 {
		text-indent: -9000px; width: 300px; height: 116px;
		margin: 0; padding: 0; }
	#header h2 a {
		display: block; width: 370px; height: 116px; }
		
	/* panel Zarejestruj sie */
	#regPanel {
		position: absolute; top: 25px; right: 200px;
		width: 280px; height: 60px; overflow: hidden; color: #fff;
		font-family: Tahoma, sans-serif; font-weight: bold; font-size: 11px; }
	#regPanel a {
		color: #fff;
		font-family: Tahoma, sans-serif; font-weight: bold; font-size: 11px; }
	#regPanel p { margin: 0; }
	#regPanel form { margin: 10px 0 0 0; }
	
	input.login {
		width: 75px; border: 0; background: #fff; margin-right: 5px; }
	input.loginSubmit { border: 0; font-weight: bold; }
		
	/* menu z prawej */
	#leftMenu {
		width: 200px; margin: 0 0 0 auto; float: right;
		padding-top: 10px; font-size: 0.75em; overflow: hidden; }
	#leftMenu ul {
		list-style: none; margin: 0; padding: 0;
		border: none; line-height: 1; }
	#leftMenu ul li {
	   border-bottom: 1px solid #f8f8f8; margin: 0 0 0 3px; background: none; padding: 0; }
	#leftMenu ul li a:link, #leftMenu ul li a:visited {
		display: block; padding: 0 5px 0 24px; margin: 0; color: #676767;
		font-family: Arial, Helvetica, Tahoma, sans-serif; text-decoration: none;
		background: url(images/leftmenu_link_back.png) 0 4px no-repeat; font-size: 90%; }
	#leftMenu ul li a:hover, #leftMenu ul li a:active {
		background: #fff url(images/leftmenu_link_back.png) 0 -70px no-repeat; color: #7C2750; }
	#leftMenu li.grKategorii {
		background: #eee;
		padding: 3px; margin: 10px 0 10px 3px; color: #676767; font-weight: bold;
		font-size: 12px; font-family: Arial; }
		
	/* menu waluty, wygaszacz etc. */
	#smallMenu {
		list-style: none; margin: 0;
		position: absolute; top: 140px; right: 215px; }
	ul#smallMenu li {
		display: inline; margin-left: 3px; }
	ul#smallMenu li a {
		padding-left: 14px; font-size: 11px; color: #676767; text-decoration: none;
		background: url(images/small_menu_link_back.png) center left no-repeat; }
	ul#smallMenu li a:hover { background-color: #f5f5f5; }
	
	/* szukaj */
	input.szukaj {
		width: 100px; margin-left: 10px; }
		
	/* pole na tresc */
	#wrapper {
		width: 100%; margin-right: -200px; float: left; }
	#content {
		margin-right: 200px; padding: 20px; }
		
	#footer {
		position: relative; bottom: 0; color: #fff;
		width: 100%; background: #892F5A; float: left; }
	#footer p {
		padding: 10px; }
		
	div.clear {
		width: 1px; height: 1px; clear: both; font-size: 1px; }
		
		
	/* index layout_________________________________________________ */
	
	/* superpomocja */
	h3#superpromocja {
		height: 98px; padding: 0; z-index: 10;
		position: relative; clear: both; text-indent: -9000px; }
	h3.superpromocjaPl {
		background: url(images/superpromocja-back-pl.png) no-repeat top right; }
	h3.superpromocjaEn {
		margin-top: 10px !important;
		background: url(images/superpromocja-back-en.png) no-repeat top right; }
	
	/* produkt w superpromocji na glownej stronie */
	div.indexRec {
		font-size: 80%;
		width: 44%; float: left; margin: 0 20px 20px 0; }
	div.miniImg {
		float: left; margin: 0 10px 0 0; }
	input.ilosc {
		width: 40px; font-size: 11px; }
	input.doKoszyka {
		margin-top: 7px; }
	div.indexRec h2 {
		margin: 0; font-size: 100%; }
	h2 a, h2 a:link {
		font-family: Arial; font-weight: bold; color: #ff6600; font-size: 130%;  }
	h2 a:visited {
		color: #FF9E5E; }
	h2 a:hover, h2 a:active {
		color: #CC0000; }
	h2 span {
		font-size: 100%; color: #872E58; font-family: Arial; }
	div.indexRec p.indexOpis {
		font-size: 110%; font-family: Arial; }
	p.indexCena {
		background: url(images/cenaBack.png) bottom left repeat-x;
		padding: 5px; text-align: right; font-family: Arial, sans-serif;
		font-weight: bold; font-size: 160%; color: #7E2851; }
	span.cenaStd {
		text-decoration: line-through; color: #A6A6A6; }
	
	
	/* div#actions { height: auto !important; z-index: 100; position: relative;} MZstudjo żeby nie zaslaniete było smallmenu w IE*/
	div#actions { height: auto !important; z-index: 100; position: relative; margin-top: 15px}
		
		
	/* akcja specjalna */
	
	div#akcjaSpecjalna {
		/*width: 45%; margin: 15px 0 10px 0; MZstudjo żeby smallmenu nie było zaslaniete w IE */
		width: 45%; margin: 0px 0 10px 0;
		border-bottom: 5px solid #EBABCB; position: relative;
		background: #F6E0EB no-repeat 7px 7px; }
	#akcjaSpecjalna h3 {
		margin: 0 0 .5em 0; line-height: 1.1; }
	/* #akcjaSpecjalna a {
		padding: 5px; text-decoration: none; background-color: #fff;
		white-space: nowrap; display: block; margin-top: .5em;
		position: relative; top: 5px; width: 10em; font-weight: bold;
		font-size: 10px; font-family: Tahoma, sans-serif;} MZstudjo żeby text był wysrotkowany w linku "dowiedz się wiecej""*/
	#akcjaSpecjalna a {
		padding: 5px; text-decoration: none; background-color: #fff;
		white-space: nowrap; display: block; margin-top: .5em;
		position: relative; top: 5px; width: 10em; font-weight: bold;
		font-size: 10px; font-family: Tahoma, sans-serif; text-align: center }
	#akcjaSpecjalna a:hover { background-color: #ff6600; color: #fff; }
	#akcjaSpecjalna p {
		margin: 0 0 5px 0; font-family: Tahoma, Verdana, sans-serif;
		font-size: 11px; color: #5d4b54; }
	#akcja {
		font-family: Georgia, serif; font-size: 85%;
		background: url(images/akcja-ornament.png) no-repeat 50% 0;
		padding-top: 50px; margin-left: 330px; }
		
	#akcjaSpecjalna .excerpt { padding: 110px 10px 10px 10px; }
	
	/* wartosciowe */
		
	div#wartosciowe {
		margin: 0 0 10px 0; float: right;
		width: 53%; height: auto; 
		position: relative; overflow-y: hidden; }

	div#flashCont{
		position: relative; top: -72px;}
		
	/* towary layout________________________________________________ */
	
	div.towaryRec {
		font-size: 80%; font-family: Arial; padding: 10px 0;
		border-top: 1px dotted #7E2851; clear: left; }
	div.towaryRec h2 {
		margin: 0; font-size: 80%; }
	div.towaryRec div.towaryImg {
		float: left; margin-right: 10px; }
	div.towaryOpis h2 { margin-bottom: 0; }
	div.towaryOpis p { font-size: 90%; margin-top: 5px; }
	div.towaryOpis form {
		margin: 0; display: inline; border-right: 1px solid black;
		padding-right: 10px; margin-right: 10px; }
	div.towaryOpis form p { display: inline; }
	span.cena {
		color: #7E2851; font-weight: bold; font-size: 110%; }
	/* nawigator */
	p.nawigator {
		font-size: 13px; background: #FFF6FA; padding: 3px;
		border-bottom: 1px solid #FFB2D7; border-top: 1px solid #FFB2D7; }
	p.nawigator a, p.nawigator a:link, p.nawigator a:visited,
	p.nawigator a:hover, p.nawigator a:active {
		color: #884C69; text-decoration: none; }
	.currentPage {
		background: #884C69; color: #fff; font-weight: bold;
		padding: 0 2px; font-size: 90%; }
		
	/* layout varia_________________________________________________ */
	
	/* koszyk */
	table#kosz {
		border: 0; width: 100%; }
	table#kosz th, table#kosz td {
		padding: 5px; }
	table#kosz th, table#kosz tfoot td {
		font-weight: bold; background: #78244C; }
	table#kosz tfoot td { text-align: right; }
	table#kosz td.bright { background: #FCF4F8; }
	table#kosz td.dark { background: #F6E8EF; }
	table#kosz input.iloscKoszyk { width: 50px; }
	
	table#koszykAkcje {
		border: 0; width: 100%; margin-top: 20px; }
	table#koszykAkcje td {
		text-align: center; width: 25%; }
		
	/* rejestracja */
	form#rejestr p {
		margin: 2px 0; }
	input.rejestrWide {
		width: 300px; border: 1px solid #E66FBD; margin-right: 6px; }
	input.rejestrNarrow {
		width: 150px; border: 1px solid #E66FBD; margin-right: 6px; }
	textarea.rejestrArea {
		width: 300px; height: 100px; border: 1px solid #E66FBD; margin-top: 3px; }
		
	/* tabele */
	table.tabular {
		border: 1px solid #6F9ECE; padding: 5px; caption-side: bottom;
		empty-cells: show; border-spacing: none; border-collapse: collapse;
		margin-bottom: 15px; }
	table.tabular tr { vertical-align: top; }
	table.tabular th, table.tabular td { border: 1px solid #d9d9d9; padding: 3px; font-size: 75%; }
	table.tabular th { background: #f2f2f2; text-align: left; }
	
	table.tabular td p, table.tabular th p,
	table.tabular td a, table.tabular th a { text-align: left; font-size: 12px !important; }
	
	/* zwykła tabela, ale małe litery */
	
	table.standard td {
		font-size: 11px; text-align: center; }
		
	.print { display: none; }