/* Preload images */
body:after {
  content: url(../bundles/klosite/images/lightbox/close.png) url(../bundles/klosite/images/lightbox/loading.gif) url(../bundles/klosite/images/lightbox/prev.png) url(../bundles/klosite/images/lightbox/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  font-family: WebServeroff, LuzSansBook, sans-serif;
  font-size: 150%;
  z-index: 99999;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  z-index: 99999;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: #dfdfdf;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../bundles/klosite/images/lightbox/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../bundles/klosite/images/lightbox/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../bundles/klosite/images/lightbox/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #fff;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-weight: bold;
  line-height: 1em;
  color: #fff;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  padding-top: 0.3%;
  color: #f5ce3b;
  font-size: 90%;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../bundles/klosite/images/lightbox/close.png) top right no-repeat;
  background-size: 100%;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.9;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  padding-top: 10%;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media only screen and (min-width:1921px) {
	.lightbox {
		font-size: 140%;
	}
}

@media only screen and (max-width:1280px) {
	.lightbox {
		font-size: 190%;
	}
}

@media only screen and (max-width:1200px) {
	.lb-data .lb-close {
		width: 24px;
		height: 24px;
		background-size: 90%;
	}
}

@media only screen and (max-width:800px) {
	.lb-data .lb-close {
		width: 18px;
		height: 18px;
		background-size: 80%;
	}
}

@media only screen and (max-width:650px) {
	.lightbox {
		font-size: 230%;
	}
}

@media only screen and (max-width:550px) {
	.lb-data .lb-close {
		width: 15px;
		height: 15px;
		background-size: 65%;
	}
}
/* NAV FONT */

@font-face {
	font-family: 'WebServeroff';
	src: url('../bundles/klosite/fonts/webserveroff.otf'); 
	font-weight: normal;
    font-style: normal;
}

/* CONTENT FONT */

@font-face {
	font-family: 'LuzSansBook';
	src: url('../bundles/klosite/fonts/luzro.ttf');
	font-weight: normal;
    font-style: normal;
}

a {
	border: 0;
	text-decoration: none;
}

a img {
	border: 0;
}

body {
	font-family: LuzSansBook, WebServeroff, sans-serif;
}

/* APP ERROR PAGE */

.error-box {
	display: block;
	width: 65%;
	padding: 2%;
	margin: 0 auto;
	margin-top: 6%;
	z-index: 9999;
}

.error-title {
	display: inline-block;
	padding: 2%;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	color: #fff;
	margin-bottom: 3%;
	font-size: 195%;
	font-family: WebServeroff, LuzSansBook, sans-serif;
}

.site-region .error-title {
	background: rgba(35, 128, 59, 0.9);
}

.site-portal .error-title {
	background-color: rgba(59, 87, 140, 0.9);
}

.error-text {
	display: block;
	padding: 2%;
	background: rgba(235, 235, 235, 0.93);
	font-size: 115%;
	font-family: LuzSansBook, WebServeroff, sans-serif;
}

/* NAVIGATION MENU */

.nav {
	position: fixed;
	width: 14.6%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: 120%;
	font-family: WebServeroff, LuzSansBook, sans-serif;
	margin: 0; 
	padding: 0;
	z-index: 9999;
}

.nav a {
	color: #fff;
	text-decoration: none;
}

.nav-shadow {
	position: fixed;
	top: 0;
	left: 14.5%;
	height: 100%;
	width: 0.93%;
	background: url('../bundles/klosite/images/nav/nav-shadow-right.png');
	background-repeat: repeat-y;
	background-size: contain;
	z-index: 9995;
}

.nav .menu-type {
	position: relative;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 15%;
	margin: 0;
	padding: 0;
	background: #f5ce3b;
	text-align: center;
	font-size: 100%;
	border:0;
}

.nav .menu-type-corrector {
	position: absolute;
	top: 14.9%;
	left: 0;
	width: 100%;
	background: red;
	height: 2%;
	z-index: 99999;
}

.site-portal .nav .menu-type-corrector {
	background-color: rgba(59, 87, 140, 1.0);
}
.site-region .nav .menu-type-corrector {
	background-color: rgba(35, 128, 59, 1.0);
}

.nav .menu-type a {
	text-decoration: none;
	color: #000;
	cursor: pointer;
	height: 100%;
}

.nav .menu-type .left-card  {
	position: absolute;
	left: 0;
	width: 50%;
	height: 100%;
	z-index: 99998;
}

.nav .menu-type .right-card {
	position: absolute;
	right: 0;
	width: 50%;
	height: 100%;
	z-index: 99998;
}

.nav .menu-type .left-card img, .nav .menu-type .right-card img {
	display: block;
	margin: auto;
	margin-top: 12%;
	height: 52%;
	width: auto;
}

.nav .menu-type .left-card span, .nav .menu-type .right-card span {
	display: block;
	padding-top: 7%;
}

.site-portal .nav .menu-type .left-card {
	background: #3b578c;
}

@media only screen and (orientation: landscape) {
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -14px -12px 23px -9px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -14px -12px 23px -9px rgba(0,0,0,0.49);
		box-shadow: inset -14px -12px 23px -9px rgba(0,0,0,0.49);
		width: 51%;
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 14px -12px 23px -9px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 14px -12px 23px -9px rgba(0,0,0,0.49);
		box-shadow: inset 14px -12px 23px -9px rgba(0,0,0,0.49);
		width: 51%;
		z-index: 99995;
	}
}

.site-region .nav .menu-type .right-card {
	background: #23803b;
}

.site-region .nav a#region, .site-portal .nav a#portal {
	color: #fff;
	text-decoration: none;
}

.site-region .nav {
	background: #23803b;
}

.site-portal .nav {
	background: #3b578c;
}

.nav ul {
	clear: both;
	position: absolute;
	top: 16.7%;
	left: 0;
	list-style: none;
	display: none;
	text-align: left;
	font-size: 105%;
	padding: 0;
	width: 100%;
}

.nav ul.nav-show {
	display: inline-block;
}

.nav ul li {
	display: block;
	width: 100%;
}

.nav ul li a {
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
	padding: 7.3% 0;
	width: 100%;
}

.site-region .nav ul li a:hover, .site-region .nav ul li a.nav-active {
	background-color: #2b9c48;	
}

.site-portal .nav ul li a:hover, .site-portal .nav ul li a.nav-active {
	background-color: #4a6db1;	
}

.nav ul li a img {
	position: relative;
	display: block;
	width: 13%;
	height: auto;
	margin: auto;
	padding: 0;
}

.nav ul li a span {
	display: block;
	padding-top: 2%;
}

.footer {
	position: absolute;
	bottom: 3.5%;
	left: 0;
	right: 0;
	width: 100%;
	display: inline-block;
	text-align: center;
	z-index: 99999;
}

.footer a {
	color: #fff;
	text-decoration: none;
}

.footer a:hover {
	color: #f2bf04;
}

.footer span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 9%;
}

.footer img {
	vertical-align: middle;
	width: 17%;
	height: auto;
}

.copyrights {
	position: absolute;
	bottom: 0.7%;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	text-align: center;
	font-family: LuzSansBook, Times New Roman, sans-serif;
	font-size: 58%;
	color: white;
	opacity: 0.8;
}

.copyrights .landscape {
	display: block;
}

.copyrights .portrait {
	display: none;
}

.content {
	display: block;
	position: absolute;
	top: 0;
	left: 14.5%;
	width: 85.5%;
}

.content-full {
	position: absolute;
	right: 0;
	top: 0;
	width: 85.5%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 99999;
}

.portal-box {
	display: block;
	width: 72%;
	margin: 0 auto;
	margin-top: 8%;
}

.portal-title {
	display: inline-block;
	padding: 2%;
	padding-top: 1.6%;
	padding-bottom: 1.6%;
	color: #fff;
	font-size: 200%;
	font-family: WebServeroff, LuzSansBook, sans-serif;
}

.portal-content {
	display: block;
	margin-top: 2%;
	padding: 2%;
	color: #333;
	font-size: 115%;
	font-family: LuzSansBook, WebServeroff, sans-serif;
	background: rgba(235, 235, 235, 0.93);
}

.site-region .portal-title, .site-region .article-title, .site-region .article-image-title {
	background-color: rgba(35, 128, 59, 0.9);
}

.site-portal .portal-title, .site-portal .article-title, .site-portal .article-image-title {
	background-color: rgba(59, 87, 140, 0.9);
}

.news-content {
	display: block;
	margin-top: 3.5%;
	margin-bottom: 5.5%;
	padding: 0;
	color: #333;
	font-size: 115%;
	z-index: 99999;
	font-family: LuzSansBook, WebServeroff, sans-serif;
}

.news-content:last-child {
	margin-bottom: 9%;
}

.article {
	display: block;
	margin-top: 4%;
}

.date {
	display: inline-block;
	margin: 0;
	padding: 1.7%;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	background: rgba(235,235,235,0.92);
	font-family: LuzSansBook, WebServerOff, sans-serif;
	font-size: 85%;
}

.article-title {
	display: block;
	color: #fff;
	padding: 1.7%;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	margin: 0;
	margin-top: 0.8%;
	padding-left: 2%;
	font-family: LuzSansBook, WebServeroff, sans-serif;
	font-size: 115%;
}

