/* BODY */

p.Default_p {
	margin: 0px;
	padding: 15px;
	padding-left: 20px;
	font-size: 12px;
	padding-bottom: 20px;
}

/*------------------------------------------------- BOOK NOW  --------------------------------------------------------*/

#DonjaLajsnaPT {
	background-image: url(../JPG/WindowTitleBottomLeftCorner.jpg);
	background-repeat: no-repeat;
	width: auto;
	height: 10px;
}

	#DonjaLajsnaPT div {
		width: auto;
		height: 10px;
		background-position: right;
		background-image: url(../JPG/WindowTitleBottomRightCorne.jpg);
		background-repeat: no-repeat;
	}

#DonjaLajsna_AboutUs {
	background-image: url(../JPG/WindowTitleBottomLeftCorner.jpg);
	background-repeat: no-repeat;
	width: auto;
	height: 10px;
}

	#DonjaLajsna_AboutUs div {
		width: auto;
		height: 10px;
		background-position: right;
		background-image: url(../JPG/WindowTitleBottomRightCorne.jpg);
		background-repeat: no-repeat;
	}

/*------------------------------------------  BODY + BANNER ----------------------------------------------------------------*/

.Body {
	margin: 0px;
	padding: 0px;
	font-family: 'Lato', sans-serif !important;
	
	/*background: #fcfcfc;
	background-image: url(../JPG/pageBg.jpg);
	background-repeat: repeat-x;*/
}
.page-wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	/*ako imas sliku*/
	/*zbackground: url('../JPG/BackgroundCoverLP.jpg');
	background: url('../JPG/AAOS2025_Background.svg');*/
	/*ako nemas sliku*/
	background-color: white;

	background-size: cover;
	z-index: -11;
	overflow-y: scroll;
	overflow-x:hidden;
	scroll-behavior: smooth;
}
.test {


	overflow-y: scroll;

}
#pictureBackground {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	/*ako imas sliku*/
	zbackground: url('../JPG/BackgroundCoverLP.jpg');
	background: url('../JPG/AAOS2025_Background.svg');
	/*ako nemas sliku*/
	/*background-color: white;*/
	opacity: 1;
	background-size: cover;
	z-index: 1;
}
.Okvir {
	position: abtsolute;
	z-index: 100000;
	width: 100%;
	height: auto;
	background: var(--white);
	margin-left: auto;
	margin-right: auto;
	background-color: #f4f4f4;
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5);
	
}

.Wrap {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

/*------------------------------------------------ BANNER ------------------------------------------------------------------*/

.Banner {
	box-sizing:border-box;
	width: 100%;
	height: 159px;
	border-bottom: 1px solid #000;
}

#LogoEtc {
	width: auto;
	height: 120px;
	border-bottom: 1px solid #999999;
	background: #908173;
	background-image: url(../JPG/BannerImg.jpg);
	color: #FFFFFF;
}

div h1#Title {
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
	color: #FFFFFF;
	padding-top: 5px;
}

div p#PunchLine {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	padding-top: 5px;
	margin-left: 265px;
	color: #FFFFFF;
}

div p#Date {
	text-align: center;
	font-size: 13px;
	padding: 0px;
	margin-left: 308px;
	margin-top: 2px;
	color: #FFFFFF;
}

.PlanningTools {
	width: auto;
	height: 39px;
	background: #D6D6D6;
	border-bottom: 1px solid #FFFFFF;
	background-image: url(../JPG/PlanningToolsBackground.jpg);
	overflow: hidden;
	padding-right: 30px;
}

p#PlanningLink,
p#Reset,
p#PlanningLinkHome,
p#PlanningLinkRL,
p#PlanningLinkMyBookings,
p#PlanningLinkWelcome,
p#pl_myBookings {
	/*margin: 0px;*/
	float: right;
	background-repeat: no-repeat;
	/*color: #333333;
	font-size: 12px;
	padding-top: 15px;*/
}

	p#PlanningLink a,
	p#Reset a,
	p#PlanningLinkHome a,
	p#PlanningLinkRL a,
	p#PlanningLinkMyBookings a,
	p#PlanningLinkWelcome a,
	p#pl_myBookings a {
		/*padding-left: 10px;
		padding-right: 10px;
		color: #0079be;*/
	}

		p#pl_myBookings a:hover {
			color: #e25327;
		}

	p#PlanningLink b {
		padding-left: 10px;
		font-weight: normal;
	}

	p#PlanningLink span,
	p#pl_myBookings span {
		color: #000;
		padding-right: 10px;
	}

	p#PlanningLink a:hover,
	p#Reset a:hover {
		color: White;
	}


