@import "reset.css";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);

body {
	font:12px/19px Arial, Helvetica, sans-serif;
	
	color:#848383;
	position:relative;
	background:#000;
}

html, body {
	height:100%;
}

/* Slideshow mezi menu a footerem */
.bg-slideshow {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 0;
	top: var(--top-offset, 0px);
	height: calc(100vh - var(--top-offset, 0px) - var(--footer-height, 0px));
}

/* Jeden slide */
.bg-slideshow .slide {
	position: absolute;
	inset: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity 1.5s ease;
}

/* Aktivní slide */
.bg-slideshow .slide.active {
	opacity: 1;
}

/* Obrázek uvnitř slide */
.bg-slideshow .slide img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	max-height: none;
	will-change: transform;
	transition: transform 12s linear;
}

.bg-pagination {
	position: fixed;
	z-index: 200;
	pointer-events: auto;
}

.bg-page-dot {
	width: 8px;
	height: 8px;
	margin: 4px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.8);
	background: rgba(255,255,255,0.3);
	cursor: pointer;
	padding: 0;
	outline: none;
	transition: background 0.3s, transform 0.3s;
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
}

.bg-page-dot:hover {
	background: rgba(255,255,255,0.6);
}

/* 1. Definice animace pulzování */
@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7), 0 0 4px rgba(0, 0, 0, 0.5);
	}
	70% {
		/* Vytvoří se rozšiřující se světlý kruh kolem puntíku */
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0), 0 0 4px rgba(0, 0, 0, 0.5);
	}
	100% {
		box-shadow: 0 0 0 0px rgba(255, 255, 255, 0), 0 0 4px rgba(0, 0, 0, 0.5);
	}
}

/* 2. Úprava aktivního puntíku */
.bg-page-dot.active {
	background: rgba(255,255,255,1);
	transform: scale(1.5);
	border-color: #fff;
	/* Aplikace animace: trvá 2 sekundy a opakuje se nekonečně */
	animation: pulse-animation 2s infinite;
}

.bg-pagination-bottom {
	left: 50%;
	transform: translateX(-50%);
	bottom: calc(var(--footer-height) + 15px);
	display: flex;
	justify-content: center;
}

.bg-pagination-left {
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	display: flex;
	flex-direction: column;
}

/* Global Structure---------------------------------------- */
.main {
	margin:0 auto;
	position:relative;
}

.container_12 {
	position:relative;
}

/*----- txt,links,lines,titles -----*/
.box-1 {
	border-radius:13px;
	position:relative;
	padding-bottom:12px;
}

.box-1 img {
	width:100%;
	border-radius:13px 13px 0 0;
}

.box-1 figcaption {
	background:#FECE49;
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	right:0;
	font-size:20px;
	line-height:22px;
	color:#fff;
	padding:12px 70px;
	text-align:center;
	border-radius:0 0 13px 13px;
}

.box-1 figcaption a {
	background:url(../images/marker-1.png) no-repeat 0 0;
	width:31px;
	height:31px;
	display:block;
	position:absolute;
	top:8px;
	right:39px;
}

.box-1 figcaption a:hover {
	background-position:0 bottom;
}

h1, h2, h3, h4, h5, h6 {
	color:#fece49;
	position:relative;
	line-height:1em;
	padding-bottom:1px;
	font-weight:normal;
}

h1 {
	font-size:22px;
	line-height:23px;
	padding-bottom:8px;
}

