@charset "utf-8";

body {
   background-color: white;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-family: "Arial";
	font-size: 12px;
}

td {
	font-size: 12px;
	color: black;
}

img {
	border: 0;
	padding: 0;
}

a, a.link, a.active, a.hover, a.hover:visited, a.visisted {
	color: black;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.menu_blok {
    font-size: 16px;
	 color: white;
	 font-weight: bold;
	 height: 30px;
}

.menu_row_color1 {
    font-size: 12px;
	 color: black;
	 background-color: #F4F4F4;
	 height: 25px;
}

.menu_row_color2 {
    font-size: 12px;
	 color: black;
	 background-color: #E9E9E9;
	 height: 25px;
}

.blok_x {
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;
	margin-top:2px;
}

#footer_tbl {
	padding: 0.5em;
}
.footer_lista {
	margin: 0pt; 
	padding: 0pt; 
	list-style-type: none;
}
.footer_lista li {
	padding: 0 0 0.3em 0;
}
.footer_lista a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.footer_lista a:hover {
	color: #195e63;
	text-decoration:underline;
}



/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip { /* This is the hook that the jQuery script will use */
	color: #3366FF;
	cursor: help; 
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper { /* The wrapper holds its insides together */
	width: 175px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	top: 20px;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	color: #FFF;
	font-weight: bold;
	font-size: 9pt; /* A font size is needed to maintain consistancy */
}

.toolTipTop { /* Top section of the tooltip */
	width: 175px;
	height: 30px;
	background: transparent url(../images/bubbleTo.gif) no-repeat;
}

.toolTipMid { /* Middle section of the tooltip */
	padding: 8px 15px;
	background: #A1D40A url(../images/bubbleMi.gif) repeat-x top;
}

.toolTipBtm { /* Bottom Section of the tooltip */
	height: 13px;
	background: transparent url(../images/bubbleBt.gif) no-repeat;
}

/* HEADER STYLE pochetak */
#header_container {
width: 100%;
margin: 0 0 0.5% 0;
}
#header_container .header {
height: 130px;
width: 99.8%;
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
margin: 0 0 0 0.1%;
}

#header_container .header img {
padding: 0 0 0 3%;
float: left;
border: none;
}
#header_container .header_line {
height: 37px;
width: 99.8%;
border: 1px #ffffff solid;
background-image: url(../images/header_line_bg_crvena.jpg);
background-repeat: repeat-x;}

#header_container .header_line img {
padding: 0;
margin: 0;
border: none;
}
#header_container .header_line .home {
float: left;
padding: 0 0 0 3.2%;
}
#header_container .header_line #datum {
float: left;
margin: 1% 0 0 5em;
padding: 0 1em 0 0;
color: #ffffff;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
/*border-right: 1px #ffffff solid;*/}

#header_container .header_line .search {
float: right;
margin: 0.6% 1.5em 0 0;
padding: 0;
color: #ffffff;}

#header_container .prvi_web2 {
background-image: url(../images/prvi_web2.gif);
float:right;
width: 250px;
height: 15px;
}

/* Izvori Styles */
ul.lista_izvora {
	float:left;
	width: 120px;
	margin: 1.5em 1em 0 1em;
	padding: 0;
	list-style-type: none;
	background: #d8d9dd;
}
ul.lista_izvora li {
	margin: 0.5em;
}
ul.lista_izvora li img {
	float: left;
	margin: 0 0.25em 0 0;
}
ul.lista_izvora li a:hover {
	color: #C61100;
	text-decoration: underline;
}