/*--------------------------------------------------------
	css theme name: cms.info.pl
	author: bartosz mediger - http://mediger.net
--------------------------------------------------------*/

* {
	margin: 0px; padding: 0px;
	line-height: 17px; }

html { height: 100%; }

body {
	position: relative;
	width: 100%; height: 100%;
	background: #fcfcfc url("distant-ap/top-e.jpg") no-repeat center -20px;
	margin: 0px auto; }

body, input, legend, select {
	font-family: "Trebuchet MS", Tahoma, Verdana; font-size: 13px; color: #404040; }

blockquote, blockquote p {
	line-height: 20px;
	margin: 9px 0px 8px 0px;
	font-size: 15px; color: Black; }
	
p.comments {margin: 0px 0px 10px 15px; padding: 8px; border: solid 1px #afafaf; background: #efefdf;}

fieldset { border: none; }

hr {
	clear: both; overflow: hidden;
	width: 100%; height: 1px; 
	background-color: #777; 
	margin: 10px 0px 10px 0px;
	border: none; }

img { border: none; }

input.fav {
	background-color: #54668a !important;
	color: White; }

label { cursor: pointer; }

ol { margin: -10px 0px 20px 40px; }

p { padding-bottom: 10px; }

textarea { overflow: auto; }

th { background-color: #f3f3f3; }

ul { padding: 5px 0px 20px 25px; }


	
.button {
	width: auto !important; height: 25px !important;
	border: none;
	cursor: pointer;
	padding: 0px 2px 0px 2px !important; }

.button:hover {
	background: #fe7c00 !important;
	color: White; }
	
.center { text-align: center; }



.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: #fe7c00 !important; }


.clearfix { clear: both; }

.hit { font-weight: bold !important; }

.news-item { padding: 10px; }

	.news-item small {
		margin-left: 3px;
		color: #444; }

.polecany {
	border: 1px dashed #394d6f;
	margin-bottom: 20px; padding: 5px 5px 10px 5px; }

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



.warning {
	color: #d03205; text-transform: uppercase; }



/* naglowki */


h1 {
	line-height: 31px;
	margin: 0px 0px 5px 0px;
	font-size: 25px; font-weight: normal; 
	color: #393939;}

h1.start {
	line-height: 31px;
	margin: 5px 0px 5px 0px;
	font-size: 25px; font-weight: normal; 
	color: #393939;
        border-top: solid 1px #cfcfcf;
        padding: 5px 0px 5px 0px; }

h1.hide * { display: none; }

h1 span { /*padding-left: 10px; */_display: block; _padding-top: 7px;  }

h2 {
	padding: 5px;
	font-size: 19px; font-weight: normal; color: #222;
	text-align: left; }

h3 {
	padding: 5px 0px 10px 0px;
	font-size: 17px; font-weight: normal; color: #222; }

h4 {
	padding: 2px 0px 20px 0px;
	line-height: 18px;
	font-size: 16px; font-weight: normal; color: #222; }

h5 { font-size: 12px !important; font-weight: normal; line-height: 14px; }

h6, dt {
	width: 100%; min-height: 30px; _height: 30px; line-height: 31px;
	background:  url("distant-ap/dots.gif");
	margin-bottom: 5px; _margin-top: 5px; _display: block;
	font-size: 17px; font-weight: normal; _font-weight: bold; color: #393939;
	text-transform: uppercase; }

h6 span,
dt span { padding-left: 10px; }	

h6 span {
	_display: block;
	_padding-top: 7px; }



/* nawigacja */

a { color: #243a5f; text-decoration: none; }
a:hover { text-decoration: underline; }



/* ikony */

a.domek { width: 18px; height: 15px; background:  url("distant-ap/domek.gif"); }
a.domek:hover { background-position: 0px -15px; }
a.drukuj { width: 20px; height: 20px;	background:  url("distant-ap/drukuj.gif"); }
a.drukuj:hover { background-position: 0px -20px; }
a.koperta { width: 16px; height: 11px; background:  url("distant-ap/koperta.gif"); }
a.koperta:hover { background-position: 0px -11px; }
a.powiadom { width: 51px; height: 20px; background:  url("distant-ap/powiadom.gif"); }
a.powiadom:hover { background-position: 0px -20px; }
a.rss { width: 36px; height: 14px; background:  url("distant-ap/rss.gif"); }
a.rss:hover { background-position: 0px -14px; }





/* dodaj komentarz */

#addComment,
#addNote {
	position: relative;
	width: 100% !important;
	padding: 30px 0 0 0;
	margin: 0 0 30px 0; }

#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 label,
	#addNote label {
		float: left;
		padding: 3px 0 3px 0 !important; }
		
		
		#addComment label img,
		#addNote label img {  float: right; }
		
		#addComment label input,
		#addNote label input { border: 1px solid #999; margin: 0; }


	#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: 100px; float: left;
		font-size: 11px;
		text-align: right;
		padding: 0 10px 0 0; }
	
	#addComment #send,
	#addNote #send {
		position: absolute; right: 15px; bottom: 25px;
		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(../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%; 
		background: none !important;
		margin-bottom: -10px;
		padding: 5px 0 0 0 !important;
		font-weight: bold;
		font-size: 12px !important; }

	#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 .author {
		float: right;
		font-weight: normal;
		font-style: italic;
		font-size: 11px; _font-size: 12px;
		text-align: right; }

	#comments .plus { background: url(../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;
	min-width: 788px;	max-width: 974px;	height: 100%;
	_width: expression(document.body.clientWidth > 999? "974px" : "auto");
	margin: 0 auto; }




/* galeria */

#gallery { text-align: center; }
	#gallery img { border: 1px solid #e0e6e6; margin: 3px; padding: 2px; }
	#gallery a img:hover { border: 1px solid #1ccccc; }



/* logo */

#header h1 {
	width: 100%; height: 225px;
	background: none; }

#header h1 span { display: none; }



/* panel z ikonami */

#icons {
	position: absolute; top: 47px; right: -38px; z-index: 250;
	width: 189px; min-height: 30px; _height: 25px; }

	#icons a { float: left; margin-left: 15px; _margin-bottom: -3px; }
	#icons .set { width: 189px; }

	
/* Adamowy blok */
	

#Adamowe {
	position: absolute; top: 325px; right: 0px; z-index: 250;
	width: 189px; min-height: 30px; _height: 25px; }
	


/* glowna czesc strony */

#maincontent {
	position: absolute; z-index: 100;
	top: 235px; left: 250px; right: 209px; _left: 0; _right: 0; 
	_width: 100% auto;
	_padding: 0px 209px 0px 209px; }


	#maincontent h4 {
		margin-left: 10px; margin-bottom: 20px;
		padding-left: 8px; padding-bottom: 0px;
		border-left: 2px solid #284f83; }


	


