div#kastanovima a{
		font-family:verdana;
	font-size:23px;
	text-align:center;
	color:rgb(235,190,000);
	text-decoration:none;
	font-weight:bold;

}
div#kastanovima a:hover{
	-webkit-filter: drop-shadow(1px 1px 3px rgb(235,190,000));filter: drop-shadow(1px 1px 3px rgb(235,190,000));


}

div#stannavigacija a{
		font-family:verdana;
	font-size:18px;
	text-align:center;
	color:rgb(235,190,000);
	text-decoration:none;
	font-weight:bold;

}
div#stannavigacija a:hover{
	-webkit-filter: drop-shadow(1px 1px 3px rgb(235,190,000));filter: drop-shadow(1px 1px 3px rgb(235,190,000));


}











div#vbgaleri{
	width: 80%;
	text-align:center;

}
div#vbgaleri1{
	float:left;
	width: 25%;
}
div#vbgaleri1 img{
transition: transform 0.9s;
	width: 100%;
	

}

div#vbgaleri1 img:hover{

	  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
transition: transform 0.9s;
-webkit-filter: drop-shadow(8px 8px 10px rgb(020,045,125));filter: drop-shadow(8px 8px 10px rgb(020,045,125));

border-radius: 5%;
}











div#stanpozadi{
	width: 85%;
	background-color: rgba(020,045,125,0.4);
	
}
div#stanpozadi4{
	float: left;
	width: 44%;

	margin: 3%;
}
div#stanpozadi4 img{
	-webkit-filter: drop-shadow(8px 8px 10px rgb(020,045,125));filter: drop-shadow(8px 8px 10px rgb(020,045,125));
	width: 100%;
	transition: transform 0.9s;
	border-radius: 5%;
	border:4px solid rgb(235,190,000);

}

div#stanpozadi4 img:hover{
	
	  -ms-transform: scale(1.35); /* IE 9 */
  -webkit-transform: scale(1.35); /* Safari 3-8 */
  transform: scale(1.35); 
transition: transform 0.9s;
}



div.progress-container {
	position: fixed;
	top:0px;
	left: 0px;
  width: 100%;
  height: 8px;
  background: #ccc;
  z-index: 999;
}

div.progress-bar {
  height: 8px;
  background: rgb(235,190,000);
  width: 0%;
}



div#slogan {
	width:100%;
}

div#slogan1 {
	float:left;
	width:30%;
}

div#slogan2 {
	width:39%;
	height:130px;
	border-left:11px solid rgb(217,158,38);
	background-color:rgba(255,255,255,0.7);
	color:RGB(40,96,144);

	font-family:verdana;
	font-size:23px;
	text-align:left;
	padding:16px;
	line-height:30px;
	
	
}












div#slogan3 {
	float:left;
	width:30%;
}



div#mojlogo {
	width:300px;
	background-color:rgba(255,255,255,0.5);
}
div#mojlogo img{
padding:15px;
}
div#jedinica img{
position: fixed;
top: 0px;
left: 0px;
z-index: -999;
width: 100%;
height: 100%;
opacity: 0.8;

}
div#jedinica7 img{
position: fixed;
top: 0px;
left: 0px;
z-index: -999;
width: 100%;
height: 100%;

}
div#zameni{
position: relative;
top: 0px;
left: 0px;
z-index: 999;
width: 100%;
height: 100px;
background-color: #ccc;

}


div#izmedju{
	width:100%;
	height:18vh;
}
div#izmedju2{
	width:100%;
	height:25vh;
}
div#osnova{

	color:#333;
	font-size:22px;
	font-family: Verdana;
}



div#navigacija{
width:100%;
text-align:center;
font-size:18px;
}

div#navigacija a{
text-decoration:none;
color:#333;
font-size:18px;
}
div#navigacija a:hover{
color:rgb(253,184,19);
}




div#abc{
	width: 50%;
	font-size: 44px;
		color:#333;
		float: left;
}

