@charset "utf-8";

/* ========== RESET & BASE ========== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}

section {
	margin-top: 45px;
}

/* ========== LAYOUT ========== */
.container {
	width: 100%;
	height: auto;
	background-color: #fff;
	margin: 0 auto;
}

.content {
	max-width: 960px;
	width: 100%;
	height: auto;
	margin: auto 0;
}

.header {
	width: 100%;
	height: 783px;
	background-color: #97d9ff;
	margin: 0 auto;
}

/* ========== HEADER & NAVIGATION ========== */
#menu_container,
#desk_header,
#desk_header header,
.navigation_bg,
.nav_wrap,
.navigation,
.navigation li,
.navigation ul {
	margin: 0 !important;
	padding: 0 !important;
}

#menu_container {
	background: transparent !important;
	min-height: 0 !important;
	height: auto !important;
	line-height: normal !important;
	overflow: visible !important;
	border: 0 !important;
}

#desk_header,
#desk_header header {
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
}

/* Mobilna traka: logo lijevo, hamburger desno, jedan red, oba uvijek vidljiva */
#mob_menu_container {
	height: 59px;
	min-height: 59px;
	max-height: 59px;
	overflow: hidden;
	position: relative;
	z-index: 10000;
	padding: 0 12px;
	box-sizing: border-box;
	background: #f5f5f5;
	background-image: linear-gradient(to bottom, #ffffff 0%, #ececec 100%);
	box-shadow: 0 2px 8px rgba(0,0,0,0.18);
	border: 0 !important;
	margin: 0 !important;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

#mob_menu_container:before,
#mob_menu_container:after {
	display: none !important;
}

/* Zatvorena navigacija: logo lijevo (fiksna širina), hamburger desno */
#mob_menu_container .mobile_logo_link {
	flex-shrink: 0;
}
#mob_menu_container h1 {
	margin: 0 !important;
	padding: 0 !important;
	height: 59px;
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	z-index: 10;
}

#mob_menu_container h1 a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 34px;
	width: 34px;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	border-radius: 0 !important;
	transform: translateY(1px);
}

#mob_menu_container h1 a.ui-btn,
#mob_menu_container h1 a.ui-link,
#mob_menu_container h1 a.ui-btn:hover,
#mob_menu_container h1 a.ui-btn:focus,
#mob_menu_container h1 a.ui-btn:active {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

#menu_button1 {
	margin: 0 !important;
	display: block;
	border: 0 !important;
	box-shadow: none !important;
}

/* Otvorena navigacija (#mob_menu): isti layout – logo lijevo, hamburger desno, jedan red, oba vidljiva */
#mob_menu .mob_menu_open_header,
#mob_menu .ui-header.mob_menu_open_header {
	height: 59px !important;
	min-height: 59px !important;
	max-height: 59px !important;
	padding: 0 12px !important;
	box-sizing: border-box;
	background: #f5f5f5 !important;
	background-image: linear-gradient(to bottom, #ffffff 0%, #ececec 100%) !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.18);
	border: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
}
/* JQM neka ne ubacuje naslov između – sakrij .ui-title da ne uzima prostor */
#mob_menu .mob_menu_open_header .ui-title,
#mob_menu .ui-header.mob_menu_open_header .ui-title {
	display: none !important;
}
#mob_menu .mob_menu_open_header .mobile_logo_link,
#mob_menu .ui-header.mob_menu_open_header .mobile_logo_link {
	flex-shrink: 0 !important;
	width: 200px !important;
	min-width: 200px;
	max-width: 200px;
	height: 59px !important;
	max-height: 59px !important;
}
#mob_menu .mob_menu_open_header .mobile_logo_link img,
#mob_menu .ui-header.mob_menu_open_header .mobile_logo_link img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
	object-position: left center;
}
#mob_menu .mob_menu_open_header h1,
#mob_menu .ui-header.mob_menu_open_header h1 {
	margin: 0 !important;
	padding: 0 !important;
	height: 59px;
	flex: 1;
	min-width: 0;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	position: relative;
	z-index: 10;
}
#mob_menu .mob_menu_open_header h1 a,
#mob_menu .ui-header.mob_menu_open_header h1 a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 34px;
	width: 34px;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
#mob_menu .mob_menu_open_header #menu_button1,
#mob_menu .mob_menu_open_header h1 img,
#mob_menu .ui-header.mob_menu_open_header #menu_button1 {
	margin: 0 !important;
	display: block;
	border: 0 !important;
	box-shadow: none !important;
}

/* Mobile: logotip 200px u fiksnom okviru, lijevo; hamburger desno */
.mobile_logo_link {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-shrink: 0;
	width: 200px !important;
	min-width: 200px;
	max-width: 200px;
	height: 59px !important;
	max-height: 59px !important;
	overflow: hidden !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

#mob_menu_container .mobile_logo_link img,
.mobile_logo_link img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 200px !important;
	max-height: 59px !important;
	object-fit: contain !important;
	object-position: left center;
	border: none !important;
	outline: none !important;
}

/* Desktop navigacija – 10px prostora gore/dolje, overflow: visible za dropdown */
.navigation_bg {
	overflow: visible !important;
	background: #f5f5f5;
	background-image: linear-gradient(to bottom, #ffffff 0%, #ececec 100%);
	box-shadow: 0 2px 8px rgba(0,0,0,0.18);
	position: relative;
	z-index: 2000;
	padding: 10px 0 !important;
	min-height: 64px;
	height: auto;
	box-sizing: border-box;
}

.nav_wrap {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
	overflow: visible !important;
}

.navigation {
	display: flex;
	align-items: center;
	justify-content: center !important;
	flex-wrap: wrap;
	width: 100%;
	list-style: none;
	position: relative;
	gap: 0;
	min-height: 44px;
	overflow: visible !important;
}

/* Desktop: logotip 200px širine, unutar navigacijske trake (ne izlazi van) */
.nav_logo_li {
	display: flex !important;
	align-items: center;
	flex: 0 0 auto;
	width: 200px;
	max-width: 200px;
	margin-right: 20px !important;
	padding: 0 !important;
	min-height: 44px !important;
	height: 44px !important;
	max-height: 44px !important;
	overflow: hidden !important;
}

.nav_logo_a,
.nav_logo_a.ui-btn,
.nav_logo_a.ui-link {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 200px !important;
	max-width: 200px !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

/* Slika logotipa u fiksnom okviru – uvijek uklopljena, ne izlazi */
.navigation .nav_logo_li .nav_logo_img,
.nav_logo_img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 200px !important;
	max-height: 44px !important;
	object-fit: contain !important;
	object-position: left center;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}

#desk_header .nav_logo_li img.nav_logo_img,
#desk_header .navigation .nav_logo_li img {
	width: 100% !important;
	height: 100% !important;
	max-width: 200px !important;
	max-height: 44px !important;
	object-fit: contain !important;
}

