* {
		margin:0;
		padding:0;
	}

	html{
		height:100%;
		}

body {
	margin: 0;
	font-size: 16px;
	letter-spacing: 0.2px;	 
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	}

.topnav {
  overflow: hidden;
  background-color: #3c9472;
  width:100%;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #4CAF50;
  color: #2b2b2b;
}

.topnav a:hover {
  background-color:#8fce91;
  color:#2b2b2b;
}


	.aside {
		background-color: #33b5e5;
		padding: 15px;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	}
	
	.footer {
		background-color: #0099cc;
		color: #ffffff;
		text-align: center;
		font-size: 12px;
		padding: 15px;
	}

	
	hr {
		border-top: 1px solid #ddd;
		margin:5px 0;
		color:#ddd;
		background:#eee;
	}
	
	#omotac{
		*background:#00ff00;
		width:96%;
		color:#666;
		margin: 0;
		padding:20px 2%;
	}
	
	#clanak{				   /* clanak u CMS kako izgleda na webu */
		*background:#ffff00; 
		width:58%;
		margin:0 auto;
		color:#666;
	}
	
		.container {			/* okvir za naslovnu sliku */
		  position: relative;
		  margin: 5px auto; 
		  z-index: -1;
		}

		.container img {vertical-align: middle;}

		.content {
		  position: absolute;
		  bottom: 0;
		  background: rgb(0, 0, 0); 
		  background: rgba(0, 10, 10, 0.5);
		  color: #fff;
		  width: 96%;
		  font-size:22px;
		  padding: 10px 2%;
		}	
		
		.unos_slike{
			height:200px;
			*background:#77ff77;
			cursor:pointer;
			padding-top: 50px;
			text-align:center;
			border: 1px solid #777;
		}
	
	
	h1, h2, h3, h4, h5 p{
		margin:0;
		color:#666;
	}
						
					
			table{ 
				width:100%;
				border-collapse: collapse;						
				padding:3px;	
				border: 1px solid #eee;				
				}	
 
			.table th{  
				font-size:14px;	 		
				padding:6px 3px;	
				border: 1px solid #eee;				
				}
				
			.table td{  
				font-size:13px;  	
				padding:3px;	
				border: 1px solid #eee;				
				}
				
			.table tr:hover{
				background-color: #00ffff; 
				z-index:1;
				
			}
											 				
			.table tr:nth-child(even) {
				background-color: #eee;		
				} 
				
			.table tr:nth-child(even):hover {
				background-color:  #00ffff;	
				} 
				

			.formUnos{ 
				width:90%; 
				padding: 20px 40px;	 		  
				border-radius: 10px;
				box-shadow: 10px 7px 30px #777;	
				background:#eee;
				margin:10px auto; 
				color:#000080;
			}

			select{
				width:100%;	 		
				font-size:14px;	  
				padding:8px 2%;  
				color:#000080;
				border: 1px solid #ccc;
				border-radius: 5px;
				*box-sizing: border-box;	
				cursor: pointer; 
				*background:#fff; 
			} 				
				
				.select{ 
					width:45px;	
					padding: 12px 0;
					border: 1px solid #ccc;
					border-radius: 5px;
					font-size:14px;	
					box-sizing: border-box;	
					cursor: pointer;
					background:#fffccc;
					font-weight:900;
				}		

				input[type=text]{
					width: 100%;
					padding: 8px 10px;
					*margin: 8px 0;
					border: 1px solid #ccc;
					border-radius: 5px;
					box-sizing: border-box;
				}	
				
				.datum_start{ 
					width: 100%;
					padding: 8px 10px;
					border: 1px solid #ccc;
					border-radius: 5px;
				}				

				input[type=password]{
					width: 100%;
					padding: 8px 10px;
					*margin: 8px 0;
					border: 1px solid #ccc;
					border-radius: 5px;
					box-sizing: border-box;
				}				

				input[type=file]{
					width: 100%;
					font-size:18px;
					font-weight:600;
					padding: 12px 20px;
					border: 1px solid #ccc;
					border-radius: 7px;
					box-sizing: border-box; 
					background:#ffffaa;					
				}
				
				.button_prijava[type=file] {
					width: 20%; 
					background-color:#00a000; 
					font-size:20px;	
					font-weight:bold;										
					color:#fff;
					padding:15px;
					margin: 18px 0;					
					border: none;					
					border-radius: 5px;					
				}  
				
				.button_prijava[type=submit] {
					width: 100%; 
					background-color:#00a000; 
					font-size:20px;	
					font-weight:bold;										
					color:#fff;
					padding:15px;				
					border: none;					
					border-radius: 5px;
					-webkit-box-shadow: 0 0 30px #444;
					-moz-box-shadow:0 0 30px #444;
					box-shadow:3px 3px 15px #444;					
				}				

				.button_prijava[type=submit]:hover {					
					background-color:#00cd00;	  					
					-webkit-box-shadow: 0 0 -5px #333;
					-moz-box-shadow: 0 0 5-px #333;
					box-shadow:  0 0 5px #333;					
					transition: 0.3s ease-in-out;						
				}									

					input[type=checkbox] {
					  width: 32px;
					  height: 30px;
					  *margin-right: 8px;
					  cursor: pointer;
					  font-size: 22px;
					border-radius: 5px;   
					}
										

				.check{
					width:25px;
					height:25px;				
					border: 3px solid #00ff00; 
					border-radius: 5px;
					box-sizing: border-box;
				}					


					input[type=checkbox]:after {
						content: " ";
						*padding:0 7px;
						background-color: #ff0000;
						color:#fff;
						display: inline-block;
						visibility: visible;
						border: 1px solid #ccc;	
						border-radius: 5px; 	
					}

					input[type=checkbox]:checked:after {
					  width: 23px;
					  height: 30px;
					  padding-left:6px;
					  cursor: pointer;
					  font-size: 22px;
						border-radius: 5px;  						
						content: "\2714";
					}
					
				.input_trazi[type=text]{
					float:left;
					width: 175px;
					margin: 5px 30px;
					border: 1px solid #ccc;
					border-radius: 3px;
					box-sizing: border-box;  
					background:#ffffcd;
				}					
					
				.button {
					float:right;
					min-width: 160px;	
					font-weight: bold;						
					line-height: 18px;	
					font-size:15px;		
					text-decoration: none;
					color: white;	
					text-align:center; 					
					padding: 5px 5px;
					margin:5px 1px;
					border: 1px solid #eee;	
					border-radius: 5px;					
					cursor: pointer;
						background: -webkit-linear-gradient(#00ffff, #0000cd); /* For Safari 5.1 to 6.0 */
						background: -o-linear-gradient(#009fff, #000080); /* For Opera 11.1 to 12.0 */
						background: -moz-linear-gradient(#009fff, #0000cd); /* For Firefox 3.6 to 15 */
						background: linear-gradient(#00ffff, #0000cd); /* Standard syntax */								
				}		

				.button:hover {
					float:right;	
					text-decoration: none;
					color: white;	
					text-align:center; 					
					border: 1px solid #eee;	
					border-radius: 5px;					
					cursor: pointer;
						background: -webkit-linear-gradient(#009fff, #000070); /* For Safari 5.1 to 6.0 */
						background: -o-linear-gradient(#009fff, #000080); /* For Opera 11.1 to 12.0 */
						background: -moz-linear-gradient(#009fff, #000080); /* For Firefox 3.6 to 15 */
						background: linear-gradient(#009fff, #000070); /* Standard syntax */
				}
				
				.button_slika{
					font-size:16px;
					width:100%;
					background:#ff0000;
					color:#fff;
					padding:6px 0;
					font-weight:800;
					cursor:pointer;			
				}
				
				.button_slika:hover {
					background:#8a0000;
					cursor:pointer;
				}				
				
				.button_prijava[type=submit] {
					width: 100%; 
					background-color:#00a000; 
					font-size:20px;	
					font-weight:bold;										
					color:#fff;
					padding:9px;
					margin: 18px 0;					
					border: none;					
					border-radius: 5px;
					-webkit-box-shadow: 0 5px 15px #888;
					-moz-box-shadow:0 5px 15px #888;
					box-shadow:0 5px 15px #888;					
				}				

				.button_prijava[type=submit]:hover {					
					background-color:#00cd00;	  					
					-webkit-box-shadow: 0px 1px 1px #333;
					-moz-box-shadow: 0px 1px 1px #333;
					box-shadow: 0px 1px 1px #333;					
					transition: 0.3s ease-in-out;						
				}				

				.button_odustani {
					float:right;
					min-width: 160px;	
					font-weight: bold;						
					line-height: 18px;	
					font-size:15px;		
					text-decoration: none;
					color: white;	
					text-align:center; 					
					padding: 5px 5px;
					margin:5px 1px;
					border: 1px solid #eee;	
					border-radius: 5px;					
					cursor: pointer;
						background: -webkit-linear-gradient(#ff4500, #cd0000); /* For Safari 5.1 to 6.0 */  
						background: -o-linear-gradient(#ff4500, #cd0000); /* For Opera 11.1 to 12.0 */
						background: -moz-linear-gradient(#ff4500, #cd0000); /* For Firefox 3.6 to 15 */
						background: linear-gradient(#ffa000, #cd0000); /* Standard syntax */ 	 						
				}				

				.button_odustani:hover {
					float:right;	
					text-decoration: none;
					color: white;	
					text-align:center; 					
					border: 1px solid #eee;	
					border-radius: 5px;					
					cursor: pointer;
					background: #ff0000; 
				}				
		
		.error{
			color:red;
			font-weight:600;
		}

		.slike_zbirno{           /* baza slika prikaz */
			max-width:15%;
			min-height:300px; 			
			max-height:300px; 
			background:#efffff;
			color:#888;
			float:left;
			margin:1% .8%;
			padding:10px;
			-webkit-box-shadow: 2px 2px 20px #888;
			-moz-box-shadow: 2px 2px 20px #888;
			box-shadow:  2px 2px 20px #888;							
			}

		.slika_prikaz{           /* baza slika prikaz */
			background:#efffff;			
			width:50%;
			color:#888;
			margin:1% auto;
			padding:10px;
			-webkit-box-shadow: 2px 2px 20px #888;
			-moz-box-shadow: 2px 2px 20px #888;
			box-shadow:  2px 2px 20px #888;							
			}	

		.bg_red{
			background:yellow; 
			color:red; 
			font-weight:900;
			}	
			
		.bg_naslov{			
			color:#ff0000; 
			font-weight:900;
			}

			label{ 
				color:#666;
				font-weight:550;	 
				font-size:16px; 
			}
			
			.div_label_prikaz{
				font-size:15px; 
				padding:8px 15px;
				border: 2px solid #ddd;
				border-radius: 5px;	
				background:#fffff0;
			}

	.respon_50{
		width:100%;
	}
	
	form{
		width:60%;
		background:#eeeeee;
		border:1px solid #999;
		border-radius:10px;
		box-shadow:5px 5px 25px #666;
		margin:20px auto;
		padding:30px;
	}

	label{
		*padding-top:50px;
	}

	input{
		padding:5px;
		width:96%;	
		margin-bottom:10px;
	}