body {
	margin: 0px;
	padding: 0px;
  background:#fff top center url('bg.png') repeat-x;
	border: none;
	text-align: center;
	vertical-align: middle;
	color: #442414;
}


table { 
	border-collapse: collapse;
	width: 100%;
}


td {
	vertical-align: top;
	background: transparent; 
	padding: 0px;
	font: 13px helvetica;
	color: #000;
}

#head {
  margin:auto;
  width:960px;                                          
  height: 250px;                                         
  background:#fff top center url('header.jpg') no-repeat;
}

#head .podaci{
  padding-top:30px;
  padding-right:55px;
  color:#fff;
  text-align:right;
  font-size:12px;
  font-family: Century gothic;
}

.tekst {
	font: 13px helvetica;
	line-height: 150%;
}

div.vanjska{
	width: 730px;
	border: 1px solid #f1f1f1;
	background: white;
	margin: 10px;
	padding: 20px;
	text-align: left;
	font: 13px helvetica;
}

input.gumb {
	background: left bottom url('gumb.png') no-repeat;
	border:0px;
	font: 17px helvetica;
  color:#fff;
  height:28px;
  width:116px;
}

input.gumb:hover {
	background: left bottom url('gumb-hover.png') no-repeat;
}

td.rub {
	border: 1px solid #bfbfbf;
	padding: 8px;
}
td.pola {
	width: 50%;
}


td.broj {
	width: 50px;
	background: #bfbfbf;
	font: bold 20px helvetica;
	color: white;
	text-align: center;
	vertical-align: middle;
}

h1 {
	font: bold 30px helvetica;
	color: #a8a8a8;
}

.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.middle { vertical-align: middle; }
.top { vertical-align: top; }

table.middle td { vertical-align: middle; }
table.center td { text-align: center; }

.netocno {
	color: red;
	text-decoration: line-through;
}
a, a:hover {
	color: black;
	text-decoration: none;
}