body {
			font-family: Arial, helvetica, sans-serif;
			font-size: 12px;
			margin: 0px;
			background-color: #FFFFFF;
			background-image: url('../images/bg-body.png');
			background-repeat: repeat-x;
			background-position: left top;
			}
td {
			font-family: Arial, helvetica, sans-serif;
			font-size: 12px;
			}
a {
			color: #0B8548;
			text-decoration: none;
			}
a:hover {
			color: black;
			text-decoration: underline;
			}
hr { 
			border: 0;
			color: #ccc;
			background-color: #ccc;
			height: 1px;
			}
h1 {
			font-size: 16px;
			font-weight: bold;	
			color: #0B8548;
			/*padding-left: 15px;*/
			background-image: url(../images/bg-h1.png);
			height: 24px;
			}		
																						
h2 {
			font-size: 14px;
			font-weight: bold;	
			color: #0B8548;
			margin-top: 10px;
			}				
IMG {	border: 0px; margin:0px;padding:0px;}


/* ----- tablica ------*/
table.tablica  {
			width:100%;
			border-spacing: 0px;
			border:0px;
			border-collapse:collapse;
			}
.tablica TD{
			border:0px;
			border-bottom:1px solid #cccccc;
			margin:0px;
			padding:0px;
			white-space: nowrap;
			}
.tablica TH {
			border:0px;
			border-bottom:1px solid #cccccc;
			margin:0px;
			padding:0px;
			background-image: url(../images/bg-box.png);
			background-repeat: repeat-x;
			font-weight:bold;
			height:30px;
			}
.tablica TR:hover {
			background-color: #fff;
			background-image: url(../images/bg-box.png);
			background-repeat: repeat-x;
			}			
.tablica TR.istaknuto {
			background-color: #ffe;
			color:#000;
			}
TR:hover .istaknuto {
			background-color: #ffd;
			color:#000;
			}

#col1, #col2, #col3 {text-align:left;}
#col4, #col5 {text-align:right;}			


.tablica a {display:block; width:100%; color:#000;}
.tablica a:hover {text-decoration: none; color:#000;}

/* ----- box ------*/
			
.box {
			color: #333;
			padding: 4px 4px 4px 4px;
			background-color: #fff;
			border: 1px solid #ccc;
			background-image: url(../images/bg-box.png);
			background-repeat: repeat-x;
			background-position: left top;	
			}				
.box a {
			color: #333;
			}	
.box ul {
			font-size:11px;
			padding: 0;
			margin-left:15px; 
			}
.box hr { 
			border: 0;
			color: #ccc;
			background-color: #ccc;
			height: 1px;
			}

.box h3 {
			font-size:14px;
			font-weight:bold;
			margin-bottom:5px;
			}


/* ----- slike ------*/

div#slike {
			text-align: center;
			}
div#slike img {
			padding: 6px; 
			border: 1px solid #dddddd;
			margin: 5px 15px;
			}




/* ----- forms ------*/

input, textarea, select {
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			padding: 2px;
			/*border: 0px;*/
			margin:0px;	
			border: 1px solid #ccc;
			background-image : url('../images/bg-box.png');
			background-repeat: repeat-x;
			}	
input:focus, textarea:focus, select:focus {
			border: 1px solid #000;
			}

label	{
			display: block;
			float: left;
			width: 130px;
			margin-right: 10px;
			text-align: right;
			}
fieldset {
			background-image : url('../images/bg-box.png');
			background-repeat: repeat-x;
			border: 1px solid #ccc;
			}

form hr { 
			border: 0;
			color: #ccc;
			background-color: #ccc;
			height: 1px;
			margin: 20px 0px 20px 0px;
			}
form small { 
			color: #aaaaaa;
			margin-left:140px;
			}
form div { 
			margin-bottom:10px;
			}





/* ----- leftmenu ------*/
			
#leftmenu ul {
			list-style-type:none;
			border-bottom: 2px solid #ddd;
			padding:0;
			width: 100%;
			margin:0px;
			}
			
#leftmenu li {padding-bottom:0px;}			
#leftmenu li a { 
			display:block; 
			padding: 3px 10px; 
			color:#333; 
			background:#eee; 
			text-decoration:none;  
			border-top: 3px solid #ddd;		
			}
#leftmenu li a:hover {
			background:#e3e3e3;
			color: #000;
			}
			
			
#leftmenu ul li ul {
			list-style-type:none;
			border-bottom: 3px solid #ddd;
			margin:0;
			width: 100%;
			}
#leftmenu li ul li{padding-bottom:3px;}
#leftmenu li ul li a { 
			display:block; 
			padding: 2px 20px;
			color:#333; 
			background:#ddd; 
			text-decoration:none;  
			border-top: 0px solid #ddd;			
			}	
	
/* ----- topmenu ------*/

div#topmenu {
			
			/*
			background-image: url(../images/bg-topmenu.png);
			background-repeat: repeat-y;
			background-position:  top;
			margin-left:0px;
			width: 970px;
			*/
			background-color: #55AB80;
			height:33px;
			margin-left:10px;
			width: 950px;
			}
div#topmenu ul {
			text-align: right;
			margin: 0;
			/*border-bottom: #762828 6px solid;*/
			padding:8px;
			}
div#topmenu li {
			background : transparent;
			display : inline;
			list-style-type : none;
			margin-top : 9px;
			}
div#topmenu li a {
			font:12px Arial, sans-serif;
			letter-spacing: 1px;			
			font-weight: bold;
			text-align: left;	
			color: #FFFFFF;
			text-decoration: none;			
			padding:5px 25px 7px 25px;		
			
			}
div#topmenu li a:hover {
			/*background-image: url(../images/bg-topmenu1.png);*/
			background-repeat: repeat-y;
			background-position:  top;
			background-color: #0B8548;
			color : #ffffff;
			}	
div#topmenu .selected {
			background-color: #ffffff;
			color: #B81212;
			padding:6px 25px 10px 25px;
			font-weight: bold;
			letter-spacing: 1px;	
			}	
			
/* ----- toplevelmenu ------*/

div#toplevelmenu {
			/*background-color: #55AB80;*/
			height:33px;
			margin-left:0px;
			/*width: 100%;*/
			}
div#toplevelmenu ul {
			text-align: left;
			margin: 0;
			/*border-bottom: #762828 6px solid;*/
			padding:3px;
			}
div#toplevelmenu li {
			background : transparent;
			display : inline;
			list-style-type : none;
			margin-top : 9px;
			}
div#toplevelmenu li a {
			font:15px "Arial Narrow", Arial, sans-serif;
			/*letter-spacing: 1px;			*/
			/*font-weight: bold;*/
			font-weight: normal;
			text-align: left;	
			color: #FFFFFF;
			text-decoration: none;			
			padding:4px 18px 5px 18px;		
			
			}
div#toplevelmenu li a:hover {
			/*background-image: url('images/bg-topmenu1.png');*/
			background-repeat: repeat-y;
			background-position:  top;
			background-color: #0B8548;
			color : #ffffff;
			}	
			
/* ----- UserBox ------*/
			
.UserBox {
			float:right;
			width:200px;
			margin-right:15px;
			margin-top:5px;
			}
html>body div.UserBox{	margin-right:30px;}



/* ----- trazilica ------*/
form.trazilica   {
			background-image:url('../images/bg-search.jpg');
			font-size:11px;
			padding:5px;
			}
form.trazilica input  {

			margin-bottom:2px;
			}