﻿* { padding: 0; margin: 0; }

.h2 {
color:#333333;
	text-align:left;
	margin-top:5px;
	margin-left:10px;
	font-size:14px;
	text-decoration:none;
	font-family: "Tahoma";
	font-weight:bold;
	
}
.h2 :link{
	text-decoration:none;
}
.h2 :visited{
	text-decoration:none;
}

.p1{
	margin-left:0px;
	width:180px;
	font-family:Tahoma;
 	font-size:14px;
 	margin-top:3px;
 	color:#000000;
 	list-style-type:none;
 	margin-top:6px;

 

}

.p1 a:link {
 	text-decoration:none;
  	color:#2A2A2A;

}
.p1 a:visited{
	text-decoration:none;
	 color:#2A2A2A;

}
.p1 a:hover{
	border-bottom:1px dotted #0D4598;
	color:#0D4598;

}
.p2 {
	text-align: left ;
	width:200px;
	font-family:Tahoma;
	font-size:14px;
 	margin-top:3px;
 	color: #000000;
 	list-style-type:none;
 	margin-top:6px;

}

.p2 a:link {
 	text-decoration:none;
 	color: #2A2A2A;
	}
.p2 a:visited{
 	 text-decoration:none;
 	 color:#2A2A2A;

}
.p2 a:hover{
	border-bottom:1px dotted #0D4598;
	color:#0D4598;
	}
	
.p3 {
	text-align:left;
	font-size:14px;
	margin-top:15px;
	margin-left:5px;
	font-family:Tahoma:
}
.p3 img{
	
	border:0px;
}
.p4 {
	text-align:left;
	font-size:14px;
	margin-left:15px;
	margin-top:10px;
		font-family:Tahoma:

}
.p5 {
	text-align:left;
	font-size:12px;
	margin-left:50px;
	 margin-top:10px;
}


.datum{

font-size:x-small;
padding-top:5px;
text-align:left;
color:green;
font-family: Arial, Helvetica, sans-serif;
padding-right:2px;
font-weight:bold

 }
 
.povijest{

font-size:13px;
padding-top:5px;
text-align:right;
color:blue;
font-family: tahoma;
padding-right:2px;
 }
 
.glavninaslov{
margin-top:15px;
font:18px Tahoma ;
font-weight:bold;
float:left;
border-bottom:1px #9DA09D solid;
margin-bottom:2px;
width:760px;
}
.glavninaslov a:link{
text-decoration:none;
color:navy;
}
.glavninaslov a:visited{
text-decoration:none;
color:navy;;
}
.glavninaslov a:hover{
	border-bottom:1px dotted #0D4598;
	color:#0D4598;

}

.podnaslov{
	font:12px Arial, Helvetica, sans-serif 	 ;
	margin-top:10px;
	margin-bottom:15px;
	float:;


}.sadrzaj2 {
	width: 700px;
	border: 0px #CCCCCC solid;
	font-family:Tahoma;
	 float:left;
	background-color: #FFFFFF;
	margin:2px;
	padding:3px;
	
}.sadrzaj_naslov {
	color:navy;
	background: #F3FFE8;
	font-family:Tahoma;
	float:left;
	margin:1px;
	padding:2px;
	list-style-type:none;
	font-family:  "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size:13px;
	margin-left:160px;
	margin-top:5px;
	margin-bottom:5px;
    border:1px #ccc dotted;
    font-weight:bold
	
	 
	
	

}
.sadrzaj_oprema {
	width: 700px;
	background: #FFFFFF;
	border:1px #ccc dotted;
	font-size:14px;
	float:left;
	margin:2px;
	padding:3px;

}
.sadrzaj_oprema li{
		list-style-type:none;
		font-size:15px;
		font-family:  Verdana, Geneva, Tahoma, sans-serif

}.
sadrzaj_oprema li a:link{
text-decoration:none;
	 color:navy;

}
.sadrzaj_oprema li a:visited{
text-decoration:none;
 	color:navy;

}
.sadrzaj_oprema li a:hover{
	border-bottom:1px dotted #0D4598;
	color:#0D4598;

}

#verzije_mali{
 font-family:Tahoma;
 font-weight:bold;
 font-size:14px;
 }

