* {font-family: 'Open Sans', sans-serif; margin:0;padding:0;text-decoration:none;}
html {scroll-behaviour:smooth;}
body {background:url(slike/inova.jpg) top left no-repeat;background-size:180%;min-height:100%;background-attachment:fixed;}
a {color:#005580;}
a:hover {cursor:pointer;}
a:target {color:#000;outline:0;}
a.anchor {display: block; position: relative; top: -45px; visibility: hidden;}
input,textarea,select {border:1px solid #ddd;background:#fff;padding:1%;}
input[type=submit] {background:#0085c9;color:#fff;padding:0.5% 1%;}
input[type=submit]:hover {cursor:pointer;}
#container {max-width:1400px;margin:auto auto;}
#contain {float:left;min-height:100%;width:100%;}
#cekanje {position:fixed;top:0%;left:0;width:100%;height:100%;background:#fff;opacity:0.8;}
#cekanje h2 {float:left;width:80%;padding:20% 10%;text-align:center;}
.prijava {float:left;width:40%;margin:10% 30% !important;text-align:center;opacity: 0.9;}
.prijava.sire {width:60%;margin:5% 20% !important;}
.prijava h2 {float:left;width:96%;padding-bottom:3%;text-align:left;}
.prijava h2.error {color:#AA1C1C;font-size:92%;}
.prijava h2.uspjeh {color:green;font-size:92%;}
.prijava form div.usluge {float:left;width:99%;text-align:left;padding:6px 0;margin:5px 0;}
.prijava form div.usluge input[type=checkbox],.prijava form div.usluge input[type=radio] {float:left;width:25px;margin:5px 5px 0 0;}
.prijava form div.usluge input.objekt {float:left;width:100%;font-weight:bold;padding:7px 1%;margin:0;}
.prijava form div.usluge select.objekt {float:left;width:100%;font-weight:bold;padding:7px 1.5%;margin:0;}
.prijava form {float:left;background:#fff;width:80%;padding:10%;font-weight:bold;}
.prijava form label {float:left;width:80%;font-size:90%;text-align:left;}
.prijava form input,.prijava form select{float:left;padding:2%;width:80%;margin:0 30% 5% 0;font-weight:bold;letter-spacing:110%;}
.prijava form input.prijavi {width:84.3%;}
.prijava a.gumb,.prijava a.nazad {float:left;width:100%;border:1px solid #eee;padding:2% 0;margin:1%;font-size:110%;}
.prijava a.gumb:hover {background:#eee;}
.prijava a.nazad {width:82%;}
.prijava.pocetna h2 {font-size:115%;text-align:center;}
.prijava.pocetna a i {float:left;width:100%;color:#ccc;font-size:80%;}

#izbornik {float:left;width:100%;position:absolute;top:0;left:0;background:#333;opacity: 0.9;z-index:100;}
#izbornik a {float:left;color:#fff;padding:16px 13px 10px 13px;}
#izbornik a.selected {background:#444;}
#izbornik a.right {float:right;color:#aaa;padding-left:0;}
#izbornik a.logo {width:100px;padding:6px 15px;}
#izbornik a img {float:left;width:100%;}

#podizbornik {float:left;width:100%;}
#podizbornik a {float:left;padding:0.4%;margin-right:2%;}
#podizbornik a.sel {background:#333;color:#fff;}

#content {float:left;width:92%;margin:6% 2%;padding:2%;min-height:500px;background:#fff;  opacity: 0.9;}

.w100 {float:left;width:100%;margin:3% 0;}

.w20 {float:left;width:20%;padding:0;border-right:1px solid #ccc;}
.w20 div {float:left;width:100%;margin:2% 0;}
.w20 div input {float:left;width:13%;margin-right:3%;}
.w20 div a {float:left;width:80%;}
.w20 div a.sel {border-bottom:2px solid #333;}

.w30 {float:left;width:30%;padding:0 4%;border-right:1px solid #ccc;}
.w30 div {float:left;width:100%;margin:2% 0;}
.w30 div input {float:left;width:90%;padding:1%;font-size:120%;}
.w30 div textarea {float:left;width:90%;padding:1%;font-size:100%;min-height:250px;}
.w30 div i {font-size:70%;float:left;margin-right:5px;padding:1px; background:#eee;}

.cke_textarea_inline {border:1px solid #ccc;min-height:520px;}
.cke_textarea_inline a {float:none !important;}
.cke_textarea_inline table {max-width:100% !important;}
.cke_textarea_inline table th {background:#eee;}
.cke_textarea_inline ol,.cke_textarea_inline ul, .ulstyle ol, .ulstyle ul {margin-left:6% !important;}
.cke_textarea_inline ol li,.cke_textarea_inline ul li, .ulstyle ol li, .ulstyle ul li {margin-top:1% !important;}
.ulstyle h3 {margin-top:10px;}
.cke_textarea_inline img {max-width:100%;}
.cke_textarea_inline h3 {color:#332a69;border-top:2px solid #332a69;margin:10px 0;float:left;width:100%;
   padding:4px 0;}
.cke_textarea_inline s {display:none;}   
.cke_textarea_inline table.tablica td.c {text-align:center;}
table.tablica.plavabijela th {border:1px solid #eee;background:#eee;}
table.tablica.plavabijela td:focus {background:#ccc;}
table.tablica.plavabijela tr:nth-child(even) {background: #ebf4f7 !important;}
table.tablica.plavabijela tr:nth-child(odd) {background: #FFF !important;}


.tablica {float:left;width:100%;border-collapse:collapse;margin:2% 0;}
.tablica tr th,.tablica tr td {padding:0.3% 0;text-align:left;}
.tablica tr.zadatak td {background:#fffef0;}
.tablica tr:target {background:#eee;}
.tablica tr th {font-weight:bold;border-bottom:1px solid #AA1C1C;}
.tablica tr td {border-bottom:1px solid #ccc;}
.tablica tr.load td {border:none;padding:0;}
.tablica tr td input,.tablica tr td select,.tablica tr td a {float:left;margin-right:5px;}
.tablica tr td select {width:96% !important;}
.tablica tr td a:hover {cursor:pointer;}
.tablica tr td i {font-size:70%;}
.tablica tr:hover td.cjenik {background:#faf8f7;}
.tablica tr.orange td {background:#faf7ed;}
.tablica tr.green td {background:#f0faed;}
.tablica tr.blue td {background:#edf7fa;}
.tablica tr.pink td {background:#fff5f9;}
.tablica tr.red td {background:#fadee0;}
.tablica tr td input:focus,.tablica tr td textarea:focus,.tablica tr td select:focus {background:#FCFCD4;outline:0;font-weight:bold;}

.djelatnik {float:left;width:30%;}

.ovlasti {float:left;width:20%;font-size:90%;}
.ovlasti div {float:left;width:100%;}
.ovlasti div h3 {border-bottom:1px solid #ccc;float:left;width:100%;margin:15px 0 0 0;}
.ovlasti div b {float:left;margin-right:5px;}

#karta {float:left;width:100%;}
#karta iframe {border:0;width:100%;height:600px;margin:1% 0;}
.suggestionsBox {
  margin:0 auto;
  max-width:1200px;
  position:absolute;
	display:none;
  }
	
	.suggestionList {
	
		position: absolute;
		left: 1px;
		top: 7px;
		margin: 0;
		max-width: 500px;
    min-width:400px;	
		color: #000;
		margin: 0px;
		padding: 0px;
		list-style: none;
		border:1px solid #666;
		z-index:99999;
		-webkit-box-shadow: 1px 0px 21px -2px rgba(222,218,222,1);
-moz-box-shadow: 1px 0px 21px -2px rgba(222,218,222,1);
box-shadow: 1px 0px 21px -2px rgba(222,218,222,1);
		background:#eee;
	}
	
	.suggestionList li {
		float:left;
		width:96%;
		margin: 0;
		padding: 2%;
		cursor: pointer;
		font-size:16px;
		border-bottom:1px solid #ccc;
    opacity: 0.90;
  filter: alpha(opacity =90);	
	}
	
	.suggestionList li a {
    color:#000 !important;
    width:100%;
    height:100%;
    display:block;
  }	
	
	.suggestionList li:hover {
		font-weight:bold;
	}
  .suggestionList li:hover a {
    color:#000 !important;
  }

@media screen and (max-width: 900px){
body {background-size:300% !important;min-height:100%;background-attachment:fixed;}
.prijava, .prijava.sire {float:left;width:96%;margin:10% 2% !important;}
.prijava.pocetna a {margin:3% 0;}
table.tablica.plavabijela th {font-size:70% !important;}

}