/*
/* --- GLOBAL --- */

body {
	margin: 0px;
	background-color: #f89828;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

.miniMenu {

  clear: both;
  float: left;
  margin-top: -135px;
  margin-left: 20px;
  width: 500px;
}

.miniMenu a {
  padding-left: 2px;
  padding-right: 2px;
}

.miniMenu a.sel {
  font-weight: bold;
}

div#noJS {
  font-weight: bold;
	padding-top: 40px;
	font-size: 14px;
	color: #fff;
	background-color: #F89828;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

a {
	color: #F89828;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0px;
}

form {
	margin: 0px;
}

ol {
  margin-left: 0px;
}

ul {
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
}

ul li {
  padding: 0px;
  padding-left: 10px;
  padding-bottom: 10px;
  top: 0px;
  list-style: none outside url(img/li1.gif);
}

/* --- END OF GLOBAL --- */ 

div#wrapper {
	background-image: url(img/wrapperBg.gif);
	background-repeat: repeat-y;
	background-position:top left;
/* 	background-color: #eee; */
	text-align: left;
	margin: 0 auto;
	width: 925px;
}

div#topBanner {
	width: 925px;
	height: 173px;
	z-index: 1;
}



/*
// --- COL LEFT 
*/
div#colLeft {
	float: left;
	top: 139px;
	width: 264px;
	position: absolute;
	visibility: visible;
	z-index: 2;
}

div#colLeft div#leftMenu, div#colLeft div#leftMenuEng {
	width: 264px;
	height: auto;
	position: absolute;
	z-index: 500;
}

div#colLeft div#reminder {
	width: 264px;
	height: 110px;
	top: 278px;
	position: absolute;
	z-index: 501;
}

div#colLeft div#greetings {
	width: 264px;
	height: 107px;
	top: 0px;
	position: absolute;
	z-index: 499;
}

div#colLeft div#register {
	width: 264px;
	height: 113px;
	top: 501px;
	position: absolute;
	z-index: 502;
}

/*
// ---- END OF COL LEFT 
*/


div#content {
	background-color: #fff;
	background-image: url(img/contentBg.gif);
	background-repeat: repeat-y;
	background-position:left top;
	width: 702px;
	float: right;
	min-height:730px;
	height:730px auto;
	_height: 730px;
}

div#content .blankSpacer {
	width: 1px;
	height: 680px;

}

.contentEndBg {
	background-color: #fff;
	background-image: url(img/contentEndBg.jpg);
	background-repeat: no-repeat;
	background-position:left bottom;
	width: 702px;
	height: 77px; 
	float: right;
	clear: both;
}

div#content div#navi {
	background-repeat: no-repeat;
	background-position:left top;
	background-color: #fff;
	height: 32px;
	float: left;
	width: 702px;
}

div#content div.navibg {
	background-image: url(img/contentTopNaviBg.jpg);
}

div#content div.navibgEng {
	background-image: url(img/contentTopNaviBgEng.jpg);
}

div#content div#navi .navi {
	color: #F89828;
	padding-top: 10px;
	padding-left: 25px;
	width: 50%;
	float: left;
}

div#content div#navi .date {
	padding-top: 10px;
	padding-left: 25px;
	width: 40%;
	float: left;
	height: 22px;
	color: #F89828;
}

div#content .btShop1 {
	float: right;
	height: 113px;
	width: 225px;
	text-align:right;
}

div#content .chapterName {
	float: left;
	margin-left: 20px;
	height: 113px;
	width: 320px;
	min-width: 320px;
}


div#content .inf {
	float: left;
	padding-bottom: 40px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-image: url(img/dotsBottomBg.gif);
	background-position: left bottom;
	background-repeat:repeat-x;
}

div#content .infImages {
	width: 190px;
	min-width: 190px;
	padding-right: 20px;
	padding-top: 0px;
	padding-left: 20px;
	float: left;
}

div#content .infContent {
	float: left;
	width: 420px;
	padding-right: 20px;
}

