* {
			font-family: Arial;
			
			/*line-height:130%;*/
			}		


body {
			margin: 0px;
			background-color: #aaa;	
			/*background-image: url('images/bg-body.png');*/
			/*background-repeat: repeat-x;*/
			font-size: 13px;
			}
td {
			font-family: Arial, helvetica, sans-serif;
			font-size: 12px;
			/*background-color: white;*/
			}
a {
			color: #49499C;
			text-decoration: none;
			}
a:hover {
			color: #303067;
			text-decoration: underline;
			}
hr { 
			border: 0;
			color: #ccc;
			background-color: #ccc;
			height: 1px;
			}
h1 {
			font-size: 20px;
			font-weight:bold;	
			color:#000;
			
			}		
																						
h2 {
			font-size: 16px;
			font-weight: bold;	
			color: #000;
			margin-bottom: 0px;
			}				
			

CITE {
			float: right;
			margin: 10px;
			margin-left: 20px;
			font-size: 24px;
			color: #fff;
			padding: 5px 5px 5px 5px;
			background-color: #49499C;
			border: 1px solid #303067;
	
			}		
			
.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 {
			color: #333;
			}	
.box ul {
			font-size:11px;
			padding: 0;
			margin-left:15px;
			}
.box hr {
			border: 0;
			color: #ccc;
			background-color: #ccc;
			height: 1px;
			}

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

.linkovi ul {
			list-style-position: outside; 
			list-style-image: url("/images/bullet.gif"); 
			padding:0px; 
			margin-left:14px;
			}
.linkovi li {
			margin-bottom:8px;
			}

ul.popis {
			list-style-position: outside; 
			list-style-image: url("/images/bullet.gif"); 
			/*padding:0px; */
			margin-left:14px;
			}
li.popis {
			margin-bottom:8px;
			}

/* ----- reference ------*/

.ref1, .ref2, .ref3 {
		padding: 8px;
		color: black;
		font-size: 11px;
		}
.ref1 {
		border: 1px dashed #cccccc; 
		background-color: #efefef;
		}
.ref2 {
		border: 1px dashed #cccccc; 
		border-bottom: 0px; 
		background-color: #ffffff;
		}
.ref3 {
		border: 1px dashed #cccccc; 
		border-bottom: 0px; 
		background-color: #dddddd;
		font-weight: bold;
		}	


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

input, textarea {
			font-family: Candara, "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 13px;
			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 {
			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;
			}	
			
/* ----- topmenu ------*/


		
		
		
		
		
		
		
		
		
		
/* ----- leftmenu ------*/
			
#leftmenu ul {
			list-style-type:none;
			padding:0;
			margin:0;
			width: 100%;
			}
			
#leftmenu li {padding-bottom:5px;}			
#leftmenu li a { 
			display:block; 
			padding: 5px 8px; 
			color:#777777;
			/*background:#ffee99; */
			text-decoration:none;  
			border-bottom: 1px solid #ddd;			
			}
#leftmenu li a:hover {
			/*
			background-image: url(images/bg-top.png);
			background-repeat: no-repeat;
			background-position:  top center;
			*/
			background-color:#28915F;
			color:#fff;
			}
			
		
	

			
/* ----- sajmovi tablica ------*/

.sajmovi TR TD {
			border-bottom: 1px solid #ccc;
			padding: 3px;
			}
.sajmovi TH {
			border-bottom: 1px solid #ccc;
			background-image: url(images/bg-box.png);
			background-repeat: repeat-x;
			background-position: left top;	
			}
			
