/* osnovni elementi */

body {
	margin:0;
	background: #eff2f0 url(../images/header_tile.gif) repeat-x left top;	

}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


/*layout*/


#wrapper {
	width:953px;
	margin:0 auto;
}


/*header*/



#header {
	position:relative;
	width:auto;
	height:189px;

}


#logo {
	text-indent: -999em;
	line-height:1px;
	overflow:hidden;
	
	float:left;
	margin-right:19px;
	
	background: url(../images/logo.jpg) no-repeat left top;	
	width:224px; height:130px;
	display:block;
	}
	
#main_nav {
	float:left;
	margin-top:32px;
	margin-bottom:5px;
	margin-left:6px;
}


#main_nav dd, #main_nav dt {
	float:left;
	display:block;
	padding-left:20px;
	padding-right:14px;
	background: url(../images/diamond.gif) no-repeat left 8px;	
	}


#main_nav dt {
	padding-left:0px;
	background: url(none);	
}

#main_nav dt a, #main_nav dd a {
	font: normal 17px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;	
	padding-bottom:4px;
	display:block;
}

#main_nav dt a:hover, #main_nav dd a:hover {
	border-bottom: solid 2px #ff3300;
	
}



.sub_nav {
	position:absolute;
	top:63px;
	left:250px;
	
}

.sub_nav dd {
	float:left;
	display:block;
	padding-right:21px;

}

.sub_nav dd a{
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;	
	display:block;
	}
	
.sub_nav dd a:hover{
	text-decoration: underline;	
	}
	
	
#utils {
	position:absolute;
	top:98px;
	right:0px;
	height:auto;
	
}
	
#sgs {
	position:absolute;
	top:85px;
	left:227px;
	
}
	
#sgs2 {
	padding-bottom:25px;	
}

#sdr1 {
	padding-bottom:25px;	
}
	
#utils dd {
	float:right;
	display:block;
	padding-left:21px;
}


#utils dd#english a { background: url(../images/english.gif) no-repeat left 1px;}
#utils dd#english a:hover {	background: url(../images/english_on.gif) no-repeat left 1px;}

#utils dd#login a {	background: url(../images/login.gif) no-repeat left 2px;}
#utils dd#login a:hover  { background: url(../images/login_on.gif) no-repeat left 2px;}

#utils dd#pretraga a { background: url(../images/lupa1.gif) no-repeat left 2px;}
#utils dd#pretraga a:hover   { background: url(../images/lupa1_on.gif) no-repeat left 2px;}


#utils dd#srpski a { background: url(../images/srpski.gif) no-repeat left 1px;}
#utils dd#srpski a:hover {	background: url(../images/srpski_on.gif) no-repeat left 1px;}



#utils dd a {
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	color: #252525;
	text-decoration: none;
	padding-left:21px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
}
	
#utils dd#printPage a {
	padding-left:23px;
	position:relative; left:5px;
	display:block;
}
	
#utils dd a:hover {
	text-decoration: underline;
}
	

#ticker {
	display:block;
	position:relative;
	top:-3px;
	width:auto;
	height:13px;
	overflow:hidden;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666666;
}

#ticker dd {
	display:inline;
	padding-right:16px;
}

#ticker dd a {
	text-decoration:none;
}

#ticker dd a:hover {
	text-decoration:underline;
}

.up {	color:#00a200;}
.down {	color:#ff0000;}
.null {	color:#555555;}
	
	
	
/*main*/

#main {
	float:left; 
	margin:1px 0;
	width:953px;
}

#left {
	float:left;
	width:249px;
	margin-right:19px;
	}

#center {
	float:left;
	width:417px;
	margin-right:19px;
	}


#right {
	float:right;
	width:249px;
	display:inline-block;
	}







/*panel*/

.panel {
	background: url(../images/panel.gif) repeat-y left top;
	margin-bottom:22px;
	


}

.panel_head {
	height:36px;
	background: url(../images/panel_head.gif) no-repeat left top;

}