div#content .infContentCenter {
	float: left;
	width: 650px;
}

div#content .infContentCenterMapa {
	float: left;
	width: 650px;
}

div#content .infContentCenterMapa p {
	width: 200px;
}

div#content .infTbExpanded {
	float: right;
	width: 150px;
	padding-left: 40px;
}


div#content .infMore {
	padding-top: 15px;
	width: 400px;
	clear: both;
	float:left;
}

div#content .infTitle {
	float: left;
	font-weight: bolder;
	color: #f89828;
	width: 420px;
	font-size: 18px;
	padding-bottom: 20px;
}

/*
div#content .infExpanded {
	float: left;
	padding-bottom: 40px;
	padding-top: 20px;
}
*/
div#content .infExpanded {
	float: left;
	padding-bottom: 40px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-image: url(img/dotsBottomBg.gif);
	background-position: left bottom;
	background-repeat:repeat-x;
}

div#content .infTitleExpanded {
	float: left;
	font-weight: bolder;
	color: #f89828;
	width: 420px;
	font-size: 18px;
	padding-bottom: 20px;
}


div#content .infText {
	clear: both;
	float: left;
	width: 420px;
}

div#content .infTextExpanded {
	float: left;
	width: 420px;
	clear: both;
}

div#content .infTextExpanded p{
	margin: 0px;
	margin-bottom: 10px;
	
}

div#content .infParagraph {
	width: 420px;
	clear: both;
	float: left;
}
div#content .infTitleParagraph {
	width: 420px;
	clear: both;
	float:left;
	font-weight: bold;
	color: #8a093a;
}

div#content .infTextParagraph {
	clear: both;
	width: 420px;
	float:left;
}

div#content .infTb {
	float: right;
	width: 150px;
	padding-left: 40px;
}

div#content .infImgBorder {
    width: 158px;
    text-align: center;
    height: auto;
    margin-bottom: 20px;
}

div#content .infImgBorderTop {
	width: 152px;
	padding: 2px;
	height: 4px;
	text-align:center;
	background-image: url(img/infImgBorderBgTop.gif);
	background-position: center bottom;
	background-repeat: no-repeat; 
}

div#content .infImgBorderCenter {
	clear: both;
	padding-left: 0px 2px;
	width: 156px;
	height:  auto;
	background-image: url(img/infImgBorderBgRepeat.gif);
	background-position: center bottom;
	background-repeat: repeat-y;
}

div#content .infImgBorderBottom { 
  clear: both;
	width: 156px;
	height: 4px;
	text-align:center;
	background-image: url(img/infImgBorderBgBottom.gif);
	background-position: center top;
	background-repeat: no-repeat; 
}

div#content .infImgBorder img{
	
}



div#content .infImgBorderLarge {
    width: 370px;
    height: auto;
}

div#content .infImgBorderLargeTop {
	width: 370px;
	height: 12px;
	text-align:center;
	background-image: url(img/kLargeBorderTop.gif);
	background-position: center bottom;
	background-repeat: no-repeat; 
}

div#content .infImgBorderLargeCenter {
	clear: both;
	text-align: center;
	width: 370px;
	height:  auto;
	background-image: url(img/kLargeBorderCenter.gif);
	background-position: center bottom;
	background-repeat: repeat-y;
}

div#content .infImgBorderLargeBottom { 
  clear: both;
	width: 370px;
	height: 12px;
	text-align:center;
	background-image: url(img/kLargeBorderBottom.gif);
	background-position: center top;
	background-repeat: no-repeat; 
}

div#content .infImgBorderLarge img{
	padding-left: 8x;
	
}






div#content .infImgBorderKartka {
    width: 124px;
    height: auto;
}

div#content .infImgBorderTopKartka {
	width: 118px;
	padding: 2px;
	height: 4px;
	text-align:center;
	background-image: url(img/infImgBorderBgTopKartka.gif);
	background-position: center bottom;
	background-repeat: no-repeat; 
}