/* menu */
	
#menu {
	position: relative; z-index: 250;
	width: 237px;
	padding-bottom: 20px; }





/* menu pionowe */

#menu-pionowe {
	position: relative;
	width: 237px;
	padding-top: 5px; }

#menu-pionowe dd {
	line-height: 29px;
	background:  url("distant-ap/dot.gif") repeat-x bottom;
	margin: 0 0 0 10px; padding-bottom: 5px;
	text-align: left; }

#menu-pionowe ul { padding: 0 0 10px 0; }
#menu-pionowe li {
	list-style: none; line-height: 20px;
	padding-left: 12px; }

#menu-pionowe li a { font-weight: normal; }
#menu-pionowe dd a {
	background:  url("distant-ap/arrow.gif") no-repeat 0px 6px;
	padding-left: 12px; }
	
#menu-pionowe .foot { display: none; }







/* menu poziome */

#menu-poziome {
	position: absolute; top: 30px; _top: 30px; z-index: 250;
	width: 100%; height: 31px; }
	
	#menu-poziome dd { display: inline; margin: 0px auto;	
		text-align: center; }

	#menu-poziome dd a {
		line-height: 39px;
		float: left;	
		background:  url("distant-ap/block-menu.jpg") repeat-x;
		padding: 0px 10px 0px 10px;
		color: White; }
		
	#menu-poziome.left dd a { float: left; }
	#menu-poziome.right dd a { float: right; }


	

	#menu-poziome dd a:hover {
		color: #f7a658;
		text-decoration: none; }