#mob_menu_container .mobile_logo_link img,
#mob_menu_container img[alt="Camping Peros"] {
	width: 100% !important;
	height: 100% !important;
	max-width: 200px !important;
	max-height: 59px !important;
	object-fit: contain !important;
}

.navigation > li {
	display: flex;
	align-items: center;
	position: relative;
	flex: 0 0 auto;
	overflow: visible;
}

.navigation > li > a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 44px;
	height: 44px;
	box-sizing: border-box;
	padding: 0 14px !important;
	text-align: center;
	white-space: nowrap;
	color: #004552;
	text-decoration: none;
	line-height: 1.2 !important;
	vertical-align: middle;
}

/* Strelica prema dolje za dropdown linkove (Offer, Region, Language) */
.navigation > li.nav-has-dropdown > a::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 5px;
	vertical-align: middle;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid currentColor;
}

.navigation > li.nav-has-dropdown > a:hover::after {
	border-top-color: currentColor;
}

/* Ikona jezika (zastavica) u istoj ravnini s tekstom */
.navigation > li > a img {
	display: block !important;
	vertical-align: middle;
	object-fit: contain;
	margin: 0 !important;
	padding: 0 !important;
	align-self: center;
	position: relative;
	top: 0;
}

/* Language link podignut u ravninu s ostalim linkovima */
.navigation > li:last-child > a,
.navigation > li > a.nav-lang-link {
	align-items: center !important;
	display: flex !important;
}
.navigation > li:last-child > a img,
.navigation > li > a.nav-lang-link img {
	vertical-align: middle;
	margin-bottom: 0 !important;
}
.navigation > li:last-child {
	display: flex !important;
	align-items: center !important;
}
/* Language link u ravnini s ostalim linkovima (bez pomaka) */
.navigation > li:last-child > a {
	transform: none;
}

/* Language dropdown poravnat desno uz link Language */
.navigation > li:last-child > ul {
	left: auto;
	right: 0;
	min-width: 200px;
}

.navigation > li > a:hover {
	color: #c41e3a;
}

.navigation li ul {
	position: absolute;
	top: 42px;
	left: 0;
	min-width: 260px;
	background: #fff;
	border: 1px solid #dcdcdc;
	box-shadow: 0 8px 20px rgba(0,0,0,0.14);
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
	z-index: 9999;
	display: none;
	overflow: visible;
}

/* Dropdown: prikaži podizbornik pri hoveru – visoka specifičnost da nadjača sve */
#menu_container .navigation li:hover > ul,
#desk_header .navigation li:hover > ul,
.navigation li.nav-dropdown-open > ul {
	display: block !important;
	visibility: visible !important;
}

.navigation li ul li {
	display: block;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	border-bottom: 1px dashed #d8d8d8;
	background: #fff;
}

.navigation li ul li:last-child {
	border-bottom: 0;
}

/* Linkovi u dropdownu – isti font i boja kao u navigaciji */
.navigation li ul li a {
	display: block !important;
	width: 100%;
	padding: 18px 22px !important;
	margin: 0 !important;
	text-align: left;
	height: auto !important;
	line-height: 1.4;
	white-space: normal;
	box-sizing: border-box;
	background: #fff !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	color: #004552 !important;
	text-decoration: none !important;
	transition: background 0.2s ease, color 0.2s ease;
}

.navigation li ul li:hover,
.navigation li ul li a:hover {
	background: #f2f2f2 !important;
	color: #c41e3a !important;
}

@media screen and (max-width: 1024px) {
	.nav_wrap {
		padding: 0 12px !important;
	}
	.navigation > li > a {
		padding: 0 12px !important;
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.nav_logo_li {
		display: none !important;
	}
}

/* Header responsive: show mobile, hide desktop – bez bijele praznine */
@media screen and (max-width: 767px) {
	#desk_header {
		display: none !important;
	}
	#mob_menu_container {
		display: flex !important;
	}
	#main_page .hero-wrap {
		margin-top: 0;
	}
	#main_page .container #back-ss {
		margin-top: 0 !important;
	}
	#main_page .container {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	#main_page .big_logo_container {
		margin-top: 0 !important;
	}
	/* Pin-logo centriran u slideru (top se postavlja u JS prema visini #back-ss) */
	#main_page .container {
		position: relative;
	}
	#main_page .big_logo_container {
		position: absolute !important;
		left: 0;
		right: 0;
		bottom: auto !important;
		transform: translateY(-50%);
		display: flex !important;
		align-items: center;
		justify-content: center;
		z-index: 2;
		pointer-events: none;
	}
}

@media screen and (min-width: 768px) {
	#mob_menu_container {
		display: none !important;
	}
	#desk_header {
		display: block !important;
	}
	#main_page .hero-wrap {
		margin-top: 0;
	}
	#main_page .container #back-ss {
		margin-top: 0 !important;
	}
	#main_page .container {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	#main_page .big_logo_container {
		margin-top: 0 !important;
	}
}

/* ========== HERO & LOGO (home + shared) ========== */
.hero-wrap {
	position: relative;
	width: 100%;
	min-height: 200px;
	overflow: hidden;
}

#main_page .hero-wrap #back-ss {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100% !important;
	max-height: none;
	z-index: 1;
	background-color: #2b9ae2;
	background-image: url('../images/camping_zaton_peros.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#main_page .hero-wrap .big_logo_container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	pointer-events: none;
}

#main_page .hero-wrap .big_logo {
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

#back-ss {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
	max-height: 740px;
	min-height: 200px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Home: hero background image */
#main_page #back-ss {
	background-color: #2b9ae2;
	background-image: url('../images/camping_zaton_peros.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.cla {
	width: 100%;
	height: 740px;
	position: absolute;
	left: 0;
	background-size: cover;
	min-height: 200px;
	max-height: 740px;
}

.big_logo_container {
	height: auto;
	width: 100%;
	position: absolute;
	margin: 0 auto;
	z-index: 2;
	text-align: center;
	border: 0;
}