p#PlanningLink1 {
	margin: 0px;
	padding: 11px;
	float: left;
	background: none;
	color: #333333;
	font-size: 12px;
	letter-spacing: 1.3px;
	margin-left: 15px;
	margin-top: 3px;
}

	p#PlanningLink1 a img {
		text-decoration: none;
		border: none;
	}

	p#PlanningLink1 a:hover {
		border: none;
		text-decoration: none;
	}

.PlanningTools form {
	font-size: 12px;
	float: right;
	margin-top: 8px;
	padding-right: 20px;
	font-weight: bold;
}

	.PlanningTools form span {
		margin-right: 5px;
	}

	.PlanningTools form input {
		color: #999999;
	}

/*------------------------------------    MAIN WINDOW -------------------------------------------------------------------*/

.MainWindow {
	margin: 0px;
	margin-top: 5px;
	width: auto;
	height: auto;
	overflow: visible;
	clear: both;
}

/*----------------------------------------- WAR WINDOW --------------------------------------------------------------------*/

#Window_1, #Window_2 {
	width: 100%;
	min-height: 615px;
	/*height: 925px;
	zfloat: left;*/
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 5px;
	background: var(--white);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	
}
#Window_2 {
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	padding: 20px;
	
}
#Window_2_up, #Window_2_buttons {
	display: flex;
	flex-direction: row;
}
#Window_2_buttons {
	width:100%;
	align-items:center;
	justify-content: space-between;
	gap:10px;
}
	#Window_2_buttons div {
		width: 50%;
	}
	/*#Window_2_buttons div:first-child {
		background-color:var(--secondary-color);
	}
		#Window_2_buttons div:last-child {
			background-color: var(--primary-color);
		}*/

#Window_1_Buttons, #Window_2_buttons, #Window_3_buttons, #Window_4_buttons {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	min-height: 40px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	box-sizing: border-box;
	margin-top: auto;
	padding:20px;
}

#Window_2_buttons, #Window_3_buttons, #Window_4_buttons {
	justify-content: space-between;
}

	#Window_1_Buttons_button, #Window_2_buttons div, #Window_3_buttons div, #Window_4_buttons div {
		width: 50%;
		margin-right: 20px;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		height: 40px;
	}

	#Window_2_buttons div, #Window_3_buttons div, #Window_4_buttons div {
		justify-content: space-between;
	}

#btnNext, #btnCheckOut, #btBackToHotels, #btnBackToHomeScreen {
	background: var(--primary-color);
	border: 1px solid var(--black);
	border-radius: 7px;
	box-sizing: border-box;
	color: var(--white);
	cursor: pointer;
	font-family: 'Lato', sans-serif !important;
	font-weight: 500;
	font-size: 1.1em;
	padding: 0.5em 1.6em;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	transition: background-color 0.5s ease;
}

#btBackToSelectedHotel, #3btnCheckOut, #Window_3_buttons div input:last-child {
	background: var(--primary-color) !important;
	border: 1px solid var(--black) !important;
	border-radius: 7px !important;
	box-sizing: border-box !important;
	color: var(--white) !important;
	cursor: pointer;
	font-family: 'Lato', sans-serif !important;
	font-weight: 500;
	font-size: 1.1em !important;
	padding: 0.5em 1.6em !important;
	text-align: center !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	transition: background-color 0.5s ease;
}

#btnNext:hover, #btnCheckOut:hover {
	background: var(--button-hover);
	border: 1px solid var(--white);
}

#btBackToHotels, #btBackToSelectedHotel {
	background: var(--button-hover);
}

	#btBackToHotels:hover, #btBackToSelectedHotel:hover {
		background: var(--primary-color);
		border: 1px solid var(--black);
	}
	#Window_2_left {
		padding: 10px;
		box-sizing: border-box;
		width: 25%;
		display: flex;
		flex-direction: column;
	}
