* {
	margin:0;
	padding:0;
	}

	html{
	height:100%;
	}

	body {
		*background:#00ff00;		
		font-family: 'Roboto', 'Open Sans' ;
		font-size: 14pt;	
		color:#777;	
		width:100%;	
		height:100%;	
		margin:0;
		padding:0;	
		overflow:hidden;
	}	
	
		.iconn-bar {
			position: fixed;			
			width: 100%;
			overflow:hidden;
		}  		

		.iconn-bar a {			
			float: left;
			text-decoration:none;			
			width: 14.28%; 
			text-align: center;
			padding: 10px 0;      
			transition: all 0.6s ease;
			color: #fff;
			background-color: #0055aa; 			
			font-family:Arial;			
			font-weight:900;
			font-size:18px;
			box-shadow:  -6px 0 20px -5px #001155;
		}

		.iconn-bar a:hover {
			background-color: #fff;
			color: #000040;	
			box-shadow:  -20px 0 30px -5px #000033;		   	
		}	
		
		.iconn-bar h6{
			font-size:13px;
			margin-top:5px;
			font-weight:800;
			font-family: 'Roboto';
		}	

						.icon-bar {		
							width: 100%;
							position: fixed;
							margin-top:59px;		
							background-color: #fff; 
							box-shadow: 0 10px 10px -1px #bbb;	
							overflow:hidden;
						}

						.icon-bar a {
							float: left;
							text-decoration:none;			
							text-align: center;
							padding: 10px 18px;  
							transition: all 0.3s ease;
							color: #000070;
							font-family:Arial;
							font-size:18px;			
							box-shadow:  -7px 0 7px -6px #777; 
						}

						.icon-bar a:hover {
							background-color: #00bfff;
							*color: #eee;	  
							box-shadow:  -12px 0 15px -4px #666; 							
						}
						
	#index_predmeti{	
		width:100%;	
		min-height:100%;
		padding-top:110px;
		margin-bottom:35px;
		}						

		 /* lijevi meni za clanke i CMS */

			#menu_left{  					
				*background:#00ff00;		
				font-size:13px;	
				float:left;	
				width:23%;	 
				height:88%;	
				}

			* {
			  box-sizing: border-box;
			
			}
			
			.menu_left {
				float:left;
				width:23%;
				text-align:center;
			}		
		
		.na li{	
			*display: block;	
			line-height:22px;							
			letter-spacing: 1px;
			margin:3px 0;
			padding:5px 0;
			color: #fff;
			background: #0055aa;  	     						
		}
		.na li{	
			color: #0055aa;
			background: #fff;  	     						
		}
				
		.na li a{
			display: block;			
			font-size:13px;	
			color: #fff;		
			padding-left:15px;			
			text-align: left;
			text-decoration: none;
			}
	.na li a:hover{	
		color:#0055aa;
	}

	.na li:hover {	
		color: #0055aa; 	
		border:1px solid #0055aa;	
		background-color:#fff;			
		}
		
	#desno{		
		width:75%;
		float:right;
		padding-right: 2%;
		padding-bottom:50px;
		height:450px;
		overflow:auto;				
	}	

	.desno{		
		width:70%;	
		float:left;
		padding: 0 4% ;

	}						
				
			@media only screen and (max-width:500px) {    
			  /* For mobile phones: */
			  .menu_left, .desno {
				width:100%;
			  }
			}

				.tab {
					overflow: hidden;
					color: #777;
					padding-left:10px;	
					margin-bottom:-1.2px;
				}										


				.tab button {
				  background-color: #fefefe;
				  border-radius:5px 5px 0 0;
				  border-top: 1px solid #fefefe;		
				  border-left: 1px solid #fefefe;	
				  border-right: 1px solid #fefefe;
				  color:#333;  
				  float: left;
				  border: none;
				  outline: none;
				  cursor: pointer;
				  padding: 10px 16px 8.5px 16px;
				  font-size: 16px;
				  margin:0 2px;

				}

		
				.tab button:hover {
					border-radius:5px 5px 0 0;	
					background-color: #000040;
					color:#fff;
				}

				.tab button.active {
					background:#fff;
					padding: 9px 16px 10px 16px;	
					border-radius:5px 5px 0 0;
					border-top: 1px solid #ddd;		
					border-left: 1px solid #ddd;	
					border-right: 1px solid #ddd;	
					color:#000020;
					font-weight:600;
				}
													

				.tabcontent {
				  display: none;
				  font-size:16px;
				  *background:#f9f9f9;
				  padding: 30px 30px 50px 30px;
				  border: 1px solid #ddd; 
				  border-radius:5px;
				  *box-shadow:-1px -1px 20px #ddd;
				}