html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, tr, th, td {
	margin: 0;
	padding: 0;
}

html, body, form {
    height: 100%;
}

a img {
    border: none;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
	color:#1d5495;
}

a:focus, a:active {
    outline: none;
}

div {
    zoom: 1;
}

div:after {
    content: " ";
    display: block;
    clear: both;
}

img {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.main {
margin:0px auto;
width:1000px;

}

.main-holder {
    background:#f5f5f1;
    padding:0 20px 1px 20px;
font-family: 'pf_dindisplay_proregular', Arial, sans-serif;
width:960px;
}

.logo {
float:left;
}

.search {
   margin-top:20px;
}

#search {
    width: 195px;
    height: 23px;
    float: left;
}

#btnSearch {
    background: url(../images/search-bg.png) top left no-repeat;
    display: block;
    width: 32px;
    height: 29px;
    float: left;
    cursor: pointer;
}
.header {
  padding-bottom:0px;
}

h4 {
    font-size: 11px;
	color: #2b4a79;
    margin-bottom: 10px;
}

.article-holder ul ,.full-article ul {
    padding-left: 20px;
     margin-bottom: 10px;
}

.article-holder ul li,.full-article ul li {
    font-size: 12px;
    list-style: disc;
   /* color: #a09797; */
   color:#717171;
    padding-bottom: 5px;
   
}
.header-right {
float:left;
width:729px;
}
.home-link
{
    color: #373735 !important;
}

.lang-menu {
 float:right;
}

.lang-menu ul li{
    display:block;
    float:left;
    margin-right:0px;
}

.lang-menu ul li a{
    display:block;
    padding:10px;  
    padding-right:0px;  
    padding-left:5px;  
}

.lang-menu ul li a:hover{
    display:block;
    background:none;
}

.header-info {
width:440px;
float:right;
color:#a09797;
    margin-top: 60px;
}

.header-info h1 {
display:block;
float:right;
font-size: 24px;
font-weight: normal;
}
.header-info h3 {
display:block;
float:right;
font-size: 15px;
font-weight: normal;
clear: both;
}

.home-banner {
    min-height:340px;
    background:#ffffff;
    margin-bottom:30px;
    margin-top:20px;
    padding-left: 10px;
}

.left-menu {
  float:left;
  border-top:3px solid #e4e2df;
  width:220px;
  margin-right:40px;
  margin-top: 30px;
}



.right-home-news {
  float:left;
  width:700px;
}

.right-home-news-heading h2 {
 display:block;
 font-size:16px;
border-bottom:3px solid #e4e2df;
padding-bottom:10px;
margin-bottom:10px;
color:#444444;
}

.home-news-article {
width:200px;
float:left;
margin-right:33px;
}

.home-news-article h2 {
font-size:11px;
color: #2b4a79;
margin-bottom:15px;
font-weight: normal;
}

.home-news-article p {
font-size:11px;
color:#a09797;
margin-bottom:10px;
line-height: 140%;
}

.home-news-article a ,.more-link a,.result-lnk a{ 
font-size:11px;
color:#2b4a79;
text-decoration:underline;
}
.home-news-article a:hover ,.more-link:hover a,.result-lnk:hover a{ 
font-size:11px;
color:#2b4a79;
text-decoration: none;
}

.full-article ,.inner-content-holder{
   border-top: 3px solid #e4e2df;
   margin-top: 32px;
   padding-top:10px;
}

.full-article h2 ,.article-holder h2{
  font-size: 14px;
  color:#2b4a79;
  margin-bottom:10px;
  text-transform: uppercase;
}

.full-article p ,.article-holder p {
  font-size:12px;
/*color:#a09797;*/
color:#717171;
margin-bottom:10px;
}

.article-holder {
  
  float:left;
  padding:10px;
  padding-left: 0px;
  margin-right: 19px;
 }
 

.right-links-holder {
    float:left;
    width:200px;
    border-left:1px solid #e4e2df;
    padding-top:10px;
    padding-left:20px;
}

.right-links-holder ul li  {
     display:block;
     margin-bottom:5px;
 
}
.right-links-holder ul li a {
   color:#2b4a79;
   font-size:12px;
}

.main-content-bottom-links {
  margin-top:20px;
  margin-bottom:50px;
}

.content-bottom-link {
 float:left;
 background:#ffffff;
 width:192px;
 padding:10px 10px 15px 10px;
 margin-right:28px;
}

.content-bottom-link img {
   
    margin-bottom:5px;
}

.content-bottom-link h2 {
    font-size:11px;
    color: #383838;
    margin-top:10px;
    margin-bottom:10px;
    height: 53px;
}

