/*  POCETAK BROJEVA ZA GALERIJE*/
	#broj{
	color:#FFFFFF;
	display: block;
	font-size: medium;
	float: left;  /* ako se stavi center, dobit cemo stupac :( */
	text-align: center; /* text u kucici je centriran */
	margin: 2px 2px 2px 2px;
	width: 30px;
	background: url(images/aktiv.gif); /* pozadina trenutnog broja */
	}
	
	#broj a:hover{
	color:#000000;
	display: block;
	background-color:#FFCC00; /* pozadina kad predes misem */
	}
		
	#broj a{
	display: block;
	color:#FFFFFF;
	background: url(images/link.gif) /* pozadina kada je to link */
	}   /*  KRAJ BROJEVA ZA GALERIJE*/
	
	
table{
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}	
	
/* CSS Document */
body{
	padding:0 0 29px 0;
	margin:0;
	background-color:#fff;
	color:#000;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both;
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#google{
	width: 470px;
	height: 60px;
    float: right;
    text-align: right;
	margin-top: 0px;
	margin-left: 28px;

}

#header{
	background:url(images/header.gif) 0 0 no-repeat;
	width:971px;
	height:202px;
	margin:0 auto;
	position:relative;
}
#header img.logo{
	position:absolute;
	left:21px;
	top:42px;
	width:201px;
	height:71px;
}




#header h2.member{
	display:block;
	background:url(images/member_login_top.gif) 0 0 no-repeat;
	width:275px;
	height:22px;
	position:absolute;
	left:496px;
	top:23px;
	font:bold 16px/14px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	background-color:inherit;
	padding:20px 0 0 20px;
}
#header form{
	background:url(images/member_login_bg.gif) 0 0 repeat-y;
	width:251px;
	position:absolute;
	left:496px;
	top:65px;
	padding:19px 21px 29px 21px;
}
#header form label{
	font:normal 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#121212;
	background-color:inherit;
	float:left;
	display:block;
	width:62px;
}
#header form input.txtBox{
	width:186px;
	height:21px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	margin:0 0 12px 0;
	padding:0;
	float:left;
}
#header form a{
	width:148px;
	height:19px;
	background-color:#fff;
	font:normal 10px/19px Arial, Helvetica, sans-serif;
	color:#167807;
	text-decoration:underline;
	float:left;
	text-align:center;
	text-transform:uppercase;
}
#header form a:hover{
	text-decoration:none;
}
#header form input.go{
	background:url(images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:15px;
	border:none;
	cursor:pointer;
	float:right;
}
#header ul{
	width:900px;
	height:34px;
	position:absolute;
	left:11px;
	top:168px;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	padding:0 0 0 42px;
}
#header ul li{
	padding:0;
	margin:0;
	float:left;
}
#header ul li a{
	padding:0 13px;
	font:bold 10px/34px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#DCDCDC;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
}
#header ul li a:hover{
	background:url(images/nav_hover.gif) 0 0 repeat-x #fff;
	color:#005860;
}
#header ul li.hover{
	background:url(images/nav_hover.gif) 0 0 repeat-x #fff;
	color:#005860;
	padding:0 13px;
	font:bold 10px/34px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:955px;
	margin:0 auto;
	padding:0 0 38px 17px;
}
/*------------------------------------------------left panel--------------------*/
#left{
	width:464px;
	float:left;
	margin:0 0 0 0;
	padding:18px 16px 0 0;
}
#left h2{
	width:151px;
	height:88px;
	border-right:#ECECEC solid 2px;
	display:block;
	font:bold 20px/15px Arial, Helvetica, sans-serif;
	color:#D27004;
	background-color:#fff;
	float:left;
}
#left h2 span{
	margin:5px 0 0 0;
	font:bold 20px/25px Georgia, "Times New Roman", Times, serif;
	color:#464646;
	background-color:#fff;
	display:block;
	text-transform:uppercase;
}
#left p.topText{
	width:300px;
	font:normal 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#464646;
	background-color:#fff;
	padding:0 0 12px 0;
	float:right;
}
#left p.readMoreDiv{
	background:url(images/read_more_div.gif) 0 0 repeat-x;
	width:83px;
	height:15px;
	font-size:0;
	padding:0 0 0 379px;
	float:left;
	display:block;
}

