/*--------------------------------------------------------
	css theme name: cms.info.pl
	author: bartosz mediger - http://mediger.net
--------------------------------------------------------*/

* {
	margin: 0; padding: 0;
	line-height: 17px; }

html { background: #f7f7e9 url("anouchka/back-anouchka.gif") repeat-y center top; }

body {
	position: relative;
	width: 768px;
	margin: 0 auto; }
	
body, input, legend, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	color: #000; }

blockquote {
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	color: Black; }

fieldset { border: none; }

hr { display: none; }

iehr {
	display: block;
	width: 100%; height: 29px;
	background: url("anouchka/dot-anouchka.gif") repeat-x; }

img { border: none; }

input.button:focus, input.button:hover {
	background-color: #669900 !important; }

input.fav {
	background-color: #a4a42f !important; }

label { cursor: pointer; }

ol { margin: 10px 0px 20px 30px; }

p { padding-bottom: 10px; }

textarea { overflow: auto; }

th { background-color: #f3f3f3; }

ul { padding: 5px 0px 20px 0px; }

ul li {
	background:   url("anouchka/arrow-anouchka.gif") no-repeat 0px 7px;;
	list-style: none;
	padding-left: 13px; }


.button {
	width: auto !important;  _height: 22px;
	background-color: #518400 !important;
	border: none !important; margin-right: 4px;
	font-size: 11px !important;
	letter-spacing: 1px !important;
	cursor: pointer;
	padding: 2px !important;
	color: White; }




.button:hover {
	background: #669900;
	color: White; }

.center { text-align: center; }

.clearfix { _width: 100%; }


.dodaj-wyczysc,
.dodaj-wyslij {
	float: none !important;
	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;
	font-size: 11px; _font-size: 13px; }
	
	








.fav:hover { background-color: #c1bf4b !important; }

.hit { background-color: #ebecdd !important; }

.left { text-align: left; }

.polecany {
	border-bottom: 1px solid #518400;
	border-top: 1px solid #518400;
	margin-bottom: 10px; margin-top: 10px; padding: 5px 5px 10px 5px; }
	
.right { text-align: right; }

.warning {
	color: #d03205 !important;
	font-size: 11px;
	text-transform: uppercase; }















/* marginesy gorne i dolne */

#bonus1 {
	position: absolute; left: -33px; top: 0px;
	width: 836px; height: 20px;
	background: url("anouchka/back-top-anouchka.gif") no-repeat 50% -30px; }











/* news na starcie */

.news-item { position: relative; margin-bottom: 25px; }
.news-item h4 {
	margin: 2px 0 10px 0;
	color: #518400; }
	
.news-item .more { float: right; font-weight: bold; }
.news-item h4 a.more { float: none !important; font-weight: normal !important; }


/*
.news-item small { position: relative; top: 43px; }*/


.szukaj {
	width: 41px !important; height: 17px;
	background: url(http://toastmasterspoznan.pl/dane/images/szukaj.gif) no-repeat;
	border: none !important; }




















/* naglowki */

h1 {
	margin: 10px 0px 10px 0px;
	font-family: Georgia, sans-serif;
	font-size: 22px; font-weight: normal;
	color: #393939; }

h2 {
	padding: 5px;
	font-size: 19px; font-weight: normal;
	text-align: left; color: #222; }

h3 {
	padding: 5px 0px 10px 0px;
	font-size: 16px;
	font-weight: normal;
	color: #333; }

h4 {
	line-height: 18px;
	font-family: Georgia, sans-serif;
	font-size: 20px; font-weight: normal;
	color: #444; }

h5 {
	line-height: 14px;
	font-size: 12px !important;
	font-weight: normal; }

h6, dt {
	font-family: Georgia, sans-serif;
	font-size: 19px; font-weight: normal;
	line-height: 18px; 
	margin: 0px 0px 12px 0px;
	color: #666; }











/* nawigacja */

a { color: #518400; text-decoration: none; }
a:hover { background-color: #518400; color: White !important; }


















/* ikony */

a.domek { width: 18px; height: 15px; background: url(http://toastmasterspoznan.pl/dane/images/domek.gif); }
a.domek:hover { background-position: 0px -15px; }
a.drukuj { width: 20px; height: 20px;	background: url(http://toastmasterspoznan.pl/dane/images/drukuj.gif); }
a.drukuj:hover { background-position: 0px -20px; }
a.koperta { width: 16px; height: 11px; background: url(http://toastmasterspoznan.pl/dane/images/koperta.gif); }
a.koperta:hover { background-position: 0px -11px; }
a.powiadom { width: 51px; height: 20px; background: url(http://toastmasterspoznan.pl/dane/images/powiadom.gif); }
a.powiadom:hover { background-position: 0px -20px; }
a.rss { width: 36px; height: 14px; background: url(http://toastmasterspoznan.pl/dane/images/rss.gif); }
a.rss:hover { background-position: 0px -14px; }















/* dodaj komentarz */

#addComment,
#addNote {
	position: relative;
	width: 100% !important; }

#addComment,
#addNote label {
	float: left;
	width: 430px;
	text-align: left; }
	
	#addComment fieldset,
	#addNote fieldset {
		background: #fcfcfc;
		border: 1px solid #999;
		padding: 5px 5px 20px 5px; }

	#addComment input,
	#addNote input,
	#addComment textarea,
	#addNote textarea { margin: 1px 0 1px 3px; }

	#addComment #f_tytul,
	#addNote #f_tytul,
	#addComment #f_tresc,
	#addNote #f_tresc,
	#addComment #f_nick,
	#addNote #f_nick  {
		width: 300px; height: 17px;
		margin: 1px;
		padding: 0 2px 0 2px;
		border: 1px solid #999; }
		
	#addComment h4,
	#addNote h4 { background: #9a3300; }
	
	#addComment h4 a,
	#addNote h4 a { color: White; }

	#addComment legend,
	#addNote legend {
		font-size: 120%;
		padding: 10px; }
		
	#addComment textarea,
	#addNote textarea {
		height: 120px !important;
		overflow: auto; }
		
	#addComment label span,
	#addNote label span {
		width: 110px; float: left;
		text-align: right; }
	
	#addComment #send,
	#addNote #send {
		position: absolute; right: 10px; bottom: 15px;
		font-size: 12px;
		padding: 3px;
		cursor: pointer; }
	
	#addComment #zapisz { margin-right: 35px; }

	
	




/* comments */

#comments {
	position: relative;
	border: 1px solid #ccc;
	margin: 20px 0 0 0;
	padding: 10px; }

	#comments .dodaj {
		position: absolute; z-index: 10; top: 40px; right: 10px;
		margin: -30px 0px 0px 0px;
		background: url(http://toastmasterspoznan.pl/dane/images/arrow-gray.gif) no-repeat right;
		padding-right: 20px; }

	#comments dl {	margin: 0 0 10px 0; }
	
	#comments dl dd,
	#comments dl dt { overflow: hidden; }

	#comments dl dd { padding: 0 0 0 0; }

	#comments dt {
		width: 100%;
		margin-bottom: -3px;
		padding: 5px 0 0 0;
		font-weight: bold;
		font-size: 12px; _font-size: 14px; }

	#comments .title {
		float: left;
		padding: 0 0 5px 0;
		font-size: 120%; }

	#comments dt a {
		float: left;
		padding: 0 0 5px 0px;
		font-size: 115%; }
		
	#comments dt a:hover { background-color: #518400; color: White; }

	#comments .author {
		float: right;
		font-weight: normal;
		font-style: italic;
		font-size: 11px; _font-size: 12px;
		text-align: right; }

	#comments .plus { background: url(http://toastmasterspoznan.pl/dane/images/plus.gif) no-repeat 0px 4px; }



	/* wybrany komentarz */
	
	#comments dl.active .active  { font-size: 120%; }
	
	#comments dl.active dd.active { padding-bottom: 15px; }




















#container {
	position: relative; float: right;
	width: 768px; /*min-height: 100%;*/
	margin: 0 auto; padding: 40px 0 60px 0; }




	














#gallery {
	width: 488px;
	margin: 0 auto !important; }

#gallery { margin: 20px 0px 0px 0px; padding: 3px; }

#gallery a:hover { background: none; }

#gallery a:hover img { border: 1px solid #518400 !important; }

#gallery a img { border: 1px solid #fff; }













#header { float: right; }


#header {
	clear: both;
	position: relative;
	width: 100%; height: 255px;
	margin-bottom: 20px; }

	#header img {
		position: absolute; top: 0; left: 220px; z-index: 8;
		cursor: pointer; }

	#header img.active { z-index: 10; }

	#header img.last-active { z-index: 9; }













#icons { display: none; }











#inside { 
	padding: 0;
	float: left; }


















#maincontent {
	float: right;
	/*position: absolute;*/ top: 300px; left: 210px; z-index: 10;
	width: 545px; /*min-height: 463px; */ height: 100%; min-height: 100%;
	padding-bottom: 40px; }
	



















	
#menu { width: 205px; }



/* menu pionowe */

#menu-pionowe { width: 189px; }

#menu-pionowe dd {
	background: url("anouchka/arrow-anouchka.gif") no-repeat 0 10px;
	padding: 4px 0 4px 12px; }

#menu-pionowe ul { padding: 0 0 10px 13px; }
#menu-pionowe li {
	list-style: none;
	padding-left: 10px !important; }

#menu-pionowe li a { font-size: 11px; }

#menu-pionowe .foot { display: none; }



















#menu-poziome {
	position: absolute; top: 20px;
	overflow: hidden;
	width: 768px; height: 43px;
	border-bottom: 1px solid #ccc;
	margin-bottom: -50px; }
	
	#menu-poziome dl { margin: 8px 0px 0px 0px; /*210px;*/ }
	#menu-poziome dd { display: inline; }
	#menu-poziome dd a {
		line-height: 36px;
		padding: 10px;
		font-size: 11px; font-weight: bold; }

	#menu-poziome dd a:hover {
		background-color: #f7f7e9;
		color: #518400 !important; }

	#menu-poziome dd a.hit { background-color: #ebecdd; }
	
	#menu-poziome.left dl { margin-left: 195px; }
	



/* nawgiacja */

#nav { margin: 0px 0px 20px 0px; }






/* newsletter */

.newsletter {
	position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc; }
	
	.newsletter h6 { margin-top: 10px; }

	.newsletter div {
		margin-top: 0 !important; }

	.newsletter input {
		width: 90px;
		border: 1px solid #c4c4c4;
		padding: 0 2px 0 2px; }

	.newsletter label {
		float: left;
		width: 48px;
		margin: 0 0 3px 0;
		padding: 0 3px 0 0;
		text-align: right; }

	.newsletter .imie,
	.newsletter .email { margin: 0 0 2px 0; }

	.newsletter .plec {
		margin-top: 0 !important; }
	
	.newsletter .plec p {
		float: left;
		padding: 0 0 0 20px; }

	.newsletter .plec input {
		float: left;
		width: 15px; }

	.newsletter .plec label { width: 20px; }

	.newsletter .zapisz {
		float: right;
		width: 49px; height: 19px;
		background: url(anouchka/zapisz-anouchka.gif);
		cursor: pointer;
		border: none;
		margin-bottom: 10px;
		padding: 0;
		text-indent: 100px; }

	.newsletter .zapisz:hover { background-position: 0 -19px; }

	.newsletter .zgoda {
		margin-top: 10px !important; }

	.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-size: 10px;
		font-weight: normal;
		white-space: nowrap; }
		









/* ogloszenia */

#ogloszenia { width: 189px; }




/* ogloszenia - tablica */

	#ogloszenia-tablica { width: 189px; }

	#ogloszenia-tablica dd {
		background:   url("anouchka/arrow-anouchka.gif") no-repeat 0px 7px; }

	#ogloszenia-tablica dd a { margin-left: 12px; }

	#ogloszenia-tablica dd.title {
		background: none;
		margin: 18px 0px 10px 12px;
		font-size: 11px; font-weight: bold;
		text-transform: uppercase; }

	#ogloszenia-tablica dd.dodaj {
		background: none;
		font-size: 11px; font-weight: bold;
		text-transform: uppercase; }



