@charset "utf-8";
/* CSS Document */

/* default */
* {margin:0px;padding:0px;border:0px none;outline:0px none;}
body, html {font-family:Arial, Helvetica, sans-serif;color:#000;font-size:11px;background:#174169;}
h1, h2, h3, h4, h5, h6 {color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:10px 0px;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:10px;}
a img {border:0px none;outline:0px none;}
a {color:#32689B;text-decoration:none;}
a:hover {color:#000;}
p {margin:0px 0px 10px 0px; color:#6C6C6C; line-height:18px;}
ol, ul {padding-left:40px; margin-bottom:10px;}
ol li, ul li {line-height:18px;}
.ui-tabs-nav {margin:0px!important;padding-left:0px!important;}

/* blueprint */
.clear {clear:both;}
.hide {display:none;}
.fl {float:left;}
.fr {float:right;}
.al {text-align:left;}
.ar {text-align:right;}
.ac {text-align:center;}
.pa {position:absolute;}
.pr {position:relative;}
.pf {position:fixed;}
.bold {font-weight:bold}
.italic {font-style:italic}
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}

/* layout */
#wrapper {width:100%; background:url(images/bg.png) repeat-x top left #fff;}
#container {width:960px;margin:0px auto;}
#header {height:124px;padding-top:17px;background:url(images/bg-head.png) repeat-x top left;}
#body {margin:-14px 0px 4px 0px;border:1px #EFEFEF solid;background:url(images/bg-body.png) repeat-y top left scroll;}
#left {float:left;width:674px;padding:8px 7px 0px 9px;}
#center {}
#right {float:left;width:255px;padding-left:13px;}
#footer {height:172px;background:url(images/bg-footer.png) repeat-x top left scroll;}
.footer-container {width:960px;height:172px;margin:0px auto;background:url(images/footer.png) no-repeat scroll;}

/* header */
.head-logo {width:960px;height:110px;background:url(images/header.jpg) no-repeat;}
.head-logo a {position:absolute;display:block;width:270px;height:70px;margin:22px 0px 0px 17px;}
ul.innerfade {list-style:none;margin:0px;padding:0px;}
ul.innerfade li {margin:0px;padding:0px;}

/* footer */
.footer-container p {color:#C6DAEC;line-height:normal;text-align:center;position:absolute;}
.p1-footer {margin:38px 0px 0px 365px;}
.p2-footer {margin:38px 0px 0px 630px;}
#futuro-logo {position:absolute;margin:48px 0px 0px 865px;}
	
/* left */
.img-header {margin-bottom:6px; overflow:hidden; width:674px; height:266px;}
h2.naslov {height:62px;padding-left:40px;line-height:44px;font-size:18px;color:#fff;text-transform:uppercase;font-weight:normal;background:url(images/bg-h2.png) repeat-x;margin:0px;}
.arrow1 {width:10px;height:10px;position:absolute;margin:-44px 0px 0px 17px;}
.stanari-row {margin:0px 0px 20px 0px;}
.stanari-item {width:182px;min-height:152px;height:auto!important;height:152px;padding:10px 10px 0px 10px;background:#fff;float:left;}
.stanari-item img {margin-bottom:5px;}
.stanari-item p {color:#999;padding:0px 0px 0px 2px;}
.stanari-delimiter {height:180px;width:1px;float:left;margin:0px 15px;background:url(images/border2.png) repeat-y top left;}
.crta {height:1px;background:url(images/border1.png) repeat-x left top;font-size:0px;}
.crta-stanari {height:1px;background:url(images/border1.png) repeat-x left top;margin-bottom:20px;font-size:0px;}
.content p, .content h3, .content h4 , .content h5 {padding:0px 3px;	}
.content h3 {font-size:18px;font-weight:normal;color:#6C6C6C;margin:10px 0px 5px 0px;}
.content h4 {font-size:14px;font-weight:bold;color:#000;margin:15px 0px;}
.ui-tabs .ui-tabs-panel {padding:10px 0px 5px 0px; background-color:#fff;}
.tabs-top {height:4px;margin-left:0px;background:url(images/hover.png) no-repeat top left #626262;font-size:0px;}
.cell-left, .cell-right {float:left;}
.cell-left {width:420px;}
.cell-right {width:252px;}
.cell-pull-up, .cell-pull-up-alter {background:#fff;margin-top:-30px;border-left:1px #eaeaea solid;border-bottom:1px #eaeaea solid;border-right:1px #eaeaea solid;min-height:200px;height:auto!important;height:200px;}
.cell-arhiva {min-height:100px!important;}
.cell-pull-up-alter {border:0px none;border-left:1px #eaeaea solid;border-right:1px #fff solid;}
.cell-left-alter {border-right:1px #eaeaea solid;margin-right:-1px;}
.img-cell {padding:25px 25px 0px 25px;float:left;background:url(images/border3.png) repeat-y left top;}
.img-cell img {margin-bottom:28px;display:block;}
.ul-nav3 {padding:6px 10px 0px 10px;margin:0px;list-style:none;}
.ul-nav3 li {margin:0px;padding:0px;height:25px;display:block;border-bottom:1px solid #e0e0e0;}
.ul-nav3 li a {display:block;line-height:25px;color:#999;text-decoration:none;padding-left:30px;background:url(images/arrow4.png) no-repeat 10px 10px;}
.ul-nav3 li a:hover {color:#32689B;text-decoration:none;}

/* right */
#nav1 {width:245px;margin-top:-14px;padding:0px 0px 40px 0px;z-index:5;background:#fff;}
.ul-nav1 {padding:6px 0px 0px 0px;margin:0px;list-style:none;}
.ul-nav1 li {margin:0px;padding:0px;height:25px;display:block;background:url(images/border1.png) repeat-x bottom left;}
.ul-nav1 li a {display:block; position:relative;line-height:25px;font-size:12px;color:#32689B;text-decoration:none;padding-left:52px;background:url(images/arrow2.png) no-repeat 26px 10px;}
.ul-nav1 li a:hover {color:#999;text-decoration:none;}
#nav2 {width:245px;margin:14px 0px 19px 0px;padding:25px 0px 25px 0px;z-index:5;background:#fff;}
.ul-nav2 {padding:6px 0px 0px 0px;margin:0px;list-style:none;}
.ul-nav2 li {margin:0px;padding:0px;height:25px;display:block;border-bottom:1px solid #F0F0F0;}
.ul-nav2 li a {display:block; position:relative;line-height:25px;color:#999;text-decoration:none;padding-left:52px;background:url(images/arrow3.png) no-repeat 26px 10px;}
.ul-nav2 li a:hover {color:#32689B;text-decoration:none;}
.banner {display:block;margin-bottom:19px;}
.korisni1 {width:247px;height:49px;background:url(images/korisni1.png) no-repeat;line-height:49px;z-index:6;margin:-17px 0px 0px 0px;position:absolute;}
.korisni1 h3 {margin:0px;font-size:14px;font-weight:bold;color:#B3B3B3;}
.zadra {
	width:17px;
	height:17px;
	position:absolute;
	background:url(images/ZADRA.png) no-repeat 0px 0px!important;
	margin:122px 0px 0px 95px;
	z-index:10;
}

/* pocetna */
h5.datum {margin:0px 0px 5px 0px;font-size:11px;font-weight:normal;color:#32679B;}
.img {float:left;margin:4px 10px 4px 0px;}
.news-list {padding:10px 5px 5px 5px;margin:0px;list-style:none;text-align:left;}
.news-list li {padding:10px 5px;border-bottom:1px solid #B1CDE9; margin:0px!important;}
.news-list li a {color:#000;}
.news-list li a:hover {color:#32679B;text-decoration:none;}
.li-naglaseno {background:#F4FAFF!important;}
a.arhiva {text-align:right;color:#32679B;text-decoration:none;display:block;padding-right:6px;margin:10px 0px 13px 0px;}
a.arhiva:hover {color:#000;text-decoration:none;}
.okvir {border:#4981B7 5px solid;min-height:160px;height:auto!important;height:160px;background:url(images/bg-okvir.png) repeat-x;margin:8px 0px;}
.okvir h2 {margin:0px;background:url(images/okvir-bar.png) -5px -5px no-repeat;padding-left:20px;width:270px;height:29px;line-height:25px;font-size:12px;font-weight:normal;color:#FFF;}
.okvir-logo {float:left;margin:20px 0px 0px 30px;}
.okvir-tekst {float:right;width:360px;margin-right:6px;position:relative;margin-top:-20px;}
.okvir-tekst p {line-height:15px;}
.banner {margin-top:8px;}

/* content */
.content {padding:0px 0px 9px 0px; color:#6C6C6C;}
.cell ul {padding-left:4px;list-style:none;margin:10px 0px;display:block;}
.cell ul li {color:#6C6C6C;margin:5px 0px;}
.logo1 {margin-top:50px;}
.image img {padding:5px;float:left;margin:4px 12px 3px 0px;border:1px solid #32689B;}
ul.lista {
	padding-left:40px;
	line-height:18px;
	margin-bottom:10px;
}
#paginator a {
	display:block;
	float:left;
	width:22px;
	height:22px;
	text-align:center;
	line-height:22px;
	background:#bbb;
	color:#FFF;
	margin-right:7px;
}
#paginator a:hover {background:#32689B;}
#paginator a.active {background:#32689B;}
.map {height: 400px;width: 630px;margin-top:40px;}

.pdf {
	margin:10px 0px;
}
.pdf img {
	margin-right:7px;
}
.pdf h4 {
	display:inline;
}
.pdf-icon {
	vertical-align:bottom;
}
.pdf a span {
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	color:#999;
}

/* kontakt */
form {padding-left:0px;}
.kontakt {width:540px;height:120px;text-align:center;}
.kontakt-slika {float:left;margin:0px 0px 0px 120px;padding:2px;border:#E0ECF5 1px solid;}
.kontakt-input {padding:10px 0px 0px 0px;position:relative;display:block;}
.kontakt-input p {margin-top:4px;position:absolute;left:310px;display:inline;}
.kontakt-text {width:290px;height:20px;line-height:20px;background:#E0ECF5;border:#E0ECF5 1px solid;color:#444;font-size:12px;padding:3px 0px 0px 3px;}
.kontakt-botun {background:url(images/button.png) no-repeat;border:0 none;color:#444;cursor:pointer; height:32px; line-height:31px;text-align:center;font-size:11px;color:#6C6C6C;width:91px;}
.kontakt-botun:hover {color:#32689B;}
textarea {width:535px;height:150px;background:#E0ECF5;color:#444;font-size:12px;padding:5px;font-family:Arial, Helvetica, sans-serif;border:#E0ECF5 1px solid;}
.error {border:1px #f00 solid!important;}
.map {height: 400px;width: 674px;margin-top:18px;}

/* tablica */
.tablica {width:100%;margin-bottom:5px;}
.tablica td {padding:5px 10px;border:0px none;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
.tablica .tr-first td {color:#FFF;font-weight:bold;padding:5px 10px 4px 10px;background:url(images/najam-tr.png) repeat-x #234B71;}
.tablica .row td {background:#eee;}
.tablica .odd td {background:#f4f4f4!important;}
.tablica .naglaseno {font-weight:bold;color:#234B71;}
.naglaseno {font-weight:bold;color:#32689B!important;}
#tabs p img, .content p img {margin:1px 10px 3px 0;}