html{
		height:100%;
	}
	
	*{
		margin:0;
		padding:0;
	}
	
	body {
		font-family: 'Montserrat', sans-serif;
		font-size:12pt;
		width:100%;	
		height:100%;	
		margin:0;
		padding:0;	
	}

	
	#podnaslov{
		padding:0 5% 0 5%;
	}
	
	@media only screen and (max-width: 900px){
		#podnaslov {
			padding:30px 5%;												
		}
		h1{font-size:13pt;}
		h2{font-size:12pt;}
		h3{font-size:11pt;}
		h4{font-size:10pt;}
		p{font-size:10pt;}
	}		

	
	.logo{
		width:160px;
		height:40px;
	}		

				
		.topnav {
		  overflow: hidden;
		  z-index:1;
		  position: fixed;
		  top: 0;
		  width: 100%;	
		  background:#fff;
		  box-shadow:0 1px 10px #bbb;			  
		}					

				.topnav a {
				  font-family: 'Montserrat', sans-serif;
				  float: left;
				  display: block;
				  color: #fff;
				  text-align: center;
				  padding: 11px 13px;
				  text-decoration: none;
				  font-size: 16px;
				  *font-weight:600;
				  letter-spacing: 1px;
				  color:#444;
				}

				.topnav .icon {
				  display: none;
				  padding:11px ;
				}

				.dropdown {
					float: left;
					overflow: hidden;
				}

				.dropdown .dropbtn {
					font-size: 16px;    
					border: none;
					outline: none;
					color: white;
					padding: 11px 16px;
					background-color: inherit;
					font-family: inherit;
					margin: 0;
				}

				.dropdown-content {
					display: none;
					position: absolute;
					background-color: #f9f9f9;
					min-width: 160px;
					box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
					z-index: 1;
				}

				.dropdown-content a {
					float: none;
					color: black;
					padding: 11px 16px;
					text-decoration: none;
					display: block;
					text-align: left;
				}

				.topnav a:hover, .dropdown:hover .dropbtn {
				  background-color: #003355;
				  color: white;
				}

				.dropdown-content a:hover {
					background-color: #ddd;
					color: black;
				}

				.dropdown:hover .dropdown-content {
					display: block;
				}

				@media screen and (max-width: 1000px) {
				  .topnav a:not(:first-child), .dropdown .dropbtn {
					display: none;
				  }
				  .topnav a.icon {
					float: right;
					display: block;
				  }
				}

				@media screen and (max-width: 1000px) {
				  .topnav.responsive {position: fixed;}
				  .topnav.responsive .icon {
					position: fixed;
					right: 0;
					top: 0;
				  }
				  .topnav.responsive a {
					float: none;
					display: block;
					text-align: left;
				  }
				  .topnav.responsive .dropdown {float: none;}
				  .topnav.responsive .dropdown-content {position: relative;}
				  .topnav.responsive .dropdown .dropbtn {
					display: block;
					width: 100%;
					text-align: left;
				  }
				}
				
				
				

										/* naslovna index portala */

												#index_naslovna{			
													width:100%;	
													padding-top:50px;	
													}														

										/*naslovna slika prva */		

												.index_img {
													width:100%;
													position: relative;	
													min-height:260px;
													background-image: url('../slike/kadus_1.jpg');					
													}
													
												@media only screen and (max-width: 600px) {
												 .index_img { 
													background-image: url('../slike/kadus_1.jpg');	
												  }
												#index_naslovna{			
													width:100%;
													}
												}

												.text-block_index {
													position: absolute;
													min-width:280px;
													*left:5%;
													bottom: 25%;
													background: rgb(0, 0, 0); /* Fallback color */
													background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */	
													color: white;
													text-align:left;
													padding: 20px;
													border-radius:5px;
												}

												.text-block_index h3{
													color:#fff;
													font-size:25px;
													text-align:center;
													font-weight:600;												
												}

												.index_prijava{
													width:78%;
													margin:15px 11%;
													background:red;
													color:#fff;
													padding:8px 8px;
													font-size:17px;
													font-weight:600;
													border: #dd0000 solid 1px;	
													border-radius: 10px;					
													box-shadow:0 0px 20px #fff;
													color: #fff;
													background: -webkit-linear-gradient(#ff2222, #660000);
													background: -o-linear-gradient(#ff3333, #660000);    
													background: -moz-linear-gradient(#ff3333, #660000);     
												    background: linear-gradient(#ff2222, #660000);        
												}
												
												.index_prijava:hover {			
													box-shadow:0 1px 1px #999;					
												    background: -webkit-linear-gradient(#550000, #ff0000); 
												    background: -o-linear-gradient(#550000, #ff0000);     
												    background: -moz-linear-gradient(#550000, #ff0000);    
													background: linear-gradient(#550000, #ff0000); 
													transition: 0.4s ease-in-out;						  
													}
													
													
													
		.respon_33 {	   				  /* form responese aplikacija i hr  */
			margin:5px 3% 15px 3%;
			float: left;
			width: 27.3%;				 					
		}	

		@media only screen and (max-width: 900px){
			.respon_33 {
				width: 99%;
				margin:5px .2%;				
			}
		}

		.respon_33 label{
			display:block;
			margin:0;
		}
		
		
		.respon_250 {	   				 
			margin:5px 0.8% 15px 0.8%;
			float: left;
			width: 23.3%;				 					
		}	

		@media only screen and (max-width: 600px){
			.respon_250 {
				width: 99%;
				margin:5px .2%;				
			}
		}

		.respon_250 label{
			display:block;
			margin:0;
		}		
			
																				

						.respon_50_naslovna { 
							padding:20px 0; 
							float: left;
							width: 48%;
							text-decoration:none;
							margin:1%;
							min-height:380px;							
						}
						
						
						@media only screen and (max-width: 600px){
							.respon_50_naslovna { 
							padding:20px 5%;
							width: 90%;	
							*margin:5%;
							}
						}

						.respon_50_naslovna h1 {
							color:#0099dd;
							font-size:30px;
							text-align:center;
							margin:10px 0 ;
						}
						
						.respon_50_naslovna h2 {
							color:#0099dd;
							font-size:20px;
							text-align:center;
							font-weight:800;
							padding-top:5px;							
						}						

						.respon_50_naslovna h3 {
							color:#0099dd;
							font-size:18px;
							text-align:center;
							font-weight:400;
							padding-top:6px;
						}
						
						.respon_50_naslovna h4 {
							color:#0099dd;
							font-size:15px;
							text-align:center;
							margin:3px 0 ;
							font-weight:100;
						}

						.respon_50_naslovna h5 { 
							color:#0099dd;
							font-size:18px;
							text-align:center;
							font-weight:100;
							padding-bottom:8px;
						}

						.respon_50_naslovna h6 { 
							font-family: 'Montserrat', sans-serif;
							background:#006699;
							font-weight:100;
							color:#fff;
							font-size:25px;
							padding:10px;
							text-align:center;
							margin:10px 0 ;
							border-radius:6px;
							box-shadow:0 3px 20px #555;	
							transition: .5s ease-in-out;							
						}

						.respon_50_naslovna h6:hover {
							background:#000050;							
							text-align:center;
							text-decoration:none;
							box-shadow:0 0 0 #fff;									
						}						

						.respon_50_naslovna p {
							color:#0099dd;
							font-size:1.2vw;
							margin:5px 0 ;
						}	

						.respon_50_naslovna a {
							color:#000033;
							font-weight:600;
							margin:5px 0 ;
							text-align:center;
							text-decoration:none;
						}	

						.respon_50_naslovna a:hover {
							color:orange;
							text-align:center;
							text-decoration:none;
						}


				
					/* sadrzaj u responu */

						.naslov_respon_33{
							*background:#000033;
							text-align:center;
							text-decoration:none;	
							border-radius:8px;
							box-shadow: 0 0 10px 0px #0066bb;
							margin-bottom:15px;
						}
						
						.naslov_respon_33 a {
							color:#000033;
							*font-weight:700;
							margin:5px 0 ;
							text-align:center;
							text-decoration:none;
						}							
						

						.naslov_respon_33 h1 {
							color:#fff; 
							margin:0;
							font-weight:900;						
							text-align:center;
							*background:#2266cc;
							border-radius:8px;							
						}

						
						
						.naslov_respon_33:hover {
							*color:#000033;
							text-align:center;
							text-decoration:none;
							background:#fff;							
							box-shadow: 0 0 0 1px #fff;	
							transition: .5s ease-in-out;

						}
						
						.naslov_respon_33 h1:hover {
							*color:#000055;
							text-align:center;
							text-decoration:none;
							transition: .5s ease-in-out;
						}
						
						/*podnaslov    proizvodi */				

													.podnaslov_25 {
														background:#006699; 
														float: left;
														width: 21%;
														min-height:240px;
														margin:1%;							
														text-decoration:none;
														padding:10px 1%;
														box-shadow:0 0px 15px #000;
													}

													.podnaslov_25:hover {
														transition: .5s;
														box-shadow:0 0px 0px #fff;
														opacity: .9;	
													}	
													
													@media only screen and (max-width: 1100px){
														.podnaslov_25 {
															width: 48%;
															margin: 0;
															float: left;
															box-shadow:0 0px 0px #fff;		
														}
													}													
													
													@media only screen and (max-width: 800px){
														.podnaslov_25 {
															width: 90%;
															margin: 5%;												
														}
													}													
													
													
													.podnaslov_25 h1{
														color:#fff;
														font-size:45px;
														text-align:center;
														margin:15px 0;
														opacity: 0.6;							
													}
																									
													
													.podnaslov_25 h2, .podnaslov_25 a {
														font-family: 'Montserrat', sans-serif;
														color:#fff;
														font-size:20px;
														text-align:center;
														font-weight:100;
														padding:15px 0;
														text-decoration:none;
													}	

													.podnaslov_25 a:hover, .podnaslov_25 h2:hover {
														color:#ccc;
														font-size:20px;
														font-weight:900;
														text-decoration:none;
													}													

													.podnaslov_25 h3 {
														color:#fff;
														font-size:1.5vw;
														text-align:center;
														font-weight:500;
														padding:5px 0;
													}						
												
													.podnaslov_25 a {										
														text-align:center;
														text-decoration:none;
													}
						
													.podnaslov_25 h6 {
														font-family: 'Montserrat', sans-serif;
														width:80%;
														margin:15px 10%;											
														color:#fff; 
														padding:9px 5px ;							
														font-size:16px;
														font-weight:100;						
														text-align:center;	
														border-radius: 8px;					
														box-shadow:0 0px 12px #fff;
														opacity: 0.6;
													}
													
													.podnaslov_25 h6:hover {
														box-shadow:0 0px 1px #ddd;							
														text-decoration:none;
														padding:8px 5px ;
														font-size:15px;	
													    font-weight:600;	
														transition: .2s ease-in-out;	
														opacity: 1;														
													}	

													@media only screen and (max-width: 900px){
														.podnaslov_25 h6{
														width:80%;
														margin:15px 10%;											
														color:#fff; 
														padding:8px 5px ;							
														font-size:17px;
														*font-weight:600;						
														text-align:center;	
														border-radius: 8px;					
														box-shadow:0 0px 12px #fff;			
														}
													}													

														
														
						/*naslovna proizvodi */				

													.respon_25 {
														background:#fff;
														box-shadow: 0px 0px 20px #ddd;	 
														float: left;
														width: 19%;
														min-height:200px;
														margin: 2%;
														text-decoration:none;
														padding:20px 1%;
														border-radius:9px;
													}

													.respon_25:hover {
														box-shadow: 0px 0px 1px #aaa;
														background:#bbffff;
														color:#fff;
														transition: 1s;
													}	
													
													@media only screen and (max-width: 600px){
														.respon_25 {
															width: 80%;
															margin:5% 10%;												
														}
													}

													.respon_25 a{	 
														float: left;
													}													
													
													
													.respon_25 h1 {
														color:#1199cc;
														font-size:38px;
														text-align:center;
														margin:30px 0;
													}
																									
													
													.respon_25 h2 {
														font-family: 'Montserrat', sans-serif;			
														color:#1199cc;
														font-size:18px;
														text-align:center;
														font-weight:100; 
														padding:5px 0;
														text-decoration:none;
													}						

													.respon_25 h3 {
														color:#fff;
														font-size:1.5vw;
														text-align:center;
														font-weight:500;
														padding:5px 0;
													}
													
													.respon_25 h4 {
														color:#fff;
														font-size:1.5vw;
														text-align:center;
														font-weight:200;
														padding:3px 0;
													}						

													.respon_25 p {
														color:#fff;
														font-size:1.2vw;
														margin:5px 0 ;
													}	

						/*naslovna proizvodi 50 */				

													.respon_proizvodi_50 {
														box-sizing: border-box;
														background:#fff;	 
														float: left;
														width:50%;
														min-height:300px;
														margin:0 ;
														text-decoration:none;
														padding:30px 0;
														box-shadow: 0px 0px 1px #aaa;
													}

													.respon_proizvodi_50:hover {
														box-shadow: 0px 0px 1px #aaa;
														background:#bbffff;
														color:#fff;
														transition: 1s;
													}	
													
													@media only screen and (max-width: 900px){
														.respon_proizvodi_50 {
															width: 80%;
															margin:5% 10%;												
														}
													}

													.respon_proizvodi_50 a{	 
														float: left;
													}													
													
													
													.respon_proizvodi_50 h1 {
														color:#fff;
														font-size:45px;
														text-align:center;
														margin:30px 0;
													}
																									
													
													.respon_proizvodi_50 h2 {
														font-family: 'Montserrat', sans-serif;			
														color:#fff;
														font-size:25px;
														text-align:center;
														font-weight:100; 
														padding:5px 0;
														text-decoration:none;
													}																		

				/*footer*/
						
						
		.respon_33_footer {
			font-family: 'Montserrat', sans-serif;
			background:#003355;	 
			padding:15px 2%; 
			float: left;
			width: 33.3%;
			min-height:210px;	
			opacity: 1.2;
		}
						

						.respon_33_footer h1 {
							color:#fff;
							font-size:30px;
							text-align:center;
							margin:10px 0 ;
						}
						
						.respon_33_footer h2 {
							color:#fff;
							font-size:22px;
							text-align:left;
							font-weight:100;
							padding-top:5px;
							margin-left:30px;
						}						

						.respon_33_footer h3 {
							color:#fff;
							font-size:22px;
							text-align:left;
							font-weight:900;
							padding:6px 0;
							margin-left:30px;
						}
						
						.respon_33_footer h4 {
							color:#fff;
							font-size:14px;
							text-align:left;
							margin:3px 0 0 30px;
							font-weight:100;
						}

						.respon_33_footer h5 {
							color:#fff;
							font-size:15px;
							text-align:left;
							margin:10px 0 10px 30px;
							font-weight:100;
						}

						.respon_33_footer hr {
							margin:10px 0;
							}					

						.respon_33_footer p {
							color:#fff;
							font-size:1.2vw;
							margin:5px 0 ;
						}	

						.respon_33_footer a {
							color:#000033;
							font-weight:900;
							margin:5px 0 ;
							text-align:center;
							text-decoration:none;
						}	

						.respon_33_footer a:hover {
							color:orange;
							text-align:center;
							text-decoration:none;
						}	


									.icon-barr {
										width:90%;
										margin: 40px 5% 0 5%;
									    text-align: center;										
									}

									.icon-barr a {
									  display: inline;
									  text-align: center;
									  transition: all 0.3s ease;
									  font-size: 60px;
									  color:#fff;
									  margin-right:15px;
									}
															
									.icon-barr a:hover {
									    color:#6699dd; 						  
									}	

						@media only screen and (max-width: 900px){
							.respon_33_footer { 
							padding:15px 3%;							
							width: 94%;											
							}
							.icon-barr a {	
								font-size: 40px;
							}	
						}									

					/* index respon 50% prijava */											
						.respon_50 { 
							float: left;
							width: 44%;
							padding:20px 0;
							margin:5px 3% 15px 3%;
						}
						
						@media only screen and (max-width: 900px){
							.respon_50 { 
								width: 99%;
								padding:5px 0;
								margin: 15px .2%;											
							}
						}	

								.respon_100 {	   				  /* form responese aplikacija i hr  */
									margin:5px 3% 15px 3%;
									width: 94%;				 					
								}

								@media only screen and (max-width: 900px){
									.respon_100 { 
										width: 99%;
										margin:5px .2%;											
									}
								}			

	#wrapper{
		font-family: 'Montserrat', sans-serif;	
		font-size:16px;
		padding:10px 5%;
		width:100%;
		*height:95%;
		}
		
	#wrapper_oglas{
		font-family: 'Montserrat', sans-serif;	
		font-size:15px;
		padding:20px 40px;
		width:94%;
		margin:10px auto;
		border-radius:15px;
		box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.5);
		}		
		
	#oglas_naslovna{
		padding:30px 5% 20px 5%;
		width:90%;
		height:95%;
		}

		@media only screen and (max-width: 600px){
			#oglas_naslovna { 
				padding:30px 2%;
				width:96%;											
			}
			#wrapper_oglas{
				padding:0px 3% 20px 3%;
				width:98%;	
                font-size:12px;	
				margin:0 auto
			}
			#wrapper_oglas p{
				font-size:12px;
			}
			
		}			
		
	.wrapper_unos{
		padding: 0px 3% 50px 3%;
		width:100%;
		margin:10px auto ;
		height:95%;
		}

	@media only screen and (max-width: 600px){
		.wrapper_unos { 
			padding:10px 0;
			width: 94%;	
			margin:3%;
		}
	}		
		
	#wrapperduzi{
		padding:10px 3% 0 3%;		
		width:100%;
		overflow:auto;
		z-index:-1;		
		}		

	#contentduzi{
		margin:0 auto;
		width:100%;
		*height:85%;	
		overflow:auto;				
		}		
		
	#content{
		margin:0 auto;
		width:100%;
		height:87%;
		
		}
		
	#oglasi_index{
		width:90%;		
		margin:0 5%;
		}

	#oglas{
		padding:30px 5% 20px 5%;
		width:90%;
		text-align:center;
		}

	#oglas h2{
		font-size:18pt;	
		font-weight:900;
		color:#000066;
	}

		#oglas a:hover {
			color:orange;
			text-align:center;
			text-decoration:none;
		}
	
	#oglas_mali{
		padding:10px;
		border:1px solid #ddd;
		border-radius:8px;
		box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);		
	}
	
	#oglas_mali:hover{
		background:#fff;
		box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);		
	}

	
	#oglas_mali h5{
		font-weight:800;
	}	
		
	#proizvodi{
		width:50%;		
		margin:30px auto;
		}
		
		@media only screen and (max-width: 900px){
			#proizvodi {
				width: 100%;												
				}
			}		
		
	.index_proizvodi_p{ 
		font-size:45px; 
		font-family: 'Open Sans', sans-serif; 
		font-weight:900;
		color:#aaa;	
		margin-bottom:40px;
		text-align:center;
		}		
		
		#start{
			margin: auto;	
			padding: 0px 50px 20px 80px;			
			*width:100%;
			*height:87%;
			float:left;			
		}		
				
		#oglasi{
			margin:0 auto;	
			padding: 0 60px 30px 40px;			
			width:500px;
			height:100%;
			float:left;
		}		

		#popis_poslova {
			margin:0 auto;	
			padding: 0 0px 30px 0px;			
			height:100%;				
		}
						
		#left{
			float:left;
			width:20%;
			height:100%;	
			}
			
		#right{
			width:100%;
			height:100%;			
			}	
		
		#footer{
			background:#003355;	
			color:#fff;
			clear:both;	
			}	
		

	