/* ogloszenia - wybrane */

#ogloszenia-wybrane p { padding: 10px;	}
#ogloszenia-wybrane p.kategoria {
	padding-bottom: 0px;
	font-size: 11px;
	text-transform: uppercase; }

#ogloszenia-wybrane p.kategoria span { font-weight: bold; }

#ogloszenia p.ogloszenie { font-size: 12px; }
#ogloszenia p.ogloszenie {
	background:   url("anouchka/arrow-anouchka.gif") no-repeat 0px 16px; }

#ogloszenia p.autor {
	padding: 0px; 
	font-size: 11px;
	text-align: right; }





/* ogloszenia - odpowiedz */

#ogloszenia-odp {
	margin: 30px 0px 0px 0px; }

	#ogloszenia-odp fieldset {
		border: 1px solid #ccc;
		padding: 10px; }

	#ogloszenia-odp td {
		padding: 5px;
		background-color: #f3f3f3; }

	#ogloszenia-odp textarea {
		width: 315px;
		height: 120px;
		padding: 1px; }

	#ogloszenia-odp th {
		width: 160px;
		line-height: 14px;
		padding: 10px;
		text-align: right;
		font-size: 11px; }

	#ogloszenia-odp .tresc {
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 10px 20px;
		font-style: italic; 
		border-bottom: 1px solid #ccc; }
		
	#ogloszenia-odp .button {
		width: 120px !important;
		margin: 0px 0px 0px 46px; }
	
	