/* nawgiacja */

#nav {
	height: 20px;
	margin-bottom: 20px; padding-left: 10px;
	border-bottom: 1px solid #999;
	font-size: 11px; }

#alink 
	{color: #8949cf;
	text-decoration: underline;}

#alink:hover 
	{color: #f06f17;
	text-decoration: underline;}





/* newsletter */

.newsletter { position: relative; }
	

	.newsletter h6 { margin-bottom: 15px; }

	.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: 10px !important; }
	
	.newsletter .plec p {
		float: left;
		padding: 0 0 0 19px; }

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

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

	.newsletter .zapisz {
		position: absolute; bottom: -25px; _bottom: 25px; right: 0;
		float: right;
		width: 49px;
		cursor: pointer;
		padding: 3px; }

	.newsletter .zapisz:hover { background-position: 0 -19px; }

	.newsletter .zgoda {
		float: left;
		padding-top: 15px;
		margin-top: 0 !important; }

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

	.newsletter .zgoda input {
		float: left;
		clear: both;
		width: 15px; height: 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 {
	position: absolute; top: 350px; right: 0px; z-index: 150; }

	#ogloszenia dt, #ogloszenia h6 {
		background:  url("distant-ap/block-gray.gif") repeat-x;
		font-size: 15px;
		color: White; }
		
	#ogloszenia .inside {
		width: 100%;
		background-color: White;
		filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }



/* ogloszenia - tablica */

	#ogloszenia-tablica { width: 189px; }

	#ogloszenia-tablica dd {
		background:  url("distant-ap/arrow.gif") no-repeat 0px 5px;
		margin-left: 15px; padding-left: 15px; }
	
	#ogloszenia-tablica dd.title {
		background: none;
		font-weight: normal; font-size: 14px;
		padding-bottom: 5px; }
		
	#ogloszenia-tablica dd.dodaj {
		background: none;
		padding: 3px 0px 5px 16px;
		font-weight: bold; }



/* ogloszenia - odpowiedz */

#ogloszenia-odp {
	margin: 10px 0px 0px 0px; }

	#ogloszenia-odp fieldset {
		border: 1px solid #ccc;
		padding: 10px; }
		
	#ogloszenia-odp p { font-weight: bold; }
	
	#ogloszenia-odp table { width: 100%; }

	#ogloszenia-odp td {
		padding: 5px;
		background-color: #f3f3f3; }

	#ogloszenia-odp textarea {
		width: 98%;
		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; }



/* ogloszenia - wybrane */

	#ogloszenia-wybrane {
		width: 189px;
		background-color: #f0f0f1;
		padding-bottom: 10px;  }
		
	#ogloszenia-wybrane p { padding: 10px;	}

	#ogloszenia-wybrane p.kategoria { padding-bottom: 0px; }
	#ogloszenia-wybrane p.kategoria span { font-weight: bold; }
	
#ogloszenia p.ogloszenie { font-size: 12px; }
#ogloszenia p.autor { font-size: 12px; text-align: right; }



/* platnosci */

#platnosci {
	width: 189px;
	border-top: 1px solid #666;
	padding-top: 15px;
	text-align: center; }



/* pole edycyjne */

.pole-edycyjne p { padding: 5px 5px 5px 10px; font-size: 12px; }	



/* pozostale */
	
#pozostale {
	position: relative;
	width: 217px; 
	padding-top: 15px; }	
	
	#pozostale h6 {
		background:  url("distant-ap/block-orange2.gif") repeat-x;
		color: White; }



/* sklep */

