:root{--primary:#166150;--primary-hover:#084839;--secondary:#505358;--success:#b0bb9c;--info:#f3edd1;--warning:#ffc107;--danger:#dc3545;--light-hover:#d5afa9;--light:#a8c5be;--light-bg:#e9f3f0}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
@font-face {
font-family: 'MinionPro';
font-style: normal;
font-weight: normal;
src: url('/php/tempo/fekohu/fonts/MinionPro-Regular.otf') format('opentype');
}
@font-face {
font-family: 'LiberationSans';
font-style: normal;
font-weight: normal;
src: url('/php/tempo/fekohu/fonts/LiberationSans-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'LiberationSans';
font-style: italic;
font-weight: normal;
src: url('/php/tempo/fekohu/fonts/LiberationSans-Italic.ttf') format('truetype');
}
@font-face {
font-family: 'LiberationSans';
font-style: normal;
font-weight: bold;
src: url('/php/tempo/fekohu/fonts/LiberationSans-Bold.ttf') format('truetype');
}
.homepage .event-data-content p, .homepage .event-data-content h2 {
	text-align:left;
	margin:0 0 .7rem 0;
	font-style: normal;
}

/* past terms */

#events-container .past-term {
display: none
}
#events-container .past-event .past-term {
display: inline-block
}
#events-container .past-event,.datetime.past-term {
opacity: .4;
filter: alpha(opacity=40)
}

.free-places {
	display:none;
}
.events-row>div {
margin-bottom: 20px
}

h2.subtitle {
	margin-top:2.5rem;
}

.jGallery {
	margin-left:-8px;
	margin-right:-8px;
}

.events-row>div:hover, .events-row>div:hover h2, .events-row>div:hover p, .events-row>div:hover a, article .events-row > .clickable:hover a, #article .events-row>div:hover a {
	background:var(--primary);
	color:white;
}
#header>.menu-main{
	display:none;
}
#article .events-row a, #article .pagelist-row a {
text-decoration: none
}
.banners-2 .datetime,.events-row .datetime,.pagelist-row .datetime {
font-size: 1.6rem;
font-weight: 600;
display: inline-block;
margin: 8px;
padding: 6px 8px 6px 12px;
background-color: var(--primary);
color: var(--white)
}
.events-row .desc .datetime {
font-size: 1.2rem;
margin: 0 10px 10px 0;
padding: 6px 8px 6px 12px
}
.banners-2>div:hover .datetime,.events-row>.clickable:hover .datetime,.pagelist-row>div:hover .datetime {
background-color: var(--primary-hover)
}
.ui-datepicker {
font-size: 1rem
}
.events-row>div,.pagelist-row>div {
padding-top: 15px
}

.events-row h2,.pagelist-row h2 {
font-family: 'LiberationSans',sans-serif;
font-weight:bold;
text-align: left;
font-size: 1.4rem;
margin: 0 0 10px;
padding-bottom: 0
}
.events-row .desc {
color:#666;	
font-size: 1rem;
padding: 15px 0 15px
}
.event-data-content .datetime {
	font-size:1.5rem;
	display:block;
	margin-top:.8rem;
}
.pagelist-row .desc {
font-size: 1rem;
padding: 5px 0 15px
}
#select-evets-form {
margin-bottom: 15px
}
.btn-event {
font-size: 1.5rem;
padding: .5rem 2rem
}
.btn-event.active {
color: var(--primary)
}


.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--primary);
    background-color: var(--primary);
}
#cookieNotice .btn-primary {
	font-family: 'LiberationSans',sans-serif;
	font-size: .9rem;
	color: #000;
	background-color: #d2ac67;
	border-color: #d2ac67;
}
#cookieNotice p {
	text-align: left;
	margin: 0 0 .7rem;
	font-style: normal;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}
