/* CSS utf-8 ő */
/* formok: altalanos */

.form {border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; padding:10px 10px 15px 10px; margin:0px; background-color:#F8F8F8; clear:both;}
.formdone {font-size:13px; background-color:#6FA6BB; color:#FFFFFF; font-weight:bold; padding:10px; margin:0px; margin-bottom:10px;}
.formdone A {color:#FFcc99;}
.formerror {background-color:#ff0000; padding:10px 10px 10px 10px; font-size:11px; color:#ffffff; font-weight:bold; margin-bottom:10px; text-align:left;}
.formdone2 {background-color:#6FA6BB; color:#FFFFFF; font-weight:bold; padding:10px 10px 10px 66px; margin:0px; margin-bottom:10px; font-size:14px; height:35px; min-height:35px;}
.formrequired {color:#d5af59; font-weight:bold;}

.form .separator {margin:0px; padding:0px; clear:both; border-bottom:1px solid #DFDFDF; height:10px; margin-bottom:10px;}
.form .separatorlight {margin:0px; padding:0px; clear:both; border-bottom:0px solid #DFDFDF; height:5px; margin-bottom:5px;}

.form .formelement {padding:0px; clear:both;}
.form .formelement .label {font-size:14px; color:#313131; font-weight:normal; margin:0px; padding:0px; border:0px; width:250px; float:left; padding-right:10px; padding-top:4px; text-align:right;}
.form .formelement .label .info {font-size:11px; color:#B1B1B1; font-weight:normal; margin:0px; padding:1px 0px 0px 0px; border:0px; width:250px;}
.form .formelement .input {font-size:14px; color:#000000; font-weight:normal; margin:0px; padding:0px; border:0px; width:420px; float:left;}
.form .formelement .input .inputtext {font-family:Tahoma; font-size:14px; font-weight:normal; color:#000000; width:400px; padding:2px; margin:0px; background-color:#ffffff;}
.form .formelement .input .inputcheckbox {color:#000000; padding:0px; margin:0px; background-color:#FFFFFF;}
.form .formelement .input .inputtextarea {font-family:Tahoma; font-size:14px; font-weight:normal; color:#000000; width:400px; padding:2px; margin:0px; height:120px; background-color:#ffffff; }
.form .formelement .text {font-size:12px; color:#DBF1B4; font-weight:normal; margin:0px; padding:0px; border:0px; float:left;}
.form .formelement .note {font-size:12px; color:#777777; font-weight:normal; line-height:14px; margin:0px; padding:0px; border:0px; width:400px; float:left; padding-top:4px;}

.form .formelementactive {margin:0px; padding:0px; clear:both;}
.form .formelementactive .label {font-size:14px; color:#539659; font-weight:normal; margin:0px; padding:0px; border:0px; width:250px; float:left; padding-right:10px; padding-top:4px; text-align:right;}
.form .formelementactive .label .info {font-size:11px; color:#539659; font-weight:normal; margin:0px; padding:1px 0px 0px 0px; border:0px; width:250px;}
.form .formelementactive .input {font-size:14px; color:#539659; font-weight:normal; margin:0px; padding:0px; border:0px; width:420px; float:left;}
.form .formelementactive .input .inputtext {font-family:Tahoma; font-size:14px; font-weight:normal; color:#000000; width:400px; padding:2px; margin:0px; background-color:#FFFFA6;}
.form .formelementactive .input .inputcheckbox {color:#000000; padding:0px; margin:0px; background-color:#FFFFFF;}
.form .formelementactive .input .inputtextarea {font-family:Tahoma; font-size:14px; font-weight:normal; color:#000000; width:400px; padding:2px; margin:0px; height:120px; background-color:#FFFFA6;}
.form .formelementactive .text {font-size:11px; color:#525252; font-weight:normal; margin:0px; padding:0px; border:0px; float:left;}
.form .formelementactive .note {font-size:12px; color:#B1B1B1; font-weight:normal; line-height:14px; margin:0px; padding:0px; border:0px; width:400px; float:left; padding-top:4px;}

.form .formelementerror {margin:0px; padding:0px; clear:both;}
.form .formelementerror .label {font-size:14px; color:#ff0000; font-weight:normal; margin:0px; padding:0px; border:0px; width:250px; float:left; padding-right:10px; padding-top:4px; text-align:right;}
.form .formelementerror .label .info {font-size:11px; color:#539659; font-weight:normal; margin:0px; padding:1px 0px 0px 0px; border:0px; width:250px;}
.form .formelementerror .input {font-size:14px; color:#ff0000; font-weight:normal; margin:0px; padding:0px; border:0px; width:420px; float:left;}
.form .formelementerror .input .inputtext {font-family:Tahoma; font-size:14px; font-weight:normal; color:#000000; width:400px; padding:2px; margin:0px; background-color:#fd8f8f;}
.form .formelementerror .input .inputcheckbox {color:#000000; padding:0px; margin:0px; background-color:#FFFFFF;}
.form .formelementerror .input .inputtextarea {font-family:Tahoma; font-size:14px; font-weight:bold; color:#000000; width:400px; padding:2px; margin:0px; height:120px; background-color:#fd8f8f;}
.form .formelementerror .text {font-size:11px; color:#ff0000; font-weight:normal; margin:0px; padding:0px; border:0px; width:400px; float:left;}
.form .formelementerror .note {font-size:12px; color:#ff0000; font-weight:normal; line-height:14px; margin:0px; padding:0px; border:0px; width:400px; float:left; padding-top:4px;}

.form .formelementerroractive {margin:0px; padding:0px; clear:both;}
.form .formelementerroractive .label {font-size:14px; color:#ff0000; font-weight:normal; margin:0px; padding:0px; border:0px; width:250px; float:left; padding-right:10px; padding-top:4px; text-align:right;}
.form .formelementerroractive .label .info {font-size:11px; color:#539659; font-weight:normal; margin:0px; padding:1px 0px 0px 0px; border:0px; width:250px;}
.form .formelementerroractive .input {font-size:14px; color:#ff0000; font-weight:normal; margin:0px; padding:0px; border:0px; width:420px; float:left;}
.form .formelementerroractive .input .inputtext {font-family:Tahoma; font-size:14px; font-weight:normal; color:#000000; width:400px; padding:2px; margin:0px; background-color:#f2bbbb;}
.form .formelementerroractive .input .inputcheckbox {color:#000000; padding:0px; margin:0px; background-color:#FFFFFF;}
.form .formelementerroractive .input .inputtextarea {font-family:Tahoma; font-size:14px; font-weight:bold; color:#000000; width:400px; padding:2px; margin:0px; height:120px; background-color:#f2bbbb;}
.form .formelementerroractive .text {font-size:11px; color:#ff0000; font-weight:normal; margin:0px; padding:0px; border:0px; width:400px; float:left;}
.form .formelementerroractive .note {font-size:12px; color:#ff0000; font-weight:normal; line-height:14px; margin:0px; padding:0px; border:0px; width:400px; float:left; padding-top:4px;}

.form .formelementsubmit {margin:15px 0px 10px 0px; padding:0px; border:0px; text-align:right; width:670px;}
.form .formelementsubmit .forminputbutton, .inputbutton {background-color:#78d647; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #44c32a; display:inline-block; cursor:pointer; color:#ffffff; font-size:12px; font-weight:bold; padding:7px 12px 7px 20px; text-decoration:none; text-shadow:0px 1px 0px #44c32a; text-transform:none;}
.form .formelementsubmit .forminputbutton, .inputbutton:HOVER {background-color:#68b93d;border:1px solid #3ba824;color:#ffffff;text-shadow:0px 1px 0px #4fa223;text-decoration:none;}

.form .formelementsubmit .inputbutton_v3 {font-size:22px; font-weight:500; color:#ffffff; padding:10px 25px 10px 70px; background-color:#c98117; background-image:url(/images/v3/arrowleft_white.png); background-repeat:no-repeat; background-position:19px 13px; border:0px; text-shadow:0px 0px 0px #ffffff;}
.form .formelementsubmit .inputbutton_v3:HOVER {color:#ffffff; background-color:#e39c34; text-decoration:none;}


.form .formelement .input .formmennyiseg {width:40px;}
.form .formelementactive .input .formmennyiseg {width:40px;}
.form .formelementerror .input .formmennyiseg {width:40px;}
.form .formelementerroractive .input .formmennyiseg {width:40px;}

.form .formelementplus {display:none;}

.review_form {margin-top:20px;}
.review_form TEXTAREA {height:360px !important;}

.formbooking {}
.formbooking .formelement .label {width:200px;}
.formbooking .formelement .input {width:520px; }
.formbooking .formelement .input .inputtext {width:550px; }
.formbooking .formelement .input .inputtextarea {width:550px; height:180px; }

.formbooking .formelementactive .label {width:200px; }
.formbooking .formelementactive .input {width:520px; }
.formbooking .formelementactive .input .inputtext {width:550px; }
.formbooking .formelementactive .input .inputtextarea {width:550px; height:180px; }

.formbooking .formelementerror .label {width:200px; }
.formbooking .formelementerror .input {width:520px; }
.formbooking .formelementerror .input .inputtext {width:550px; }
.formbooking .formelementerror .input .inputtextarea {width:550px; height:180px; }

.formbooking .formelementerroractive .label {width:200px; }
.formbooking .formelementerroractive .input {width:520px; }
.formbooking .formelementerroractive .input .inputtext {width:550px; }
.formbooking .formelementerroractive .input .inputtextarea {width:550px; height:180px; }

.formbooking .formelement .input .inputtext.childage {width:30px;}
.formbooking .formelementactive .input .inputtext.childage {width:30px;}

.formbooking #bookroom_arrival {width:440px; float:left; clear:none;}
.formbooking #bookroom_arrival .label {width:200px;}
.formbooking #bookroom_arrival .input {width:220px;}
.formbooking #bookroom_arrival .input .inputtext {width:150px;}
.formbooking #bookroom_departure {width:370px; float:left; clear:none;}
.formbooking #bookroom_departure .label {width:150px;}
.formbooking #bookroom_departure .input {width:200px;}
.formbooking #bookroom_departure .input .inputtext {width:150px;}

#bookroom_transfer_from_sep { display:none;}

.formbooking #bookroom_guest_adult {width:450px; float:left; clear:none;}
.formbooking #bookroom_guest_adult .label {width:200px;}
.formbooking #bookroom_guest_adult .input {width:200px;}
.formbooking #bookroom_guest_children {width:450px; float:left; clear:none;}
.formbooking #bookroom_guest_children .label {width:120px;}
.formbooking #bookroom_guest_children .input {width:250px;}

.formbooking #bookroom_user_phone {width:450px; float:left; clear:none; }
.formbooking #bookroom_user_phone .label {width:120px;}
.formbooking #bookroom_user_phone .input {width:200px;}
.formbooking #bookroom_user_phone_input {width:180px; }
.formbooking #bookroom_user_email {width:450px; float:left; clear:none;}
.formbooking #bookroom_user_email .label {width:200px;}
.formbooking #bookroom_user_email .input {width:200px;}
.formbooking #bookroom_user_email_input {width:180px; }

.formbooking #bookroom_transfer_from_input {height:200px; }
.formbooking #bookroom_hotel_id_select {width:560px; }
.formbooking #bookroom_guest_adult_select {width:190px; }
.formbooking #bookroom_guest_children_select {width:190px; }

.formbooking #bookroom_guest_age_child1 {display:none;}
.formbooking #bookroom_guest_age_child1_sep {display:none;}
.formbooking #bookroom_guest_age_child2 {display:none;}
.formbooking #bookroom_guest_age_child2_sep {display:none;}
.formbooking #bookroom_guest_age_child3 {display:none;}
.formbooking #bookroom_guest_age_child3_sep {display:none;}
.formbooking #bookroom_guest_age_child4 {display:none;}
.formbooking #bookroom_guest_age_child4_sep {display:none;}
.formbooking #bookroom_guest_age_child5 {display:none;}
.formbooking #bookroom_guest_age_child5_sep {display:none;}

.formbooking .formelementsubmit { width:770px;}


.formbooking2 {}
.formbooking2 .formelement .label {width:200px;}
.formbooking2 .formelement .input {width:400px; }
.formbooking2 .formelement .input .inputtext {width:450px; }
.formbooking2 .formelement .input .inputtextarea {width:430px; height:180px; }

.formbooking2 .formelementactive .label {width:200px; }
.formbooking2 .formelementactive .input {width:400px; }
.formbooking2 .formelementactive .input .inputtext {width:430px; }
.formbooking2 .formelementactive .input .inputtextarea {width:430px; height:180px; }

.formbooking2 .formelementerror .label {width:200px; }
.formbooking2 .formelementerror .input {width:400px; }
.formbooking2 .formelementerror .input .inputtext {width:430px; }
.formbooking2 .formelementerror .input .inputtextarea {width:430px; height:180px; }

.formbooking2 .formelementerroractive .label {width:200px; }
.formbooking2 .formelementerroractive .input {width:400px; }
.formbooking2 .formelementerroractive .input .inputtext {width:430px; }
.formbooking2 .formelementerroractive .input .inputtextarea {width:430px; height:180px; }

.formbooking2 .formelement .input .inputtext.childage {width:60px;}
.formbooking2 .formelementactive .input .inputtext.childage {width:60px;}

.formbooking2 #bookroom_arrival {width:540px; float:none; clear:none;}
.formbooking2 #bookroom_arrival .label {width:200px;}
.formbooking2 #bookroom_arrival .input {width:320px;}
.formbooking2 #bookroom_arrival .input .inputtext {width:250px;}
.formbooking2 #bookroom_departure {width:540px; float:none; clear:none;}
.formbooking2 #bookroom_departure .label {width:200px;}
.formbooking2 #bookroom_departure .input {width:320px;}
.formbooking2 #bookroom_departure .input .inputtext {width:250px;}

#bookroom_transfer_from_sep {display:block;}

.formbooking2 #bookroom_guest_adult {width:340px; float:left; clear:none;}
.formbooking2 #bookroom_guest_adult .label {width:200px;}
.formbooking2 #bookroom_guest_adult .input {width:100px;}
.formbooking2 #bookroom_guest_children {width:340px; float:left; clear:none;}
.formbooking2 #bookroom_guest_children .label {width:140px;}
.formbooking2 #bookroom_guest_children .input {width:100px;}

.formbooking2 #bookroom_user_email {width:340px; float:left; clear:none;}
.formbooking2 #bookroom_user_email .label {width:200px;}
.formbooking2 #bookroom_user_email .input {width:100px;}
.formbooking2 #bookroom_user_phone {width:340px; float:left; clear:none; }
.formbooking2 #bookroom_user_phone .label {width:140px;}
.formbooking2 #bookroom_user_phone .input {width:100px;}

.formbooking2 #bookroom_transfer_from_input {height:180px; }
.formbooking2 #bookroom_transfer_from .label {}
.formbooking2 #bookroom_hotel_id_select {width:460px; }
.formbooking2 #bookroom_guest_adult_select {width:180px; }
.formbooking2 #bookroom_guest_children_select {width:180px; }
.formbooking2 #bookroom_user_phone_input {width:170px; }
.formbooking2 #bookroom_user_email_input {width:170px; }

.formbooking2 #bookroom_guest_age_child1 {display:none;}
.formbooking2 #bookroom_guest_age_child1_sep {display:none;}
.formbooking2 #bookroom_guest_age_child2 {display:none;}
.formbooking2 #bookroom_guest_age_child2_sep {display:none;}
.formbooking2 #bookroom_guest_age_child3 {display:none;}
.formbooking2 #bookroom_guest_age_child3_sep {display:none;}
.formbooking2 #bookroom_guest_age_child4 {display:none;}
.formbooking2 #bookroom_guest_age_child4_sep {display:none;}
.formbooking2 #bookroom_guest_age_child5 {display:none;}
.formbooking2 #bookroom_guest_age_child5_sep {display:none;}

.formbooking2 .formelementsubmit { width:650px;}


@media (max-width: 33.9em) {
	.form {margin-right:0px;}
	.form table {width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px);}

	.form .formelementsubmit {width: 100%; text-align: left;}

	.form .formelement .label {width:100%; float:none; text-align: left;}
	.form .formelement .label .info {width:100%; float:none; text-align: left;}
	.form .formelement .input {width:100%; float:none; text-align: left;}
	.form .formelement .input .inputtext {width:100%; float:none; text-align: left;}
	.form .formelement .input .inputcheckbox {width:100%; float:none; text-align: left;}
	.form .formelement .input .inputtextarea {width:100%; float:none; text-align: left;}
	.form .formelement .text {width:100%; float:none; text-align: left;}
	.form .formelement .note {width:100%; float:none; text-align: left;}

	.form .formelementactive {width: 100%; text-align: left;}
	.form .formelementactive .label {width: 100%; text-align: left;}
	.form .formelementactive .label .info {width: 100%; text-align: left;}
	.form .formelementactive .input {width: 100%; text-align: left;}
	.form .formelementactive .input .inputtext {width: 100%; text-align: left;}
	.form .formelementactive .input .inputcheckbox {width: 100%; text-align: left;}
	.form .formelementactive .input .inputtextarea {width: 100%; text-align: left;}
	.form .formelementactive .text {width: 100%; text-align: left;}
	.form .formelementactive .note {width: 100%; text-align: left;}

	.form .formelementerror {width: 100%; text-align: left;}
	.form .formelementerror .label {width: 100%; text-align: left;}
	.form .formelementerror .label .info {width: 100%; text-align: left;}
	.form .formelementerror .input {width: 100%; text-align: left;}
	.form .formelementerror .input .inputtext {width: 100%; text-align: left;}
	.form .formelementerror .input .inputcheckbox {width: 100%; text-align: left;}
	.form .formelementerror .input .inputtextarea {width: 100%; text-align: left;}
	.form .formelementerror .text {width: 100%; text-align: left;}
	.form .formelementerror .note {width: 100%; text-align: left;}

	.form .formelementerroractive {width: 100%; text-align: left;}
	.form .formelementerroractive .label {width: 100%; text-align: left;}
	.form .formelementerroractive .label .info {width: 100%; text-align: left;}
	.form .formelementerroractive .input {width: 100%; text-align: left;}
	.form .formelementerroractive .input .inputtext {width: 100%; text-align: left;}
	.form .formelementerroractive .input .inputcheckbox {width: 100%; text-align: left;}
	.form .formelementerroractive .input .inputtextarea {width: 100%; text-align: left;}
	.form .formelementerroractive .text {width: 100%; text-align: left;}
	.form .formelementerroractive .note {width: 100%; text-align: left;}

	.formbooking #bookroom_arrival {width:540px; float:none; clear:none;}
	.formbooking #bookroom_arrival .label {width:200px;}
	.formbooking #bookroom_arrival .input {width:320px;}
	.formbooking #bookroom_arrival .input .inputtext {width:250px;}
	.formbooking #bookroom_departure {width:540px; float:none; clear:none;}
	.formbooking #bookroom_departure .label {width:200px;}
	.formbooking #bookroom_departure .input {width:320px;}
	.formbooking #bookroom_departure .input .inputtext {width:250px;}

	.formbooking #bookroom_hotel_id_select {width:100%;}

	.formbooking #bookroom_user_phone {width:100%; text-align: left;}
	.formbooking #bookroom_user_phone .label {width:100%; float:none; text-align: left;}
	.formbooking #bookroom_user_phone .input {width:100%; float:none; text-align: left;}
	.formbooking #bookroom_user_phone_input {width:100%;}
	.formbooking #bookroom_user_email {width:100%; text-align: left;}
	.formbooking #bookroom_user_email .label {width:100%; float:none; text-align: left;}
	.formbooking #bookroom_user_email .input {width:100%; float:none; text-align: left;}
	.formbooking #bookroom_user_email_input {width:100%;}

}


@media (max-width: 61.9em) and (min-width: 34em) { 
	.form{margin-right: 20px;}
	.form table {width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px);}

	.form .formelementsubmit {width: 100%; text-align: left;}
    

	.form .formelement .label {width:100%; float:none; text-align: left;}
	.form .formelement .label .info {width:100%; float:none; text-align: left;}
	.form .formelement .input {width:100%; float:none; text-align: left;}
	.form .formelement .input .inputtext {width:100%; float:none; text-align: left;}
	.form .formelement .input .inputcheckbox {width:100%; float:none; text-align: left;}
	.form .formelement .input .inputtextarea {width:100%; float:none; text-align: left;}
	.form .formelement .text {width:100%; float:none; text-align: left;}
	.form .formelement .note {width:100%; float:none; text-align: left;}

	.form .formelementactive {width: 100%; text-align: left;}
	.form .formelementactive .label {width: 100%; text-align: left;}
	.form .formelementactive .label .info {width: 100%; text-align: left;}
	.form .formelementactive .input {width: 100%; text-align: left;}
	.form .formelementactive .input .inputtext {width: 100%; text-align: left;}
	.form .formelementactive .input .inputcheckbox {width: 100%; text-align: left;}
	.form .formelementactive .input .inputtextarea {width: 100%; text-align: left;}
	.form .formelementactive .text {width: 100%; text-align: left;}
	.form .formelementactive .note {width: 100%; text-align: left;}

	.form .formelementerror {width: 100%; text-align: left;}
	.form .formelementerror .label {width: 100%; text-align: left;}
	.form .formelementerror .label .info {width: 100%; text-align: left;}
	.form .formelementerror .input {width: 100%; text-align: left;}
	.form .formelementerror .input .inputtext {width: 100%; text-align: left;}
	.form .formelementerror .input .inputcheckbox {width: 100%; text-align: left;}
	.form .formelementerror .input .inputtextarea {width: 100%; text-align: left;}
	.form .formelementerror .text {width: 100%; text-align: left;}
	.form .formelementerror .note {width: 100%; text-align: left;}

	.form .formelementerroractive {width: 100%; text-align: left;}
	.form .formelementerroractive .label {width: 100%; text-align: left;}
	.form .formelementerroractive .label .info {width: 100%; text-align: left;}
	.form .formelementerroractive .input {width: 100%; text-align: left;}
	.form .formelementerroractive .input .inputtext {width: 100%; text-align: left;}
	.form .formelementerroractive .input .inputcheckbox {width: 100%; text-align: left;}
	.form .formelementerroractive .input .inputtextarea {width: 100%; text-align: left;}
	.form .formelementerroractive .text {width: 100%; text-align: left;}
	.form .formelementerroractive .note {width: 100%; text-align: left;}

	.formbooking #bookroom_arrival {width:540px; float:none; clear:none;}
	.formbooking #bookroom_arrival .label {width:200px;}
	.formbooking #bookroom_arrival .input {width:320px;}
	.formbooking #bookroom_arrival .input .inputtext {width:250px;}
	.formbooking #bookroom_departure {width:540px; float:none; clear:none;}
	.formbooking #bookroom_departure .label {width:200px;}
	.formbooking #bookroom_departure .input {width:320px;}
	.formbooking #bookroom_departure .input .inputtext {width:250px;}

	.formbooking #bookroom_hotel_id_select {width:100%;}

	.formbooking #bookroom_user_phone {width:100%; text-align: left;}
	.formbooking #bookroom_user_phone .label {width:100%; float:none; text-align: left;}
	.formbooking #bookroom_user_phone .input {width:100%; float:none; text-align: left;}
	.formbooking #bookroom_user_phone_input {width:100%;}
	.formbooking #bookroom_user_email {width:100%; text-align: left;}
	.formbooking #bookroom_user_email .label {width:100%; float:none; text-align: left;}
	.formbooking #bookroom_user_email .input {width:100%; float:none; text-align: left;}
	.formbooking #bookroom_user_email_input {width:100%;}

}