body {
    font-family:Arial, Helvettica, sans-serif;
    background-color:#003333;
	color:white;
    
}

header {
    width:80%;
    background-color:#009999;
    color:white;
    margin-right:auto;
    margin-left:auto;
    padding:10px;
    overflow:hidden;
border-radius:5px 5px 0px 0px;
}


hgroup {
	float:left;
	width:100%;
}

hgroup h1 {
    padding-top:0;
    line-height:1em;
	width:70%;
}

hgroup h2{
    font-size:1.2em;
    line-height:1em;
	width:70%;
}
.Naslov{
	width:80%;
	margin-top:10px;
}
.Logo {
	height:170px;
	width:auto;
	float:left;
	padding:0px 20px 0px 0px;
}
nav {
    float:left;
	margin:0;
	vertical-align:bottom;
}

nav ul {
    list-style-type:none;
    padding-inline-start: 0px;
}
nav li {
    float:left;
    margin:2px;
}

h1 {
    font-size:3em;
    margin:0;
    padding:0;
    padding-top:5px;
}
nav li	a:link, a:visited {
	border-radius:5px;
    background-color: #003333;
    color: #C1E1C1;
    padding: 14px 25px;
    text-align: center; 
    text-decoration: none;
    display: inline-block;
}

a {
    text-decoration: none;
    color: #C1E1C1;
}

a:link{
  color: #C1E1C1;  
  background-color: transparent;  
  text-decoration: none;  
}
a:hover, a:active {
    border-radius:5px;
    background-color: #006666;
    color: white;
}
h2 {
    font-size:1.6em;
}

h3 {
    font-size:1.2em;
}

h4 {
    font-size:0.9em;
}

section {
	min-height:300px;
    width:80%;
    background-color:#006666;
    margin-right:auto;
    margin-left:auto;
    border-color:#006666;
    border-style:solid;
    border-width:10px;
}

p {
    margin:10px;
}

img {
    margin:0px 0px 0px 0px;
vertical-align:text-top;
}

.headerImg{
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	float:left;
	width:20%;
	padding:0;

}

footer {
    width:80%;
    color:white;
    margin-right:auto;
    margin-left:auto;
    height:50px;
    padding:10px;
	background-color:#009999;
border-radius:0px 0px 5px 5px;
}

footer p{
	text-align: center;
}