p {color:#666; font-size:13pt;}
ul {list-style: circle; margin:10px 30px;}
li { margin-left: 30px;} 

.red {color: #ff0000;font-weight:600;}
.obavezan {color: #8b0000;font-weight:600;font-size:14.5px;}
.grey {color: #ddd; font-weight:600;}
.blue {background-color: #fff; color: #6699cc;}
.green {background-color: #fff; color: #7b8a18;}
.brown {background-color: #fff; color: #b68113; font-weight:600;}
.grey {background-color: #fff; color: #4e4e50;}

.columnOne {float: left; width: 500px; margin-left: 10px;}
.columnTwo {float: left; width: 360px; margin-left: 10px;}

.imgPadding {float: left; padding-right: 10px;}
.noJustify {text-align: left;}
.bigA {font-size: 24px; background-color: #fff; color: #b68113; font-weight: bold;}
.tablePopis {width: 100%;text-align:center;}
.underline {text-decoration: underline; font-weight: bold;}



img.logo:hover {
	cursor: pointer;
	}
	
img{
	border:0;
}
.prored {
	line-height:20pt;
	}

.width200{
	width:200px;
	}

.width400{
	width:400px;
	}
	
}
.b
{
	color:#87AFBE;
}
a.g
{
	color:#A2A2A2;
	text-decoration:underline;
}
.copy
{
	color:#B7B7B7;
	font-family:Verdana;
	font-size:9px;
	text-transform:uppercase;
}
a.copy
{
	color:#B7B7B7;
	text-decoration:none;
}
.t10
{
	font-size:10px;
}

.stil1 {
	margin: 5px;
	list-style-type: disc;
}
.stil2 {
	margin: 5px;
	list-style-type: none;
	text-indent: -10px;
}

li.strelica {
	margin:10px;
	vertical-align: middle;
	list-style-image: none;
	list-style-type: none;
}

li.strelica li {
	list-style-type: disk;
	list-style-image: none;
}

li.strelica li li{
	list-style-type: disk;
	list-style-image: none;
}

.poruka {
	color: #993300;
	font-size: 10px;
	font-weight: bold;


}
ul.onama {
	font-weight: bold;
}

/* CSS 2007 */
.greenUnderlineColor {
	color: #99cc00;
	text-decoration: underline;
}
	
label.error {
 display:block;
 color:red;
 *font-style:italic;
 font-size:.75em;
 font-weight:bold;
}

.hide {
	display:none;
}
.show {
	display:block;
}

#frmKontakt label,
#frmPosld label {
	display:block;
	margin-top:10px;
	font-size:15px;
}


table{
	width:100%;
}

form#frmPosloprimac textarea{
	font-family:Arial,Tahoma,Verdana;
	padding:6px 0 6px 6px;
	background-color: #F5F5F5;
	border: 1px solid #C1C1C1;
	width:99%; 	
	height:34px;	
}

form#frmKontakt textarea{
	font-family:Arial,Tahoma,Verdana;
	padding:6px 0 6px 6px;
	background-color: #F5F5F5;
	border: 1px solid #C1C1C1;
	width:98%; 	
	height:84px;
    margin-bottom:5px;	
}

form#frmPosld textarea{
	font-family:Arial,Tahoma,Verdana;
	padding:6px 0 6px 6px;
	background-color: #fff;
	border: 1px solid #C1C1C1;
	width:99%; 
	font-size:16px;
}	
	

form#frmPosloprimac select,
form#frmPosld select,
form#frmKontakt select{
	width:100%; 
	height:38px;
	font-size:16px;
	font-weight:200;
	padding-left:26px;
	border:1px solid #ccc;
	border-radius:3px;		
}

form#frmPosloprimac input,
form#frmPosld input,
form#frmKontakt input{
	width:98%; 
	height:34px;
	font-size:16px;
	font-weight:200;
	padding-left:2%;	
	border:1px solid #ccc;
	border-radius:3px;		
}

			input:focus{
				background-color:#fff999;	
				cursor: pointer; 					
			}

			select:focus{
				background-color:#fff999;				
			}
			
			textarea:focus{
				background-color:#fff999;				
			} 
			

input[type=checkbox]{
	width:30px;
	height:30px;
}

form#frmPosloprimac fieldset {
	border:0;
	font-family:Arial;

}
form#frmPosloprimac h4 {
	margin:10px 0;
	color:green;
}