body {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008866+0,005845+67,003e33+83,003229+100 */
	background: #008866; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #008866 0%, #005845 67%, #003e33 83%, #003229 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #008866 0%,#005845 67%,#003e33 83%,#003229 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #008866 0%,#005845 67%,#003e33 83%,#003229 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008866', endColorstr='#003229',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	
	font-family: 'LiberationSans',sans-serif;
	line-height: 1.4;
	font-size: 16px
	
}

#header {
	margin-top:100px;
}
.person img {
	margin-bottom:30px;
}
.places ul.nav {
	display:block;
	font-size:20px;
	font-weight: bold;
}
#article .places ul.nav li a {
	color:#999;
}
#article a, #article .places ul.nav li.active a {
	color:#000;
}

#article a {
	text-decoration:underline;
}

#article a:hover {
	color:var(--primary);
}


.program-list .btn {
	float:left;
	margin-right:15px;
	height:5.3rem;
	margin-bottom:.7rem;
	width: 6rem;
}

.program-list div.btn {
	height:auto;
	color:#000;
	height:2.5rem;
	background-color: #fff;
	border-color: #d2ac67;
}

.btn-primary {
	color:white;
	background-color: var(--primary);
	border-color: var(--primary);
}

.btn-primary:hover {
	color:#fff;
	background-color: #000;
	border-color: #000;
}

.dropdown-menu {
	padding: .5rem 1rem;
	margin: 0;
	font-size: 1rem;
	color: #fff;
	background-color: rgba(0,0,0,.8);
	border: 0;
	border-radius: 0;
}
.dropdown-menu a {
	color: #fff;
}
.dropdown-menu a:hover {
	color: #aaa;
}

.ppdej button {
	background: #000;
	color: #fff;
	border-color: #fff;
	text-transform:uppercase;
	font-size: 20px;
	padding: .65rem .75rem .375rem .75rem;
}

.ppdej button:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	background-color: var(--primary);
	border-color: var(--primary);
}

.btn-primary.focus, .btn-primary:focus {
	background-color: black;
	border-color: black;
	box-shadow: none;
}

.ppdej {
	padding-top: 30px;
}

.concert #article {
	padding: 0 100px 50px 15px;
}

.concert .images .perprog {
	background: #ece6e6;
	padding:0;
	margin-top: 30px;
}
.concert .images .desc {
	padding: 0;
}
.concert .images .desc img {
margin: 30px 0 0 30px;
}
.concert .images img {
	max-height: 342px;
}
.concert .perprog {
	font-size: 18px;
	background: #ece6e6;
	padding: 30px 45px 45px 100px;
}
.concert .desc {
	padding: 30px 15px 50px 32px;
}
.concert .main-info {
	border-top: 1px dashed black;
	border-bottom: 1px dashed black;
	margin-bottom:15px;
}
.concert h1, .concert h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 10px 0 10px 0;
}

.concert .perprog h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0 20px 0;
	text-transform:uppercase;
}

.concert .perprog p {
	text-align: left;
}

.concert .desc h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	text-transform:uppercase;
}
.concert .term {
	font-size: 22px;
	font-weight: bold;
	margin-bottom:8px;
}
/*
.programNE{
	margin-left:-25px;
	margin-right:-25px;
	font-family: 'LiberationSans',sans-serif;
}
.programNE>div{
	padding:25px;
}
.programNE>div:hover{
	background:#eee;
}
.programNE .event-term {
	font-size:38px;
	font-weight:bold;
	margin:-50px 0 0 15px;
	color:#fff;
	text-shadow: 0px 0px 4px #000000;
}
.program h2 {
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:0;
}
.program h2 a, #article a {
	color:#000;
}
.program h2 a:hover, .dropdown-menu a:hover {
	text-decoration:none;
}

.program.team h2 {
	text-transform:uppercase;
	margin:8px 0 0px;
}
.program.team h2 strong{
	font-size:16px;
	display:block;
}
*/