#verzije_opis{
	
}
.accordion1 {
	width: 350px;
	border: solid 1px #c4c4c4;
	float:left;
	background-color:white;

}
.accordion1 a {
	text-decoration:none;
	color:black;
}

.accordion1 h1:hover {
	background-color: #D6DFF3;
}
.accordion1 h1.active {
	background-position: right 5px;
}


tr.over td {
	background:#FFC68C;
}

{
background-color:#FFEAD5;    

}

.accordion1 div {
	background: ;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}
.accordion1 {
	width: 400px;
	border-bottom: solid 1px #c4c4c4;
	margin-left:180px;
	
}.novosti_samostalne{
	width: 700px;
	border:1px #ccc solid;
	font-family:Tahoma;
	float:left;
	margin:2px;
	margin-left:5px;
	padding:10px;
}
.novosti_samostalne li{
	 list-style-type:none;
}
.novosti_samostalne h1{
	 font-size:16px;
	 color:navy;
	
	 	 }



.novosti{
	width: 700px;
	border:1px #ccc solid;
	font-family:Tahoma;
	float:left;
	margin:2px;
	margin-left:5px;
	list-style-type:none;
	background-color:white;
	

}
.novosti h3{
 background-color: #E1ECF4;
 padding:4px;
 font-size:13px;
 border-bottom:1px #ccc solid;;
	}
	
	
.novosti p{
	 padding:10px;
}

.novosti_linkovi{
	width: 700px;
	border-bottom:1px #ccc dotted;
	font-family:Tahoma;
	float:left;
	margin:2px;
	padding:5px;
	margin-left:5px;
	padding:2px;
	list-style-type:none

}
.novosti_linkovi:hover{
	
	background-color:#C6E2FF
}

.sadrzaj {
	width: 700px;
	background: #F2F2F2;
	border:1px #ccc solid;
	font-family:Tahoma;
	float:left;
	margin:2px;
	padding:5px;
	list-style-type:none;

}
.sadrzaj_verzije {
	width: 720px;
	background: #F2F2F2;
	border:1px #ccc solid;
	font-family:Tahoma;
	float:left;
	margin:2px;
	padding:3px;
	list-style-type:none;
	margin-bottom:5px;

}
.sadrzaj ul{
	font-weight:bold;

}
.sadrzaj li{
	margin-left:15px;
	font-weight: normal;
	list-style-type:none

}
.sadrzaj a:link{
	color:navy;
	text-decoration:none;
}
.sadrzaj a:visited{
	color:navy;
	text-decoration:none;
}
.sadrzaj a:hover{
	color:navy;
	text-decoration: underline;
}

.sadrzaj h3{
color: #333300;
font-weight:bold;	
font-family:Tahoma;
font-size:13px;
}
.a{
}
.b{
	
}
.b a:link{
color: #003300;
text-decoration:none;

}
.b a:hover{
color:#003300;
text-decoration:none;

}
.b a:visited{
color:#003300;
text-decoration:none;

}



body {
 font-family: Tahoma;
 font-size: 13px;
 background-image: url('images/bg.jpg');
 background-repeat:repeat-x;
 background-color: #97C9E4;
 margin:0 auto;
 
 }

#wrapper { 
	width:956px;
	margin:3px auto;	
}
#pitanja{
	position: fixed;
	top:190px;
	left:157px;
    font-family:Georgia, "Times New Roman", Times, serif;
    border-top:1px #CCCCCC solid;
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;



    
    
}
#faux {
 width: 955px;
 border-bottom:1px #999999 solid;
 border-left:1px #999999 solid;
 border-right:1px #999999 solid;
 border-top:1px #CCCCCC solid;
 overflow: auto;
 background-image:url('images/2b22.jpg');
 background-repeat:repeat-x;
 

}

#header {
 height: 140px;
  margin: 1px 0px 0px 0px;
 background: url('images/banerF.png') ;
 border:1px #999999 solid;
 font-size:30px;
 font-family:Arial, Helvetica, sans-serif;
 color:white;
 background-repeat:no-repeat;

}
#navigation {
 color: #333;
 padding: 10px;
 margin: 0px 0px 5px 0px;
 background: #ABBEBE;
}
/* lijeva */
#leftcolumn { 
 color: gray;
 padding:0;
 width: 95px;
 height:200px;
 float: left;
 padding-left:2px;
 margin-top:70px;
 margin-left:20px;
 display:block;

}
#leftcolumn a
{
text-align:left;
height:20px;
}