.panel_head h2 {
	font: normal 23px Georgia, "Times New Roman", Times, serif;
	color: #252525;
	background: url(../images/panel_text_bgr.gif) no-repeat right top;
	padding: 3px 30px 10px 8px;
	display:inline;
	position:relative;
	top:3px;
	text-transform: uppercase;	
}

.panel_foot {
	background: url(../images/panel_foot.gif) no-repeat left top;
	height:7px;
	overflow:hidden;
}






/*naslovi*/

#naslovi dl {
	padding:12px 12px 7px;;
}

#naslovi dl dd {
	border-bottom: solid #d3dad8 1px;
	padding-bottom:7px;
}

#naslovi dl dt {
	font: normal 9px/14px Tahoma, Arial, Helvetica, sans-serif;
	color: #63625f;
	padding-top:5px;
	
}

#naslovi dl dd a {
	font: bold 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	color: #970000;
	text-decoration:none;
}

#naslovi dl dd a:hover {
	text-decoration:underline;
}

.noborder {
	border:none;
	}

/*naslovi2*/

#naslovi2 dl {
	padding:12px 12px 7px;;
}

#naslovi2 dl dd {
	border-bottom: solid #d3dad8 1px;
	padding-bottom:7px;
}

#naslovi2 dl dt {
	font: normal 9px/14px Tahoma, Arial, Helvetica, sans-serif;
	color: #970000;
	padding-top:5px;
	
}

#naslovi2 dl dd a {
	color: #63625f;
	text-decoration:none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
}

#naslovi2 dl dd a:hover {
	text-decoration:underline;
}

.noborder {
	border:none;
	}



/*kurs*/

.table_wrap {
	padding:8px;
}
table.zebra {
	width:100%;
	font: normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #252525;	
	
}

table.zebra2 {
	width:100%;
	font: normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #252525;	
	
}

table.zebra th, table.zebra td {
	padding:4px;
	text-align: right;
}

table.zebra th {
	text-align: left;
}

table.zebra td {
	text-align: right;

}

table.zebra th, table.zebra thead td {
	font: bold 9px/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #252525;
	text-transform: uppercase;	
}

.zline {
	background-color:#eef4f2
}


.dat{
	font: normal 9px Tahoma, Helvetica, sans-serif;
	color: #970000;
	text-decoration: none;
	margin-left: 3px;
}



a.linkout {
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #970000;
	text-decoration: none;
}

a:hover.linkout {
	text-decoration: underline;
}

#kompletna_kursna_lista {
	display:block;
	text-align: right;
	margin-top:3px;
	position:relative;
	top:8px; right:-1px;
	padding-right:17px;
	background: url(../images/arrow.gif) no-repeat right 3px;
	
}


/*akcije*/


#akcije {
	background: url(../images/panel_wide.gif) repeat-y left top;
	position:relative;
	margin-bottom:22px;
	}



#akcije_head {
	background: #CCCCCC url(../images/panel_wide_head.gif) no-repeat left top;
	height:99px;
	overflow:hidden;
	
	position:relative;
	}

#akcije_head h2 {
	position:relative;
	font: normal 28px Georgija, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #252525;
	top:16px; left:22px;
	}
	
#akcije_head form#search input {
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #252525;
	position:absolute;
	top:26px;
	left:226px;
	width:150px;
	height:17px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#akcije_foot {
	background: url(../images/panel_wide_foot.gif) no-repeat left top;
	height:5px;
	overflow:hidden;
}

.akcije_tabs {
	position:absolute;
	top:70px;
	left:0;
	height:29px; width:417px;
	
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #717171;
	text-decoration: none;
	
	overflow:hidden;
}

#atab1 .akcije_tabs {background: url(../images/panel_wide_tabs.gif) no-repeat left -58px;}
#atab2 .akcije_tabs {background: url(../images/panel_wide_tabs.gif) no-repeat left -29px;}
#atab3 .akcije_tabs {background: url(../images/panel_wide_tabs.gif) no-repeat left 0px;}


.akcije_tabs dd {
	float:left;
	width:123px; height:29px;
	
	}