#pages {
	clear: both;
	width: 100%; }

	#pages a {
		float: left;
		padding: 4px; }

	#pages .arleft,
	#pages .arright {
		width: 9px; height: 9px;
		cursor: pointer; }
	
	#pages .arleft { background: url("anouchka/arleft.gif") no-repeat 0 6px; }
	
	#pages .arright { background: url("anouchka/arright.gif") no-repeat right 6px;  }	






/* platnosci */

#platnosci { width: 189px; text-align: center; padding: 15px 0px 15px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  }












/* pozostale */
	
#pozostale { width: 189px; }	



















/* sklep */

#sklep { width: 189px; }

	#sklep dd { padding-left: 12px; }	


	/* sklep - kategorie */
	
	#sklep-kategorie { width: 189px; }
	#sklep-kategorie dd {
		background:   url("anouchka/arrow-anouchka.gif") no-repeat 0px 7px; }

		
	/* sklep - koszyk */

	#sklep-koszyk dd {
		background:   url("anouchka/arrow-anouchka.gif") no-repeat 0px 7px;
		padding-left: 12px; }
		
	#sklep-koszyk a {
		font-size: 11px;
		text-transform: uppercase; }


	/* sklep - poleca */

	#sklep-poleca { }
	#sklep-poleca h5.title {
		background:   url("anouchka/arrow-anouchka.gif") no-repeat 0px 7px; }

	#sklep-poleca h5.title a:hover { 
		background-color: #518400;
		color: White; }

	#sklep-poleca a {
		display: block; position: relative;
		margin: 10px 0px 0px 12px; }

	#sklep-poleca a:hover {
		background: none;
		color: #518400; }

	#sklep-poleca small {
		display: block;
		line-height: 11px;
		font-family: Arial, Helvetica, sans-serif; font-size: 9px !important; font-weight: normal;
		text-transform: uppercase; }

	#sklep-poleca span.opis { display: none; }
	
	#sklep-poleca img { float: left; margin-right: 10px; }

	#sklep-poleca .cena { float: left; }
	#sklep-poleca .cena span {
		display: block;
		border-bottom: 1px solid #518400;
		padding-bottom: 4px;
		font-family: Georgia, sans-serif; font-size: 18px; }
	