form#frmKontakt input[type=submit]{
	width:35%;
	position: absolute;
	padding:10px 0;
	background:green;
	color:#fff;
	font-size:16px;
	font-weight:800;
	border-radius:8px;
	height:45px;
	margin:5px 0;
	cursor:pointer; 
	*z-index:2;
}





.errkontakt{
	color:red;	
}

.unos_zivotopisa{
	width:60%;
	margin:50px 0 0	20%;	
	padding:10px 15px;
	background:green;
	color:#fff;
	font-size:16px;
	font-weight:800;
	border-radius:8px;
	height:45px;
	cursor:pointer; 
}

.unos_zivotopisa:hover{
	background:lime;	
	color:#000022;
}




form#frmPosld input[name=odustani]{
	padding:10px 0;
	background:orange;
	color:#fff;
	font-size:16px;
	font-weight:800;
	border-radius:8px;
	height:45px;
	margin:10px 0;	
}

form#frmPosld input[name=odustani]:hover{
	background:#ff0000;	
}

form#frmKontakt label {
	margin-top:4px;
}


#povratak{
	padding:6px 35px;
	background:orange;
	color:#fff;
	font-size:16px;
	font-weight:600;
	border-radius:8px;
	*height:45px;
	margin:3px 0;
	cursor:pointer; 
	border:1px solid orange;
}

