@import url("menu.css");
@import url("foto.css");

/* general */
body{
	margin:0px;
	padding:0px;	
	background:url(../images/bg-body.gif) repeat-x top #fff;
	font:70% Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	line-height:140%;
	}
a{
	color:#178ea4;
	text-decoration:none;
	}
a:hover{
	color:#888;
	}
h1{
	background:url(../images/logo.gif) no-repeat;
	position:absolute;
	left:22px;
	top:13px;
	margin:0px;
	padding:0px;
	}
#zzpuEN h1, #zzpuDE h1, #zzpuIT h1{
	background:url(../images/imagesEN/logo.gif) no-repeat;
	}
h1 a{
	display:block;
	width:128px;
	height:71px;
	}
h2{
	background:url(../images/bg-title.gif) no-repeat;
	height:18px;
	margin:7px 22px 17px 17px;
	padding:1px 0px 0px 9px;
	font-size:125%;	
	text-transform:uppercase;
	}
h3{
	font-size:120%;
	}
h4{
	font-size:110%;
	}	
p,h3,h4{
	margin:1em 0;
	}
img, fieldset{
	border:0;
	}
table, td, select, input, textarea, li{
	font:100% Arial, Helvetica, sans-serif;
	color:#5b5b5b;
	}
textarea{
	width:200px;
	height:100px;
	}
.textMin{
	text-indent:-9000px;
	font-size:0px;
	line-height:0px;
	text-align:center;
	}

/* container */
#default, #page{
	margin:0 auto;
	width:1024px;
	text-align:left;
	}
/* header */
#header{
	position:relative;
	height:97px;
	text-align:right;
	}
#emblem{
	position:absolute;
	top:13px;
	right:70px;
	width:98px;
	height:71px;
	}
#page #emblem{
	display:none;
	}
#header p{
	background:url(../images/imagesHR/motto.gif) no-repeat;
	position:absolute;
	top:74px;
	right:70px;
	width:269px;
	height:12px;
	}
#zzpuEN #header p{
	background:url(../images/imagesEN/motto.gif) no-repeat;
	width:350px;
	}
#zzpuDE #header p{
	background:url(../images/imagesDE/motto.gif) no-repeat;
	width:326px;
	}
#zzpuIT #header p{
	background:url(../images/imagesIT/motto.gif) no-repeat;
	width:346px;
	}
#default #header p{
	background:url(../images/imagesHR/institut-name.gif) no-repeat;
	position:absolute;
	top:56px;
	left:313px;
	width:425px;
	height:28px;
	}
#zzpuEN #default #header p{
	background:url(../images/imagesEN/institut-name.gif) no-repeat;
	}
#zzpuDE #default #header p{
	background:url(../images/imagesDE/institut-name.gif) no-repeat;
	}
#zzpuIT #default #header p{
	background:url(../images/imagesIT/institut-name.gif) no-repeat;
	width:433px;
	}
#header span{
	margin:0px 5px;
	}
#search{
	position:absolute;
	right:183px;
	top:103px;
	}
.field{
	width:100px;
	height:16px;
	margin-right:1px;
	border:1px solid #7f9db9;
	}
.button{
	background:url(../images/imagesHR/search.gif) no-repeat;
	width:32px;
	height:14px;
	vertical-align:middle;
	text-indent:-9000px;
	font-size:0px;
	line-height:0px;
	cursor:pointer;
	border:none;
	margin-bottom:3px;
	}
#zzpuEN .button{
	background:url(../images/imagesEN/search.gif) no-repeat;
	}
#zzpuDE .button{
	background:url(../images/imagesDE/search.gif) no-repeat;
	}
#zzpuIT .button{
	background:url(../images/imagesIT/search.gif) no-repeat;
	}
.langSwitch{
	position:absolute;
	top:100px;
	right:50px;
	width:107px;
	text-indent:-9000px;
	font-size:0px;
	line-height:0px;
	}
.langSwitch a{
	float:left;
	display:inline;
	width:24px;	
	height:22px;
	}
.langHR{
	background:url(../images/ico-langHR.gif) no-repeat;
	}
.langHR:hover, .langActiveHR{
	background:url(../images/ico-langHR-sel.gif) no-repeat;
	}