div#aab{
	width: 320px;
background-color: rgb(253,184,19);
	border-radius: 10px;
	border-color: 2px solid #ccc;
}
div#aab a{
	text-decoration: none;
	font-family: verdana;
	font-size: 45px;
	color:RGB(201,48,44);
}
div#aab a:hover{
 color: #fff;

}

div#aab:hover{

}


div#foto1{
	width: 100%;

border: 4px solid #fff;
}








div#reklama{
	font-family: Verdana;
	font-size: 35px;
	color: #fff;
	font-weight:bold;
 	text-shadow: 6px 0px 11px #fff;
		-webkit-text-stroke: 2px rgb(020,045,125);
		
}

div#reklama1{
	font-family: Verdana;
	font-size: 45px;
	color: rgb(235,190,000);
	font-weight:bold;
 	text-shadow: 6px 0px 11px rgb(020,045,125);
		
		
}




div#kliker{

	background-color:rgba(0,0,0,0.9);
	border-radius: 50%;
	border-color: 2px solid #f33;


}


div#osnova1{
	width:100%;

	background: rgba(020,045,125,0.7);
font-family: Verdana;
	font-size:18px;
}

div#naslovnitext {

	font-family: Verdana;
color:rgb(165,21,26);
	font-size:33px;
	text-shadow: 0px 0px 8px #fff;


}
div#naslovnitext2 {

	font-family: Verdana;
color:rgb(165,21,26);
	font-size:22px;
	font-weight:bold;
text-shadow: 0px 0px 8px #fff;


}

div#naslovnitext1 {
	
	color: #fff;
 	text-shadow: 5px 0px 8px #000;
	font-family: Verdana;
	font-size:60px;

}

div#komplexi a{
	
	color: #fff;
 	text-shadow: 5px 0px 8px #000;
	font-family: Verdana;
	font-size:60px;
	text-decoration:none;
}
div#komplexi a:hover{
	
	color: rgb(253,184,19);

}





div#sneab{
	width:100%;
}

div#sneznikx{
	width:50%;
	float:left;
	text-align:center;
}

div#sneznikx a{
	color: #rgb(30,17,84);
 	text-shadow: 5px 0px 8px #000;
	font-family: Verdana;
	font-size:60px;
	text-decoration:none;
}
div#sneznikx a:hover{
	color: rgb(253,184,19);

}
div#vile{
		width:50%;
	float:left;
	text-align:justify;
	padding:20px;
	text-indent:30px;

}






div#naslovnitext {


width: 400px;
}






div#prvi{
	width: 300px;
}
div#popuna{
	width: 90%;
	height:240px;
	border:3px solid rgb(165,50,147);
	background-color: rgba(255,255,255,0.7);
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 50px;
	filter:alpha(opacity=60);
	font-family: Verdana;
	padding:20px 20px 20px 20px;
	font-size: 16px;
	color: #444;
	text-align: center;
}

div#popunaa{
	width: 50%;
	float:left;
}

div#reklama img{
	width:47%;
}

div#reklama1 img{
	width:80%;
}


div#popuna1{

width: 80%;	

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 17px;

color: #fff;
text-align: center;

line-height: 25px;
}



div#popuna123{

width: 80%;	

	background-color: rgba(255,255,255,0.9);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 20px;

color: rgb(165,50,147);
text-align: center;
font-weight:bold;
line-height: 25px;
}





div#kpopuna{

width: 80%;	

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 16px;
background-color:rgba(255,255,255,0.9);

color: #fff;
text-align: center;


}
div#kpopuna1{

width: 50%;	
float:left;
font-size: 16px;
color: #fff;
text-align: left;

padding:5%;
margin-bottom:40px;
line-height:20px;
}
div#kpopuna1 img{
  transition: transform 0.9s;
