@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Staatliches&display=swap');
@import url(//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*!
@font-face { /* H1-uvod */
 	font-family: 'Open Sans', sans-serif;
	font-family: 'Staatliches', cursive;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}
/* *::before,
*::after{
	margin: 0;
	padding: 0
	box-sizing: border-box;
} */
html{
	height: 100wh;
}
body {
font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
margin: 0;
background-size:height: 100vw 100vh;
background-position: top;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #FFF;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */
/* background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);  *//* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	font-weight: bold;
}
header{
	margin-bottom: 1rem;
}
.header-pozadi {
  max-width: 100%;
  margin-top: 1rem;
  padding: 1rem 0 0;
  background-color: rgba(0,0,0,.05);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.header-img{
 background: url(../../images/bg-header.jpg) no-repeat center top; 
 min-height: 273px;
}
.home{
	display: table-cell;
	vertical-align:middle;
	margin: 2rem auto;

	/* height: 214px;
		width: 269px;
		background-image: url(../../images/bg-home.png);
		background-position: top left;
		background-repeat: no-repeat; */
	
}
.home img{
	 max-inline-size: 90%;
  	block-size: auto;
  	/* aspect-ratio: 2/1; */
  	object-fit: cover;
  	-webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,.4));
}
.hide, .hidden {position:absolute; left:-9999px;}
.hlavni-sponzor{
	display: table-cell;
	vertical-align: middle;
	margin: 0 1rem 0 0;
	
}
.hlavni-sponzor img{
	display: block;
	margin: 2rem auto;
	vertical-align: middle;
}
.hlavni-sponzor h3{
	padding:2px;
	margin: 0 0 10px 0;
	text-align: center;
	
}
.header-title{
	color: #00019b;
	margin-right:2rem;
}
.row {
  max-width: 136rem;
  }