.akcije_tabs a {
	color: #717171;
	text-decoration: none;
	width:102px; height:12px;
	display:block;
	padding: 10px 6px 10px 15px;
	position:relative;
	left:13px;

}

.akcije_tabs a.selected {
	color:#970000;
}

.akcije_tabs a:hover {
	text-decoration: underline;
}



/*tabela akcije*/

table.akcije {
	width:100%;
	font: 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #555555;
}

table.akcije th, table.akcije td {
	padding:4px 9px;
	text-align: right;
}

table.akcije th {
	text-align: left;
	width:70px;
}

table.akcije td {
	text-align: right;

}

table.akcije tbody th a {
	font: bold 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #970000;
	text-decoration:none;
}

table.akcije tbody th a:hover {
	text-decoration:underline;
}

table.akcije thead th, table.akcije thead td {
	font: bold 9px Tahoma, Arial, Helvetica, sans-serif;
	color: #252525;
	text-transform:uppercase;
	vertical-align:top;
}



#misc {
	width:100%; height:30px;
	
	font: normal 9px Tahoma, Arial, Helvetica, sans-serif;
	color: #252525;
	
	position:relative;
	bottom:-5px;
}

#misc2 {
	width:100%; height:30px;
	
	font: normal 9px Tahoma, Arial, Helvetica, sans-serif;
	color: #252525;
	
	position:relative;
	bottom:-5px;
}

.kompletno_trgovanje {
	background: url(../images/arrow.gif) no-repeat right 3px;
	
	text-align: right;
	padding-right:17px;
	
	position:absolute;
	right:9px;	bottom:0;
}

.izvor {
	position:absolute;
	left:9px;	bottom:0;
}





/*berza*/


#berza {
	background: #FFFFCC url(../images/panel.gif) repeat-y left top;
	position:relative;
	margin-bottom:22px;
	}



#berza_head {
	background: #CCCCCC url(../images/panel_narrow_head.gif) no-repeat left top;
	height:79px;
	overflow:hidden;
	
	position:relative;
	}

#berza_head h2 {
	position:relative;
	top:14px; left:12px;
	
	font: normal 23px Georgia, "Times New Roman", Times, serif;
	color: #252525;
	text-transform: uppercase;	
	}
	

#berza_foot {
	background: url(../images/panel_foot.gif) no-repeat left top;
	height:7px;
	overflow:hidden;
}

.berza_tabs {
	position:absolute;
	top:50px;
	left:0;
	height:29px;
	width:249px;
	font: bold 9px Tahoma, Arial, Helvetica, sans-serif;
	color: #717171;
	text-decoration: none;
	overflow:hidden;
	background-image: url(../images/panel_narrow_tabs2.gif);
}

#btab1 .berza_tabs {background: url(../images/panel_narrow_tabs2.gif) no-repeat left -58px;}
#btab2 .berza_tabs {background: url(../images/panel_narrow_tabs2.gif) no-repeat left -29px;}
#btab3 .berza_tabs {background: url(../images/panel_narrow_tabs2.gif) no-repeat left 0px;}


.berza_tabs dd, .berza_tabs dt {
	float:left;
	width:76px; height:29px;
	
	}

.berza_tabs a {
	color: #717171;
	text-decoration: none;
	width:56px; height:19px;
	display:block;
	padding: 5px 2px 5px 10px;
	position:relative;
	left:7px;

}

.berza_tabs dt a {
	width:56px; height:19px;
	padding: 9px 2px 1px 10px;

}

.berza_tabs a.selected {
	color:#970000;
}

.berza_tabs a:hover {
	text-decoration: underline;
}


/*nvst*/


#nvst {
	background: #FFFFCC url(../images/panel.gif) repeat-y left top;
	position:relative;
	margin-bottom:22px;
	}



#nvst_head {
	background: #CCCCCC url(../images/panel_narrow_head.gif) no-repeat left top;
	height:79px;
	overflow:hidden;
	
	position:relative;
	}

