/* --------------------------------------------------- */
/* - Zmiana wszystkich domyślnych styli przeglądarek - */ 
/* --------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
img {
	border: 0;
	overflow: hidden;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: "";}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-spacing: 0; }
/* --------------------------------------------------- */
/* ------------------ style Hotmind ------------------ */ 
/* --------------------------------------------------- */
.left { float: left; }
.right { float: right; }
.clear {
	font-size: 0;
	line-height: 0;
	clear: both;
	height: 0;
}
.hide { display: none; }
.bold { font-weight: bold; }
a { text-decoration: none; }
/* --------------------------------------------------- */
/* ------------------ style Hotcheck ----------------- */ 
/* --------------------------------------------------- */
/* style podstawowe */
body {
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#404040;
	background: transparent none;
	height: 100%;
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#404040;	
}
.mainContainer {
	overflow: hidden;
	width: 960px;
	height: 550px;
	position: relative;
	z-index: 99;
	margin: 0 auto;
	background: #F0F0F0;
}
.arrow {
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	line-height: 0;
	border: 5px solid transparent;
	display: block;
}
.arrow.aLeft {
	border-right-color: #404040;
	margin-left: -5px;
}
.arrow.aRight {
	border-left-color: #404040;
	margin-right: -5px;
}
.arrow.aTop {
	border-bottom-color: #404040;
	margin-top: -5px;
}
.arrow.aBottom {
	border-top-color: #404040;
	margin-bottom: -5px;
}
.icon { display: inline-block;}
.icon img { display: block; }
.icon.info { width: 20px; height: 20px; background-position: 0 0; background-image: url(gfx/icon_white.png);}
.icon.copy { width: 16px; height: 16px; background-position: 0 0; background-image: url(gfx/icon_copy.png); cursor: pointer; position: relative; top: 5px; left: 5px;}
.boxes { padding: 10px 0; }
.buttons {
	border-top: 1px solid #e5e5e5;
	position: relative;
	top: -17px;
	padding: 7px 10px;
	width: 940px;
	z-index: 0;
	text-align: center;
	height: 20px;
	overflow: hidden;
}
.buttons .waluta {
	line-height: 20px;
	margin-top: 4px;
}
.button {
	padding: 5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
}
.button:hover { color: #fff; }
.error, .error_formularz, .errorPayment {
	color: #ff0000;
	text-align: center;
	padding: 7px;
	display: none;
}
.loader {
	width: 200px;
	background: #fff;
	margin: 225px 50%;
	left: -120px;
	padding: 20px;
	position: absolute;
	text-align: center;
	z-index: 200;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #404040;
}
.loader div {
	line-height: 14px;
}
.loader img {
	margin: 0 auto 20px;
	display: block;
}
/* top */
#top {
	display: block;
	height: 44px;
	width: 960px;
	background: #F0F0F0;
}
/* logo */
#top .logo {
	padding: 4px 0 4px 5px;
	background: url(gfx/logo_bg.gif) left top no-repeat;
	width: 147px;
	text-align: left;
}
/* kroki */
#top .steps { width: 475px; padding: 0; }
#top .steps .step {
	padding: 17px 30px 16px 20px;
	float: left;
	font-weight: bolder;
	background: url(gfx/step_arrow.gif) right center no-repeat
}
#top .steps .step.stepOff {
	font-weight: lighter;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-khtml-opacity: .5;
	-moz-opacity: .5;
}
/* język i waluta */
#top .langContainer, #top .moneyContainer, #top .regContainer {
	background: #e5e5e5 url(gfx/mini_arrows.png) top right no-repeat;
	border: 1px solid;
	border-color: #a3a3a3 #d4d4d4 #d4d4d4;
	margin: 10px 0 10px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: left;
	cursor: pointer;
	z-index: 100;
	position: relative;
	height: 20px;
}
#top .langContainer .langPopupContainer, #top .moneyContainer .moneyPopupContainer {
	position: absolute;
	border: 1px solid;
	border-top: 0px;
	border-color: #a3a3a3 #d4d4d4 #d4d4d4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	padding-top: 20px;
	top: -1px;
	left: -1px;
	z-index: 101;
	display: none;
	background: transparent;
}
#top .langPopupLink, #top .moneyPopupLink {
	display: block;
	white-space: nowrap;
	padding: 3px;
	border-top: 1px solid #d4d4d4;
	line-height: 14px;
}
#top .langPopupContainer .langPopupLink, #top .moneyPopupContainer .moneyPopupLink {
	background: #e5e5e5;
	background-image: none;
}	
#top .langContainer a.langPopupLink:hover, #top .moneyContainer a.moneyPopupLink:hover { background: #fafafa; }
#top .langContainer .langPopupLink img {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-right: 5px;
	vertical-align: middle;
	box-shadow: 0 1px 2px #bfbfbf;
}
#top .regContainer { background-image: none!important; }
#top .regContainer a {
	display: inline-block;
	padding: 5px 10px;
}
/* zamykacz */
#top .close {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 10px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.5)
}
#top .close img { padding: 6px 6px 4px 5px; }
/* subTop */
#subTop {
	background: #1F1F1F;
	color: #E5E5E5;
	padding: 3px 10px;
	height: 15px;
	line-height: 15px;
	width: 940px;
	font-size: 10px;
}
/* miniPodsumowanie */
#subTop .podsumowanieContainer .label {
	color: #808080;
	font-weight: normal;
	margin-right: 5px;
	float: left;
}
#subTop .podsumowanieContainer .okres_pobytu, #subTop .podsumowanieContainer .liczba_pokoi, #subTop .podsumowanieContainer .koszt {
	font-weight: bold;
	margin-right: 15px;
	float: left;
}
/* treści - elementy podstawowe */
.steps {
	width: 2850px;
	border-spacing: 0;
	padding: 0 10px;
	*height: 421px;
	overflow: hidden;
}
.step1box, .step2box, .step3box {
	padding: 0;
	height: 421px;
	vertical-align: top;
}
.step3box {
	width: 960px;
}
.contentContainer {
	float: none;
	height: 440px;
}
.content {
	width: 960px;
	height 440px;
	
	z-index: 1;
	position: relative;
	
}
.header {
	font-size: 14px;
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid #E5E5E5;
	font-weight: bold;
}
.lrForm {
	position: absolute;
	top: 0;
	left: 0;
	background: #F0F0F0;
	width: 960px;
	height: 437px;
	z-index: 99;
}
.lrForm .overBox {
	/*margin-top: 10px;*/
	margin-left: 290px;
	width: 380px;
	display: block!important;
}
.lrForm .overBox .docs {
	padding: 10px;
	line-height: 18px;
}
.lrForm .overBox .docs ol {
	list-style: lower-alpha;
	margin-left: 20px;
}
.columnForm .sectionHeader {
	font-weight: bolder;
	margin-top: 15px;
	font-size: 13px;
}
.overBox {
	position: absolute;
	top: 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	display: block;
	z-index: 20;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	display: none;
}
.overBox .close {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 3px 2px 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	z-index: 21;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
	cursor: pointer;
}
.overBox .tresc {
	margin: 10px 0;
	overflow: hidden;
	float: left;
	width: 100%;
}
.overBox h3.headline {
	font-size: 14px;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px;
	color: #000;
}
.overBox h4 {
	font-size: 11px;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px 10px 5px;
	color: #000;
}
.overBox .zdjecia, .qtip-content .zdjecia {
	margin: 7px 0 10px 10px; /* zmiana marginesu prawego z 10px na 0 */
	position: relative;
	width: 165px;
	height: 110px;
	overflow: hidden;
}
.qtip-content .zdjecia { margin-right: 0; }
.overBox .zdjecia .photos, .qtip-content .zdjecia .photos  { position: relative; }
.overBox .zdjecia .photos img, .qtip-content .zdjecia .photos img { display: block; height: 110px; }
.overBox .zdjecia .nav, .qtip-content .zdjecia .nav {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	white-space: nowrap;
	width: 32px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	padding: 1px 0;
}
.qtip-content .zdjecia .nav { background: #1F1F1F; }
.qtip-content .arrow.aLeft { border-right-color: #BDBDBD; }
.qtip-content .arrow.aRight { border-left-color: #BDBDBD; }
.qtip-content .arrow.aLeft:hover { border-right-color: #FFF; }
.qtip-content .arrow.aRight:hover { border-left-color: #FFF; }
.overBox .zdjecia .nav .arrow, .qtip-content .zdjecia .nav .arrow {
	float: left;
	margin: 3px;
	cursor: pointer;
}
.overBox .opis {
	padding: 5px 0 10px 10px;
	line-height: 16px;
}
.qtip-content .opis { line-height: 16px; }
.overBox .opis p { margin-bottom: 5px; }
.overBox  ul li strong {
	font-weight: bolder;
	color: #000;
}
.overBox ul {
	list-style: disc;
	margin: 10px 10px 10px 30px;
	line-height: 16px;
}
.overBox ul li { padding: 0 0 2px; }
.overBox ul li .icon {
	position: relative;
	margin: -2px 0 -6px;
	cursor: pointer;
}
.scrollContainer .scrollPane {
	overflow: hidden;
	float: left;
	/*position: relative;
	top: 15px;*/
}
.scrollContainer .scrollPane .scrollPaneView {
	position: relative;	
}
.scrollBar {
	margin: 9px 0;
	position: relative;
	left: -8px;
	float: right;
	/*display: none;*/
}
.scrollBar .draggableContainer {
	position: relative;
	margin-top: 0px;
	width: 7px;
	background: #f2f2f2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	border-color: #C9C9C9 #e8e8e8 #EBEBEB;
	display: none;
}
.scrollBar .draggable {
	position: absolute;
	cursor: pointer;
	height: 40px;
	width: 7px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/* step 1: promocje */
.columnPromocje {
	width: 250px;
	float: left;
	margin-top: 1px;
}
.promocjeContainer {
	width: 250px;
	position: relative;
	height: 330px;
	overflow: hidden;
}
.promocjeContainer .promocje { position: relative; }
.promocjeUnit {
	width:250px;
	display: block;
	text-align: left;
	line-height: 11px;
	float: none;
	background: #fff;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border: 1px solid;
	border-color: #EBEBEB #E2E2E2 #C9C9C9;
	margin-top: -1px;
	position: relative;
	margin-bottom: 5px;
}
.promocjeUnit .img {
	width: 70px;
	height: 60px;
}
.promocjeUnit .img img {
	padding: 5px;
	display: block;
}
.promocjeUnit.hoverBg .img img {
	padding: 1px;
	margin: 2px;
	border: 2px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.promocjeUnit .tresc {
	width: 100px;
	height: 60px;
	border-right: 1px solid #e5e5e5;
}
.promocjeUnit .tresc .nazwa {
	display: block;
	padding: 7px 0 5px;
}
.promocjeUnit .tresc .czas {
	display: block;
	font-size: 9px;
	color: #808080;
}
.promocjeUnit .tresc .icon {
	position: absolute;
	top: 40px;
	left: 150px;
	display: none;
}
.promocjeUnit.hoverBg .tresc .icon { display: block; }
.promocjeUnit.hoverBg.info .tresc .icon { display: none; }
.promocjeUnit .cena {
	padding: 10px 0 20px;
	border-right: 1px solid #e5e5e5;
}
.promocjeUnit .cena span {
	display: block;
	text-align: center;
	width: 60px;
	padding: 2px 0;
	font-size: 9px;
}
.promocjeUnit .cena span.kwota {
	font-weight: bolder;
	font-size: 14px;
}
.promocjeUnit div.arrow {
	border: 0;
	width: 17px;
	height: 60px;
	cursor: pointer;
	position: relative;
}
.promocjeUnit div.arrow:hover .aRight, .promocjeUnit.hoverBg div.arrow .aRight { border-left-color: #fff;}
.promocjeUnit div.arrow span {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 22px 2px 22px 0px;
}
.promocjeUnit div.arrow span.arrow {
	display: block;
	margin: 25px 2px 25px 6px;
}
.promocjeUnit.hoverBg.info div.arrow span.arrow { display: none; }
.promocjeUnit.hoverBg.ok div.arrow span.arrow { display: none; }
.promocjeUnit.hoverBg.info div.arrow span.info { display: block; }
.promocjeUnit.hoverBg.ok div.arrow span.ok { display: block; }
.promocjeUnit.hoverBg.info div.arrow span.ok { display: none; }
/* step 1: szczegoly pakietu/pokoju */
.s1 .overPakiet, .s3 .overPakiet, .s1 .overPokoj {
	width: 380px;
	height: 400px;
	left: 260px;
}
/* step 1: kalendarz */
.columnPobyt, .columnReg {
	float: left;
	width: 380px;
	background: #fff;
	border: 1px solid;
	border-color: #e5e5e5 #d4d4d4 #a3a3a3;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: 400px;
	position: relative;
	z-index: 1;
}
.kalenarzContent { float: left; width: 350px; }
/* wybor miesiaca */
.kalendarzMonthSelector {
	padding: 5px 10px;
	text-align: center;
	position: relative;
	font-weight: bold;
	font-size: 12px;
	background: #f5f5f5;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 5px;
}
.kalendarzArrowL {
	position: absolute;
	left: 15px;
	top: 6px;
}
.kalendarzArrowR {
	position: absolute;
	right: 15px;
	top: 6px;
}
/* dni tygodnia */
.dayNameContainer {
	font-size: 8px;
	text-transform: uppercase;
	color: #a0a0a0;
	font-weight: bold;
	width: 48px;
	padding: 3px 0;
	text-align: center;
}
/* dni */
.kalendarzMonthNameInner {
	font-weight: bold;
	margin: 20px 0 7px;
	text-align: center;
}
.cell {
	border: 1px solid #dedede;
	width: 40px;
	height: 30px;
	margin: 1px;
	padding: 2px;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.cell.colorfulColorBg {
	margin: 2px;
	padding: 1px;
}
.weekend { background: #f7f7f7; }
.kalendarzDay {
	font-weight: bolder;
	height: 12px;
}
.kalendarzWyjazd {
	text-align: right;
	font-size: 9px;
	display: none;
}
.kalendarzMozliwyWyjazd, .kalendarzCena {
	text-align: right;
	font-size: 9px;	
	opacity: .75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: .75;
	-moz-opacity: .75;	
}
.colorfulColorBg .kalendarzDay, .colorfulColorBg .kalendarzCena, .colorfulColorBg .kalendarzWyjazd {	
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;	
}
.color .kalendarzCena span { font-weight: bold; }
.kalendarzScroller { float: left; }
table.arrows { height: 100%; }
.tdWGore {
	height:50%;
	vertical-align: top;
}
.tdWDol {
	height:50%;
	vertical-align: bottom;
}
/* step 1: pokoje */
.columnPokoje {
	width: 309px;
	float: left;
	margin-top: 1px;
	margin-left: -1px;
}
.pokojUnitsContainer {
	width: 310px;
	padding-top: 0px;
	position: relative;
	z-index: 5;
}
#pokoje_absolute { position: relative; }
.pokojUnit {
	width:308px;
	display: block;
	text-align: left;
	line-height: 11px;
	float: none;
	background: #fff;
	border: 1px solid;
	border-color: #EBEBEB #E2E2E2 #C9C9C9;
	margin-top: -1px;
	position: relative;
	margin-bottom: 5px;
	height: 76px;
	overflow: hidden;
}
.pokojUnit.pLeft {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pokojUnit.pRight {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;	
}
.pokojUnit .pozycja {
	position: relative;
	width: 560px;
	/*left: -208px;*/
}
/* strzałka */
.pokojUnit div.arrow {	
    cursor: pointer;
    height: 76px;
    width: 17px;
    position: relative;
	border: 0;
}
.pokojUnit div.arrow span {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 30px 1px 30px 0;
}
.pokojUnit.hoverBg .s1 div.arrow .aLeft, .pokojUnit.lightHoverBg .s1 div.arrow .aLeft { border-right-color: #fff; }
.pokojUnit.hoverBg .s2 div.arrow .aRight, .pokojUnit.lightHoverBg .s2 div.arrow .aRight { border-left-color: #fff; }
/* strzałeczka */
.pokojUnit .s1 div.arrow span.arrow { display: block; margin: 33px 7px 33px 1px; }
.pokojUnit .s2 div.arrow span.arrow { display: block; margin: 33px 1px 33px 7px; }
.pokojUnit.hoverBg.info div.arrow span.arrow { display: none; }
/* informacje */
.pokojUnit.hoverBg.pLeft.ok div.arrow span.arrow { display: none; }
.pokojUnit.hoverBg.info div.arrow span.info { display: block; }
/* zaznaczone */
.pokojUnit.hoverBg.info div.arrow span.ok { display: none; }
.pokojUnit.hoverBg.ok div.arrow span.ok { display: block; }
.pokojUnitPhoto { float: left; }
.pokojUnitPhoto img { padding: 5px; }
.pokojUnit.lightHoverBg .pokojUnitPhoto img, .pokojUnit.hoverBg .pokojUnitPhoto img {
	padding: 1px;
	margin: 2px;
	border: 2px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.pokojUnitInfo {
	width: 184px;
	height: 66px;
	padding: 5px 5px 5px 0;
	float: left;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.pokojUnitInfo .details {
	position: absolute;
	bottom: 22px;
	width: 189px;
	text-align: right;
}
.pokojUnitInfo .details .pokojeUnitCapacity {
	background: #404040 url(gfx/icon_dziecko.png);
	width: 5px;
	height: 16px;
	float: right;
}
.pokojUnitInfo .details .pokojeUnitCapacity.dziecko {
	background: #bfbfbf url(gfx/icon_dziecko.png);
	width: 5px;
	height: 16px;
	float: right;
}
.pokojUnitName {
	font-weight: bold;
	line-height: 14px;
	padding-left: 5px;
}
.pokojUnitSubname {
	padding-left: 5px;
	margin-top: 3px;
	color: #808080;
	font-size: 9px;
}
.pokojUnitCena {
	font-size: 10px;
	color: #6F6F6F;
	padding-bottom: 5px;
}
.pokojUnitPrice {
	border-top: 1px solid #e5e5e5;
	padding: 0px 3px;
	position: absolute;
	bottom: 1px;
	height: 21px;
	text-align: center;
	width: 183px;
}
.pokojUnitPrice .grupa {
	padding: 3px;
	width: 177px;
	text-align: right;
}
.pokojUnitPrice .cena span {
	display: block;
	float: left;
	padding: 6px 3px 0 2px;
	font-size: 9px;
}
.pokojUnitPrice .cena span.kwota {
	font-weight: bolder;
	padding: 4px 0;
	font-size: 14px;
}
.pokojUnitPrice .select{
	float: right;
	display: none;
	margin-top: 2px;
}
.pokojUnit.hoverBg .select, .pokojUnit.lightHoverBg .select { display: block; }
.pokojUnitPrice .select .input {
	background: #F0F0F0;	
	border: 1px solid;
	border-color: #C9C9C9 #E2E2E2;/* #FFFFFF; */
	position: relative;
}
.pokojUnitPrice .select .input input {
	background: none;
	border: none;
	padding: 0 2px 0 8px;
	margin: 0;
	font-size: 11px;
	line-height: 11px;
	height: 11px;
	width: 7px;
	text-align: right;
	margin: 1px 0 1px;
}
.pokojUnitPrice .select .input span {
	margin: 1px 8px 1px 0;
	display: inline-block;
	white-space: nowrap;
	font-size: 11px;
	/*position: absolute;
	right: 6px;
	top: 1px;
	padding-top: 1px;*/
	color: #808080;
}
.pokojUnitPrice .select .remove {
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	padding: 3px 2px 1px;
	width: 12px;
	height: 12px; 
	cursor: pointer;
}
.pokojUnitPrice .select .add {
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	padding: 3px 2px 1px;
	width: 12px;
	height: 12px; 
	cursor: pointer;
}
/* step 1: stronocowanie promocji i pokoi */
.columnPromocje .more, .columnPokoje .more { float: right; margin-right: 10px; }
.columnPromocje .more p, .columnPokoje .more p {
	float: left;
	font-size: 10px;
	padding: 9px 5px 5px;
}
.columnPromocje .more span, .columnPokoje .more span {
	display: block;
	float: left;
	padding: 3px 4px;
	margin: 3px 1px;
	background: #fafafa;
	cursor: pointer;
	font-weight: bolder;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid;
	border-color: #EBEBEB #E2E2E2 #C9C9C9;
}
.columnPromocje .more span:hover, .columnPokoje .more span:hover {
	background: #fff;
	border-color: #e3e3e3 #d9d9d9 #bdbdbd;
}
.columnPromocje .more span.active, .columnPokoje .more span.active {
	color: #fff;
	cursor: default;
}
.jednostkiPokoi {
	float: right;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	border: 1px solid;
	border-color: #EBEBEB #E2E2E2 #C9C9C9;
	background: #fff;
	margin-top: -6px;
	margin-bottom: 6px;
	position: relative;
	width: 238px;
	overflow: hidden;
	display: none;
}
.jednostkiPokoi .pokoj {
	border-top: 1px solid #EBEBEB;
	margin-top: -1px;
	height: 20px;
}
.jednostkiPokoi .pokoj .liczebnik {
	padding: 4px 0 5px;
	text-align: center;
	width: 30px;
	font-weight: bolder;
	display: block;
	float: left;
	border-right: 1px solid #e5e5e5;
}
.jednostkiPokoi .pokoj .cena {
	padding: 4px 5px;
	text-align: right;
	width: 179px;
	display: block;
	float: left;
	border-right: 1px solid #e5e5e5;
}
.jednostkiPokoi .pokoj .cena .wartosc { font-weight: bolder; }
.jednostkiPokoi .pokoj div.arrow {
	float: left;
	padding: 5px 1px 5px 6px;
}
.jednostkiPokoi .pokoj div.arrow .arrow { margin: -5px 0 0 -4px; }
.jednostkiPokoi .pokoj div.arrow:hover .arrow, .jednostkiPokoi .pokoj:hover div.arrow .arrow { border-left-color: #fff; }
/* step 2: szczegoly pakietu/pokoju */
.s2 .overPokoj, .s2 .overPakiet {
	width: 380px;
	height: 400px;
	left: 320px;
}
/* step 2: detale pokoju */
.columnDetails {
	float: left;
	width: 380px;
	background: #fff;
	border: 1px solid;
	border-color: #e5e5e5 #d4d4d4 #a3a3a3;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.columnDetails .pokojSwitch {
	border-bottom: 1px solid #E5E5E5;
	padding: 7px 10px;
	/*border-right: 1px solid #E5E5E5;
	width: 340px;*/
}
.columnDetails .tresc {
	width: 100%;
	height: 365px;
	overflow: hidden;
	border-right: 1px solid #e5e5e5;
	float: left;
}
.columnDetails  h4 {
	font-size: 11px;
	border-bottom: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	background: #F5F5F5;
	padding: 7px 10px;
	color: #000;
}
.columnDetails .wariant {
	padding: 5px 5px 5px 10px;
	display: block;
	border-top: 1px solid #f7f7f7;
}
.columnDetails .wariant:hover { background: #fcfcfc; }
.columnDetails .wariant .icon { display: none; cursor: pointer; }
.columnDetails .wariant:hover .icon { display: block; }
.columnDetails .wariant span { display: block; float: left; }
.columnDetails .wariant .form { width: 35px; padding: 1px; }
.columnDetails .wariant .formBox { width: 20px; padding: 1px; }
.columnDetails .wariant .name {
	width: 170px;
	padding: 5px 2px 4px 5px;
}
.columnDetails .wariant.hoverBg .select,
.columnDetails .wariant.ok .select { display: block!important; }
.columnDetails .wariant .nameBox {
	width: 185px;
	padding: 5px 2px 4px 5px;
	position: relative;
}
.columnDetails .wariant.hoverBg .nameBox span.ss {
	width: 115px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.columnDetails .wariant .nameBox .select {
	float: right;
    margin-top: -3px;
	display: none;
}
.columnDetails .wariant .nameBox .select {
	position: absolute;
	top: 5px;
	right: 0;
}
.columnDetails .wariant .nameBox .select .input {
	background: #F0F0F0;	
	border: 1px solid;
	border-color: #C9C9C9 #E2E2E2;/* #FFFFFF; */
	position: relative;
	line-height: 15px;
}
.columnDetails .wariant .nameBox .select .input input {
	background: none;
	border: none;
	padding: 0 6px;
	margin: 0;
	font-size: 11px;
	line-height: 11px;
	width: 16px;
	text-align: center;
}
.columnDetails .wariant .nameBox .select .input span {
	position: absolute;
	white-space: nowrap;
	font-size: 11px;
	right: 6px;
	top: -1px;
	padding-top: 1px;
	color: #808080;
}
.columnDetails .wariant .nameBox .select .remove {
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	padding: 3px 2px 0px; 
	cursor: pointer;
}
.columnDetails .wariant .nameBox .select .add {
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	padding: 3px 2px 0px; 
	cursor: pointer;
}
.columnDetails .wariant .nameFull {
	width: 310px;
	padding: 5px 5px 4px 0;
}
.columnDetails .wariant .cena {
	/*width: 90px;*/
	padding: 5px 5px 4px;
}
.columnDetails .wariant .cena .kwota {
	font-weight: bolder;
	padding: 0 5px;
}
.columnDetails .wariant .notka {
	display: block;
	color: #808080;
	font-size: 10px;
	padding: 3px 0 0;
	line-height: 12px;
}
/* step 2: podsumowanie */
.columnSummary {
	width: 248px;
	margin: 1px 0 0 0;
}
.columnSummary .box {
	width: 248px;
	margin-left: -1px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #fff;
	border: 1px solid;
	border-color: #EBEBEB #E2E2E2 #C9C9C9;
	margin-top: -1px;
	margin-bottom: 5px;
}
.columnSummary .box h4 {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #e5e5e5;
}
.columnSummary .box h4 .tytul {
	width: 70px;
	display: inline-block;
}
.columnSummary .box h4 strong {
	margin-left: 30px;
}
.columnSummary .box h4 .data {
	font-weight: lighter;
	color: #808080;
	margin-left: 10px;
}
.columnSummary .box h4 .kwota {
	float: right;
	font-size: 16px;
	margin-top: -2px;
}
.columnSummary .box .pakiet { position: relative; }
.columnSummary .box .pakiet .tresc {
	padding: 10px 5px 5px 10px;
	width: 160px;
}
.columnSummary .box .pakiet .tresc .czas {
	display: block;
	padding: 5px 0 0;
	font-size: 9px;
	color: #808080;
}
.columnSummary .box .pakiet img {
	padding: 5px 0 5px 6px;
	border-left: 1px solid #e5e5e5;
}
.columnSummary .box .pakiet .icon {
	position: absolute;
	bottom: 3px;
	right: 75px;
}
/* step 3: formularz danych personalnych */
.columnForm.box {
	float: left;
	width: 380px;
	height: 400px;
	z-index: 1;
	/*position: relative;
	border: 1px solid;
	background: #fff;
	border-color: #e5e5e5 #d4d4d4 #a3a3a3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
}
.overDanePersonalne {
	width: 380px;
	display: block;
}
/*.columnDanePersonalne {
	width: 365px;
	float: left;
	padding: 0;
	height: 350px;
	overflow: auto;
}
.columnDanePersonalne .header {
	width: 280px;
}*/
.columnForm .frame { padding-left: 15px; }
.columnForm .inputContainer {
	float: left;
	line-height: 16px;
	padding-right: 20px;
	padding-top: 10px;
}
.columnForm .inputContainer.last { padding-right: 0px;}
.columnForm .inputContainer span {
	display: block;
	font-size: 10px;
	font-weight: bolder;
	padding: 0 2px;
}
.columnForm .inputContainer a { text-decoration: underline; }
.columnForm .inputContainer a:hover { text-decoration: none; }
.columnForm .inputContainerInput {
	border: 1px solid;
	border-color: #A3A3A3 #D4D4D4 #ebebeb;
	font-size: 11px;
	padding: 2px;
	vertical-align: middle;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #f5f5f5;
	resize: none;
}
.columnForm .inputContainerInput:hover { border-color: #8a8a8a #bababa #ebebeb; }
.columnForm .inputContainerInput:focus { background: #f0f0f0; }
.columnForm .inputContainerInputError {
	border-color: #CB0000;
}
.columnForm .inputContainerCheckbox {
	margin-right: 5px;
	vertical-align: middle;
}
.columnForm .error {
	width: 20px;
	height: 20px;
	display: inline-block!important;
	background-image: url('gfx/icon_white.png');
	background-color: #CB0000;
	background-repeat: no-repeat;
	padding: 0!important;
	position: absolute;
	top: 25px;
	right: 7px;
}
/*.lrForm .columnForm .inputContainer {*/
.columnForm .inputContainer {
	position: relative!important;
	padding-right: 30px!important;
}
.columnForm .msg,
.columnForm .err {
	/*height: 340px;*/
	padding: 20px 20px 20px 5px;
	line-height: 18px;
	font-weight: bold;
}
.columnForm .msg { color: #7C472E; }
.columnForm .err { color: #CB0000; }
/* step 3: płatności*/
.columnPlatnosci { width: 310px; }
.columnPlatnosci .header { margin-top: 1px;}
.columnPlatnosci .frame {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #fff;
	border: 1px solid;
	border-color: #EBEBEB #E2E2E2 #C9C9C9;
}
.columnPlatnosci .frame.p1 { 
	margin: -1px 0 0 -1px;
	overflow: auto;
}
.columnPlatnosci .frame.p2 { 
	margin: 5px 0 0 -1px;
	overflow: auto;
}
.columnPlatnosci .frame h4 {
	border-bottom: 1px solid #E5E5E5;
    display: block;
    padding: 10px;
}
.columnPlatnosci .frame .logos {
	padding: 7px 0 7px 7px;
	height: 162px;
	overflow: auto;
}
.columnPlatnosci .frame .logos .logosUnit, .columnPlatnosci .frame .logos2 .logosUnit {
	float: left;
	width: 75px;
	height: 65px;
	border: 1px solid;
	border-color: #A3A3A3 #D4D4D4 #EBEBEB;
	background: #F5F5F5;
	margin: 7px;
	text-align: center;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}
.columnPlatnosci .frame .logos .logosUnit .photo, .columnPlatnosci .frame .logos2 .logosUnit .photo {
	height: 40px;
	width: 75px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
}
.columnPlatnosci .frame .logos .logosUnit input {
	position: absolute;
	padding: 0;
	top: -2px;
	left: -4px;
	word-wrap: break-word;
}
.columnPlatnosci .frame .logos2 {
	padding: 7px 0 7px 7px;
	height: 56px;
	display: none;
}
.columnPlatnosci .frame .logos2 .logosUnit {
	height: 40px;
	width: 280px;
}
.columnPlatnosci .frame .logos2 .logosUnit .photo { float: left; }
.columnPlatnosci .frame .logos2 .logosUnit .desc {
	text-align: left; 
	display: block;
	float: left;
	padding: 15px 0;
}
.columnPlatnosci .frame .logos2 .logosUnit .button { margin: 10px; }
.columnPlatnosci .frame .platnosci1 {
	padding: 7px 10px;
	line-height: 18px;
}
.columnPlatnosci .frame .platnosci2 {
	padding: 7px 0 7px 7px;
	line-height: 24px;
	overflow: auto;
	max-height: 120px;
	display: none;
}
.columnPlatnosci .frame .platnosci2 input { vertical-align: middle; }
.columnPlatnosci .frame .platnosci2 label { padding: 0 5px; }
/* stopka */
.footer {
	padding: 4px 10px;
	border-top: 1px solid #e5e5e5;
	line-height: 14px;
	height: 40px;
	background: #fff;
}
.footer .owner { padding-top: 4px; }
.footer .owner .copys {
	font-size: 10px;
	color: #666
}
.footer .socials {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	text-align: center;
	margin-top: -4px;
	padding: 6px 7px 0;
	margin-left: 10px;
	height: 39px;
}
.footer .socials span {
	display: block;
	font-size: 10px;
	margin-bottom: 1px;
	color: #808080;
}
.footer .links {
	margin-left: 5px;
	padding: 4px;
}
.footer .links a { padding-right: 15px; }
.footer .links .lessImportant a {
	color: #808080;
	font-size: 10px;	
}
.footer .links .lessImportant a:hover { color: #404040; }
.footer .madeby {
	bottom: 2px;
	position: relative;
	border-left: 1px solid #e5e5e5;
	display: block;
	padding: 5px 0 5px 10px;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	_width:1000px;
	_height:750px;
	text-align: center;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	background-color: #fff;
	z-index: 99;
	display: none;
	_display: block;
}
/*.komunikatContainer {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2001;
	display: none;
}
.komunikatContainerContent {
	width: 230px;
	height: 125px;
	background-color: #fff;
	text-align: center;
	border: 1px solid #232323;
	margin: 48px auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}*/
/*
.pokojUnitMoreinfo {
	background: url(gfx/pokojUnitMoreinfo.gif) no-repeat;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	float: right;
}
.pokojUnits2Container {
	padding-top: 10px;
	position: relative;
	z-index: 100;
}
.pokojUnit2 {
	width: 382px;
	border: 1px solid #dedede;
	background: #f5f5f5;
	height: 85px;
	margin-bottom: 10px;
	float: none;
	cursor: pointer;
}
.pokojUnit2Photo {
	float: left;
	width: 109px;
	height: 85px;
	border-right: 3px solid #b0b0b0;
}
.pokojUnit2Info {
	width: 255px;
	padding-top: 5px;
	padding-left: 5px;
	float: right;
}
.pokojUnit2Name {
	font-weight: bold;
	color: #3b3838;
	font-size: 12px;
	padding-bottom: 5px;
}
.pokojUnit2Cena {
	font-weight: bold;
	color: #6F6F6F;
	padding-bottom: 5px;
}
.pokojUnit2Moreinfo {
	background: url(gfx/pokojUnitMoreinfo.gif) no-repeat;
	width: 23px;
	height: 22px;
	margin-left: 5px;
	float: right;
}
.pokojeUnit2Capacity {
	background: url(gfx/pokojeUnitCapacity.gif) no-repeat left bottom;
	width: 6px;
	height: 22px;
	padding-right: 1px;
	float: right;
}
.szczegolyPokoju {
	position: absolute;
	left: 1px;
	top: 47px;
	background-color: #f5f5f5;
	width: 367px;
	padding-left: 11px;
	padding-right: 10px;
	display: none;
	z-index: 1001;
}
.zdjeciePokoju { text-align: center; }
.szczegolyOpis { margin-top: 20px; }
.szczegolyWyposazenie { margin-top: 20px; }
.zdjeciePokoju img {
	height: 176px;
	width: 320px;
	border: 5px solid #fff;
}
.closeSzczegoly {
	float: right;
	margin-top: 4px;
	margin-right: 5px;
	height: 15px;
	width: 15px;
	display: none;
}
.podsumowanieContainer {}
.waluta {
	color: red;
	font-weight: bold;
	text-align: center;
}
.step2left { float: left; }
.step2right {
	float: left;
	border-left: 1px solid #bfbfbf;
}
.topLight {
	padding: 6px 20px;
	line-height: 0px;
	height: 27px;
	color:#fff;
	background: url(gfx/gradient_big.png) repeat-x bottom;
	border-bottom: 1px solid #000;
}
.topDark {
	padding: 4px 10px;
	height: 15px;
	border-bottom: 1px solid #d6d6d6;
	float: none;
	color: #404040;
	display: block;
}
.hotelName {
	color:#fff;
	opacity: 0.8;
	filter:alpha(opacity=80);
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
	padding-right: 5px;
	float: left;
}
.topDark span {
	padding-top: 2px;
	float: left;
}
.hotelChange {
	color: #fff;
	border-left: 1px solid #fff;
	opacity: 0.5;
	filter:alpha(opacity=50);
	padding-left: 3px;
	float: left;
}
.hotelChange:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
/* CONTENT *
.columnDostosuj {
	width: 534px;
	margin-right: 10px;
	float: left;
}
.columnDostosuj .frame {
	padding: 5px 10px;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 0;
}
/* .columnDanePersonalne .frame { padding: 5px 0 10px 10px; } *
.promocjaOpisNameLight {
	color: #b0b0b0;
	font-size: 11px;
	padding-bottom: 5px;
	font-weight: bold;
}
.optionsContainer {
	width: 100%;
	/*border-bottom: 1px solid #e6e6e6;*
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: 20px;
	float: none;
}
.opt {
	float: none;
	border: none;
}
.optName { padding-right: 10px; }
.optValue { padding-left: 10px; }
.opt input {
	margin-right: 5px;
	vertical-align: middle;
}
.optMoreInfo {
	float: right;
	text-align: right;
	padding-left: 20px;
}
.optInfo {
	width:19px;
	height:19px;
	background: url('gfx/optInfo.gif') no-repeat;
	float: right;
}
.optInfo:hover { background: url('gfx/optInfoH.gif') no-repeat; }
.podsumowanie2content { width: 470px; }
.podsumowanie2contentContainer { width: 470px; }
.columnPodsumowanie2 {
	float: left;
	width: 534px;
	padding-top: 30px;
	border-top: 1px solid #bfbfbf;
	margin: -1px 10px 0 0;
}
.pods2 {
	float: left;
	line-height: 16px;
	display: block;
	width: 225px;
}
.pods2name {
	padding-left: 5px;
	padding-right: 20px;
	font-weight: bold;
}
/* POPUPS *
.qformPopup h3 {
	float: left;
	margin: 15px 0;
}
.qformPopup a {
	margin-top: 10px;
	float: right;
}
.qformPopup .buttonLink {
	margin-top: 0px;
	float: none;
}
.qformPopup .qformContent {
	padding:10px;
	width: 460px;
}
.regulaminPopup h3 {
	float: left;
	margin: 15px 0;
}
.regulaminPopup a {
	margin-top: 10px;
	float: right;
}
.regulaminPopup .buttonLink {
	margin-top: 0px;
	float: none;
}
.regulaminPopup .regulaminBoxContent {
	float:left;
	height:418px;
	overflow-y:hidden;
	padding-right:20px;
	width:670px;
}
.columnPodsumowanie3 {
	width: 280px;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #bfbfbf;
}
.columnPodsumowanie3 .buttons { padding-bottom: 20px; }
.kalendarzLoader {
	width: 200px;
	margin: 70px auto;
	text-align: center;
}
.alertTxt {
	font-weight: bold;
	text-align: center;
}
.alertFrame {
	width: 400px;
	background: #fff;
	border: 1px solid #DEDEDE;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left:30px;
	padding-right: 30px;
}
.qform_ta {
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	height: 200px;
	width: 353px;
}
.qform_input {
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	width: 353px;
}
.qform_label {
	vertical-align: middle;
	padding: 0 10px 0 3px;
}
.qform_box { margin-bottom: 5px; }
.qform_error { border: 1px solid #f03; }
#firmaContainer { display: none; }
.print_dodatki { padding-left: 45px; }
.zamowienieHeader { display: none; }
*/