body {
			font-family: Arial, "Trebuchet MS", helvetica, sans-serif;
			font-size: 12px;
			margin: 0px;
			background-color: #6B9AC2;																/* color 1 */
			background-image: url('/design/bg-body.png');
			background-repeat: repeat-x;
			background-position:bottom; 
			background-attachment:fixed;
			}
td {
			font-family: Arial, helvetica, sans-serif;
			font-size: 12px;
			/*background-color: white;*/
			}
IMG { 
			border:0px;
			}
a {
			color: #6B9AC2;
			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:#6B9AC2;
			background-image: url(/images/bg-h1.png);
			height: 30px;
			}		
																						
h2 {
			font-size: 14px;
			font-weight: bold;	
			color: #1D6744;
			margin-top: 10px;
			}				
			

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;
			}
.boxDL {
			float:right; 
			margin-left:30px; 
			padding:20px; 
			padding-bottom:15px; 
			background-color:#fafafa; 
			border: 1px solid #ccc; 
			width:200px;
			}


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

div#topmenu {
			display:none;
			background-image: url("/design/bg-topmenu.png");
			/*
			background-repeat: repeat-y;
			background-position:  top;		
			background-color: #000000;
			*/
			height:32px;
			/*margin-left:1Px;*/
			width: 100%;
			}
		
div#topmenu ul {
			text-align: right;
			margin: 0;
			margin-right: 10px;
			/*border-bottom: #762828 6px solid;*/
			padding:7px;
			}
div#topmenu li {
			background : transparent;
			display : inline;
			list-style-type : none;
			margin-top : 7px;
			/*margin-right: 8px;		*/
			/*padding:7px 10px 7px 10px;		*/
			}
	
div#topmenu li a {
			font:12px Arial, sans-serif;
			letter-spacing: 1px;			
			font-weight: bold;
			text-align: center;	
			color: #FFFFFF;
			/*background-color: #000000;*/
			text-decoration: none;	
			padding:4px 15px 7px 15px;		
			/* ovo je radilo padding:6px 30px 9px 30px;		*/
			
			}


div#topmenu li a:hover {
			/*
			background-image: url(/images/bg-topmenu1.png);
			background-repeat: repeat-y;
			background-position:  top;
			*/
			background-color:#28915F;
			color : #ffffff;
			}	
		
		
/* ----- 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:#6B9AC2;
			color:#fff;
			}
			
		
	


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






/* --- karta weba --- */
	.map0, .map1, .map2, .map3, .map4 {width: 300px; padding:5px; text-indent: 30px; text-align:left; color: white;border-bottom:1px solid #fff;}
	.map0 {text-indent: 30px;
	}
	.map0 {background-color:#D2C798;}
	.map1 {background-color:#FBBC86;}
	.map2 {background-color:#6B9AC2;}
	.map3 {background-color:#DD5928;}
	.map4 {background-color:#B3CCC8;}
	
	.map0 a, .map1 a, .map2 a, .map3 a, .map4 a {color:white; text-decoration: none;display:block;}