/*************************/
/*** OSNOVE POSATAVKE ****/
/*************************/
*{
margin:0px; padding:0px;}
html,BODY{
background-image:url(images/bg.jpg);
	background-color:#236c8c;
	background-repeat:repeat-x;
	color:#5e5e5e; 
	height:100%;}


#container {
	margin:auto; 
	width:944px;
	min-height:100%;
	position:relative;
	}

/*************************/
/****** HEADER ***********/
/*************************/

#header{
	width:944px; 
	height:137px; 
	background-image:url(images/header-n1.jpg); 
	}
	
	#header a{
	width:247px; 
	height:137px; 
	display:block;
	float:left;
	text-decoration:none;}

#body{
padding-bottom:271px;}


/*************************/
/***** NAVIGACIJA ********/
/*************************/

*#navigacija{
	background-image:url(images/nav_bg.jpg);
	width:558px;
	height:41px;
	float:left;}
	
	#navigacija ul {
	list-style-type:none;
	margin:0px;
	padding-left:12px;
	float:left;}
	
	#navigacija li{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:40px;}
	
	#navigacija li a{
	color:#ffffff;
	text-decoration:none;
	width:100px;
	margin-left:10px;}
	
	#navigacija li a:hover {
	color:#ffffff;
	border-bottom:2px solid #f7373e;}


/*************************/
/********* ERP ***********/
/*************************/
    #erp{
	background-image:url(images/erp-bg-1.jpg);
	background-repeat:no-repeat;
	background-position:0px -1px 0px 0px;
	width:386px;
	float:left;
	margin-left:-3px;
	 
	}
	

	.erp-content{
	margin-left:32px;
	color:#FFFFFF;
	font-size:14px;
	line-height:55px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;}
	
	.erp-content p{
	
	margin-top:40px;
	margin-right:25px;
	color:#666666;
	line-height:125%;
	padding-bottom:16px;
	text-align: left}
	
	.erp-content a {
	font-size:11px; 
	color:#CC0000
	}
	
	.erp-content #naslov{
	color:#c42b31;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;}

	.erp-content span{
	line-height:17px;
	color:#666666;
	font-size:12px;
	font-weight:normal;
	}
	
/***  TAB KORISNIČKA PODRŠKA  ****/
	#podrska{
	width:357px;
	background-color: #ffffff; 
	margin-left:8px;
	margin-top:0px; 
	
	padding-left:10px;}
	
		#podrska-naslov{
		clear:both;
		background-image:url(images/podrska_tab-n.jpg);
		background-repeat:no-repeat;
		width:334px;
		height:35px;
		line-height:35px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: normal;
		color:#FFFFFF;
		padding-left:10px;}
		
		#podrska-content{
		width:343px;
		margin-top:1px;
		height:198px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:17px;
		background-image:url(images/support-n.jpg); 
		background-repeat:no-repeat}
		
		#podrska-content p{
		padding-left:133px; 
		text-align:center; 
		padding-top:8px;
		color:#1e7e49; 
		
		}
		
		#podrska .crveni { color:#CC0000; text-decoration:none}
		#podrska .crveni a{ color:#CC0000; }
		
		#omo-content{
		width:343px;
		margin-top:10px;
		height:120px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:19px;}
		
		#omo-content ul{
			list-style-type:none; 
			margin-left:6px;
			margin-top:5px;
			width:280px;
			text-align:left;}
			
			#omo-content li{
			background-image:url(images/plus_blue.jpg);
			background-repeat:no-repeat;
			padding-left:15px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:17px;
			margin-bottom:6px;}
		
		
		
		
		#podrska-content img{
		
		margin:4px;
		}
		
					
/***  / TAB KORISNIČKA PODRŠKA  ****/


/***  TAB Što dobivate  ****/
	#dobivate{
	width:357px;
	background-color: #ffffff; 
	margin-left:8px;
	padding-left:10px;}
	
		#dobivate-naslov{
		clear:both;
		background-image:url(images/dobivate.jpg);
		background-repeat:no-repeat;
		width:334px;
		height:35px;
		line-height:35px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: normal;
		color:#FFFFFF;
		padding-left:10px;}
		
		
		
		#dobivate p{
		padding-left:7px;
		color:#666666;
		padding-right:20px; 
		text-align: justify; 
		padding-top:8px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:17px;
		
		}
		
		
		#dobivate .crveni a{ color:#CC0000 !important; text-decoration:none;line-height:50px; padding-bottom:10px}
		

		
		
		
		
		#dobivate-content img{
		text-align:left;
		margin:4px;
		float:left;}

					
/***  / RIS NASLOVNA  ****/
		#ris-naslov{
		clear:both;
		background-image:url(images/ris_tab.jpg);
		background-repeat:no-repeat;
		width:334px;
		height:26px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: normal;
		color:#FFFFFF;
		padding-top:8px;
		padding-left:10px;
		}
		
		#ris-content{
		
		width:343px;
		margin-top:1px;
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:19px;
		text-align:justify;}
		
		#ris-content p{
		margin-top:5px;
		}
		
		#ris-content img{
		
		margin:0px;
		}