.langEN{
	background:url(../images/ico-langEN.gif) no-repeat;
	}
.langEN:hover, .langActiveEN{
	background:url(../images/ico-langEN-sel.gif) no-repeat;
	}
.langDE{
	background:url(../images/ico-langDE.gif) no-repeat;
	}
.langDE:hover, .langActiveDE{
	background:url(../images/ico-langDE-sel.gif) no-repeat;
	}	
.langIT{
	background:url(../images/ico-langIT.gif) no-repeat;
	}
.langIT:hover, .langActiveIT{
	background:url(../images/ico-langIT-sel.gif) no-repeat;
	}	

/*  content  */
#homeHead{
	float:left;
	display:inline;
	height:283px;
	width:971px;
	margin-left:8px;
	}
#flash{
	float:left;
	margin-left:1px; /* fushirana rjesenja iz svedske */
	width:406px;
	height:273px;
	}
#newsHomeBox{
	background:url(../images/imagesHR/bg-news-home.gif) no-repeat;
	float:left;
	width:562px;
	height:283px;
	}
#zzpuEN #newsHomeBox{
	background:url(../images/imagesEN/bg-news-home.gif) no-repeat;
	}
#zzpuDE #newsHomeBox{
	background:url(../images/imagesDE/bg-news-home.gif) no-repeat;
	}
#zzpuIT #newsHomeBox{
	background:url(../images/imagesIT/bg-news-home.gif) no-repeat;
	}
.newsTitle{
	width:51px;
	height:18px;
	display:block;
	margin:5px 5px 0px 327px;
	}
ul#newsDefault{	
	list-style:none;
	float:left;
	display:inline;
	width:520px;
	height:210px;
	margin:11px 0px 9px 17px;
	padding:0px;
	overflow:-moz-scrollbars-vertical;
	overflow:auto;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-track-color:#fff; 
	scrollbar-face-color:#fff;
	scrollbar-shadow-color:#fff; 
	scrollbar-darkshadow-color:#fff; 
	scrollbar-arrow-color:#178ea4;	
	}
ul#newsDefault li{
	list-style:none;
	float:left;
	display:inline;
	width:100%;
	margin:0px 0px 11px 0px;
	padding:0px;
	}
.newsMore{
	display:block;
	margin-right:25px;
	text-align:right;
	}
/* content */
#content{
	background:url(../images/bg-content.gif) repeat-y;
	float:left;
	display:inline;
	width:979px;
	color:#5b5b5b;
	}
#default #content{
	background:none;
	}
/* izdvojeni sadržaj, registar, karta, GIS, izvadak */
#homeBoxUp, #izdvojeno, .picLinksHome, #homeBoxDown{
	float:left;
	display:inline;
	}
#homeBoxUp{
	background:url(../images/bg-homeBox.gif) no-repeat left bottom;
	height:154px;
	}
/* izdvojeno box */
#izdvojeno{
	background:url(../images/pozadina-karta.gif) no-repeat;
	width:418px;
	height:154px;
	}
#izdvojeno h2{
	background:url(../images/imagesHR/titleIzdvojeno.gif) no-repeat;
	margin:20px 0 0 20px;
	padding:0;
	}
#zzpuEN #izdvojeno h2{
	background:url(../images/imagesEN/titleIzdvojeno.gif) no-repeat;
	}
#zzpuDE #izdvojeno h2{
	background:url(../images/imagesDE/titleIzdvojeno.gif) no-repeat;
	}
#zzpuIT #izdvojeno h2{
	background:url(../images/imagesIT/titleIzdvojeno.gif) no-repeat;
	}
#izdvojeno a{
	color:#333;
	}
p.itemIzdvojeno{
	float:left;
	display:inline;
	width:335px;
	margin:2px 15px;
	padding:0;
	}
p.itemIzdvojeno a{
	color:#5b5b5b;
	}
p.itemIzdvojeno a img{
	vertical-align:middle;
	margin-left:5px;
	}
.scroller{
    width:384px;
    height:40px;
    margin:0 15px;
    overflow:auto;
    }
#scroller1 {height:100px;}
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{
	position:absolute;
	top:0;
	right:0;
	width:20px;
	height:100%;
	}
.jspVerticalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspTrack{position:relative;}
.jspDrag{background:url(../images/scrollpane.gif) repeat-y;position:relative;top:0;left:0;cursor:pointer;}
.jspArrow.jspDisabled{background:#80808d; background:url(../images/scroll.gif) 0px 0px;cursor:default;}
.jspArrowUp{background:url(../images/scroll.gif) 0 0;display:block;text-indent:-9999;cursor:pointer;}
.jspArrowDown{background:url(../images/scroll.gif) 0 14px;display:block;text-indent:-9999;cursor:pointer;}
.jspVerticalBar .jspArrow{height:14px;}
.jspVerticalBar .jspArrow:focus{outline:none;}

/* banneri home */
#carouselBg{
	background:url(../images/pozadina-banneri.gif) no-repeat;
	width:557px;
	height:154px;
	float:left;
	}
.jcarousel-container{
    position:relative;width:537px;height:138px;margin:8px;
    }
.jcarousel{
    position:absolute;top:0;left:0;width:507px;height:138px;margin:0;padding:0;overflow:hidden;
    }
/* items */
.jcarousel li{
    background:url(../images/carousel-li.gif) no-repeat;width:126px;height:138px;margin:0 0 0 1px;float:left;display:inline;list-style:none;color:#999;position:relative;
    }
.jcarousel li a{width:100%;height:100%;color:#999;display:inline-block;}
.jcarousel li a:hover{
    background:url(../images/carousel-li-hover.gif) no-repeat;
    }
.jcarousel li a{}
/* items rotation */
.jcarousel-clip{
    position:relative;width:507px;height:138px;margin:0 0 0 14px;padding:0;overflow:hidden;
    }
/* arrows */
.jcarousel-prev, .jcarousel-next{
    position:absolute;top:0;width:15px;height:138px;cursor:pointer;
    }
.jcarousel-prev{
    background:url(../images/slider-left.gif) 0 0;left:0;
    }
.jcarousel-next{
    background:url(../images/slider-right.gif) 0 0;right:0;
    }
.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover{
    background:url(../images/slider-left.gif) 15px 0;cursor:default;
    }
.jcarousel-next-disabled,.jcarousel-next-disabled:hover{
    background:url(../images/slider-right.gif) 15px 0;cursor:default;
}
.jcarousel h4{margin:16px 9px 9px 9px;padding:0;text-transform:uppercase;}
.jcarousel h5{margin:9px;font-size:11px;}
.jcarousel img{width:15px;height:15px;position:absolute;bottom:1px;right:1px;}

/* press, newsletter */
#homeBoxDown{
	width:100%;
	margin-top:12px;
	}
#zzpuEN #homeBoxDown, #zzpuDE #homeBoxDown, #zzpuIT #homeBoxDown{
	display:none;
	}
/* objavljeno u medijima */
#mediaBox{
	background:url(../images/bg-mediaBox.gif) no-repeat;
	width:414px;
	height:92px;
	float:left;
	display:inline;
	}
#mediaBox h2{
	margin:15px 0 6px 22px;
	}
#mediaBox h2 a{
	background:url(../images/imagesHR/title-mediaBox.gif) no-repeat;
	width:119px;
	height:9px;
	float:left;
	display:block;
	margin-top:2px;
	}
#mediaBox .newsMore{
	float:right;
	display:inline-block;	
	margin:15px 25px 0 0;
	}
#mediaBox p{
	margin:0 0 3px 11px;
	}
/* press centar */
#pressBox{
	background:url(../images/bg-pressBox.gif) no-repeat;
	width:285px;
	float:left;
	display:inline;
	height:92px;
	}
#pressBox h2{
	margin:15px 0 6px 9px;
	}
#pressBox h2 a{
	background:url(../images/imagesHR/title-pressBox.gif) no-repeat;
	width:116px;
	height:9px;
	float:left;
	display:block;
	margin-top:2px;
	}
#pressBox p{
	margin:0 15px;
	}
/* newsletter prijava */
#newsletterBox{
	background:url(../images/bg-newsletterBox.gif) no-repeat;
	width:277px;
	height:92px;
	float:left;
	display:inline;
	}