width: 100%;	
border-bottom-left-radius:15%;
border-top-right-radius:15%;
box-shadow: 0 0 11px RGB(40,96,144);
}
div#kpopuna1 img:hover{
box-shadow: 0 0 13px RGB(40,96,144);
  -ms-transform: scale(1.08); /* IE 9 */
  -webkit-transform: scale(1.08); /* Safari 3-8 */
  transform: scale(1.08); 
  transition: transform 0.9s;
	cursor:pointer;
}







div#kpopuna1 a{
text-decoration: none;
	color:#fff;
}

div#kpopuna1 a:hover{
text-decoration: none;
color: rgb(235,190,000);
}








div#kpopuna3{

width: 50%;	
float:left;
font-size: 16px;
color: #fff;
text-align: justify;
padding:2%;

margin-bottom:40px;
line-height:30px;
}
div#kpopuna3 img{
  transition: transform 0.9s;
width: 85%;	
box-shadow: 0 0 11px RGB(40,96,144);
border-bottom-left-radius:15%;
border-top-right-radius:15%;


}
div#kpopuna3 img:hover{
box-shadow: 0 0 13px RGB(40,96,144);
  -ms-transform: scale(1.08); /* IE 9 */
  -webkit-transform: scale(1.08); /* Safari 3-8 */
  transform: scale(1.08); 
  transition: transform 0.9s;
	cursor:pointer;
}


div#kpopuna333{

width: 80%;	

font-size: 16px;
color: #fff;
text-align: justify;
padding:2%;

margin-bottom:40px;
line-height:30px;
}

div#kpopuna4{

width: 90%;	

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 16px;

color: #333;
text-align: center;


}










div#opopuna1{

width: 50%;	
float:left;
font-size: 16px;
color: #fff;
text-align: justify;

padding:2%;


}

div#opopuna1 img{

  transition: transform 0.9s;
width: 95%;	
box-shadow: 0 0 11px RGB(40,96,144);
border-bottom-left-radius:15%;
border-top-right-radius:15%;


}

div#opopuna1 img:hover{

box-shadow: 0 0 13px RGB(40,96,144);
  -ms-transform: scale(1.08); /* IE 9 */
  -webkit-transform: scale(1.08); /* Safari 3-8 */
  transform: scale(1.08); 
  transition: transform 0.9s;


}









div#opopuna1 a{
text-decoration: none;
	color:#111;
}

div#opopuna1 a:hover{
text-decoration: none;
color: rgb(253,184,19);
}



















div#opopuna12{

width: 50%;	
float:left;
font-size: 16px;
color: #fff;
text-align: justify;

padding:2%;


}

div#opopuna12 img{

  transition: transform 0.9s;
width: 85%;	
box-shadow: 0 0 11px RGB(40,96,144);
border-bottom-left-radius:15%;
border-top-right-radius:15%;


}

div#opopuna12 img:hover{

box-shadow: 0 0 13px RGB(40,96,144);
  -ms-transform: scale(1.08); /* IE 9 */
  -webkit-transform: scale(1.08); /* Safari 3-8 */
  transform: scale(1.08); 
  transition: transform 0.9s;


}


div#opopuna123{

width: 100%;	
height:25px;
background-color:rgb(235,190,000);

text-align: center;




}






div#opopuna12 a{
text-decoration: none;
	color:rgb(020,045,125);
}

div#opopuna12 a:hover{
text-decoration: none;
color:rgb(0,045,125);

}



























div#onamapopuna{

width: 80%;	

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 16px;

color: #333;
text-align: justify;


line-height: 25px;
}

div#onamapopuna img:hover{

opacity:0.8;
width:90%;
}

div#onamapopuna img{


width:90%;
}



div#vrh1 {
float:left;
width:50%;
text-align:left;
}
div#vrh2 {
float:left;
width:50%;
text-align:right;
}




div#vrh0 {
	
	height: 45px;
background: rgba(020,045,125,0.6);

color:#fff;

text-align:center;
font-size: 14px;

	font-family: Verdana;
}


