body {

	margin-top:20px;

	padding:0;

	font-family: Tahoma, Helvetica, sans-serif;

	font-size: 11px;

	color:#6F6F6F;

	background: transparent none;

}



document{

	background: transparent none;	

}

a{
	text-decoration: none;
	border: none;
	color:#6F6F6F;
}

img{
	border: none;
}

select, input{
	z-index: 0;
}



.waluta{

	color: red;

	font-weight: bold;

	text-align: center;	

}



.pytanieofertowe

{     color: #fff;

     font-size: 12px;

     display: block;

     text-align: center;

     padding: 8px 0;

     zoom: 1;

     line-height: 17px; }

     

.pytanieofertowe:hover

{     opacity: 0.8;

     filter: alpha(opacity=80); }



.pytanieofertowelong

{     color: #fff;

     font-size: 12px;

     display: block;

     text-align: center;

     padding: 8px 8px;

     margin-left: 15px;

     zoom: 1;

     line-height: 17px; }

     

.pytanieofertowelong:hover

{     opacity: 0.8;

     filter: alpha(opacity=80); }



.hotelnameTop

{     float: left;

     font-size: 18px;

     height: 22px;

     line-height: 22px;

     margin-top: -3px;

     _margin-top: -2px;

      }

     

.footerLeft a

{     font-weight: bold;

     color: #FFF15F;

     margin-left: 15px; }

     

.footerLeft a:hover

{     color: #000; }



.error, .error_formularz, .errorPayment{
	color: #ff0000;
	float: left;
	text-align: left;
	width: 145px;
	padding: 0 5px 7px 0;
	display: none;
}

.step2left{
	float: left;
}

.step2right{
	float: right;
}

.mainContainer{
	overflow-x: hidden;
	width: 1000px;
	position: relative;
	z-index: 100;
	margin: auto;
	border: 1px solid #000;
	background: #f5f5f5;
}

.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	_width:1000px;

	_height:750px;
	text-align: center;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	background-color: #fff;	
	z-index: 2000;
	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 #bbb;
	margin: 250px auto;
}

.topLight{
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 0px;
	height: 32px;
	color:#fff;
}

.stepsContainer{
	padding-top: 8px;
}

.steps{
	margin: auto;
	width: 410px;
	float: left;
	padding-left: 45px;
	padding-right: 0;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
}

.steps span{
	font-size: 18px;
}

.step{
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-right: 45px;
	line-height: 18px;
}

.stepOff{
	opacity: 0.4;
	filter:alpha(opacity=40);
}

.logo{
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	float: left;
	padding-right: 45px;
	color:#fff;
}

.close{
	background: url(gfx/close.gif) no-repeat;
	width: 16px;
	height: 16px;
	float: right;
}

.close:hover{
	background: url(gfx/closeH.gif) no-repeat;
}

.topDark{
	padding-top: 12px;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
	height: 20px;
	float: none;
	color: #fff;
}

.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 */

.contentContainer{
	background: url(gfx/bgContentContainer.gif) no-repeat;
	padding-top: 20px;
	padding-bottom: 20px;
	float: none;
}

.content{
	padding-left: 20px;
	padding-right: 20px;
	_padding-right: 15px;
	_width: 960px;
	z-index: 100;
}

.header{
	background: url(gfx/arrowBottDown.gif) no-repeat right 10px;
	color: #6F6F6F;
	font-size: 18px;
	padding-right: 15px;
	padding-bottom: 25px;
	font-weight: bold;
	float: left;
}

.columnPromocje{
	width: 160px;
	float: left;
}

.promocjeContainer{
	width: 145px;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-top: 1px solid #dadada;
	float: none;
}

.promocjeUnit{
	width:145px;
	height:44px;
	display: block;
	border-bottom: 1px solid #dadada;
	text-align: right;
	background: url(gfx/promocjeUnitBg.gif) repeat-x;
	line-height: 11px;
	float: none;
}

.promocjeUnitContent{
	padding: 8px 10px 8px 10px;
	float: none;
}