/* ----- tabs ------*/			
			
	ul.tabs {
			text-align: left;
			border-bottom:1px solid #49499C;
			margin:0;
			}
		
	ul.tabs li {
			display: inline;
			list-style-type : none;
			margin:0;
			margin-left:1px;
			padding:2px 4px 1px 4px; 
			border-left:1px solid #49499C;
			border-right:1px solid #49499C;
			border-top:1px solid #49499C;
			cursor: pointer;
			
			background-color:#49499C; 
			color: #fff; 
			border-bottom: 1px solid #49499C;
			
			}
	ul.tabs li:hover {
			background-color:#fff; 
			color: #000; 
			border-bottom:1px solid #fff;
			}

	ul.tabs li.son{
			background-color:#fff; 
			color: #000; 
			border-bottom:2px solid #fff;}
			
			
/* ----- tabulator ------*/			
			
			
/*	
.tabulator.tabbed .head {
    height: 57px;
    overflow: hidden;
    margin-bottom: 10px;
    }
*/
.tabulator ul.tabs-large {
    margin: 0;
    padding: 0 0 0 6px;
    height: 37px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: url(images/tabulator-bg.gif) repeat-x;
    }

.tabulator ul.tabs-large li {
    margin: 2px 0 0 -1px;
    padding: 0 0 0 5px;
    list-style: none;
    float: left;
    display: inline;
    background: url(images/tabulator-tabs.gif) left;
    position: relative;
    z-index: 2;
    }

.tabulator ul.tabs-large li.alt {
    background-position: bottom left;
    }

.tabulator ul.tabs-large li.on {
    background-position: top left;
    }

.tabulator ul.tabs-large a {
    padding: 0 15px 0 10px;
    color: #000;
    background: url(images/tabulator-tabs.gif) right;
    line-height: 35px;
    float: left;
    }

.tabulator ul.tabs-large li.alt a {
    background-position: bottom right;
    color: #FFF;
    font-weight: bold;
    }

.tabulator ul.tabs-large li.on a {
    background-position: top right;
    font-weight: bold;
    color: #000;
    }


/* ----- stari gradski vodič ------*/	

.hz-lite {
			background: #bbbbee;
			}
.hz-dark {
			background: #8888bb;
			}

.okvir1 {
			border-top: 1px solid #BCBBEF; 
			border-bottom: 1px solid #BCBBEF;
			padding: 2px;
			}
.okvir1 TD {
			border-top: 1px solid #BCBBEF; 
			border-bottom: 1px solid #BCBBEF;
			}							
.okvir1 TH {
			background-color: #DBDCF7; 
			color: black; 
			font-family: Verdana; 
			font-size: 12px; 
			font-weight: bold; 
			text-align: left;
			}
.okvir2 {
			border-top: 1px solid #BCBBEF; 
			border-bottom: 1px solid #BCBBEF;
			padding: 2px;
			}
.okvir2 TD	{
			border-top: 1px solid #BCBBEF; 
			border-bottom: 1px solid #BCBBEF;
			}							
.okvir2 TH {
			background-color: white; 
			color: black; 
			font-family: Verdana; 
			font-size: 12px; 
			font-weight: bold; 
			text-align: left;
			}
/* ----- event ------*/			


.event {
		border-bottom: 1px solid #eee;
		padding-left:10px;
		}
.event a {
		display:block;
		text-decoration:none;
		padding: 10px;
		border: 1px solid #fff;
		}	

	
.eventTime {
		color: #777;
		font-size:90%;
		line-height:100%;
		}
.eventTitle {
		color: #333;
		}
		
.event a:hover {
    background-color: #f7f7f7;
    color: #000;
    border: 1px solid #eee;
		}	
		
.eventError {
		color: #777;
		font-size:90%;
		padding-left:10px;
		}
		
		
		
		
		
		
		

		
div#topmenu {	/* veličina i pozadina cijele kutije */
			height:32px;
			width: 100%;
			background-color: #eee;
			border-bottom: 1px solid #ddd;
			}

#topmenu ul { /* all lists */
			padding: 0;
			margin: 0 0 0 10px;
			list-style: none;
			line-height: 30px;
			}

#topmenu ul a {
			display: block;
			font:12px Arial, sans-serif;
			/*letter-spacing: 1px;			*/
			font-variant: small-caps;
			/*font-weight: bold;*/
			text-align: left;	
			color: #000;
			text-decoration: none;	
			padding:8px 23px 9px 22px;
			}
			
#topmenu a:hover {
			background-color: #ddd;
			color: #000;
			}	

#topmenu li { 
			float: left;
			}

#topmenu ul li ul { /* second-level lists */
			position: absolute;
			width: 205px;
			margin: 0px;
			border-top:1px solid #ddd;
			left: -999em; 
			background-color: #eee;
			}
#topmenu ul li ul li a {
			display: block;
			width:160px;
			}
#topmenu li:hover ul, #topmenu li.tmhover ul { 
			left: auto;
			}
					
			
/*----- IE hackovi -----*/			

#topmenu ul a {
			width: 85px;
			text-align: center;
			padding:8px 15px 9px 14px;
			}

html>body #topmenu ul a {
			width: auto;
			text-align: left;
			padding:8px 23px 9px 22px;
			}
#topmenu ul li ul li a {
			text-align: left;
			}