#leftcolumn a:hover {
	background-color: #EEFFDD;
}
#leftcolumn a:active {
	color:olive;
    color:white
}
#leftcolumn a:visited {
	text-decoration:none
}
#leftcolumn .active a{
	font-style: oblique;
}

/* desna kolona */
#rightcolumn { 
 color: #333;
 margin-top:5px;
 margin-bottom:5px;
 overflow:auto;
 height:479px;
 
}
#rightcolumn2 { 
 color: #333;
 margin-top:10px;
 margin-right:10px;
 margin-bottom:10px;
 overflow:auto;
 
}

#footer3 { 
width:950px;
height:40px;
color: #333;
background-image:url('images/footer_novi.png');
margin:0 auto;
margin-top:2px;
background-color: #EEF4FF;
border:1px #999999 solid ;
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
padding-left:5px;
} 


#footer2{
 float: inherit;
 margin-left:400px;
}

.clear { clear: both; background-image:url('images/novi_dole.png');
 background-repeat:no-repeat;
  color:black; height:225px; 
  width:760px; margin-top:6px;
  float:left; border-top:2px #ccc solid;}

/* Header > Menu */

#menu {
background-image:url('images/menu.png');
background-repeat:repeat;
height:34px;
 border-top:1px #ccc solid;
 border-left:1px #ccc solid;
 border-right:1px #ccc solid;
 margin-top:1px;
 margin-bottom:3px;
}

#menu ul {


}

#menu li {
	display: inline;
	margin-bottom:0px;

}
#menu a {
	display:  inline;
	float: left;
	background-image:url('images/btn.png');
	background-repeat:repeat;
	text-decoration: none;
	text-align: center;
	color: black;
	height:24px;
	width:100px;
    border-top:1px #ccc solid;
    border-left:0px #ccc solid;
    border-right:1px #ccc solid;
    border-bottom:1px solid  #ccc;	  
    font-family: Tahoma;
    font-size:13px;
	padding-top:8px;



}
/*
#menu a:hover{
background-image: url('images/topnav_active.gif');
background-repeat:repeat-x;
color:white;
border-bottom:1px #FFFFFF solid;
	}*/



#menu a:hover {
	color: navy;
	border-bottom:2px #006600 solid;
	text-decoration: none;


	
	}

#menu .active a {
	font-size:13px;
	font-weight:bold;
	background-image:url('images/btn_activ.png');
	background-repeat:repeat;
	border-bottom:2px #132140 solid;
	margin-top:;
	}
	
	
	
	/
	}*/
	



#main {
	 float:left;
	 height:245px;
	 width:334px;
	 text-align: inherit;
	 background-image:url('images/vijest_glavna.jpg');
	 margin-left:7px;
	 margin-top:3px;
	 }	   
	 
#maina {
 	float:left;
    height:246px;
	width:227px;
    text-align:center;
    background-image:url('images/novosti2.png');
    margin-left:3px;
    padding-top:0px;
    margin-top:0px;

}
#mainz{
 	float:left;	
	height:246px;
	width:200px;
	text-align:center;
	background-image:url('images/ponuda2.png');
	margin-left:3px;
    padding-top:0px;
	margin-top:0px;


}
#sredina{
	background:#FFC9B7;
	float: left;
	clear: both;
	height:20px;
	width:650px;
	white-space:normal;
}
#main2 {
	 float:left;
	 padding-left:20px;
	 width:160px;
	 background-image:	url('images/');
	 background-repeat:no-repeat;
	 margin-top:5px;
	font-family:tahoma;
	font-size:10px;

	 }
#main3 {
	 float:left;
	 height:160px;
	 width:160px;
	 margin-top:5px;
 	 margin-left:85px;
	 color:#333333;
	 font-family:tahoma;
	 font-size:10px


}
#main4{
	 float:left;
	 height:250px;
	 width:150px;
	 border-color: black;
	 border-width:2px;
 
	 

}
#main5{
	 float:left;
	 width:200px;
	 border-color: black;
	 border-width:2px;
	 margin-left:90px;
	 margin-top:10px;
	 

}