.promocjeUnitName{
	font-size: 10px;
	font-weight: bold;
	color: #6F6F6F;
	padding-bottom: 5px;
	float: none;	
	white-space: nowrap;
}

.promocjeUnitPrice{
	font-size: 10px;
	font-weight: bold;
	color: #474646;
	float: none;
}

.promocjaOpisContainer{
	padding-right: 10px;	
	color: #6F6F6F;
}

.promocjaOpisName{
	font-weight: bold;
	padding-bottom: 10px;
	float: left;
}

.promocjaOpisRight{
	float: right;
}

.promocjaOpis,
.pobytOpis{
	line-height: 18px;
	text-align: justify;

	margin-bottom: 10px;
}

.promocjaOpisWiecej{
	float: right;
	font-weight: bold;
	color: #6F6F6F;
}

.promocjaOpisWiecej:hover{
	color: #b0b0b0;
}

.columnPokoje{
	width: 405px;
	padding-left: 8px;
	background: url(gfx/columnBg.gif) no-repeat left 5px;
	float: left;
}

.pokojUnitsContainer{

	width: 384px;	
	padding-top: 0px;
	position: relative;
	z-index: 100;
}

.pokojUnit{
	width: 382px;
	border: 1px solid #dedede;
	background: #f5f5f5;
	height: 85px;
	margin-bottom: 10px;
	float: none;
	cursor: pointer;
}

.pokojUnitPhoto{
	float: left;
	width: 109px;
	height: 85px;
	border-right: 3px solid #b0b0b0;
}

.pokojUnitInfo{
	width: 255px;
	padding-top: 5px;
	padding-left: 5px;
	float: right;
}

.pokojUnitName{
	font-weight: bold;
	color: #3b3838;
	font-size: 12px;
	padding-bottom: 5px;
}

.pokojUnitCena{
	font-weight: bold;
	color: #6F6F6F;
	padding-bottom: 5px;
}

.pokojUnitMoreinfo{
	background: url(gfx/pokojUnitMoreinfo.gif) no-repeat;
	width: 23px;
	height: 22px;
	margin-left: 5px;
	float: right;
}

.pokojeUnitCapacity{
	background: url(gfx/pokojeUnitCapacity.gif) no-repeat left bottom;
	width: 6px;
	height: 22px;
	padding-right: 1px;
	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;

}

.columnPobyt{
	padding-left: 10px;
	padding-right: 8px;
	background: url(gfx/columnBg.gif) no-repeat left 5px;
	float: left;
	width: 367px;
}

.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;
}

.frame{
	border: 1px solid #DEDEDE;
	padding: 5px 5px 5px 5px;
	background: #f5f5f5;
	margin-bottom: 10px;
	float: none;
}

.podsumowanieContainer{
	float: right;
	padding-top: 2px;
}

.podsumowanieContainer .label{
	font-weight: normal;
	float: left; 
	margin-right: 5px;
}

.podsumowanieContainer .okres_pobytu, 
.podsumowanieContainer .liczba_pokoi,
.podsumowanieContainer .koszt{
	font-weight: bold;
	color: #fff15f;
	margin-right: 15px;
	float: left; 
}

.przyjazd{
	float: left;
}

.wyjazd{
	float: left;

	margin-left: 35px;
}



.sprawdzDni{

	float: right;	

	margin-right: 10px;

}

.kalendarzMonthSelector{
	float: none;
	padding-bottom: 10px;
	text-align: center;
}

.kalendarzArrowL{
	font-size: 12px;
	line-height: 12px;
	float: left;
	width: 10px;
	text-align: right;

	margin-left: 105px;
}

.kalendarzArrowR{
	font-size: 12px;
	line-height: 12px;
	float: left;
	width: 10px;
	text-align: left;

	margin-right: 105px;
}

.kalendarzMonthName{
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	width: 105px;
	float: left;
}

.kalendarzMonthNameInner{
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
	margin: 15px 0;
	text-align: center;
}

.kalendarzContainer{
	float: none;
}

.kalendarzContainer table{
	border-spacing: 0px;
}

.kalenarzContent{
	float: left;
}

