@charset "utf-8";
body {
	background-color: #408b39;
	background-image:url(img/pozadina.png);
	background-position:left;
	background-repeat:repeat-y;
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
}

#kontejner {
	width:950px;
	margin:0 auto; padding:0;
	position:relative;
}
h1#logo {
	margin:0; padding:0;
	width:270px;
	height:120px;
	background:url(img/srijem_logo.png) no-repeat;
	position:absolute;
	left:-5px;
	top:0px;
	z-index:10;
}
h1#logo span {display:none;}


#header_menu {
	border-top:35px solid #bbe7ff;
	background-color:#000;
	width:950px;
	height:40px;
}
#header_menu ul {list-style:none; margin:0; padding:0; float:right;}
#header_menu ul li {display:inline; float:left;}
#header_menu ul li a {display:block; width:40px; height:40px;}
#header_menu ul li a span {display:none;}
#header_menu ul li a.link_1 {background-image:url(img/menu_1_home.png);}
#header_menu ul li a.link_2 {background-image:url(img/menu_2_link.png);}
#header_menu ul li a.link_3 {background-image:url(img/menu_3_link.png);}
#header_menu ul li a.link_4 {background-image:url(img/menu_4_link.png);}
#header_menu ul li a.link_5 {background-image:url(img/menu_5_link.png);}

#header_image {
	clear:both;
	width:950px;
	height:310px;
	position:relative;
	overflow:hidden;
}
#wmd_prognoza {
	border:1px solid #ccc;
	height:130px;
}
.karta {
	border:1px solid #ccc;
}





#horizontalni_menu {
	background-color:#3f8b40;
	text-align:center;
	height:38px;
	border-bottom:2px solid #83b17a;
}
#horizontalni_menu ul {margin:0; padding:0 0 0 8px; list-style:none;}
#horizontalni_menu ul li {
	text-align:center;
	display:inline;
	float:left;
	padding:2px 2px;
}

#horizontalni_menu a {
	color:#fff;
	font:18px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	height:25px;
	width:227px;
	border:1px solid #327a33;
	padding:3px 0;
}
#horizontalni_menu a:hover {background-color:#5dad5e;}
.menu {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; width:950px; height:40px; position:relative; font-size:16px; z-index:100;}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#000;
	width:235px; 
	height:30px; 
	text-align:center; 
	color:#fff; 
	border:1px solid #fff; 
	background:#3f8b40; 
	line-height:30px; 
	font-size:16px; 
	overflow:hidden;
}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#397d3a;}
.menu ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:235px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#cfeecd; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#cfeecd; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


#acc_bg {
	background-image:url(img/bg_iloktrans.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

/*sadrzaj*/
#sadrzaj {
	font:18px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	line-height:17px;
	background-color:#fff;
	padding:15px;
}



#sadrzaj {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#333333; margin:0 0 15px 0;}
#sadrzaj h1 {margin:0 0 10px 0; padding:0; font-size:16px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6f8cb7; border:0;}
#sadrzaj h2 {margin:10px 0 10px 0; padding:0; font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6f8cb7; border-bottom:1px dotted #CCCCCC;}
p {margin:0; padding:0;}