/* wyszukiwarka */

#wyszukiwarka {
	position: absolute; top: 30px; left: 0px; 
	border-bottom: 1px solid #ccc;
	width: 189px; height: 33px; }
	
	#wyszukiwarka h6 { display: none; }

	#wyszukiwarka input, #newsletter input {
		background-color: #acc875;
		width: 126px; height: 17px;
		border: none;
		margin: 5px 0px 0px 0px; padding: 1px 0px 0px 2px;
		font-size: 12px; color: White; }
		
	#wyszukiwarka input.szukaj {
		width: 52px !important; height: 19px;
		background:   url("anouchka/szukaj-anouchka.gif");
		cursor: pointer; }

	
	
	#wyszukiwarka input:hover,
	#wyszukiwarka input:focus { background-color: #669900; }


	
/* dla nowych boxow */

#menu div, #menuform,
#ogloszenia div, #ogloszenia dl, #ogloszenia form,
#pozostale div, #pozostale form,
#sklep dl, #sklep div, #sklep form {

		position: relative !important; top: 0px !important;
		width: 189px !important;
		margin-left: 0px;	padding-left: 0px !important; margin-top: 2em;
		overflow: hidden; }

#menu * fieldset,
#ogloszenia * fieldset,
#pozostale * fieldset,
#sklep * fieldset { padding-left: 0px !important; }
















