* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
}
#wrapper { 
 margin: 0 auto;
 width: 100%;
}
#header {
 color: #333;
 padding: 10px;
 height: 70px;
 margin: 10px 0px 5px 0px;
 background: rgba(0, 128, 0, 0.7);
}
.headerList li {
	min-width: 100px;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.headerList li:hover {
	background-color: rgba(0, 128, 0, 0.9);
}
#content { 
 color: #333;
 margin: 0px 0px 5px 0px;
 padding: 20px;
}
#footer { 
 color: #333;
 background: rgba(0, 128, 0, 0.7);
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
#header a {
	color: white;
}
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}
p {
	margin: 10px 0px;
}
.comparisonTable {
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border-collapse: collapse;
}
.comparisonTable td {
	padding: 5px;
}
.primjerTable {
	border-collapse: collapse;
}
.primjerTable td{
	padding: 5px;
}
.primjerTable th{
	padding: 5px;
}
img {
	max-width: 600px;
	max-height: 400px;
}
img#pdf {
	width: 40px;
	height: 50px;
}
ol {
	margin-left: 10px;
}
th {
 background: rgba(0, 128, 0, 0.7);
 color: white;
}
.code {
	font-family: consolas;
	 background: rgba(200, 200, 200, 0.2);
	 max-width: 50%;
}