#animace {align:center; background-color: white; padding-bottom: 20px;}
.w3-content{margin-left:auto;margin-right:auto;}
.w3-content{max-width:580px}
.w3-display-container{position:relative}
.w3-display-container:hover .w3-display-hover{display:block}
.w3-display-container:hover span.w3-display-hover{display:inline-block}
.w3-display-hover{display:none}
.w3-animate-opacity{animation:opac 2s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-container {padding:0.01em 16px}
.w3-center{text-align:center!important}
.w3-section {margin-top:16px!important;margin-bottom:16px!important}
.w3-large{font-size:18px!important}
.w3-text-white {color:#fff!important}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-badge{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.w3-badge{border-radius:50%}
.w3-border{border:1px solid #ccc!important}
.w3-transparent{background-color:transparent!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}

* {box-sizing: border-box}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-size: 26px;
	font-family: Arial, Helvetica, sans-serif;
}

.header {
	background-color: #f1f1f1;
	padding: 30px;
	text-align: center;
}

#logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
}

#navbar {
	overflow: hidden;
	position: fixed;
	width: 100%;
	z-index: 10;
	top: 0;
	left: 0;
	background-color: #333;
}

#navbar a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	width: 20%;
}

#navbar a:hover {
	background-color: #ddd;
	color: black;
}

#navbar a.active {
	background-color: #ff9933;
	color: white;
}

.content {
	padding: 16px;
}

#domu1, #aktuality, #onas, #fotogalerie, #kontakt {
	padding: 30px 20px;
}

#domu1 {
	background-color: #ffff99;
}

#aktuality {
	background-color: #99ff99;
}

#onas {
	background-color: #99ffff;
}

#kontakt {
	background-color: #ff9933;
}

#pata {
	text-align: center;
}

li {
	line-height: 45px;
}

.foto {
	display: block; float: left;
	width: 160px; height: 91px;
	border: 1px solid #666666;
	line-height: 0; 
	margin: 2px; margin-bottom: 10px;
	background-color: black;
	text-align: center;
}

.konec {
	clear: both;
}