p img {
	max-width: 100%;
	height: auto;
}

.file-formularovy-prvek {
	display: flex;
	align-items: center;
}

.file-formularovy-prvek input[type="file"] {
	display: none;
}

.file-formularovy-prvek label {
	margin: 0;
}

.file-tlacitko {
	background: #787878;
	color: #fff;
	padding: 0 1.5em;
	border-radius: 0.35em;
	cursor: pointer;
	transition: 0.2s;
	line-height: 2.75em;
	font-size: 16pt;
}

@media screen and (max-width: 1800px) {
	.file-tlacitko {
		font-size: 12pt;
	}
}

.file-tlacitko:hover {
	background: #000;
}

#souborNazev {
	padding-bottom: 0.5em;
}





@media screen and (max-width: 980px) {
    #footer .copyright {
        margin: 0 0 5.5em 0;
    }
}


#header .image.avatar {
	margin: 0 0 1em 0;
	width: 11.0em;
}
.image.avatar {
	border-radius: 0;
}

.image.avatar img {
	border-radius: 0%;
	width: 100%;
}

.image.fit.logo {
	max-width: 20em;
}

.image:before {
	background: none;
}



ul.actions li {
	width: 100%;
}



.button {
	flex: 1;
	padding: 0.75em; 
	/* border-radius: 0em; */
	background: #fff;			/* bílé pozadí */
	display: flex;				/* centrování */
	align-items: center;		/* svisle */
	justify-content: center;	/* vodorovně */
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.03em;
	font-size: 0.9em;
	color: #000;
	min-height: 3em;
}


input[type="submit"], 
input[type="reset"], 
input[type="button"], 
.button {
	border: 1px solid;
}	


input[type="submit"].primary, 
input[type="reset"].primary, 
input[type="button"].primary, 
.button.primary {
	background-color: #8dbb12;
	border-color: #6b9217;
	color: #fff !important;
}



.custom-btn-vertical {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	overflow: hidden;
	width: 100%; /* uprav dle potřeby */
	transition: opacity 0.3s ease;
	border-radius: 0.35em;
}

.custom-btn-vertical.box1 {
	border: 1px solid #00416a;
}

.custom-btn-vertical.box2 {
	border: 1px solid #c00418;
}

.custom-btn-vertical.box3 {
	border: 1px solid #118746;
}

.custom-btn-vertical.box4 {
	border: 1px solid #1f707c;
}

/* horní část (bílá) */
.custom-btn-vertical .btn-top {
	background: white;
	padding: 2em 1em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.custom-btn-vertical .btn-top {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* spodní pruh */
.custom-btn-vertical .btn-bottom {
	background: #00416a;
	color: #fff;
	text-align: center;
	padding: 0.6em;
	font-weight: 400;
	font-size: 0.9em;
}

.custom-btn-vertical .btn-bottom.box1 {
	background: #00416a;
}

.custom-btn-vertical .btn-bottom.box2 {
	background: #c00418;
}

.custom-btn-vertical .btn-bottom.box3 {
	background: #118746;
}

.custom-btn-vertical .btn-bottom.box4 {
	background: #1f707c;
}

/* SVG styl */
.custom-btn-vertical img,
.custom-btn-vertical svg {
	width: 100%;
	height: auto;
	max-width: 100%;
}

/* hover efekt */
.custom-btn-vertical:hover {
	opacity: 0.4;
	text-decoration: none;
}



.bottom-overlay {
	position: fixed;					/* zůstane na místě při scrollování */
	bottom: 0;							/* zarovnáno ke spodní části stránky */
	left: 0;							/* začíná zleva */
	width: 35%;							/* přes celou šířku */
	height: 5.5em;						/* výška pruhu – uprav podle potřeby */
	background: rgba(0, 0, 0, 0.7);		/* černá s 50% průhledností */
	z-index: 9999;						/* aby byl vždy nahoře */
	display: flex;
	align-items: center;
	justify-content: center;
}

.bottom-overlay ul {
	width: 100%;
	margin: 0;
	padding: 0;
}


.bottom-overlay ul li {
	width: 32.33%;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* SVG styl */
.bottom-overlay img,
.bottom-overlay svg {
	width: 100%;
	height: auto;
	max-width: 100%;
}


@media screen and (max-width: 980px) {
    .bottom-overlay {
        width: 100%;
    }
    
    .bottom-overlay ul {
		margin-top: 1em;
		padding-top: 1em;
	}
}





.pagination {
	display: flex;
	flex-wrap: wrap;      /* pokud je moc tlačítek, přejdou do dalšího řádku */
	gap: 5px;             /* mezery mezi tlačítky */
}

.pagination .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5em 1em;     /* menší padding = užší tlačítka */
	min-width: 3.35em;      /* volitelně, aby tlačítko nebylo úplně malé */
	flex: 0 0 auto;       /* zabrání roztahování tlačítka na celý řádek */
	text-align: center;
}




.nahledovy-box {
	display: block;
	line-height: 1.75em;
	background: #f7f7f7;
	border-radius: 0.35em;
	border: solid 1px #efefef;
	margin: 0 0 2.0em 0;
	padding: 1em;
}


.nahledovy-box.kontakty {
	display: block;
	line-height: 1.75em;
	background: #f7f7f7;
	border: solid 1px #efefef;
	font-family: 'Source Sans Pro';
	margin: 0 0 2.0em 0;
	padding: 1em;
	text-align: center;
}

.nahledovy-box.kontakty h3 {
	margin: 0 0 0.25em 0;
}

.nahledovy-box.kontakty h3 strong {
	font-weight: 700;
}

.nahledovy-box.kontakty ul {
	margin: 0 0 1em 0;
}


.breadcrumb {
	margin: 1.0em 0 2.0em 0;
}

.breadcrumb a {
	text-decoration: none;
	color: #8dbb12;
}

.breadcrumb a:hover {
	text-decoration: none;
	color: #09782a;
}

.breadcrumb span {
	margin: 0 1.empx;
	color: #8dbb12;
}

.breadcrumb strong {
	color: #09782a;
}


.hlaseni-uspech,
.hlaseni-neuspech {
	padding: 0.75em;
	margin-bottom: 1.75em;
	border: 1px solid; 
	border-radius: 0.75em;
	text-align: center;
}

.hlaseni-uspech {
	color: #0f5722;
	background: #cbedd6;
	border-color: #96dbad;
}

.hlaseni-neuspech {
	color: #671414;
	background: #f9d4d4;
	border-color: #f2a9a9;
}