.big_logo {
	height: auto;
	width: auto;
	max-height: 740px;
	min-height: 200px;
	border: 0;
}

/* ========== HOME PAGE ========== */
.ui-content {
	padding: 0 !important;
}

.page-content-overflow-hidden {
	overflow: hidden;
}

#response {
	display: none;
}

.wrapper_camp-mb {
	margin-bottom: 10px;
}

.content_calendar_camp {
	display: none;
}

.booking-btn-inner {
	margin-top: -5px;
	font-weight: bold;
	color: #30b7e3;
}

.home-section {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.booking-home-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 18px auto 30px auto;
	padding: 0 !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
}

.booking-home-wrap .booking_bg,
.booking-home-wrap .booking_frame,
.booking-home-wrap ul,
.booking-home-wrap li {
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
}

.booking-home-wrap .booking_bg {
	padding: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

/* Home: no background behind Booking button */
#main_page .booking-home-wrap .booking_bg {
	height: auto !important;
	min-height: 0 !important;
	background: transparent !important;
	background-image: none !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.booking-home-wrap .booking_frame {
	width: 100%;
	max-width: 380px;
	padding: 0 !important;
	border: 0 !important;
}

.booking-home-wrap ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.booking-home-wrap .button,
.booking-home-wrap button,
.booking-home-wrap .ui-btn {
	width: 100%;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

.wrapper_camp_single {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin: 0 0 25px 0;
}

.content_camping_single {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.single-box-center {
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
}

.single-box-center h1 {
	margin: 0 0 18px 0;
	font-size: 32px;
	line-height: 1.2;
	text-shadow: none !important;
	box-shadow: none !important;
}

.single-box-center img {
	width: 100%;
	max-width: 430px;
	height: auto;
	display: block;
	margin: 0 auto 18px auto;
}

.single-box-center p {
	max-width: 760px;
	margin: 0 auto 18px auto;
	font-size: 22px;
	line-height: 1.5;
	color: #333;
	text-shadow: none !important;
	box-shadow: none !important;
}

.home-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 24px;
	margin: 10px auto 35px auto;
}

.home-card {
	flex: 1 1 calc(33.333% - 24px);
	max-width: 340px;
	min-width: 260px;
	background: #fff;
	border: 1px solid #e8e8e8;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	padding: 18px 18px 20px 18px;
	box-sizing: border-box;
	text-align: center;
}

.home-card img {
	width: 100%;
	max-width: 220px;
	height: auto;
	display: block;
	margin: 0 auto 14px auto;
	border-radius: 50%;
}

.home-card h1 {
	margin: 0 0 10px 0;
	font-size: 28px;
	line-height: 1.2;
	text-shadow: none !important;
	box-shadow: none !important;
}

.home-card p {
	margin: 0 0 18px 0;
	font-size: 18px;
	line-height: 1.5;
	color: #444;
	min-height: 130px;
	text-shadow: none !important;
	box-shadow: none !important;
}

.home-cta {
	display: inline-block;
	padding: 10px 18px;
	border: 1px solid #2b9ae2;
	color: #2b9ae2 !important;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.2;
	border-radius: 3px;
	background: #fff;
	transition: all .2s ease;
	box-shadow: none !important;
	text-shadow: none !important;
}

.home-cta:hover {
	background: #2b9ae2;
	color: #fff !important;
	text-decoration: none;
}

.content_category_camp_mob {
	display: none;
}

.zaton-block {
	text-align: center;
	padding: 10px 0 20px 0;
}

.zaton-block img {
	width: 100%;
	max-width: 520px;
	height: auto;
	display: block;
	margin: 0 auto 20px auto;
}

.zaton-block h2 {
	font-size: 64px;
	line-height: 1;
	margin: 0 0 14px 0;
	color: #2b9ae2;
	text-shadow: none !important;
	box-shadow: none !important;
}

.zaton-block b {
	display: block;
	max-width: 900px;
	margin: 0 auto;
	font-size: 22px;
	line-height: 1.5;
	color: #2b9ae2;
	font-weight: 700;
	text-shadow: none !important;
	box-shadow: none !important;
}

.map-clean iframe {
	display: block;
}

.clear-block {
	clear: both;
	width: 100%;
	height: 1px;
	background: #fff;
}

/* Home page: tablet */
@media screen and (max-width: 1024px) {
	.zaton-block h2 {
		font-size: 48px;
	}
	.zaton-block b {
		font-size: 20px;
	}
}

/* Home page: mobile */
@media screen and (max-width: 767px) {
	.home-section {
		padding: 0 14px;
	}
	.content_category_camp {
		display: none !important;
	}
	.content_category_camp_mob {
		display: flex !important;
		flex-direction: column;
		gap: 18px;
	}
	.home-card,
	.content_category_camp_mob .box {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		margin: 0;
		background: #fff;
		border: 1px solid #e8e8e8;
		box-shadow: 0 2px 12px rgba(0,0,0,0.06);
		padding: 18px;
		box-sizing: border-box;
		text-align: center;
	}
	.content_category_camp_mob .box img {
		width: 100%;
		max-width: 220px;
		height: auto;
		display: block;
		margin: 0 auto 14px auto;
		border-radius: 50%;
	}
	.content_category_camp_mob .box h1 {
		font-size: 26px;
		line-height: 1.2;
		margin: 0 0 10px 0;
		text-shadow: none !important;
	}
	.content_category_camp_mob .box p {
		font-size: 17px;
		line-height: 1.5;
		margin: 0 0 14px 0;
		text-shadow: none !important;
	}
	.single-box-center h1 {
		font-size: 28px;
	}
	.single-box-center p {
		font-size: 18px;
	}
	.zaton-block h2 {
		font-size: 42px;
	}
	.zaton-block b {
		font-size: 18px;
	}
}

.mob-menu-back-icon {
	margin-left: 10px;
	margin-top: 5px;
}

/* ========== MOBILE MENU (slide-out panel) ========== */
#mob_menu_content {
	position: relative;
	top: 0;
	left: 0;
}

#menu_blank { /*ode namistas menu mobile*/
		position:relative;
		left:0;
		width:100%;
		
		z-index:9998;
		} 
		