/*linkovi*/
a {color:#0253a2; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}

/*download paragraf*/
.paragraf_download {padding:0 10px;}
.paragraf_download table {border-collapse: collapse; margin: 5px;}
.paragraf_download th {background: #3e83c9; color: #fff; font-weight: bold; padding: 6px; text-align: left; border-right: 1px solid #fff; border-bottom:1px solid #fff; line-height: 1.2;
}
.paragraf_download td {padding: 6px; border-bottom: 1px solid #95bce2; border-right: 1px solid #fff; vertical-align: top;
}
.paragraf_download tr.alt td {background: #efefef;}
.paragraf_download tr.over td {background: #ccc;}

/*stilovi za tipove paragrafa*/
/*Slike gore*/
.paragraf_1 {}
/*Slike lijevo*/
.paragraf_2 {}
/*Slike desno*/
.paragraf_3 {}
/*Slike dolje*/
.paragraf_4 {}
/*Slika lijevo u tekstu i dolje*/
.paragraf_5 {}
/*Slika desno u tekstu i dolje*/
.paragraf_6 {}


/*novosti na naslovnici */
.news_kontejner {
	border-bottom:1px solid #eee;
	padding-bottom:10px;
	margin-bottom:20px;	
}
.news_arhiva_kontejner {
	border-bottom:1px solid #eee;
	padding-bottom:5px;
	margin-bottom:10px;	
}
.td_news_slika {
	width:160px;
	padding:0 10px 0 0 ;
}
#vijesti .news_slika img {border:1px solid #000; background-color:#fff; padding:1px;}
#vijesti h3 {margin:0; padding:0; font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#418c3a;}
#vijesti h3 a {color:#418c3a; text-decoration:none;}
#vijesti h3 a:hover {color:#000; text-decoration:underline;}
#vijesti .news_datum {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; size:10px; color:#666666;}
#vijesti .news_tekst {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#333333; padding:10px 0 0 0;}
#vijesti ul.photo {
	margin:0;
	padding:0;
	list-style:none;
}
#vijesti ul.photo li {
	float:left;
}
#vijesti ul.photo li img {
	border:1px solid #000;
	background-color:#fff;
	padding:2px;
	margin:5px;
}
#vijesti .row {
	clear:both;
}


.tekst {}
.podnaslov {}

.slika_gore {text-align:center; padding:5px 5px 10px 5px;}
.slika_gore img {border:1px solid #000; background-color:#fff; padding:1px;}
.slika_gore a {}
.slika_gore a:hover {}

.slika_lijevo {text-align:center; padding:0px 10px 10px 0px;}
.slika_lijevo img {border:1px solid #000; background-color:#fff; padding:1px;}
.slika_lijevo a {}
.slika_lijevo a:hover {}

.slika_desno {text-align:center; padding:0px 0px 10px 10px;}
.slika_desno img {}
.slika_desno a {}
.slika_desno a:hover {}

.slika_dolje {text-align:center; padding:5px 5px 10px 5px;}
.slika_dolje img {border:1px solid #000; background-color:#fff; padding:1px;}
.slika_dolje a {}
.slika_dolje a:hover {}

.slika_desno_gore {text-align:center; padding:0px 0px 10px 10px; float:right;}
.slika_desno_gore img {border:1px solid #000; background-color:#fff; padding:1px;}
.slika_desno_gore a {}
.slika_desno_gore a:hover {}

.slika_lijevo_gore {text-align:center; padding:0px 10px 10px 0px; float:left;}
.slika_lijevo_gore img {border:1px solid #000; background-color:#fff; padding:1px;}
.slika_lijevo_gore a {}
.slika_lijevo_gore a:hover {}













#col_1 {
	padding:0 15px 0 0;
	border-right:2px solid #999;
	width:700px;
}




#col_3 {
	padding:0 0 0 15px;
	width:200px;
}
#col_3 .banner {
	padding:0 0 15px 0;
}
#col_3 .banner img {
	border:1px solid #aaa;
}
#col_3 .banner h4 {
	background-color:#ef9824;
	padding:3px 0 3px 15px;
}
#col_3 .banner h4 a {
	font:13px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;	
	text-decoration:none;
	color:#fff;
}

.footer {
	background-color:#FFF;
	background-image:url(img/footer_new.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:130px;
	padding:0 20px 0 300px;
	font-size:12px;
	color:#666;
}
.footer img {
	float:left;
	margin:0 50px 0 0;
}
#copyright {
	padding:10px 0 30px 0;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#fff;
	background-color:transparent;
}
#copyright a {
	text-decoration:none;
	color:#ccc;
}
#copyright a:hover {
	text-decoration:underline;
	color:#eee;
}