#nvst_head h2 {
	position:relative;
	top:14px; left:12px;
	
	font: normal 23px Georgia, "Times New Roman", Times, serif;
	color: #252525;
	text-transform: uppercase;	
	}
	

#nvst_foot {
	background: url(../images/panel_foot.gif) no-repeat left top;
	height:7px;
	overflow:hidden;
}

.nvst_tabs {
	position:absolute;
	top:50px;
	left:0;
	height:29px; width:249px;
	
	font: bold 9px Tahoma, Arial, Helvetica, sans-serif;
	color: #717171;
	text-decoration: none;
	
	overflow:hidden;
}

#nvtab1 .nvst_tabs {background: url(../images/panel_narrow_tabs.gif) no-repeat left -58px;}
#nvtab2 .nvst_tabs {background: url(../images/panel_narrow_tabs.gif) no-repeat left -29px;}
#nvtab3 .nvst_tabs {background: url(../images/panel_narrow_tabs.gif) no-repeat left 0px;}


.nvst_tabs dd, .nvst_tabs dt {
	float:left;
	width:76px; height:29px;
	
	}

.nvst_tabs a {
	color: #717171;
	text-decoration: none;
	width:56px; height:19px;
	display:block;
	padding: 5px 2px 5px 10px;
	position:relative;
	left:7px;

}

.nvst_tabs dt a {
	width:56px; height:19px;
	padding: 9px 2px 1px 10px;

}

.nvst_tabs a.selected {
	color:#970000;
}

.nvst_tabs a:hover {
	text-decoration: underline;
}

/*obavestenja*/


#obavestenja {
	background: #FFFFCC url(../images/panel.gif) repeat-y left top;
	position:relative;
	margin-bottom:22px;
	}



#obavestenja_head {
	background: #CCCCCC url(../images/panel_narrow_head.gif) no-repeat left top;
	height:79px;
	overflow:hidden;
	
	position:relative;
	}

#obavestenja_head h2 {
	position:relative;
	top:14px; left:12px;
	
	font: normal 23px Georgia, "Times New Roman", Times, serif;
	color: #252525;
	text-transform: uppercase;	
	}
	

#obavestenja_foot {
	background: url(../images/panel_foot.gif) no-repeat left top;
	height:7px;
	overflow:hidden;
}

.obavestenja_tabs {
	position:absolute;
	top:50px;
	left:0;
	height:29px; width:249px;
	
	font: bold 9px Tahoma, Arial, Helvetica, sans-serif;
	color: #717171;
	text-decoration: none;
	
	overflow:hidden;
}

#obavtab1 .obavestenja_tabs {background: url(../images/panel_narrow_tabs.gif) no-repeat left -58px;}
#obavtab2 .obavestenja_tabs {background: url(../images/panel_narrow_tabs.gif) no-repeat left -29px;}
#obavtab3 .obavestenja_tabs {background: url(../images/panel_narrow_tabs.gif) no-repeat left 0px;}


.obavestenja_tabs dd, .obavestenja_tabs dt {
	float:left;
	width:76px; height:29px;
	
	}

.obavestenja_tabs a {
	color: #717171;
	text-decoration: none;
	width:56px; height:19px;
	display:block;
	padding: 5px 2px 5px 10px;
	position:relative;
	left:7px;

}

.obavestenja_tabs dt a {
	width:56px; height:19px;
	padding: 9px 2px 1px 10px;

}

.obavestenja_tabs a.selected {
	color:#970000;
}

.obavestenja_tabs a:hover {
	text-decoration: underline;
}


/*news*/


#news {
	background: #FFFFCC url(../images/panel.gif) repeat-y left top;
	position:relative;
	margin-bottom:22px;
	}



#news_head {
	background: #CCCCCC url(../images/panel_narrow_head.gif) no-repeat left top;
	height:79px;
	overflow:hidden;
	
	position:relative;
	}

#news_head h2 {
	position:relative;
	top:14px; left:12px;
	
	font: normal 23px Georgia, "Times New Roman", Times, serif;
	color: #252525;
	text-transform: uppercase;	
	}
	

