/* Selekcija jezika */

:root {
  --main: #123062;
  --bg: #e8ecf1;
}

#langsel {
	text-align: left;
	font-family: Tahoma;
	font-size:9px;
	padding-bottom: 3px;
	padding-top: 3px;
}

#langsel a {
	color: var(--main);
	text-decoration: none;
}


#langsel a:hover {
color:#505050;
}



/* ---- LEVI MENI NA HOME STRANI --- */

#lhome_menu {
	float: left;
	color: #003569;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#lhome_menu ul{
	padding: 0px;
	margin: 0px;
	list-style: none;

}
#lhome_menu li{
	background: url('/images/bg_leftmenu.jpg');
	display:block;
	width:194px;

}

#lhome_menu a {
	font-weight:bold;	
	color: #505050;
	padding:0;
	padding-left: 10px;
	line-height: 35px;
	text-decoration: none;

	
}

#lhome_menu a:hover  {
	color: #003569;
	padding-left: 10px;
	line-height: 35px;
	text-decoration: underline;
}

#lhome_menu li a.active {
	color:#003569;
	font-weight: bold;	
}


/* ---- LEVI MENI NA UNUTRASNJOJ STRANI --- */

#lmeni
{	
	width:195px;
	font-size: 11px;
	color:#505050;
	text-align: left;
	border-collapse: collapse;
}

#lmeni ul {
	list-style:none;
	margin: 4px 0px;
	padding: 4px 12px;
}

#lmeni ul ul {
	padding: 3px 10px;
	border-top:#E8E8E8 1px solid;
}

#lmeni ul ul ul{
	padding: 0px 10px;
	border-top:none;
}

#lmeni li {
	font-weight: bold;
	padding: 2px;
}

#lmeni li a {
	font-weight: bold;	
}

#lmeni li a.active {
	color:#003569;
	font-weight: bold;	
}

#lmeni li li a {
	font-weight: normal;	
}

/* ---- TIKER ---- */
#ticker_l .g A, #ticker_r .g A {
	color: #f62715;
}
#ticker_l .l A, #ticker_r .l A {
	color: #4ec93a;
}
#ticker_l .i A, #ticker_r .i A {
	color: white;
}

#ticker_l A, #ticker_r A {
	font-weight: bold;
}
#ticker_l A:hover, #ticker_r A:hover {
	text-decoration: none;
}



/* ---- SADRZAJ PRVE STRANE ---- */


#content H1 {
	line-height: 2em;
	text-align:left;
	/*background: url('/images/bg_title.jpg') repeat-x;*/
	background: #003569;
	width:100%;
	font-family: Tahoma;
	font-weight:bold;
	font-size:11px;
	color:white;
	margin: 0;
	margin-bottom:8px;
	padding-left:8px;
	
}

H2 {
font-size: 12px;
color:#003569;
text-align:left;
line-height:2em;

margin-bottom:4px;
}

H3 {
font-size: 12px;
text-align:left;
line-height:2em;

margin-bottom:4px;
}

H4 {
font-size: 12px;
color:#505050;
text-align:left;
line-height:2em;

margin-bottom:4px;
}

IMG {
	border: 0;
}

FORM {
	margin: 0px;
}

div.container_gray {
	
	background:#f5f5f5;
	width:100%;
	margin-bottom:8px;
	padding:4px;
}

div.container {
	
	width:100%;
	height:auto;
	overflow:auto;
	margin-bottom:8px;
	font-size: 11px;
}

div.container p {
	
	text-align:justify;
	line-height: 1.3em;
	margin:0px;
	margin-bottom:6px;
}

div.container p a {
font-weight: bold;
color:#003569;
}




/*tabovi*/

#graph_header {
margin-bottom: 3px;
}

#title {
font-weight: bold;
color:#003569;
float:right;
padding-top:2px;
}

ul.tabbar {
	text-align: left;
	margin: 0px;
	height:19px;
	/*padding-left: 7px;*/
	padding-left: 0px;
	/*float: left;*/
}

.tabbar LI {
	//background: url('/images/tab_off.jpg');
	background: var(--bg);
	color: var(--main);
	background-position : bottom left;
	display: inline;
	list-style-type:none; 
	border-left: 1px solid white; 
	padding:3px 6px;
	/*
	padding-left:6px;
	padding-right:6px;
	*/
	/*margin-left:-5px;*/

}