div#vrh0 img{
	width: 25px;
}

div#vrh0 a{
text-decoration: none;
color:#fff;

}
div#vrh0 a:hover{
color:rgb(235,190,000);
}








div#vrh00 {
	width: 100%;
	height: 120px;
background: rgba(255,255,255,0.8);


}







div#vrhlevo{
	width: 50%;
	text-align: center;
	float: left;
	
}
div#vrhlevo img{
	width: 400px;
	transition: transform 0.9s;
}

div#vrhlevo img:hover{
  -ms-transform: scale(1.08); /* IE 9 */
  -webkit-transform: scale(1.08); /* Safari 3-8 */
  transform: scale(1.1); 
  transition: transform 0.9s;
}




div#vrhdesno1{
	width: 25%;
	float: left;
	text-align: center;
}

div#vrhdesno1 img{
	width: 120px;
	transition: transform 0.9s;
}
div#vrhdesno1 img:hover{
	-webkit-filter: drop-shadow(1px 1px 3px rgb(235,190,000));filter: drop-shadow(1px 1px 3px rgb(235,190,000));
	  -ms-transform: scale(1.08); /* IE 9 */
  -webkit-transform: scale(1.08); /* Safari 3-8 */
  transform: scale(1.1); 
  transition: transform 0.9s;
	
}



div#vrhdesno2{
	width: 25%;
	float: left;
	color:rgb(020,045,125);

text-align: right;
	font-size: 16px;

	font-family: Verdana;
	line-height: 15px;
	padding-right: 3%;
}



div#vrhdesno2 a{
text-decoration: none;
color:rgb(020,045,125);

}
div#vrhdesno2 a:hover{
color:rgb(235,190,000);
}










ul{
	line-height: 23px;
}

div.textbox4{
width: 22.5%;


float: left;
margin-left: 2%;
margin-top: 1%;
border-radius: 50%;
overflow: auto;
color: #fff;
background-color: rgba(0,0,0,0.6);
text-align: center;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;

}
div.textbox4 img{
width: 20%;
align-content: center;

}
div.textbox4 img:hover{
opacity: 0.7;
text-align: center;

}







/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  padding:3%;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.2) rotate(4deg);
  transform: scale(1.2) rotate(4deg);
  -webkit-filter: drop-shadow(8px 8px 10px rgb(165,50,147));filter: drop-shadow(8px 8px 10px rgb(165,50,147));
}


div.apartmeni{
	width:100%;

}
div.apartmeni a{


font-family: Verdana; 
color: rgb(234,88,28);
font-size:33px; 
font-style: italic; 
text-align: center; 
font-weight:bold;
text-decoration: none;
}

div.apartmeni a:hover{


color: rgb(255,0,0);

}



div#vrh{
	
width:100%;
height:20px;
background-color:rgba(0,0,0,0.7);
border-top:2px solid black;
	 font-family: Verdana;
	font-size:18px;
	font-weight: bold;
	color:#ffffff;
	text-align:right;
font-style: italic;

}
div#slogann img{
	
width:300px;
position:absolute;
	top:10px;
	right:80px;

}


div#vrm{
	
	z-index:999;
	position:fixed;
	top:5px;
	right:20px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;	 
	font-family: Verdana;
}

div.vrh{
	width: 100%;
	background-color: rgba(0, 30, 34, 0.85);
	color: rgb(222,205,78);
	 font-family: Verdana;
	font-size:30px;
	font-weight: bold;
}




div.transbox{
width: 900px;	
background-color: rgba(0,0,0,0.6);
text-align:justify;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
}

div.transbox:hover{
opacity: 1.0;	
}

div.transbox{
font-family: Verdana;
padding:20px 20px 20px 20px;

color: #ffffff;
text-align: left;
font-style: italic;
font-size: 14px;
}
div.transbox img{
width:300px;
border: 2px solid #ffffff;

}
div.transbox a{
color:#ffffff;
font-weight:bold;
}
div.transbox a:hover{
color:#ffffff;
font-weight:bold;
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.22), 0 17px 50px 0 rgba(255,255,255,0.19);
}