.article-content {
	display: block;
	color: #333;
	padding: 2.8%;
	margin: 0;
	margin-top: 0;
	font-family: LuzSansBook, WebServeroff, sans-serif;
	font-size: 95%;
	background: rgba(235, 235, 235, 0.92);
	text-align: justify;
}

.article-image {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.article-image img {
	display: block;
	width: 100%;
	height: auto;
}

.article-image-date {
	position: absolute;
	top: 30%;
	left: 15%;
	display: block;
	padding: 2%;
	background: rgba(235, 235, 235, 0.92);
}

.article-image-title {
	position: absolute;
	top: 50%;
	left: 15%;
	display: block;
	padding: 2%;
}

#ajax {
	display: none;
}

/* ### HOMEPAGE LOGOS ### */

.main-logo {
	position: absolute;
	top: 37%;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 100%;
	height: auto;
	color: #fff;
	font-size: 600%;
	z-index: 99999;
	text-align: center;
	text-shadow: 2px 2px 4px #000;
}

.logos {
	position: absolute;
	bottom: 9%;
	left: 35%;
	display: block;
	width: 30%;
	height: auto;
	z-index: 99999;
}

/* ### Homepage logos END ### */

/* #### REGION - HOME SLIDER  #### */

.slider {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 85.5%;
	height: 100%;
	background-color: #dfdfdf;
	margin: 0;
	padding: 0;
}

.pattern {
	display: block;
	background: transparent url(../bundles/klosite/images/slider/pattern.png) repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 99999;
}

.monument-slider .pattern {
	display: none;
}

.dots {
	position: absolute;
	top: 2%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0;
	z-index: 999999;
	text-align: center;
	display: none;
}

.dot {
	z-index: 999999;
	cursor: pointer;
}

.content-full .dots {
	display: block;
}

.dotstyle ul {
	display: inline-block;
	list-style: none;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: rgba(55,55,55,0.45);
	padding: 0.75%;
	z-index: 999999;
}

.dotstyle li {
	position: relative;
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	cursor: pointer;
}

.dotstyle-stroke li {
	margin: 0 8px;
}

.dotstyle li a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.3);
	text-indent: -999em; /* make the text accessible to screen readers */
	cursor: pointer;
	position: absolute;
}

.dotstyle li a:focus {
	outline: none;
}

.dotstyle-stroke li a {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
	-webkit-transition: box-shadow 0.3s ease, background-color 0.3s ease;
	transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.dotstyle-stroke li a:hover,
.dotstyle-stroke li a:focus {
	background-color: white;
}

.dotstyle-stroke li.dot-active a {
	background-color: rgba(245, 206, 59, 0.9);
	box-shadow: 0 0 0 2px white;
}

.region-slider .overlay-title, .region-slider .overlay-description {
	display: block;
	padding: 4%;
	color: #fff;
	display: none;
	z-index: 99999;
	font-family: LuzSansBook, Times New Roman, sans-serif;		
}

.region-slider .overlay-title {
	color: #222;
	font-family: WebServeroff;
}

.site-region .region-slider .overlay-description {
	background-color: rgba(35, 128, 59, 0.9);
}

.site-portal .region-slider .overlay-description {
	background-color: rgba(59, 87, 140, 0.9);
}

.region-slider .overlay-main {
	position: absolute;
	display: block;
	bottom: 13%;
	right: 5%;
	width: 50%;
}

.region-slider .overlay-title-content .overlay-title {
	background-color: rgba(235, 235, 235, 0.9);
	display: inline-block;
	padding: 2.8%;
	padding-top: 2.4%;
	padding-bottom: 2.4%;
}

.region-slider .overlay-title-content {
	display: none;
	font-size: 220%;
	margin-bottom: 4%;
	text-align: right;
}

.region-slider .overlay-description {
	font-size: 120%;
	text-align: justify
}

.slider-data  {
	display: none;
}

/* #### Region - Home slider END #### */ 

/* ### MONUMENTS **/

.content-full .dots {
	position: fixed;
	top: 2%;
	left: 15%;
	right: 33%;
	z-index: 99999999;
}

.monuments {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	margin-top: 6%;
	margin-bottom: 4%;
	width: 65%;
	z-index: 99999;
	background: #fff;
}

.monument-shadow {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: inset 0px 0px 35px 10px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 0px 0px 35px 10px rgba(0,0,0,0.6);
	box-shadow: inset 0px 0px 35px 10px rgba(0,0,0,0.6);
}

.monument-name {
	position: absolute;
	right: 5%;
	bottom: 18%;
	padding: 1.8%;
	padding-top: 1.4%;
	padding-bottom: 1.4%;
	color: #fff;
	font-size: 120%;
}

.monument-location {
	position: absolute;
	right: 5%;
	bottom: 38%;
	padding: 1%;
	padding-top: 0.7%;
	padding-bottom: 0.7%;
	background-color: rgba(235, 235, 235, 0.9);
	color: #222;
	font-size: 110%;
	display: none;
}

.site-region .monuments .monument-box .monument-name {
	background-color: rgba(35, 128, 59, 0.9);
}

.site-portal .monuments .monument-box .monument-name {
	background-color: rgba(59, 87, 140, 0.9);
}

.monument-box {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	margin-bottom: 0;
}

.monument-box img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;  
	opacity: 0.95;
}

.monument-box:hover .monument-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}

.monuments .monument-box:hover .monument-name {
	background-color: rgba(255, 206, 59, 0.9);
	color: #333;
}

.monument-box:hover img {
	-webkit-filter: brightness(118%);  
}

.monument-box:hover .monument-location {
	display:block;
}

.bg-slider, .bg-color-slider, .monument-slider {
	position: fixed;
}

/* ### Monuments END ### */

/* ### MONUMENT SHOW ### */

.monument-main {
	position: fixed;
	top: 0;
	left: 14.5%;
	display: block;
	width: 85.5%;
	height: 100%;
	background-position: center;
	background-size: 100% 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

.monument-show-box {
	position: absolute;
	top: 0;
	right: 0;
	width: 33%;
	display: block;
	margin-left: auto;
	margin-right: 5%;
	margin-top: 5%;
	margin-bottom: 5%;
	text-align: right;
}

.monument-show-location {
	display: inline-block;
	margin: 0;
	font-size: 200%;
	font-family: WebServeroff;
}

.monument-show-name {
	color: #fff;
	font-family: WebServeroff;
	display: inline-block;
	margin: 0;
	margin-top: 4%;
	font-size: 220%;
}

.monument-info {
	display: inline-block;
	color: #222;
	font-family: LuzSansBook;
	padding: 1.5%;
	padding-left: 3.5%;
	padding-right: 3.5%;
	margin: 0;
	margin-top: 2%;
	font-size: 100%;
	background: rgba(254, 206, 59, 0.9);
}

.site-region .monument-show-name {
	background: rgba(35, 128, 59, 0.9);
}

.site-portal .monument-show-name {
	background-color: rgba(59, 87, 140, 0.9);
}

.monument-show-box > .monument-show-box > .monument-gallery, .monument-show-box div > div {
	padding: 3%;
	padding-top: 2%;
	padding-bottom: 2%;
}

.monument-holder {
	display: block;
	text-align: right;
	padding: 0;
	margin: 0;
	border: 0;
}

.monument-description {
	margin-top: 2%;
	text-align: justify;
	padding: 5.9%;
	font-size: 110%;
	line-height: 160%;
}

.monument-gallery {
	position: relative;
	display: block;
	width: 100%;
	text-align: justify;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 7%;
	z-index: 9999999;
}

.monument-gallery a {
	float: left;
	width: 50%;
	z-index: 9999999;
}

.monument {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	background-position: center;
	background-size: 100% 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
	-webkit-box-shadow: inset 0px 0px 25px 10px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 0px 0px 25px 10px rgba(0,0,0,0.6);
	box-shadow: inset 0px 0px 25px 10px rgba(0,0,0,0.6);
	cursor: pointer;
}

.monument:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-filter: brightness(109%); 
	-moz-filter: brightness(109%);
	-o-filter: brightness(109%);
	-ms-filter: brightness(109%);
	filter: brightness(109%);
}

.monument-description, .monument-show-location {
	background: rgba(235, 235, 235, 0.93);
	color: #333;
}

.monument-interactive {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	margin-bottom: 4%;
	color: #fff;
	cursor: pointer;
}

/* ### Monument show END ### */

/* ### GALLERY BOX Region Site ### */

.gallery-box {
	background-color: rgba(245, 206, 59, 0.95); 
}

.gallery-frame {
	
}

.gallery {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
	margin-top: 5%;
}

.walk {
	position: absolute;
	top: 52%;
	left: 0;
	right: 0;
	width: 50%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	margin-top: 5%;
}

.walk-space {
	display: block;
	margin-top: 8%;
}

.walk .gallery-title {
	bottom: 8%;
}

.walk-holder {
	text-align: justify;	
}

.gallery a {
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 50.0%;
	height: auto;
	paddding: 0;
	margin: 0;
	cursor: pointer;
}

.walk a {
	width: 40%;
}

.gallery a.left-link {
	left: 0;
	z-index: 93000;
	text-align: left;
}

.gallery a.right-link {
	right: 0;
	z-index: 51000;
	text-align: right;
}

.walk a.left-link {
	left: 5%;
}

.walk a.right-link {
	right: 5%;
}

.gallery a .gallery-box {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	top: 0;
	margin: 0;
	padding: 0;
}

.gallery a .gallery-box .monument-shadow {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	z-index: 88888;
}