/* ---------------- sklep ---------------- */


/* produkt */

.produkt { background: none !important; }
.produkt .opis { border-bottom: 1px solid #ccc;  }
.produkt .opis blockquote {
	margin-top: 10px; _margin-top: -10px; }

.produkt .dodaj-szt-do-koszyka {
	position: absolute; top: 47px; right: 0px;
	width: 250px; height: 50px;
	text-align: right; }
	
.produkt .dodaj-szt-do-koszyka input {
	width: 30px;
	border: 1px solid #ccc;
	text-align: center; }

.produkt .dodaj-szt-do-koszyka input.button {
	width: 70px; height: 23px;
	font-size: 11px; }



/* lista produktow, produkt */

.opis { text-align: justify; }

.produkt,
.produkt-na-liscie {
	position: relative;
	float: left;
	width: 100%; 
	background-color: #f9f9f9;
	margin: 20px 0px 5px 0px; padding: 7px 7px 15px 7px; }

	
.produkt blockquote { width: 280px; }
.produkt h3,
.produkt-na-liscie h3 { font-size: 18px; }

.produkt img,
.produkt-na-liscie img {
	float: left;
	border: 1px solid #ccc;
	margin: 5px 10px 0px 5px; padding: 4px; }

.produkt .photo,
.produkt-na-liscie .photo { float: left; width: 85px; margin: 5px 8px 0px 0px; }

.produkt-na-liscie .dodaj-do-koszyka {
	position: absolute; right: 10px; top: 38px; }

.produkt-na-liscie .opis-produktu {
	position: absolute; right: 10px; top: 56px; }

.produkt .cena,
.produkt-na-liscie .cena {
	float: right;
	width: 80px;
	border-bottom: 1px solid #518400;
	margin: -30px 0px 0px 0px; padding: 0px 0px 4px 0px !important; 
	font-family: Georgia, sans-serif; font-size: 18px;
	text-align: right; color: #333; }

.produkt p,
.produkt-na-liscie p { padding-right: 160px; }


.produkt-na-liscie p.signature { float: right; }

.produkt-na-liscie p.signature a  { position: static; }




/* dane adresowe */	

#dane-adresowe {
	float: left;
	width: 270px; }

#dane-adresowe #da_plec {
	margin-left: 100px;
	font-size: 11px; }

#dane-adresowe #da_plec label { display: inline; }

#dane-adresowe #da_plec input {
	width: 20px !important;
	border: none !important; }

#dane-adresowe input,
#dane-adresowe textarea {
	width: 105px;
	border: 1px solid #ccc; }

#dane-adresowe .button { display: block; float: left; }

#dane-adresowe input,
#dane-adresowe label,
#dane-adresowe textarea {
	margin-top: 3px; padding: 2px;
	font-size: 11px; }

#dane-adresowe label.checkbox_checked,
#dane-adresowe label.checkbox_unchecked {
	background-position: right;
	padding: 0px 25px 0px 0px;
	margin-left: -25px; }

#dane-adresowe textarea { width: 128px; }

.odbiorca {
	float: left;
	width: 240px; }
	
.popraw-zamow input:hover,
#dane-adresowe input:focus,
#dane-adresowe input:hover,
#dane-adresowe textarea:focus,
#dane-adresowe textarea:hover { background-color: #faffd7; }

#dane-adresowe label { text-align: right; }
#dane-adresowe label {
	display: block; 
	width: 236px;
	margin: 2px; padding: 0px;
	font-size: 11px; }
	
#dane-adresowe p { padding-right: 10px; }

#dane-adresowe #da_newsletter { width: 20px !important; }
	
.powtorz-haslo { margin-bottom: 20px; }

.powrot-dalej {
	float: right;
	margin: 20px 25px 0px 0px; _margin-right: 8px; }



/* dane do faktury */

#dane-faktura {
	float: right;
	width: 250px;
	border-left: 1px solid #ccc;
	padding: 0px 0px 0px 20px; }

#dane-faktura label { text-align: right; }
#dane-faktura label {
	display: block; 
	width: 236px;
	margin: 2px; padding: 0px;
	font-size: 11px;	}

