:root {
	--darkblue: #557382;
	--blue: #2F8FC6;
	--pink: #F3A9B5;

	--barva1: var(--darkblue);
	--barva2: #333;

	--border_color: var(--darkblue);
	--tlacitko_bg: var(--blue);
	--tlacitko_bg_hover: var(--darkblue);
}

h1, h2,h3 { color: var(--darkblue); }
.marker { color: var(--blue); }
.marker2 { color: var(--pink); }

.white { color: #FFF; }
.darkblue { color: var(--darkblue); }
.pink { color: var(--pink); }

.tlacitko { background-repeat: no-repeat; }
.tlacitko, ul#m0 li a:hover { background-image: linear-gradient(90deg, var(--blue), var(--pink)); }
.tlacitko:hover, ul#m0 li a.a_Tactive { background-image: linear-gradient(-90deg, var(--blue), var(--pink)); }
.tlacitko.white, .tlacitko.blue, .tlacitko.darkblue, .tlacitko.pink { background-image: none; }

.tlacitko.white { background-color: #FFF; color: var(--darkblue); border-color: color: var(--darkblue); }
.tlacitko.white:hover { background-color: var(--darkblue); color: #FFF; border-color: color: var(--darkblue); }
.tlacitko.darkblue { background-color: var(--darkblue); color: #FFF; border-color: var(--darkblue); }
.tlacitko.darkblue:hover { background-color: var(--blue); color: #FFF; border-color: var(--darkblue); }
.tlacitko.pink { background-color: var(--pink); color: var(--blue); border-color: var(--pink); }
.tlacitko.pink:hover { background-color: #FFF; color: var(--blue); border-color: var(--pink); }

#banhead .mhdr { background-position: left bottom !important; }

ul#m0 li {
	padding: 0;
	margin: 0 1em;
}
ul#m0 li a {
	padding: 0.7em;
}
ul#m0 li a:hover,
ul#m0 li a.a_Tactive {
	background-color: var(--darkblue);
	color: #FFF;
}

#head_envelope.homepage.st_1 {
  min-height: 80vh;
  min-height: 80svh;
}