:root {
	--green: #547328;
	--blue: #24458B;
	--red: #E63B15;
	--yellow: #fdc91d;
	--barva1: var(--green);
	--barva2: #333;
	--barva1_opacity: #547328dd;
	--barva1_opacity_50: #54732877;
	--barva2_opacity: rgba(51,51,51,0.8);
	--barva2_opacity_50: rgba(51,51,51,0.5);

	--mobile_ul_bg: var(--barva1_opacity); 
	--mobile_ul_li_bg: transparent; 

	--tlacitko_text: #FFF;
	--tlacitko_border: var(--green);
	--tlacitko_text_hover: var(--green);
	--tlacitko_bg: var(--green);
	--tlacitko_bg_hover: #FFF;
}
h1, h2, h3 { color: var(--green); }
.marker { color: var(--blue); }
.marker2 { color: var(--red); }
.red { color: var(--red); }
.blue { color: var(--blue); }
.yellow { color: var(--yellow); }

#scrollToHome, a.tlacitko { border-radius: 10px; }

ul#m0 li a:hover, ul#m0 li a.a_Tactive {
	background-color: #FFF;
	color: var(--green);
}

a.tlacitko { border-width: 3px; font-weight: bold; text-transform: uppercase; }
a.tlacitko.red { border-color: var(--red); background-color: var(--red); color: #FFF; }
a.tlacitko.red:hover { border-color: var(--red); background-color: #FFF; color: var(--red); }
a.tlacitko.blue { border-color: var(--blue); background-color: var(--blue); color: #FFF; }
a.tlacitko.blue:hover { border-color: var(--blue); background-color: #FFF; color: var(--blue); }
a.tlacitko.red:hover { border-color: var(--red); background-color: #FFF; color: var(--red); }
a.tlacitko.yellow { border-color: var(--yellow); background-color: var(--yellow); color: #FFF; }
a.tlacitko.yellow:hover { border-color: var(--yellow); background-color: #FFF; color: var(--yellow); }

#head_envelope.subpage { min-height: 400px; }

a.tlacitko.white_border, a.tlacitko.ram { border-color: #FFF !important; } 

ul#m0 li a { text-transform: uppercase !important; color: #FFF; }

@media (min-width: 641px) {
	ul#m0 {
		position: absolute;
		top: -20px;
		left: 200px;
		right: 200px;
		background-color: var(--barva1_opacity);
		border-radius: 0 0 18px 18px;
		padding: 22px 0;
	}
	
}