div#content .infImgBorderCenterKartka {
	clear: both;
	padding-left: 3px;
	width: 118px;
	height:  auto;
	background-image: url(img/infImgBorderBgRepeatKartka.gif);
	background-position: center bottom;
	background-repeat: repeat-y;
}

div#content .infImgBorderBottomKartka { 
  clear: both;
	width: 118px;
	height: 4px;
	padding: 2px;
	text-align:center;
	background-image: url(img/infImgBorderBgBottomKartka.gif);
	background-position: center top;
	background-repeat: no-repeat; 
}

div#content .infImgBorderKartka img{
	
}







div#content .kartkaTdBg {
	background-image: url(img/dotsV.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
	width: 25px;
}



div#content .prod {
	clear: both;
	float: left;
	width: 640px;
	height: 125px auto;
	margin-left: -150px;
	padding-left: 180px;
	/*background-position: left bottom;
	background-repeat:repeat-x; */
/*	padding-top: 20px;*/
	margin-top: 0px;
}

div#content .prod table {
	text-align: center;
	/*width: 600px;*/
}

div#content .prod img {
	border: 0px;
	margin: 2px	;
 	width: auto;
	text-align: center;
}

div#content .prod td {
	padding: 0px;
	/*width: 127px;*/
	/*max-width: 140px;*/
	vertical-align: top;
	text-align: center;
}

div#content .prod td.dotted {
	padding: 2px;
	/*max-width: 140px;*/
	vertical-align: top;
	text-align: center;
	background-image: url(img/dotsV.gif);
	background-repeat:repeat-y;
	background-position: right top;
}

div#content .prod td.dotted_r {
	padding: 0px;
	margin: 0px;
	font-size: 2px;	
	background-image: url(img/dotsH.gif);
	background-repeat:repeat-x;
	background-position: left center;
	height: auto;
}

div#content .prod td.short {
	padding: 0 15px;
	width: 140px;
	height: 17px;
}

div#content .attach {
	float: left;
	width: 300px;
/*	left: 100px;*/
	margin-bottom: 40px;
	position: relative;	
}

div#content ul, div#content ol {
	padding-left: 15px;
}

div#content .button {
	float: left;
	width: 80px;
/*	left: 100px;
	margin-bottom: 40px;*/
	position: relative;
}



/*
//  --- GALERIA ZDJEC ---
*/

div#gallery {
	padding-left: 50px;
}

div#gallery .gallTb {
	padding-top: 50px;
	left: 0px;
	float: left;
	padding-left: 30px;
	width: 112px;
	height: 85px;
}

/*
// --- FOOTER
*/

div#footer {
	clear: both;
	height: 50px;
}

div#footer .passionCardsSlogan {
	float: left;
	padding-left: 300px;
}

div#footer .passionCardsLogo {
	float: left;
	padding-left: 50px;
}

/*
// --- END OF FOOTER
*/



form {
	margin: 0px;
}


/* --- RIGHT MENU -- */
div#rightMenu {
	position: absolute;
	z-index: 1000;
	margin-left: 710px;
	margin-top: 144px;
	width: 225px;
		 
}


/* --- KWESTIONARIUSZ --- */

div#kwestionariusz {
	clear: both;
	float: left;
	width: 400px;
}


div#kwestionariusz .kwTitle {
	clear: both;
	width: 200px;
	font-weight: bolder;
	color: #f89828;
	font-size: 18px;
	padding-bottom: 20px;
}

div#kwestionariusz textarea {
	width: 198px;
	height: 112px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-image:url(img/formTexAreaBg.gif);
	background-repeat: no-repeat;
	border: 0px solid white;
	margin: 0px;
	overflow: hidden;
}

div#kwestionariusz input {
	width: 110px;
	height: 23px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-image:url(img/formInputBg.gif);
	background-repeat: no-repeat;
	border: 0px solid white;
	margin: 0px;
}