#povratak:hover{
	background:#CD950C;	
}


.obavezan-unos{	
	color:#993300;
}
.sivi-blok{
	background-color:#f1f1f1;
}
.width500{
	width:50%;
}
.width220{
	width:50%;
}
.right{
	text-align:right;
}
iframe{
	border:0;
	width:100%;
	height:400px;
}
form#frmFiles input[type=file]{
	font-family: Arial,Verdana,Tahoma,sans-serif;
	font-size:1em;
}
form#frmFiles input[type=submit]{
	font-family: Arial,Verdana,Tahoma,sans-serif;
	font-size:0.85em;
}

p.success {
	background-color:green;
	font-size:1em;
	font-weight:800;
	padding:20px;
	color:#FFFFFF;
}
span.success {
	display:block;
	background-color:#65BA7B;
	font-size:0.9em;
	padding:20px;
	color:#FFFFFF;
}
p.error{
	background-color:#D93030;
	font-size:1em;
	padding:20px;
	color:#FFFFFF;
}
span.error {
	display:block;
	background-color:#D93030;
	font-size:0.9em;
	padding:20px;
	color:#FFFFFF;
}
.clearfix {
clear:both;line-height:1px;
}

.plava {
	color:#49ADEB;
}



.margin-left30{margin-left:30px;}
.font-size0-85em{font-size:1em;}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  text-align: left;
  padding:5px;
}





