@charset "UTF-8";

body, div { font: 12px/15px Verdana,Arial,Helvetica,sans-serif; color: #444; margin: 0; padding: 0; border: 0; }
  
  #karta.fiksiraj { position: fixed; top: 0; }
  
  body { background-color: #eee;  }
  a {text-decoration: none; color: navy; }
  h3 { font: 12px/15px Verdana,Arial,Helvetica,sans-serif; color: #444; }
  div#maincontent { width: 1240px; padding: 20px 0px 20px; margin: 60px auto 0px; background-color: #fff; -moz-box-shadow: 0 0 8px #777; -webkit-box-shadow: 0 0 8px #777; box-shadow: 0 0 8px #777;
  }
  .page-layout {margin: 0 40px;}
  #detalji { float: left; width: 455px; padding: 5px 10px; margin: 0 0 0 5px; }
  #karta { float: right; width: 750px;  padding: 5px; margin: -10px 0 0; }
  #kartabord {border: 1px solid #ddd; padding:4px; border-radius: 4px; }
  #footer {clear:both; }
  #map { width: 100%; min-height:500px; margin: 0; }
  #kazalo { width: 100%; }
  #info { width: 100%; }
  #infof { width: 100%; }
  
  .gminfow { width: 170px; height: 100px; }
  
  #detZaglavlje h2 {font-weight: bold; font-style: italic; letter-spacing: 0.15em; color: #426d9c; font-size: 14px; }
  #detZaglavlje a:hover {background-color: #ccc; }
  #detalji p { text-align: justify; }
  
  #detZaglavlje, #detGlavni {width: 100%; padding: 0; margin: 0; }
  #detGlavni {margin-top: 20px; }
  #grafPita { width: 80%; height: 300px; margin: 0 auto; }
  
  table#tblOcjene { border: 1px solid #426d9c; margin: 0 auto; padding: 0; border-collapse: collapse; }
  table#tblOcjene td,table#tblOcjene th {margin:0; padding: 2px 7px; border: 1px solid #426d9c;}
  table#tblOcjene td {text-align: right; }
  table#tblOcjene th {font-weight: normal; background-color: #eee; }
  table#tblOcjene .bgocj1 {background-color: rgba(47,154,255,0.5);} 
  table#tblOcjene .bgocj2 {background-color: rgba(4,248,1,0.5);} 
  table#tblOcjene .bgocj3 {background-color: rgba(249,235,118,0.5);} 
  table#tblOcjene .bgocj4 {background-color: rgba(246,0,0,0.5);} 
  
  #plaoopis h2 {text-align: center; font-size: 16px; font-style: normal; }
  #plaoopis ul {list-style-type: none; padding: 0 0 0 40px; margin: 0px; line-height: 20px; font-style: italic; }
  #plaoopis .propnaz {font-weight: bold; }
  #plaoopis li { letter-spacing: 0.1em; }
  
  
  .ui-tabs-nav { background-color: #426d9c; background-image: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #426d9c), color-stop(40%, #0f67a1), color-stop(100%, #1384d1));
    background: -moz-linear-gradient(top, #426d9c, #0f67a1, #1384d1);
    background: -o-linear-gradient(top, #426d9c, #0f67a1, #1384d1);
    background: linear-gradient(top, #426d9c, #0f67a1, #1384d1); 
    border-color: #426d9c; }
  
    #galerija, .insslika, .insslika > a.fancybox, .insslika > a.fancybox > img {margin:0; padding:0; line-height: 0;  border: 0; }
  #galerija { width: 400px;  margin: 0 auto;}
  .insslika { float:left; width: 190px; height: 150px;  margin-bottom: 10px; text-align: center;}
  .insslika:nth-child(odd) {margin-right: 10px;}
  .insslika > a.fancybox > img { max-width: 180px; max-height: 135px; padding: 4px; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; }
  .insslika > a.fancybox:hover {background-color: transparent; }
  
  #frmKomentar {border: 1px solid #ddd; margin: 0; padding: 0; border-radius: 4px; max-width: 450px; padding: 0.2em; }
    #frmKomentar > .frmProp {padding: 3px 6px; }
    #frmKomentar > .frmProp .divProp {width: 420px; margin: 4px 0; }
    #frmKomentar > .frmProp .labMain { font-weight: bold; }
    #frmBtns { margin-top: 20px; }
    #frmKomentar input, #frmKomentar textarea {min-width: 300px; width: 98%; }
    #frmKomentar textarea { resize: none; }
    #frmKomentar #drbOcjena { margin: 0 auto; }
    #frmKomentar label[for="rbOcjena1"].ui-button {background-color: rgba(47,154,255,0.1); background-image: none; } 
    #frmKomentar label[for="rbOcjena2"].ui-button {background-color: rgba(4,248,1,0.1); background-image: none;} 
    #frmKomentar label[for="rbOcjena3"].ui-button {background-color: rgba(249,235,118,0.1); background-image: none;} 
    #frmKomentar label[for="rbOcjena4"].ui-button {background-color: rgba(246,0,0,0.1); background-image: none;} 
    #frmKomentar label.ui-button:hover {background-color: #fff; background-image: none; } 
    
    
    #popLokacija {list-style-type: none; margin: 0; padding: 0; font-size: 10px; }
    #popLokacija li {margin: 0 0 2px 1px; padding: 2px 5px; border: 1px solid #fff;  display: inline-block; width: 210px; cursor: pointer; }
    #popLokacija li.brdocj1 {border-color: rgba(47,154,255,1); background-color: rgba(47,154,255,0.1);}
    #popLokacija li.brdocj2 {border-color: rgba(4,248,1,1); background-color: rgba(4,248,1,0.1);}
    #popLokacija li.brdocj3 {border-color: rgba(249,235,118,1); background-color: rgba(249,235,118,0.1);}
    #popLokacija li.brdocj4 {border-color: rgba(246,0,0,1); background-color: rgba(246,0,0,0.1);}
    
    #popLokacija li.brdocj1:hover {background-color: rgba(47,154,255,0.5); background-image: none; } 
    #popLokacija li.brdocj2:hover {background-color: rgba(4,248,1,0.5); background-image: none;} 
    #popLokacija li.brdocj3:hover {background-color: rgba(249,235,118,0.5); background-image: none;} 
    #popLokacija li.brdocj4:hover {background-color: rgba(246,0,0,0.5); background-image: none;}
    
    #filLokacija, #filLokacija ul {list-style-type: none; margin: 0; padding: 0; font-size: 10px; }
    #filLokacija > li {font-size: 12px; font-style: italic; letter-spacing: 0.15em; }
    #filLokacija ul {margin: 5px 0 10px;}
    #filLokacija ul li {margin: 0 0 2px 1px; padding: 2px 5px; border: 1px solid #fff;  display: inline-block; width: 210px; cursor: pointer; font-size: 10px; font-style: normal; letter-spacing: normal; }
    #filLokacija ul li.brdocj1 {border-color: rgba(47,154,255,1); background-color: rgba(47,154,255,0.1);}
    #filLokacija ul li.brdocj2 {border-color: rgba(4,248,1,1); background-color: rgba(4,248,1,0.1);}
    #filLokacija ul li.brdocj3 {border-color: rgba(249,235,118,1); background-color: rgba(249,235,118,0.1);}
    #filLokacija ul li.brdocj4 {border-color: rgba(246,0,0,1); background-color: rgba(246,0,0,0.1);}
    
    #filLokacija ul li.brdocj1:hover {background-color: rgba(47,154,255,0.5); background-image: none; } 
    #filLokacija ul li.brdocj2:hover {background-color: rgba(4,248,1,0.5); background-image: none;} 
    #filLokacija ul li.brdocj3:hover {background-color: rgba(249,235,118,0.5); background-image: none;} 
    #filLokacija ul li.brdocj4:hover {background-color: rgba(246,0,0,0.5); background-image: none;}
    
    
    @media screen and (min-width: 1440px) {
    div#maincontent { width: 1400px; }
    #karta { width: 910px; }
    #map { min-height:700px; }
    }

    @media screen and (max-width: 1024px) {
    div#maincontent { width: 984px; }
    #detalji { width: 429px; }
    #karta {  width: 520px; }
    #popLokacija li {width: 200px; }
    }

#menu {
  background-color: #426d9c;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #426d9c), color-stop(40%, #0f67a1), color-stop(100%, #1384d1));
  background: -moz-linear-gradient(top, #426d9c, #0f67a1, #1384d1);
  background: -o-linear-gradient(top, #426d9c, #0f67a1, #1384d1);
  background: linear-gradient(top, #426d9c, #0f67a1, #1384d1);
  height:60px;
  }

div.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	
	box-shadow: 0 0 40px #222;
	-webkit-box-shadow: 0 0 40px #222;
	-moz-box-shadow: 0 0 40px #222;
  
  z-index: 500;
}

#menu-content {max-width: 1240px; width: 98%; min-width: 870px; height:60px; margin: 0 auto; text-align: left;}

@media screen and (min-width: 1440px) { #menu-content {max-width: 1400px; width: 1400px;} #head-naslov { width: 900px; } }


#menu-head {height: 30px; }
#head-naslov {margin: 0; width: 750px; height: 30px; float:left; }
#head-pretraga {padding:0; width: 250px; height: 30px; float:left; vertical-align: center; position: relative;}
#head-pretraga input { width: 100%; height: 14px; }
#head-pretraga form {vertical-align: center; height: 30px;}
#menu #head-pretraga img { width: 20px; height: 20px; border: 0; padding:0; margin: auto 0; position: absolute; right: 0; top: 5px; }
h1#head-nasl {font: 14px/30px Verdana,Arial,Helvetica,sans-serif; color: #fff; font-weight: bold; margin: 0 0 0 50px; padding: 0 0 0 1.2125em; }
h1#head-nasl a {color: inherit;} 


#head-jezik, #head-jezik img, #head-jezik a { border: 0; padding: 0; margin: 0; }
#head-jezik { padding: 5px 4px; float: right; }


@media screen and (max-width: 1100px) { #menu-content {max-width: 984px; width: 98%; min-width: 870px; } #head-naslov {width: 670px;} #head-pretraga { width: 160px; } }


#menu #nas img, #menu #nas a, #menu #nas li, #menu ul { border: 0; padding: 0; margin: 0; }

#menu-nav {height: 30px; vertical-align: bottom; margin 0; padding: 0; display: block; width: 100%;}
#menu #nas { float: left; margin: -30px 0 0 0; list-style: none;  }

#navo { list-style:none; float:right; }

#menu-nav ul#navo li.mobve { background-color: transparent; }
#menu-nav ul#navo li.mobve a:hover { background-color: transparent; }




#menu #nas li { display:block; position:relative; z-index:500; }
#menu #nas li a {	text-align:center; color:#ccc; padding:2px 8px; height:40px; display:block;}
#menu #nas > li {padding: 0;}
#menu #nas > li > a {margin: 0; padding: 10px 0;}
#menu #nas a.selected { color:#f7c983; }
#menu #nas ul {
	position: absolute;
	left:0;
	display:none;
	margin: 0;
	padding: 0;
	list-style: none;
  background-color: #426d9c;
}
#menu #nas ul li {
  display:block;
	border-top: 1px solid #fff;
}


#menu-nav ul { list-style: none; font-size: 13px; }

#menu-nav ul#nav {
	margin: 0 0 0 50px;
	padding: 0;
}

#menu-nav ul#nav li {
	float: left;
	position: relative;
}

#menu-nav ul#navo {font-weight: normal; }

#menu-nav ul#navo li {
	float:right;
	display:block;
	background: rgba(66,109,156,0.8);
	position:relative;
	z-index:500;
	margin: 0;
}



#menu-nav a {
	color: #fff;
	display: block;
	line-height: 30px;
	padding: 0 1.2125em;
	text-decoration: none;
  
	text-shadow: 1px 1px 1px #777;
}

#menu-nav ul#nav ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 0;
	min-width: 200px;
  
	z-index: 99999;
  
  background-color: #426d9c;
}

#menu-nav ul#nav ul.ulGradovi { max-height: 660px; width: 535px;}
#menu-nav ul#nav ul.ulGradovi.kol2 { max-height: 660px; width: 357px;}
#menu-nav ul#nav ul.ulGradovi.kol1 { max-height: 660px; width: 179px; min-width: 179px;}
#menu-nav ul#nav ul.ulGradovi li {display: inline;  }

#menu-nav ul#nav ul a {
	background: #426d9c;
	border-bottom: 1px dotted #ddd;
	color: #ccc;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 5px 10px;
	width: 188px;
}

#menu-nav ul#nav ul.ulGradovi a {width: 158px;}


#menu-nav li:hover > a,
#menu-nav ul#nav ul :hover > a
{
	background: #01458e;
}

#menu-nav li:hover > a
{
	background: #01458e;
}

#menu-nav ul#nav li:hover > ul {
	display: block;
}