div.transboxm{
position:absolute;
top:70px;
right:190px;
width: 550px;	

text-align:justify;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
}

div.transboxm{
font-family: Verdana;
padding:20px 20px 20px 20px;

color: #ffffff;
text-align: left;
font-style: italic;
font-size: 15px;
}
div.transboxm a{
color:#ffffff;
font-weight:bold;
}
div.transboxm a:hover{
color:#ffffff;
font-weight:bold;
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.22), 0 17px 50px 0 rgba(255,255,255,0.19);
}







div.textboxk a{
text-decoration: none;
color: #ffffff;
}
div.textboxk a:hover{
text-decoration: none;
color: rgb(239,92,22);
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.22), 0 17px 50px 0 rgba(255,255,255,0.19);
}

div.sidro  a{
	font-size: 16px;
	color:#fff;

	font-family: 'Roboto', sans-serif;
	margin: 0px 4px;
	padding: 5px 16px;
	border-radius: 20px;
	font-weight: bold;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

div.sidro  a:hover{

	color: #fff;
	background: rgb(18,0,85);
	box-shadow: 0 12px 16px 0 rgba(255,255,255,0.44), 0 17px 50px 0 rgba(255,255,255,0.19);

}



div.eshop{
	position:absolute;
	top:145px;
	right:800px;
}

div.eshop img{
	width:150px;
}

div.firma{
	position:absolute;
	top:10px;
	right:280px;
	color:rgb(255,255,255); 
	font-size:17px; 
	font-style:italic; 
	font-weight:bold;
}

div.textboxk{
width: 900px;	
background-color: rgba(0,0,0,0.6);

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
}
div.textboxk{
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 14px;

color: #ffffff;
text-align: center;
font-style: italic;
}

div.textbox{
width: 980px;	
background-color: rgba(0,0,0,0.6);
text-indent: 20%;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);

}

div.textbox{
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 14px;

color: #ffffff;
text-align: justify;
font-style: italic;
line-height: 25px;
}

div.textboxg{
width: 800px;	
background-color: rgba(0,0,0,0.4);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);

}



div.textboxg img:hover{
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.22), 0 17px 50px 0 rgba(255,255,255,0.19);
}








div.textboxi{
width: 980px;	
background-color: rgba(40,22,111,0.5);
border: 2px solid rgba(40,22,111,0.9);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);

}




div.textboxi{
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-align: justify;
font-style: italic;
line-height: 25px;
}

div.textbox a{

text-decoration: none;
color: #fff;
}
div.textbox a:hover{
text-decoration: none;
color: rgb(239,92,22);
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.44), 0 17px 50px 0 rgba(255,255,255,0.19);
}


div.textbox img{
width:100px;
height:100px;
text-align:center;

border: 2px solid rgba(0,0,0,0.3);
}

div.textbox img:hover{
width:100px;

border: 2px solid rgb(255,255,255);
}




div.dvojka{
	float: left;

width: 45%;	
margin-left: 3%;
margin-bottom: 20px;
background-color: rgba(0,0,0,0.6);

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 14px;

color: #ffffff;
text-indent: 50px;

line-height: 25px;

}

div.dvojka a{

}
div.dvojka a:hover{
text-decoration: none;
color: #ffffff;
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.44), 0 17px 50px 0 rgba(255,255,255,0.19);
}


div.dvojka img{
width:80px;
height:80px;

}

div.dvojka img:hover{
opacity: 0.5;
}


















div.textboxn{
width: 470px;	
background-color: rgba(0,0,0,0.6);

text-align:center;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
}

div.textboxn:hover{
opacity: 1.0;	
}

div.textboxn{
font-family: Verdana;
padding:10px 10px 10px 10px;
font-size:22px;
font-style:italic;
color: #fff;
text-align: center;
font-weight:bold;

}











