@charset "utf-8";
/*  Републичка дирекција за воде 
 */
 
html {
	height: 100%;
}

body {
	height: 102%;
	color:#01245e;
	background: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
}

a, a:visited {
	color:#01245e;/*#0d4077;*/
	text-decoration:none;
}

a:hover, a:active {
	color:#c7363d;
}

a img {
  border: none;
  padding:0;
  margin:0;
}

#top {
	width:100%;
	height:27px;
	background:url(images/zastava.gif) repeat-x #c6363c;
}

#header {
	width:100%;
	height:197px;
	margin:0;
	background: url(images/z-bg.gif) repeat-x #bec6d1;
	overflow:visible;
}

#zaglavlje-in {
	position:relative;
	width:960px;
	margin:0 auto 0 auto;
	height:180px;
	color:#01245e;
	
	line-height:20px;
	overflow:visible;
	/*border-bottom:2px solid #999999;*/
}

#top-m-levo {
	position:absolute;
	left:10px;
	top:4px;
}

#grb-gore {
	position:absolute;
	left:455px;
	top:2px;
	width:50px;
	margin-top: 2px;
}

#top-m-desno {
	float:right;
	margin:4px 10px 0;
} * html #top-m-desno {margin:2px 5px 0;}

#top-m-levo, #top-m-desno {
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size:70%;
	color:#fffbec;
}

#top-m-levo a:hover, #top-m-desno a:hover {
	color:#fffbec;
}


#title {
	font-size:17px;
	width:100%;
	position:relative;
	top:73px;
	text-align:center;
	clear:both;
	font-family: Georgia, "Times New Roman", Times, serif;
} * html #title {margin-top:2px;}

#smoothmenu1{
	clear:both;
	position:absolute;
	top:167px;
}


#content {
	background:url(images/senka-c.png) repeat-x;
}
#content-in {
	width:960px;	
	overflow: hidden;
	margin:0 auto 0 auto;
	background:url(images/senka-c.png) repeat-x #ffffff;	
}

#putanja {
	margin:8px 10px 0;
	float:left;
	width:940px;
	font-size:70%;
	line-height:28px;
	color:#92979d;
}* html #putanja {
	margin:4px 5px 0;
	padding-top:8px;
}

#putanja .putanja {
	color:#01245e;
}

#sadrzaj img {
	padding:3px;
	border:1px solid #CFDAE2;
	margin: 10px 0 7px 0;
} 

.slika-levo {
	float:left;
	margin:7px 20px 0 0;	
}

#levo-naslovna {
	margin:10px;
	width:750px;
	float:left;
}* html #levo-naslovna { 
	margin:5px; padding:5px 0;
}

#levo {
	clear:left;
	margin:10px 10px 10px 10px;
	width:180px;
	float:left;
}* html #levo { 
	margin:5px 5px 5px 5px;
}

#podmeni {
	width:180px;
	background:url(images/link-bg.gif) repeat-y center;
	border:1px solid #dadada;
	font-size:0.9em;
}


#podmeni h3 {
	line-height:15px; 
	margin:5px 10px;
	font-size:1.0em;
	color:#0c4076;
}

#podmeni h3 a, #podmeni h3 a:visited{
	color:#0c4076;
	font-weight:bold;
}

#podmeni h3 a:hover, #podmeni h3 a:active{
	text-decoration:underline;
}

#podmeni ul {
	list-style:none;
	padding:0px;
	margin:5px 0;
}

#podmeni ul li {
	background-image:url(right.gif);
	background-repeat:no-repeat;
	background-position:10px 3px; 
	padding-left:24px;
	margin:4px 0;
} * html #podmeni ul li {margin:0; line-height:100%;}


#podmeni ul li a {
	display:block;
}

#podmeni ul li a:hover, #podmeni ul li a.selected {
	text-decoration:none;
}

#desno {
	margin:10px 10px 10px 0;
	width:180px;
	float:right;
	
}* html #desno { 
	margin:5px 5px 5px 0; padding:5px 0;
}

#linkovi-desno a {
	width:168px;
	display:block;
	background:url(images/link-bg.gif) repeat-y center;
	border:1px solid #dadada;
	padding:9px 5px;
	margin:0 10px 5px 0;
	font-size:0.9em;
	
	color:#0c4076;
	text-align:center;
	text-decoration:none;
}

#linkovi-desno a:hover {
	color:#c6363c;
}

#alatke {
	text-align:center;
	margin-bottom:6px;
}

#alatke table {
	width:180px;
	border-collapse:collapse;
	border:0px;
}

#alatke td {
	font-weight:normal;
	font-size:0.7em;
	background:#f4f4f4;
	padding:2px;
	border:solid #ffffff 3px;
}

#content-in h3 {
	font-size: 100%;
	font-weight:normal;
	color:#c7363d;
}

#sadrzaj {
	margin:10px 0;
	padding:0 10px 20px 10px;
	width:540px;
	float:left;
}* html #sadrzaj { 
	margin:5px 0;
	
}