#menu-nav ul#nav li a:hover {color:#fff;}
#menu-nav ul#nav ul a.selected {color:#f7c983;}


.istakni {font-weight: bold; color: #f7c983; }

div#popObjs {padding: 0 10px; }
table#tblObjs {border-collapse:collapse;}
table#tblObjs, table#tblObjs tr, table#tblObjs td, table#tblObjs input, table#tblObjs a { border: 0; margin: 0; padding: 0; line-height: 0;}
table#tblObjs td {font-size: 12px;}
table#tblObjs .objIkona a { padding: 2px 6px; }
table#tblObjs .objNaziv a { line-height: 17px; }


#head-pretraga div#inpsear {
  left: 0;
  position: absolute;
  right: 26px;
  top: 5px;
}




h2.statTitle {text-align: center; font-weight: bold; font-style: italic; letter-spacing: 0.15em; color: #426d9c; font-size: 14px;}
  table#tblZupOcj th {min-width: 120px;}
  table#tblZupOcj th.ocjcol {min-width: 120px;}
  table#tblZupOcj { border: 1px solid #426d9c;  padding: 0; margin: 0 auto; border-collapse: collapse; }
  table#tblZupOcj td,table#tblZupOcj th {margin:0; padding: 2px 7px; border: 1px solid #426d9c;}
  table#tblZupOcj td {text-align: right; }
  table#tblZupOcj th {font-weight: normal;  }
  table#tblZupOcj .bgzag {background-color: rgba(90,90,90,0.3);}
  table#tblZupOcj .bgzup, table#tblZupOcj .bguk {cursor: pointer;}
  table#tblZupOcj .bgzup:nth-child(odd) {background-color: rgba(160,160,160,0.3);}
  table#tblZupOcj .bgocj1 {background-color: rgba(47,154,255,0.3);} 
  table#tblZupOcj .bgocj2 {background-color: rgba(4,248,1,0.3);} 
  table#tblZupOcj .bgocj3 {background-color: rgba(249,235,118,0.3);} 
  table#tblZupOcj .bgocj4 {background-color: rgba(246,0,0,0.3);} 
  table#tblZupOcj tr.rowactive { font-weight: bold; font-style: italic; cursor: auto;}
  
  #statLinkovi ul {list-style-type: none; margin: 0; padding: 0; }
  ul#lnkPodjela {color: #999;  width: 980px; margin: 0 auto; }
  ul#lnkPodjela li.liOpis {font-weight: bold; float: left; margin-left: 30px; display: inline;}
  ul#lnkPodjela li.liOpis:first-child {margin: 0;}
  ul#lnkPodjela li.liOpis span {display: inline;}

  ul#lnkPodjela ul > li { float: left; margin-left: 10px; }
  ul#lnkPodjela ul > li.liactive {color: #555; text-decoration: underline; font-weight: bold; }
  
  div#divinfo { margin: 0px auto 40px; width: 80%; padding-top: 20px; }
  div#divinfo { text-align: justify; }