.dayNameContainer{
	background: none;
	border: none;
	font-size: 10px;
	text-transform:uppercase;
	color: #a0a0a0;
	font-weight: bold;
	width: 46px;
}

.cell{
	border: 1px solid #afafaf;
	background: #e6e6e6;
	width: 43px;
	height: 40px;
	margin: 2px;
	cursor: pointer;
}

.weekend{
	background: #c9c8c8;
}

.kalendarzDay{
	padding-left: 5px;
	font-size: 12px;
	color: #474646;
}

.kalendarzWyjazd{
	text-align: right;
	font-size: 10px;
	color: #6F6F6F;	
	display: none;
}

.kalendarzMozliwyWyjazd{
	text-align: right;
	font-size: 10px;
	color: #6f6f6f;	
}

.color .kalendarzCena span{
	font-weight: bold;
}

.kalendarzCena{
	text-align: right;
	font-size: 10px;
	color: #6F6F6F;
}

.color .kalendarzCena span{
	font-weight: bold;
}	

.color .kalendarzCena, .color .pokojUnit2Ilosc, .color .pokojUnitIlosc, .color .kalendarzWyjazd{
	color: #fff;	
}

.color .kalendarzCena span, .color .pokojUnit2Cena, .color .pokojUnitCena, .color .promocjeUnitName{
	color: #fff15f;
}

.kalendarzScroller{
	float: left;
}

table.arrows{
	height: 100%;	
}

.tdWGore{
	height:50%;	
	vertical-align: top;
}

.tdWDol{
	height:50%;	
	vertical-align: bottom;	
}

.wGore{
	padding: 1px 0 1px 1px;
	display: block; 
	width: 10px; 
	height: 15px; 
	background: url(gfx/arrowTopDown.gif) no-repeat;	
}

.wGore:hover{
	background: url(gfx/arrowTopUp.gif) no-repeat;	
}

.wDol{
	padding: 1px 0 1px 1px;
	display: block; 
	width: 10px; 
	height: 15px; 	

	background: url(gfx/arrowBottDown.gif) no-repeat 0 8px;	

	_background: url(gfx/arrowBottDown.gif) no-repeat 0 5px;
}

.wDol:hover{

	background: url(gfx/arrowBottUp.gif) no-repeat 0 8px;

	_background: url(gfx/arrowBottUp.gif) no-repeat 0 5px;		
}

.buttons{
	float: right;
}

.step2buttons{	
	margin-right: 0;	
}

.button{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	margin-left: 20px;
}

.buttonLink{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.buttonLink:hover{
	opacity: 1.0;
	filter:alpha(opacity=100);
}

.columnDostosuj{
	width: 415px;
	margin-right: 30px;
	float: left;
}

.columnDostosuj .frame{
	padding: 5px 5px 10px 10px;
}

.columnDanePersonalne{
	width: 405px;
	float: left;
}

.columnDanePersonalne .frame{
	padding: 5px 0 10px 10px;
}

.promocjaOpisNameLight{
	color: #b0b0b0;
	font-size: 11px;
	padding-bottom: 5px;
	font-weight: bold;
}

.frameHeader{
	display: block;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	color: #6F6F6F;
	font-weight: bold;
	padding-bottom: 5px;
	line-height: 20px;
	margin-bottom: 10px;
	font-size: 12px;
}

.frameHeader a.zwijanie{
	float: right;
	font-size: 10px;	
	font-weight: normal;
}

.frameHeader span.rozwiniete{
	float: left;
	background: url('gfx/arrowTopDown.gif') right no-repeat;	
	vertical-align: middle;
	padding-right: 15px;
}

.frameHeader span.zwiniete{
	float: left;
	background: url('gfx/arrowBottDown.gif') right no-repeat;	
	vertical-align: middle;
	padding-right: 15px;
}

.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;
}



.inputContainer{

	float: left;

	line-height: 20px;

	padding-right: 30px;

	padding-bottom: 20px;

}

.inputContainer a{
	text-decoration: underline;
}

.inputContainer a:hover{
	text-decoration: none;
}