.kontaktInput {
	width: 199px;
	height: 23px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-image:url(img/formInputBg2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	outline-style: white;
	border: 0px solid white;
	margin: 0px;
}

.formboxSelected {
 font-weight: bold;
 color: #CF3333;
}

div#kwestionariusz table {
	padding: 0px;
	margin: 0px;
	border: collapse;
	background-color: white;
}

div#kwestionariusz tr {
	background-color: white;
}

div#kwestionariusz td {
	background-color: white;
}

div#kwestionariusz .formInfo {
	margin-bottom: 10px;
	width: 440px;
	font-size: 12px;
}

div#kwestionariusz .formAlert {
	margin-bottom: 10px;
	width: 440px;
	font-size: 12px;
	color: #C60B21;
}

div#kwestionariusz .btSend {
	margin-top: 10px;
	width: 47px;
	height: 18px;
	padding-left: 10px;
	background: none;
}

div#kwestionariusz .description {
	float: left;
	color: #c2344a;
	padding: 0px;
}

div#kwestionariusz .btAdd {
	float: left;
	width: 21px;
	height: 20px;
	padding-left: 10px;
	background: none;
}

div#kwestionariusz .btCheckbox {
	width: 15px;
	height: 15px;
	background: none;
	border: 1px black solid;
}

div#kwestionariusz .przesun50px {
	padding-right: 50px;
}