div.ii {
		
	z-index: 999;

	bottom: 20px;

	
}

div.ii img{

width:40px;
height:28px;
opacity: 0.8;
	
}

div.ii img:hover{
opacity: 1.0;
box-shadow: 0 12px 16px 0 rgba(18,0,85,0.44), 0 17px 50px 0 rgba(18,0,85,0.19);
}

#button{
border-radius:10px;
width:90%;
height:35px;
background-color:rgba(235,190,000,0.9);

font-size:16px;
color: rgb(255,255,255);


}

#button:hover{

color: #fff;
background-color:rgb(235,190,000);
cursor:pointer;

}


#button1{
border-radius:10px;
width:100px;
height:35px;
background-color:rgb(217,158,38);

font-size:16px;
color: rgb(255,255,255);
}

#button1:hover{

color: rgba(255,0,0,0.7);

box-shadow: 0 12px 16px 0 #ccc, 0 17px 50px 0 #ccc;
}






div.map {
width:100%;
height:300px;

border: 2px solid RGB(40,96,144);
}

div.gmap {
width:800px;
height:350px;

}

.error {
	color: #FF0000; 
	font-size: 13px;
	}
	

div.linkovi a{

text-align:center;
color:#222222;
font-family: verdana;
text-decoration: none;
font-weight: bold;
font-size:20px;
}

div.linkovi a:hover{

color:#ffffff;

}

div.naslov {

text-align:center;
font-family: verdana;
text-decoration: none;
font-weight: bold;
font-size:25px;
}

div.textmeni{
width: 600px;	
background-color: rgba(40,22,111,0.3);
border: 2px solid rgba(40,22,111,0.9);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
float: right;
position: relative;
top: 30px;
right: 30px;
z-index: 999;
}

div.textmeni:hover{
background-color: rgb(40,22,111);

	
}


div.textmeni a{
font-family: Verdana;
text-decoration: none;
font-size: 20px;
color: #ffffff;

}

div.textmeni a:hover{
color: #ffffff;
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.22), 0 17px 50px 0 rgba(255,255,255,0.19);
	
}


div.textmeni ul li{
display: inline;
	
}



div.textsalji a{
text-decoration: none;
color: #ffffff;

}
div.textsalji a:hover{
text-decoration: none;
color: rgb(253,184,19);
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.22), 0 17px 50px 0 rgba(255,255,255,0.19);
}


div.textsalji{
width: 980px;	
background-color: rgba(0,0,0,0.5);

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
}
div.textsalji{
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 15px;
font-weight: bold;
color: #ffffff;
text-align: center;
font-style: italic;
}

div.reklme{
	

position: fixed;
top: 120px;
right: 2px;
z-index: 999;
}

div.facelink img{
	

position: absolute;
top: 130px;
right: 10px;
z-index: 999;
}


div.oko{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background: rgba(40,22,111,0.7);
position:fixed;
right:10px;
bottom:10px;

}


.geralpoz{
position: relative;	
z-index: 999;
top: 5px;
float: right;
right: 20px;
text-align: right;
font-size: 16px;
}
.geralpoz1{
position: relative;	
z-index: 999;
top: 5px;
float: left;
left: 20px;
font-size: 16px;
}
.geralpoz2{
position: relative;	
z-index: 999;
top: 50px;
float: right;
right: 20px;
text-align: right;
font-size: 16px;
}


#ime{
	width:80%;
	border-color:none;
	outline:none;
	border:none;
	background-color:rgba(255,255,255,0.6);
	font-size:16px;
	border-bottom:3px solid rgb(235,190,000);
}

#email{
	width:80%;
	border-color:none;
	outline:none;
	border:none;
	background-color:rgba(255,255,255,0.6);
	font-size:16px;