#dane-faktura label.checkbox_checked,
#dane-faktura label.checkbox_unchecked {
	background-position: right;
	padding: 0px 25px 0px 0px;
	margin-left: -25px; }

#dane-faktura input,
#dane-faktura textarea {
	width: 105px;
	border: 1px solid #ccc;
	margin-top: 3px; padding: 2px;
	font-size: 11px; }

#dane-faktura textarea { width: 131px; }

#dane-faktura input:focus,
#dane-faktura input:hover,
#dane-faktura textarea:focus,
#dane-faktura textarea:hover { background-color: #faffd7; }




/* 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; }



	

#logo {
	position: absolute; left: -15px; top: 20px; z-index: 100;
	display: block;
	width: 210px; height: 216px;
	background: url("anouchka/ToastmastersLogo.jpg") no-repeat left bottom;
	font-size: 20px;
	text-align: center;
	color: #333; }
	
	#logo:hover { color: #333 !important; }



/* logowanie */

#logowanie {
	float: right;
	width: 240px;
	border-left: 1px solid #ccc;
	padding: 0px 0px 0px 20px;	}

#logowanie input,
#logowanie textarea {
	width: 105px;
	border: 1px solid #ccc;
	margin-top: 3px; padding: 2px;
	font-size: 11px; }

#logowanie label {
	display: block; 
	width: 236px;
	margin: 2px; padding: 0px;
	font-size: 11px;
	text-align: right; }

#logowanie input:focus,
#logowanie input:hover { background-color: #faffd7; }

#logowanie .button {
	margin: 5px -1px 0px 0px;
	text-align: right; }



	

/* 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;
	padding-top: 20px; }

#podsumowanie .l {
	float: left;
	width: 160px;
	padding-right: 5px;
	text-align: right; }

#podsumowanie .r {
	float: left;
	width: 220px;
	font-weight: bold; }

.popraw-zamow  {
	clear: both; 
	border-top: 1px solid #ccc;
	margin-top: 20px; padding: 10px 0px 20px 0px;
	text-align: right; }














#realizacja {
	position: absolute; bottom: 0; right: 0;
	width: 100%;
	font-size: 10px;
	text-align: center;
	color: #bbb; }

	#realizacja a {
		font-size: 10px;
		color: #bbb; }

	
















#zaw-koszyka {
	width: 100%;
	border-bottom: 1px solid #ccc; }

#zaw-koszyka h3 { font-size: 18px; }

#zaw-koszyka img {
	border: 1px solid #ccc;
	padding: 2px; }

#zaw-koszyka td,
#zaw-koszyka th {
	padding: 5px;
	vertical-align: top; text-align: justify; }

#zaw-koszyka th {
	background-color: #518400;
	text-align: center;
	color: White; }

#zaw-koszyka .cena {
	float: right;
	width: 80px;
	border-bottom: 1px solid #518400;
	margin: -30px 0px 0px 0px; padding: 0px 0px 4px 0px !important; 
	font-family: Georgia, sans-serif; font-size: 18px;
	color: #333;
	text-align: right; }

#zaw-koszyka .zilosc { text-align: center; }
#zaw-koszyka .zilosc input { width: 30px; text-align: center; }
#zaw-koszyka .zcena { white-space: nowrap; }

.del { width: 40px; }

.przelicz-dalej { margin: 20px 0px 0px 0px }

.przelicz-dalej input, .przelicz-dalej a {
	float: left;
	background-color: #669900;
	border: none;
	margin-right: 4px; padding: 2px 5px 2px 5px;
	cursor: pointer;
	color: White; }

.przelicz-dalej a {
	height: 18px; _height: 21px;
	font-weight: bold; }

	
	


/*
	Menu rozwijane
	---------------------------------*/
	
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position: absolute; left: -1000px; top: -1000px;
	overflow: hidden;
	margin: 0px; padding: 0px;
	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; 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; }

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute; left:0px; top:0px; z-index:1;
	-moz-opacity:.95; filter:alpha(opacity=95); }

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute; z-index:3; top:3px; width:2px;
	-moz-opacity:.4; filter:alpha(opacity=40); }

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position: absolute; z-index: 1; left:3px; height:2px;
	-moz-opacity:.4; filter:alpha(opacity=40); }

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background: #f7f7e9;
	color:black; }

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px; }


.hide { display: none; }

.start .aktualnosci { display: none !important; }