.content-full .gallery a .left-box .monument-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.gallery a .gallery-box:hover .gallery-img img {
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
}

.gallery a .gallery-box .gallery-img img {
	filter: brightness(92%);
	-webkit-filter: brightness(92%);
	-moz-filter: brightness(92%);
	-o-filter: brightness(92%);
	-ms-filter: brightness(92%);
}

.content-full .gallery a:hover .gallery-box .gallery-overlay {
	background-color: transparent;
}

.content-full .gallery a:hover .left-box .monument-shadow, .content-full a:hover .right-box .monument-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.content-full .gallery a:hover .left-box .gallery-title, .content-full .gallery a:hover .right-box .gallery-title, .content-full .gallery a:hover .walk-box .gallery-title {
	background-color: rgba(255, 206, 59, 0.9);
	color: #eee;
}

.gallery-title {
	position: absolute;
	bottom: 7%;
	padding: 1.5%;
	padding-left: 3%;
	padding-right: 3%;
	font-family: WebServeroff, sans-serif;
	display: inline-block;
	font-size: 240%;
	background: rgba(235, 235, 235, 0.9);
	color: #222;
	z-index: 77777;
}

.right-link .gallery-title, .walk-box .gallery-title {
	right: 6%;
}

.left-link .gallery-title {
	left: 6%;
}

.right-link .gallery-table {
	position: relative;
	display: table;
	width: 100%;
}

.row {
	position: relative;
	display: table-row;
	width: 100%;
}

.cell {
	position: relative;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.gallery a .gallery-box .gallery-img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.gallery a .gallery-box .gallery-img img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 9999;
	background-color: transparent;
}

.gallery a .gallery-box .pattern {
	display: block;
	background: transparent url(../bundles/klosite/images/slider/pattern.png) repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 77777;
}

/* ### Gallery box Region Site END ### */

/* ### REGULAR GALLERY ### */

.gallery-info {
	display: block;
	width: 75%;
	margin: 0 auto;
	padding: 0;
	z-index: 99999;
	margin-top: 6.7%;
}

.regular-gallery {
	display: block;
	width: 75%;
	margin: 0 auto;
	padding: 0;
	z-index: 99999;
	margin-top: 1.5%;
}

.space-adjust {
	display: inline-block;
	width: 100%;
	height: 12%;
	margin: 0 auto;
	padding: 0;
}

.m-space-adjust {
	display: inline-block;
	width: 100%;
	height: 125%;
	margin: 0 auto;
	padding: 0;
}

.image-box {
	display: block;
	float: left;	
	cursor: pointer;
}

.image-box-small {
	position: relative;
	margin: 0;
	padding: 0;
}

.image-box-small a, .image-box-big a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 99999;
}

.image-box-big {
	position: relative;
	height: auto;
	margin: 0;
	padding: 0;
}

.image-shadow {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: inset 0px 0px 35px 10px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 0px 0px 35px 10px rgba(0,0,0,0.6);
	box-shadow: inset 0px 0px 35px 10px rgba(0,0,0,0.6);
	z-index: 99999;
}

.image-title {
	position: absolute;
	bottom: 12%;
	right: 6%;
	margin: 0;
	padding: 3.5%;
	padding-top: 2%;
	padding-bottom: 2%;
	font-size: 110%;
	text-align: center;
	background-color: rgba(245, 206, 59, 0.96);
	color: #333;
	z-index: 99999;
	display: none;
}

.image-box:hover .image-title {
	display: block;
}

.image-box-big .image-title {
	bottom: 10%;
}

.image-box-small .image-shadow {
	-webkit-box-shadow: inset 0px 0px 25px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 25px 7px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 25px 7px rgba(0,0,0,0.5);	
}

.image-box img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	-webkit-filter: brightness(90%); 
	-moz-filter: brightness(90%);
	-o-filter: brightness(90%);
	-ms-filter: brightness(90%);
	filter: brightness(90%);
}

.image-collection {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

.image-box:hover .image-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.image-box:hover img {
	-webkit-filter: brightness(110%); 
	-moz-filter: brightness(110%);
	-o-filter: brightness(110%);
	-ms-filter: brightness(110%);
	filter: brightness(110%);
}

/* ### Regular gallery END ### */

/* ### INTERACTIVE GALLERY ### */

.gallery-holder {
	display: inline-block;
	padding: 1.1%;
	padding-left: 2%;
	padding-right: 2%;
	font-size: 95%;
	background: rgba(254, 206, 59, 0.9);
	color: #222;
}

.gallery-info-interactive {
	position: relative;
	display: block;
	width: 65%;
	margin: 0 auto;
	padding: 0;
	z-index: 99999;
	margin-top: 6.7%;
}

.interactive-gallery {
	position: relative;
	display: block;
	width: 65%;
	margin: 0 auto;
	padding: 0;
	z-index: 99999;
	margin-top: 1.5%;
	background: #000;
}

.ibox {
	position: relative;
	display: inline-block;
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background-position: center;
	background-size: 100% 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

.ibox-quarter {
	width: 25%;
}

.ibox img {
	width: 100%;
	height: 0px;
	padding: 0;
	margin: 0;
}

.image-default {
	display: block;
}

.preload {
	display: inline-block;
	width: 1px;
	height: 1px;
	z-index: -999999;	
}

.ibox:hover .image-default {
	display: none;
}


/* ### Interactive gallery END ### */

/* ### MAPS ### */

.maps-box {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.maps-box .maps-info {
	position: relative;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 0.85%;
	font-family: LuzSansBook, WebServeroff, sans-serif;
	font-size: 100%;
	color: #333;
}

.maps-box .maps-info .mp-holder {
	display: inline-block;
	padding: 4%;
	padding-top: 0.65%;
	padding-bottom: 0.65%;
	background: rgba(235, 235, 235, 0.9);
}

.maps-box .maps-nav {
	position: relative;
	display: block;
	width: 80%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	margin-top: 0.5%;
}

.maps-box .trails-nav {
	width: 100%;
}

.maps-box .map-content {
	position: relative;
	top: 10%;
	left: 0;
	right: 0;
	width: 78%;
	margin: 0 auto;
	padding: 0;
	display: none;
	margin-top: 9.4%;
}

.maps-nav .dotstyle-tooltip li {
	margin-left: 6.2%;
	margin-right: 6.2%;
}

.maps-box .show {
	display: block;
}

.map-title {
	display: inline-block;
	margin: 0 auto;
	font-family: WebServeroff;
	font-size: 220%;
	padding: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
	color: #fff;
	margin-top:  2%;
	margin-bottom: 1.5%;
}

.map-base {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.map-base img.map-main {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.map-base .marker {
	position: absolute;
	display: block;	
	padding: 0;
	margin: 0;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	cursor: pointer;
}

.map-base .marker:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	filter: none;
	opacity: 1;
}

.map-base .marker img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.site-region .map-title {
	background-color: rgba(35, 128, 59, 0.9);
}

.site-portal .map-title {
	background-color: rgba(59, 87, 140, 0.9);
}


.map-description {
	display: block;
	margin: 0 auto;
	padding: 2.5% 3%;
	text-align: justify;
	line-height: 160%;
	margin-top: 1%;
	margin-bottom: 6.5%;
	font-size: 115%;
	background-color: rgba(235, 235, 235, 0.92);	
}

.map-description-duplex {
	display: block;
	margin: 0 auto;
	padding: 2.5% 3%;
	text-align: justify;
	line-height: 160%;
	margin-top: 1%;
	margin-bottom: 6.5%;
	font-size: 115%;
	background-color: rgba(235, 235, 235, 0.92);	
}

.map-description-right-content {
	display: none;
}

.map-description-title {
	display: inline-block;
	padding: 1.2%;
	padding-top: 0.8%;
	padding-bottom: 0.8%;
	margin: 0;
	margin-top: 0.5%;
	margin-bottom: 0.2%;
	margin-right: 1%;
	font-size: 105%;
	background: rgba(235, 235, 235, 0.9);
	cursor: pointer;
}

.map-description-title:hover {
	background: rgba(254, 206, 59, 0.9);
}

.map-description-current {
	background: rgba(254, 206, 59, 0.9);
}

.bo {
	font-weight: 900 !important;
}

.map-sign {
	display: inline-block;
	height: 25px;
	width: auto;
	margin: 0;
	padding: 0;
}

.maps-nav .map-signs li {
	margin-left: 4.3%;
	margin-right: 4.3%;
}

.map-sign-border-white {
	border: 1px solid #ddd;
}

.map-info-holder {
	display: block;
	margin: 0 auto;
}

.map-info {
	display: inline-block;
	margin: 0 auto;
	padding: 1% 1.5%;
	color: #000;
	margin-bottom: 0.3%;
	background-color: rgba(245, 206, 59, 0.9);
}

.map-signs li {
	width: 45px;
	height: 38px;
	background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #222;
}

.first-letter {
	float: left;
	font-size: 250%;
	line-height: 105%;
	padding: 0;
	margin: 0;
	padding-right: 6px;
}

/* Tooltip */

.dotstyle-tooltip ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	right: 0;
	display: block;
	margin: 0 auto;
	z-index: 9999999;
	background: transparent;
	text-align: center;
}

.dotstyle-tooltip li {
	display: inline-block;
	position: relative;
	float: none;
	margin-left: 8.2%;
	margin-right: 8.2%;
	border: 2px solid #fff;
	border-radius: 50%;
	z-index: 99999;
	-webkit-transition: border-color 0.5s ease;
	transition: border-color 0.5s ease;
}

.dotstyle-tooltip li a {
	top: 280%;
	bottom: auto;
	left: 50%;
	visibility: hidden;
	padding: 0 7px;
	width: 200px;
	font-size: 140%;
	height: auto;
	border-radius: 0;
	font-family: WebServeroff, LuzSansBook, sans-serif;
	background-color: #c44d48;
	color: #333;
	text-indent: 0;
	line-height: 2;
	opacity: 0;
	z-index: 9999999;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease, visibility 0s 0.5s ease;
	transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s 0.5s ease;
	background-color: rgba(235, 235, 235, 0.9);
}

.dotstyle-tooltip li a::before { /* http: //cssarrowplease.com/ */
	position: absolute;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	border-color: transparent;
	border-bottom-color: rgba(235, 235, 235, 0.9);
	content: '';
	pointer-events: none;
	top: -20px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.dotstyle-tooltip li:hover a,
.dotstyle-tooltip li.current a {
	z-index: 999999;
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(0%);
	transform: translateX(-50%) translateY(0%);
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
	transition: transform 0.5s ease, opacity 0.5s ease;
}

.dotstyle-tooltip li.current , .dotstyle-tooltip li.current a {
	background-color: rgba(245, 206, 59, 0.9);
}

.dotstyle-tooltip li:hover {
	z-index: 999999;
}

.dotstyle-tooltip ul:hover li.current a {
	opacity: 0.2;
}

.dotstyle-tooltip ul li.current:hover a {
	opacity: 1;
}

.map-signs li a {
	top: 165%;
}

.map-signs li {
	border: 1px solid #333;
	border-radius: 0;
}

/* ### Maps END ### */

/* ### CONTACT ### */

.contact-box {
	display: block;
	width: 65%;
	padding: 2%;
	margin: 0 auto;
	margin-top: 9%;
}

.contact-title {
	display: inline-block;
	padding: 1.7%;
	padding-top: 1.1%;
	padding-bottom: 1.1%;
	background: blue;
	font-family: WebServeroff, sans-serif;
	font-size: 180%;
	margin-bottom: 2%;
	color: #fff;
}

.site-region .contact-title {
	background: rgba(35, 128, 59, 0.9);
	color: #fff;
}

.site-portal .contact-title {
	background-color: rgba(59, 87, 140, 0.9);
	color: #fff;
}

.contact-description {
	display: block;
	padding: 2%;
	font-family: LuzSansBook, sans-serif;
	font-size: 120%;
	margin-bottom: 2%;
	background-color: rgba(235, 235, 235, 0.9);
	color: #333;
}

.contact-author {
	display: inline-block;
	width: 21%;
	background: none;
	font-size: 105%;
	margin-right: 2.5%;
}

.contact-authors {
	display: block;
	padding: 0;
	font-family: LuzSansBook, sans-serif;
	font-size: 120%;
	margin-bottom: 2%;
	color: #333;
}

.contact-author a {
	display: block;
	padding: 5%;
	padding-left: 10%;
	text-decoration: none;
	color: #333;
	background-color: rgba(235, 235, 235, 0.9);
}

.contact-author a:hover {
	background-color: rgba(245, 206, 59, 0.9);
	color: #222;
}

a.contact-active {
	color: #f2bf04;
}

/* ### Content END ### */

/* ### TIPTIP ### */

.maptip-content {
	display: block;
	height: 100%;
	padding: 1.35%;
	margin: 0;
}

.itip-content {
	display: block;
	height: 100%;
	padding: 2%;
	margin: 0;
}

.maptip-content .itip-title {
	display: inline-block;
	padding: 2%;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	font-size: 100%;
	color: #fff;
	border: 1px solid #000;
}

.itip-content .itip-title {
	display: inline-block;
	padding: 2%;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	font-size: 100%;
	color: #fff;
}

.site-region .itip-content .itip-title {
	background-color: rgba(35, 128, 59, 0.95);
}

.site-portal .itip-content .itip-title{
	background-color: rgba(59, 87, 140, 0.95);
}

.maptip-content .itip-title {
	background-color: rgba(254, 206, 59, 0.95);
	color: #000;
}

.maptip-content .itip-description {
	display: block;
	margin-top: 1.5%;
	font-size: 68%;
	font-family: LuzSansBook, WebServeroff, sans-serif;
	text-align: justify;
}

.itip-content .itip-description {
	display: block;
	margin-top: 2%;
	font-size: 73%;
	font-family: LuzSansBook, WebServeroff, sans-serif;
	text-align: justify;
}

.site-region #tiptip_content {
	background-color: rgba(35, 128, 59, 0.95);
}

.site-portal #tiptip_content {
	background-color: rgba(59, 87, 140, 0.95);
}

.itip #tiptip_content {
	background-color: rgba(235,235,235, 0.85);
	color: #000;
}

.tipMap, .itip {
	width: 30%;
}

@media screen and (orientation:landscape) and (max-width: 1280px) {
	.tipMap, .itip {
		width: 45%;
	}
}

@media screen and (orientation:portrait) {
	.tipMap {
		width: 60%;
	}
	.itip {
		width: 85%;
	}
}

.tipMap #tiptip_content {
	background-color: rgba(235,235,235,0.92);
	color: #000;
}