.sphere { 
  width: 230px; 
  height: 230px; 
  border-radius: 50%;
  position: absolute; 
  border: 2px rgb(115,166,183) solid;
  border-radius: 50%;
  transition: background-color 800ms ease-in-out;
  background: rgba(125,184,214, .2);
   transition:width 800ms, height 800ms, border-radius 800ms,left 800ms, top 800ms ;
  -moz-transition:width 800ms, height 800ms, border-radius 800ms,left 800ms, top 800ms;
  -ms-transition:width 800ms, height 800ms, border-radius 800ms,left 800ms, top 800ms;
  -o-transition:width 800ms, height 800ms, border-radius 800ms,left 800ms, top 800ms;
  -webkit-transition:width 800ms, height 800ms, border-radius 800ms,left 800ms, top 800ms;
}

.sphere:hover {
  transition: background-color 800ms ease-in-out;
  background: rgb(115,166,183);
  color: #ffffff;
  z-index: 999;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 265px; 
  height: 265px;  
}

.one{left:605px; top: 255px;}
.two{left: 567px; top: 373px;}
.three{left: 467px; top: 445px;}
.four{left: 345px; top: 445px;}
.five{left: 245px; top: 370px;}
.six{left: 207px; top: 255px;}
.seven{left: 243px; top: 137px;}
.eight{left: 343px; top: 63px;}
.nine{left: 468px; top: 61px;}
.ten{left: 100px; top: 350px;}

