*{
	margin:          0;
	padding:         0;
	font-family:     Arial, sans-serif;
	text-decoration: none;
}

#okvir {
	width:           100vw;
	height:          100vh;

	display:         flex;
	flex-direction:  column;
	justify-content: flex-start;
	align-items:     stretch;
}

header {
	height:          60px;
	background:      #707070;

	display:         flex;
	flex-direction:  row;
	justify-content: flex-start;
	align-items:     center;
}

nav {
	display:         flex;
	flex-direction:  row;
	justify-content: flex-start;
	align-items:     stretch;

	margin-right:    20px;
}

#nav_logo{
	width:  24px;
	height: auto;
	margin: 0 0 0 18px;
}

#nav_razdvajac {
	flex: 1;
}

nav a{
	color:       #ffffff;
	font-weight: bold;
	margin:      0 24px 0 0;
}

main {
	flex:    1;
	padding: 10vh 30vw 10vh 30vw;

	display:         flex;
	flex-direction:  column;
	justify-content: flex-start;
	align-items:     stretch;
}

footer {
	height:      100px;
	background:  #999999;
}