#tiptip_holder.tipMain {
	z-index: -999999;
}

.navigation {
	display: none;
}

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 0px;
	margin-bottom: 0.75%;
}

#tiptip_holder.tip_bottom {
	padding-top: 0px;
	margin-top: 0.75%;
}

#tiptip_holder.tip_right {
	padding-left: 0px;
	margin-left: 0.4%;
}

#tiptip_holder.tip_left {
	padding-right: 0px;
	margin-right: 0.4%;
}

#tiptip_content {
	color: #fff;
	font-size: 140%;
	padding: 4px 8px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	font-family: WebServeroff;
	line-height: 108%;
}
#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(235,235,235,0.85);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(235,235,235,0.85);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(235,235,235,0.85);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(235,235,235,0.85);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgba(235,235,235);
	border-top-color: rgba(235,235,235,0.85);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgba(235,235,235);
	border-bottom-color: rgba(235,235,235,0.85);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgba(235,235,235);
	border-right-color: rgba(235,235,235,0.85);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgba(235,235,235);
	border-left-color: rgba(235,235,235,0.85);
}

@media only screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(235,235, 235, 0.85);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(235,235, 235, 0.85);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(235,235, 235, 0.85);
	}
}

@media only screen and (min-width: 200px) and (max-width: 1200px) {
	#tiptip_holder {
		font-size: 120%;
	}
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	#tiptip_holder {
		font-size: 110%;
	}
}

.gallery-space {
	display: none;
}

.igal-land {
	display: block;
}
	
.igal-portrait {
	display: none;
}

.gallery-container {
	position: absolute;
	top: 5%;
	left: 25%;
	right: 25%;
	width: 50%;
}

/* ### Tiptip END ### */

.det-monument-gallery {
	margin-top: 3.5%;
}

.det-monument-gallery a {
	float: left;
	width: 20%;
	z-index: 9999999;
}

.det-monument-show-box {
	position: absolute;
	top: 0;
	right: 7.5%;
	width: 75%;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 5%;
	margin-bottom: 5%;
	text-align: left;
}

.accomodation-holder {
	display: block;
}

.accomodation-info {
	display: inline-block;
	color: #222;
	font-family: LuzSansBook;
	padding: 1%;
	padding-left: 2%;
	padding-right: 2%;
	margin: 0;
	margin-top: 2%;
	font-size: 100%;
	background: rgba(254, 206, 59, 0.9);
}

.accomodation-content {
	display: block;
	margin-bottom: 10%;
}

.group-title {
	display: inline-block;
	padding: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
	color: #fff;
	font-size: 150%;
	margin-top: 2%;
	font-family: WebServeroff, LuzSansBook, sans-serif;
}

.site-region .group-title {
	background-color: rgba(35, 128, 59, 0.9);
}

.site-portal .group-title {
	background-color: rgba(59, 87, 140, 0.9);
}

.acc-box {
	display: block;
	margin-top: 1%;
	margin-bottom: 2%;
}

.acc-box-last {
	margin-bottom: 0.8%;
}

.acc-name {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 1%;
	font-size: 110%;
}

.acc-table {
	display: table;
	width: 100%;
}

.acc-row {
	display: table-row;
	width: 100%;
}

.acc-cell {
	display: table-cell;
	width: 15%;
	padding-top: 0.2%;
	padding-bottom: 0.2%;
}

.acc-cell-right {
	width: 85%;
}

.acc-cell a {
	color: #333;
}

.acc-cell a:hover {
	border-bottom: 1px solid #000;
}

.det-monument-holder {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
}

.det-monument-description {
	margin-top: 2%;
	text-align: justify;
	padding: 3%;
	font-size: 110%;
	line-height: 160%;
	background: rgba(235, 235, 235, 0.93);
	color: #333;
}

.det-monument-show-location {
	padding: 0.65% 1.3%;
}

.det-monument-show-name {
	margin-top: 2%;
	padding: 0.65% 1.3%;
	font-size: 240%;
}

.counter-holder {
	display: block;
}

.counter {
	display: inline-block;
	color: #222;
	font-family: LuzSansBook;
	padding: 1%;
	padding-left: 2%;
	padding-right: 2%;
	margin: 0;
	margin-bottom: 2%;
	font-size: 130%;
	background: rgba(254, 206, 59, 0.9);
}

