#poruka {
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	width: 55%;
	margin: 0;
	padding: 2rem;
	color: white;
	background-color: steelblue;
	opacity: 0.9;	
	display: none;
}
#duh {
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	width: 55%;
	margin: 0;
	padding: 2rem;
	background-color: steelblue;
	opacity: 0.9;
    transition:opacity 500ms;
}
#duh h4, #poruka h4, #duh_log h4 {
	color: white;
	text-align: center;
	margin: 0;
	padding: 0;
}
#duh.waa {
    opacity:0;
	display: none;
}

#duh_log {
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	width: 55%;
	margin: 0;
	padding: 2rem;
	background-color: steelblue;
 }
.duh_on {
      opacity:1;	
}
.duh_off {
	  opacity:0;
}


#marker {
	width: 290px;
	height: 570px;
	z-index: 1;
	background-image: url(../../pic/marker1x.jpg);
	background-size: cover;
	background-repeat: no-repeat;

}
.markeri { 
    width:28px; 
    height:28px; 
    border-radius: 20px;
    background: fuchsia;
    padding:4px 9px; 
    margin:5px; 
    color: white;
    font:16px Arial; 
    font-weight: bold;
    cursor:move; 
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;

    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

#vm {	
	border-bottom: 1.5rem solid white;
	/*da napravi malo razmaka, margin i pading zauzeti */
}

#poz_logo {
	padding: 1.5em 1.5em;
	/*position: relative;*/
}
#logopic {
	/*height: 5.4em;*/
	height: 3.5em;
}

@media screen and (max-width: 480px) {
	#duh, #poruka {
		width: 90%;
	}
}
@media screen and (max-width: 736px) {
	#duh, #poruka {
		width: 90%;
	}
}
@media screen and (max-width: 980px) {
	#duh, #poruka {
		width: 80%;
	}
}