@charset "UTF-8";




/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg,
.textfieldWrongDateMsg
{
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	background: url(../img/ico_alert.gif) no-repeat left center;
	line-height: 17px;
	padding:  3px 0 3px 20px;
	display: block;
	color: #9d1117;
	margin-left: 120px;
}

.textfieldWrongDateState .textfieldWrongDateMsg
{
	background: url(../img/ico_info.gif) no-repeat left top;
	line-height: 17px;
	padding:  3px 0 3px 20px;
	display: block;
	color: #999;
}


.searcher_main .textfieldRequiredState .textfieldRequiredMsg, 
.searcher_main .textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.searcher_main .textfieldMinValueState .textfieldMinValueMsg,
.searcher_main .textfieldMaxValueState .textfieldMaxValueMsg,
.searcher_main .textfieldMinCharsState .textfieldMinCharsMsg,
.searcher_main .textfieldMaxCharsState .textfieldMaxCharsMsg
{margin-left: 20px;}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #e9f1f7;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #f5e1e2;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}


/*REZERWACJA*/
.st1			{ background: url(../img/rezStep1.jpg) left 35px no-repeat;}
.st2			{ background: url(../img/rezStep2.jpg) left 35px no-repeat;}
.st3			{ background: url(../img/rezStep3.jpg) left 35px no-repeat;}
.st4			{ background: url(../img/rezStep4.jpg) left 35px no-repeat;}