.trail-green {
	color: #24a90a;
}

.trail-blue {
	color: #0514d5;
}

.trail-yellow {
	color: #f49c10;
}

.trail-red {
	color: #d60808;
}

.map-print-holder {
	display: block;
}

.map-print {
	display: inline-block;
	color: #222;
	font-family: LuzSansBook;
	padding: 1%;
	padding-left: 2%;
	padding-right: 2%;
	margin: 0;
	font-size: 130%;
	background: rgba(235, 235, 235, 0.9);
	cursor: pointer;	
}

.google-map-top {
	display: block;
	margin-bottom: 2%;
}

.google-map-holder {
	display: block;
	background: rgba(235, 235, 235, 0.9);
	padding: 2.5%;
	margin-bottom: 2%;
	width: 95%;
	z-index: 99999;
}

.gmap {
	width: 100%;
	z-index: 99999;
}

div.map-print:hover {
	color: #222;	
	background: rgba(254, 206, 59, 0.9);
}

.walk-info {
	margin-top: 4.7%;
	width: 80%;
}

#map3d {
	width: 100%;
}

.pano-holder {
	display: block;
	margin-top: 1.5%;
	margin-bottom: 1%;
}

.pano-title {
	display: inline-block;
	padding: 1.5%;
	color: #fff;
	font-size: 150%;
}

.site-region .pano-title {
	background-color: rgba(35, 128, 59, 0.9);
}

.site-portal .pano-title {
	background-color: rgba(59, 87, 140, 0.9);
}

.walk-box {
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 0;
	z-index: 99999;
	margin-top: 2.5%;
}

.walk-holder a {
	text-decoration: none;
	color: #000;
}

.walk-holder a:hover {
	text-decoration: underline;
}

.pano-window {
	width: 100%;
}

.pano-base {
	display: block;
	margin-top: 2%;
	margin-bottom: 4%;
}

@media only print {
	.map-base .marker {
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
		filter: none;
		opacity: 1;
	}
	.nav {
		display: none;
	}
	.nav-shadow {
		display: none;
	}
	.slider {
		display: none;
	}
	.content-full {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	.maps-info {
		position: absolute;
		left: 120%;
		display: none;
	}
	.maps-nav {
		display: none;
	}
	.dotstyle {
		display: none;
	}
	.maps-box .map-content {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		margin-top: 0;
	}
	.map-print-holder {
		display: none;
	}
	.map-title {
		color: #000;
	}
	.map-holder {
		display: none;
	}
	.itip #tiptip_content {
		background-color: rgba(25,235,235, 0.85);
		color: #444;
	}
	
	.tipMap #tiptip_content {
		background-color: rgba(25,235,235,0.92);
		color: #444;
	}
	.google-map-top {
		display: none;
	}
	.map-sign {
		border: 2px solid #000;
	}
}

@media screen and (orientation: portrait) {	
	.content-full .dots {
		position: absolute;
		top: 1%;
		left: 0;
		right: 0;
	}
	.maps-box .maps-info {
		margin-top: 2.5%;
	}
	.maps-box .maps-nav {
		margin-top: 3%;
	}
	.pano-title {
		font-size: 120%;
	}
	.walk-box {
		width: 90%;
		margin-top: 3%;
	}
	.det-monument-show-box {
		width: 90%;
		right: 0;
	}
	.monument-gallery a {
		width: 100%;
	}
	.det-monument-gallery a {
		width: 50%;
	}
	.dotstyle ul {
		padding: 1.8%;
	}
	.maps-box .map-content {
		width: 95%;
		margin-top: 27%;
	}	
	.region-slider .overlay-main {
		bottom: 5%;
		width: 85%;
	}
	.region-slider .overlay-title {
		font-size: 320%;
	}
	.region-slider .overlay-description {
		font-size: 420%;
	}
	.maps-box .general-maps {
		margin-top: 35%;
	}
	.maptip-content .itip-title, .itip-content .itip-title {
		font-size: 280%;
		line-height: 110%;
	}
	.maptip-content .itip-description, .itip-content .itip-description {
		font-size: 220%;
		line-height: 110%;
	}
	.lightbox {
		font-size: 500%;
	}
	.image-box:hover .image-title {
		display: none;
	}
	.space-adjust {
		height: 5%;
	}
	.walk {
		text-align: center;
		top: 37%;
		width: 60%;
		margin-top: 5%;
	}
	.walk a {
		width: 100%;
	}
	.walk a.left-link {
		position: static;
	}
	.walk a.right-link {
		position: static;
	}
	.gallery-container {
		top: 0;
		left: 5%;
		right: 5%;
		width: 90%;
	}	
	.igal-land {
		display: none;
	}
	.igal-portrait {
		display: block;
	}
	.gallery {
		margin-top: 10%;
	}
	.gallery-table {
		font-size: 70%;
	}
	.monument-location {
		bottom: 50%;
		right: 3%;
		font-size: 90%;
	}
	.monument-name {
		right: 3%;
		font-size: 85%;
	}
	.monuments {
		width: 93%;
	}
	.portal-content {
		font-size: 90%;
	}
	.accomodation-holder {
		font-size: 90%;
	}
	.accomodation-content {
		font-size: 90%;
	}
	.portal-box {
		width: 90%;
	}
	.contact-box {
		width: 90%;
		font-size: 80%;
	}
	.error-box {
		width: 90%;
	}
	.article-content {
		font-size: 84%;
	}
	.contact-author {
		width: 42%;
	}
	.contact-title {
		font-size: 200%;
	}
	.main-logo {
		top: 34%;
		font-size: 1000%;
	}
	.nav .menu-type-corrector
	{
		display: none;
	}
	.nav .menu-type {
		background: #f5ce3b;
	}
	.nav .menu-type .left-card, .nav .menu-type .right-card {
		position: relative;
		display: inline-block;
		width: 100%;
		height: auto;
		background: #f5ce3b;
	}
	.site-portal .nav .menu-type .left-card, .site-region .nav .menu-type .right-card {
		background: #f5ce3b;
	}
	.nav .menu-type .left-card span {
		display: none;
		}
	.nav .menu-type .right-card span {
		display: none;
	}
	.nav .menu-type .left-card img, .nav .menu-type .right-card img {
		margin: auto;
		margin-top: 15%;
		width: 55%;
		height: auto;
	}
	.nav .menu-type .left-card img {
		padding: 0;
		margin-top: 0;
	}
	.nav .menu-type .left-card {
		margin-top: 10%;
	}
	.nav .menu-type .right-card img {
		padding-bottom: 15%;
	}
	.nav .menu-type .left-card span, .nav .menu-type .right-card span {
		padding-top: 2%;
	}
	.nav ul {
		top: 18%;
	}
	.nav ul li {
		margin-top: 20%;
		margin-bottom: 20%;
	}
	.nav ul li a span {
		display: none;
	}
	.nav ul li a img {
		width: 50%;
	}
	.footer span {
		display: none;
	}
	.footer {
		bottom: 3.5%;
	}
	.footer img {
		width: 50%;
	}
	.copyrights .landscape {
		display: none;
	}
	.copyrights .portrait {
		display: block;
		font-size: 300%;
	}
	#tiptip_holder.tipMain {
		z-index: 999999;
	}	
	.logos {
		left: 15%;
		display: block;
		width: 70%;
		height: auto;
		z-index: 99999;
	}
	.content-full {
		font-size: 400%;
	}
	.monument-show-box {
		width: 54%;
		margin-left: auto;
		margin-right: 1%;
		margin-top: 20%;
		margin-bottom: 5%;
	}
	.interactive-gallery {
		width: 80%;
	}
	.gallery-info-interactive {
		width: 80%;
	}
	.walk-info {
		margin-top: 7%;
		width: 90%;
		font-size: 60%;
	}
}
@media screen and (max-width: 650px) and (orientation:portrait) {
	.det-monument-show-box {
		font-size: 90%;
	}
}
@media screen and (max-width: 400px) and (orientation:portrait) {
	.region-slider .overlay-title {
		font-size: 300%;
	}
}	
@media screen and (max-width: 300px) and (orientation:portrait) {
	.region-slider .overlay-title {
		font-size: 250%;
	}
	.region-slider .overlay-description {
		font-size: 370%;
	}
	.maps-box .map-content {
		margin-top: 30%;
	}
	.maps-box {
		font-size: 90%;
	}
	.maps-box .general-maps {
		margin-top: 38%;
	}
}
@media screen and (max-width: 250px) and (orientation:portrait) {
	.maps-box {
		font-size: 70%;
	}
	.maps-box .map-content {
		margin-top: 33%;
	}
	.maps-box .general-maps {
		margin-top: 42%;
	}
}
@media screen and (min-width: 600px) and (max-width: 800px) and (orientation:portrait) {
	.maps-box .general-maps {
		margin-top: 40%;
	}
}
@media screen and (max-width: 650px) and (orientation:portrait) {
	.monument-name {
		font-size: 95%;
	}
	.monument-location {
		font-size: 95%;
	}
}
@media screen and (max-width: 300px) and (orientation:portrait) {
	.monument-name {
		font-size: 80%;
	}
	.monument-location {
		font-size: 85%;
	}
	.gallery-table {
		font-size: 60%;
	}
	.error-text {
		font-size: 90%;	
	}
}
@media screen and (max-width: 300px) and (orientation:portrait) {
	.copyrights .portrait {
		font-size: 250%;
	}
}
@media screen and (min-width: 600px) and (max-width: 1300px) and (orientation:portrait) {
	.map-description-title {
		font-size: 90%;
	}
}
/* BASICS - MENU shadows & HTML font size */