.content-bottom-link p {
    font-size:11px;
    color: #cdc9c7;
    line-height: 140%;
}

.transparent-links {
   height:130px;
   width:1000px;
}

.footer {
 height:80px;
 width:960px;
 background:#f5f5f1;
    font-family: Arial;
    font-size: 12px;
    padding: 20px;
}

.footer .copy {
    color: #a09797;
    font-weight: bold;
    float: left;
    width: 400px; 
    margin-top: 37px
}

.footer .ns {
    color: #a09797;
    font-weight: bold;
    float: right;
    width: 400px; 
     margin-top: 37px
}
.footer .ns p { 
    float: right;
   }

.footer .ns a {
    color: #383838;
    font-weight: bold;
    width: 400px;
    text-decoration: none;
}

.transparent-links
{
    background-image: url(../images/footer_bg.png);
}

.transparent-links ul  {
    padding-top: 30px;
}


.transparent-links ul li {
    display: block;
    float: left;
    margin-right: 20px;
margin-left: 11px;
}


#dhtmlgoodies_menu{		
	   
		
		
	}
	#dhtmlgoodies_menu	li{	/* Main menu <li> */
		
		
		
	}
	#dhtmlgoodies_menu ul{	
		margin:0px;	/* No <ul> air */
		padding:0px;	/* No <ul> air */
	}
	#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled  - sub menu items*/
		padding-left:10px;
		
	}
	#dhtmlgoodies_menu	li a{	/* Main menu links */
		
	}
	#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
		
		
		cursor: pointer;				
	}
	.dhtmlgoodies_subMenu{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
	
	
		
	}
	.dhtmlgoodies_subMenu ul{
        border-top: 1px solid #e4e2df;
	    background: #f5f5f1;
	    width: 300px;
         border-left: 1px solid #e4e2df;
          border-right: 1px solid #e4e2df;
	}
	.dhtmlgoodies_subMenu ul li{
		list-style-type:none;
		margin:0px;
		padding:0px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
		list-style-image: none;
          border-bottom: 1px solid #e4e2df;
	}
	.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
		FONT-FAMILY: Calibri, Arial, Tahoma, Verdana;
		font-size: 11px;
		FONT-WEIGHT: bold;
		/*white-space:nowrap*/
		text-decoration:none;	/* No underline */
		text-transform:uppercase;
		color:#a09797;	
		padding-top:5px;
		padding-bottom:5px;
		padding-left:12px;	
		display:block;	/* Display as block - you shouldn't change this */
		background-image: url('../images/separator-submenu-bgd.gif');
		background-position: bottom;
		background-repeat: no-repeat;				
	}
	.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
		FONT-WEIGHT: bold;
		FONT-FAMILY: Calibri, Arial, Tahoma, Verdana;
		font-size: 11px;
		color:#1B5195;	/* White text */
		padding-top:5px;
		padding-bottom:5px;
		padding-left:12px;		
		text-decoration:none;	/* No underline */
		text-transform:uppercase;
		background-image: url('../images/separator-submenu-bgd-over.gif');
		background-position: bottom;
		background-repeat: no-repeat;						
	}
    ul.sitemap {
        padding-top: 20px;
       
    }
    ul.sitemap li {
        list-style: disc;
    }
    ul.sitemap li ul {
         padding-left: 20px;
    }

    ul.sitemap li a {
        color: #2b4a79;
        font-size: 12px;
    }

    ul.search-results li p.result-info {
        font-size: 12px;
        color: #a09797;
        margin-bottom: 5px;
    }
    ul.search-results li {
        margin-bottom: 25px;
    }
	
	/* Sanja css */
	
	.class-red {
		color:#e7050b;
	}
	
	.indent {
		text-indent:15px;
	}
	
	/* Sanja css ends here */

  /* Main-box naslovna */



  .box-novosti, .box-aktuelnosti{
    width: 320px;
    float: left;
    padding: 20px;
    margin-top: 20px;
  }

.box-novosti h2, .box-aktuelnosti h2{
  color:#666666;
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 1px dotted #cacbc6;
  font-weight: bold;
}

.box-aktuelnosti h2 {
  margin-bottom: 10px;
}

.box-novosti{
border-right: 1px solid #cacac8;
}


.box-novosti h3{
  color: #40587a;
text-transform: uppercase;
font-size: 13px;
margin-bottom: 10px;
font-weight: normal;
}


.box-novosti p{
  font-size: 12px;
}

.novosti-content{
  padding: 20px 2px;
}


.box-aktuelnosti .news{
  padding: 10px;
}

.box-aktuelnosti .date{
  color: #767676;
  padding: 5px;
  background: #dadada;
float: left;
border-radius: 4px;

}