#newsletterBox h3{
	background:#2d9fb2;
	width:269px;
	height:26px;
	margin-top:8px;
	}
#newsletterBox h3 a{
	background:url(../images/title-newsletterBox.gif) no-repeat;
	width:62px;
	margin:9px 0 0 16px;
	height:9px;
	float:left;
	display:block;
	}
#newsletterBox p{
	margin:8px 15px 0 15px;
	}
/* page */
/* news page */
ul#news{
	margin:1em 0px;
	padding:0px;
	}
ul#news li{
	list-style:none;
	margin:.5em 0;
	}
p#newsNav{
	color:#999;
	margin:0px 17px 0px 17px;
	}
#newsNav .selected{
	font-weight:bold;
	}
#newsNav .inactive{
	color:#999;
	}
#headPage{
	margin:0 9px;
	}
#pageBgContent{
	background:url(../images/bg-page.jpg) no-repeat top right;
	position:relative;
	float:left;
	width:961px;
	height:392px;
	margin:0 9px;
	}
html>body #pageBgContent{
	height:auto;
	min-height:387px;
	}
/* page 3 tabs */
/*.pageTabs{
	position:absolute;
	right:-10px;
	width:32px;
	height:84px;
	}
#regPlanTab{
	top:-18px;
	}
#mapPGZTab{
	top:81px;
	}
#GISTab{
	top:180px;
	}
#izvodTab{
	top:279px;
	}*/
/* page content */
.text{
	width:875px;
	margin:0px 24px;
	font-size:12px;
	}

/* obrazac za kontakt */
.sendBtn{
	background:#999;
	width:50px;
	color:#fff;
	border:none;
	cursor:pointer;
	}

/*  related documents  */
#relatedDocuments{
	margin:1em 2em;
	padding:0px;
}
#relatedDocuments li{
	list-style:none;
	}

/*  footer  */
#footer{
	background:url(../images/bg-footer.gif) no-repeat top;
	float:left;
	width:975px;
	position:relative;
	}
#zzpuEN #footer, #zzpuDE #footer, #zzpuIT #footer{
	background:url(../images/bg-footer-2.gif) no-repeat;
	}
#zzpuEN #page #footer, #zzpuDE #page #footer, #zzpuIT #page #footer{
	background:url(../images/bg-footer.gif) no-repeat;
	}
#footer p{
	float:left;
	margin:0px;
	padding:41px 0px 25px 9px;
	}
a#oldWeb{
	color:#999;
	}
p#meta{
	float:right;
	}
p#meta a{
	margin:9px;
	}
#signature{
	float:left;
	width:100%;
}
#footer img {
	position:absolute;
	top:40px;
	left:500px;
	}
/* search results */
#searchResults p{
	margin:0px 24px;
	}

/* katalog prostornih planova */
table.list{
	width:680px;
	margin:2em;
	}
table.list th{
	text-align:left;
	border-bottom:4px solid #ccc;
	}
table.list td{
	border-bottom:1px solid #ccc;
	}
table.list td a, table.list td span{
	padding-right:10px;
	}
.planlist{
	padding:25px 50px 25px 25px;
	}
.planlist h4{
	margin:5px 0px 20px 0px;
	}
.planlist h4 em{
	padding:0px 10px;
	font-style:normal;
	color:#333;
	}

/* izvod */
#izvod{
	margin:20px 0;
	}
	
/* newsletter assignement */
#newsletterForm{
	width:40%;
	float:left;
	}
#newsletterForm table{
	margin:10px 0;
	}
.inputButton{
	background:#178ea4;
	color:#fff;
	border:none;
	}
#newsletterArchive{
	width:40%;
	float:left;
	}
#newsletterArchive .text{width:400px;}

/* newsletter - za prikaz na webu */
#newsletter{background:#fff;width:630px;margin:0 auto auto auto;padding:0;text-align:left;color:#333;line-height:125%;}
#newsletter table tr td{margin:0;padding:0;line-height:125%;color:#333;}
#newsletter .fontNull{margin:0;padding:0;font-size:0;line-height:0;vertical-align:top;}

#newsletter p{margin:0 0 1em 0;padding:0;}