@font-face{
		font-family:Broadway;
		src: url('broadw.ttf');
	}

	@font-face{
		font-family:BerlinSans;
		src: url('brlnsr.ttf');
	}	
	
	/*Za Internet Explorer*/
	@font-face{
		font-family:Broadway;
		src: url('broadw.eot');
	}

	@font-face{
		font-family:BerlinSans;
		src: url('brlnsr.eot');
	}
	h2.gradnik-naslov{
		font-family:Broadway;
		font-size: 30px;
		/*color:#80ccff;*/
	}
	h4.gradnik-slogan{
		font-family:BerlinSans;
		font-size: 24px;
	}
	h2.gradnik-naslov,h4.gradnik-slogan{
		text-shadow:2px 2px 5px #000;
		color: #FFFFFF;
	}
/* Remove the navbar's default margin-bottom and rounded borders */ 
    .jumbotron{
		margin-bottom:0;
		margin-top:0;
		padding-top:5px;
		padding-bottom:5px;
		background-image: url('background/computer.jpg');
		background-repeat:no-repeat;
		background-size:cover;
		/*background-color: #002db3;*/
		background-color: #000;
	}
	.navbar {
      margin-bottom: 0;
	  margin-top:0;
      border-radius: 0;
	  background: #aa80ff;
	  /*background: #80ccff;*/
	  
	  /*background: linear-gradient(#007acc,#80ccff);*/
	  border: 0;
    }
	
	footer {
      color: white;
      padding: 15px;
	  background: #aa80ff;
	  font-family:"Helvetica";
    }
    .navbar,footer,.navbar-nav li.active a{
		background: linear-gradient(#7733ff,#aa80ff);
	}
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {min-height: 550px;
	border:0;}
    
	.content{
		font-family:"Helvetica";
		font-size:18px;
	}
	body{
		background: #ccccff;
		/*background: #b3b3ff;*/
		background: linear-gradient(to bottom right, #b3b3ff,#ccccff);
	}
	h1,h2,h3,h4,h5,h6{
		font-family:"Verdana";
		//font-weight:800;
		color:#400080;
		text-shadow: 3px 3px 2px #c180ff;
	}
	h1{
		font-size:30px;	
	}
	h2{
		font-size:27px;
	}
	h3{
		font-size:25px;
	}
	h4{
		font-size:22px;
	}
	h5{
		font-size:20px;
	}
	h6{
		font-size:18px;
	}
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      height: 100%;
    }
    .row.spacer{
		height:10px;
	}
    /* Set black background color, white text and some padding */

    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      body{
		/*background-color:#cccccc;*/
		background: #ccccff;
		background: linear-gradient(#9999ff,#ccccff,#FFF);
	  }
	  .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;
	  border:0;
	  font-size:16px;
	  } 
    }
	a.logolink{
		line-height:50px;
	}
	.glyphicon-home{
		color: #ffffff;
	}
	ul.navbar-nav{
		color: #FFFFFF;
	}
	/*.navbar-nav li.active a{
		background-color: #aa80ff;
		background: linear-gradient(#7733ff,#aa80ff);
	}*/

	.navbar li a, .navbar .navbar-header {
		color: #fff !important;
		font-family:"Verdana";
	}

	.navbar li a:hover{
		/*background-color: #aa80ff !important;*/
		background: #8285EC;
		background: linear-gradient(#a6a9f2,#8285EC);
		/*background-color: #8285EC !important;*/
		
	}
	.navbar li a:hover{
		box-shadow: 2px 2px 5px #707070;
	}
	.navbar-nav li.active a{
		color:#0f0 !important;
	}
	.navbar-inverse .navbar-toggle {
		border-color: transparent;
		color: #fff !important;
	}
	
	.well.gradnik-std{
		background-color:transparent !important;
		border:0;
		border-width:0;
		border-style:none;
		padding-top:5px;
		padding-bottom:5px;
		
	}
	.col-sm-12{
		border:0;
	}
	.row.glava-strani{
		padding-bottom:5px;
	}
	.panel{
		background-color: transparent !important;
		border:none;
		box-shadow:none;
	}
	ul.nav.nav-tabs.nav-justified>li>a{
		border-style:none;
		border-width:0px;
		background-color:transparent;
	}
	ul.nav.nav-tabs.nav-justified>li.active{
		/*background-color:#cccccc !important;*/
		box-shadow: 2px 0px 5px #707070;
		position:relative;
		z-index:-1;
		
	}	
	ul.nav.nav-tabs.nav-justified>li.active>a{
		color: #0000ee !important;
	}
	.tab-content,ul.nav.nav-tabs.nav-justified>li.active{
		background-color:#bfbfbf !important;
		/*background-image: url('background/papir.png') !important;*/
	}
	.tab-content, .table-gradnik-cenik{
		border-radius: 0 0 5px 5px;
		box-shadow: 2px 2px 5px #707070;
	}
	.nav-tabs{
		border:none;
	}
	.table-gradnik-cenik>tbody>tr>th{
		border-top-style:none;
	}
	.table-gradnik-cenik{
		/*border-style:solid;*/
		border-radius:10px;
	}
	a.nav-gradnik-pagination:link,a.nav-gradnik-pagination:visited{
		color:#400080;
		background-color:transparent !important;
		border:none;
		border-radius:50%;
	}	
	a.nav-gradnik-pagination:hover{
		box-shadow: 5px 5px 7px #c180ff, 4px 4px 9px #fff;
		background-color:#c180ff !important;
		background-color:rgba(193, 128, 255, 0.5) !important;
	}
	a.nav-gradnik-pagination:active{
		
	}
	a.gradnik-na-vrh{
		font-size:30px;
		color:rgb(51,51,51);
	}
	a.gradnik-na-vrh:hover{
		color:#400080;
	}
	img.img-gradnik{
		border-radius:10px;
		max-width:100%;
	}
	img.wrap-right{
		float:right;
		margin-left:10px;
	}
	img.wrap-left{
		float:left;
		margin-right:10px;
	}