/* 500% */
@media screen and (min-width: 200px) and (max-width: 400px) {
	html {
		font-size: 2.1pt;
	}
}

@media screen and (min-width: 200px) and (max-width: 400px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -13px -12px 5px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -13px -12px 5px -11px rgba(0,0,0,0.49);
		box-shadow: inset -13px -12px 5px -11px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 13px -12px 5px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 13px -12px 5px -11px rgba(0,0,0,0.49);
		box-shadow: inset 13px -12px 5px -11px rgba(0,0,0,0.49);
	}
}

/* 400% */
@media screen and (min-width: 401px) and (max-width: 500px) {
	html {
		font-size: 2.6pt;
	}
}

@media screen and (min-width: 401px) and (max-width: 500px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -13px -12px 6px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -13px -12px 6px -11px rgba(0,0,0,0.49);
		box-shadow: inset -13px -12px 6px -11px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 13px -12px 6px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 13px -12px 6px -11px rgba(0,0,0,0.49);
		box-shadow: inset 13px -12px 6px -11px rgba(0,0,0,0.49);
	}
}

/* 300% */
@media screen and (min-width: 501px) and (max-width: 650px) {
	html {
		font-size: 3.5pt;
	}
}

@media screen and (min-width: 501px) and (max-width: 650px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -13px -12px 8px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -13px -12px 8px -11px rgba(0,0,0,0.49);
		box-shadow: inset -13px -12px 8px -11px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 13px -14px 8px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 13px -12px 8px -11px rgba(0,0,0,0.49);
		box-shadow: inset 13px -12px 8px -11px rgba(0,0,0,0.49);
	}
}
	
/* 250% */
@media screen and (min-width: 651px) and (max-width: 800px) {
	html {
		font-size: 4.8pt;
	}
}

@media screen and (min-width: 651px) and (max-width: 800px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -13px -12px 12px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -13px -12px 12px -11px rgba(0,0,0,0.49);
		box-shadow: inset -13px -12px 12px -11px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 13px -12px 12px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 13px -12px 12px -11px rgba(0,0,0,0.49);
		box-shadow: inset 13px -12px 12px -11px rgba(0,0,0,0.49);
	}
}

/* 200% */
@media screen and (min-width: 801px) and (max-width: 1000px) {
	html {
		font-size: 6pt;
	}
}

@media screen and (min-width: 801px) and (max-width: 1000px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -13px -12px 16px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -13px -12px 16px -11px rgba(0,0,0,0.49);
		box-shadow: inset -13px -12px 16px -11px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 13px -12px 16px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 13px -12px 16px -11px rgba(0,0,0,0.49);
		box-shadow: inset 13px -12px 16px -11px rgba(0,0,0,0.49);
	}
}

/* 175% */
@media screen and (min-width: 1001px) and (max-width: 1200px) {
	html {
		font-size: 6.85pt;
	}
}

@media screen and (min-width: 1001px) and (max-width: 1200px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -13px -12px 19px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -13px -12px 19px -11px rgba(0,0,0,0.49);
		box-shadow: inset -13px -12px 19px -11px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 13px -12px 19px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 13px -12px 19px -11px rgba(0,0,0,0.49);
		box-shadow: inset 13px -12px 19px -11px rgba(0,0,0,0.49);
	}
}
	
/* 150% */
@media screen and (min-width: 1201px) and (max-width: 1400px) {
	html {
		font-size: 8.0pt;
	}
}

@media screen and (min-width: 1201px) and (max-width: 1400px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -14px -12px 20px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -14px -12px 20px -11px rgba(0,0,0,0.49);
		box-shadow: inset -14px -12px 20px -11px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 14px -12px 20px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 14px -12px 20px -11px rgba(0,0,0,0.49);
		box-shadow: inset 14px -12px 20px -11px rgba(0,0,0,0.49);
	}
}

@media screen and (max-width: 1400px) and (orientation:landscape) {
	.main-logo {
		text-shadow: 1px 1px 4px #000;
	}
}

/* 125% */
@media screen and (min-width: 1401px) and (max-width: 1600px) {
	html {
		font-size: 9.6pt;
	}
}

@media screen and (min-width: 1401px) and (max-width: 1600px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -14px -12px 23px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -14px -12px 23px -11px rgba(0,0,0,0.49);
		box-shadow: inset -14px -12px 23px -11px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 14px -12px 23px -11px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 14px -12px 23px -11px rgba(0,0,0,0.49);
		box-shadow: inset 14px -12px 23px -11px rgba(0,0,0,0.49);
	}
}

/* 110% */
@media screen and (min-width: 1601px) and (max-width: 1800px) {
	html {
		font-size: 10.9pt;
	}
}

@media screen and (min-width: 1601px) and (max-width: 1800px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -14px -12px 23px -10px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -14px -12px 23px -10px rgba(0,0,0,0.49);
		box-shadow: inset -14px -12px 23px -10px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 14px -12px 23px -10px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 14px -12px 23px -10px rgba(0,0,0,0.49);
		box-shadow: inset 14px -12px 23px -10px rgba(0,0,0,0.49);
	}
}

/* 100% */
@media screen and (min-width: 1801px) and (max-width: 2000px) {
	html {
		font-size: 12pt;
	}
}

@media screen and (min-width: 1801px) and (max-width: 2000px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -14px -12px 23px -9px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -14px -12px 23px -9px rgba(0,0,0,0.49);
		box-shadow: inset -14px -12px 23px -9px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 14px -12px 23px -9px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 14px -12px 23px -9px rgba(0,0,0,0.49);
		box-shadow: inset 14px -12px 23px -9px rgba(0,0,0,0.49);
	}
}

/* 90% */
@media screen and (min-width: 2001px) and (max-width: 2200px) {
	html {
		font-size: 13.3pt;
	}
}

@media screen and (min-width: 2001px) and (max-width: 2200px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -14px -12px 23px -9px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -14px -12px 23px -9px rgba(0,0,0,0.49);
		box-shadow: inset -14px -12px 23px -9px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 14px -12px 23px -9px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 14px -12px 23px -9px rgba(0,0,0,0.49);
		box-shadow: inset 14px -12px 23px -9px rgba(0,0,0,0.49);
	}
}

/* 75% */
@media screen and (min-width: 2201px) and (max-width: 2600px) {
	html {
		font-size: 16pt;
	}
}

@media screen and (min-width: 2201px) and (max-width: 2600px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -14px -12px 23px -8px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -14px -12px 23px -8px rgba(0,0,0,0.49);
		box-shadow: inset -14px -12px 23px -8px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 14px -12px 23px -8px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 14px -12px 23px -8px rgba(0,0,0,0.49);
		box-shadow: inset 14px -12px 23px -8px rgba(0,0,0,0.49);
	}
}

/* 67% */
@media screen and (min-width: 2601px) and (max-width: 3000px) {
	html {
		font-size: 18pt;
	}
}

@media screen and (min-width: 2601px) and (max-width: 3000px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -14px -12px 23px -8px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -14px -12px 23px -8px rgba(0,0,0,0.49);
		box-shadow: inset -14px -12px 23px -8px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 14px -12px 23px -8px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 14px -12px 23px -8px rgba(0,0,0,0.49);
		box-shadow: inset 14px -12px 23px -8px rgba(0,0,0,0.49);
	}
}

/* 50% */
@media screen and (min-width: 3001px) and (max-width: 5000px) {
	html {
		font-size: 24pt;
	}
}

@media screen and (min-width: 3001px) and (max-width: 5000px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -18px -16px 30px -8px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -18px -16px 30px -8px rgba(0,0,0,0.49);
		box-shadow: inset -18px -16px 30px -8px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 18px -16px 30px -8px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 18px -16px 30px -8px rgba(0,0,0,0.49);
		box-shadow: inset 18px -16px 30px -8px rgba(0,0,0,0.49);
	}
}
	
/* 33% */
@media screen and (min-width: 5001px) and (max-width: 7000px) {
	html {
		font-size: 36pt;
	}
}

@media screen and (min-width: 5001px) and (max-width: 7000px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -18px -20px 46px -8px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -18px -20px 46px -8px rgba(0,0,0,0.49);
		box-shadow: inset -18px -20px 46px -8px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 18px -20px 46px -8px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 18px -20px 46px -8px rgba(0,0,0,0.49);
		box-shadow: inset 18px -20px 46px -8px rgba(0,0,0,0.49);
	}
}

/* 25% */
@media screen and (min-width: 7001px) {
	html {
		font-size: 48pt;
	}
}

@media screen and (min-width: 7001px) and (orientation:landscape) {	
	.site-region .nav .menu-type .left-card {
		-webkit-box-shadow: inset -18px -20px 56px -8px rgba(0,0,0,0.49);
		-moz-box-shadow: inset -18px -20px 56px -8px rgba(0,0,0,0.49);
		box-shadow: inset -18px -20px 56px -8px rgba(0,0,0,0.49);
	}
	.site-portal .nav .menu-type .right-card {
		-webkit-box-shadow: inset 18px -20px 56px -8px rgba(0,0,0,0.49);
		-moz-box-shadow: inset 18px -20px 56px -8px rgba(0,0,0,0.49);
		box-shadow: inset 18px -20px 56px -8px rgba(0,0,0,0.49);
	}
}

