header					{margin: auto; height: 100px; border-bottom: 1px solid #ddd; position: -webkit-sticky; position: sticky; top: 0; background-color: #F9F9F9; z-index:2;}
header div				{margin: auto; width: var(--strsire); height: 100%;}
header div>a 			{display: inline-block; width: 20%; height: 100%;}
header div>a h1 		{width: 100%; height: 100%; padding: 30px 0px;}
header div>nav 			{display: inline-block; width: 80%; height: 100%; vertical-align: top; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: right; align-items: center;}
header div>nav>a		{padding: 0px 15px; font-size: 18px; font-weight: 400; color: var(--modr); cursor: pointer;}
header div>nav>a:hover	{color: var(--cerv);}
header div>nav>a.menu	{display: none;}

body>menu				{display: none;}

footer					{background-color: var(--modr); padding-top: 20px;}
footer>div				{margin: auto; width: var(--strsire);}
footer>div section		{display: inline-block; width: calc(100% / 3); padding: 15px; vertical-align: top;}
footer>div section img 	{width: 70%; margin-bottom: 25px;}
footer>div section a.tl {display: inline-block; width: 70%; padding: 15px 15px; background-color: var(--bila); margin: 25px 0px; color: var(--modr); font-size: 18px; text-align: center;}
footer>div section p a 	{font-size: 16px; color: var(--bila); text-decoration: underline;}
footer>div section h3 	{font-size: 25px; color: var(--bila); margin-bottom: 25px;}
footer>div section p 	{font-size: 16px; color: var(--bila);}
footer>div span			{display: block; margin: 15px 0px 30px 0px; font-size: 16px; color: var(--bila); text-align: center;}
footer span.mapa		{display: inline-block; width: 100%; height: 300px; background-image: url('../img/mapa.webp'); background-position: 50% 50%; background-repeat: no-repeat;}
footer iframe			{display: block; width: 100%; height: 300px;}