#menu_full { 
		z-index:9997;
		position:relative;
		left:-100%;
		/*left:-webkit-calc(-100% + 50px);
		left:-moz-calc(-100% + 50px);
		left:calc(-100% + 50px);*/
		width: 100%;
		width: -webkit-calc(100% - 50px); 
		width: -moz-calc(100% - 50px);
		width: calc(100% - 50px);
		height:100%;
		background-color:#252a2a;
		-moz-box-shadow: inset -3px -3px 5px #000;
		-webkit-box-shadow: inset -3px -3px 5px #000;
		box-shadow: inset -3px -3px 5px #000; 
		overflow:auto;

		}
	
	.mobile_nav {
		width:100%;
		height:100%;
		text-decoration:none;
	}
	

		
	/* Sub Cat menu link properties */
	.mobile_nav a {
		width:90%;
		display:block;    	/* Making sure a element covers whole li area */
		height:auto;
		padding:12px 0px 12px 0px; 
		margin-left:15px;
		color:#0000;
		text-decoration:none;	
		border-bottom:1px dashed #363b3b;
	}
	
	.mobile_nav li {
		width:100%;
		display:block;    	/* Making sure a element covers whole li area */
		height:auto;
		text-decoration:none;	
		border-top:none;
	}
		
	.mobile_nav a:hover {
		color:#14aec0;
	}
	
	/* Sub Cat menu link properties */
	.mobile_nav_icon {
	width:28px;
	height:25px; 
	background-color: ;
	margin-left:15px;
	text-decoration:none;
	}
	


/* ------------------------------------calendar css----------------------------------------------*/






.calendar-wrap {
  max-width: 960px;
  width:100%;
  margin: 80px auto;
  text-align: center;
}

.calendar-wrap h1 {
  width: 100%;
  margin: 0 auto;
  font-size: 36px;
  font-family: Arial;
  text-align: center;
  color: #e7e7e7;
  text-shadow:1px 1px 0 #145982;
}

.nav_calendar_camp {
  list-style: none;
  text-align: center;
}
.nav_calendar_camp_mob {
  list-style: none;
  text-align: center;
}

.nav_calendar_ca {
  list-style: none;
  text-align: center;
}
.nav_calendar_ca li {
  position: relative;
  display: inline-block;
  margin-top: 3px;
}
.nav_calendar_ca_mob {
  list-style: none;
  text-align: center;
}
.nav_calendar_ca_mob li {
  position: relative;
  display: inline-block;
  margin-top: 3px;
}




.nav_calendar_camp li {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 3px 3px 0 0;
}
.nav_calendar_camp_mob li {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 3px 3px 0 0;
}


.nav_calendar_camp li:before {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  z-index: -1;
}
.nav_calendar_camp_mob li:before {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  z-index: -1;
}



.days {
display:block;
width:50px;
height:50px;
font-size:16px;
font-family: Arial;
color:#a0a0a0;
line-height:50px;
text-align:center;
text-decoration:none;
margin-bottom: -15px;
  margin: 3px 3px 0 0;

}
.days_mob {
display:block;
width:30px;
height:30px;
font-size:16px;
font-family: Arial;
color:#a0a0a0;
line-height:30px;
text-align:center;
text-decoration:none;
margin-bottom: -15px;
  margin: 3px 3px 0 0;

}

.days_around{
	opacity:0.5;
}

/*---------- free kalendar ------------ */

.nav_calendar_camp a {
display:block;
width:50px;
height:50px;
border-radius:50px;
font-size:28px;
font-family: Arial;
color:#a0a0a0;
line-height:50px;
text-align:center;
text-decoration:none;
background:#fff;
border: 2px solid #d4d4d2;
}
.nav_calendar_camp_mob a {
display:block;
width:30px;
height:30px;
border-radius:30px;
font-size:17px;
font-family: Arial;
color:#a0a0a0;
line-height:30px;
text-align:center;
text-decoration:none;
background:#fff;
border: 2px solid #d4d4d2;
}


.calendar_camp a:hover {
color:#b9b9b9;
text-decoration:none;
background:#fbfbfb;
border: 2px solid #d4d4d2;
}
.calendar_camp_mob a:hover {
color:#b9b9b9;
text-decoration:none;
background:#fbfbfb;
border: 2px solid #d4d4d2;
}






/*---------- Zauzaton kalendar ------------ */

.calendar_full a {
display:block;
width:50px;
height:50px;
border-radius:50px;
font-size:28px;
font-family: Arial;
color:#616161;
line-height:50px;
text-shadow:0 1px 1 #666;
text-align:center;
text-decoration:none;
background:#fff;
opacity:0.95;
border: 2px solid #ff5d61;
box-shadow:0 0 4px #222 inset;
opacity:0.65;
}
.calendar_full_mob a {
display:block;
width:30px;
height:30px;
border-radius:30px;
font-size:17px;
font-family: Arial;
color:#616161;
line-height:30px;
text-shadow:0 1px 1 #666;
text-align:center;
text-decoration:none;
background:#fff;
opacity:0.95;
border: 2px solid #ff5d61;
box-shadow:0 0 4px #222 inset;
opacity:0.65;
}


.calendar_full a:hover{
color:#616161;
text-shadow:0 1 1px #666;
text-decoration:none;
box-shadow:0 0 4px #222 inset;opacity:1;
opacity:1;
background:#fff1f1;
}

.calendar_full_mob a:hover{
color:#616161;
text-shadow:0 1 1px #666;
text-decoration:none;
box-shadow:0 0 4px #222 inset;opacity:1;
opacity:1;
background:#fff1f1;
}










/* -------------------------------------------------- booking -------------------------------------- minjano 30.12.2013 */
	
.wrapper_camp {
		height:auto;
		width:100%;
		text-align:center;
		margin: 0 auto 0 auto;
	}
	
	.booking_bg {
		height:157px;
		width:100%;
		background-image:url('../images/bg_camping_zaton_booking.jpg');
		background-repeat: no-repeat;
		background-position: center;
		text-align:center;
		background-size:cover;
		
	}
	
	.booking_frame {
  max-width: 960px;
  width:100%;
  height: auto;
  text-align:center;
  margin: 0 auto;	
	}


.booking_frame .button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#5c2a2d;
	font-family:arial;
	font-size:38px;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	padding: 5px 30px 5px 30px;
	margin: 5px 0px 5px 0px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}
.booking_frame .button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.booking_frame .button:active {
	position:relative;
	top:1px;
}





.booking_frame .button1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#5c2a2d;
	font-family:arial;
	font-size:18px;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	padding: 5px 10px 5px 10px;
	margin: 5px 0px 5px 0px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	}
	
.booking_frame .button1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.booking_frame .button1:active {
	position:relative;
	top:1px;
}











		/* --------------------------------- Calendar Booking ---------------------------- */
	