.box-aktuelnosti .news a{
  color:#40587a;
  font-size: 12px;
  text-transform: none;
 float: right;
  width: 70%;
  margin-left: 10px;
}



.box-banner{
  width: 220px;
float: left;
margin-top: 32px;
}

.link-arhiva-naslovna a, .najava-naslovna a
{
  text-transform: uppercase;
color: #40587a;
background-image: url('../images/strelka.png');
float: right;
bottom: 0px;
background-repeat: no-repeat;
padding-left: 10px;
background-position: 0px 2px;
font-size: 14px;
}



   /*End Main-box naslovna */




   /* MAIN MENU BEGIN */

.main-menu {
    float: left;
    height: 48px;
    margin-left: 70px;
}

.main-menu ul li {
    display: block;
    position: relative;
    float: left;
    height: 38px;
}
.main-menu ul li:hover{
    background-color: #8299b9;
}
.main-menu ul li a{
    display: block;
    color: #a09896;
    font-size: 15px;
    padding: 10px;
    font-weight: bold;
}
.main-menu ul li a.first{
    color: #373735 !important;
}
.main-menu ul li:hover a{
    color: white !important;
}
.main-menu ul li a.level1-item.last
{
    border-right: none;
}
.level1-item
{
    
}

#nav {
    position:relative;
}

#nav>li { 
    z-index: 500;
}
#nav>li:last-child{
    
 }

#nav>li>a:hover, #nav>li>a.selected,#nav>li>ul>li>a:hover, #nav>li>ul>li>a.selected{
   
    color: silver;
}

#nav ul {
    position: absolute;
    left: 0px;
    display: none;
    padding: 0;
    z-index: 9999;
    
}

#nav ul>li>a {
    display: block;
    font-family: 'pf_dindisplay_probold';
    text-transform:uppercase;
  }

#nav  li ul {
    display: none;
    background: none;
    margin-top: -2px;
  }
#nav li ul li {
   
    width: 250px;
    background: #3e567c;
    float: none;
    border: none;
    border-bottom: 1px solid #f5f6f1;
    padding: 0px;
    height: auto;
    font-weight: normal;
    margin-left: 0px;
  }
#nav li ul li:hover {
   
    background-color: #8299b9;
}

#nav li ul li a {
    font-weight: normal !important;
    font-family: 'pf_dindisplay_proregular', Arial, sans-serif;
    color: white;
    font-size: 13px;
    text-transform: none;
    text-transform: none;
    border-right: none;
    margin-top: 0px;
    padding: 11px 10px 8px 20px;
    background-image: url(../images/bullet-menu.png);
    background-repeat: no-repeat;
    background-position: 0px 12px;
    margin-left: 12px;
}
#nav li ul li a:hover {
    color: white !important;
}

#nav  li ul li ul {
    display: none;
    background: none;
    margin-top: -35px;
    margin-left: 250px;
  }

/* MAIN MENU END */


/* LEFT NAVIGATION BEGIN*/

.leftNav {
   /* float: none;
    clear: both;
    width: 218px;*/
    margin-bottom: 20px;
    font-family: Verdana;
}
.leftNav .first-level
{
    display: block;
    position: relative;
    background-color: #8299b9;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
}
.leftNav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0 0 1px;
}
.leftNav ul ul, .leftNav ul ul ul {
    background-image: none;
}

.leftNav ul li {
    display:block;  
    background: #3e567c;
    float: none;
    border: none;
    border-bottom: 1px solid #f5f6f1;
    padding: 0px;   
}
.leftNav ul li:hover
{
    background-color: #8299b9;
}
.leftNav ul li a {
    display:block;  
    font-weight: normal !important;
    font-family: 'pf_dindisplay_proregular', Arial, sans-serif;
    color: white;
    font-size: 13px;
    text-transform: none;
    text-transform: none;
    border-right: none;
    margin-top: 0px;
    padding: 11px 10px 8px 20px;
    background-image: url(../images/bullet-menu.png);
    background-repeat: no-repeat;
    background-position: 0px 12px;
    margin-left: 12px;
}
.leftNav ul li a.last
{
    border: none;
}
.leftNav ul li a:hover
{
    color: white !important;
    background-image: url(../images/bullet-menu.png) !important;
}
.leftNav ul li.active {
    background-color: #8299b9;
}
.leftNav ul li.last {
    
}
.leftNav ul li.activenochildren {
    
}
.leftNav ul li.active a {
    
}
.leftNav ul li.active ul {
    
}
.leftNav ul li ul li {
    border-bottom: 0px solid #f5f6f1;
}
.leftNav ul li ul li a
{
    margin-left: 32px;   
}
.leftNav ul li ul li ul li {
    
}
.leftNav ul li ul li ul li a {
    
}
.leftNav ul li.active ul li {
    /*background-image: url(../images/bkgrd_menuVert2.gif);*/
}
.leftNav ul li.active ul li a {

}
.leftNav ul li.active ul li.active {
    
}
.leftNav ul li.active ul li.active a {
    
}
.leftNav ul li.active ul li.active ul {
    
}
.leftNav ul li.active ul li.active ul li {
    
}
.leftNav ul li.active ul li.active ul li a {

}
.leftNav ul li.active ul li.active ul li.active {
    
}
.leftNav ul li.active ul li.active ul li.active a 
{

}


