body {
	background-color: rgb(9,35,120);
	background-repeat: no-repeat; 
	background-size: 100%;
	margin: auto;
	width: 100%;
	
	color: black;
	font-family: sans-serif;
	text-align: left;
}

.okno {
	margin: auto;
	background-color: rgb(240,240,240);
	background-color: rgba(240,240,240,0.8);
	border-color: #898a02;
	border-top-style: none;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-bottom: 5px;	
	margin-bottom: 15px;
}


.navigace {
	background-color: rgb(240,240,240); 
	background-color: rgba(240,240,240,0.8); 
	
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	width: 100%;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 8px;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: green;
	
	
	}
	
h1.navigace_nadpis {
	display: block;
	text-align: center;
	width: 100%;
	color: #006b0d;
	font-family: 'Joti One', cursive; 
	text-decoration: none;
	margin-top:  0px;
	margin-bottom:  3px;
	}

h2 {
	color: #006b0d;
	font-family: 'Joti One', cursive; 
	text-decoration: none;
	margin-top:  5px;
	margin-bottom:  5px;
	
	}

a {
		color: #006b0d;
		font-weight: bold;
	}

a.akce:visited a.akce:link {
		color: #006b0d;
		text-decoration: none;
	}
	
a.akce:hover a.akce:active {
		color: #000000;
		text-decoration: underline;
	}

	li {
		margin-top: 0px;
		margin-bottom: 0px;
		line-height: 110%;
	}
	
.navigace_podkres {	
	width:100%;
	justify-content: center;
	background-image: linear-gradient(to right,transparent -20%, lightblue);
	
	}

.dropdown-toggle {	
	color: #006b0d;
	font-family: 'Joti One', cursive;
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;
	}
	
.dropdown-toggle::after {
		display: none;
	}

	
.dropdown-menu {

	font-family: 'Joti One', cursive;
	}

a.nav-link:link,
a.nav-link:visited {
	color: #006b0d;
	font-family: 'Joti One', cursive;
	font-weight: normal;
}

a.nav-link:active,
a.nav-link:hover {
	color: #33cc33;
	font-family: 'Joti One', cursive;
	font-weight: normal;
	
}
	


a.dropdown-item:link,
a.dropdown-item:visited {
	color: #006b0d;
}

a.dropdown-item:active,
a.dropdown-item:hover {
	color: #33cc33;
}


.btn-xs {
	   padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;

}

.xs_menu_blok {
	position: absolute;
	top:0px;
	display: block;
	text-align: right; 
	width:100%;
}

.xs_menu_nadpis {
	color: #006b0d;
	font-family: 'Joti One', cursive;
	font-weight: normal;
}


	
.obrazek_vpravo20 {
		float:right;
		padding-left:5px;
		width: 20%;
	}
	
.obrazek_vpravo15 {
		float:right;
		padding-left:5px;
		padding-bottom: 10px;
		width: 15%;
	}	
.pismena {list-style-type: lower-alpha;}	
.pocasi { width: 90%; margin: auto; text-align: center; }
	
.bold { font-weight: bold; }		
.italics {font-style: italic; }


.black {color:black;}
.green {color:green;}
.red {color:red;}
.white {color:white};




.dropdown-submenu{
    position: relative;
}
.dropdown-submenu a::after{
    transform: rotate(-90deg);
    position: absolute;
    right: 3px;
    top: 40%;
}
.dropdown-submenu:hover .dropdown-menu, .dropdown-submenu:focus .dropdown-menu{
    display: flex;
    flex-direction: column;
    position: absolute !important;
    margin-top: -30px;
    left: 100%;
}

.navbar-light .navbar-nav .nav-link {
	color: #006b0d;
}

@media (max-width: 992px) {
    .dropdown-menu{
        width: 80%;
				min-width: 250px;
				max-width: 350px;
    }
    .dropdown-menu .dropdown-submenu{
        width: auto;
    }
}


.card .card-header {	
	
	color: #ffffff;	
}

.border-kaceri {
	border-color: #337ab7;
	margin-top: 0.5rem;
}

.bg-kaceri {
	background-color: #337ab7;
}

h3.card-title {
	
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom: 0px;
}


.pagination {
	padding-top: 2rem;
	justify-content: center;
}

.w-20 { width: 20%;}

/* EXTRA small */
@media(max-width: 575px) {
	body {background-image: url(/pozadi/pozadi0768.jpg); }
	.okno {width: 100%; min-height: 200px;}
	.navigace_logo 	{height: 3.0em; }
	h1.navigace_nadpis {font-size: 1.5em;}
	h2 {font-size: 1.4em;}
	.nav-link {font-size: 1.0rem; }
	.dropdown-toggle { font-size: 1.0em; }
	.dropdown-menu {font-size: 1.0em; }
	.nav-item { margin-right: 0rem; }
	.xs_menu_nadpis {font-size: 1.1rem; margin-right: 0.5rem;}
 }
 
/* SM SMALL MEDIA */
@media (min-width: 576px) {
	body {background-image: url(/pozadi/pozadi0768.jpg); }
	.okno {width: 100%; min-height: 200px;}
	.navigace_logo 	{height: 3.0em; }
	h1.navigace_nadpis {font-size: 1.5em;}
	h2 {font-size: 1.4em;}
	.nav-link {font-size: 1.0rem; }
	.dropdown-toggle { font-size: 1.0em; }
	.dropdown-menu {font-size: 1.0em; }
	.nav-item { margin-right: 0rem; }
	.xs_menu_nadpis {font-size: 1.4rem; margin-right: 2rem;}
}


/* MD */
@media (min-width: 768px) {
	body {background-image: url(/pozadi/pozadi0992.jpg); }
	.okno {width: 100%; min-height: 200px;}
	.navigace_logo 	{height: 3.5em; }
	h1.navigace_nadpis {font-size: 1.6em;}
	h2 {font-size: 2.1em;}
	.nav-link {font-size: 1.2rem; }
	.dropdown-toggle { font-size: 1.2em; }
	.dropdown-menu {font-size: 1.1em; }
	.nav-item { margin-right: 0.2rem; }
}

/* LG */
@media (min-width: 992px) {
	body {background-image: url(/pozadi/pozadi1200.jpg);}
	.okno {width: 98%; min-height: 200px;}
	.navigace_logo 	{height: 4.0em; }
	h1.navigace_nadpis {font-size: 2.0em;}
	h2 {font-size: 2.3em;}
	.nav-link {font-size: 1.3rem; }
	.dropdown-toggle { font-size: 1.3em; }
	.dropdown-menu {font-size: 1.2em; }
	.nav-item { margin-right: 1.2rem; }	
}

/* XL */
@media (min-width: 1200px) {
	body {background-image: url(/pozadi/pozadi1920.jpg); max-width: 1600px;}
	.okno {width: 95%; min-height: 200px;}
	.navigace_logo 	{height: 6.0em; }
	h1.navigace_nadpis {font-size: 3.0em;}
	h2 {font-size: 1.8em;}
	.nav-link {font-size: 1.4rem; }
	.dropdown-toggle { font-size: 1.4em; }
	.dropdown-menu {font-size: 1.2em; }
	.nav-item { margin-right: 2.5rem; }	
	.loga_sponzori { max-height:130px;}
	.img-thumbnail .fotogalerie  {max-height: 5rem;}
}