#Window_2_right {
	padding: 10px;
	box-sizing: border-box;
	width: 75%;
	height: auto;
	display: flex;
	flex-direction: column;
}
#Window_2_right_selection {
	display: flex;
	flex-direction: column;
	gap:10px;
}
#Window_2_right_selection_title, #Window_2_right_additional_services_title, #Window_3_wrapper_Title_title {
	font-size: 20px;
	font-weight: normal;
}
#Window_2_right_description, #Window_2_right_additional_services_description, #Window_2_right_additional_services_input, #Window_2_right_double_room_input, #Window_2_right_pre_post_input, #Window_3_wrapper_Title_description, .font-12 {
	font-size: 14px;
	font-weight: normal;
}
#Window_2_right_pre_post_input, #Window_2_right_additional_services_input, #Window_2_right_double_room_input {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
}
#CheckOutIndividualsPrePostSideNights, #additionalServicesCheckbox, #CheckOutIndividualsDoubleRoom, #additionalServicesCheckbox {
	height: 14px;
	width: 14px;
}
	#Window_2_right_selection_form {
		display: flex;
		flex-direction: column;
		gap: 10px;
		/*width: 75%;*/
	}
#Window_2_right_disclaimer {
	font-size:8px;
	border-bottom:1px solid #666;
	width:80%;
	margin-top:50px;
}
#Window_2_right_additional_services{
	margin-top:20px;
}
#Window_2_right_additional_services_description{
	margin-top:10px;
}
#Window_2_right_additional_services_description a {
	color: var(--primary-color);
}
	#Window_2_right_additional_services_description a:hover {
		color: var(--secondary-color);
	}
#Window_2_right_additional_services_input label {
	font-size:12px;
}
#Window_3 {
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	padding: 20px;
	min-height:500px;
}
#Window_3_wrapper{
	display:flex;
	flex-direction:column;
	align-content:flex-start;
	justify-content:flex-start;
	width: 100%;
	overflow-y:scroll;
}
#Window_3_wrapper_Title {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	justify-content: flex-start;
	width: 100%;
}
#Window_3_selection_form {
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
box-sizing:border-box;
gap:20px;
margin-top:20px;
}
#Window_3_selection_form_left {
	display: flex;
	flex-direction: column;
	width:60%;
	padding:5px;
	gap:20px;
	overflow:hidden;
}
#Window_3_selection_form_left_contact_details, #Window_3_selection_form_left_payment_details {
	border: 1px solid var(--light-grey);
	border-radius: 10px;
	padding: 10px;
}
#Window_3_selection_form_left_contact_details_form, #Window_3_selection_form_left_payment_details_form, #Window_3_selection_form_left_contact_details_payment {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 10px;
	margin-top: 10px;
}
#Window_3_selection_form_right {
	display: flex;
	flex-direction: column;
	width: 40%;
	padding: 5px;
	gap: 20px;
}

#Window_4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	justify-content: center;
	padding:20px;
	min-height:500px;
	text-align:center;
	font-size:20px;
	margin-top:80px;
}
#Window_4 div{
	width:50%;
	height:200px;
	display:flex;
	align-items:center;
}
.WindowTitle {
	width: 100%;
	height: 50px;
	background-color: var(--white);
	font-weight: bold;
	aspect-ratio: 4 / 12;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.WindowTitle p {
		margin: 0px;
		padding: 5px;
		padding-left: 10px;
		background-repeat: no-repeat;
	}

	.WindowTitle a {
		float: left;
		display: inline;
		text-decoration: none;
		margin-top: 5px;
		margin-left: 10px;
		color: #153E6E;
		margin-right: 10px;
	}

		.WindowTitle a img {
			border: none;
			margin-top: 3px;
		}

#WindowContent {
	height:auto;
	width: calc(100% - 40px);
}


	#SKDownloadbutton {
		font-size: 11px;
		background: white;
		cursor: pointer;
		text-align: center;
		display: block;
		text-decoration: underline;
		margin-top: 1px;
	}
/*-----------------------------------------BOOK NOW -----------------------------------------*/
#Book_Now {
	margin-left: 15px;
	width: 310px;
	height: 925px;
	overflow: hidden;
	float: left;
	background: #FFFFFF;
	margin-top: 5px;
	border: 2px solid gainsboro;
}