.bg-dark {
    background-color: #000 !important;
}
.menu-main .langs a, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link {
    color: rgb(255,255,255);
}
.navbar-dark .navbar-toggler {
	border:0;
	float:right;
	margin-top:5px;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#imagebanner {
	width:100%;
	height:565px;
}
#imagebanner .title{
	width:310px;
	color:#fff;
	text-transform:uppercase;
	padding: 30px 0 0 48px;
	float:left;
}
#imagebanner .langs{
	width:270px;
	color:#fff;
	text-transform:uppercase;
	padding: 30px 23px 23px 23px;
	float:right;
}
#imagebanner .langs .btn{
	padding: 7px;
}
#imagebanner .title em{
	font-size:52px;
	line-height:52px;
	font-style: normal;
}
#imagebanner .title small{
	font-size:28.5px;
	line-height:32px;
}
#imagebanner .title strong{
	font-size:56px;
	line-height:56px;
	font-weight: normal;
	display:block;
	margin-top:12px;
}
#imagebanner a, #imagebanner .terms, #imagebanner .terms .btn{
	color:white;
}
#imagebanner a:hover, #imagebanner .terms .btn:hover{
	text-decoration:none;
	color:var(--light);
}

#imagebanner a.nav-link {
	margin-top:1px;
}

#imagebanner a.nav-link:hover{
	margin-top:0;
	border-top:1px solid white;
	color:white;
}

#imagebanner .terms {
	text-align:center;
	font-size:30px;
	position:absolute;
	width:100%;
	bottom:10px;
	left:0;
}
.cz #imagebanner .terms .btn, .de #imagebanner .terms .btn, .en #imagebanner .terms .btn {
	font-weight:bold;
	font-size:26px;
	padding-left:17px;
	padding-right:17px;
}

.menu-main {
	min-height: 50px;
}

.menu-main.bg-dark {
	background-color: transparent !important;
}
.menu-main .langs{
	display:none;
}

.menu-main .navbar-nav {
	margin:0 auto;
}


.menu-main .nav-link {
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	padding-top:13px;
	padding-bottom:0;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-left:20px;
	padding-right:20px;
}

#article {
	padding: 90px 100px;
	background: var(--light-bg);
	font-family: 'MinionPro';
}

.homepage h1 {
	font-size:42px;
	line-height:1.1;
	font-style:italic;
	text-align: center;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:55px;
}

.homepage h2 {
	font-size:30px;
	margin-bottom:30px;
	line-height:1.1;
	font-style:italic;
	text-align: center;
}

.homepage p {
	text-align: center;
	margin: 0 70px 20px 70px;
	font-style: italic;
}

table.table {
	background: #f1d8bb;
	border-bottom: 1px solid #d5ab7a;
	border-left: 1px solid #d5ab7a;
	border-right: 1px solid #d5ab7a
}
.table td,.table th {
	border-top: 1px solid #d5ab7a
}
.btn {
	border-radius: 0
}
.btn.focus,.btn:focus {
	box-shadow: none
}
.clickable {
	cursor: pointer
}

#footer {
	padding: 50px 100px 50px 100px;
	text-align: center;
	text-transform:uppercase;
	color: var(--light)
}

#footer a {
	font-weight:900;
	color: var(--light)
}

#footer a:hover {
	color: white;
	text-decoration:none;
}

.footer-nav .nav-link {
    padding: .2rem .5rem;
}

.copyright {
	font-size: 13px;
}
.pagegallery {
	margin: 20px -20px 0;
	padding: 0 0 20px 20px
}
.pagegallery>div {
	margin: 0 20px 20px 0;
	float: left
}
img.imgmce1,img.imgmce2 {
	margin-bottom: 10px;
	margin-top: 2px
}
.pagegallery>div>a.thumbnail {
	border-radius: 0;
	border: 0;
	background: #eee;
	width: 135px;
	height: 135px;
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 0
}
.pagegallery>div:focus>a.thumbnail,.pagegallery>div:hover>a.thumbnail {
	background: #ccc
}
.pagegallery .thumbnail img {
	position: relative;
	max-height: 133px;
	max-width: 133px;
	display: inline-block;
	vertical-align: middle;
	width: auto
}
img.imgmce1 {
	float: right;
	margin-left: 25px
}
img.imgmce2 {
	float: left;
	margin-right: 25px
}
img.imgmce3 {
	margin: 20px auto
}
.h1,.h2,.h3,h1,h2,h3 {
	line-height: 1.2
}
.h1,h1 {
	text-transform:uppercase;
	font-style:italic;
}
.h2,h2 {
	margin:1.4rem 0 .7rem;
}
.h3,h3 {
	margin:1.2rem 0 .7rem;
}