/* LEFT NAVIGATION END*/

/* TABLE BEGIN */

.table1
{ 
    width: 100%;
    font-weight: normal; 
    font-size: 12px;
    font-family: Arial, Verdana; 
    text-align: left; 
    line-height: 120%; 
    border: 0px solid #a1aab3;
    border-collapse: separate;
    border-spacing: 0px !important;
    /*background-image: url(../images/table1-bgd.png);
    background-position: bottom;
    background-repeat: repeat-x;*/
    background-color: #e6ebf0;
    margin-bottom: 20px;
}
.table1 td
{
    padding: 10px 8px;
    line-height: 130% !important;
    font-family: Arial !important;
    font-size: 12px;
    color: #656773;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    /*border-bottom: 1px dashed #686874;*/
}
.table1 p
{
    margin: 0px !important;
    padding: 0px !important;
    font-family: Arial !important;
    font-size: 12px;
    font-weight:normal !important;
}
.table1-header td
{
    padding: 11px 8px;
    background-color: #ccd7e1 !important;
    color: #456890;
    font-size: 12px;
    font-weight: bold !important;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

/* TABLE END */


/* CONTACT FORM BEGIN*/

.contactform
{
    text-align: left;
    color: black;
    font-family: Arial;
    font-size: 12px;
    display: table;
}

.contactform label
{
    display: block;
    width: 470px;
    clear: both;
    margin-bottom: 10px;
}

.contactform label SPAN
{
    display: block;
    float: left;
    clear: left;
    width: 210px;
    margin-right: 5px;
    margin-top: 4px;
    text-align: right;
}

.contactform INPUT {
    
   color: #4c4c4c;
   padding: 3px;
   width: 200px;
}
.contactform INPUT[type="checkbox"] {
    
   color: #4c4c4c;
   padding: 3px;
   width: 30px;
}


.contactform .code
{
    display: block;
    clear: both;
    margin: 10px 0px;
}
.code span
{
    float: left;
    margin-right: 5px;    
    margin-top: 2px;
    width: 210px;   
    text-align: right;
}
.code img
{
    float: left;
    display: block;
    height: 20px;
}
.code input
{
    float: left;
    display: block;
    height: 11px;
    width: 40px;
}
.contactform textarea
{
    display: block;
    width: 203px;
    height: 120px;
    float: left;
    padding: 3px;
    color: #4c4c4c;
    font-family: Arial;
    font-size: 12px;    
    margin-bottom: 10px;
}

.contactform-button-container
{
    display: block;
    position: relative;
    clear: both;
}
.contactform input[type="submit"], .contactform input[type="reset"]
{
    float: left;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    width: 100px;
    height: 30px;
    border: none;
    color: white;
    background-color: #54769b;
    text-transform: uppercase;
    margin-right: 20px;
    margin-top: 20px;
}
.contactform input[type="reset"]
{
    float: left;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    width: 100px;
    height: 30px;
    border: none;
    color: white;
    background-color: #54769b;
    text-transform: uppercase;
    margin-right: 20px;
    margin-top: 20px;
}
.contactform input[type="submit"]
{
    margin-left: 120px;
}
/* CONTACT FORM END*/

/* Google maps */

.google-maps-info-w
{
    width: 200px;
    height: 200px;
}
.google-maps-info-w h2
{
	font-family: 'pf_dindisplay_proregular', Arial, sans-serif;
    font-size: 16px;
    margin: 20px 0 10px 0;
	color:#2b4a79;
}
.google-maps-info-w p
{
	color:#717171;
	font-family: 'pf_dindisplay_proregular', Arial, sans-serif;
    font-size: 12px;
	margin:0 0 5px 0;
	line-height:150%;
}
.google-maps-info-w a
{
	font-family: 'pf_dindisplay_proregular', Arial, sans-serif;
    font-size: 11px !important;
    text-decoration: none !important;
    font-weight: bold !important;
	color:#717171;
}
.legendaMapa{
    float: right;
margin-top: -120px;
margin-right: 46px;
}
/* Google maps end */