h1 a, h3 a, h4 a, h5 a, h6 a {color:#fece49;}
h2 a {color:#fff383;}

h2 {
	color:#fff383;
	font-size:17px;
	line-height:18px;
	padding-top:2px;
	padding-bottom:5px;
}

h3 {
	font-size:16px;
	line-height:17px;
	font-family: 'Noto Sans', sans-serif;
	padding-bottom:3px;
}

h4 {
	font-size:15px;
	line-height:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h5 {
	font-size:14px;
	line-height:15px;
}

h6 {
	font-size:13px;
	line-height:14px;
}

a {
	text-decoration:none;
	color:#fece49;
	cursor:pointer;
}

a.yellow {
	color:#fece49;
}

a:focus {
	outline:none;
}

a:hover {
	color: #f68357;	/*/#ffffff;*/
}

.dochazka-odkaz {
	color: blue; /* Vaše barva */
}

.dochazka-odkaz:hover {
	color: blue;	/* Barva při najetí */
	text-decoration: underline dotted 1px;
}

.dochazka-odkaz2 {
	font-weight: normal;
	color: black;          				/* volitelné: barva */
	transition: font-weight 0.2s;	/* volitelné: jemný přechod */
	text-decoration: underline dotted 1px;
}

.dochazka-odkaz2:hover {
	color: black;	 							/* Barva při najetí */
	text-decoration: none;
/*font-weight: bold;*/
}

.zapisy-noty {
	font-weight: normal;
/*font-weight: bold;*/
	color: #0000EE;          				/* volitelné: barva */
	text-decoration: none;
}

.zapisy-noty:hover {
	color: #0000EE;	 							/* Barva při najetí */
	text-decoration: underline dotted 1px;
}

.LumUcet {
	font-weight: normal;
/*font-weight: bold;*/
	color: #0000EE;          				/* volitelné: barva */
	text-decoration: underline dotted 2px;
}

.LumUcet:hover {
	font-weight: normal;
	color: #0000EE;	 							/* Barva při najetí */
	text-decoration: none;
}

.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
	margin:0;
	padding:0;
	display:block;
}

.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}

.extra-wrap {
	overflow:hidden;
	display:block;
}

p {
	color:#fff;
	padding-bottom:19px;
}

.fleft {
	float:left;
}
.fright {
	float:right;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.overflow {
	overflow:hidden;
}
.relative {
	position:relative;
}

.img-indent {
	margin:8px 20px 0 0;
}

/* Footer block */
.block {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	z-index:100;
}

footer.block {
	height: var(--footer-height) !important;
	background: #000 !important;
}


/* Sjednocení wrapperů */
.extra-block,
.extra-block1 {
	position: relative;
	width: 100%;
}

.extra-block {
	background:url(../images/tail-bg-cont.png) repeat-x 0 bottom;
}

/**********row-top*************/
.row-top {
	overflow:hidden;
	background:url(../images/tail-bg-top.png);
	padding:8px 0 7px;
	position:relative;
	z-index:10;
}

.list-soc {
	float:right;
	margin-right:6px;
}
.list-soc li {
	float:left;
	margin-left:8px;
}
.list-soc li a {
	display:block;
	opacity: 1;
}
.list-soc li a:hover {
	opacity: 0.7;
}

/********** NAV BUTTONS **********/
.nav-buttons {text-align:center;padding-bottom:17px;}
#nav {overflow:hidden;display:inline-block;}
#nav li {float:left;margin:0 10px;}
#nav li a {
	display:block;
	background:url(../images/pags.png) no-repeat 0 0;
	width:19px;
	height:19px;
}
#nav li a:hover,
#nav li.showPage a {
	background-position:0 bottom;
}

/*********************************header*************************************/
header {
	position:relative;
	z-index:20;
}

header h1 {
	z-index:10;
	display:block;
	float:left;
	padding:0;
}

.row-nav {
	background:url(../images/tail-bg-nav.png);
	padding:1px;
}

nav {float:right;padding:2px 0px 1px 0px;}
nav2 {float:right;padding:1px 0px 1px 0px;}

.menu {
	font-size:0;
	line-height:0;
	padding:0;
	z-index:99;
	position:relative;
	margin-right:0px;
}

.menu > li {
	position:relative;
	float:left;
	margin-left:18px;
	border-radius:5px;
	background:url(../images/point.png);
}

.menu li a {
	color:#b3adad;
	font-size:18px;
	line-height:20px;
	display:block;
	padding:7px 10px 9px;
	font-family: 'Noto Sans', sans-serif;
}

.menu li.current {
	background:#FECE49;
}
.menu li:hover {
	background:#fff383;
}

.menu li.current a,
.menu li:hover a {
	color:black;
}

/********************** links  & buttons ************************/
.link-1 {
	display:inline-block;
	color:#f4bfdf;
}

.button {
	display:inline-block;
	font-family: 'Noto Sans', sans-serif;
	color:black;/*#fff;*/
	font-size:16px;
	line-height:1.2em;
	background:#fecc00;
	padding:6px 12px 7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top:2px
}
.button:hover {	
	background:#FECC00;
	text-decoration:none;
}

/*  Lists */

.list-services{}
.list-services > li{padding-top:6px}
.list-services > li:first-child{padding:0;}

/*  Lists */
.list {

	padding:0 0 27px
}
.list li {
	margin-bottom:2px;
	line-height:16px;
}
.list li a {
	color:#fff;
	font-size:14px;	
	background:url(../images/marker-2.png) no-repeat 1px 5px;	
	padding:0 0 0 18px;	
}

/*----- es-carousel -----*/
.es-carousel-wrapper {
  position: relative;
  z-index: 99;
}
.es-carousel {
  overflow: hidden;

}
.es-carousel ul {
  display: none;
  overflow:hidden
}
.es-carousel ul li {
  height: 100%;
  float: left;
  display: block;
   width:300px
}
.es-carousel ul li figure{margin-bottom:26px}

.es-nav {
  right: 0;
  bottom: -30px;
  position: absolute;
}
.es-nav span {
  display: block;
  line-height: 0;
  font-size: 0;
  width: 32px;
  height: 33px;
  text-indent: -5000px;
  z-index: 99;
  cursor: pointer;
  display:inline-block !important;
  
}
.es-nav span.es-nav-next {
  background: url(../images/next.png) no-repeat 50% 50% #a97ca5;
  	  border-radius:0 6px 6px 0;
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-radius:0 6px 6px 0;
	border-left:1px solid #cbadc8

}