/*************************/
/***  CENTRALNI DIO  ****/
/*************************/


	#centralni-content{
	float:left;
	margin-top:15px;}
	
	#centralni-header{
	width:557px;
	height:11px;
	background-image:url(images/main-content-bg-top.png);
	background-repeat:no-repeat;}
	
	#centralni-footer{
	width:557px;
	height:11px;
	margin-left:0px;}
	
	#centralni-sh{
	background-image:url(images/shadow.png);
	background-repeat:repeat-y;
	padding-left:5px;
	padding-right:10px;}
	
	/***  Naslovna stranica header sa slikom  ****/
	#index-pic{
	background-image:url(images/index-n.jpg);
	background-repeat:no-repeat;
	width:529px;
	height:110px;
	padding-top:131px;
	margin-left:8px;}
	
	
	#faros-pic{
	width:529px;
	height:236px;
	text-align:center}
	
	
		#podrska-pic{
	background-image:url(images/podrska.jpg);
	background-repeat:no-repeat;
	width:529px;
	height:221px;
	margin-left:8px;}
	
	
		
		#kontakt-pic{
	background-image:url(images/kontakt_pic.jpg);
	background-repeat:no-repeat;
	width:529px;
	height:221px;
	margin-left:8px;}
	
		/***  SADRRŽAJ U TOJ SLICI ****/
		#index-header-content{
		margin-left:10px;
		padding-top:15px;}
		
		#kontakt-header-content{
		margin-left:251px;
		padding-top:100px;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif; 
		font-weight:regular;
		padding-left:25px;}

			#index-header-content span{
			font-family:Arial, Helvetica, sans-serif; 
			font-size:18px;
			}
			
			#index-header-content p{
			line-height:35px; margin-top:11px; margin-left:35px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2e7b3c}
			
			#index-header-content ul{
			list-style-type:none; 
			margin-left:2px;}
			
			#index-header-content li{
			background-image:url(images/plus.gif);
			background-repeat:no-repeat;
			padding-left:22px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:22px;
			color:#134258}
			
			/***  SAZNAJTE VIŠE  ****/
			#more-info a {
			
			position:relative;
			top:60px;
			margin-bottom:-30px;
			left:380px;
			display:block;
			height:30px;
			width:133px;}
			
/* FAROS KORISNICIMA OMOGUĆUJE ? */			
			
	#red-tab{
	background-image:url(images/red_tab.jpg);
	width:294px;
	height:28px;
	padding-top:10px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: normal;
	font-size:14px;}

	
	#red-tabf{
	background-image:url(images/red_tabf.jpg);
	width:506px;
	height:28px;
	padding-top:10px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: normal;
	font-size:14px;}
	
	#left-content{
	width:auto;
	float:left}	
	
	#text p { padding-left:10px; padding-top:15px; padding-bottom:5 padding-right:10px;  text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:150%}
	
	#main-content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:19px;}
	
		#main-contentf{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:19px;}
		
		
			
			#main-content ul{
			list-style-type:none; 
			margin-left:6px;
			margin-top:5px;
			width:280px;
			text-align:left;}
			
			#main-content li{
			background-image:url(images/plus_blue.jpg);
			background-repeat:no-repeat;
			padding-left:15px;			
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;			
			line-height:17px;
			margin-top:15px;}
			
			
			
			#main-contentf ul{
			list-style-type:none;
			background-image:url(images/bg-contentf.jpg);
			background-repeat:no-repeat;			 
			margin-left:6px;
			margin-top:5px;
			width:505px;
			text-align:left;}
			
			#main-contentf li{
			background-image:url(images/plus_blue.jpg);
			width:350px;
			background-repeat:no-repeat;
			padding-left:15px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			line-height:22px;
			margin-bottom:12px;}
/* // FAROS KORISNICIMA OMOGUĆUJE */



/* TKO MOŽE KORISTITI FAROS ? */	
	#right-content{
	width:180px;
	border-left:1px solid #a1cee3;
	float:left;
	margin-left:10px;
	}
	
	#black-tab{
	background-image:url(images/black_tab.jpg);
	width:183px;
	height:28px;
	padding-top:10px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: normal;
	font-size:14px;
	margin-left:10px;}
		
	#main-right{
	background-image:url(images/ljudi.jpg);
	background-repeat:no-repeat;
	margin-top:1px;
	padding-top:130px;
	padding-left:5px;
	margin-left:10px;
	width:188px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
			#main-right ul{
			list-style-type:none; 
			text-align:left;
			margin-left:0px;
			padding-top:10px;}
			
			#main-right li{
			background-image:url(images/bul3.jpg);
			background-repeat:no-repeat;
			padding-left:15px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			line-height:16px;
			margin-bottom:4px;}
			
			#main-right div{
			padding-left:15px;
			}
