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

body{
	text-align:center;
	color:#4c4c4c;
	background-color:#fff;
	line-height:1.4em;
}
.center{text-align:center;}
a{text-decoration:none; color:#E0111A;}
a:hover{text-decoration:none; color:#333;}
#container{
	width:850px;
	margin:0 auto;
	text-align:left;
	position:relative;
/* overflow:hidden;*/
}
#container.popup{width:600px;}
acronym:hover{cursor:help;}
h2{color:#E0111A; margin-bottom:2em; /*text-transform:uppercase;*/ margin-top:1em; background-color:transparent;}
h2.first em,h2 em{display:block; color:#4c4c4c; background-color:transparent; text-transform:none; font-size:0.75em; line-height:1.2em; font-style:normal;}
.c{clear:both;}
h3, h4{color:#4c4c4c;  margin-bottom:1em;  margin-top:2em; clear:left;}
p{color:#4c4c4c;  line-height:1.4em;}

div.adresa{margin-bottom:10px;}
div.adresa h3{margin-top:0.5em; margin-bottom:0;}
div.adresa p{margin:0;}
p.istaknuto{margin-top:4em;}
p.istaknuto em{font-style:normal; display:block; color:#333; font-weight:bold;}

p.citat{padding:1em 2em; font-weight:bold; color:#4c4c4c; background-color:#EAEAEB;}
ol, ul{margin-left:0em; color:#E0111A; background-color:#F6F6F5; margin-bottom:1em; line-height:1.4em; list-style-position:outside;}
ol{list-style-position:inside;}
ul li{list-style-type:square;}
ul li, ol li{background-color:#F6F6F5; margin-bottom:1px; padding:3px 0;}
li em{color:#4c4c4c; font-style:normal;}
ul li{list-style:none; padding-left:12px; background:#F6F6F5 url(../images/kockica.gif) no-repeat 0 0.6em;}
#header{/*margin-top:5px;*/ position:relative; float:left; width:100%;}
#logo a{margin-top:30px; float:left; width:179px; height:29px; display:block; text-indent:-999em; background:url(../images/logo.gif) no-repeat 0 0;}
.trazilica{float:right; clear:both; background-color:#f5f5f5; height:45px; padding:5px; display:inline;}
.trazilica input,.trazilica label{ vertical-align:middle;}
.trazilica label{color:#999; font-size:11px; }
.trazilica .button{width:37px; height:16px;}
.button{background:#a5a5a5; border:none; color:#fff; font-size:11px;}
.trazilica .inputtext{width:126px; height:16px; font:11px Arial, Helvetica, sans-serif; color:#999;}
.inputtext, table.tprijava .box{border:1px solid #ddd; }
#nav1,#nav3, #nav3{background:none;}
#nav1 li, #nav2 li, #nav3 li{padding-left:0; background:none;}
#nav1{    
	margin:0;
  margin-top:38px;
	margin-bottom:10px;
	float:right;
	list-style:none;
	
}
#nav1 li{
	display:block;
	float:left;
	background:none;
}
#nav1 a{
	display:block;
	padding:0 4px;
	color:#777;
	border-left:1px solid #999;
	font-size:11px;
}
#nav1 a:hover{color:#E0111A;}

#nav1 li.first a {
background:transparent url(../images/naslovnica.gif) no-repeat scroll 0pt 0.25em;
border:none;
padding-left:14px;
}

#nav1 li.last a{padding-right:0;}

/*
#nav2{
	margin:0;
	
	list-style:none;
	list-style-position:outside;
}

#nav2 li{
	margin:0;
	display:block;
	background-color:#999;
	border-bottom:1px solid #fff;
	width:174px;
	height:60px;
	list-style:none;
}
#nav2 li.last{border-bottom:none;}

#nav2 li#n2-l-1{height:24px; padding:18px 0;}
#nav2 li#n2-l-2{height:40px; padding:10px 0;}
#nav2 li#n2-l-3{height:40px; padding:10px 0;}
#nav2 li#n2-l-4{height:40px; padding:10px 0;}
#nav2 li#n2-l-5{height:24px; padding:18px 0;}
#nav2 li#n2-l-6{height:24px; padding:18px 0;}

#nav2 a{
	display:block;
	padding:5px 10px 5px 5px;
	margin-left:1px;
	border-left:7px solid #fff;
	font-weight:bold;
	color:#fff;
	height:1%;
}
html>body #nav2 a{height:auto;}

#nav2 a:hover{border-width:14px;}
*/

#mainnav {border:1px solid #ddd;}
#nav2{margin-bottom:0;}
#nav2 li {margin:0;padding:0; background-color:#999; }
#nav2 li ul{margin:0; padding:0;}
#nav2 li.last a,
#nav2 li.selected li.last a{border-bottom:0;} 
#nav2 li a{color:#fff;  font-weight:bold; padding:12px 10px 12px 0px; border-bottom:1px solid #ddd; height:1%; }

#nav2 li a span{display:block; border-left:7px solid #fff; padding-left:5px; margin-left:1px;  height:1%; }


#nav2 li a:hover span{border-left:14px solid #fff;  display:block; cursor:pointer;}
#nav2 li a:hover{text-indent:0px;}

#nav2 li li a span{border-left:none; padding-left:10px; background:url(../images/meni_inactive.gif) no-repeat 0 0.3em;}
#nav2 li li a{padding-left:10px;}
#nav2 li a{display:block; border-bottom:1px solid #fff;}


#nav2 li.selected, 
#nav2 li.selected li{background-color:#eee;}



#nav2 li.selected a{border-bottom-style:dashed;}
#nav2 li.selected a,
#nav2 li.selected li a{color:#666; border-color:#ddd; }

#nav2 li.selected li a{border:none; border-bottom:1px solid #ddd;}
#nav2 li.selected a span{border-color:#c00; border-width:14px;}
#nav2 li.selected a:hover span{border-color:#c00;}
#nav2 li.selected li a:hover span{border:none;}

#nav2 li li.selected a span{background:url(../images/meni_active.gif) no-repeat 0 0.3em;}
#nav2 li li a:hover span,#nav2 li li.selected  a:hover span{background-image:url(../images/meni_active.gif);}


#nav2 li#ereg.selected {background-color:#E0111A;}
#nav2 li#ereg.selected  a{color:#fff;}
#nav2 li#ereg.selected  li a{color:#666 !important;}
#nav2 li#ereg.selected  a span{border-color:#fff; color:666;}


/*.obrazac3{clear:left;}
a.obr3{display:block; width:122px; height:36px; padding:10px 0; padding-left:50px; background:#999 url(../images/ukljucitese.gif) no-repeat 0 0; color:#fff; font-weight:bold;}
a.obr3:hover, a.selected{background-position:0 100%; background-color:#ebebeb; color:#e0111a;}
*/
#nav2 li#obrazac3 a.obr3{padding:0; margin:0; display:block; border-bottom:none;}
#nav2 li#obrazac3.selected a.obr3{border-bottom:1px dashed #ddd;}
#nav2 li#obrazac3 a.obr3 span{border:none; width:122px; height:36px; padding:10px 0; padding-left:50px; background:#999 url(../images/ukljucitese.gif) no-repeat 0 0; color:#fff; font-weight:bold; margin-left:0;}
#nav2 li#obrazac3 a.obr3:hover span,
#nav2 li#obrazac3.selected a.obr3 span{background-position:0 100%; background-color:#ebebeb; color:#e0111a;}
#nav2 li#obrazac3 a.obr3{display:block; padding:0;}

#nav2 li ul{display:none;}
#nav2 li.selected ul{display:block;}


#nav2 li#ereg{background-color:#E0111A;}


/*------------------------ ACTIVE PAGE -------------------------*/
#hitrorez #nav2 a#n2-1,
#stojehitrorez #nav2 a#n2-2,
#hitrorezjedinica #nav2 a#n2-3,
#vijece #nav2 a#n2-4,
#bfaq #nav2 a#n2-5,
#koordinatori #nav2 a#n2-6,
a.active{border-color:#c00; border-width:7px;}

#home #nav1 a#n1-0,
#kontakt #nav1 a#n1-1,
#novosti #nav1 a#n1-2
{
color:#E0111A;
}




/*------------------------------------------------------------------*/

#flash{
	
	
  position:absolute;
  bottom:7px;
  right:0;
	height:23px;
	width:655px;
	/*border-right:1px solid #E0111A;*/
	background:url(../images/flash.gif) no-repeat 0 50%;

}
#flash h1{display:none;}
#c-left{
clear:left;
	padding:0;
	float:left;
	width:174px;
	padding-bottom:196px;

	margin-right:21px;
}
#c-right{margin-left:16px; float:right; padding-top:48px; width:175px; width:auto;}

.slika{margin-bottom:2em; margin-left:2em;}
.slika a:hover img{border-color:#E0111A;}
.slika img{border:1px solid #999;}
.slika p{background:#eaeaeb;padding:2px; color:#333; margin-bottom:0; width:173px;}

ul.rellink{margin:0; list-style-position:outside; width:177px; margin-left:2em; margin-bottom:1em;}
ul.rellink li{list-style:none; display:block; color:#E0111A; background:none; padding:2px 0 2px 2px; }
ul.rellink li a{display:block; background:url(../images/strelica_2.gif) no-repeat 0 0.5em; padding-left:12px;}
ul.rellink li em{padding-right:4px; color:#E0111A;}

#c-middle{
	float:left;
	width:653px;
	padding-top:36px;
	padding-bottom:50px;
}


#home #c-middle{padding-top:0; width:654px; float:right;}
#novosti #c-middle{width:500px;}

#main-pic{
	width:654px;
	overflow:hidden;
/*	height:243px;
	background:url(images/olovka.jpg) no-repeat 0 0;*/
	margin-bottom:30px;
}

#sjh{
	display:block;
	display:none;
	padding:34px 16px 35px;
	border:1px solid #999;
	color:#999;
	font-size:1.1em;
	line-height:1.4em;
	font-weight:bold;
	margin-top:50px;
}
a#sjh:hover{color:#E0111A;}

.cm-left{margin-right:11px;}
html>body .cm-left{margin-right:13px;}
.cm-left, .cm-right{float:left; width:305px;}
.cm-right{width:336px;}
#join {
	margin-top:1.4em;
	border:1px solid #E0111A;
	display:block;
	width:100%;
	/*background-color:#E0111A;*/
	color:#fff;


}



#join{height:105px;}

#join span{
	display:block;
	height:45px;
	padding:5px 10px;
	font-size:1.1em;
	
	text-align:left;
	/*padding-left:106px;*/
}
#join span.first{
	
	background:transparent;
	font-weight:bold;
	
}
#join span.second{color:#fff; background:transparent ; padding-bottom:0;}

#join:hover{background:#fff;}
#join:hover span.second{background-color:#fff; color:#E0111A;}
#join span.first{color:#E0111A; background-color:#fff;  background:#fff url(../images/ereg.gif) no-repeat 10px 5px; text-indent:-999em;}
#join span.second{color:#fff; background-color:#E0111A; }
#join em.strelica{font-size:1.7em; font-weight:bold;	}


em.strelica{font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em;}



#komentar h2{margin:0; color:#999; padding-left:7px;}
#komentar a{
	display:block;
	background:url(../images/premijer_okvir.jpg) no-repeat 0 0;
	padding:8px 10px 24px 110px;
	height:84px;
	color:#4c4c4c;
	line-height:1.6em;
	font-size:11px;
}
#komentar a span{color:#E0111A;}
#komentar a:hover span{color:#333;}

#footer{border-top:1px solid #999;   color:#777; line-height:1.84em; padding:4px 0; margin-bottom:2em; clear:both; font-size:11px;}
#home #footer{}
/*html>body#home #footer{margin-top:50px;}*/
#footer span.first{margin-right:30px;}
#footer img{vertical-align:text-top;}
#footer span.first{display:block; float:left; width:700px;}
#footer span.second{display:block; float:right;}
#e-hr-logo{margin-left:20px;}


#newsbar{margin-bottom:30px; margin-top:72px;}
html>body #newsbar{margin-top:55px; margin-bottom:0px;}
#newsbar a#naslov{display:block; background:#E0111A url(../images/strelica_dolje.gif) no-repeat 9px 2px; width:196px; color:#fff; line-height:24px;  float:left; text-align:center; margin:0; font-weight:bold; font-size:1.2em;}
#newsbar a:hover#naslov{background-position:9px 3px;}
#newsbar #ticker, #newsbar #ticker1{width:534px; background:#EAEAEB url(../images/news_bar_kockice.gif) no-repeat 0 50%; padding-left:34px; float:left; margin:0; line-height:24px;}
#newsbar #ticker a, #newsbar #ticker1 a{font-weight:bold; color:#4c4c4c;}
#newsbar #ticker a:hover, #newsbar #ticker1 a:hover{color:#E0111A; text-decoration:underline;}
#newsbar #pokazi_sve{color:#E0111A; border:1px solid #eaeaeb; border-left:none; height:22px; float:left; line-height:22px; width:76px; padding-left:9px; font-size:11px; background:url(../images/strelica_2.gif) no-repeat 68px 54%;}
#newsbar #pokazi_sve:hover{background-position:70px 54%;}




/*--------------------------------- SHOW IMAGE -----------------------------*/
#showImage{display:none;  position:absolute; left:0; top:0; width:100%; padding:100px 0; overflow:hidden;}
#showImage img{position:relative; border:4px solid #999;}
#msg{color:#fff; position:relative;}
#image_bg{background-color:#000;  position:absolute;  left:0; top:0; width:100%; height:200%;}
#showImage p{background-color:transparent;}
/*--------------------------------------- NOVOSTI -----------------------------*/
#novosti #c-right{width:250px;}
#novosti #c-middle{width:380px;}
#novosti h3{color:#444; margin-bottom:0.3em;}
#c-right h2.first{margin-top:0;}
h3 em{display:block; font-style:normal; color:#999; font-size:0.9em;}


.vise{background:url(../images/strelica_2.gif) no-repeat 0 0.4em; padding-left:12px; margin-left:2em;}
.vise2{background:url(../images/strelica_2.gif) no-repeat 0 0.4em; padding-left:12px;}
.logo{vertical-align:middle; float:left;}

.p-item .vise{float:right; font-size:11px;}
.p-item{padding-right:20px;}
.p-item p{line-height:1.5em;}
.n-item, .p-item{border-bottom:1px solid #ccc; padding-bottom:4px; margin-bottom:1.4em;}
.n-item .vise{margin:0;}
.n-item h3{margin:0;}

.p-item .medij{display:block; float:left; font-weight:bold; color:#444;}


#zanovinare{margin-top:3em;}
#zanovinare h2{margin:0; padding-left:7px; text-transform:none;}
#zanovinare h3{margin-top:0.5em; margin-bottom:1em; padding-left:7px; text-transform:none; color:#4c4c4c; font-size:1.1em;}
#zanovinare p{padding-left:7px; margin:0; margin-bottom:2px;}
#zanovinare p em{font-style:normal; font-weight:bold; color:#E0111A;}
#zanovinare #materijali {padding:0; display:none;}
#zanovinare #materijali a{border-top:1px solid #ccc; display:block; margin:1em 7px 0; padding-left:12px; line-height:2em; 
background:url(../images/strelica_2.gif) no-repeat 0 0.6em;}

.povratak{display:block; padding:0px 2px 0px 12px; margin-top:1.6em; background:url(../images/strelica_3.gif) no-repeat 2px 50%; font-size:11px;}
#novosti .povratak{display:none;}
#zanovinare .okvir{border:1px solid #ccc;}

#rssl{display:block; padding-left:20px; background:url(../images/rss.gif) no-repeat 0 0.1em; margin-top:1.6em; font-size:11px;}

#hitrorezjedinica #c-right,#prommat #c-right{display:none;}
#hitrorezjedinica #c-middle, #prommat #c-middle, #koordinatori #c-middle{width:654px;}

.w460{width:460px;}
.indent20{padding-left:20px;}
.red{color:#E0111A;}


/*-------------------------- d-item -------------------------*/
.d-item{float:left; margin-right:10px; margin-bottom:10px; background-color:#F5F5F5; padding:4px; border:1px solid #EDEDED;}
.d-item p{margin-bottom:0;background-color:transparent;}
a.thumb{display:block; width:187px; height:140px; margin-bottom:5px; border:1px solid #F5F5F5;}
a.thumb:hover{border-color:#E0111A;}

.d-box{margin-bottom:10px;}

ol#faq{margin-left:2em; list-style-position:inside;}
ol#faq h3{display:inline;  font-size:12px;}
ol#faq li{background-color:#fff; list-style-position:outside;}
ol#faq li div{margin-top:5px;}




/*------------------------------ preuzmite -------------------------*/
#preuzmite{margin-top:1.6em;}
#preuzmite a.head{background:#E0111A url(../images/cap.gif) no-repeat 0 0; color:#fff; display:block;}
#preuzmite a.head span.naslov{background:url(../images/strelica_bnc.gif) no-repeat 4px 50%; padding:1px 0;  padding-left:16px; font-size:11px; font-weight:bold;}
#preuzmite a.head span.in{display:block; border:1px solid #ccc; border-top:none; background:#fff url(../images/preuzmi_slika.gif) no-repeat 0 0; padding-left:50px; padding-right:4px; padding-bottom:10px; font-size:11px; line-height:1.3em; padding-top:5px; color:#E0111A; font-weight:normal; }
#preuzmite a.head:hover span.in{border-color:#E0111A;}


.t-koord{width:100%; font-size:11px; table-layout:fixed; }
.t-koord th{width:50%; font-weight:bold; text-align:center; padding:4px; font-size:12px; background-color:#999999; color:#fff; border-bottom:1px solid #fff;}
.t-koord td{padding:2px 4px; border-bottom:1px solid #ccc;}
.t-koord td.first{border-right:1px solid #ccc; font-weight:bold}
 .t-koord th.first{border-right:1px solid #fff;}
.t-koord .kat td{background-color:#e0111a; color:#fff; padding:4px 4px; font-weight:bold;}


/*div.istaknuto h3{background-color:#E0111A; color:#fff; padding:2px; margin-bottom:0;}*/
div.istaknuto ol {background-color:transparent;}
div.istaknuto ol li{padding-left:1em; margin-bottom:1px; }


/*------------------------------ faze -------------------------*/
#faze{margin-top:1.6em;}
#faze h2{background:#E0111A url(../images/cap.gif) no-repeat 0 0; color:#fff; display:block; font-size:11px; padding-left:8px; margin-bottom:0;}
#faze div.in{display:block; border:1px solid #ccc; border-top:none; padding:5px 0px 10px; font-size:11px; line-height:1.3em; color:#E0111A; font-weight:normal; }
#faze a.head:hover span.in{border-color:#E0111A;}
#faza{text-indent:-999em; background:url(../images/faze.gif) no-repeat 0 0px; width:170px; height:19px; margin-bottom:10px;}
#faze ul{margin-left:10px; background-color:#fff;}
#faze ul li{background-color:#fff; background-image:url(../images/bullet_kocka.gif); font-weight:bold; font-size:12px;}
#faze a.vise{margin-left:10px; font-size:11px; background-position:0 2px;}
#faze p{margin-bottom:0;}








/*-------------------------------------- Obrazac ------------------------------------*/
h2 em.h2by{font-style:normal;}


.left{float:left;}
.right{float:right;}

.grupa{background-color:#eee; padding:10px 26px;}
.grupa p{background-color:transparent; }


.obrazac h3{color:#fff; background-color:#E0111A; margin-bottom:0; padding:10px 26px; text-transform:uppercase; font-weight:bold; font-size:1.17em;}
.obrazac h3.sivi{background-color:#999;}
.obrazac h4{margin:0; padding:0; background-color:transparent; padding-left:26px; margin:8px 0; font-size:1.2em; color:#555;}
.obrazac h5{background-color:#fff; font-weight:normal; margin-bottom:1em;}
.obrazac .grupa h4{padding-left:0;margin:0; }
.obrazac label{display:inline; font-weight:normal; white-space:normal; display:block; float:left; width:80px; text-align:right;}

.obrazac p.tarea label{float:none; display:block; width:auto; text-align:left;}
.obrazac p.tarea textarea{width:100%;}

.obrazac p{clear:left; height:1%;}
.obrazac p.radio input{float:none; display:inline;  margin-right:20px; vertical-align:middle}
.obrazac p.radio label{display:inline; float:none; width:auto; text-align:left; vertical-align:middle;}
.obrazac p.r2 input{margin-right:5px;}

.obrazac p.check{padding-left:20px;}
.obrazac p.check label{width:auto; text-align:left; width:auto;}
.obrazac p.check input{float:left; margin:0; padding:0; width:15px; margin-left:-20px; }
.obrazac input.inputtext{width:190px;}
.obrazac label em, em.zvjezdica, span.zvjezdica{font-style:normal; color:#E0111A;}
.obrazac .left,
.obrazac .right{width:48%;}
.obrazac .right{width:48%; padding-left:2%;}



.btnbox{margin-top:5px; text-align:center; clear:both; height:1%; }
input.btn{ margin:0; padding:0; cursor: pointer;  font-size:10px; border:none; background:none; background-repeat:no-repeat; padding-top:100px; overflow:hidden; background-position:0 0; }
html>body input.btn{padding-top:0; text-indent:-999em;}
@media all and (min-width: 0px){
	html>body	input.btn{padding-top:100px;}
}
input:hover.btn, input.sfhover,input.gumb:hover{background-position:50% 100%; }

span.posalji_obrazac input.btn{height:33px; width:178px; background-image:url(../images/posaljiobrazac.gif); }
span.pronadi input.btn{height:23px; width:68px; background-image:url(../images/pronadi.gif); }
span.prikazi input.btn{height:21px; width:59px; background-image:url(../images/prikazistranicu.gif); }
span.prijava input.btn{height:25px; width:66px; background-image:url(../images/prijava.gif); }
span.regse input.btn{height:26px; width:98px; background-image:url(../images/registrirajse.gif);}
span.odustani input.btn{height:30px; width:102px; background-image:url(../images/odustani.gif);}

input.gumb{
			width:98px !important;
			height:26px; 
			background:none;
			background-repeat:no-repeat;
			background-position:50% 2px;
			text-align:center;
			border:none; 
			color:#fff;
			font-weight:bold;
			font-size:12px;
			font-family:Arial;
			background-image:url(../images/gumb.gif);
			padding:0; margin:0;
			cursor:pointer;
			padding:0px 0 2px;
margin-bottom:2px;
			line-height:10px;
			}


#propisi{float:right; margin-top:3px;}
a.btn{text-indent:-999em; background-repeat:no-repeat; overflow:hidden; background-position:0 0; display:block;}

a.btn:hover{background-position:0 100%;}
a#propisi{background-image:url(../images/propis_pratim.gif); width:178px; height:30px; }
/*a.otvori{background-image:url(../images/otvori_b_i.gif); width:58px; height:23px;}*/
a.obavijesti{background-image:url(../images/obavijestipromjeni.gif); width:173px; height:32px;}
a.p_komentar{background-image:url(../images/procitajkom.gif); width:125px; height:25px;}
a.uklju{background-image:url(../images/ispuniteobrazac.gif); width:205px; height:55px;}
a.pretraga{background-image:url(../images/pretrazivanjepropisa_b.gif); width:143px; height:21px;}


.napomena{font-size:0.94em; font-weight:normal; line-height:1.2em; padding-right:50px;}
.otvoreno, .zatvoreno{width:141px; padding:2px 0; padding-left:32px; background-repeat:no-repeat; background-position:0 50%; line-height:1.2em; border:1px solid #999; font-size:0.94em;}
.otvoreno{background-image:url(../images/otvoreno_m.gif); display:none;}
.zatvoreno{background-image:url(../images/zatvoreno_m.gif); /*border-left:none;*/}


#dosje-filtar{background-color:#eee; padding:0 3px; height:1%;}
#dosje-filtar p{background-color:transparent; }
#dosje-filtar p.istaknuto1{font-weight:bold; padding:6px 0; margin:0;}
#dosje-filtar table{background-color:#999; width:100%;}
#dosje-filtar label{display:block; font-weight:bold; color:#fff; font-size:11px;}
#dosje-filtar td{width:33%; padding:4px; vertical-align:top;}
#dosje-filtar tr.nobg td{background-color:#eeeeee;}
#dosje-filtar td.space{width:10px; background-color:#eeeeee;}
#dosje-filtar input.inputtext{width:98%;}
#dosje-filtar select{width:98%; font-size:0.94em; border:1px solid #eee; margin-bottom:4px;}

.tstatus{margin:0; margin-bottom:2px;}

.show{padding:6px 4px; clear:both; height:20px; overflow:hidden;}
.show a{float:left; margin-right:35px; font-weight:bold; text-decoration:underline; }
.show a.last_vise{margin-right:0; float:right;}
.show a:hover{text-decoration:none;}

.show .break{font-size:1px; line-height:1px; margin-top:-1px; visibility:hidden;}

a.otvori{background-image:url(../images/otvori.gif); width:58px; height:23px;}
table.list{margin-top:0.5em;}
table.list th{background-color:#999;color:#fff; vertical-align:middle; border-left:1px solid #fff; padding:2px;}
table.list td{border-left:1px solid #999; border-bottom:1px solid #999; padding:4px; font-size:11px; vertical-align:middle;}
table.list tr.bgdark td{background-color:#f4f4f4;}
table.list tr.bglight td{background-color:#fff;}
table.list th.col1{border-left-color:#999;}
table.list .col1{width:40px; vertical-align:middle;}
table.list .col3{width:60px; vertical-align:middle; border-right:1px solid #999;}

table.list td.col1,table.list td.col3{text-align:center;}
table.list .col1 .status,table.list .col1 .btn{margin:0 auto;}
.status{background:url(../images/otvoreno.gif) no-repeat 0 0; width:32px; height:32px; text-indent:-999em;}
.lock{background-image:url(../images/zatvoreno.gif);}

table.list tr.bgdark .status{background-position:0 -32px;}

table.list tr.sfhover .status,
table.list tr:hover .status{background-position:0 100%;}

table.list tr.sfhover a,
table.list tr:hover a{color:#fff; text-decoration:underline;}

table.list tr.sfhover a:hover,
table.list tr:hover a:hover{text-decoration:none;}

table.list tr.sfhover td,
table.list tr:hover td{background-color:#df141c; color:#fff;}
/*-------------------------------------------------*/
table.list a.otvori{background-position:0 0;}
table.list tr.bgdark a.btn{background-position:0 -23px}

table.list tr.sfhover a.otvori,
table.list tr:hover a.otvori{background-position:0 -46px;}

table.list a.otvori:hover{background-position:0 -69px !important;}
/**************************/
table.list a.p_komentar{background-position:0 0;}
table.list tr.bgdark a.p_komentar{background-position:0 -25px}

table.list tr.sfhover a.p_komentar,
table.list tr:hover a.p_komentar{background-position:0 -50px;}

table.list a.p_komentar:hover{background-position:0 -75px !important;}






table.l2 th{border-left:1px solid #999;}
table.l2 td.col1{width:550px; text-align:left;}
table.l2 td.col2{border-right:1px solid #999; width:130px;}

table.tijela td.col2{width:100%; border-right:1px solid #999; text-align:left;}
table.tijela{margin-bottom:2em;}

.rezultati{padding-top:1.6em; font-size:1.2em;}

.list td{cursor:pointer;}


.koraci a{display:block; width:33%; padding:10px; float:left;}
.koraci a strong{display:block;}




.koraci {margin-bottom:20px; height:1%; padding-top:10px; font-size:11px;}
.koraci #k1{margin-left:0;}
.koraci #k3{float:right; text-indent:-999em; background:url(../images/ereg.gif) no-repeat 50% 50%; border-color:#E0111A;}
.koraci a{display:block; width:27%; padding:10px 12px; float:left; color:#000; background-color:#eee; height:50px; margin-left:3%; border:1px solid #eee; display:inline; overflow:hidden;}
.koraci a strong{display:block; font-size:1.2em; margin-bottom:5px;}
.koraci a.selected{background-color:#fff;}

.right-info{float:right;}
.right-info .otvoreno,
.right-info .zatvoreno{border:none;  font-size:1em; background-position:0 0.3em;}


.sazetak{width:450px; margin-bottom:20px;}
.sazetak td{border-bottom:1px solid #999; text-align:left; padding:2px;}

.sazetak .col1{width:120px; font-weight:bold; color:#E0111A; /*text-align:right; padding-right:10px; width:110px;*/}
.sazetak .promjena{width:110px; font-weight:bold; color:#e0111a;}
.sazetak .datum{width:60px;}



.graybox{background-color:#eee; padding:0 3px; margin-bottom:10px;}
table.obrasci{width:100%; table-layout:fixed;}
table.obrasci th{font-weight:normal; padding-bottom:5px;}
table.obrasci td{border:5px solid #eee;}


.mobrazac{padding:5px; height:60px; vertical-align:top; padding-left:50px; width:150px;  background:#999 url(../images/obrazac.gif) no-repeat 0 50%;}
.mobrazac a{color:#fff; display:block; text-decoration:underline;}
.mobrazac a:hover{text-decoration:none;}

.mobrazac .dodatno{position:absoulute; margin-top:5px; width:152px;}
.mobrazac .sh{background-color:#eee; padding-left:2px; color:#666; font-style:italic; font-size:10px;}
.mobrazac .sh em{font-style:normal; color:#e0111a; font-size:1.1em; text-decoration:none;}
.mobrazac .box{background-color:#eee; width:400px; position:absolute; margin-left:-50px;border:3px solid #ddd; /*border-top:1px dashed #fff;*/ padding-bottom:5px; display:none;}
.mobrazac .box table{width:100%; }
.mobrazac .box table td{width:50%; padding:4px;}
.mobrazac .box table td.col1{padding-right:10px;}
.mobrazac .box table a{display:block; background:url(../images/strelica_2.gif) no-repeat 0 0.4em; padding-left:12px; color:#333;}
.mobrazac .box p.n{background-color:transparent; font-weight:bold; margin-bottom:0; margin-left:10px;}

.ukljucitese{margin-bottom:20px;}
.ukljucitese .btn{float:left; margin-right:10px;}

a.pdf{padding-left:24px; background:url(../images/ico-adobe.gif) no-repeat 0 0; display:block;}


.pagenavigator{clear:both;}
.pagenavigator .count{font-weight:bold; font-size:1.4em; color:#999; float:left; margin-right:20px; width:120px; padding:4px 0;}

.pagenavigator .previous,
.pagenavigator .next{float:left; border-left:1px solid #999; border-right:1px solid #999;}
.pagenavigator .text{display:block;  padding:4px 10px; color:#999;}
.pagenavigator a{display:block;}
.pagenavigator a .text{color:#e0111a; text-decoration:underline;}
.pagenavigator a:hover .text{background-color:#f4f4f4; text-decoration:none; color:#000;}


.pagenavigator .previous{border-right:none;}

.pagenavigator .pagegroup{float:right; width:510px; background:#eee; border-right:1px solid #999;}
.pagenavigator span{float:left;}

.pagenavigator .pages{margin-left:80px; padding-top:3px; margin-right:2px;}

.pagenavigator .previous a .text{background:url(../images/strelica_3.gif) no-repeat 5px 50%; padding-left:16px; }
.pagenavigator .next a .text{background:url(../images/strelica_2.gif) no-repeat 90% 50%; padding-right:16px;}

.pagenavigator .previous .text{background:url(../images/strelica_3i.gif) no-repeat 5px 50%; padding-left:16px; }
.pagenavigator .next .text{background:url(../images/strelica_2i.gif) no-repeat 90% 50%; padding-right:16px;}

.pagenavigator .inputtext{float:left; margin:0 3px; margin-top:2px; text-align:center;}
.pagenavigator .btn{float:left; margin-top:1px;}





.tprijava{width:100%;}
.tprijava td.col1{border-right:5px solid #fff;}
.tprijava td h3{margin-top:0; background-color:transparent; font-size:1.4em;}
.tprijava tr td{width:50%; background-color:#eee; vertical-align:top; padding:20px;}
.tprijava td p{background-color:transparent;}

.tprijava label{float:left; width:90px; padding-top:2px;}
.tprijava label.mail{width:40px;}
.tprijava input{width:120px;}

.tprijava .block{clear:left; margin-bottom:5px;}

.tprijava td div{background:transparent;}
.pass{padding-top:10px; margin-bottom:0;}

.reg{width:80%;}
.reg label{text-align:right; padding-right:5px; width:120px;}
.reg .regse{margin-left:50px;}

.reg #ezcoa-9_last_name{margin-bottom:20px;}


h2 span.pojam{color:#444;}
h2 span.h2by{display:block; font-size:0.7em; color:#444; background-color:#eee; font-weight:normal; float:left; width:100%; padding:1px 0; text-indent:4px;}
h2 span.h2by span{float:left;}
h2 span .btn{float:left; margin-left:2px;}

.search-izlist{clear:both; padding:2em 0 1em;}
.search-izlist ol li{background:none; list-style-position:outside; margin-bottom:2em; }
.search-izlist ol{background:none; margin-left:2em;}
.search-izlist ol h3{margin:0; font-size:1em;}
.search-izlist li p{margin:0;}
.search-izlist a{text-decoration:underline;}
.search-izlist a:hover{text-decoration:none;}
.search-izlist span.izmjena{color:#fff; background-color:#999; padding:1px; margin-left:10px; font-size:11px; white-space:nowrap;}
 
 
 
.pagenavigator2{clear:both; padding-top:2em;}

.pagenavigator2 a{text-decoration:underline;}
.pagenavigator2 a:hover{text-decoration:none;}

.pagenavigator2 a.next,
.pagenavigator2 a.previous,
.pagenavigator2 a.list{padding:2px 16px; font-weight:bold;}

.pagenavigator2 a.next{
background:url(../images/strelica_2.gif) no-repeat 90% 50%; padding-right:20px;
 float:left;}


.pagenavigator2 a.previous{
float:left; border-right:1px solid #999;
background:url(../images/strelica_3.gif) no-repeat 5px 50%; padding-left:20px;
}

.pagenavigator2 a.list{
float:left;
 border-left:1px solid #999;
background:#eee url(../images/strelica_4.gif) no-repeat 90% 50%; padding-right:20px;
}


.pagenavigator2 a.list:hover{background-color:#f4f4f4;}


.col-left{float:left; width:380px;}
.col-right{float:right; width:250px;}

.ispunjen label{font-weight:bold; padding-right:4px;}
.ispunjen .grupa{padding-top:4px; padding-bottom:4px; margin-bottom:20px;}


/*
.ispunjen .grupa{background-color:#fff; padding-top:0; padding-left:50px;}
.ispunjen h4{margin-bottom:0; color:#e0111a; }
.ispunjen h5{font-weight:bold; }
.ispunjen p.tarea{margin:0;}
*/
/*span.outputtext{font-weight:bold;}*/
span.objasnjenje{margin:0; border:1px solid #999; display:block; padding:2px;}




#main-pic{position:relative;}
#thefaze{width:170px; position:absolute; top:8px; right:10px;}
#thefaze h2{margin:0; color:#666; font-size:15px; margin-bottom:4px; padding-left:10px;}
#thefaze h3{margin:0;}
#thefaze .g{margin-bottom:6px;}
#thefaze ul{margin-left:5px; margin-bottom:0; background:transparent;}
#thefaze ul li{background-color:transparent; background-position:0 0.7em; }
#thefaze ul li a{font-weight:bold; font-size:11px; line-height:1.2em; display:block;}
#thefaze ul li a.vise2{display:block; font-weight:normal; font-size:10px; background-position:0 0.3em;}
#thefaze h3 a, #main-pic #thefaze .bezstr h3 a{display:block; background:url(../images/faze2.gif) no-repeat 0 0; padding-left:10px; color:#fff; font-size:12px; padding-top:3px; line-height:16px; height:16px;}
#main-pic #thefaze h3 a{display:block; background:url(../images/faze2a-s.gif) no-repeat 0 0;}

.oznakaover { margin:10px 0 0 0;}



#thefaze .f3 .in{display:none;}
#thefaze .f3 h3 a{background-position:0 100%; color:#999;}


.small{
	color:#FFFFFF;
	font-family:Arial;
	font-size:85%;
	margin:0pt;
}



a.vise3{color:#fff; text-decoration:underline; font-weight:normal;}
a.vise3:hover{text-decoration:none;}

#right{float:right;  padding-top:1.6em;}






/*-------------------------*/
body div#toolTip {position:absolute;z-index:1000;width:auto;background:#e0111a; border:1px solid #e0111a; text-align:left; display:block;}
body div#toolTip p { margin:0;padding:0; background:#e0111a; color:#fff;font:11px/14px arial,sans-serif;padding:5px; font-weight:bold;}
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; display:none; }
body div#toolTip p em span { font-weight:bold;color:#fff; display:none; }

/*h3.istaknuto{background-color:#e0111a; color:#fff; padding:5px;}*/

.imageleft{float:left;}

#pretraga{text-align:center;}
#pretraga a{display:block; margin:0 auto;}

.printOnly{display:none;}
#test h2{margin-bottom:0.5em; margin-top:0;}
#test ol {background:none;}
#test ol li{
background:none;
text-align:left;
border:none;
padding:0;
}





/*--------------------------------------*/
/*.Article {	
	column-count: 2;
	column-gap: 18px;
	column-rule: 1px dotted #ccc;
	background-color: #FFFFFF;
	width:450px;
	
}*/


.sivibox{background:#f6f6f5; padding:1px 0 1px;}
.sivibox .cm-left{padding-left:10px; width:40%; margin-right:20px;}

.sivibox a.uklju{background-image:url(../images/ispuniteobrazac2.gif)}

.redbox{padding:8px 5px; color:#fff; background-color:#e0111a; }
.redbox p{color:#fff; margin:0; padding:0; font-weight:bold; font-size:12px;
}
/*
.fadeout {
height:100%;
filter:alpha(opacity=50) !important; 
opacity:0.5 !important;
-moz-opacity:0.5 !important;
}*/

.fadeout *{color:#aaa;}
.fadeout a{color:#EF888C;}

.fadeout img , .fadeout a{
filter:alpha(opacity=50) !important; 
opacity:0.5 !important;
-moz-opacity:0.5 !important;
}


.pdfb{display:block; padding-top:15px;}


.napomena_provedeno p{margin-bottom:0; font-size:12px;  font-weight:bold;}
.napomena_provedeno .provedeno{font-weight:bold; font-size:1.2em; color:#000; }
table .provedeno{font-size:1.3em; font-weight:bold; display:block; padding:0 4px;}

.provedba td{background-color:#EEEEEE;}
.sazetak .provedba_title td.col1,.sazetak .provedba_title td {background-color: #E0111A; color:#fff;}
.sazetak .provedba td.col1{text-indent:11px; background-image:url(../images/meni_active.gif); background-repeat:no-repeat; background-position:3px 45%; color:#000;}