:root {
	--font-family:                  'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', 'Arial', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	--font-size:                    16px;
	--font-weight:                  400;
	--font-line-height:             1.6em;

    --color-heading:                var(--color-primary);
	--heading-line-height:          1.5em;

	--h1-font-size:                 38px;
	--h1-font-size-mobile:          30px;

	--h2-font-size:                 32px;
	--h2-font-size-mobile:          28px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	height: 100%;
    scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--font-family);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	line-height: var(--font-line-height);
	color: var(--color-text);
	background-color: var(--color-bg);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(#000, 0);
	overflow: auto;
	min-height: 100%;
	padding: 0px;
}

menu {
	position:fixed;
	width: 20vw;
	top: 0px;
	left: 0px;
	color: white;
	background-color: midnightblue;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

menu .top {
	color: #eeeeee;
	padding-bottom: 2vw;
}

menu .logo {
	display: block;
	width:10vw;
	margin: 1vw auto;
}

menu nav a {
	display: block;
	margin: 5px 10px;
	color: white;
	text-decoration: none;
	font-size: 130%;
	text-transform: uppercase;
}

main {
	padding:5vw 5vw 5vw 25vw;
}

.mapa img {
	width:20vw;
	display: block;
	float: right;
	margin: 0vw 0vw 5vw 5vw;
}

.bordered {
	border-collapse: collapse;
}
.bordered td,
.bordered th {
	border: 1px solid #555555;
	padding: 0.5vw 1vw;
}

.ordinacni-doba {
	text-align: center;
}

.alert {
	display: block;
	color: red;
	font-weight: bold;
}

@media only screen and ( max-width: 600px ) {
	menu {
		width: 100%;
		top: 0px;
		left: 0px;
		right:0px;
		min-height: 10vw;
	}
	menu .top {
		display:none;
		text-align: left;
	}
	menu .logo {
		float: left;
		margin:10px;
	}
	menu nav a {
		display: inline-block;
		line-height: 12vw;
		font-size: 4vw;
	}

	main {
		padding:5vw;
		padding-top:15vw;
	}
}