#sklep {
	position: relative; z-index: 200;
	width: 189px; }

	#sklep dd { padding-left: 12px; }	


	/* sklep - kategorie */
	
	#sklep-kategorie { width: 189px; }
	
	#sklep-kategorie dd {
		background:  url("distant-ap/kwadrat.gif") no-repeat 0px 6px;
		line-height: 19px;
		margin: 0px 0px 0px 10px;
		text-align: left; }


	/* sklep - koszyk */

	#sklep-koszyk { padding-top: 15px; }


	/* sklep - poleca */

	#sklep-poleca { padding-top: 15px; }
	#sklep-poleca h5.title { padding-left: 10px; }
	#sklep-poleca h6 { padding: 0px }

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

	#sklep-poleca .title a {
		margin: 0px; }

	#sklep-poleca a:hover { text-decoration: none; }
	
	#sklep-poleca span.opis {
		display: block;
		margin-bottom: 15px; 
		font-size: 11px; }
	
	#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 .cena {
		position: absolute; top: 0px; left: 110px;
		width: 57px; height: 29px;
		background:  url("distant-ap/cena.gif");
		font-weight: bold; color: White; }
	
	#sklep-poleca .cena span {
		display: block;
		padding: 0px 0px 0px 4px;
		font-size: 13px; }
		
	/* slep - koszyk */
	
	#sklep-koszyk dd a {
		font-weight: bold; }



/* wyszukiwarka */

#wyszukiwarka {
	position: absolute; top: 240px; right: 0px; z-index: 250; 
	width: 189px; height: 43px; /*min-height: 26px*/
	background:  url("distant-ap/wyszukiwarka.jpg");
	padding: 10px 0 0 0; margin: 0 auto;
	text-align: center; }
	
	#wyszukiwarka h6 { display: none; }

	#wyszukiwarka input, #newsletter input {
		width: 119px; height: 17px;
		border: 1px solid #e0dfe3;
		margin: 5px 0px 0px 0px; padding: 1px 0px 0px 2px; }
		
	#wyszukiwarka .szukaj {
		width: 42px !important; height: 20px !important;
		background: url(distant-ap/szukaj.gif);
		cursor: pointer;
		padding: 0 !important; }
		
	#wyszukiwarka .szukaj:hover { background-position: 0 -18px; }

	

	
/* dla nowych boxow */

#menu div, #menuform,
#ogloszenia div, #ogloszenia dl, #ogloszenia form,
#pozostale div, #pozostale form,
#sklep dl, #sklep div, #sklep form {

		position: relative; left: 0px; top: 0px;
		width: 195px !important;
		margin-left: 0px;	padding-left: 0px !important; margin-top: 20px;
		/*overflow: hidden;*/ }

#menu * fieldset,
#ogloszenia * fieldset,
#pozostale * fieldset,
#sklep * fieldset { padding-left: 0px !important; }






/* ---------------- sklep ---------------- */

.opis { text-align: justify; margin: 0px 5px 0px 15px;}

.produkt {
	position: relative; 
	width: 100%; min-height: 400px; _height: 400px; }

.produkt .opis {
	border-bottom: 1px solid #999;
	margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; }


.produkt .dodaj-szt-do-koszyka {
	position: absolute; top: 5px; right: 0px;
	text-align: right; }

.produkt .dodaj-szt-do-koszyka input { border: 1px solid #ccc; text-align: center; }
.produkt .dodaj-szt-do-koszyka input#dodaj {	width: 30px; }




/* produkt, lista produktow */

a.opis-produktu {
	float: right;
	border-right: 1px solid #999;
	margin: 0px 10px 0px 0px; padding: 0px 10px 0px 20px; }
	
a.dodaj-do-koszyka {
	float: right;
	margin-top: 0px; padding: 0px 0px 0px 0px; }

.produkt {
	width: 100%; }

.produkt .opis,
.produkt-na-liscie .opis { width: 100%; overflow: hidden; }

.produkt h3,
.produkt-na-liscie h3 { padding-bottom: 3px; }

.produkt img,
.produkt-na-liscie img {
	float: left;  
	border: 1px solid #ccc;
	margin: 5px 8px 0px 0px; padding: 3px; }

.produkt .cena,
.produkt-na-liscie .cena {
	display: inline;
	line-height: 21px;
	margin-bottom: 10px; padding: 0px 0px 0px 0px;
	text-decoration: underline;
	font-size: 115%; }
	

	
.produkt-na-liscie a {
	border: none;
	float: none;
	padding: 0; }

	

/* logowanie */

#logowanie { width: 570px auto; }

#logowanie h3 {
	margin: 10px 0px 10px 0px;
	text-align: center; }

#logowanie input:focus,
#logowanie input:hover { background-color: #faffd7;}