.inputContainerInput{
	border: 1px solid #B0B0B0;
	height: 16px;
	line-height: 16px;
	font-size: 11px;
	vertical-align: middle;
	color: #6F6F6F;
}

.inputContainerCheckbox{
	margin-right: 5px;
	vertical-align: middle;
}



.podsumowanie2content{

	width: 470px;

}



.podsumowanie2contentContainer{

	width: 470px;

}

.columnPodsumowanie2{
	float: left;
	width: 482px;
	margin-top: 10px;
}

.pods2{
 	float: left;
 	line-height: 16px;
 	display: block;
 	width: 225px;
}

.pods2name{
	padding-left: 5px;
	padding-right: 20px;
	font-weight: bold;
}

/* FOOTER */

.footer{
	width: 960px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #fff;
}

.footerLeft{
	float: left;
}

.footerRight{
	float: right;
}

.madeby{
	font-weight: bold;
	color: #fff;
}

.madeby span{
	color: #2d2d2d;
}

/* POPUPS */

.langContainer,
.moneyContainer{
	padding-left: 45px;
	padding-top: 4px;

	height: 14px;

	line-height: 14px;
	color: #e6e6e6;
	float: left;
}


.langContainer span{
	float: left;
	color: #fff;
	opacity: 0.8;
	filter:alpha(opacity=80);
	line-height: 14px;
	padding-right: 2px;
}

.langFlag{
	height:14px;
	width:19px;
}

.langPopupContainer{
	padding: 5px 10px 5px 5px;
	position: absolute;
	left: 105px;
	top: 2px;
	z-index: 10;
	width: 85px;
	display: none;
}

.moneyPopupContainer{
	padding: 5px 10px 5px 5px;
	position: absolute;
	left: 110px;
	top: 2px;
	z-index: 10;	
	width: 27px;
	display: none;
}

.jezyk_img, .waluta_img{
	cursor: pointer;	
}

.langPopupLink,
.moneyPopupLink{
	color: #3b3838;
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
}

.moneyPopupLink{
	height:14px;
	line-height:14px;
}

.langPopupLink:hover,
.moneyPopupLink:hover{
	color: #fff;
}

.langPopupLink img{
	padding-right: 10px;
}

.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;
}

.columnPlatnosci{
	width: 632px;
	float: left;
}

.columnPlatnosci .logos{
	padding-left:20px;
	padding-top:10px;
}

.columnPlatnosci .logosUnit{
	float: left;
	text-align: center;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:50px;
}

.columnPlatnosci div.photo{
	height: 36px;
	width: 71px;
	float: none;
}

.columnPodsumowanie3{
	width: 300px;
	float: left;
	margin-left: 20px;
}

.columnPodsumowanie3 .buttons{
	padding-bottom: 20px;
}

.frame span.label{
	float: left;
}

.frame span.cena{
	float: right;
}

.frame .frameContent{
	line-height: 30px;
}

.frame .frameContentPokoj{
	line-height: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
}

.frame .frameContentCeny{
	line-height: 20px;
	padding: 5px 0;
}

.frameCenaWhole{
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;	
	font-weight: bold;
}

.loader{
	width: 200px;
	margin: 35px auto;	
	text-align: center;
}

.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;

}



.arrowSuwakTop{

	height: 9px; 

	width: 7px; 

	line-heigth: 1px; 

	font-size: 1px;

	background: url(gfx/arrow_up.gif);

}



.arrowSuwakBottom{

	height: 9px; 

	width: 7px; 

	line-heigth: 1px; 

	font-size: 1px; 

	background: url(gfx/arrow_down.gif);

}

#kontener{
	position: relative;
	margin-top: 0px; 
	width: 7px;
	height: 360px; 
	background: url(gfx/pasek.gif); 
}

#kontener_regulamin{
	position: relative;
	margin-top: 0px; 
	width: 7px;
	height: 400px; 
	background: url(gfx/pasek.gif); 
}

#draggable, #draggable_regulamin{
	position: absolute; 
	cursor: pointer; 
	height: 40px; 
	width: 7px; 
	background: #a0a0a0;	
}


.clear{
	clear: both;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}