#sadrzaj h1{
	font-size:100%;
	color:#92979d;
	line-height:100%;
	padding:0 0 12px 10px;
	margin:0;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sadrzaj h2{
	font-size:85%;
	color:#01245e;
	line-height:110%;
	padding:6px 0 2px 10px;
	margin:0;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sadrzaj h3 {
	font-size: 100%;
	font-weight:normal;
	color:#b4242b;
	padding:10px 0 10px 10px;
	text-transform:uppercase;
}


#sadrzaj h5{
	font-size:83%;
	color:#01245e;
	line-height:110%;
	padding:10px 0 0 0;
	margin:0;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sadrzaj p {
	font-size: 80%;
	text-align:justify;
	padding: 0 10px 0 10px;
	line-height: 130%;
}

#sadrzaj a {
	color:#648dae;
}

#sadrzaj a:hover {
	text-decoration:underline;
}

#sadrzaj table {
	font-size: 80%;
}

table.imenik{
	margin:5px 15px 20px 15px;
} * html table.imenik{margin:0 5px 20px 5px;}

.imenik td{
	padding:5px;
	vertical-align:top;
} * html .imenik td {padding:3px;}

#sadrzaj table img, #sadrzaj a img {
	border:0;
	padding:0;
	margin:0;
}

#sadrzaj ul {
	font-size: 80%;
	list-style-type:disc;
	text-align:justify;
}

#sadrzaj ul ul {
	font-size: 95%;
	list-style-type:disc;
	text-align:justify;
}
#sadrzaj ul ul li {
	list-style-type:circle;
}

#sadrzaj ol {
	font-size: 80%;
	text-align:justify;
}

#sadrzaj ul.files{
	list-style-image:url(images/pdf.jpg);
	line-height:130%;
}

#sadrzaj .files li.doc{
	list-style-image:url(images/doc.jpg);
}

#sadrzaj .files li.xls{
	list-style-image:url(images/xls.jpg);
}

#sadrzaj .files li {
	margin:10px 0;
}

#desno img {
	margin:0 0 10px 0;
} * html #desno img {
	margin:0 0 5px 0;
}

#footer {
	width:100%;
	background:url(images/footer-senka.png) repeat-x #3c6690;
	
	overflow:hidden;
}

#footer-in {
	color:#ffffff;
	font-size: 70%;
	width:960px;
	margin:0 auto 0 auto;
	text-align:center;
	background:url(images/footer-senka.png) repeat-x #3c6690;
	overflow:hidden;
}

#footer-grb {
	clear:both;
	margin:17px auto 0;
} * html #footer-grb {
	margin:17px auto 0;
}


#adresa {
	clear:both;
	margin:0;
} * html #adresa {
	margin:0;
}

#footer-nav {
	text-align:left;
	width:944px;
	height:350px;
	float:left;
	margin: 15px 8px 15px 16px;
	font-size:10px;
}

#footer-nav a {
	color:#ffffff;
}

#footer-nav a:hover {
	text-decoration:underline;
}

#footer a {
	color:#ffffff;
}

#footer-nav ul {
	padding-left: 0;
	display: inline;
	color:#ffffff;
	} 

#footer-nav ul li {
	width:150px;
	margin-left: 0;
	margin-bottom: 0;
	padding: 10px 0px 2px 0px;
	border:0;
	list-style: none;
	display: block;
	min-height:280px;
	
	float:left;
	clear:none;
	font-weight:bold;
	}
	
		
#footer-nav ul li ul li {
	font-weight:normal;
	list-style: none;
	float:none;
	display: list-item;
	padding:2px 0px 2px;
	width:148px;
	height:auto;
	min-height:0;
}
#potpis {
	clear:both;
	width:960px;
	margin:0 auto;
	color:#01245e;
	background:#f5f5f5;
	text-align:center;
	line-height:20px;
}

#mapa ul li ul {
	font-size:0.95em;
	text-align:left;
}

.aktuelno {
	border-top:1px solid #cccccc;
	padding:0 0 8px;
}

.aktuelno img {
	margin:5px auto;
	padding:3px;
	border:1px solid #999999;
}

.aktuelno .datum {
	margin-top:8px;
	color:#999999;
	font-size:0.9em;
}

.datum {
	margin-top:8px;
	color:#999999;
	font-size:0.9em;
}

.galerija-box {
	width:260px;
	height:200px;
	float:left;
	margin:0px 10px 10px 0;
	border-bottom:#cccccc 4px solid;
	overflow:hidden;
	background:#ffffff;
}

.galerija-box h4 {
	font-size:90%;
	margin-top:4px;
	color:#648dae;
}

.galerija-box:hover {
	border-bottom:#648dae 4px solid;
}

.galerija-box img {
	margin: 0;
	padding:0;
	border:none;
	
}
.galerija-box .crop {
	height:116px;
	width:260px;
	overflow:hidden;
	margin:0 auto;
}



#style
.accordion  {

  background-color: #f4f4f4;
  color: #f1f1f1;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;

}

.active, .accordion:hover {
  background-color: #e2e2e2; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
  
}


}
</style>