@charset "utf-8";

	body, div, ul, li { border:0; margin: 0; padding:0; font: 12px Arial, Helvetica, sans-serif; color: #555; }
	//body { background-color: #f4f4f4; }
    body { background-color: white; }
  table { border-collapse: collapse; border:0; margin: 0; padding:0; } 
	ul { list-style: none; }

  .centriraj { text-align:center; }
  .istakni { font-weight: bold; }

	div#container {  margin: -78px auto 0 auto; z-index: 2;}

	div#content { background-color: #fff; min-height: 830px; padding: 15px 10px; }

	div#content div.cont-kolona {  max-width:590px; width: 50%; border: 0; }
	div#content div#lijeva-kol {float: left;   width: 52%;}
  div#content div#lijeva-kol div#lijeva-cont { margin: 5px 5px 0 0; }
	div#content div#desna-kol {float: right;   width: 45%; }

  div#content div#lijeva-kol2 {float: left; max-width:700px;  width: 43%;}
  div#content div#lijeva-kol2 div#lijeva-cont { margin: 5px 5px 0 0; }
  div#content div#desna-kol2 {float: right; max-width:828px; width: 55%; }

  #bt{max-height: 505px;overflow: auto;}
  .backgrid_mjerenja{max-height: 505px;overflow: auto;}

	div#content h3 { font-size: 12px; font-weight: bold; font-style: italic; letter-spacing: 2px; margin-left: 10px; margin-right: 3px; }
	div#popis-post { clear:both; width: auto; height: 300px; margin: 0 3px 0 0; border: 1px solid #ccc; }

  div#popis-doku { clear:both; width: auto; height: 300px; margin: 5px 0 0 0; border: 1px solid #eeeeee; overflow-y:auto; background-color:#fafafa; }
	#kartabord {border: 1px solid #ddd; margin: 0 0 0 3px; width: auto;}
	#map { margin: 4px; width: auto; min-height:500px;max-height:800;}
  div#popis-doku .inst_dok { background-color:#ffffff; }
  button#btnnovpro, button.bnteren, button.btndefi { font-size:11px; }

  #dive-projekt, #dive-teren { display:none; }
  p.hnapo { display:none; color:#ff0000; text-align:center; } 
  .fdred { padding: 10px 0; border-bottom: 1px dotted #ccc; }
.fdred label { color: #777; display:inline-block;  width: 100px; text-align: right; font-weight: bold; margin-right: 10px; vertical-align:top; padding-top: 4px; }
  .fdred label.labinn { width:auto; margin-left: 10px; }
  .fdred input, .fdred textarea { border: 1px solid #ccc; width: 500px; padding: 2px 4px; }
  .fdred input.inpdatum { width: 180px; }
  .fdred textarea { height: 180px; resize: none; }
  .labreq::before { content:"*"; color:orange; margin-right:2px; }

  .inst_dok .inst_inner { border-bottom: 1px solid #eeeeee; cursor:pointer;  }
  div#popis-doku .inst_dok:hover, .inst_dok:hover { background-color: rgba(240,240,240,0.4); }

  div#content .popter h3 { margin: 0; padding: 5px 3px; font-style:normal; }
  .inst_inner { padding: 0 10px 5px; }
  div#content .inst_inner h3 { margin-right: 30px; }
  .inst_inner h3 { float:left; }
  .inst_inner .hidinf, .hidinf { display:none; }
  .inst_inner .dikone, .dikone { display: inline; padding:10px 0; float:right; }
  .inst_inner .dikone.terikone, .dikone.terikone { padding:0 !important; margin: 4px 0; }
  .inst_tbl { width: 100%; clear:both; }
  .inst_tbl td { padding: 6px 5px; border-top: 1px solid #eeeeee; }
	.inst_tbl td.tdbter, .inst_tbl td.tdbpos, .inst_tbl td.tdbpar { 
  border-left: 1px solid #eeeeee; 
  padding-left: 26px !important;
  text-align: right;
  width: 24px;
  }

  div#content .popter .tabter { margin: 10px 0 20px; width: 100%; }
  div#content .popter .tabter td { border-bottom: 1px dotted #cccccc; padding: 3px 2px; }
  div#content .popter .tabter tr:last-child td { border-bottom: 0; }

  .tabpos tr.tphea td { text-align:center; font-size:11px; cursor:pointer; background-color:#dddddd; padding: 2px; }
  .tabpos tr.tphea td:hover { background-color:#bbbbbb; }
  .tabpopa { margin: 10px 0 20px; font-size:10px; }

  .dikona { text-indent: -9999999999px; width:16px; height:16px; display:inline-block; }
  .dico_edit { font-size:8px !important; margin-left:4px; }
  .dico_info { background: url("http://jadran.izor.hr/kalendar/images/ico_info.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
  .dico_info:hover { background: url("http://jadran.izor.hr/kalendar/images/ico_info_hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
  .inst_dok.oznacen .inst_inner, .inst_dok.oznacen:hover .inst_inner { background-color: #d0fbbd; }
  .inst_dok.oznacen .inst_ter, .inst_dok.oznacen:hover .inst_ter  { background-color: #71BA51; }

  .inst_tbl td.tdbter {
  background: url("http://jadran.izor.hr/kalendar/images/ico_teren.png") no-repeat scroll 5px 5px rgba(0, 0, 0, 0);
  }
  .inst_tbl td.tdbpos {
  background: url("http://jadran.izor.hr/kalendar/images/ico_postaja.png") no-repeat scroll 5px 5px rgba(0, 0, 0, 0);
  }
  .inst_tbl td.tdbpar {
  background: url("http://jadran.izor.hr/kalendar/images/ico_parametar.png") no-repeat scroll 5px 5px rgba(0, 0, 0, 0);
  }

  .tterppos { margin: 5px 0; padding: 0 10px; }
  .popter,.poppos { float:left; width:55%; }
  .popter .tterppos { border-right: 1px solid #ccc; }
  .popter h3 { float:left; }
  .popter .bteright { float:right; }

  .tabter .prikazi { background-color: #2c2c95; color: #fff; font-weight: bold; font-style:italic; }
  .tabter tr:hover { cursor:pointer; background-color: #cccccc; }
  .tabter .prikazi:hover { cursor:default; background-color: #2c2c95; }



  div#popis-post { overflow-x: hidden; overflow-y: auto;}


  ul#ulpos {list-style-type: none; text-align: left;}
  ul#ulpos > li { border-bottom: 1px dotted #ddd; padding: 3px 8px; }
  ul#ulpos > li:hover {background-color: rgba(200,200,200,0.2); cursor: pointer; }
  ul#ulpos > li > ul { list-style-type: none; margin: 3px 8px 0 8px; }
  ul#ulpos > li > ul > li { display: inline-block; margin-left: 15px; }
  ul#ulpos > li > ul > li:first-child { margin-left: 0; }

  ul#ulpost > li { padding: 4px 10px; font-weight: bold; background-color: #ddd; border-radius:4px; float: left; margin-right: 4px; cursor: pointer; }
  ul#ulpost > li:hover { background-color: #aaa; }

  .pos-naziv { font-weight: bold; letter-spacing: 1px; }
  .oznp { background-color: orange; }
  #korak2 { display: none; margin-top: 15px; }

  div.poscont  ul.poshea { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background-color:#eee; }
  div.poscont  ul.poshea li { padding: 3px 8px; }
  div.poscont  ul.poshea li.pimena { font-weight:bold;  }

  div.poscont div.posfrm { padding: 10px 0;}
  div.poscont table.postbl td.tdprop { padding: 3px 8px; text-align:right; }

  table#tblppars { border-collapse: collapse; margin: 20px auto; } 
  table#tblppars tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;  }
	table#tblppars td { padding: 4px 8px; }
  table#tblppars td.tdgrupar { background-color:#eee; }


  .redpars .ulpars li {display: inline-block;  margin: 0 3px 3px 0; border: 1px solid #ccc; background-color: #eee;  padding: 2px 8px; }
	.redpars .ulpars { display: inline-block; }
  #btnSave { border: 1px solid #cccccc; background-color: #eeeeee; padding: 2px 20px; margin: 10px auto; }
  #btnSave:hover { cursor: pointer; background-color: #cccccc; border-color: #999999; }

  #btnrosp { float: right; }


  .iwcontent { font-size: 12px; color:#555555; }
.iwcontent h1 { padding: 0; margin: 0; font-size: 14px; font-weight: bold; }
.iwcontent .iwprop { font-weight: bold; color: #999999; margin-right: 10px; }
.iwcontent .iwpmale { margin-left: 10px; }
.iwcontent .iwlist { padding: 0; margin: 10px 0; }
.iwcontent .iwlist li { margin-bottom: 4px; }

  /*

	"Palatino Linotype", "Book Antiqua", Palatino, serif

	*/


.divinfo { background-color: #eeeeee; color: #444444; margin-bottom:20px;  }
.divrub { padding: 10px; }

ul.dirstablo {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.dirstablo li {
    display: inline;
    background-image: url('http://jadran.izor.hr/kalendar/images/arrowr_ico12.png');
    background-repeat: no-repeat;
    background-position: 0; 
    padding: 0 6px 0 18px;
}

ul.dirstablo li:first-child { background-image: none; padding-left: 0; }
ul.dirstablo .liikona a { display:inline-block; text-indent: -9999999999px !important; width:16px !important; height:16px !important; }
ul.dirstablo .liikona .stasvid { background: url("http://jadran.izor.hr/kalendar/images/fol_icog16.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
ul.dirstablo .liikona .stadoku { background: url("http://jadran.izor.hr/kalendar/images/doc_icog16.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
ul.dirstablo .liikona .stasvid:hover { background-image: url("http://jadran.izor.hr/kalendar/images/fol_icoc16.png"); }
ul.dirstablo .liikona .stadoku:hover { background-image: url("http://jadran.izor.hr/kalendar/images/doc_icoc16.png"); }


ul.infoter { margin: 10px 0 0; }
ul.infoter li { padding: 2px 0; }
.ternaz { font-weight: bold; font-style: italic; letter-spacing:1px; }
.propnaz { font-weight:bold; font-style: normal; letter-spacing:normal; display:inline-block; width:70px; text-align:right; margin-right:10px; }
p { text-align:justify; line-height: 16px; }
p.ternap { margin:2px 0; }

#tabpos { width:100%; margin: 10px 0 20px; }
#tabpos .trzag th { border: 1px solid #cccccc; }
#tabpos .trzag th:nth-child(odd),#tabpos td:nth-child(odd) { background-color: #f5f5f5; }
#tabpos .trzag th:first-child { border-left:0; border-top:0; background-color:transparent; }
#tabpos .trzag th:last-child { border-right:0; border-top:0; background-color:transparent; }
#tabpos td { border: 1px dotted #cccccc; padding: 2px 4px; }
#tabpos tr td:first-child { border-left:0; background-color:transparent; }
#tabpos tr td:last-child { border-right:0; background-color:transparent; }
#tabpos tr.editr td { background-color: rgba(255,255,0,0.1); }

#tabpos .tpc1 { width: 110px; }
#tabpos .tpc3, #tabpos .tpc4 { width: 70px; text-align:right; }
#tabpos .tpc5, #tabpos .tpc0 { width: 30px; text-align:right; }
#tabpos .tpc31 { width: 170px; text-align:left; }
#tabpos th.tpc3, #tabpos th.tpc4, #tabpos th.tpc5, #tabpos th.tpc31 { text-align:center; }


#tabpos tr:hover, #tabpos tr.prolaz { background-color: rgba(240, 242, 189, 0.2); } 
#tabpos tr.editr:hover, #tabpos tr.trzag:hover  { background-color: transparent; } 
#tabpos tr td:hover { background-color: rgba(150, 150, 150, 0.3); }
#tabpos tr td.tpc0:hover, #tabpos tr td.tpc6:hover, #tabpos.azupar tr td:hover { background-color: transparent; }
#tabpos tr.editr td[class*="tpc"]:hover { background-color: rgba(255,255,0,0.1); }

.maplabels {
   color: red;
   background-color: white;
   font-family: "Lucida Grande", "Arial", sans-serif;
   font-size: 10px;
   font-weight: bold;
   text-align: center;
   width: 60px;     
   border: 2px solid black;
   white-space: nowrap;
 }

a.trbrisi {
  background-image: url("http://jadran.izor.hr/kalendar/images/delete_hico8.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: none;
  float: left;
  height: 8px;
  margin: 3px 0;
  text-align: left;
  text-indent: -99999px;
  width: 8px;
}

li.librisi {
  background-image: url("http://jadran.izor.hr/kalendar/images/delete_hico8.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  float: left;
  height: 8px;
  margin: 3px 0;
  text-align: left;
  text-indent: -99999px;
  width: 8px;
  display:inline-block;
}
li.librisi:hover { background-image: url("http://jadran.izor.hr/kalendar/images/delete_ico8.png"); }


#tabpos tr:hover a.trbrisi, #tabpos tr.editr a.trbrisi { display:inline-block; }

a.trbrisi:hover { background-image: url("http://jadran.izor.hr/kalendar/images/delete_ico8.png"); }

img#imgloader1 { margin-left: 8px; vertical-align: text-bottom; display:none; }


.butzel {
border: 1px solid #999999; 	border-radius: 4px; background-color: #eeeeee; color: #666666; 
font-weight:bold; font-size: 12px; padding: 3px 10px;
}
.butzel:hover { border-color: #777777; color: #444444; background-color: #c6e9af; cursor:pointer; }

.butpla {border: 1px solid #999999; 	border-radius: 4px; background-color: #eeeeee; color: #666666; font-weight:bold; font-size: 12px; padding: 3px 10px;}
.butpla:hover { border-color: #777777; color: #444444; background-color: #d0fbbd; cursor:pointer; }

#dizroscopa { display:inline-block; }
#iizroscopa { width:30px; }
#dleffo { display:block; }
#btnazpar, #btnazpos { border: 1px solid #999999; 	border-radius: 4px; background-color: #eeeeee; color: #666666; font-weight:bold; font-size: 12px; padding: 3px 20px; }
#btnazpar:hover { border-color: #777777; color: #444444; background-color: #c6e9af; cursor:pointer; }
#btnazpos:hover { border-color: #777777; color: #444444; background-color: #ffe6d5; cursor:pointer; }
#tabpos tr td.potrpop { border-color: #ff0000; }

.zavjesa { background-color: #444444; background-repeat: repeat; height: 100%; left: 0; opacity: 0.2; position: fixed; top: 0; width: 100%; z-index: 20; display:none; }


.lnkadd { display:inline-block; text-indent: -9999999999px; width:14px; height:14px; background: url("http://jadran.izor.hr/kalendar/images/add_newg14.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); margin: 1px 0 0 2px; }
.lnkadd:hover { background-image: url("http://jadran.izor.hr/kalendar/images/add_new14.png"); }
#tabpos.azupar tr td.tpc0 { width:20px; }
#tabpos.azupar tr td.tpc6 { width:30px; }

#popis-pars { display:none; }
table#tblppars { border-collapse: collapse; margin: 20px auto; } 
  table#tblppars tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;  }
	table#tblppars td { padding: 4px 8px; }
  table#tblppars td.tdgrupar { background-color:#eee; }

#tabpos .ulpars li {
  background-color: #f0f0f0;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  display: inline-block;
  font-size: 10px;
  margin-left: 2px;
  padding: 0 4px;
  font-family: Tahoma;
}

#tabpos .ulpars li:hover {
cursor:pointer;
background-color: #dddddd;
border-color: #888888;
}

.projekti{ background-color: #d0fbbd; padding-left:5px; padding-top:1px; margin-top:2px;}
.projekti p{ margin-bottom:0px;margin-top:1px;}
.projekti_sadrzaj{ background-color: #e8e8f8; border: 1px solid #d0fbbd;}
.projekti_info{ }

.p_livo {float:left; }
.p_desno{float:left; border-left: 1px solid #d0fbbd; padding-left:2%;}
.p_foot{clear: both;text-align:center; border-top: 1px solid #d0fbbd;}

.btn{color:blue;font-size:inherit;}
.btn_s{color:blue;font-size:inherit;}
.btn_g{color:blue;font-size:inherit;}

.abutton:link{
  background-color: rgba(240,240,240,0.4);
  text-decoration: none;
  color: blue;
  padding: 1px 6px 1px 6px;
  border: 1px solid #CCCCCC;
  -webkit-border-radius:3px 3px 6px 6px;
  -moz-border-radius:3px 3px 6px 6px;
   border-radius: 1px 3px 3px 6px 6px:

} 
.abutton:visited {
  background-color: rgba(240,240,240,0.4);
  text-decoration: none;
  color: blue;
  border: 1px solid #CCCCCC;
} 
.abutton:hover {
  background-color: rgba(240,240,240,0.4);
  text-decoration: none;
  color: rgba(0,0,240,0.7);
  padding: 1px 6px 1px 6px;
  border: 1px solid black;
  -webkit-border-radius:3px 3px 6px 6px;
  -moz-border-radius:3px 3px 6px 6px;
  border-radius: 1px 3px 3px 6px 6px;

} 



.abutton1{
  background-color: rgba(240,240,240,0.4);
  text-decoration: none;
  color: blue;
  padding: 1px 6px 1px 6px;
  border: 1px solid #CCCCCC;
  -webkit-border-radius:3px 3px 6px 6px;
  -moz-border-radius:3px 3px 6px 6px;
   border-radius: 1px 3px 3px 6px 6px;
   cursor: pointer;

} 
.abutton1:visited {
  background-color: rgba(240,240,240,0.4);
  text-decoration: none;
  color: blue;
  border: 1px solid #CCCCCC;
} 
.abutton1:hover {
  background-color: rgba(240,240,240,0.4);
  text-decoration: none;
  color: rgba(0,0,240,0.7);
  padding: 1px 6px 1px 6px;
  border: 1px solid black;
  -webkit-border-radius:3px 3px 6px 6px;
  -moz-border-radius:3px 3px 6px 6px;
  border-radius: 1px 3px 3px 6px 6px:

} 







.sbutton {
    background-color: rgba(240,240,240,0.4);
    margin-right:10px;
    cursor:pointer;
    white-space:nowrap;
  text-decoration: none;
  color: blue;
  padding: 1px 6px 1px 6px;
  border: 1px solid #CCCCCC;
  -webkit-border-radius:3px 3px 6px 6px;
  -moz-border-radius:3px 3px 6px 6px;
  border-radius: 1px 3px 3px 6px 6px:

}

.sbutton:hover {
  background-color: rgba(240,240,240,0.4);
  text-decoration: none;
  color: rgba(0,0,240,0.7);
  padding: 1px 6px 1px 6px;
  border: 1px solid black;
  -webkit-border-radius:3px 3px 6px 6px;
  -moz-border-radius:3px 3px 6px 6px;
  border-radius: 1px 3px 3px 6px 6px:

} 
.p_hover:hover{text-shadow: -1px -1px #aaf, 1px 1px #eee}
.p_hover{cursor: pointer;}
.p_gru{cursor: pointer;}

.tereni_pointer:hover{text-shadow: -1px -1px #aaf, 1px 1px #eee}
.tereni_pointer{cursor: pointer;}
select {border-bottom: 2px solid #67C6FF;border-right: 1px solid #67C6FF;}

#kartabord {
   position: relative;
}
#legenda{
      position: absolute; top: 4px; left: 200px; z-index: 99;
      min-width:100px;
  }
#legenda2{
      position: absolute; top: 4px; left: 300px; z-index: 99;
      min-width:100px;
  }


#legenda_karta{
      position: absolute; top: 50px; left: 12px; z-index: 1;
      min-width:100px;
  }
#sakleg{display:none;}  
#brmje{display:none;}  

#imenakolona table{ border: 1px solid #DDD;    }
#imenakolona table td{ padding:10px;   }


.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 30%;
    height: 30%;
    background-color:#d0fbbd;;
}

.popup2 {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;

    background-color:#d0fbbd;;
}

.popup .close {
    position: absolute;
    background: red;
    color: white;
    top: -10px;
    right: -10px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 50%;
}


.popup_greska {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 20%;
    height: 20%;
    background-color:#d0fbbd;;
}
.popup_greska .close2 {
    position: absolute;
    background: red;
    color: white;
    top: -10px;
    right: -10px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 50%;
}

.popup_greska_2 {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;

    background-color:#d0fbbd;;
}


#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}



#parametri_sa_naslovom{
z-index: -2;
}


.d_projekti .ime_projekta{background-color: #d0fbbd;text-align:center;}
.lnk{color: blue;}
.lnk:hover{color: black;cursor: pointer;}