#left p.moreFeature{
	display:block;
	background:url(images/more_feature.gif) 0 0 no-repeat;
	width:397px;
	height:51px;
	padding:0 0 0 66px;
	font:bold 30px/51px Georgia, "Times New Roman", Times, serif;
	color:#3C6C92;
	background-color:inherit;
	text-transform:uppercase;
	margin:19px 0 16px 0;
	float:left;
}
#left p.moreFeature span{
	font:normal 24px/51px Georgia, "Times New Roman", Times, serif;
	color:#020202;
	background-color:inherit;
	text-transform:none;
}
#left ul.feature{
	width:460px;
	background:url(images/more_feature_bg.gif) 0 0 repeat-y;
	padding:0;
	margin:0 0 5px 0;
	float:left;
}
#left ul.feature li.left{
	padding:0;
	margin:0;
	float:left;
	width:200px;
}
#left ul.feature li.left a{
	display:block;
	background:url(images/arrow_green.gif) 0 5px no-repeat;
	padding:0 0 0 21px;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#123F62;
	background-color:inherit;
	text-decoration:none;
}
#left ul.feature li.left a:hover{
	color:#000;
	background-color:#E3F1FC;
}
#left ul.feature li.right{
	padding:0;
	margin:0;
	float:right;
	width:230px;
}
#left ul.feature li.right a{
	display:block;
	background:url(images/arrow_green.gif) 0 5px no-repeat;
	padding:0 0 0 21px;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#123F62;
	background-color:inherit;
	text-decoration:none;
}
#left ul.feature li.right a:hover{
	color:#000;
	background-color:#E3F1FC;
}
#left p.yellowTop{
	display:block;
	background:url(images/yellow_top.gif) 0 0 no-repeat;
	width:463px;
	height:13px;
	font-size:0;
	float:left;
	margin:0;
}
#left p.yellowBot{
	display:block;
	background:url(images/yellow_bot.gif) 0 0 no-repeat;
	width:463px;
	height:13px;
	font-size:0;
	float:left;
	margin:0 0 17px 0;
}
#left p.yellowBg{
	background:url(images/yellow_bg.gif) 0 0 repeat-y;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#BF5A00;
	background-color:inherit;
	padding:0 16px;
	width:431px;
	float:left;
}
#left p.yellowBg span{
	color:#494949;
	background-color:inherit;
	text-transform:uppercase;
}

#left p.yellowBg b{
	color:#494949;
	background-color:inherit;
	text-transform:uppercase;
}


#left a{
	color:#BF5A00;
	background-color:inherit;
	text-transform:none;
}

#left h2.faq{
	width:103px;
	height:112px;
	background:url(images/faq_icon.gif) left bottom no-repeat;
	font:bold 25px/30px Georgia, "Times New Roman", Times, serif;
	color:#464646;
	background-color:inherit;
	text-transform:uppercase;
	display:block;
	float:left;
	border:none;
}
#left h2.faq span{
	font:bold 21px/16px Arial, Helvetica, sans-serif;
	color:#D27004;
	background-color:inherit;
	text-transform:none;
}
#left ul.faqLink{
	width:309px;
	border-left:#ECECEC solid 2px;
	padding:0 0 16px 0;
	margin:0;
	float:right;
}
#left ul.faqLink li{
	background:url(images/red_bullet.gif) 12px 5px no-repeat;
	padding:0 0 0 24px;
	margin:0 0 12px 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	background-color:inherit;
}
#left ul.faqLink li span{
	font:bold 14px/18px Georgia, "Times New Roman", Times, serif;
	color:#0D8100;
	background-color:inherit;
	margin:0 0 7px 0;
	display:block;
}
#left ul.faqLink li.faqDiv{
	display:block;
	background:url(images/more_faq_div.gif) 0 0 repeat-x;
	height:15px;
	padding:0 0 0 99px;
	margin:0 0 0 23px;
}
#left ul.faqLink li.faqDiv a{
	background:url(images/more_faq.gif) 0 0 no-repeat;
	width:187px;
	height:15px;
	display:block;
}
#left ul.faqLink li.faqDiv a:hover{
	background:url(images/more_faq_hover.gif) 0 0 no-repeat;
}

#left img{
border-color:#BF5A00;
}
/*------------------------------------------------left panel--------------------*/

/*------------------------------------------------mid panel--------------------*/
#mid{
	width:295px;
	float:left;
	padding:0;
	margin:0;
}
#news{
	width:272px;
	background:url(images/mid_panel_bg.gif) 0 0 repeat-y;
	padding:2px 12px 0 11px;
	margin:0;
}
#news h2{
	display:block;
	background:url(images/news_bg.gif) 0 0 no-repeat;
	width:189px;
	height:44px;
	padding:0 0 0 83px;
	font:bold 16px/44px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 12px 0;
}
#news h3{
	font:bold 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C40000;
	background-color:inherit;
	padding:0 0 0 15px;
	margin:0 0 9px 0;
	text-transform:none;
}
#news p.newsText{
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4A3E14;
	background-color:inherit;
	padding:0 0 18px 15px;
	margin:0;
}
#news ul{
	padding:0 0 17px 15px;
	margin:0;
	font-size:0;
}
#news ul li{
	padding:0;
	margin:0;
}
#news ul li a{
	background:url(images/arrow_red.gif) 0 7px no-repeat;
	padding:0 0 0 8px;
	font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#167807;
	background-color:inherit;
	text-decoration:underline;
}
#news ul li a:hover{
	color:#167807;
	background-color:#F5EED7;
	text-decoration:none;
}