.text {
   -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  top: 65px;
  left: 45px;
}

.sphere:hover .text {
  top: 20px;
  left: 100px;
}

.sphere:hover .muscles{
  top: 20px;
  left: 82px;
}

.blurb {
  margin: 2.5em;
  color: rgba(255,255,255,0);
  -ms-transform: scale(.9); 
  -webkit-transform: scale(.9); 
  transform: scale(.9);
  visibility: hidden;
}

.sphere:hover .blurb {
   -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  color: rgba(255,255,255,1);
  visibility: visible;
  
}

.muscles {
  top: 55px;
  left: 10px;
}

.title {
   position: relative;
   top: 80px;
   text-align:center;	
}

.description {
   position: relative;
   text-align:center;
   top: 95px;
}


		#slideshow {
		  background:#000030;
		  *margin-top: 1px;
		  position: relative;
		  width:100%;
		  height:120px;
		}

		#slideshow > div {
		  position: absolute;
		}	
		
.img_back_slideshow {            /* div naslovne slike i bloka */
	width:100%;
	min-height:100%;      
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	background-size:cover; 
}	

.text-block-slideshow {
    position: absolute;
	*width:80%;  
	*height:100%;
    bottom: 0;
    right: 0;
    color: white;
    padding:10px 30px;
	opacity: 0.7;		
}