/* --- END KWESTIONARIUSZ --- */
.emailInput
{
    width: 198px;
	height: 19px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-image:url(img/formInputBg2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	outline-style: white;
	border: 0px solid white;
	margin: 0px;
	margin-left: 10px;
}

.btSave {
	width: 47px;
	height: 18px;
	padding-top: 15px;
	margin: 0px;
	margin-left: 10px;	
}

.dotsTop {
	background-image: url(img/dotsH.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

/* -- A N K I E T A -- */
table#ankietaTab td
{
  /*text-align: left;*/
  padding: 2px;
}
.ankietaSelect
{
  border: 1px solid #A80E57;
  font-size: 12px;
  padding: 3px;
	color: #666;
}
.ankietaInput
{
    width: 198px;
	height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-image:url(img/formInputBg2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	outline-style: white;
	border: 0px solid white;
	margin: 0px;
}

.ankietaInput2
{
    width: 188px;
	height: 19px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-image:url(img/formInputBg3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	outline-style: white;
	border: 0px solid white;
	margin: 0px;
	margin-left: 0px;
}

.ankietaInputData
{
    width: 70px;
	height: 19px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-image:url(img/formInputBgData.gif);
	background-repeat: no-repeat;
	background-position: left center;
	outline-style: white;
	border: 0px solid white;
	margin: 0px;
	margin-left: 0px;
}

.ank_textarea
{
  	width: 198px;
	_width: 208px;
	height: 112px;
	_height: 122px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-image:url(img/formTexAreaBg.gif);
	background-repeat: no-repeat;
	border: 0px solid white;
	margin-left: 0px;
	overflow: hidden;
}

.chek
{
  width: 15px; 
  height: 15px; 
  border: 1px solid #BD3348;
}

.ankHead{
  text-align: center;
  font-weight: bold;
  letter-spacing: 5px;
}
.ankNag{
  text-align: left;
  font-weight: bold;
}
.ankInfo {
	font-size: 9px;
	font-family: Tahoma;
}

.ankTxt{
  text-align: left;

}
.ankNagIn{
  text-align: leftt;
  font-weight: bold;
}
.ankTxtIn{
  text-align: left;  
}

table .tabs {
	float: left;
}

.tab1 {
	background: url(img/tab1.gif) no-repeat right bottom;
	height: 44px;
	width: 24px;
}
.tab2 {
	background: url(img/tab2.gif) repeat-x left bottom;
	height: 44px;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	
}

.tab2 a {
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	text-decoration: none;	
}

.tab2 a:hover {
	text-decoration: underline;
}

.tab3 {
	background: url(img/tab3.gif) no-repeat left bottom;
	height: 44px;
	width: 21px;
}

.tab1on {
	background: url(img/tab1on.gif) no-repeat right bottom;
	height: 44px;
	width: 24px;
}
.tab2on {
	background: url(img/tab2on.gif) repeat-x left bottom;
	height: 44px;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	
}

.tab2on a {
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	text-decoration: none;	
}

.tab2on a:hover {
	text-decoration: underline;
}

.tab3on {
	background: url(img/tab3on.gif) no-repeat left bottom;
	height: 44px;
	width: 21px;
}

/* QKARTKA*/
.tloEmailKartka{
  background: url(http://kukartka.pl/img/infoMailKukartka.jpg) no-repeat;  
}

.kartkaListaOdbiorcow
{
  clear: both;
	width: 200px;
	font-weight: bolder;
	color: #f89828;
	font-size: 18px;
	background-image: url(img/dotsBottomBg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}


.kartkaNazwa
{
	font-weight: bolder;
	color: #f89828;
	font-size: 22px;
	margin-bottom: 15px;
	background-image: url(img/dotsBottomBg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

div .eKartka {
	width: 640px;
	float: right;
	margin: 0px;
	padding: 0px;
	padding-right: 30px;
}


/* QCLUB Rejestracja */

#log {
	float: left;
	clear: both;
	width: 400px;
}


#log_res {

}
 
#log_res.ajax-loading {
	background: url(img/spinner.gif) no-repeat center;
}

#log_res ul {
	color: #D00505;
}

.tekstAlertBold {
	display: block;
	font-weight: bold;
	margin-bottom: 6px;
	color: #D00505;
}

.tekstOK {
	display: block;
	font-weight: bold;	
}


/*znajomi & okazje*/

table.znajomi {
  width: 400px;
  background-color: #eee;
  border-bottom: 4px solid #f89828;
  border-top: 2px solid #f89828;
}

table.znajomi td {
  padding: 5px;
  text-align: center;
  background-color: #fff;
}

table.znajomi tr.odd td {
  padding: 5px;
  text-align: center;
  background-color: #fff;
}

table.znajomi tr.even td {
  padding: 5px;
  text-align: center;
/*  background-color: #ffead2;*/
  background-color: #fff;
}

table.znajomi tr.table_head th {
	background-color: #f9ac53;
  	text-align: center;
	padding: 5px;
	color: #fff;
	border-bottom: 4px solid #f89828;
}

table.znajomi a {
font-weight: bold;
}

div.znajomi_akcja {
  margin-top: 20px;
}

table.znajomiOkazje {
  width: 400px;
  background-color: #eee;
  border-bottom: 4px solid #f89828;
  border-top: 2px solid #f89828;
}

table.znajomiOkazje a {
	font-weight: bold;
}

table.znajomiOkazje td {
  padding: 5px;
  text-align: center;
  background-color: #fff;
}

table.znajomiOkazje tr.odd td {
  padding: 5px;
  text-align: center;
  background-color: #fff;
}

table.znajomiOkazje tr.even td {
  padding: 5px;
  text-align: center;
  background-color: #fff;
  /*background-color: #ffead2;*/
}

table.znajomiOkazje tr.table_head th {
	background-color: #f9ac53;
  	text-align: center;
	padding: 5px;
	color: #fff;
	border-bottom: 4px solid #f89828;
}


.multipages {
  float: left;
  clear: both;
	padding-bottom: 40px;
	padding-top: 20px;
	width: 100%;
	text-align: center;
}

div#mapa {
	padding-left: 25px;
	margin-top: 0px;
	float: right;
}

div#content .mapaContent {
	margin-top: 50px;
	padding-left: 60px;
}



div#content .mapaTitle {
	font-weight: bolder;
	color: #f89828;
	font-size: 18px;
	padding-bottom: 20px;
	padding-left: 60px;
}

div#content .mapaText {
	padding-left: 60px;
}
a img {
	cursor: hand;
}