.photo-gallery {
	list-style-type: none;
	padding-left: 0;
	margin-left: -15px;
	margin-top: 15px
}
.photo-gallery li {
	text-indent: 0;
	width: 154px;
	height: 142px;
	float: left;
	margin-bottom: 15px;
	padding-left: 15px
}
.photo-gallery li:before {
	width: 0
}
.photo-gallery:after,.photo-gallery:before {
	content: "";
	display: table
}
.photo-gallery:after {
	clear: both
}
.photo-gallery a {
	background: #eee;
	width: 135px;
	height: 135px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	display: table-cell
}
.photo-gallery a:hover:after,.photo-gallery a:hover:before {
	content: "";
	left: 50%;
	position: absolute;
	top: 50%
}
.photo-gallery a:hover:before {
	background: #fff;
	background: rgba(255,255,255,.9);
	border-radius: 50%;
	height: 68px;
	margin-left: -34px;
	margin-top: -34px;
	width: 68px;
	z-index: 10
}
.photo-gallery a:hover:after {
	background-image: url(/sprites/icons/sprites.png);
	background-position: -85px -353px;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
	z-index: 12
}
.photo-gallery img {
	max-width: 135px;
	max-height: 135px;
	z-index: 5
}
#blueimp-gallery a {
color:#fff;	
}
.js .photo-gallery img {
	position: relative
}
@media (max-width:1199px) {
	.en #imagebanner .title em{
		font-size:42px;
	}
	.en #imagebanner .title small{
		line-height:22px;
	}
	.en #imagebanner .title strong{
		font-size:46px;
		line-height:46px;
	}
	.en #imagebanner .title {
	    width: 330px;
	}
	#imagebanner {
		height:488px;
	}
.photo-gallery li {
width: 189px;
height: 174px
}
.menu-main .nav-link {
	font-size:14px;
}
.cz #imagebanner .terms .btn, .de #imagebanner .terms .btn, .en #imagebanner .terms .btn {
    font-size: 22px;
}
.concert #article {
	padding: 0 57px 50px 15px;
}
.concert .images img {
	max-height: 296px;
}
.concert .perprog {
	padding: 30px 45px 45px 57px;
}
.concert .desc {
	padding: 30px 15px 50px 32px;
}
}
@media (max-width:991px) {
	#header>.menu-main{
		display:block;
	}
	#imagebanner>.menu-main{
		display:none;
	}
	.menu-main.bg-dark {
		background-color: black !important;
	}
	.navbar-dark .navbar-brand {
		color:black;
		height:50px;
	}
	.menu-main {
		margin-top: 0;
	}
	
	#imagebanner {
		height:351px;
	}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.h1,h1 {
}
.h2,h2 {
}
.photo-gallery li {
width: 176px;
height: 165px;
margin-bottom: 11px;
padding-left: 11px
}
#imagebanner .title {
	width:225px;
	padding:20px 0 0 30px;
}
#imagebanner .title em{
	font-size:40px;
	line-height:40px;
	font-style: normal;
}
#imagebanner .title small{
	font-size:22px;
	line-height:32px;
}
#imagebanner .title strong{
	font-size:38px;
	line-height:38px;
	margin-top: 4px;
}
#imagebanner .terms, .cz #imagebanner .terms .btn, .de #imagebanner .terms .btn, .en #imagebanner .terms .btn {
    font-size: 14px;
}
#imagebanner .terms {
	bottom:10px;
}
#imagebanner .langs{
	text-align:right;
	padding: 15px;
}
#imagebanner .langs .btn {
    font-size: 12px;
}
.en #imagebanner .title em{
	font-size:32px;
}
.en #imagebanner .title small{
	line-height:12px;
}
.en #imagebanner .title strong{
	font-size:36px;
	line-height:36px;
}
 .en #imagebanner .title{
	 width: 250px
 }