#main_verzije{
 width:650px;
 
}
.tickerstyle{width:300px; margin-right:300px; height:35px; position:static; float:right;  border:0px solid black; background: transparent; padding:0px; overflow:hidden;}

.messagediv{display: none;background: transparent}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.lijevidiv{
 border-right:1px #999999 dotted;
 float:left;
 margin-top:5px;
 margin-right:5px;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 font-size:10px;
 color: #333333;
 margin-left:3px;
 margin-right:3px;
 height:450px;
 margin-bottom:5px;
}
.markermenu{
width: 160px; 
float:left;
margin-top:100px;
margin-right:5px;

}

.markermenu ul{
margin: 1px 0;

}

.markermenu ul li a{
background-color:;
background: #FFFFFF url("images/arrow-list.gif") no-repeat 3px center;
font-size: 14px  ;
font-family: Tahoma;
color: #333;
display: block;
padding: 8px 8px 8px 20px;
margin:1px;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color:#ccc;
border-left:2px #748C94 solid; 
height:15px;


}

* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
border:1px #CCCCCC solid;

}

.markermenu .active a {
background-color: #DFE6DD;
border:1px #768E6C solid;
}
.markermenu a:visited {
	text-decoration:none;
}

.markermenu ul li a:hover {
color: black;
background-color: #DFE6DD;
border:1px #768E6C solid;
;

background-image:url("images/arrow_over.png"); /*onMouseover image change. Remove if none*/
}

/*** NAJNOVIJE VIJESTI SLIDER  */

#slideshow {
width: 331px;
height:246px;
float:left;
background-image:url('images/vijest_glavna2.png');
margin-left:0px;
}


#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#slideshow ul:after {

content: ".";
clear: both;
display: block;
height: 0;
visibility:hidden;
}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 337px;
margin-left:1px;


}
#slideshow .slides h3:hover{
color:#0D4598;
text-decoration: none;	
}

#slideshow .slides ul {
}

#slideshow .slides li {
width: 312px;
height:190px;
float: left;
margin-top:10px;
margin-left:1px;
padding-left: 7px;
background-color:white;
font-size:13px
}
#slideshow slides .h3 {
 color:#333333;	
margin-left:10px;
font-size:16px;

}
#slideshow a:link {
  text-decoration:none;
  color:navy;

}
#slideshow a:visited {
  color:navy;
  text-decoration:none;

}
#slideshow a:hover {
 color:navy	;

}


/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
margin-top:10px;
margin-left:20px;
}

#slideshow .slides-nav li {
float: left;}

#slideshow .slides-nav li a {
display: block;
padding: 3px 3px;
margin-right:2px;
color: black;
font-weight:normal;
font-size:12px;
text-decoration:none

}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #E1E1E1;
font-size:14px;
font-weight: bold;
margin-right:2px;
color: navy;
 


}

.js #slideshow .slides-nav li a:hover{
background-color: #C0C0C0;
border:0px gray solid;
margin-right:2px;}


.js #slideshow .slides-nav li.on a {
position:static;
top: -4px;
border:0px gray solid;
}

#ticker { width:200px; height:200px; border:0px solid #aaaaaa;  margin-top:14px; margin-left:10px; }
#ticker dt { font:bold 12px Tahoma; padding:0 10px 5px 10px; padding-top:10px; border:2px solid #ffffff; border-bottom:none; border-right:none;  }
#ticker dd { margin-left:0; font:normal 11px Verdana; padding:0 10px 10px 10px; border-bottom:1px dotted #aaaaaa; background-color:#ffffff; border-left:1px solid #ffffff; }
#ticker dd.last { border-bottom:1px solid #ffffff; }
#ticker div { margin-top:0; }
#ticker dd:hover{
	color:#003366;
	cursor:auto;
	
}