/* /// TKO MOŽE KORISTITI FAROS ? */
	
	
/* /// NOVOSTI NASLOVNA */
	#blue-tab{
	background-image:url(images/tab_blue.jpg);
	background-color:#009933;
	width:183px;
		padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: normal;
	font-size:14px;
	line-height:40px;
	margin-left:10px;
	margin-top:15px;}	
		
	#main-novosti{
	margin-top:1px;
	padding-left:10px;
	margin-left:5px;
	width:183px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
			#main-novosti ul{
			list-style-type:none; 
			text-align:left;
			margin-left:0px;
			}
			
			#main-novosti li{
			background-image:url(images/bul3.jpg);
			background-repeat:no-repeat;
			padding-left:15px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:19px;
			margin-bottom:5px;}
			
/* /// NOVOSTI NASLOVNA */
	
		
	#bottom{
	background-image:url(images/bottom.png);
	width:550px;
	height:9px;
	background-repeat:no-repeat;
	margin-left:-5px;
	clear:none;}
	
	#copyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;}
	
	#copyright a{
		color:#FFF;}

	.red{
	color:#c21017;}

	/* Pagination block */
#tabs  {		
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color: black;
}	
	
#tabs ul {		
	line-height: 18px;
	list-style: none;
	padding: 0;	
	margin: 0;
}	
	
/* Each pagination element */
#tabs ul li {	
	float: left;
	padding:0;
	margin:5px 0 0 0;
}

#tabs ul a {
	display: block;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #368745;	
	padding: 1px 6px 1px 6px;
	text-decoration: none;	
	border: 1px solid #244552;
	margin-right: 12px;	
	margin-bottom: 0px;
}

#tabs ul li.active  a {
	border: 1px solid #244552;
	background: #0e4d63;
}

#tabs ul a:hover {
	/*border-color: #000000;	*/	
	border: 1px solid #244552;
	background: #0e4d63; 	
}

/* Current page */
/*
#tabs ul .current {
	background: #36435B;	
	font-weight: bold;
	border: none;
}			
	*/
/*************************/
/****** F O O T E R ******/
/*************************/
#footer{
	position:absolute;
	bottom:0;
	background-image:url(images/mann.png); 
	background-repeat:no-repeat;
	width:1010px;
	height:271px;}
	


.plavi {color:#c22b31; font-size:18px; font-weight:normal; line-height:220%}

input[type=text] { border: 1px solid #c4dce8; background-color:#e5f0f6; line-height:150%; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px }
textarea { border: 1px solid #c4dce8; background-color:#e5f0f6; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px; width:250px  }



		#mapa{
		width:347px;
		margin-top:1px;
		height:410px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:17px;
		background-repeat:no-repeat}
		
		#podrska-content p{
		padding-left:133px; 
		text-align:center; 
		padding-top:8px;
		color:#1e7e49; 
		
		}
		
/*DIVOVI ZA PRIKAZ UPUTA*/
/*header prve razine sadržaja*/
.upute {
margin-left:10px;
margin-top:15px;
}

.upute_header_1 {
font-weight:bold;
text-transform:uppercase;
}

/*druga razina sadržaja*/
.upute_2 {
margin-left:12px;
}
/*KRAJ DIVOVI ZA PRIKAZ UPUTA*/


#letter{
	width:346px;
	height:185px;
	background:url(images/letter-bg-n.jpg) no-repeat;
	margin-left:20px;
	
	padding-top:49px;
	margin-bottom:26px;
}
	
	#forma{
	text-align:right;
	padding-right:10px;
	width:336px;
	padding-top:0px;
	font-family:Tahoma, Geneva, sans-serif; line-height:12px;
	}
	
	
	#letter input[type=text]{
		background-color:#FFF;
		margin-bottom:3px;
		height:17px;
		font-size:12px;
		padding-right:2px;
		padding-left:2px;
		padding-top:1px;
		padding-bottom:1px;
		width:152px;
		border-left:1px solid #bad8ed;
		border-right:1px solid #bad8ed;
		border-bottom:1px solid #bad8ed;
		border-top:1px solid #3c7cad;
		}
	
#efaros{
	background:url(images/efaros-bg.jpg);
	width:379px;
	margin-left:13px;
	height:238px;
	padding-left:140px;
	padding-top:61px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#353535;
	line-height:19px;}
	
#efaros2{
	background:url(images/e_fraos.jpg);
	width:376px;
	margin-left:0px;
	height:230px;
	padding-left:140px;
	padding-top:10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#353535;
	line-height:19px;}
	
.bankarstvo {
	margin-left:74px;
	margin-top:10px;}
	
.bankarstvo ul{
	margin-left:18px;
	margin-bottom:0px;
	padding:0px;}
	
.bankarstvo li{
	list-style-image:url(images/li.png);
	line-height:15px;}


.bankarstvo span{
	color:#be2a30;}

.bankarstvo h4{
	font-size:16px;
	font-weight:bold;
	color:#1f5e7d;
	margin:0px;
	padding:0px;}
	
.style2{
	color:#FFF;}
#social{
	float:left;
	padding:5px;
	margin-left:50px;
	margin-top:3px;}