@media screen and (min-width: 2000px) {
	.dotstyle li {
		width: 16px;
		height: 16px;
	}
	.map-signs li {
		width: 55px;
		height: 45px;
	}
}

@media screen and (min-width: 2200px) {
	.dotstyle li {
		width: 19px;
		height: 19px;
	}
}

@media screen and (min-width: 2600px) {
	.dotstyle li {
		width: 22px;
		height: 22px;
	}	
}

/* BASICS END */

/* REGULAR GALLERY shadows */

/* Do 125% */
@media screen and (max-width: 1600px) {
	.image-shadow {
		-webkit-box-shadow: inset 0px 0px 32px 10px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 32px 10px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 32px 10px rgba(0,0,0,0.6);
	}
	.image-box-small .image-shadow {
		-webkit-box-shadow: inset 0px 0px 20px 7px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0px 0px 20px 7px rgba(0,0,0,0.5);
		box-shadow: inset 0px 0px 20px 7px rgba(0,0,0,0.5);	
	}
	.monument {	
		-webkit-box-shadow: inset 0px 0px 20px 10px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 20px 10px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 20px 10px rgba(0,0,0,0.6);
	}
}

/* Do 150% */
@media screen and (max-width: 1400px) {
	.image-shadow {
		-webkit-box-shadow: inset 0px 0px 27px 8px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 27px 8px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 27px 8px rgba(0,0,0,0.6);
	}
	.image-box-small .image-shadow {
		-webkit-box-shadow: inset 0px 0px 16px 6px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0px 0px 16px 6px rgba(0,0,0,0.5);
		box-shadow: inset 0px 0px 16px 6px rgba(0,0,0,0.5);	
	}
	.monument {	
		-webkit-box-shadow: inset 0px 0px 16px 9px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 16px 9px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 16px 9px rgba(0,0,0,0.6);
	}
	.dotstyle-tooltip li a {
		width: 180px;
	}
	.walk-holder {
		font-size: 110%;
	}
}

@media screen and (max-width: 1400px) and (orientation: landscape) {
	.map-signs li {
		width: 40px;
		height: 33px;
	}
	.maps-nav .map-signs li {
		margin-left: 3.3%;
		margin-right: 3.3%;
	}	
	.maps-box {
		font-size: 120%;
	}
	.maps-box .map-content {
		width: 85%;
	}
	.map-print-holder {
		font-size: 100%;
	}
	.map-description-title {
		font-size: 100%;
	}
	.map-description-duplex {
		font-size: 100%;
	}
	.map-description {
		font-size: 100%;
	}
	.map-title {
		font-size: 220%;
	}
	.region-slider .overlay-main {
		font-size: 110%;
	}
	.region-slider .overlay-main {
		width: 54%;
	}
	.pano-title {
		font-size: 165%;
	}
	.gallery-info-interactive {
		font-size: 110%;
	}
	.gallery-info-interactive {
		width: 70%;
	}
	.interactive-gallery {
		width: 70%;
	}
	.walk-info {
		width: 80%;
	}
}

/* Do 175% */
@media screen and (max-width: 1200px) {
	.image-shadow {
		-webkit-box-shadow: inset 0px 0px 23px 7px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 23px 7px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 23px 7px rgba(0,0,0,0.6);
	}
	.image-box-small .image-shadow {
		-webkit-box-shadow: inset 0px 0px 13px 5px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0px 0px 13px 5px rgba(0,0,0,0.5);
		box-shadow: inset 0px 0px 13px 5px rgba(0,0,0,0.5);	
	}	
	.monument {	
		-webkit-box-shadow: inset 0px 0px 13px 8px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 13px 8px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 13px 8px rgba(0,0,0,0.6);
	}
	.dotstyle-tooltip li a {
		width: 160px;
	}
	.walk-holder {
		font-size: 110%;
	}
}


@media screen and (max-width: 1200px) and (orientation: landscape) {
	.maps-box .map-content {
		margin-top: 11%;
	}
	.pano-title {
		font-size: 165%;
	}
	.map-sign {
		height: 20px;
	}
}

/* Do 200% */
@media screen and (max-width: 1000px) {
	.image-shadow {
		-webkit-box-shadow: inset 0px 0px 20px 6px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 20px 6px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 20px 6px rgba(0,0,0,0.6);
	}
	.image-box-small .image-shadow {
		-webkit-box-shadow: inset 0px 0px 10px 4px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0px 0px 10px 4px rgba(0,0,0,0.5);
		box-shadow: inset 0px 0px 10px 4px rgba(0,0,0,0.5);	
	}
	.monument {	
		-webkit-box-shadow: inset 0px 0px 10px 7px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 10px 7px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 10px 7px rgba(0,0,0,0.6);
	}
	.dotstyle-tooltip li a {
		width: 150px;
	}
	.walk-holder {
		font-size: 120%;
	}
}

@media screen and (max-width: 1000px) and (orientation: landscape) {
	.pano-title {
		font-size: 180%;
	}
	.map-signs li {
		width: 35px;
		height: 28px;
	}
	.maps-nav .map-signs li {
		margin-left: 3.3%;
		margin-right: 3.3%;
	}
}

/* Do 250% */
@media screen and (max-width: 800px) {
	.image-shadow {
		-webkit-box-shadow: inset 0px 0px 15px 6px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 15px 6px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 15px 6px rgba(0,0,0,0.6);
	}
	.image-box-small .image-shadow {
		-webkit-box-shadow: inset 0px 0px 8px 3px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0px 0px 8px 3px rgba(0,0,0,0.5);
		box-shadow: inset 0px 0px 8px 3px rgba(0,0,0,0.5);	
	}
	.monument {	
		-webkit-box-shadow: inset 0px 0px 8px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 8px 5px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 8px 5px rgba(0,0,0,0.6);
	}
	.dotstyle-tooltip li a {
		width: 140px;
	}
}

@media screen and (max-width: 800px) and (orientation: landscape) {
	.maps-box .map-content {
		width: 90%;
	}
	.maps-box {
		font-size: 160%;
	}
	.maps-box .map-content {
		margin-top: 13%;
	}
	.map-print-holder {
		font-size: 90%;
	}
	.map-description-title {
		font-size: 90%;
	}
	.map-description-duplex {
		font-size: 90%;
	}
	.map-description {
		font-size: 90%;
	}
	.map-title {
		font-size: 200%;
	}
	.region-slider .overlay-main {
		font-size: 130%;
	}
	.region-slider .overlay-main {
		width: 62%;
	}
	.maptip-content .itip-title, .itip-content .itip-title {
		font-size: 120%;
	}
	.maptip-content .itip-description, .itip-content .itip-description {
		font-size: 78%;
	}	
	.maps-nav .map-signs li {
		margin-left: 2%;
		margin-right: 2%;
	}
	.gallery-info-interactive {
		font-size: 130%;
	}
}

/* Do 300% */
@media screen and (max-width: 650px) {
	.image-shadow {
		-webkit-box-shadow: inset 0px 0px 11px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 11px 5px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 11px 5px rgba(0,0,0,0.6);
	}
	.image-box-small .image-shadow {
		-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0px 0px 7px 2px rgba(0,0,0,0.5);
		box-shadow: inset 0px 0px 7px 2px rgba(0,0,0,0.5);	
	}
	.monument {	
		-webkit-box-shadow: inset 0px 0px 7px 4px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 7px 4px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 7px 4px rgba(0,0,0,0.6);
	}
	.dotstyle-tooltip li a {
		width: 120px;
	}
	.dotstyle-tooltip ul {
		width: 90%;
	}
	.walk-holder {
		font-size: 170%;
	}
}

@media screen and (max-width: 650px) and (orientation: landscape) {
	.maps-box .map-content {
		width: 95%;
	}
	.dotstyle li {
		margin: 0 6px;
		width: 11px;
		height: 11px;
	}
	.maps-box {
		font-size: 200%;
	}
	.region-slider .overlay-main {
		font-size: 150%;
	}
	.region-slider .overlay-main {
		width: 65%;
	}	
	.pano-title {
		font-size: 250%;
	}
	.maptip-content .itip-title, .itip-content .itip-title {
		font-size: 160%;
		line-height: 120%;
	}
	.maptip-content .itip-description, .itip-content .itip-description {
		font-size: 100%;
		line-height: 120%;
	}
	.map-signs li {
		width: 30px;
		height: 24px;
	}
	.maps-nav .map-signs li {
		margin-left: 2%;
		margin-right: 2%;
	}
	.gallery-info-interactive {
		font-size: 160%;
	}
}

/* Do 400% */
@media screen and (max-width: 500px) {
	.image-shadow {
		-webkit-box-shadow: inset 0px 0px 8px 4px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 8px 4px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 8px 4px rgba(0,0,0,0.6);
	}
	.image-box-small .image-shadow {
		-webkit-box-shadow: inset 0px 0px 6px 1px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0px 0px 6px 1px rgba(0,0,0,0.5);
		box-shadow: inset 0px 0px 6px 1px rgba(0,0,0,0.5);	
	}	
	.monument {	
		-webkit-box-shadow: inset 0px 0px 6px 2px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 6px 2px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 6px 2px rgba(0,0,0,0.6);
	}
	.dotstyle li {
		margin: 0 4px;
		width: 9px;
		height: 9px;
	}
	.dotstyle-tooltip li a {
		width: 90px;
	}	
}