#mid p.supportBot{
	display:block;
	background:url(images/mid_bottom.gif) 0 0 no-repeat;
	width:295px;
	height:47px;
	padding:0;
	margin:0 0 7px 0;
}
#support{
	width:294px;
	padding:0;
	margin:0;
	background:url(images/support_bg.gif) 0 0 repeat-y;
}
#support h2{
	display:block;
	background:url(images/support_top.gif) 0 0 no-repeat;
	width:275px;
	height:35px;
	padding:17px 0 0 19px;
	font:bold 15px/15px Arial, Helvetica, sans-serif;
	color:#D27004;
	background-color:inherit;
	margin:0;
}
#support p{
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#141414;
	background-color:inherit;
	padding:0 16px 14px 19px;
}
#support p a{
	font:normal 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#167807;
	background-color:inherit;
	text-decoration:underline;
}
#support p a:hover{
	color:#167807;
	background-color:#D9E4ED;
	text-decoration:underline;
}
#support p.supportBot{
	display:block;
	background:url(images/support_bottom.gif) 0 0 no-repeat;
	width:294px;
	height:15px;
	font-size:0;
	padding:0;
	margin:0;
}
/*------------------------------------------------mid panel--------------------*/


/*------------------------------------------------start right_big--------------------*/
#right_big p.top{
	height:2px;	
	background:url(images/right_top.gif) 0 0 no-repeat;
}


#right_big {
	width:475px;
	float:right;
	background:url(images/right_bg.gif) 0 0 repeat-y;
}


#right_big p.bottom{
	height:2px;	
	background:url(images/right_bottom.gif) 0 0 no-repeat;
}

#right_big p{
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#141414;
	background-color:inherit;
	padding:0 16px 14px 19px;
}
	

#right_big img{
 border-color:#BF5A00;
}

#right_big  h2{
	display:block;
	width:275px;
	height:35px;
	padding:17px 0 0 19px;
	font:bold 15px/15px Arial, Helvetica, sans-serif;
	color:#D27004;
	background-color:inherit;
	margin:0;
}



/*------------------------------------------------end right_big--------------------*/



/*------------------------------------------------right panel--------------------*/
#right{
	width:174px;
	float:right;
	padding:10px 0 0 5px;
	margin:0;
    color:#D27004; /*dodano kasnije*/
}
#right p{
    padding:10px 0 0 5px;
    font:bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    
}
#right a.investment{
	display:block;
	background:url(images/online_investment.gif) 0 0 no-repeat;
	width:174px;
	height:53px;
	margin:0 0 8px 0;
}
#right a.investment:hover{
	background:url(images/online_investment_hover.gif) 0 0 no-repeat;
}
#right a.blog{
	display:block;
	background:url(images/latest_blog.gif) 0 0 no-repeat;
	width:174px;
	height:53px;
	margin:0 0 8px 0;
}
#right a.blog:hover{
	background:url(images/latest_blog_hover.gif) 0 0 no-repeat;
}
#right a.comments{
	display:block;
	background:url(images/expert_comments.gif) 0 0 no-repeat;
	width:174px;
	height:53px;
	margin:0;
}
#right a.comments:hover{
	background:url(images/expert_comments_hover.gif) 0 0 no-repeat;
}
#right h2.moreLink{
	display:block;
	width:169px;
	/*background:url(images/more_link_div.gif) 0 0 repeat-x;*/
	height:30px;
	float:right;
}
#right h2.moreLink span{
	font:bold 14px/25px Arial, Helvetica, sans-serif;
	color:#D27004;
	background-color:#fff;
	width:90px;
}
#right ul{
	padding:0 0 14px 4px;
	margin:0;
	float:left;
	font-size:0;
    color:#D27004;
}
#right ul li{
	padding:0;
	margin:0;
	height:19px;
}
#right ul li a{
	display:block;
	font:bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*color:#061211;*/
    color:#D27004;
	background-color:#fff;
	text-decoration:underline;
}
#right ul li a:hover{
	color:#061211;
	background-color:#EEEEEE;
	text-decoration:none;
}
#right a{
	display:block;
	font:bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#061211;
	background-color:#fff;
	text-decoration:underline;
    font:bold 13px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#D27004;
}    
/*
#right a{
	display:block;
	font:bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#061211;
	background-color:#fff;
	text-decoration:underline;
}*/
/*------------------------------------------------right panel--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:959px;
	height:129px;
	background-color:#494949;
	color:#fff;
	position:relative;
	margin:0 auto;
}
#footer ul{
	width:550px;
	position:absolute;
	left:239px;
	top:32px;
	height: 15px;
}
#footer ul li{
	float:left;
	color:#F5F5F5;
	background-color:inherit;
	font:normal 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#F5F5F5;
	background-color:inherit;
	font:normal 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 9px;
	text-decoration:none;
	text-transform:uppercase;
}
#footer ul li a:hover{
	color:#000;
	background-color:#B0D642;
}
#footer p.copyright{
	font:normal 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFBC22;
	background-color:inherit;
	position:absolute;
	left:300px;
	top:58px;
}


#footer p.design{
	display:block;
	width:166px;
	height:10px;
	padding:2px;
	position:absolute;
	left:416px;
	top:88px;
	font:bold 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#B0D642;
	background-color:inherit;
	text-transform:uppercase;
}
#footer p.design a.link{
	font:bold 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#B0D642;
	background-color:inherit;
	text-transform:uppercase;
	text-decoration:none;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#C40000;
	background-color:#fff;
}
/*------------------------------------------------footer--------------------*/