.rezerw			{ min-height: 400px; }
.rezerw	h1		{ color: #cf2c1e; margin-bottom: 75px; }
.rezerw	h2		{ background: url(../img/back_up.gif) repeat-x ; line-height: 30px; color:#333; font-size: 14px; padding: 0 10px; border-bottom: 1px solid #dfe0e3; border-top: 1px solid #dfe0e3; }
.rezerw	h3		{ color:#333; font-size: 12px; padding: 5px 10px;}
.rezerw	#platnosc h3		{ padding-left: 0;}
.rezerw	.rezerwmain { background-color:#FFF; border: 1px solid #dfe0e3; margin-bottom: 10px;}

#rezerw_szczegoly { display: none; }
/*
.rezerw	#ogolne_info	{width: 380px; float:left}
.rezerw	#plan_lotu		{width: 379px; float:left}
*/


.rezerw	.placaca_pozostale strong	{ float:none !important; }
.rezerw	.dorosli ul,
.rezerw	.dzieci ul	{ list-style: none; padding: 0; margin: 5px 0 0 20px; }
.rezerw	.dorosli li,
.rezerw	.dzieci li	{ padding: 0; margin: 0;}

.rezerw	#ogolne_info			{ border-right: 1px solid #dfe0e3;}
.rezerw	#ogolne_info p.prices	{  }
.rezerw	#osoba_placaca,
.rezerw	#uczestnicy			{ clear: both}

.incentive					{ width: 765px; margin: 0 auto;}
.incentive	h1				{ margin: 20px 0;}

textarea#mail_content 		{ width: 605px; }

.rezerw	.sekcja	 			{ padding: 10px 10px 10px 20px; position: relative;}
.rezerw	.sekcja	input.txt	{ width: 200px; } 
.rezerw	.sekcja	select		{ width: 200px; } 
.rezerw	.sekcja	textarea	{ width: 715px; height: 120px; } 
.rezerw	#uczestnicy	select,
select#airport_parking_amount	{ width: 50px; }
.rezerw	.sekcja	p			{ line-height: 15px; }
.incentive .sekcja p		{ line-height: 15px; margin-bottom: 10px; }
.incentive .sekcja label,		
.rezerw	.sekcja	strong		{ display: block; float:left; width: 110px; text-align:right; padding: 2px 10px 0 0; font-weight: bold;} 	
.incentive .destinations	{ margin-bottom: 10px; }
.incentive #destination_add	{ display: block; text-align: right; margin-right: 30px;}

.st3 .sekcja .dorosli,
.st3 .sekcja .dzieci,
.st3 .sekcja .placaca_adres,
.st3 .sekcja .placaca_pozostale { width: 175px; float: left;   }

.st3 .sekcja .placaca_pozostale strong,
.st3 .sekcja .dorosli strong,
.st3 .sekcja .dzieci strong	{ text-align: left !important; }


.rezerw	p.txt_time,	
.rezerw	p.txt_out_B,		
.rezerw	p.txt_out_F		{ margin-bottom:5px; line-height: 20px; }


.rezerw	#childs_birthday 		{ padding: 0;}
.rezerw	#childs_birthday ul 	{ padding: 0; margin: 0; list-style-type : none;}
.rezerw	#childs_birthday ul li	{ margin-bottom: 10px;  }
.rezerw	#childs_birthday label	{ display: block; float:left; width: 190px; text-align:right; padding: 2px 10px 0 0; font-weight: bold;} 	

.rezerw	#additional_services	{ clear: both}

.rezerw	p.prices 			{ background: url(../img/back_cena.gif) no-repeat left center; padding: 0 0 0 30px; line-height: 22px;  height: 22px; color: #cf2c1e;  }
.rezerw	p.prices strong		{ width: auto; line-height: 22px;  height: 22px; color: #535353;}
.rezerw	p.prices span.price	{ width: auto; line-height: 22px;  height: 22px; font-size: 18px; color: #cf2c1e; font-weight: bold;}	
.rezerw	p.prices span.person_counter {color: #535353;}


.rezerw	#total_price		{ background-color: #f2f2f2; padding: 20px 30px;  border-bottom: 1px solid #dfe0e3; border-top: 1px solid #dfe0e3; }
.rezerw	#total_price td		{ width: 30%;}
.rezerw	#przelicz_cene		{ width: 98px; height: 27px; background: url(../img/but_przelicz.gif) no-repeat; border: 0; color: #1c71a8; padding-left: 30px; cursor: pointer; text-align:left; margin: 0 30px;}

.rezerw #airport_parking_container { display: block; margin: 5px 0 0 24px; }

/* dla ponizszej linii padding jest zerowany bezposrednio na stronie - rozwiazanie tymczasowe */
.rezerw	#rez_next	{ padding: 20px; text-align: center; border-top: 1px solid #dfe0e3;}
#rez_next table.rez_next	{ width: 700px; margin: 0 auto;  }
#rez_next table.rez_next .c1	{ width: 33%; text-align: left;}
#rez_next table.rez_next .c2	{ width: 33%; text-align: center;}
#rez_next table.rez_next .c3	{ width: 33%; text-align: right;}
#rez_next .strefa_redirect { width: 100%; }
#rez_next .strefa_redirect td { vertical-align: middle; }
#rez_next .strefa_redirect td.to_right { text-align: right; width: 40%; }
#rez_next .strefa_redirect td.to_left { text-align: left; width: 60%; }

.szary,
.bialy		{ width: 763px; background-color:#fff;   }
.szary td,
.bialy td	{ width: 50%; background-color:#fff; vertical-align: top;}
.szary td	{ background-color:#f9f9f9;}
/*
.st2 #ogolne_info,
.st2 #plan_lotu		{   }

.st3 #ogolne_info,
.st3 #plan_lotu			{  }
*/
.st3 #uwagi,
.st3 #rezerwacja_info	{ background-color:#f9f9f9;}
.st3 #uczestnicy,
.st3 #osoba_placaca	{ width: 380px; float:left; clear:none; background-color:#f9f9f9; min-height: 150px; }
.st3 #uwagi,
.st3 #platnosc		{ clear: both;}

.st3 #ukryj_rezerw_szczegoly { border-top: 1px solid #dfe0e3;}
.st3 #ukryj_rezerw_szczegoly a 	{ padding-left: 20px; line-height:30px; display:block; margin-right: 10px;}
.st3 #ukryj_rezerw_szczegoly a					{ background: url(../img/arr1_t.gif) no-repeat left center; float: right;}
.st3 #ukryj_rezerw_szczegoly a.rezerw_ukryte	{ background: url(../img/arr1_b.gif) no-repeat left center;}


.rezNo	{color: #cf2c1e; font-size: 15px;}
form.rezCancel		{float: right; }
#cancel_reservation	{background: url(../img/but_anuluj_rez.gif) no-repeat; width: 167px; height: 32px; text-indent: -5000px; border: none; cursor: pointer; }

.katalog .but_OK,	
.opinia .but_OK,
.ecard .but_OK,
.ask .but_OK,
.st1 .but_OK		{background: url(../img/but_dalej.gif) no-repeat; width: 105px; height: 32px; border: none; cursor: pointer; }
 
.but_NEXT		{background: url(../img/but_dalej.gif) no-repeat !important; }

.incentive .but_CANCEL,
.ask .but_CANCEL,
.st1 .but_CANCEL	{background: url(../img/but_anuluj.gif) no-repeat; width: 105px; height: 32px; border: none; cursor: pointer; }


.incentive .but_OK	{background: url(../img/but_send.gif) no-repeat; width: 105px; height: 32px; border: none; cursor: pointer; }
.incentive a.but_CLOSE {background: url(../img/but_close.gif) no-repeat; width: 105px; height: 32px; border: none; cursor: pointer; display: block; }

.st2 .but_OK		{background: url(../img/but_rezerwuj2.gif) no-repeat; width: 105px; height: 32px; border: none; cursor: pointer; }
.st2 .but_BACK		{background: url(../img/but_wstecz.gif) no-repeat; width: 105px; height: 32px; border: none; cursor: pointer; }
.st2 .but_CANCEL	{background: url(../img/but_anuluj.gif) no-repeat; width: 105px; height: 32px; border: none; cursor: pointer; }

.ecard .but_PAY,
.st3 .but_OK		{background: url(../img/but_plac.gif) no-repeat; width: 105px; height: 32px; border: none; cursor: pointer; margin-top: 5px; float: right; }


/* FORMULARZ KONTAKTOWY */
#contact_reserv_no { display: none; }


.txt_info,
.txt_print,
.txt_pay_rest	{ margin: 5px 0; padding: 2px 0 3px 25px; height: auto; line-height: normal;}
.txt_info 		{ background: url(../img/ico_alert2.gif) no-repeat left top;     }

.ask h1 		{ margin-bottom: 30px; }
.ask .txt_info	{ margin-left: 10px;}

.txt_pay_rest 	{ color: #999; display: block; margin: 0; padding-left: 15px; }
#platnosc #rez_next	{margin-top: 20px; clear:both;}
#platnosc div.sl, #platnosc div.sr	{display: block; float:left; width: 350px; }


#kwota_all 			{ margin-left: 0; }
#kwota_advance		{ margin-left: 0; margin-top: 10px; padding-top: 25px;  }
/*REZERWACJA END*/


fieldset		{ width: 400px; border: none; margin: 0 auto;}
fieldset legend	{ font-size: 14px; font-family: Arial; color: #1c71a8; font-weight:bold; padding: 5px;}
fieldset form 	{ background-color:#FFF; border: 1px solid #dfe0e3;}
fieldset h2		{ background: url(../img/back_up.gif) repeat-x ; line-height: 30px; color:#333; font-size: 14px; padding: 0 10px; border-bottom: 1px solid #dfe0e3; border-top: 1px solid #dfe0e3; }
fieldset label			{ width: 190px; display:block; float:left; text-align:right; line-height: 15px; padding-right: 10px;  }
fieldset input.txt			{ width: 190px;}
fieldset .modul			{ clear: both;}
fieldset .sekcja		{ clear: both; padding: 5px 0; }
fieldset .buttons		{ clear: both; text-align: center; padding: 10px; border-top: 1px solid #dfe0e3;}

fieldset.katalog		{ width: 780px; }
fieldset .katalog 		{ text-align:center; width: 170px; padding: 10px; float: left }
fieldset .katalog label	{ width: 150px; float:none;}
fieldset .sekcja		{ margin: 0 auto; width: 400px; }
.katalog #sprySMS b		{ color: #cf2c1e; display: block; padding: 5px 0 5px 200px;}
.katalog blockquote		{ margin: 0; color: #666; }

/*ECARD*/
#klient_wyjazd	{ width: 160px; margin-right: 20px;}

.ubs_desc		{ position: absolute;  left: 300px; width: 100px; text-align: center; margin-top: 10px; }	
.ubs_desc	img	{ margin: 5px 0;}

#unicef_container	{ margin-left:20px;}
#unicef_amount	{ width: 50px;}

.lm_kardinfo	{ padding: 10px; border: 1px solid #cf2c1e;  color: #cf2c1e; margin-bottom: 20px; font-size: 12px; line-height: 1.2em;  }
.lm_kardinfo	{ border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px;  }
.lm_dozaplaty 		{  font-size: 12px; text-align: center; margin: 20px 0;   }
.lm_dozaplaty span 	{ color: #cf2c1e; font-size: 18px; font-weight: bold;  }
.lm_dozaplaty span  em	{ color: #cf2c1e; font-size: 11px; font-style: normal; font-weight: normal;  }

.st3 .buttons 			{ text-align: center; clear: both;}
.st3 .buttons .button	{ background: url(../img/but_rezerwujplac.gif) no-repeat; width: 173px; height: 32px; text-indent: -5000px; border: none; cursor:pointer; }