@media screen and (max-width: 500px) and (orientation: landscape) {
	.dotstyle-tooltip li {
		border: 1px solid #fff;
	}
	.dotstyle-stroke li.dot-active a {
		box-shadow: 0 0 0 1px white;
	}
	.maps-box .map-content {
		margin-top: 15%;
	}
	.map-signs li {
		width: 25px;
		height: 20px;
		border: 1px solid #000;
	}
	.maps-nav .map-signs li {
		margin-left: 2%;
		margin-right: 2%;
	}
	.map-sign {
		height: 12px;
	}
}

/* Do 500% */
@media screen and (max-width: 400px) {
	.image-shadow {
		-webkit-box-shadow: inset 0px 0px 6px 3px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 6px 3px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 6px 3px rgba(0,0,0,0.6);
	}
	.image-box-small .image-shadow {
		-webkit-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.5);
		box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.5);	
	}
	.monument {	
		-webkit-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.6);
	}
	.dotstyle-tooltip li a {
		width: 70px;
	}
	.monument-nav li {
		margin: 0 3px;
		width: 8px;
		height: 8px;
	}
}

@media screen and (max-width: 400px) and (orientation: landscape) {
	.dotstyle li {
		width: 7px;
		height: 7px;
	}
	.dotstyle-tooltip li {
		margin: 0 2px;
	}
	.map-signs li {
		width: 20px;
		height: 16px;
	}
	.maps-nav .map-signs li {
		margin-left: 2%;
		margin-right: 2%;
	}
}

/* REGULAR GALLERY END */

/* OTHERS : max-width only */

/* Do 150% */
@media screen and (max-width: 1400px) {
	.monument-shadow {
		-webkit-box-shadow: inset 0px 0px 25px 8px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 25px 8px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 25px 8px rgba(0,0,0,0.6);
	}
}

@media screen and (max-width: 1400px) and (orientation:landscape) {
	.contact-box {
		font-size: 110%;
	}
	.portal-box {
		font-size: 110%;
	}
	.error-box {
		font-size: 110%;
	}
	.first-letter {
		padding-right: 4px;
	}
	.monument-location {
		font-size: 140%;
	}
	.monument-name {
		font-size: 140%;
	}
	.regular-gallery {
		font-size: 114%;
	}
	.det-monument-show-box {
		font-size: 110%;
	}
	.monument-show-box {
		font-size: 110%;
	}
}	

/* Do 200% */
@media screen and (max-width: 1000px) {
	.monument-shadow {
		-webkit-box-shadow: inset 0px 0px 15px 6px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 15px 6px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 15px 6px rgba(0,0,0,0.6);
	}
}

/* Do 250% */
@media screen and (orientation: landscape) and (max-width: 800px) {
	.walk {
		top: 70%;
		width: 70%;
	}
	.gallery-container {
		top: 0;
		left: 15%;
		right: 15%;
		width: 70%;
	}
	.gallery-table {
		font-size: 140%;	
	}
	.regular-gallery {
		font-size: 130%;
	}
	.gallery-info {
		font-size: 110%;
	}
	.contact-box {
		width: 75%;
		font-size: 120%;
	}
	.portal-box {
		width: 75%;
		font-size: 120%;
	}
	.error-box {
		width: 75%;
		font-size: 130%;
	}
	.first-letter {
		padding-right: 2px;
	}
	.monument-location {
		font-size: 150%;
	}
	.monument-name {
		font-size: 150%;
	}
	.det-monument-show-box {
		font-size: 125%;
	}
	.det-monument-gallery a {
		width: 25%;
	}
	.monument-show-box {
		font-size: 130%;
	}
}

/* Do 300% */
@media screen and (max-width: 650px) {
	.copyrights {
		font-size: 65%;
	}
	.nav .menu-type {
		font-size: 120%;
	}
	.monument-shadow {
		-webkit-box-shadow: inset 0px 0px 11px 4px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 11px 4px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 11px 4px rgba(0,0,0,0.6);
	}	
	#tiptip_content {
		padding: 4px 4px;
	}
}

@media screen and (max-width: 650px) and (orientation: landscape) {
	.logos {
		left: 32.5%;
		width: 35%;
	}
	.main-logo {
		font-size: 700%;	
	}
	.walk {
		top: 80%;
		width: 75%;
	}
	.gallery-container {
		top: 0;
		left: 10%;
		right: 10%;
		width: 80%;
	}
	.contact-box {
		width: 85%;
		font-size: 150%;
	}
	.portal-box {
		width: 85%;
		font-size: 150%;
	}
	.error-box {
		width: 85%;
		font-size: 150%;
	}
	.det-monument-show-box {
		width: 85%;
		right: 2.5%;
		font-size: 150%;
	}
	.monument-location {
		font-size: 170%;
	}
	.monument-name {
		font-size: 170%;
	}
	.gallery-table {
		font-size: 180%;	
	}
	.regular-gallery {
		font-size: 150%;
	}
	.gallery-info {
		font-size: 140%;
	}
	.monument-show-box {
		font-size: 150%;
	}
}

/* Do 500% */
@media screen and (max-width: 400px) {
	.monument-shadow {
		-webkit-box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.6);
	}
}

/* additional portrait styles */

@media screen and (min-width: 360px) and (orientation:portrait) {
	.dotstyle li {	
		width: 14px;
		height: 14px;
	}
}

@media screen and (min-width: 500px) and (orientation:portrait) {
	.dotstyle li {	
		width: 15px;
		height: 15px;
	}
}

@media screen and (min-width: 900px) and (orientation:portrait) {
	.dotstyle li {	
		width: 20px;
		height: 20px;
	}
}

@media screen and (min-width: 1501px) and (orientation:landscape) {
	.content-full .dots {
		position: fixed;
		top: 2%;
		left: 14.5%;
		right: 6%;
		z-index: 99999999;
	}
}

@media screen and (max-width: 1500px) and (orientation:landscape) {
	.content-full .dots {
		position: fixed;
		top: 2%;
		left: 15%;
		right: 33%;
		z-index: 99999999;
	}
}

/* PORTRAIT map signs */

@media screen and (min-width: 700px) and (max-width: 800px) and (orientation:portrait) {
	.map-signs li a {
		width: 200px;
	}	
}

@media screen and (min-width: 801px) and (max-width: 1000px) and (orientation:portrait) {
	.map-signs li a {
		width: 230px;
	}	
}

@media screen and (min-width: 1001px) and (max-width: 1300px) and (orientation:portrait) {
	.map-signs li a {
		width: 280px;
	}		
}

@media screen and (min-width: 1301px) and (orientation:portrait) {
	.map-signs li a {
		width: 340px;
	}	
}

@media screen and (min-width: 1001px) and (orientation:portrait) {
	.map-sign {
		height: 76px;
	}
}
@media screen and (max-width: 1000px) and (orientation:portrait) {
	.map-signs li {
		width: 60px;
		height: 52px;
	}
	.maps-nav .map-signs li {
		margin-left: 0;
		margin-right: 0;
	}
	.map-sign {
		height: 55px;
	}
}
@media screen and (max-width: 900px) and (orientation:portrait) {
	.map-signs li {
		width: 52px;
		height: 45px;
	}
	.map-sign {
		height: 50px;
	}	
}
@media screen and (max-width: 800px) and (orientation:portrait) {
	.map-signs li {
		width: 45px;
		height: 38px;
	}		
	.map-sign {
		height: 14px;
	}
	.map-sign {
		height: 42px;
	}
}
@media screen and (max-width: 700px) and (orientation:portrait) {
	.map-signs li {
		width: 42px;
		height: 35px;
	}	
	.map-sign {
		height: 19px;
	}	
	.map-sign {
		height: 36px;
	}
}
@media screen and (max-width: 600px) and (orientation:portrait) {
	.map-signs li {
		width: 40px;
		height: 33px;
	}	
	.map-sign {
		height: 26px;
	}	
}
@media screen and (max-width: 500px) and (orientation:portrait) {
	.map-signs li {
		width: 33px;
		height: 27px;
	}	
	.map-sign {
		height: 18px;
	}
}
@media screen and (max-width: 400px) and (orientation:portrait) {
	.map-signs li {
		width: 28px;
		height: 23px;
	}	
	.map-sign {
		height: 16px;
	}	
}
@media screen and (max-width: 300px) and (orientation:portrait) {
	.map-signs li {
		width: 22px;
		height: 18px;
	}	
	.map-sign {
		height: 15px;
	}
	.map-signs li a {
		width: 55px;
		top: 180%;
	}
}
@media screen and (max-width: 250px) and (orientation:portrait) {
	.map-signs li {
		width: 18px;
		height: 14px;
	}	
	.map-sign {
		height: 14px;
	}
	.map-signs li a {
		width: 47px;
		top: 200%;
	}
}
@media screen and (max-width: 220px) and (orientation:portrait) {
	.map-signs li {
		width: 14px;
		height: 11px;
	}	
	.map-sign {
		height: 14px;
	}	
	.map-signs li a {
		width: 47px;
		top: 215%;
	}
}

@media screen and (orientation:portrait) {
	.maps-box .trails-maps {
		margin-top: 40%;
	}
}

@media screen and (orientation:portrait) and (max-width: 300px) {
	.maps-box .trails-maps{
		margin-top: 43%;
	}
}