body {
	background-color:#006BA1;
	background-image:url(img/bg.png);
	background-position:top;
	background-repeat:repeat-x; 	
	margin : 0;
	font-size : 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color : #ffffff; }

/* TEXT */	

.text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size : 11px;
	font-weight : normal;
	color : #ffffff;
	line-height: 14pt;
	text-decoration : none; }

.text-sadrzaj {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size : 12px;
	font-weight : normal;
	color : #ffffff;
	line-height: 15pt;
	text-decoration : none; }

.text-small {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size : 9px;
	font-weight : normal;
	color : #ffffff;
	text-decoration : none; }

.title-home-big {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size : 25px;
	font-weight : normal;
	color : #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	background-image:url(/img/bg-home.png);
	background-position:right;
	background-repeat:no-repeat;
	text-decoration : none; }

.title-white-big {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 25px;
	font-weight : bold;
	color : #ffffff;
	line-height: 20pt;
	text-decoration : none; }

.title-white-small {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight : bold;
	color : #ffffff;
	line-height: 18pt;
	text-decoration : none; }

.text-blue {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #0686D7;
	line-height: 14pt;
	text-decoration : none; }

.text-bottom {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size : 12px;
	font-weight : normal;
	color : #74AFCD;
	text-decoration : none; }

.text-bottom-right {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size : 12px;
	font-weight : normal;
	color : #74AFCD;
	text-decoration : none; }

h3 {
	font-size: 35px;
	margin: 0 0 0 0;
	display: inline;
	text-decoration : none;	}

h4 {
	font-size: 50px;
	margin: 0 0 0 0;
	display: inline;
	text-decoration : none;	}

/* LINK */

a.text {
	text-decoration:none;
	color:#ffffff; }
	
a.text:hover {
	text-decoration:none;
	color:#74AFCD; }	

a.text-bottom {
	text-decoration:none;
	padding-left: 15px;
	color:#74AFCD; }
	
a.text-bottom:hover {
	text-decoration:none;
	color:#ffffff; }	
	
a.text-bottom-right {
	text-decoration:none;
	color:#74AFCD; }
	
a.text-bottom-right:hover {
	text-decoration:none;
	color:#ffffff; }	
	
	
/* MENU */


#header { width: 599px; height: 249px; position: relative;  }

#flash-area { width: 599px; height: 249px; position: absolute; top: 0px; left: 0; z-index: 1; }

#reference-home { background: url(/img/menu/reference.gif) no-repeat; width: 180px; height: 83px; position: absolute; top: 0px; left: 431px; z-index: 42; }

#references-home { background: url(/img/menu/references.gif) no-repeat; width: 180px; height: 83px; position: absolute; top: 0px; left: 431px; z-index: 42; }
	

#rubrika-onama { 
	position:relative;
	background-image:url(/img/foto-onama.jpg);
	width: 599px; 
	height: 249px; }
	
#rubrika-usluge { 
	position:relative;
	background-image:url(/img/foto-usluge.jpg);
	width: 599px; 
	height: 249px; }
	
#rubrika-reference { 
	position:relative;
	background-image:url(/img/foto-reference.jpg);
	width: 599px; 
	height: 249px; }
	

#reference-onama-danas { 
	z-index: 3; 
	position: absolute; 
	top: 0px; 
	background-image:url(/img/menu/reference.gif); 
	width: 168px; 
	height:83px; 
	border: 0; 
	left: 0px; }

#references-aboutus-today { 
	z-index: 3; 
	position: absolute; 
	top: 0px; 
	background-image:url(/img/menu/references.gif); 
	width: 168px; 
	height:83px; 
	border: 0; 
	left: 0px; }

#onama {
	z-index: 3; 
	position: absolute; 
	top: 0px; 
	background-image:url(/img/menu/onama.gif); 
	width: 168px; 
	height:83px; 
	border: 0; 
	left: 0px; }

#about-us {
	z-index: 3; 
	position: absolute; 
	top: 0px; 
	background-image:url(/img/menu/about-us.gif); 
	width: 168px; 
	height:83px; 
	border: 0; 
	left: 0px; }

a#button1 {
	display : block;
	width : 22px;
	height : 22px;
	background-image : url(/img/flag-en.png);
	margin : 0 auto;
	text-align : right;
}

a#button1:hover {
	background-image : url(/img/flag-en.png);
	text-align : right;
}

a#button2 {
	display : block;
	width : 22px;
	height : 22px;
	background-image : url(/img/flag-hr.png);
	margin : 0 auto;
	text-align : right;
}

a#button2:hover {
	background-image : url(/img/flag-hr.png);
	text-align : right;
}

#navlist li { 
	list-style-type: square;
	padding-left: 0px;
	padding-bottom: 5px; }