.menu-main .nav-link {
    line-height: 35px;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-left:30px;
}
.navbar-expand-lg .navbar-nav {
	padding-top:0;
	padding-bottom:10px;
}
.navbar-expand-lg .navbar-nav {
	background:var(--primary);
}
.homepage h1 {
    font-size: 35px;
}
.homepage h2 {
	font-size: 24px;
}
#article {
	padding: 55px 60px 50px 60px;
}
.concert #article {
	padding: 0 15px;
}
.concert .images img {
	max-height: 230px;
}
.concert .perprog {
	padding: 20px 30px;
	font-size: 16px;
}
.concert .desc {
	padding: 20px 30px 20px 20px;
}
.concert .images .desc img {
margin: 20px 0 0 20px;
}
.concert .images .desc img:first-child {
margin-left: 0;
}
.concert .images .perprog {
	margin-top: 20px;
}
.concert .term {
	font-size: 18px;
}
.concert .perprog h3 {
	font-size: 16px;
}
.event-data {
	padding-top: 2rem;
}
}
@media (max-width:767px) {
	#header {
		margin-top:50px;
	}

	.program-list .btn {
		margin-bottom:.1rem;
	}
	body>.container {padding:0;}
	#imagebanner {
		height:259px;
	}

	#imagebanner .langs{
		width:250px;
	}
	.concert .images img {
		max-height: none;
	}
	.concert .images .perprog {
		margin: 0;
		padding: 20px 20px 0 20px;
	}
	.concert .perprog {
		padding: 20px;
	}


.photo-gallery li {
width: 175px;
height: 164px
}
.photo-gallery a {
width: 164px;
height: 164px
}
.photo-gallery a img {
max-width: 164px;
max-height: 164px
}
.h2,h2 {
}
.h3,h3 {
font-size: 20px
}
.navbar-default .navbar-toggle {
border: 0;
border-radius: 0
}
img.imgmce1,img.imgmce2 {
float: none;
display: block;
margin: 20px auto
}


#imagebanner .title{
	width:190px;
	padding:20px 0 0 30px;
}
#imagebanner .title em{
	font-size:30px;
	line-height:30px;
}
#imagebanner .title small{
	font-size:16px;
	line-height:32px;
}
#imagebanner .title strong{
	font-size:25px;
	line-height:28px;
	margin-top: 0;
}
#imagebanner .terms {
	display:none;
}
.homepage h1 {
    font-size: 25px;
}
.homepage h2 {
	font-size: 18px;
}
#footer {
	padding: 50px;
}
.homepage p {
	margin: 0 40px 20px 40px;
}

}

@media (max-width:575px) {
	#header {
		margin-top:0;
	}
	#article {
		padding: 30px;
	}
	.homepage h1 {
	    margin-top: 40px;
	}
}
		
@media (max-width:480px) {
	.homepage h1 {
	    margin-top: 30px;
	}
	#footer {
		padding: 20px;
	}
	.homepage p {
		margin: 0 0 20px 0;
	}

	.menu-main .langs{
		display:block;
	}
	.menu-main .langs{
		float:left;
		margin: 5px 0 0 15px;
	}
	#imagebanner .langs{
		display:none;
	}

	#imagebanner {
		height:250px;
	}

.photo-gallery li {
width: 140px;
height: 130px;
margin-bottom: 10px;
padding-left: 10px
}
.photo-gallery a {
width: 130px;
height: 130px
}
.photo-gallery a img {
max-width: 130px;
max-height: 130px
}
li,p {
text-align: left
}

}