.content_calendar_camp {
		height: 400px;
		max-width: 600px;
		width:100%;
		background-image: url(../images/calendar_camping_perosh_bg.png);
		background-position: center;
		text-align: center;
		margin: 0 auto 0 auto;
	}
	







	/* --------------------------------- Camping & Mobile ---------------------------- */
	
.content_camping {
		height:auto;
		max-width: 960px;
		width:100%;
		text-align: center;
		margin: 0 auto 0 auto;

	}
	
.content_camping .box {
		height:auto;
		width:50%;
		max-width: 480px;
				margin: 0 auto 0 auto;

		color: #4c4c4c;
		font-size: 18px;
		float: left;
	}
	
.content_camping .box h1 {
		max-height:44px;
		max-width: 480px;
		width:100%;
		font-size: 36px;
		text-align:center;
		overflow:hidden;
	}
	
.content_camping .box img {
	height: auto;
	max-width: 480px;
	width: 100%;
	margin: 0 auto 0 auto;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	}
	
.content_camping .box img:hover {
		 -webkit-filter: grayscale(100%);
	}
	
#button_camp {
		display: block;
		width:104px;
		height:20px;
		background-image:url("../images/camping_button_details.png");
		background-repeat: no-repeat;
		outline: none;
		text-align: center;
		margin: 0 auto;
		padding-top: 104px;
		font-size: 12px;
		color: #656565;
		text-decoration: none;
		}
#button_camp:hover{
		background-position: -104px 0px;
		color: #4c4c4c;
		}
	
	
	
	
	
	

	/* --------------------------------- Category Bazen Restoran,... ---------------------------- */
	
.content_category_camp {
		height:auto;
		max-width: 960px;
		width:100%;
		text-align: center;
		margin: 0 auto 0 auto;
		position: relative;
		
	}
.content_category_camp_mob {
		height:auto;
		width:80%;
		text-align: center;
		margin: 0 auto 0 auto;
		position: relative;
	}

.content_category_camp .box {
		display: -moz-inline-box; /* Firefox < 3 */
        display: inline-block; /* Standards */		
		height:365px;
		max-width:150px;
		min-width:114px;
		width:14.2%;
		color: #4c4c4c;
		font-size: 12px;
		padding: 0px 5px 0px 5px;
		margin: 80px 40px 0px 0px;
		text-align: center;
		float: left;
		-moz-box-shadow: 0 0 3px 2px #d8d8d8;
		-webkit-box-shadow: 0 0 3px 2px #d8d8d8;
		box-shadow: 0 0 3px 2px #d8d8d8;
	}
.content_category_camp_mob .box {
		display: -moz-inline-box; /* Firefox < 3 */
		display: inline-block; 	
		height:auto;
		min-height:300px;
		width:100%;
		color: #4c4c4c;
		font-size: 16px;
		padding: 0;
		margin: 80px auto 0 auto;
		text-align: center;
		-moz-box-shadow: 0 0 3px 2px #d8d8d8;
		-webkit-box-shadow: 0 0 3px 2px #d8d8d8;
		box-shadow: 0 0 3px 2px #d8d8d8;
	}
	
/*
#last_box{
		display: -moz-inline-box;
        display: inline-block; 	
		height:350px;
		width:100%;
		color: #4c4c4c;
		font-size: 12px;
		padding: 0px 5px 0px 5px;
		margin: 80px auto;
		text-align: center;
		float: left;
		-moz-box-shadow: 0 0 3px 2px #d8d8d8;
		-webkit-box-shadow: 0 0 3px 2px #d8d8d8;
		box-shadow: 0 0 3px 2px #d8d8d8;
}
*/
	
.content_category_camp .box h1 {
		height:auto;
		width:100%;
		height:65px;
		font-size: 23px;
		text-align:center;
	}
.content_category_camp_mob .box h1 {
		height:auto;
		width:100%;
		font-size: 24px;
		text-align:center;
	}
	
	
.content_category_camp .box p {
		color: #4c4c4c;
		font-size: 12px;
		width:100%;
		min-height: 110px;
		height: auto;
		text-align: center;
	}
	
.content_category_camp_mob .box p {
		color: #4c4c4c;
		font-size: 14px;
		width:100%;
		height: auto;
		text-align: center;
		text-shadow: 1px 1px 1px rgba(152, 150, 150, 1);
	}

	
.content_category_camp .box img {
		height:155px;
		width:156px;
		margin: -75px 0px 0px -75px;
		text-align:center;
	}
.content_category_camp_mob .box img {
		height:155px;
		width:156px;
		margin: -50px auto 0 auto;
		text-align:center;
	}

	
.button_category_camp {
		display: block;
		width:44px;
		height:20px;
		background-image:url("../images/camping_button_category.png");
		background-repeat: no-repeat;
		outline: none;
		text-align: center;
		margin: 0 auto;
		padding-top: 44px;
		font-size: 12px;
		color: #656565;
		text-decoration: none;
		}
.button_category_camp:hover{
		background-position: -44px 0px;
		color: #4c4c4c;
		}


	/* --------------------------------- Zaton opis. ---------------------------- */
	
.content_atraction_zaton {
		height:auto;
		max-width: 960px;
		width:100%;
		text-align: center;
		margin: 80px auto 0px auto;
		color: #2489ce;
		font-size:28px;
	}
	
.content_atraction_zaton img {
		height:auto;
		max-width:649px;
		width:100%;
		background-position: center;
		text-align: center;
	}

.content_atraction_zaton h2 {
		font-size:70px;
		color:#2489ce;
		width:100%;
		margin: -30px auto 0px auto;
		text-align: center;
		text-shadow: 1px 1px 3px rgba(152, 150, 150, 1);
	}
	


	
	/* --------------------------------- Google Map ---------------------------- */
	
.content_map_frame_zaton {
		height:330px;
		width:100%;
		 position: relative;
		 margin-top:30px;
	}

.shadow_up_map {
		height:5px;
		width:100%;
		background-image:url("../images/shadow_map_up_camp_zaton.png");
		background-repeat: repeat-x;
		position: absolute;
		z-index: 10;
	}
	
.shadow_down_map {
		height:5px;
		width:100%;
		background-image:url("../images/shadow_map_down_camp_zaton.png");
		background-repeat: repeat-x;
		position: absolute;
		margin-top:-8px;
		z-index: 10;
	}	
	
/* --------------------------------- FOOTER ---------------------------- */
	
