body
{
    /*background-color:#FFDF00;*/
    background-image:url('Slike/bg.png');   
    background-color:#142b73;
    background-repeat:repeat-x;
    font-size:13px;
    font-family:'Lucida Grande', 'Lucida Sans Unicode', Lucida, Helvetica, Arial, Sans-Serif;
    color:#000;
    margin:0px;    
    line-height:1.5em;
}

h2
{
    font-family:'Trebuchet MS', Helvetica, Arial, Sans-Serif;
}

h3
{
    font-size:12px;
}

h4
{
    margin-top:0px;
    margin-bottom:0px;
}

a
{
    text-decoration:none;
}

a img
{
    border:0;
}

ul
{
    list-style:none;
}

li
{
    
}

#Top a:visited
{
    color:White;
}

#header
{
    height:60px;
    background-image:url('Slike/top_bg_a.jpg');
}

#footer
{
    height:60px;
    background-image:url('Slike/foot_bg_a.jpg');
    position:static;
    bottom:30px;
}

#footer a
{
    color:#557EFF;
}

#Top
{
    height:60px;
    background-image:url('Slike/top_bg_Copy.jpg');
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    border:solid 1px black ;
    color:#f1f1f1;
    width:960px;    
    
    
}

#bg_up
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    height:36px;
    background-image:url("Slike/bg_big.gif");
    z-index:1;
}

#bg_mid
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    min-height:510px;
    background-image:url("Slike/bg_mid.gif");
    color:#000;
    overflow:hidden;       
    z-index:1; 
}

#bg_bott
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    height:36px;
    background-image:url("Slike/bg_big.gif");
    background-position:0px -682px;
}

.head_menu
{
    width:120px;
    height:60px;
    font-size:14px;
    font-weight:bold;    
    }
    
/*  background-image:url('Slike/head_menu_bg_Copy.jpg');
    float:left;
    text-align:center;
    font-size:14px;
    font-weight:bold;    
    font-family:Trebuchet MS, Helvetica, Arial, Sans-Serif;
    color:#fbfbfb;
    display:inline;
    
}
*/
.head_menu:hover
{
  /*  background-image:url('Slike/head_menu_bg_akt.jpg');    */
  cursor:pointer;
}

.head_menu .text
{
    position:relative;
    top:14px;
    margin:1px;    
}

#lijevi_stupac
{
    color:#880020;
}

#lijevi_stupac a, #lijevi_stupac a:visited
{
    color:#880020;
    display:block;
    width:100%; 
}

#lijevi_stupac a:hover
{
    background-color:#880020;
    color:#fbfbfb;
}

#lijevi_stupac h2
{
    margin-left:16px;
    margin-right:10px;
    font-size:14px;    
}

.vijesti-ticker h3
{
    margin-bottom:5px;
}

.vijesti-ticker ul li
{
    margin-top:10px;
    font-size:13px;
    display:block;
    color:Black;
    min-height:300px;
}

.vijesti-ticker img
{
    margin:12px 0px 12px 0px;
}

.a_vijest
{
    color:#000000;
}

/* stilovi za tabove */

.tabs .ajax__tab_header 
{
    width:300px;  
    height:18px;
    margin-top:10px;  
    color:#fff;
    font-weight:bold;
    font-size:12px;
}
.tabs .ajax__tab_header .ajax__tab_outer 
{
   
}
.tabs .ajax__tab_header .ajax__tab_inner 
{
   
}
.tabs .ajax__tab_header .ajax__tab_tab
{
    height:14px;
    background-image:url("slike/head_menu_bg_a.jpg"); 
    background-position:-4px -25px;
    background-color:#002188;
    margin-right:3px;
    text-align:center;
    padding: 3px 8px 3px 8px;
    min-width:60px;
    font-family: Helvetica, Arial, Sans-Serif;
}
.tabs .ajax__tab_hover .ajax__tab_outer 
{
    
}
.tabs .ajax__tab_hover .ajax__tab_inner 
{
    
}
.tabs .ajax__tab_hover .ajax__tab_tab 
{
    background-color:#002188; 
    background-image:url("slike/head_menu_bg.jpg"); 
    background-position:-4px 25px;
    color:#fbfbfb;
}
.tabs .ajax__tab_active .ajax__tab_outer 
{
    
}
.tabs .ajax__tab_active .ajax__tab_inner 
{
    
}
.tabs .ajax__tab_active .ajax__tab_tab 
{
    background-color:#002188; 
    background-image:url("slike/head_menu_bg.jpg"); 
    background-position:-4px 25px;
    color:#fbfbfb;
}
.tabs .ajax__tab_body 
{
    padding:10px;
    margin-top:12px;
    margin-bottom:20px; 
    background-color:#fff;
    color:#000;
    line-height:1.5em;
    overflow:hidden;
    
}


/* Superfish */


/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:        100;	
}
.sf-menu {
	line-height:	1.0;
	float:			left;
	margin-bottom:	1em;
	z-index:        100;
	font-size:      12px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			120px; /* left offset of submenus need to match (see below) */
	z-index:        100;
}
.sf-menu ul li {
	background-image:url('Slike/head_menu_bg_Copy.jpg');    
    float:left;
    text-align:center;
    font-family:Trebuchet MS, Helvetica, Arial, Sans-Serif;
    color:#fbfbfb;
    display:inline;
    z-index:100;
    width:120px;
}
.sf-menu li {
	background-image:url('Slike/head_menu_bg_Copy.jpg');
    float:          left;
    text-align:     center;    
    font-family:    Trebuchet MS, Helvetica, Arial, Sans-Serif;
    color:          #fbfbfb;    
	position:		relative;
	z-index:        100;
	display:        inline;
	width:          120px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	z-index:        100;
}
.sf-menu a {
	display:		block;
	position:		relative;
	text-decoration:none;
	color:			#fff;
	z-index:        100;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			60px; /* match top ul list item height */
	z-index:        100;
	width:          120px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	z-index:        100;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			120px; /* match ul width */
	top:			0;
	z-index:        100;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	z-index:        100;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			120px; /* match ul width */
	top:			0;
	z-index:        100;
}

.sf-menu li li {
	background-image:url("Slike/head_menu_bg_a.jpg");
	background-position:0px -10px;
	display:block;
	padding:5px;
	z-index:100;
	width:110px;
}
.sf-menu li li li {
	background:		#9AAEDB;
	z-index:100;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-image:url("Slike/head_menu_bg_akt.jpg");
	background-position:0px 0px;
	outline:		0;
	z-index:100;
}







/* Lightbox */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;	
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}