/*
......................................................................

		spirit.com.pl cascading style sheet
		copyright studjo.pl, composed by mokry @ studjo
		02.2005
		
		01. basic elements
		02. layout
		03. common, specific elements

......................................................................
---------------------------------------------------------------------- 
*/

/*		01. basic elements
......................................................................
---------------------------------------------------------------------- 
*/

	@import url(matrixPanel.css);

	* { margin: 0; padding: 0; }

	body {
		background-color: #fff;
		font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
		font-size: 76%; color: #000; }
		
	a:link { color: #000; }
	a:visited { color: #444; }
	a:active { color: #444; }
	a:hover { color: #0071DB; }
	
	body#popup a {
		display: block; padding: 10px 100px 10px 10px;
		text-decoration: none; }
	
	 
   h1 { font-size: 2.3em; }
	h2 { font-size: 2em; }
	h3 { font-size: 1.8em; }
	h4 { font-size: 1.6em; }
	h5 { font-size: 1.4em; }
	h6 { font-size: 1.2em; }
	h2, h3, h4, h5, h6 {
		margin: 1.2em 0; font-family: Trebuchet MS, sans-serif; font-weight: normal; }
	
	p {
		font-size: 1.0em; line-height: 1.5em;
		margin: 1.2em 0; }

	ol, ul, li {
		list-style: square;
	   font-size: 1.0em; line-height: 1.4em;
	   margin: 0.2em 0 0.1em 1.2em; }
	ol, ol li { list-style: decimal !important; }

   li > p { margin-top: 0.2em; }

   pre, code {
		font-family: monospace;
		font-size: 1.1em; }
		
	strong { font-weight: bold; }
	
	img { border: 0; }

	input, textarea {
		border: 1px solid #676767; }
		
	hr {
		border: 0; background-color: #ccc;
		color: #ccc; height: 1px; }
		

/*		02. layout
......................................................................
---------------------------------------------------------------------- 
*/

	#header {
		position: relative; height: 141px;
		background: #fff url(img/header-back.gif) repeat-x 393px 0;
		overflow: hidden; }
	#header h1 {
		margin: 0; padding: 0; width: 493px; height: 141px;
		background: url(img/logo.gif) no-repeat; }
	body#bodyDE #header h1 { background: url(img/logo-de.gif) no-repeat; }
	body#bodyEN #header h1 { background: url(img/logo-en.gif) no-repeat; }
	#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active {
		display: block; position: absolute; top: 30px; left: 0;
		width: 250px; height: 108px; text-indent: -9999px;
		background: transparent url(img/transp.png); text-decoration: none; }

	#wrapper {
		background-color: #fff; }
		
	#content {
		padding: 20px 20px 20px 35px; margin: 0 41% 0 0; }
	.contentKosz {
		margin: 0 !important; }
		
	/* express shopping / products ***********************************/
	
	#expressShoppingInfo {
		margin: 0 0 0 1px; padding: 0; text-indent: -9999px;
		width: 291px; height: 70px; }
	.expressShoppingInfoPL {
		background: url(img/produkty-szybkie-zakupy-PL.gif) no-repeat; }
	.expressShoppingInfoEN {
		background: url(img/produkty-szybkie-zakupy-EN.gif) no-repeat; }
	.expressShoppingInfoDE {
		background: url(img/produkty-szybkie-zakupy-DE.gif) no-repeat; }
	
	#nav {
		float: right; width: 40%;
		background: #FFFEEC url(img/panel-back.gif) repeat-y;
		padding: 0; margin: 0; }
	#nav ul, #nav li {
		list-style: none; margin: 0; padding: 0;
		font-size: 12px; }
	#nav li {
		padding: 5px 5px 0 20px;
		background: url(img/nav-li-back.gif) no-repeat 10px 0;
		border-top: 1px solid #D0D9DC;
		border-bottom: 5px solid #F8FAFB; }
		
	#nav ul {
		padding: 0 0 0 7px; }
	#nav .szukaj { width: 100px; }
		
	#nav a:link, #nav a:visited {
		text-decoration: none; }

	#nav a b { text-decoration: underline; } 
	#nav a strong { font-weight: normal; font-size: .9em; }
	
	#nav ul li a img { float: right; }
		
	/* form in nav */
	#nav li form {
		margin: 0; padding: 5px 0 0 0; }
	#nav li form p { margin: 0; padding: 0; }
	
	
	#nav #panelBackSzukaj { background: #F5FAFD url(img/panel-szukaj-back.gif) repeat-y; }
	#nav #panelBackSzukaj form {
		margin: 0 0 0 4px; border-bottom: 3px solid #fff; padding: 1px 10px 1px 25px;
		border-top: 3px solid #fff; }
	#nav #panelBackPromo { background: #F5FAFD url(img/panel-promo-back.gif) repeat-y; }
	#nav #panelBackPromo #borderPromo {
		margin: 0 0 0 4px; border-top: 3px solid #fff; padding: 1px 10px 1px 25px; }
	
	
	
	#footer {
		clear: both; border-top: 1px solid black; }
	#footer p {
		margin: 0; padding: 15px; text-align: center; font-size: .9em; }
		
	/* special promo */
	
	#specialPromo {
		border-bottom: 2px solid #ff6000; padding: 0 0 10px 0; }
	#specialPromo h3 { margin-bottom: 0; }
	#specialPromo h3 a { color: #ff6000; text-decoration: none; }
		
	/* combo box - zastosowania */
	.zastosowaniaCombo {
		background-color: #e8e8e8; color: #444; margin: 10px 0;
		padding: 1px; font-size: 1.1em; }
	.zastosowaniaCombo option {
		padding: 0 10px; margin-bottom: 2px;
		background: #f8f8f8 url(img/smallArrow.png) no-repeat 5px center; }
		
	/* zastosowania lista index */
	
	ul.zastosowania {
		margin: 10px 0; padding: 0; list-style-type: none; }
	ul.zastosowania li {
		list-style-type: none; margin: 0; padding: 3px 0;
		border-bottom: 1px solid #E8E8E8;
		background: transparent url(img/arrow-zastosowania.png) no-repeat 0 7px !important; }
	ul.zastosowania li a  {
		display: block; text-decoration: none; padding-left: 15px; }
	ul.zastosowania li a:hover {
		background-color: #E9F4F8; }
		
		
	/* towary entries */
	
	.towaryEntry {
		margin: 10px 0 20px 0; position: relative; clear: left;
		border-bottom: 1px solid #CBC4AE; }
	.miniImg {
		float: left; }
	.towaryOpis {
		margin-left: 50px; }
	.towaryOpis p {
		font-size: .95em; line-height: 1.2; }
		
	.towaryEntry h2 {
		font-family: Trebuchet MS, Arial, Tahoma, Verdana, sans-serif;
		line-height: 1; margin: 0; font-size: 20px; }
	.towaryEntry h2 a { text-decoration: none; }
	.towaryEntry h2 span {
		font-size: 15px; color: #000; }

		
	.towaryEntry form {
		padding: 5px; }
	.towaryEntry form p { margin: 0; padding: 0; }
	
	p.indexCena {
		font-size: 1.4em; line-height: 1; }
		
	/* login, registration */
	
	div#regPanel {
		position: absolute; top: 0; right: 28px; width: 300px; }
	#regPanel form { margin: 10px 0 0 0; padding: 0; }
	#regPanel p { margin: 0; padding: 0; color: #fff; }
	#regPanel p.zalogowany { padding-top: 25px; }
	.login, .pass { width: 100px; }
	.loginSubmit { border: 0; vertical-align: bottom; }
	body#bodyDE .pass, body#bodyEN .pass { width: 80px; }
	
	a#bezpRejestracja, a#bezpRejestracjaDE, a#bezpRejestracjaEN {
		display: block; width: 288px; height: 60px;
		background: transparent url(img/bezp-rejestracja.gif) no-repeat;
		text-indent: -5000px; text-decoration: none; }
	a#bezpRejestracjaDE {
		background: transparent url(img/bezp-rejestracja-de.gif) no-repeat; }
	a#bezpRejestracjaEN {
		background: transparent url(img/bezp-rejestracja-en.gif) no-repeat; }
	
	/* koszyk */
		
	#koszykInfo {
		position: absolute; top: 20px; right: 340px;
		border-right: 1px solid white; color: #fff;
		text-align: right; padding-right: 20px; }
	#koszykInfo a, #regPanel a { color: #fff; }
	#koszykInfo a:hover, #regPanel a:hover { color: #FFCC00; background-color: transparent; }
	
	table#kosz, table#koszAkcje {
		border: 0; border-spacing: 3px; width: 90%;
		margin-left: 25px; font-size: .95em; }
	table#koszAkcje { margin-top: 20px; }
	table#kosz th {
		padding: 10px; 
		background: #F8FE98 url(img/th-back.gif) repeat-x; }
	table#kosz td {
		background-color: #f1f1f1; padding: 4px;
		border-top: 1px solid #a1a1a1; }
	table#kosz tfoot td {
		background-color: #D7E6F4; }
	table#koszAkcje input { border: 0; }
	table#koszAkcje td { text-align: center; }
		
		
	.min {
		width: 700px; height: 1px;  }
		
	/* rejestracja */
	
	.rejestrWide { width: 300px; }
	.rejestrNarrow { width: 150px; }
	
	/* towary, towar */
	
	.towarFormularzyk {
		padding: 5px 20px; background-color: #f8f8f8;
		margin: 0 0 10px 0; }
	
	ul.pliki li {
		list-style-type: none; padding-left: 23px; margin: 0;
		line-height: 1.7; }
	.pliki li.pdf { background: url(img/icon-pdf.png) no-repeat; }
	.pliki li.zip { background: url(img/icon-zip.png) no-repeat; }
	.pliki li.default { background: url(img/icon-default.png) no-repeat; }
	
	/* opis zastosowania */
	div.zastosowanieOpis {
		padding: 10px;
		background-color: #F6EED7;
		color: #4A4430; font-size: .9em; }
	.zastosowanieOpis h2 { margin: 0; }
	.zastosowanieOpis p {
		padding: 0 0 10px 30px; line-height: 1.3;
		background: url(img/icon-zastosowanie-opis.gif) no-repeat 0 0; }
		
	/* nawigator */
	p.nawigator {
		padding: 3px 0; border-top: 1px solid #9FBEC9;
		border-bottom: 1px solid #9FBEC9; text-align: center; }
	.nawigator a {
		background-color: #DEF1F8; padding: 2px; text-decoration: none; }
	
	/* rabaty */
	table.rabaty {
		border: 1px solid #A8B8BE; padding: 2px; }
	table.rabaty td {
		background-color: #F6EFC9; padding: 3px 20px; }
			
/*		03. common, specific elements
......................................................................
---------------------------------------------------------------------- 
*/

	.clear { clear: both; }
	.bold { font-weight: bold; }
	.center { text-align: center; }
	img.left { float: left; margin: 10px; }
	img.right { float: right; margin: 10px; }
	
	.ilosc { width: 50px; margin: 0 0 4px 4px; vertical-align: text-bottom;;}
	
	.doKoszyka { border: 0; margin-left: 3px; }
	
	.px {
		font-family: tahoma, sans-serif; font-size: 11px; }
	    
	.zalogowany { color: #FFCC33; }
	.zalogowany a { color: #fff; }
	
	.error {
		padding: 10px; background-color: #D30000; color: #fff;
		font-weight: bold; }
		
	input.submit {
		background: #958585 url(img/submit-back.png) repeat-x;
		color: #fff; font: bold 11px/12px Tahoma, sans-serif;
		border: 1px solid #fff; padding: 3px 20px; cursor: pointer; }
	input.submit:hover {
		cursor: pointer; }
		
	/* kolory */
	.blue { color: #1375C8; }
	
	table.towarInfo {
		border: 0; margin-top: 15px; font-size: .9em;
		border-collapse: collapse; }
	table.towarInfo td {
		padding: 4px; border: 1px solid #ccc; }
	
	.backFooter {
		text-align: center; margin-top: 20px;
		padding-top: 5px; border-top: 1px solid #000; }
		
	/* style dla cen */

	.cenaStd { text-decoration: line-through; }
	
	h3.title {
		margin: 15px 0 5px 0; }
		
	h3.separated {
		border-bottom: 1px solid black; }
		
	/* print only */
	#printHeader, .print { display: none; }