/* 1 - logo, 2 - 1990, 3 - přihlásit, 4 - kontakty */
:root {
	--barva1: #28427D;
	--barva2: #042b6c;
	--barva1_opacity: #28427DDD;
	--barva1_opacity_50: #28427D77;
	--barva2_opacity: #042b6cdd;
	--barva2_opacity_50: #042b6c77;
	--okr: #e1af2a;
	--lightblue: #C4EDFF;
}
h1, h2, h3 { color: var(--barva1); }
#horizont-0, #head-sogan div {background-color: var(--barva1);}
ul#m0 li a, #head-sogan div { color: #FFF; }
ul#m0 li { margin: 0 0.8em; }
ul#m0 li a { border-left: 20px solid transparent; padding: 0.6em 1em 0.6em 0.6em; }
ul#m0 li a, ul#m0 li a:hover, ul#m0 li a.a_Tactive { border-radius: 20px; }
ul#m0 li a:hover,
ul#m0 li a.a_Tactive
 { background-color: #FFF; color: var(--barva1); border-left: 20px solid var(--lightblue); }

a.tlacitko.white { background-color: #FFF; color: var(--barva1); border-color: var(--barva1);}
a.tlacitko.white:hover { background-color: var(--barva1); color: #FFF; border-color: var(--barva2);}

a#hor-res-menu-button { background-color: var(--barva2); }

#float_icons_part_1 {
  max-width: 100%;
  width: 1040px;
}
#floatingImage_2 {
  float: right;
}


@media (max-width: 1600px) {
	#float_icons_part_1 { max-width: calc( 50% + 240px ); }
}
@media (max-width: 1024px) {
	#float_icons_part_1 { max-width: 750px; }
}
@media (max-width: 800px) {
	#float_icons_part_1 { max-width: 100%; }
}
@media (max-width: 640px) {
	ul#m0, ul#m0 li { height: auto; }
	ul#m0 li { margin: 0; border-bottom-color: var(--lightblue); }
	ul#m0 li a:hover, ul#m0 li a.a_Tactive { border-radius: 0; border-right: 20px solid var(--lightblue); border-left: 0 none; }
	#floatingImage_2 {float: none;max-width: 40%;}
}