#news_foot {
	background: url(../images/panel_foot.gif) no-repeat left top;
	height:7px;
	overflow:hidden;
}

.news_tabs {
	position:absolute;
	top:50px;
	left:0;
	height:29px; width:249px;
	
	font: bold 9px Tahoma, Arial, Helvetica, sans-serif;
	color: #717171;
	text-decoration: none;
	
	overflow:hidden;
}

#netab1 .news_tabs {background: url(../images/panel_narrow_tabs.gif) no-repeat left -58px;}
#netab2 .news_tabs {background: url(../images/panel_narrow_tabs.gif) no-repeat left -29px;}
#netab3 .news_tabs {background: url(../images/panel_narrow_tabs.gif) no-repeat left 0px;}


.news_tabs dd, .news_tabs dt {
	float:left;
	width:76px; height:29px;
	
	}

.news_tabs a {
	color: #717171;
	text-decoration: none;
	width:56px; height:19px;
	display:block;
	padding: 5px 2px 5px 10px;
	position:relative;
	left:7px;

}

.news_tabs dt a {
	width:56px; height:19px;
	padding: 9px 2px 1px 10px;

}

.news_tabs a.selected {
	color:#970000;
}

.news_tabs a:hover {
	text-decoration: underline;
}


/*obveznice*/


#obveznice {
	background: url(../images/panel_wide.gif) repeat-y left top;
	position:relative;
	margin-bottom:22px;
	}



#obveznice_head {
	background: #CCCCCC url(../images/obveznice_head.gif) no-repeat left top;
	height:82px;
	overflow:hidden;
	position:relative;
	}

#obveznice_head h2 {
	position:relative;
	font: normal 28px Georgija, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #252525;
	top:16px; left:22px;
	}
	

#obveznice_foot {
	background: url(../images/panel_wide_foot.gif) no-repeat left top;
	height:5px;
	overflow:hidden;
}


a#kalkulator_obveznica {
	width:152px; height:29px;
	position:absolute;
	top:17px; left:243px;
	display:block;
	
	text-indent: -9999px; 
	line-height:1px; 
	overflow:hidden;

}






#obveznice_en {
	background: url(../images/panel_wide.gif) repeat-y left top;
	position:relative;
	margin-bottom:22px;
	}



#obveznice_head_en {
	background: #CCCCCC url(../images/obveznice_head_en.gif) no-repeat left top;
	height:82px;
	overflow:hidden;
	position:relative;
	}

#obveznice_head_en h2 {
	position:relative;
	font: normal 28px Georgija, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #252525;
	top:16px; left:22px;
	}
	

#obveznice_foot_en {
	background: url(../images/panel_wide_foot.gif) no-repeat left top;
	height:5px;
	overflow:hidden;
}


a#kalkulator_obveznica_en {
	width:152px; height:29px;
	position:absolute;
	top:17px; left:243px;
	display:block;
	
	text-indent: -9999px; 
	line-height:1px; 
	overflow:hidden;

}


/*aktuelnosti*/


#aktuelno dl {
	padding:4px;
}

#aktuelno dl dd {
	background: #FFFFFF url(../images/aktuelno_image.gif) no-repeat left top;
	margin-bottom:2px;
}

#aktuelno dl dd a{
	font: bold 13px/14px Tahoma, Arial, Helvetica, sans-serif;
	color: #63625f;
	text-decoration: none;
	display:block;
	height:31px;
	padding: 10px 10px 10px 54px;
}

#aktuelno dl dd a:hover {
	text-decoration: underline;
	color: #970000;
/*	border-bottom: solid 1px white;*/
}



#sdr_banner {
	overflow:hidden;
	background-color:#FFFFCC;
	}

/*footer*/


#footer {
	float:left;
	width:953px;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;

}
.footer_text {
	font-family: Tahoma;
	font-size: 11px;
	color: #252525;
	text-decoration: none;
	width:953px;
	height:19px;
	display:block;
	position:relative;
	padding-top: 10px;
    padding-bottom: 5px;

	text-align: center;
}