#Book_NowPic {
	width: auto;
	height: 150px;
	background: #ffffff;
	background-image: url(../JPG/Window3Pic.jpg);
}

#Book_Now ul {
	font-size: 14px;
	margin: 0px;
	padding: 10px;
	padding-left: 30px;
	line-height: 14px;
}

#Book_Now_Content {
	height: 577px;
	overflow: hidden;
}

#BN_Left {
	width: 120px;
	height: 420px;
	float: left;
}

	#BN_Left div {
		width: auto;
		height: 35px;
		background-color: #ffffff;
	}

		#BN_Left div p {
			padding: 10px;
			padding-right: 15px;
			margin: 0px;
			color: #FFFFFF;
			font-weight: bold;
			font-size: 12px;
			text-align: right;
		}

#DNL {
	background-repeat: no-repeat;
	width: auto;
	height: 10px;
}

	#DNL div {
		width: auto;
		height: 10px;
		background-position: right;
		background-repeat: no-repeat;
	}

/*----------------------------------------- DRAGGABLE FRMS ------------- DRAGGABLE FRMS -----------------------------------------*/

/*--------- COLUMN 1 -------------*/

#namelist2 {
	min-height: 315px;
	width: 325px;
	float: left;
	margin-top: 0px;
}

/* SOME OPTIONAL SERVICES WINDOW CSS */
#ContactUS .WindowTitle {
	background-color: #939599;
	color: #444444;
	background-image: url(../JPG/ContactUpperRight-Corner.jpg);
}

	#ContactUS .WindowTitle p {
		background-image: url(../JPG/ContactUpperLeft-Corner.jpg);
	}

#strech2 {
	min-height: 0px;
}

	#strech2 #WindowContent {
		height: 375px;
	}

		#strech2 #WindowContent #form {
			width: auto;
			height: 0px;
			padding: 20px;
			color: #594E43;
		}

#form #innerForm {
	display: block;
	width: 250px;
	height: 280px;
	margin-right: auto;
	font-size: 12px;
	font-family: sans-serif;
	float: left;
}



#Dnl2 {
	background-image: url(../JPG/WindowTitleBottomLeftCorner.jpg);
	background-repeat: no-repeat;
	width: auto;
	height: 10px;
}

	#Dnl2 div {
		width: auto;
		height: 10px;
		background-position: right;
		background-image: url(../JPG/WindowTitleBottomRightCorne.jpg);
		background-repeat: no-repeat;
	}

#CntMinL {
	width: 310px;
	height: 8px;
	margin-top: -5px;
	background-image: url(../JPG/min_lajsnaContact.jpg);
}

#WindowContent p {
	margin: 0px;
	padding: 15px;
	padding-left: 20px;
}

#ContactUS {
	width: 310px;
	min-height: 300px;
	float: left;
	margin-bottom: 0px;
	margin-top: 15px;
	margin-left: 15px;
	background: #FFFFFF;
	min-height: 0px;
}

p#MediumText {
	font-size: 12px;
	width: 270px;
	padding-left: 25px;
	background-color: #908173;
	padding-top: 10px;
	color: #FFFFFF;
	padding-bottom: 25px;
}

	p#MediumText a {
		color: #FFFFFF;
		font-weight: bold;
	}

/*--------- COLUMN 2 -------------*/

#namelist {
	min-height: 315px;
	width: 325px;
	float: left;
	margin-top: 0px;
}

#Window_5 {
	width: 310px;
	min-height: 0px;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	background: #FFFFFF;
	clear: both;
}

#PT_inner_frame {
	height: 260px;
}

#Calendar {
	width: auto;
	height: 150px;
	background-image: url(../JPG/PlanningToolsImg.jpg);
	font-size: 12px;
}

#PT_p1 {
	color: #594E43;
}

	#PT_p1 a {
		text-decoration: none;
	}

#Procedures1, #Procedures2 {
	font-size: 11px;
	width: 230px;
	padding: 0px;
	margin-left: 25px;
	color: #594E43;
	color: Black;
	list-style: none;
	margin-top: 0px;
}

	#Procedures1 div, #Procedures2 div {
		height: 250px;
	}

		#Procedures1 div li, #Procedures2 div li {
			text-indent: 5px;
			padding-bottom: 10px;
		}

	#Procedures1 a, #Procedures2 a {
		float: right;
		margin: 0px;
		margin-right: 0px;
		margin-top: 30px;
		text-decoration: none;
		display: inline;
	}

