@-webkit-keyframes kontaktAn {
  0% {margin-top:-50vw;}
  100% {margin-top:5vw;}
}

@keyframes kontaktAn {
  0% {margin-top:-50vw;}
  100% {margin-top:5vw;}
}

#kontakt{
  margin-top: 5vw;
  -webkit-box-shadow:0pt 0pt 10pt 0.5pt gray;
          box-shadow:0pt 0pt 10pt 0.5pt gray;
  width:80vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFF;
  border-radius:3pt 3pt 0 0;
  -webkit-animation-name: kontaktAn;
          animation-name: kontaktAn;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  border-top: 0.4vw solid #020053;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#kontaktInfo{
  width:32%;
  height: 100%;
  padding:5% 4% 5% 4%;
  color: #000;
}

#kontaktForma{
  width:38%;
  padding:5% 10% 5% 10%;
  border-left: 2pt dashed lightgray;
}

.kontaktKateg{
  width:100%;
  margin-bottom: 1vw;
}

.kontaktKategIkona{
  width:20%;
  float:left;
}

.kontaktKategIkona img{
  width:3vw;
  height: 3vw;
  background: #020053;
  border-radius:50%;
  -webkit-box-shadow: 0pt 0pt 2pt 1pt gray;
          box-shadow: 0pt 0pt 2pt 1pt gray;
  -webkit-transition: 0.5s width, 0.5s height;
  -o-transition: 0.5s width, 0.5s height;
  transition: 0.5s width, 0.5s height;
}

.kontaktKategIkona img:hover{
  width:3.5vw;
  height: 3.5vw;
}

.kontaktKategTekst{
  width:80%;
  float:right;
}


#imePrezime, #eMail, #poruka{
	border-style:solid;
	border-width:0.1em;
	border-radius:0.2em;
	border-color:#888;
	-webkit-transition:border-color 0.2s;
	-o-transition:border-color 0.2s;
	transition:border-color 0.2s;
}

#imePrezime:focus, #eMail:focus, #poruka:focus{
	border-color:#020053;
	border-width:0.2em;
}

#formaG{
	width:100%;
	background-color:#020053;
	color:#FFF;
	text-align:right;
}

#formaD{
	width:96%;
	padding:3% 2% 2% 2%;
	margin:0 auto 0 auto;
}

#forPora{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}

#fDL{
	width:100%;
}

#fDD{
	width:100%;
}

#fDL input, #fDD input{
	width:96%;
	padding:2%;
}

#forma textarea{
	min-width:96%;
	max-width:96%;
	padding:2%;
}

#poruka{
	font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
	font-size:0.9em;
}