.es-nav span.es-nav-prev {
 background: url(../images/prev.png) no-repeat 50% 50% #a97ca5;
   	  border-radius:6px 0 0 6px ;
	-moz-border-radius:6px 0 0 6px ;
	-webkit-border-radius:6px 0 0 6px ;
	border-right:1px solid #735470
 
}
.es-nav span:hover {background-color:#92538d}

/* Lightbox image */
.magnifier {
	position:relative;
	overflow:hidden;
	display:inline-block;
}
.magnifier img {
	position:relative;
	z-index:2;
  opacity: 1;
  filter: alpha(opacity=100);
	
}
.magnifier span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	 background:url(../images/fancybox/magnify.png) center center no-repeat;	
	z-index:1;
}


/*----- map -----*/

.map {
	margin:0 0 31px;
	
}
.map iframe {
	height:259px;
	overflow: hidden;
	width:100%;
	     border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
/*----- address -----*/
.mail-1 {
	color:#fff;
	display:inline-block;
	text-decoration:underline;
}
.mail-1:hover {
	text-decoration:none
}

dl.address dt{padding-bottom:12px}
dl.address dt span {
	display:block;
}
dl.address dt,dl.address dd {
	font-size:14px;
	line-height:17px;
	color:#848383;}

dl.address dd span {
	display:inline-block;
	width:100px;
}

.buttons-wrapper {
  position: relative;
}
.buttons-wrapper a {
  margin-right: 48px;
  cursor: pointer;
}


/********************** Content style ************************/
section#content {
	position: relative;
	z-index: 10;
/*  padding: 8px 0 0 0; */
/*  min-height: calc(100vh - var(--top-offset) - var(--footer-height)); */
}

.border-vert {
	background:url(../images/border-vert.png) repeat-y 477px 0;
}

.img-rounded img {
	border-radius:13px;
}

.img-rounded1 img {
	border-radius:8px;
}

.img-indent {margin:39px 0 35px;}

.row-1 {
	background:url(../images/tail-bg-top.png);
	padding:21px 0 23px;
}

.main-block {
	margin:0 auto;
	background:url(../images/prechod2.png);
	background-size:auto 100%;
	padding:38px 0;
	border-radius:13px;
}

/* Zrušení natahování main-block */
.extra-block .main-block {
	min-height: auto;
}

/******************** Footer ******************/
footer {
/*  padding:9px 0; */
	padding: 0;
	background:#000;
}

.privacy {
	color:#fcf9f9;
	font-size:12px;
	line-height:24px;
}

.privacy span {color:#747373;margin:0 4px;}
.privacy strong {color:#747373;font-weight:normal;}
.privacy strong a {color:#747373;}
.privacy a {
	font-size:12px;
	color:#fcf9f9;
	display:inline-block;
}

/* --- SUBPAGE LAYOUT (ČISTÁ VERZE) --- */

/* Tělo podstránky = flex sloupec, bez scrollu */
body.subpage {
	margin: 0;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

/* Extra-block (menu + header + content) vyplní prostor nad footerem */
body.subpage .extra-block {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
	background: none !important; /* odstranění světlého pruhu */
}

/* Scrollovací oblast = #content */
body.subpage #content {
	flex: 1;
	min-height: calc(100vh - var(--top-offset) - var(--footer-height));
	height: auto !important;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	padding-bottom: var(--footer-height) !important;
}

/* main-block uvnitř contentu */
body.subpage .main-block {
	height: auto !important;
	min-height: auto !important;
	overflow: visible !important;

	background: url("../images/prechod2.png") repeat 0 0 !important;
	background-size: auto 100% !important;

	/* prostor nad footerem – dočasně zde */
/*  padding-bottom: 50px !important; */
}

/* Wrapper a row nesmí blokovat scroll */
body.subpage .wrapper,
body.subpage .row {
	overflow: visible !important;
}

/* Zerogrid row – odstranění pevných výšek */
body.subpage .main-block .row,
body.subpage .row,
body.subpage .wrapper {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
}

/* Scrollbar – sloučené definice */
body.subpage #content::-webkit-scrollbar {
	width: 8px;
	margin-bottom: 50px; /* prostor nad footerem */
}

body.subpage #content::-webkit-scrollbar-track {
	background: #222;
}

body.subpage #content::-webkit-scrollbar-thumb {
	background: #fece49;
	border-radius: 6px;
}

body.subpage #content::-webkit-scrollbar-thumb:hover {
	background: #fff383;
}

/*************** Scrolling Text ***************/
#scroll-container {
	height: 25px;
	overflow: hidden;
}

#scroll-text {
	height: 100%;
	text-align: left;
}