.text-block-slideshow h3{
	color:#eee;
	font-size:18px;
	margin:0;
}

.text-block-naslovna1{ 
	font-size:20px; 
	margin:0;
	padding:0;
	font-weight:900;
}

.text-success{
	color:#A4CE4C!important;
	color:rgba(164, 206, 76, 1)!important;
}
.border-success.border-bottom{
	border-bottom:1px solid #A4CE4C!important;
}

.btn-success{
	background:rgba(164, 206, 76, 1)!important;
	border:1px solid #A4CE4C!important;
}
.btn-success:hover{
	background:rgba(255, 255, 255, 1)!important;
	border:1px solid #A4CE4C!important;
	color:rgba(164, 206, 76, 1)!important;
}
.text-secondary{
	color:#1C4163!important;
}

.clanak_img_container_index{
	position:relative;
}
.clanak_img_container_index:hover{
	 transform: scale(1.05);
	 transition: all .8s;
	 box-shadow: 0 0 20px #aaa;
}

.clanak_img_container{
	position:relative;
}

.clanak_slika{
	position:relative;
	z-index:-10;
	width:100%;
}
.clanak_tekst{
	position:absolute;
	z-index:-9;
	width:100%;
	height:100%;
	color:#eee;
	background:rgba(0,0,0,0.4);
	bottom:0%;
}