﻿html	{
box-sizing: border-box;
}

div {box-sizing: border-box; }
body
	{
	margin: 0;
	padding: 0 ;
	background-color: #ffffff;
	color: #000000;
	font: normal 14px 'Montserrat',Tahoma, Arial, Helvetica; 
	text-align: center;
	width: 100%;
	
	}

div.contentwindow
	{
	width: 800px;
	height: 1200px;
	background-color: #ffffff;
	text-align: left;
	margin: 0 auto;
	}
	
table
	{
	font: normal 14px 'Montserrat' Tahoma, Arial, Helvetica; 
	border: 0;
	//border-spacing:0;
    //border-collapse:collapse;
	}
	

input {
padding: 5px 10px;
max-width: 160px;
}
	
table td, table th
{
    padding: 0;
}

a,a:visited {
color: #51af30;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.actionlinkb
	{
	cursor: pointer;
	border: 1px single #202020;
	width: 190px;
	height: 35px;
	background-color: #006666;
	color: #ffffff;
	text-align: center;
	vertical-align: bottom;
	}
	
.actionlinkg
	{
	cursor: pointer;
	border: 1px single #202020;
	width: 175px;
	height: 40px;
	background-color: #336666;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	}

.formactionbutton
	{
	cursor: pointer;
	border: 1px single #202020;
	width: 175px;
	height: 20px;
	background-color: #3366cc;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	}


.formactionbutton
	{
	cursor: pointer;
	border: 1px single #202020;
	width: 175px;
	height: 20px;
	background-color: #cc6633;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	}	
.egyes
	{
	font: normal 10px 'Montserrat' Tahoma, Arial, Helvetica; 
	}
	
.kettes
	{
	font: normal 12px 'Montserrat' Tahoma, Arial, Helvetica; 
	}	
	
.harmas
	{
	font: normal 14px 'Montserrat' Tahoma, Arial, Helvetica; 
	}
	
.negyes
	{
	font: normal 16px 'Montserrat' Tahoma, Arial, Helvetica; 
	}		
	

div.menu_top
	{
	background-color: #0000cc;
	color: #ffffff;
	}
	

div.menu_left
	{
	background-color: #33cccc;
	color: #ffffff;
	width: 200px;
	}
	

.registerformin input ,
.loginformin input {
font-size: 16px;
}

.registerformin select, 
.registerformin input {
max-width: 160px;
font-size: 16px;
}

.registerformin, 
.loginformin {
border: 1px solid #000000;
width: 100%;
padding: 20px 30px;
height: auto;
}

.registerform {
padding: 10px;
display: inline-block;
margin: auto;
margin-top: 5vh;
min-width: 320px;
width: auto;
height: auto;
background-color: #f4f4f4;
}	

.loginform {
padding: 10px;
display: inline-block;
margin: auto;
margin-top: 20vh;
min-width: 320px;
width: auto;
height: auto;
background-color: #f4f4f4;
}

.register_header,
.login_header {
display: inline-block;
width: 100%;
text-align: center;
color: #000000;
font-size: 24px;
padding-bottom: 10px;
}

.register_input label {
font-size: 16px;
text-align: left;
}

.register_input {
display: grid;
width: 100%;
font-size: 24px;
padding-top: 5px;
padding-bottom: 10px;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
}

.register_input.nameprefix {
grid-template-columns: 2fr 1fr 1fr;
}

.register_button {
display: inline-block;
width: 100%;
font-size: 24px;
padding-top: 5px;
padding-bottom: 10px;

}

.login_input,
.login_pass {
display: inline-block;
width: 100%;
font-size: 24px;
padding-top: 5px;
padding-bottom: 10px;
}

.register_linkek,
.login_linkek {
display: inline-block;
width: 100%;
padding-top: 20px;
font-size: 16px;
}

.register_linkek a,
.login_linkek a {
padding: 0 20px;

}

.fielderror {
border: 1px solid #ff0000;
}

.tophead {
width: 100%;
height: 60px;
border-bottom: 1px solid #51af30;
display: flex;
flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;
}

.tophead span {
font-size: 20px;
}

.topmenubox {
display: none;
max-width: 98vw;
}

.topcontact {
display: inline-block;
padding-right: 5px;

}

.toplogo {
display: inline-block;
}

.topmenuopener {
display: inline-block;
width: 40px;
height: 40px;
box-shadow: 0 0 3px #888888;
border: 1px solid #51af30;
margin-left: 5px;
margin-top: 5px;
padding: 3px 4px;
transition: all 2s ease;
cursor: pointer;
}

.topmenuopener .openline {
display: inline-block;
width: 30px;
height: 6px;
border-bottom: 3px solid #51af30;
margin: 0;
padding: 0;
float: left;
transition: all 2s ease;
position: relative;
}

.topmenu.active .topmenuopener {
background-color: #51af30;
}
.topmenu.active .topmenuopener .openline:nth-of-type(1) {
transform: rotate(180deg) translate(0,-5px);
border-color: #ffffff;
}

.topmenu.active .topmenuopener .openline:nth-of-type(2) {
transform: rotate(180deg) translate(0,-5px);
border-color: #ffffff;
}

.topmenu.active .topmenuopener .openline:nth-of-type(3) {
transform: rotate(180deg) translate(0,-5px);
border-color: #ffffff;
}

.topmenu.active .topmenubox {
display: inline-block;
position:absolute;
z-index: 1000;
width: auto;
height: auto;
border: 1px solid #51af30;
box-shadow: 0 0 3px #888888;
top: 50px;
left: 5px;
margin: 0;
padding: 0;
background-color: #ffffff;
text-algin: left;
}

.topmenuitems {
display: inline-block;
width: auto;
}

.topmenubox ul,li {
display: inline-block;
list-style-type: none;
}

.topmenubox ul {
min-width: 100px;
padding: 5px;
text-algin: left;
}

.topmenubox li {
width: 100%;
text-align: left;
padding: 10px 0 10px;
}

.topmenubox li:hover {
background-color: #51af30;
color: #ffffff;
}

.topmenubox li:hover a:visited,
.topmenubox li:hover a {
color: #ffffff;
}

.topmenubox li a {
width: 100%;
}

.generalformmin input {
font-size: 16px;
}

.generalformin {
border: 1px solid #000000;
width: 100%;
padding: 20px 30px;
height: auto;
}

.generalform {
padding: 10px;
display: inline-block;
margin: auto;
margin-top: 5vh;
min-width: 320px;
width: auto;
height: auto;
background-color: #f8f8f8;
}	

.generalform_button {
display: inline-block;
width: 100%;
font-size: 24px;
padding-top: 15px;
padding-bottom: 10px;

}

.footerfix {
position: fixed;
bottom:0;
left: 0;
width: 100%;
height: 50px;
color: #ffffff;
background-color: #007852;
text-align: center;
z-index: 1;
}

.footerfixin {
width: 100%;
height: 50px;
display: flex;
flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: space-around;

}

.messages_table {
display: inline-block;
width: 100%;
padding: 0 5px;
}


.message_one_message {
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: space-between;
padding: 0
width: 100%;
border: 1px solid #51af30;
margin-bottom: 10px;
}

.message_or_data {
	display: inline-block;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: left;
}

.message_or_data.memail {
width: 50.00%;
background-color: #51af30;
color: #ffffff;
float: left;
padding-left: 2px;
}

.message_or_data.mdate {
width: 50.00%;
background-color: #51af30;
color: #ffffff;
float: right;
text-align: right;
padding-right: 2px;
}

.message_or_data.memail.mread {
width: 20px;
color: #51af30;
float: right;
text-align: right;
padding-left: 2px;

}

.message_or_data.msubject {
width: calc(100% - 20px);
color: #51af30;
float: right;
overflow: hidden;
padding-left: 2px;
padding-right: 2px;
font-style: italic;
color: #888888;
}

.message_or_data.actionlink {
width: 100%;
color: #51af30;
float: left;
overflow: hidden;
padding-bottom: 10px;
text-align: center;
padding: 5px 2px;
margin-bottom: 10px;
}

.message_or_data.actionlink a,
.message_or_data.actionlink a:visited {
display: inline-block;
box-shadow: 1px 1px 4px #888888;
border: 1px solid #51af30;
padding: 5px 10px;
color: #51af30;
cursor: pointer;
}

.userprofile {
display: inline-block;
width: 100%;
padding: 5px;
}

.userprofilein {
display: inline-block;
max-width: 640px;
}



.generalcontent {
display: inline-block;
width: 100%;
}

.messageone_data {
display: inline-block;
width: 100%;
max-width: 640px;
box-shadow: 1px 1px 4px #888888;
border: 1px solid #51af30;
padding: 5px 10px;
font-size: 16px;

}

.messageone_title {
display: inline-block;
background-color: #51af30;
color: #ffffff;
display: flex;
flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
}

.messageone_title label {
width: 80px;
text-align: left;
display: inline-block;
padding: 2px 2px 5px 2px;
box-sizing: border-box;
}

.messageone_title span {
text-align: left;
display: inline-block;
padding: 2px 2px 5px 2px;
box-sizing: border-box;
}

.messageone_content {
display: inline-block;
width: 100%;

}

.messageone_content label {
width: 100%;
text-align: left;
display: inline-block;
padding: 2px 2px 5px 2px;
background-color: #51af30;
color: #ffffff;
box-sizing: border-box;

}

.messageone_content textarea {
width: 100%;
text-align: left;
display: inline-block;
padding: 2px 2px 5px 2px;
font-size: 14px;
border: 1px solid #cccccc;
box-sizing: border-box;
float: left;
}

.messageone_actionbox {
width: 100%;
text-align: left;
display: inline-block;
display: flex;
flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: space-around;
	padding-top: 10px;
	padding-bottom: 10px;
	max-width: 640px;
}

.messageone_actionbox a,
.messageone_actionbox a:visited {
display: inline-block;
box-shadow: 1px 1px 4px #888888;
border: 1px solid #51af30;
padding: 5px 10px;
color: #51af30;
cursor: pointer;
background-color: #ffffff;
border: 1px solid #51af30;
}

.messageone_actionbox a:hover {
background-color: #51af30;
color: #ffffff;
}

.bookingone_data {
display: inline-block;
width: 100%;
max-width: 640px;
box-shadow: 1px 1px 4px #888888;
border: 1px solid #51af30;
padding: 5px 10px;
font-size: 16px;
}

.bookingone_title {
display: inline-block;
background-color: #51af30;
color: #ffffff;
display: flex;
flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
}

.bookingone_title label {
width: 120px;
text-align: left;
display: inline-block;
padding: 2px 2px 5px 2px;
box-sizing: border-box;
}

.bookingone_title span {
text-align: left;
display: inline-block;
padding: 2px 2px 5px 2px;
box-sizing: border-box;
}

.bookingone_actionbox {
width: 100%;
text-align: left;
display: inline-block;
display: flex;
flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: space-around;
	padding-top: 10px;
	padding-bottom: 10px;
	max-width: 640px;
}

.bookingone_actionbox a,
.bookingone_actionbox a:visited {
display: inline-block;
box-shadow: 1px 1px 4px #888888;
border: 1px solid #51af30;
padding: 5px 10px;
color: #51af30;
cursor: pointer;
background-color: #ffffff;
border: 1px solid #51af30;
}

.bookingone_actionbox a:hover {
background-color: #51af30;
color: #ffffff;
}

.bookingone_steps .step {
display: inline-block;
width: 100%;
max-width: 640px;
box-shadow: 1px 1px 4px #888888;
border: 1px solid #51af30;
padding: 0;
font-size: 16px;
margin: 5px 0 5px;
}

.bookingone_steps .step > div {
display: inline-block;
width: 100%;
float: left;
display: flex;
flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;

}

.bookingone_steps .step > div label {
text-align: left;
padding: 2px;
}
.bookingone_steps .step > div span {
text-align: right;
padding: 2px;
}

.step_stype {
padding: 2px 2px;
background-color: #51af30;
color: #ffffff;

}

.step_air {
border-bottom: 1px solid #51af30;
}

.bookingone_steps .step > div.step_arrow {
text-align: center;
justify-content: space-around;
color: #cccccc;
}


.bookingone_steps .step > div.step_class {
font-size: 12px;
}

.bookingone_steps .step > div.step_plane{
font-size: 12px;
}

.bookingone_steps .step > div.step_sdate {
padding-top: 10px;
background-color: #f8f8f8;
}

.bookingone_steps .step > div.step_depair {
background-color: #f8f8f8;
}

.bookingone_steps .step > div.step_arrair {
background-color: #f8f8f8;
}

.bookingone_steps .step > div.step_edate {
background-color: #f8f8f8;
}

.bookingone_steps .step > div.step_arrair {
padding-bottom: 10px;
border-bottom: 1px solid #51af30;
}

.step_sdate time {
/* border: 1px solid #51af30;*/
padding: 1px;
}

.bookingone_steps .ftime {
font-size: 10px;
}

.bookingone_steps .step_sdate mark {
color: #000000;
padding: 1px;
background-color: #ffffff;
}

.bookingone_steps .step_edate mark {
color: #000000;
background-color: #ffffff;
padding: 1px;
}

footer {
display: inline-block;
padding-top: 80px;
}

.message_or_data.mpnr {
}

.bookings_table .message_one_message {
margin-bottom: 10px;
border: 1px solid #51af30;
padding: 0;
}

.message_book_content {
background-color: #51af30;
color: #ffffff;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: space-between;

}

.bookings_table {
width: 100%;
display: inline-block;
padding: 0 5px;
}

.bookings_table .message_or_data.actionlink {
border: none;
margin: 0;
padding: 10px 0;
}

.topmenubox li a:visited,
.topmenubox li a {
color: #000000;
}

.bookingone_steps_box > label {
padding: 10px auto 10px auto;
}

.bookingone_pass_box > label {
padding: 10px auto 10px auto;
}

.bookingone_passs {
display: inline-block;
width: 100%;
box-shadow: 1px 1px 4px #888888;
border: 1px solid #51af30;
margin: 5px 0 5px;
}

.bookingone_passs .pass {
display: inline-block;
width: 100%;
padding: 0;
font-size: 16px;

}

.bookingone_passs .pass > div {
display: inline-block;
width: 100%;
float: left;
display: flex;
flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;

}

.bookingone_passs .pass > div label {
text-align: right;
padding: 2px;
}
.bookingone_passs .pass > div span {
text-align: left;
padding: 2px;
}

.advimg {
width: 50%;
height: auto;
}


.generalform.advert {
min-width: 640px;
}

.generalform.advert label {
width: 200px;
text-align: left;
display: inline-block;
}

.generalform.advert input {
width: 350px;
max-width: none;
}

.checkintable td {
text-align: left;
}