footer {
		width:100%;
		height:auto;
		text-align:center;
		margin: 30px 0 0 0;
		padding-top:20px;
		padding-bottom:0;
		bottom: 0;
        position: relative;
        box-shadow:inset 0px 3px 4px rgba(0,0,0,.2);
        background-image:url('../images/pattern_footer_camping_zaton.jpg');
		background-repeat:repeat;

	}
	
	

footer  .frame1 {
		width: 960px;
		max-width: 100%;
		height: auto;
		text-align: center;
		margin: 0 auto 20px auto;
		padding: 0;
		box-sizing: border-box;
		position: relative;
	}
	
footer  .frame1 ul {
		width: 115px;
		min-width: 115px;
		height: auto;
		text-align: left;
		float: left;
	}

footer .frame1 ul.footer-logo-col {
		width: 135px;
		min-width: 135px;
		float: right;
		padding-top: 0;
		margin-top: 0;
		vertical-align: top;
	}
footer .frame1 ul.footer-logo-col img {
		display: block;
		margin: 0 0 8px 0;
	}
	
footer  .frame1 li {
			height:100%;
			text-align:left;
			font-size: 10px;
			font-style:normal;
			list-style-type:none;
			margin-left: 0px;
	}
	
footer  .frame1 li a {
			width:100%;
			text-align:left;
			font-family: Arial;
			font-size: 10px;
			font-style:normal;
			color: #9c9c9c;
			text-decoration: none;
	}
	
	
	
footer  .frame2 {
		height: 77px;
		width: 100%;
		text-align:center;
		position: relative;
		background: #fff;
		margin-top:20px;
		clear:both;
	}

footer  .frame22 {
		height: auto;
		max-width: 960px;
		width: 100%;
		text-align: center;
		position: relative;
		background: #fff;
		margin: 0 auto;
		padding: 0 15px;
		box-sizing: border-box;
	}	
	
footer  .frame22 .box {
		height: auto;
		width: 119px;
		padding: 0 5px 0 5px;
		border-right: 1px solid #97d2f7;
		background: #fff;
		text-align:center;
		margin-bottom: 10px;
		margin-top: 5px;
		float:left;
	}
	
footer  .frame22 .box a {
			width: 100%;
			height: 20px;
			text-align:left;
			font-weight:normal;
			font-size: 10px;
			color: #9c9c9c;
			margin-top: -10px;
			text-decoration: none;
	}
	
footer  .frame22 .box img {
			opacity:0.4;
			filter:alpha(opacity=40); /* For IE8 and earlier */
	}
	
footer  .frame22 .box img:hover {
			
			opacity:1.0;
			filter:alpha(opacity=100); /* For IE8 and earlier */
			}
	
	
footer h3 {
		font-size:14px;
		color:#299ee8;
		width:100%;
		margin: 0px auto 0px auto;
		text-align: left;
		text-shadow: 0px 0px 1px rgba(152, 150, 150, 1);
	}
	
 .footer_mobile h1{
 padding:5px;
}

footer .details {
		font-size: 12px;
		color: #299ee8;
		height: auto;
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		padding: 10px 15px 0;
		box-sizing: border-box;
		text-align: center;
		text-shadow: 0px 0px 1px rgba(152, 150, 150, 1);
	}
	
footer .copyright {
		font-size: 10px;
		color: #636363;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 5px 15px 0 15px;
		box-sizing: border-box;
		text-align: center;
	}
	
/* Footer responsive: narrow desktop (columns may wrap) */
@media screen and (max-width: 959px) {
	footer .frame1 {
		padding: 0 15px;
	}
}

/* Footer responsive: mobile */
@media screen and (max-width: 767px) {
	#desk-footer {
		overflow-x: hidden;
	}
	footer .frame1 {
		padding: 0 12px;
	}
	footer .frame1 ul {
		width: 50%;
		float: left;
		min-width: 0;
		padding: 0 6px;
		margin-bottom: 24px;
		box-sizing: border-box;
	}
	footer .frame22 {
		padding: 0 12px;
	}
	footer .frame22 .box {
		width: 50%;
		min-width: 0;
		box-sizing: border-box;
		padding: 8px 4px;
		border-right: none;
		border-bottom: 1px solid #eee;
	}
	footer .frame22 .box:nth-child(odd) {
		border-right: 1px solid #eee;
	}
}






		/* --------------------------------- 3 Colone - MOBILE Homes .php ---------------------------- */

	

	
.mobile_homes_frame {
		width:100%;
		max-width: 960px;
		height:auto;
		text-align:center;
		margin: 30px auto 0 auto;
		padding-top:20px; 
        position: relative;
	}
	
.mobile_homes_frame .sidebar_1 {
		width:310px;
		height:auto;
		text-align:left;
		margin: 30px auto 0 auto;
		padding:10px 0 0 10px;
		float: left;
	}
	
.mobile_homes_frame .sidebar_2 {
		width:310px;
		height:auto;
		text-align:left;
		padding:10px 0 0 10px;
		margin: 30px auto 0 auto;
		float: left;
	}
	
.mobile_homes_frame .sidebar_3 {
		width:310px;
		height:auto;
		text-align:left;
		padding:10px 0 0 10px;
		margin: 30px auto 0 auto;
		float: left;
	}

.cover_mobile_homes {
        width:100%;
        height:auto;
        background-size:cover;
		}


.mobile_homes_frame h1 {
		font-size:36px;
		color:#299ee8;
		width:100%;
		margin: 0px auto 0px auto;
		text-align: center;
		text-shadow: 0px 0px 1px rgba(152, 150, 150, 1);
	}
	
.mobile_homes_frame h3 {
		font-size:20px;
		color:#299ee8;
		width:100%;
		min-height:50px;
		height:auto;
		margin: 0px auto 0px auto;
		text-align: left;
		text-shadow: 0px 0px 1px rgba(152, 150, 150, 1);
	}
	
	
.mobile_homes_frame p {
		font-size:18px;
		color:#299ee8;
		width:100%;
		margin: 0px auto 0px auto;
		text-align: center;
		text-shadow: 0px 0px 1px rgba(152, 150, 150, 1);
	}
	
.mobile_homes_frame_text {
		font-size:16px;
		color:#404040;
		width:100%;
		margin: 30px auto 0px auto;
		text-align: left;
	}
	
.mobile_homes_frame_img {
		height:auto;
		max-width:310px;
		width:90%;
		background-position: center;
		text-align: center;
		margin-bottom:20px;
	}



	
