body {
	/*background-color: aqua;*/
    background-image: url(images/pozadi.jpg);
    /*background-color: aqua;*/
    background-size: auto 2000px ;
    font-family: Arial, Helvetica, sans-serif;
    margin:0%;
}

main{
	width: 1000px;
	height: 760px;
	margin: 0px auto;
}

header {
	z-index: -1;
    position: absolute; top: 0px; width: 1000px; height: 550px;
    padding-top: 150px;
    padding-bottom: 30px; 
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 5%, rgba(255,255,255,1) 80%);
    color: black;
    line-height: 2.0;
    font-size: 0.8em;
    background-color: rgba(255,255,255,0.15);
	border-radius:10px;
}

#top {
    height: 24px;width: auto;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 20px;
}

.valuered {
    color: brown;
    position: absolute; left: 15%;
    padding-top: 27px;
    font-weight: 500;
}

section {
    z-index: -1;
	position: absolute; top: 0px; width: 1000px;
	padding-bottom: 30px;
	padding-top: 150px; 
}

#video {
	position: absolute; top: 0px;right: 20px;
    /*height: 60% ; width: auto;*/
	width: 650px;
	margin-top: 180px;
	border: 5px solid rgba(0, 0, 0, 0.8);
	border-radius: 10px;
	box-shadow: 10px 10px 20px #000;
}

footer {
    z-index: -1;
    position: absolute; top: 0px; left: 0px; width: 100%;
    color: white;
    text-align: center;
    padding-top: 100px;
}

h1 {font-weight: 200; font-size: 1.5em;}
    
nav {
	position: fixed;
	text-align: center;
	top: 0px;
	width: 1000px;
	background-color:rgba(0,0,0,0.1);
	border-bottom: rgba(255,255,255,0.5) 1px groove;
}
	
p.top_menu a {
	margin: 2px 25px 25px 25px;
	color: white;
	text-decoration: none;
	font-size: 0.8em; 
}
		
p.top_menu a:hover {
	color: white;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	background-color:rgba(0,0,0,0);
}
		
.top_menuactive {
	margin: 2px 25px 2px 25px;
	color: white;
	text-decoration: none;
	font-size: 0.8em;
	border-radius:5px;
	border: 1px solid white;
   	padding: 5px 30px 5px 30px;
}
   	
.menu {display:none;}