#minLajsna2 {
	width: 310px;
	height: 8px;
	margin-top: -5px;
	background-image: url(../JPG/min_lajsna.jpg);
}

/*--------- ABOUT US -------------*/

#WindowGeneric_ABOUT_US {
	margin-left: 15px;
	width: 310px;
	height: auto;
	float: left;
	background: #FFFFFF;
	margin-top: 15px;
}

#AU_Inner_frame {
	height: 260px;
	color: #333;
}

#WindowContentAboutUs, #WindowContentAboutUs3 {
	height: 100px;
	font-size: 11px;
}

	#WindowContentAboutUs p, #WindowContentAboutUs3 p {
		margin: 0px;
		padding: 15px;
		padding-left: 20px;
	}

		#WindowContentAboutUs p a, #WindowContentAboutUs3 p a {
			margin: 0px;
			padding: 0px;
			font-size: 9px;
		}

	#WindowContentAboutUs ul li a, #WindowContentAboutUs3 ul li a {
		color: #0000FF;
		text-decoration: none;
	}

		#WindowContentAboutUs ul li a:hover, #WindowContentAboutUs3 ul li a:hover {
			text-decoration: underline;
			color: #153E6E;
		}

	#WindowContentAboutUs #AboutUsDefault, #WindowContentAboutUs3 #AboutUsDefault {
		font-size: 10px;
	}

		#WindowContentAboutUs #AboutUsDefault a, #WindowContentAboutUs3 #AboutUsDefault a {
			margin-left: 5px;
			text-decoration: none;
			font-weight: bold;
			color: #333;
		}

			#WindowContentAboutUs #AboutUsDefault a:hover, #WindowContentAboutUs3 #AboutUsDefault a:hover {
				text-decoration: underline;
				color: #00704a;
			}

	#WindowContentAboutUs a, #WindowContentAboutUs3 a {
		color: #333;
		text-decoration: none;
	}

		#WindowContentAboutUs a:hover, #WindowContentAboutUs3 a:hover {
			color: #00704a;
			text-decoration: underline;
		}

#Window4Pic {
	width: auto;
	height: 160px;
	background: #BEBEBE;
	background-image: url(../JPG/Window4Pic.jpg);
}

/*----------------------------------------- FOOTER ---------------------------------------------------*/

.Footer {
	width: 1000px;
	height: 80px;
	background: var(--primary-color);
	clear: both;
}

.Address, .AddressRight {
	float: left;
	text-align: left;
	color: #fff;
	font-size: 12px;
	margin: 0px;
	padding: 20px;
}

.AddressRight {
	float: right;
	text-align: right;
	margin-top: 10px;
}

	.Address b, .AddressRight b {
		font-size: 13px;
	}

	.Address a, .AddressRight a {
		color: white;
	}


.WindowTitleCC {
	width: auto;
	height: 30px;
	background-color: #fff;
	font-weight: bold;
}

	.WindowTitleCC p {
		margin: 0px;
		padding: 5px;
		padding-left: 10px;
		background-repeat: no-repeat;
	}

	.WindowTitleCC a {
		float: left;
		display: inline;
		text-decoration: none;
		margin-top: 5px;
		margin-left: 10px;
		color: var(--primary-color);
		margin-right: 10px;
	}

		.WindowTitleCC a img {
			border: none;
			margin-top: 3px;
		}

.btn-popup-light-green {
	background-color: #90EE90; /* Light green color */
	color: white; /* White text */
	border: none;
}

	.btn-popup-light-green:hover {
		background-color: #77dd77; /* Slightly darker green for hover */
	}
@media (max-width: 565px) {
	#Window_2_buttons {
		padding:0px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 1200px) and (max-width: 1600px) {
	#mapHotelList {
		height:400px;
	}
	
}
@media (min-width: 1601px) {
	#mapHotelList {
		height: 600px;
	}
}
@media (min-width: 1024px) {
	#Window_1, #Window_2, #Window_3, #Window_4 {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
}