/* --------------------------------- 2 COLONE - sidebar left i right ---------------------------- */

	
	
.mobile_homes_frame .sidebar_left {
		max-width:600px;
		width: 100%;
		height:auto;
		text-align:left;
		margin: 30px auto 0 auto;
		padding:10px 10px 0 10px;
		float: left;
	}
	
.mobile_homes_frame .sidebar_right {
		max-width:320px;
		width: 100%;
		height:auto;
		text-align:left;
		padding:10px 0 0 10px;
		margin: 30px auto 0 auto;
		float: left;
	}
	

.cover_mobile_homes {
        width:100%;
        height:auto;
        background-size:cover;
		}


.mobile_homes_frame h1 {
		font-size:36px;
		color:#299ee8;
		width:100%;
		margin: 0px auto 0px auto;
		text-align: center;
		text-shadow: 0px 0px 1px rgba(152, 150, 150, 1);
	}
	
.mobile_homes_frame h3 {
		font-size:20px;
		color:#299ee8;
		width:100%;
		margin: 0px auto 0px auto;
		text-align: left;
		text-shadow: 0px 0px 1px rgba(152, 150, 150, 1);
	}
	
	
.mobile_homes_frame p {
		font-size:18px;
		color:#299ee8;
		width:100%;
		margin: 0px auto 0px auto;
		text-align: center;
		text-shadow: 0px 0px 1px rgba(152, 150, 150, 1);
	}
	

.button_sidebar {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	padding: 0px 7px 0px 7px;
	margin-top: 10px;
}
.button_sidebar:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.button_sidebar:active {
	position:relative;
	top:1px;
}
	






	/* ---------------------------------- PRICE LIST  2 Colone .php ---------------------------- */
	
.pricelist_frame {
		width:100%;
		max-width: 960px;
		height:auto;
		text-align:center;
		margin: 30px auto 0 auto;
		padding-top:20px; 
        position: relative;
	}
	
.pricelist_frame .boxs {
		max-width:470px;
		width:100%;
		height:auto;
		text-align:left;
		margin: 30px auto 0 auto;
		padding:0 5px 0 5px;
		float: left;
	}
		

.pricelist_frame h1 {
		font-size:36px;
		color:#299ee8;
		width:100%;
		margin: 0px auto 0px auto;
		text-align: center;
		text-shadow: 0px 0px 1px rgba(152, 150, 150, 1);
	}
	
.pricelist_frame h3 {
		font-size:20px;
		color:#299ee8;
		width:100%;
		min-height:50px;
		height:auto;
		margin: 0px auto 0px auto;
		text-align: left;
		text-shadow: 0px 0px 1px rgba(152, 150, 150, 1);
	}

