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;}


/* ----- tablica ------*/
.tablica TD {
			border-bottom:1px solid #cccccc;
			margin:0px;
			}
		
			

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


/* ----- box150 ------*/
.box150 {
			background-image: url('images/bg-box150u.png');
			color: #333;
			padding: 5px 5px 5px 5px;
			}
div.box150 div {
			background-image: url('images/bg-box150d.png');
			background-position: left bottom;	
			}

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

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






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

input, textarea, select {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			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;
			}

fieldset {
			border: 1px solid #ccc;
			}
fieldset div {			
			margin-bottom:10px;
			}
fieldset small {			
			margin-left:140px;
			color: #777;
			}
fieldset span {			
			font-size:10px;
			}


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;
			}
			
form span {
			width:120px;
			display:block;
			float:left; 
			clear:both;
			}


/* ----- 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;
			/*background-color: #000000;*/
			height:33px;
			margin-left:0px;
			width: 970px;
			}
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: #777;
			color : #ffffff;
			}	
div#topmenu .selected {
			background-color: #ffffff;
			color: #B81212;
			padding:6px 25px 10px 25px;
			font-weight: bold;
			letter-spacing: 1px;	
			}	

/* ----- UserBox ------*/
			
.UserBox {
			float:right;
			width:200px;
			margin-right:15px;
			margin-top:5px;
			}
html>body div.UserBox{	margin-right:30px;}


			
/* ----- HomeBox ------*/
			
.HomeBox {font-size: 11px;}
.HomeBox dd { border-bottom:1px dotted #aaa;font-size:11px;clear:both;margin: 0;}
.HomeBox dd a { display:block;color:black;text-decoration:none;}
.HomeBox dd a:hover {background-color:#f7f7f7;}
.HomeBox span { color:gray;float:right;}
.HomeBox dt { font-weight:bold;}


/* ----- 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;
			}	



/* ----- TitleBox ------*/
			
div#TitleBox {
			background-color:#f7f7f7; 
			border-top:1px solid #e7e7e7; 
			border-bottom:1px solid #eee;
			padding:20px;
			}
			
div#TitleBox H3 {
			font-family: Cambria, "Times New Roman", serif; 
			font-size:36px; 
			color:black;
			margin-top:10px;
			}
			
div#TitleBox td {
			background-color:#f81;
			width:100px;
			text-align:center;
			font-size:13px;
			}
div#TitleBox a {
			display:block;
			text-decoration:none;
			padding:20px 0 20px 0;
			color:black;
			}
div#TitleBox a:hover {
			background-color:#e60;
			text-decoration:none;
			}