/*
.tabbar LI:hover {
	background:#A5A5A5;
}
*/


.tabbar LI.active {

	background: var(--main);
	color: white;
	background-position: bottom left;
}

.tabbar A {
	line-height:19px;
	font-size: 11px;
	text-decoration:none;
}
.tabbar LI a {
	color: var(--main);
}
.tabbar LI.active a {
	color: white;
}

.tabbar A:hover {
	text-decoration:none;
}


/* ---- SEARCH INPUT DUGMICI ---- */

#header_search input {
//border: 1px solid #6A332F; /* tamna bordo */
background-color: var(--bg);
color:var(--main);
font-family: Tahoma;
font-size:11px; 

}

.button {
margin-bottom: -4px;

}


/* ---- SADRZAJ DESNE KOLONE ---- */

/* kapitalizacija i kurs */

#kap {
margin: 8px 0px 8px 0px;
padding: 8px 0px 8px 0px;
font-size:11px;
text-align:center;
color:var(--main);
background: var(--bg);
}

#kurs {
margin: 8px 0px 8px 0px;
padding: 8px 0px 8px 4em;
text-align:left;
font-size: 12px;
color:var(--main);
background: var(--bg);
//border: 1px solid #A5A5A5;
}
#kurs TD{
	padding: 0px;
}
#kurs td.c{
	text-align: center;
}
#kurs td.r{
	text-align: right;
}
#kurs #izvor {
font-size: 11px;
padding-top: 4px;

}

.link {
	color:#003569; 
	font-weight: bold;
}

/* pretraga hartija */

#div_suggest {
	 display:none; 
	 position:absolute; 
	 border: 1px solid #a5a5a5; 
	 background-color: #e8e8e8; 
	 z-index: 1;
	 cursor: pointer;
}

#div_suggest TABLE TD{
	padding: 2px 4px;
	font-size:11px;
}

#div_suggest TR.sel {
	background-color: #505050; 
	color: #e8e8e8;
}

/* hartije */
#c_simbol {
	border: 1px solid #505050;
}

INPUT.period_button {
	border: 1px solid #6A332F;
	width: 35px;
	color: #505050;
	font-weight: bold;
	background-color: #E8E8E8;
}

#content P A {
	color:#003569; 
}

#chart_toolbar {
	width: 100%;
	height: 30px; 
	margin-bottom: 10px;
}

#chart_toolbar TH {
	vertical-align: middle;
}

#chart_toolbar IMG {
	cursor: pointer;
}

P.dlink {
	display: table-cell;
	min-height: 10em;
	vertical-align: middle;
	padding-top: 0.5em;
	margin-left: auto;
	margin-right: auto;
}

.doc_link {
}

H2.edukacija SPAN {
    color:white;
    background: #003569;
    padding: 5px 1em 5px 1em;
}

H3.edukacija  SPAN {
    background-color:var(--bg);
    color: var(--main);		
    padding: 5px 2em 5px 2em;
}

UL.edukacija {
    list-style: none;
    text-align: left;
    padding-left: 2em;
    margin-left: 0px;
}

UL.edukacija LI {
    color: #808080;
    font-weight: bold;
}
H3.edukacija  A {
    font-weight: bold;
    color: #003569;
}
UL.edukacija LI A {
    font-weight: normal;
    color: #505050;
}

#belexpedia_big {
    background-color: var(--main);
    color: white;
    font-size: 22px;
    height: 100px;
    line-height: 100px; 
    text-align: center;    
}

H4.belexpedia1 {
    width: 50%; 
    background-color: #e8e8e8; 
    color: #808080;
    padding: 4px 4px 4px 20px;
    margin-top: 14px;
}

H4.belexpedia1 A {
    color: #808080;
    font-weight: bold;
}

H4.belexpedia2 {
    width: 50%; 
    background-color: #a5a5a5; 
    color: white;
    padding: 4px 4px 4px 20px;
    margin-top: 14px;
}

H4.belexpedia2 A {
    color: white;
    font-weight: bold;
}

H4.belexpedia3 {
    width: 50%;
    background-color: var(--main);
    color: white;
    padding: 4px 4px 4px 20px;
    margin-top: 14px;
}