border-bottom:3px solid rgb(235,190,000);
}
#tel{
	width:80%;
	border-color:none;
	outline:none;
	border:none;
	background-color:rgba(255,255,255,0.6);
	font-size:16px;
	border-bottom:3px solid rgb(235,190,000);
}

#ocemu{
	width:80%;
	border-color:none;
	outline:none;
	border:none;
	background-color:rgba(255,255,255,0.6);
	font-size:16px;
border-bottom:3px solid rgb(235,190,000);
}


#comment{
	width:90%;
	border-color:rgb(235,190,000);
	outline:none;
	border-radius:8px;
	background-color:rgba(255,255,255,0.6);
	font-size:16px;
}




div.footer{
font-family: Verdana;
background: rgb(020,045,125);
width:100%;	
float:left;
height:260px;
font-style: italic;
color:#ffffff;
text-align:center;
font-size:12px;



z-index: -1;
}

div.footer a{
text-decoration: none;
	color:#fff;
}

div.footer a:hover{
text-decoration: none;
color: rgb(253,184,19);
}

div.footer1{
font-family: Verdana;
background-color: rgb(020,045,125);
width:100%;	
float:left;
height:50px;
font-style: italic;
color:#ffffff;
font-size:0.9em;
font-weight: bold;
z-index: -1;
padding: 10px;
}





div.footer1a{

		float:left;
	width: 50%;
	text-align: center;
}
div.footer1b{

		float:left;
	width: 50%;
	text-align: center;
}

div.footera{

	float:left;
	width: 70%;
	font-family: Verdana;
	color:#fff;
	font-size:14px;
	text-align: left;
	padding: 3%;

}

div.footerb {

	float:left;
	width: 50%;
	font-family: Verdana;
	color:#222;
	font-size:12px;
	text-align: center;
		padding: 3%;

}
div.footerb  img{


	width: 100%;

}


div.footerc{
	
	float:left;
	width: 30%;
	font-family: Verdana;
	color:#ccc;
	font-size:14px;
	
		padding: 3%;
}
div.footerc img{
transition: transform 0.9s;
width: 90%;	


}

div.footerc img:hover{

  -ms-transform: scale(1.08); /* IE 9 */
  -webkit-transform: scale(1.08); /* Safari 3-8 */
  transform: scale(1.1); 
  transition: transform 0.9s;
	
}



div.parallax{

	width: 100%;
	background-color: rgb(40,96,144);

font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 33px;

color: #fff;
text-align: justify;
font-style: italic;
line-height: 30px;

}


div.a1{
	position: relative;
	width: 100%;
	height: 500px;

}


div.a2{
	position: relative;
	width: 100%;
	height: 300px;
		background-color: rgba(40,96,144,0.4);
}
div.a3{
	position: relative;
	width: 100%;
	height: 300px;
background-color: rgba(40,96,144,0.4);
}









div.trojka{
width: 100%;
height: auto;
color: #fff;
	background-color: rgba(40,96,144,0.4);
}


div.trojka1{
width: 30%;
height: 250px;
		background-color: rgb(40,96,144);
float: left;
margin-left: 2%;
margin-top: 1%;
border-radius: 20px;
overflow: auto;
}
div.trojka1 img{
width: 100%;

}
div.trojka1 img:hover{
opacity: 0.7;
cursor: pointer;

}






div.kontakt1{
	float: left;
	width: 40%;
	background-color: rgb(40,96,144);
	border-radius: 20px;
	text-align: center;
margin: 5%;
color: #fff;
line-height: 35px;



}

div.kontakt1 a{
text-decoration:none;
color: #888;
}
div.kontakt1 a:hover{
text-decoration:none;
color: #ff9000;
}


div.kontakblur{

	background-color: rgba(40,96,144,0.9);

}


div.naslona img{
position: relative;
top:250px;
margin: auto;
width: 300px;
height: 100px;
}



.flip-box {
  background-color: transparent;
  width: 90%;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
  font-size:25px;
  	line-height: 20px;
	border-radius:10px;
	
	
}