#logowanie input,
#logowanie textarea { border: 1px solid #ccc;  }

#logowanie .button { margin-top: 10px; }



/* dane adresowe */	

#dane-adresowe { width: 570px auto; }

#dane-adresowe h3 {
	margin: 10px 0px 10px 0px;
	text-align: center; }
	
#dane-adresowe input,
#dane-adresowe textarea { border: 1px solid #ccc;  }
	
#dane-adresowe p { text-align: center; }
	
#dane-adresowe input,
#dane-adresowe label,
#dane-adresowe textarea { padding: 1px; }
	
#dane-adresowe input:focus,
#dane-adresowe input:hover,
#dane-adresowe textarea:focus,
#dane-adresowe textarea:hover { background-color: #faffd7; }
	
#dane-adresowe textarea { width: 131px; }

#dane-adresowe label, #logowanie label, #platnosc label {
	display: block;
	width: 350px; 
	margin: 2px; padding: 0px;
	text-align: right; }
		
#dane-adresowe #da_plec { margin-left: 184px; }
#dane-adresowe #da_plec label { display: inline; width: auto; }
		
.powrot-dalej {
	clear: both;
	margin: 20px 0px 0px 60px;
	text-align: center; }

	


/* dane do faktury */

#dane-faktura { 
	width: 570px auto;
	margin: 0px auto; }

#dane-faktura h3 {
	margin: 20px 0px 10px 0px;
	text-align: center; }

#dane-faktura label {
	display: block; 
	width: 350px;
	margin: 2px; padding: 0px;
	text-align: right; }

#dane-faktura input,
#dane-faktura textarea { border: 1px solid #ccc; padding: 1px; }

#dane-faktura textarea { width: 131px; }

#dane-faktura input:focus,
#dane-faktura input:hover,
#dane-faktura textarea:focus,
#dane-faktura textarea:hover { background-color: #faffd7; }

#dane-faktura p { 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; }

	

	


/* sposob platnosci */

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

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

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

#platnosc input,
#platnosc label,
#platnosc select { padding: 1px; }



/* podsumowanie */

#podsumowanie {
	clear: both;
	width: 320px;
	padding-top: 20px; }

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

#podsumowanie .r {
	float: left;
	width: 140px;
	font-weight: bold; }

.popraw-zamow  {
	text-align: right; }

.odbiorca {
	float: left;
	width: 240px;
	text-align: left; }


	

/* realizacja */

#realizacja {
	font-size: 10px;
	color: #bbb; 
	margin-left:53px;}

	#realizacja a {
		font-size: 10px;
		color: #bbb; }
	

		
	
/* zawartosc koszyka */

#zaw-koszyka { width: 100%; }

#zaw-koszyka td {
	padding: 5px;
	text-align: justify; }

#zaw-koszyka th {
	background-color: #3a4e6f;
	padding: 7px;
	font-size: 125%; font-weight: normal; color: White;
	text-align: center; }
	
#zaw-koszyka img {
	float: left;
	border: 1px solid #ccc;
	margin: 5px 8px 0px 0px; padding: 3px; }

#zaw-koszyka .cena {
	display: block; width: 60px; 
	background-color: #e2e1e5;
	line-height: 21px;
	margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;
	font-size: 115%;
	text-align: center; }
	
#zaw-koszyka td.zcena { white-space: nowrap; }
#zaw-koszyka td.zilosc { text-align: center; }
#zaw-koszyka td.zilosc input { width: 30px; text-align: center; }

.przelicz-dalej {
	float: right;
	_width: 245px;
	text-align: right; }
	
.przelicz-dalej input {
	float: left;
	margin-right: 3px; }

.del { width: 40px; }



/* for crir inputs */

.crirHidden {
	position: static !important; }

label.checkbox_checked,
label.checkbox_unchecked {
	background: none !important; }
	
label.radio_checked,
label.radio_unchecked {
	background: none !important; }
	
	

	
/*
	Menu gorne 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: -2px 0px 0px 0px; /* position menu */
	color: White }

/* 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: White;
	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);
	background-color: #243a5f !important; }

/* 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: #d66a49;
	color: White; }

/* 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; }