/*** MOUSEOVER TABLICE ***/
.accordion {
	width: 750px;
	border-bottom: solid 1px #c4c4c4;
	
}
.accordion h3 {
	background: #D0D0B9 url("images/arrow-square.gif") no-repeat right -51px;
	padding: 3px 0px;
	margin: 0;
	font:20px  Georgia, "Times New Roman", Times, serif; ;
	border: solid 1px #c4c4c4;
	border-bottom: solid 1px #c4c4c4;
	cursor: pointer;
	text-align:center;
}
.accordion h3:hover {
	background-color: #D6DFF3;
}
.accordion h3.active {
	background-position: right 5px;
}
.table {
	border-right: solid 1px #E0E0E0;
	border-bottom:1px #E0E0E0 solid;
	font: 12px Verdana;
	padding:2px;
 	margin-left:0px;
    text-align:center;
    text-decoration:none;
  
}.table_verzije {
	border-bottom:0px #E9E9E9 solid;
	font-family:Tahoma;
	font-size:15px;
	padding:2px;
 	margin-left:0px;
    text-align:center;
    height:50px;
  
	
}
#slova{
	font-size:10px;
	
}
.table_verzije a:link {
	border:0px;  
	
}
.table_verzije img{
	border:0px;
}
.table_verzije_naslov{
	border-bottom:1px #ccc dotted;
	font-family: Tahoma, Geneva, Verdana;
	font-size:15px;
	padding:2px;
    text-align:center;
    height:30px;

}
.table1 {
	border-bottom:1px #E9E9E9 solid;
	border-right:1px #E9E9E9 solid;
	border-left:1px #E9E9E9 solid;
	font-family: Tahoma, Geneva, Verdana;
	font-size:14px;
	height:23px;
	padding:1px;
 	margin-left:5px;
    text-align:center;
 }
.table1 a:link{
text-decoration:none;
	color:black;
}
.table1 a:visited{
text-decoration:none;
	color:black;
	
}
.table1 a:hover{
	border-bottom:1px dotted #0D4598;
	color:#0D4598;
	
}

.table2 {
	border-bottom:1px #E9E9E9 solid;
	border-right:1px #E9E9E9 solid;
	border-left:1px #E9E9E9 solid;
	font-family: Tahoma, Geneva, Verdana;
	font-size:13px;
	padding:2px;
 	margin-left:5px;
    text-align:center;
 }
.naslov{
	font-size:14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom:5px;
	margin-top:15px;
    text-align:center;


}
tr.over td {
	background: #FFD0B0;
}



.tablica {
 width:700px;
 	margin-left:10px;

}
.tablica1 {
	width:680px;
	margin-left:15px;
	border:0px #ccc solid


}
.tablica_verzije {
	width:700px;
	margin-left:15px;
	border:0px #ccc solid;
 }
	

.tablica_verzije tr:hover{
	 background-color: #C1D9FF;
	 font-weight:;
	 border:1px #97BEFF solid; 
 }

.tablica2 {
	width:710px;
	float:left;
	margin-bottom:5px;
	
}

.tablica tr:hover{
		background-color: #CFDFBF

}
.accordion div {
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

.style16 {
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
	border-bottom: solid 1px #c4c4c4;
	padding: 2px;
	margin-left: 2px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}
.style17 {
	color: #F01313;
}
.style18 {
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
	border-bottom: solid 1px #c4c4c4;
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	padding: 2px;
	margin-left: 0px;
	color: #2A752A;
}
.style19 {
	color: #FF0000;
}

/* software slideri */
#wrap {
	margin:5px auto 10px;
	width:680px;
	float:left;
	}
#nav{
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}

#nav a, #nav a:active, #nav a:visited {
	display:block  ;
	padding:5px 6px;
	background: #DDE4F7;
	color:black;
	width:200px;
	text-decoration:none;
	outline:none;
	border:1px #ccc solid;
	font-size:13px;

	}
#nav a.selected, #nav a.selected:active, #nav a.selected:visited {
	background: #B9C8EE;
	color: black;
	text-decoration:none;
	outline:none;
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	font-weight:bold

	}
#nav a:hover {
	background-color: #DFFFDF
}
#nav img{
	vertical-align:middle;
	border:0px;
}

.hiddencontent {
	padding:12px;
	display: none ;
	float:right;
	background: #eee ;
	border:1px #ccc solid;
  	width:400px;
	margin-left:2px;
	margin-bottom:5px;

}
.hiddencontent li {
	list-style-type: none;
}
.hiddencontent imb{
		vertical-align:middle;
	border:0px;

}
.clear2 {
	clear:both;
/* software slideri kraj*/