/* ========== HOME PAGE (index) ========== */
.home-section {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.booking-home-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 18px auto 30px auto;
}
.booking-home-wrap .booking_frame { width: 100%; max-width: 380px; }
.booking-home-wrap ul { list-style: none; padding: 0; margin: 0; }
.booking-home-wrap .button { width: 100%; }
.wrapper_camp_single {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin: 0 0 25px 0;
}
.content_camping_single {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.single-box-center {
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
}
.single-box-center h1 { margin: 0 0 18px 0; font-size: 32px; line-height: 1.2; }
.single-box-center img {
	width: 100%;
	max-width: 430px;
	height: auto;
	display: block;
	margin: 0 auto 18px auto;
}
.single-box-center p {
	max-width: 760px;
	margin: 0 auto 18px auto;
	font-size: 22px;
	line-height: 1.5;
	color: #333;
}
.home-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 24px;
	margin: 10px auto 35px auto;
}
.home-card {
	flex: 1 1 calc(33.333% - 24px);
	max-width: 340px;
	min-width: 260px;
	background: #fff;
	border: 1px solid #e8e8e8;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	padding: 18px 18px 20px 18px;
	box-sizing: border-box;
	text-align: center;
}
.home-card img {
	width: 100%;
	max-width: 220px;
	height: auto;
	display: block;
	margin: 0 auto 14px auto;
	border-radius: 50%;
}
.home-card h1 { margin: 0 0 10px 0; font-size: 28px; line-height: 1.2; }
.home-card p {
	margin: 0 0 18px 0;
	font-size: 18px;
	line-height: 1.5;
	color: #444;
	min-height: 130px;
}
.home-cta {
	display: inline-block;
	padding: 10px 18px;
	border: 1px solid #2b9ae2;
	color: #2b9ae2 !important;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.2;
	border-radius: 3px;
	background: #fff;
	transition: all .2s ease;
}
.home-cta:hover {
	background: #2b9ae2;
	color: #fff !important;
	text-decoration: none;
}
.content_category_camp_mob { display: none; }
.zaton-block { text-align: center; padding: 10px 0 20px 0; }
.zaton-block img {
	width: 100%;
	max-width: 520px;
	height: auto;
	display: block;
	margin: 0 auto 20px auto;
}
.zaton-block h2 {
	font-size: 64px;
	line-height: 1;
	margin: 0 0 14px 0;
	color: #2b9ae2;
}
.zaton-block b {
	display: block;
	max-width: 900px;
	margin: 0 auto;
	font-size: 22px;
	line-height: 1.5;
	color: #2b9ae2;
	font-weight: 700;
}
.content_map_frame_zaton.map-clean {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 3px;
	overflow: hidden;
	border: 2px solid #2b9ae2;
	box-shadow: none;
	box-sizing: border-box;
}
.content_map_frame_zaton.map-clean .shadow_up_map,
.content_map_frame_zaton.map-clean .shadow_down_map { display: none !important; }
.map-clean iframe {
	display: block;
	width: 100%;
	border: 0;
	border-radius: 3px;
}
.booking-home-wrap,
.booking-home-wrap .booking_bg,
.booking-home-wrap .booking_frame,
.booking-home-wrap ul,
.booking-home-wrap li {
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
}
.booking-home-wrap { margin: 18px auto 30px auto; padding: 0 !important; }
.booking-home-wrap .booking_bg { padding: 0 !important; }
.booking-home-wrap .booking_frame { padding: 0 !important; border: 0 !important; }
.booking-home-wrap .button,
.booking-home-wrap button,
.booking-home-wrap .ui-btn {
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
.single-box-center h1, .single-box-center p,
.home-card h1, .home-card p,
.content_category_camp_mob .box h1, .content_category_camp_mob .box p,
.zaton-block h2, .zaton-block b {
	text-shadow: none !important;
	box-shadow: none !important;
}
@media screen and (max-width: 1024px) {
	.zaton-block h2 { font-size: 48px; }
	.zaton-block b { font-size: 20px; }
}
@media screen and (max-width: 767px) {
	.home-section { padding: 0 14px; }
	.wrapper_camp_map { padding: 0 10px !important; box-sizing: border-box; }
	.wrapper_camp_map .content_map_frame_zaton.map-clean {
		width: 100% !important;
		max-width: 100% !important;
		margin: 10px 0 !important;
		box-sizing: border-box;
	}
	.content_category_camp { display: none !important; }
	.content_category_camp_mob { display: flex !important; flex-direction: column; gap: 18px; }
	.home-card,
	.content_category_camp_mob .box {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		margin: 0;
		background: #fff;
		border: 1px solid #e8e8e8;
		box-shadow: 0 2px 12px rgba(0,0,0,0.06);
		padding: 18px 20px 20px 20px;
		box-sizing: border-box;
		text-align: center;
	}
	.home-card h1, .home-card p,
	.content_category_camp_mob .box h1, .content_category_camp_mob .box p {
		padding-left: 12px;
		padding-right: 12px;
		box-sizing: border-box;
	}
	.content_category_camp_mob .box img {
		width: 100%;
		max-width: 220px;
		height: auto;
		display: block;
		margin: 0 auto 14px auto;
		border-radius: 50%;
	}
	.content_category_camp_mob .box h1 { font-size: 26px; line-height: 1.2; margin: 0 0 10px 0; }
	.content_category_camp_mob .box p { font-size: 17px; line-height: 1.5; margin: 0 0 14px 0; }
	.single-box-center h1 { font-size: 28px; }
	.single-box-center p { font-size: 18px; }
	.zaton-block h2 { font-size: 42px; }
	.zaton-block b { font-size: 18px; }
	.home-card, .content_category_camp_mob .box,
	.single-box-center { text-shadow: none !important; }
	.home-card h1, .home-card p,
	.content_category_camp_mob .box h1, .content_category_camp_mob .box p,
	.single-box-center h1, .single-box-center p { text-shadow: none !important; }
}

/* ========== CONTACT FORM ========== */
.form_settings label { margin-bottom: 2px; }
.form_settings input[type="text"],
.form_settings input[type="email"],
.form_settings textarea {
	font-size: 0.75em;
	width: 350px;
	font-family: arial, sans-serif;
	border: 1px solid #ebebeb;
	padding: 4px;
	display: block;
}
.form_settings input[type="radio"] { margin: 0 5px 0 0; }
.form_settings textarea { overflow: auto; }
.form-consent-wrap {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	background: transparent !important;
}
.form-consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 12px !important;
	font-weight: normal !important;
	line-height: 1.45;
	color: #333;
	border: none !important;
	box-shadow: none !important;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.form-consent input[type="checkbox"] {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	min-width: 16px;
	min-height: 16px;
	margin: 2px 0 0 0;
	vertical-align: top;
	appearance: auto;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
}
.form-consent a,
.form-consent strong,
.form-consent b {
	color: #2b9ae2;
	text-decoration: underline;
	font-weight: normal !important;
	font-size: 12px !important;
}

/* ========== PRIVACY PAGE ========== */
body.page-privacy .ui-content { padding: 0 16px 20px !important; }
body.page-privacy #desk-footer,
body.page-privacy #mob-footer { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: none !important; box-sizing: border-box; }
body.page-privacy #desk-footer footer { width: 100%; box-sizing: border-box; }
.privacy-page {
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
	box-shadow: none !important;
	text-shadow: none !important;
}
.privacy-page h1 {
	margin-bottom: 16px;
	color: #000;
	font-weight: normal;
	text-align: left;
	box-shadow: none !important;
	text-shadow: none !important;
}
.privacy-page .privacy-content {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
	color: #000;
	text-align: left;
	box-shadow: none !important;
	text-shadow: none !important;
}
.privacy-page .privacy-content p {
	margin-bottom: 12px;
	text-align: left;
	font-weight: normal;
	color: #000;
	box-shadow: none !important;
	text-shadow: none !important;
}
.privacy-page .privacy-content p:empty { display: none; }

/* ========== CAMPING / PRICE-LIST (tables, seasons) ========== */
html, body { max-width: 100%; overflow-x: hidden; }
.ui-page, .ui-content { overflow-x: hidden !important; }
.table-scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #0f0f0f;
	background: #f1f7fb;
	box-sizing: border-box;
	margin-bottom: 12px;
}
.table-scroll table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	background: #f1f7fb;
	font-size: 12px;
	min-width: 680px;
}
.table-scroll table thead tr th {
	border-top: 2px #0f0f0f solid;
	background: #e9f2f9;
}
.table-scroll table tr td,
.table-scroll table th {
	border: 1px solid #0f0f0f;
	padding: 8px;
	text-align: center;
	word-wrap: break-word;
	vertical-align: middle;
	font-size: 12px;
}
.table-scroll td.col-service,
.table-scroll th.col-service { text-align: left; width: 48%; }
.note {
	font-size: 14px;
	line-height: 1.55;
	color: #111;
	margin: 10px 0 0 0;
}
.season-box {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 10px 0 14px 0;
}
.season-item {
	flex: 1 1 220px;
	border: 1px solid #0f0f0f;
	background: #fff;
	padding: 10px 12px;
	box-sizing: border-box;
	text-align: center;
}
.season-item b { display: block; margin-bottom: 6px; }
.bullet { margin: 12px 0 0 0; padding-left: 18px; font-size: 14px; line-height: 1.55; }
.bullet li { margin: 8px 0; }
.company-block {
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid rgba(0,0,0,.2);
	font-size: 12px;
	line-height: 1.45;
	color: #111;
	word-break: break-word;
}
.hero-logo {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	z-index: 2;
}
.hero-logo img {
	max-height: 100%;
	max-width: 100%;
	height: auto !important;
	width: auto !important;
	object-fit: contain;
	display: block;
}
.pricelist_frame { padding: 16px 14px 28px 14px; box-sizing: border-box; }
body.page-pricelist #back-ss {
	background-image: url('../images/mobile_homes_peros_zaton.jpg');
	background-size: cover;
	background-position: center;
}
@media (max-width: 480px) {
	.table-scroll table { min-width: 640px; }
	.table-scroll table tr td, .table-scroll table th { font-size: 11px; }
}