/****************** /headlines *******************/
.top-bar{
 	color: rgba(255,255,255,1);
 	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#63b6db+0,309dcf+100;Blue+3D+%234 */
	background: linear-gradient(to bottom,  rgba(99,182,219,1) 0%,rgba(48,157,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-position: center;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
 } 
 .i-top-bar-1{
	 margin: 0 8px 0 2rem!important;
 }
 .i-top-bar-2{
	margin: 0 8px 0 10rem!important;
 }
 .i-top-bar-3{
 margin: 0 8px 0 10rem;
 }
 .top-bar a{
 	color:rgba(255,255,255,1);
 }
 
 .top-bar a:hover{
 	color:rgba(135, 206, 235, 1);
 }
 .menu-line{
 		background-color: #393185;
 		
 }
/******************************************** buttons**********************************/


 /**************************************  /buttons ************************************************/
/*  inspirace z https://codepen.io/anon/pen/noxDb */
 nav[role=navigation] {
  display:block;
  background:transparent;
  position:relative;
  width:100%;
 /* height:80px;*/
  text-align:center;
  
ul {
   padding-top:30px;
    
    li {
     display:inline-block;
     	width:30%;
		margin:0 5px;
		text-align:center;
		list-style:none;
		white-space:nowrap;
		overflow:hidden;
      
      a {
        margin:4px;
        padding:4px;
        font-weight:bold;
        color:lighten(red,30%);
        text-decoration:none;
        &:hover {
          background:white;
          color:red;
        }
        &:visited{}
        &:active {}
      }
    }
  }
}

.arrow-down {
         height:0px;
         width:0px;
         border:none;
         border-top:5px solid #000000;
         border-left:5px solid rgba(0,0,0,0);
         border-right:5px solid rgba(0,0,0,0);
}
.arrow-up {
         height:0px;
         width:0px;
         border:none;
         border-bottom:5px solid #000000;
         border-left:5px solid rgba(0,0,0,0);
         border-right:5px solid rgba(0,0,0,0);
}
/*******************clanky***********************/
.img-section,.card-section img{
	margin:.5rem;
}
/*  card images - crop  */
/***************************/
.object-fit_fill { object-fit: fill }
.object-fit_contain { object-fit: contain }
.object-fit_cover {
	object-fit: contain;
	height: 200px;
	background-color: white !important;
}
.object-fit_none { object-fit: none }
.object-fit_scale-down { object-fit: scale-down }
.card-divider h4{
	font-size:1.2rem;
	display: inline;
	color: #5b6875;
}
.card-divider div.datum{
	display: inline;
	color: #a52a2a;
	float: right;
	font-weight: 600;
}
.card-divider {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding: 1rem;
	background: #e6e6e6;
	justify-content: space-between!important;
}
.card-footer {
		padding: 1rem auto;
}
.clanky-dokument{
	display:inline-block;
	line-height: 20px;
	width: 50%;
	float: left;
	color:#506070;
	margin:0 35px 0 0;
	font-size: 0.95em;
	text-align: left;
}
.clanky-gallery{
	display:inline-block;
	line-height: 20px;
	width: 50%;
	float: right;
	color:#506070;
	margin:0 35px 0 0;
	font-size: 0.95em;
	text-align: right;
}
/*************** / card/clanky *******************************/
/* orbit */
.orbit-wrapper {
	max-width: 75rem;
	margin:.5rem auto!important;
}

.orbit-caption {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-bottom: 0;
	padding: 1rem;
	background-color: rgba(10, 10, 10, 0.5);
	color: #fefefe;
	font-size: 2rem;
	text-transform: uppercase;
}
@media screen and (max-width:720px){
.home img{
margin: 1rem auto;
	float: none;
	}
	.header-img{
		display:none;
	}
.orbit-caption {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-bottom: 0;
	padding: .2rem;
	background-color: rgba(10, 10, 10, 0.5);
	color: #fefefe;
	font-size: 1rem;
	text-transform: uppercase;
}
}
/* //orbit */

/************************************* dokumenty***************************/
.dokumenty-container{
	border: 1px solid #f2f2f2;
}
.dokument {
	padding: 3px;
	margin:0 auto;
}
.dokument:hover{
	background-color: #a0a0a0!important; 
}
.dokument:nth-child(odd) {
 	background-color: #f2f2f2;
 	border-bottom: 0!important;
}
.dokument:nth-child(even) {
 	background-color: #fff;
 	border-bottom:1px solid #f2f2f2;
}
.dokument:last-child{
	border-bottom:1px solid #f2f2f2;
}
a.attach_doc{
	font-style: normal;
	color:#000099;
	text-decoration: none;
}
.attach_doc a:hover{
	font-style: normal;
	color:#2958de!important;
	text-decoration:underline;
}

.dokument i {
/*	padding: 0 5px 0 0;*/
	color:#315edf;	
}
.dokument em{
	/*color:#315edf;	*/
	color:#000;
	font-style: normal!important;
	font-size: .8rem!important;
	display: inline;
	margin: 0, .5rem;
	text-align:right;
}
.dokument em:hover{
	color:#fff;
	}
.dokument h4{
	font-size:0.85rem;
	font-weight: bold;
}
/************************************* end dokumenty ***********************/
/****************************** FOTOGALERIE INTRO*********************************/

.intro-wrapper{
margin:0 auto!important;
}


.intro-item{
cursor: pointer;
color: #000;
margin: .2rem 0.2rem .2rem 0;
padding:.5rem;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
-webkit-box-shadow: 3px 3px 4px 0px rgba(204, 204, 204, 0.75);
-moz-box-shadow:    3px 3px 4px 0px rgba(204, 204, 204, 0.75);
box-shadow:         3px 3px 4px 0px rgba(204, 204, 204, 0.75);
}
.intro-item h5{
   font-style: normal !important;
  color: #4e5965;
   line-height: 16px;
  text-align: left;
  overflow: hidden;
  margin-top: .5rem;
}
.intro-item h5:hover{
 overflow: auto;
 height: auto;
}

.intro-item p {
	font-size: small;
	color: #e9e9e9;
	background-color: transparent;
	width: 180px;
	text-align: left;
}
.intro-item ul{
	margin:5px 0 5px;
	padding: 0;
	font-size:small;
	color: #677685;
	background-color: transparent;
	width: 170px;
	}
.intro-item li{
	list-style: none;
	text-align: left!important;
}	


.intro-item{
	 display:inline-block; 
  width:215px;
  height:210px;
  overflow: hidden;
}
.intro-item-thumb img {
  width: 100%;
  height: 60%;
  object-fit: cover;
} 
/****************************** FOTOGALERIE - ITEMS*********************/

.img-gallery{
	margin:0 auto!important;
}
.img-gallery-thumb{
  display:inline-block; 
  width:220px;
  height:210px;
  overflow: hidden;
}

.img-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-gallery-thumb img:hover{
scale:0.95;
box-shadow: 10px 26px 60px rgba(67,77,136,0.3);
}
#spoluprace {
/* border-top: 1px solid #d9d9d9; */
padding:  1.5rem 0 0;
background-color: white;
margin:10px auto!important;

}
#spoluprace img{
display:block;
margin:0 10px 5px;
border: none;
    filter: none;
    -webkit-filter: grayscale(0);
 }
#spoluprace img:hover {
filter: url(http://static.tumblr.com/eptm5us/ueTmafr4p/filters.svg#grayscale); /* Firefox 3.5+ */
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><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>#grayscale"); /* Firefox 10+, IE10 */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
filter: gray; /* IE6+ */
 transition: filter 0.25s ease-out, color 0.25s ease-out;
 
}
/***************************btn- nahoru************************/
button#btnTopPage {
	width: 35px;
	height: 35px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 35px;
  border: none;
  outline: none;
  background-color: white;
  color: red;
  cursor: pointer;
  border-radius: 20px;
}

button#btnTopPage:hover {
  background-color: red;
  color: white;
}