#sadrzaj-ok{
	width:100%;
	background-color:#FFF;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	padding:4% 0 0 0;
	text-align:center;
	margin-top:-2%;
	padding-bottom: 3%;
	-webkit-box-shadow:1em 1em 1em gray;
	        box-shadow:1em 1em 1em gray;
}

#sadrzaj-ok img{
	width:45%;
	height:auto;
}

.sadrzajBotuniTekst{
	width:25%;
	padding:2% 2% 0 2%;
	border-left:0.1em solid #DBDBDB;
}

.desniBotunSadrzaj{
	border-right:0.1em solid #DBDBDB;
}

#donji-ok{
	width:100%;
	background-color:#FFF;
	padding-bottom:2.5%;
}

#donji-ok img{
	width:100%;
	height: auto;
}

.botunSad{
	width:60%;
	padding:3% 0 3% 0;
	background-color:#020053;
	color:#FFF;
	font-weight:bold;
	border:none;
	border-radius:5%;
	font-size:0.9em;
	-webkit-transition:background-color 0.4s, width 0.3s, -webkit-box-shadow 0.2s;
	transition:background-color 0.4s, width 0.3s, -webkit-box-shadow 0.2s;
	-o-transition:background-color 0.4s, box-shadow 0.2s, width 0.3s;
	transition:background-color 0.4s, box-shadow 0.2s, width 0.3s;
	transition:background-color 0.4s, box-shadow 0.2s, width 0.3s, -webkit-box-shadow 0.2s;
}

.botunSad:hover{
	width:45%;
	background-color:#06F;
	cursor:pointer;
	-webkit-box-shadow:0em 0.2em 0.3em gray;
	        box-shadow:0em 0.2em 0.3em gray;
}

.botunSad:active{
	background-color:#03F;
}

.botunSad[disabled="disabled"]{
	display:none;
}

.botunNasl a{
	text-decoration: none;
}

#s-ok-bot{
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	background-color:#FFF;
	text-align:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	padding-bottom:3%;
}

#s-ok-bot div a{
	text-decoration: none;
}

.sje{
	background-color:#FFF;
	-webkit-box-shadow:0em 0.5em 4em gray;
	        box-shadow:0em 0.5em 4em gray;
	padding-top:1%;
}

#bot1{
	width:25%;
	border-left:0.1em solid #DBDBDB;
	border-right:0.1em solid #DBDBDB;
	padding:0 2% 0 2%;
}

#bot2{
	width:25%;
	border-right:0.1em solid #DBDBDB;
	padding:0 2% 0 2%;
}

#bot3{
	width:25%;
	border-right:0.1em solid #DBDBDB;
	padding:0 2% 0 2%;
}

#sadrzajDole{
	width:100%;
	background-color:#FFF;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}

#sadrzajDole img{
	max-width:10vw;
}

#info{
	width:25%;
	padding-left:2%;
	padding-right:2%;
	text-align:center;
	border-right:0.2em dotted #DBDBDB;
}

#infoTekst{
	width:56%;
	padding-left:2%;
	padding-right:2%;
	text-align: justify;
}

.pokaziMenu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.krug{
	width:10vw;
	height:10vw;
	margin:0 auto 0 auto;
	background-color:#FFF;
	border-radius:50%;
	-webkit-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	transition:background-color 0.5s;
	background-color:#020053;
}

.krugIzlaz{
	width:10vw;
	height:10vw;
	-webkit-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	transition:background-color 0.5s;
	background-color: #FFF;
	border-radius:50%;
	margin:0 auto 0 auto;
}


#footer{
	width:100%;
	background-color:#FFF;
	color:#000;
	display:inline-block;
	text-decoration:none;
	font-size:0.9em;
	padding:1% 0 1% 0;
	text-align:center;
	border-top:0.3em solid #020053;
	-webkit-box-shadow: 0vw -1vw 3vw -1vw lightgray;
	        box-shadow: 0vw -1vw 3vw -1vw lightgray;
}