.flip-box-inner {
  position: relative;
  width: 90%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;

}

.flip-box-front {
  background: linear-gradient(to bottom,#222,#ccc);
  color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  border-radius:10px;
}

.flip-box-back {
  background-color: rgb(253,184,19);
  color: white;
  transform: rotateX(180deg);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  border-radius:10px;
}

.flip-box-back a{
text-decoration:none;
color:rgb(62,90,29);
font-size:22px;

}
.flip-box-back a:hover{
color:#fff;
}








.flip1-box {
  background-color: transparent;
  width: 90%;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
    font-size:25px;
	line-height: 20px;
	border-radius:10px;
}



.flip1-box-inner {
  position: relative;
  width: 90%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip1-box:hover .flip1-box-inner {
  transform: rotateX(180deg);
}

.flip1-box-front, .flip1-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip1-box-front {
    background: linear-gradient(to bottom,#222,#ccc);
  color: white;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   border-radius:10px;
}

.flip1-box-back {
  background-color: rgb(253,184,19);
  color: white;
  transform: rotateX(180deg);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius:10px;
}


.flip1-box-back a{
text-decoration:none;
color:rgb(62,90,29);
font-size:22px;
}


.flip1-box-back a:hover{
color:#fff;
}



.flip2-box {
  background-color: transparent;
  width: 90%;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
    font-size:25px;
		line-height: 20px;
		border-radius:10px;
}





.flip2-box-inner {
  position: relative;
  width: 90%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip2-box:hover .flip2-box-inner {
  transform: rotateX(180deg);
}

.flip2-box-front, .flip2-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip2-box-front {
   background: linear-gradient(to bottom,#222,#ccc);
  color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  border-radius:10px;
}

.flip2-box-back {
  background-color: rgb(253,184,19);
  color: white;
  transform: rotateX(180deg);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  border-radius:10px;
}


.flip2-box-back a{
text-decoration:none;
color:rgb(62,90,29);
font-size:22px;
}

.flip2-box-back a:hover{
color:#fff;
}



div#flipAll{
width:100%;
}


div#flipOne{
width:33%;
float:left;
}

div#komplexslika {
	width:100%;
	
}
div#komplexslika img{
	width:100%;
	
}










div#izberi{
	width: 60%;
	background-color: rgba(020,045,125,0.7);
		border-top-right-radius:35px;
}
div#izberi:hover{

}

div#izaberi1{
	width: 48%;
	height: 80px;
	float: left;
	background-color: rgba(255,255,255,0.9);
	margin:1%;
	border-right: 6px solid rgba(235,190,000,0.8);
	border-top: 6px solid rgba(235,190,000,0.8);
	position: relative;
	
	border-top-right-radius:35px;
	 
}

div#izaberi1:hover{
	border-right: 6px solid rgb(235,190,000);
		border-top: 6px solid rgb(235,190,000);

	
background-color: rgba(255,255,255,1.0);
	


}

div#izaberi1 h1{
	font-family: Verdana;
	font-weight: bold;
	font-size: 38px;
	color:rgb(020,045,125);
  	margin: 0;
  	position: absolute;
  	top: 40%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
	transition: transform 0.9s;
}
div#izaberi1 h1:hover{
text-shadow: 1px 1px 22px #ccc;
	cursor: pointer;
 	text-shadow: 0px 0px 21px rgb(235,190,000);
	
		
}

div#izaberi1 p{
	font-family: Verdana;
	font-size: 18px;
	color:#ccc;
  	margin: 0;
  	position: absolute;
  	top: 70%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
}

div#objektfont{
width: 100%;
background-color: rgba(020,045,125,0.7);
		color:#fff;

	font-family:verdana;
	font-size:16px;
	text-align:center;
	
}

div#objektfont img{
width: 50%;

}

iframe {
  width: 85%;
  height: 660px;

}












/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(020,045,125, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(020,045,125, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}