@font-face{
		font-family: MonotypeCorsiva;
		src: url('mtcorsiva.ttf');
	}	
	
	@font-face{
		font-family: Gabriola;
		src: url('gabriola.ttf');
	}	
	
	/*Za Internet Explorer*/
	@font-face{
		font-family: MonotypeCorsiva;
		src: url('mtcorsiva.eot');
	}	
	
	@font-face{
		font-family: Gabriola;
		src: url('gabriola.eot');
	}
	
	body{
		background-image:url('background.jpg');
	}
	
    /* Remove the navbar's default margin-bottom and rounded borders */ 
	.navbar {
      margin-bottom: 0;
	  margin-top:20px;
      border-radius: 0;
	  background-color: transparent;
	  border: 0;
	  /*line-height:100px;*/
    }
    .nav{
		vertical-align:bottom;
	}
	
	.row.spacing{
		height:30px;
	}
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {
	padding-top:30px;
	height: 700px;
	text-align:justify;
	}
	a.destinna-link:link, .row.ponudba-naslov a:link{
		color: #d82d77 !important;
		/*color: #FFC2A3 !important;
		text-shadow: 2px 2px 8px #d82d77;*/
		text-decoration:none;
	}
	a.destinna-link:active, .row.ponudba-naslov a:active{
		color: #d82d77 !important;
		/*color: #FFC2A3 !important;
		text-shadow: 2px 2px 8px #d82d77;*/
		text-decoration:none;
	}
	a.destinna-link:visited, .row.ponudba-naslov a:visited{
		color: #d82d77 !important;
		/*color: #FFC2A3 !important;
		text-shadow: 2px 2px 8px #d82d77;*/
		text-decoration:none;
	}
	a.destinna-link:hover, .row.ponudba-naslov a:hover{
		color: #f7f44a !important;
		/*color: #FFC2A3 !important;
		text-shadow: 2px 2px 8px #d82d77;*/
		text-decoration:none;
	}	
	.row.ponudba{
		padding-top:10px;
		min-height:200px;
		text-align:justify;
	}
	.content, .ponudba-naslov, .ponudba{
		background-color: transparent;
		color: #FFC2A3 !important;
		font-family:Gabriola;
		font-size:24px;
	}
	.content h1, .content h2, .content h3, .content h4, .content h5, .ponudba-naslov h1, h1, h2, h3, h4, h5{
		font-family:MonotypeCorsiva;
	}
	.content h1, .ponudba-naslov h2, .ponudba h2{
		font-size:36px;
	}
	.content h2, .ponudba h2, h2{
		font-size:32px;
	}
	.content h3, .ponudba h3, h3{
		font-size: 30px;
	}
	.content h4, .ponudba h4, h4{
		font-size: 28px;
	}
	.content h5, .ponudba h5, h5{
		font-size: 26px;
	}
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      background-color:transparent;
      /*height: 100%;*/
    }
    
    /* Set black background color, white text and some padding */
    footer {
      background-color: transparent;
      color: white;
      padding: 15px;
	  font-family:Gabriola;
	  font-size:16px;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
		background-color:transparent;
      }
      .row.content {height:auto;} 
	  .row.ponudba {height:auto;}
	  .row.ponudba-naslov {height:auto;}
    }
	.glyphicon-home{
		color: #ffffff;
	}
	.navbar li a{
		background-color: #d82d77;
		margin-left:20px;
		margin-right:20px;
		padding-left:20px;
		padding-right:20px;
		/*font-weight:bold;*/
		font-size: 28px;
		font-family:MonotypeCorsiva;
		border-radius:20px;
	}
	
	.navbar li a:link{
		background-color: #d82d77;
	}
	.navbar li a:visited{
		background-color: #d82d77;
	}
	.navbar li a, .navbar .navbar-header {
		color: #fff; !important;
	}

	.nav-pills li{
		vertical-align:bottom !important;
	}
	li.dropdown{
		text-decoration:none;
	}
	li.dropdown a:visited{
		text-decoration:none;
	}
	.navbar li a:hover , .nav-pills li.active a, .dropdown-menu li a:hover{
		background-color: #f7f44a !important;
		color: #1b171c;
		text-decoration:none;
		/*color: #ff55bb !important;*/
	}
	
	.dropdown-menu li a:active{
		background-color: #f7f44a !important;
		color: #1b171c;		
	}	

	.navbar-inverse .navbar-toggle {
		border-color: transparent;
		color: #fff !important;
	}
	.navbar-header a.logolink{
		background-color: transparent !important;
	}
	.navbar-header{
		/*padding-right:20px;*/
		text-align:center;
	}
	
	a.logolink{
		line-height:150px;
		vertical-align:middle;
	}
	.dropdown-menu li, .dropdown-menu, .open .dropdown-toggle, .btn.btn-destinna{
		background-color:#d82d77 !important;
		text-align:center;
		text-decoration:none;
	}
	.open .dropdown-toggle{
		border-radius:20px;
	}
	p.podpis{
		text-align:right;
		font-family:MonotypeCorsiva;
	}
	ul{
		list-style-type:circle;
	}
	.panel{
		background-color:transparent;
		border-radius:20px;
	}
	.panel.panel-ponudba{
			/*border-width:3px;*/
			border-radius: 20px;
			/*border-color: #FFC2A3 !important;*/
			/*background-color:rgba(255,255,255,0.1);*/
			min-height:800px;
			/*text-shadow: 2px 2px 8px #d82d77;*/
			font-size:23px;
			box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
	}
	.panel.panel-ponudba .panel-body .cena{
		font-size:28px;
		padding-bottom:10px;
	}
	.panel.panel-ponudba .panel-body .staracena{
		font-size:24px;
		padding-bottom:10px;
		text-decoration:line-through;
	}	
	.panel.panel-ponudba .panel-body .opis{
		font-size:21px;
		padding-top:10px;
	}
	.panel.panel-ponudba .panel-body .slika{
		text-align:center;
		padding-bottom:10px;
	}
	.panel-heading.astro-naslov a, a.destinna-link-header{
		color:inherit;
	}
	.panel-title a:link, .panel-heading.astro-naslov a:link, a.destinna-link-header:link{
		text-decoration:none;
	}
	.panel-title a:visited, .panel-heading.astro-naslov a:visited, a.destinna-link-header:visited{
		/*text-decoration:none;
		text-shadow: 2px 2px 8px #FFFFFF;*/
	}
	.panel-title a:hover, .panel-heading.astro-naslov a:hover, a.destinna-link-header:hover{
		text-decoration:none;
		text-shadow: 2px 2px 8px #FFF;
	}
	.panel-title a:active, .panel-heading.astro-naslov a:active, a.destinna-link-header:active{
		text-decoration:none;
		text-shadow: 2px 2px 8px #FFF;
	}
	.panel-heading.naslov-strani{
		background-color:rgba(247,244,74,0.25); /*f7f44a**/		
		background-size:cover;
	}
	.panel-heading.naslov-strani.kaj-je-vedezevanje{
		background-image:url('./ozadja/kaj-je-vedezevanje.jpg');
	}
	.panel-heading.naslov-strani.pravila-vedezevanja{
		background-image:url('./ozadja/pravila-vedezevanja.jpg');
	}
	.panel-heading.naslov-strani.katere-karte-izbrati{
		background-image:url('./ozadja/katere-karte-izbrati.jpg');
	}
	.panel-heading.naslov-strani.magija{
		background-image:url('./ozadja/magija.jpg');
	}
	.panel-heading.naslov-strani.astrologija{
		background-image:url('./ozadja/astrologija.jpg');
	}
	.panel-heading.naslov-strani.simbolika-sanj{
		background-image:url('./ozadja/simbolika-sanj.jpg');
	}
	/*.panel-ponudba .panel-heading, .panel-heading.zodiak-delitev, .panel-heading.katere-karte{
		background-color:transparent;
	}*/
	.panel-heading.astro-naslov, .panel-heading{
		border-radius: 20px 100px 20px 20px;
		background-size:cover;
	}
	.panel-heading.astro-naslov, .panel-heading.naslov-strani{
		text-shadow: 3px 3px 6px #d82d77;
	}
	/*naslovi glede na element*/
	.panel-heading.astro-naslov.ogenj{
		/*background-color:rgba(255, 0, 0, 0.15);*/
		background-image:url('./ozadja/ogenj.png');
	}
	.panel-heading.astro-naslov.voda{
		/*background-color:rgba(0, 128, 128, 0.15);*/
		background-image:url('./ozadja/voda.png');
	}
	.panel-heading.astro-naslov.zrak{
		/*background-color:rgba(128, 255, 255, 0.15);*/
		background-image:url('./ozadja/zrak.png');
		
	}
	.panel-heading.astro-naslov.zemlja{
		background-color:rgba(128, 64, 0, 0.15);
		background-image:url('./ozadja/zemlja.png');
	}
	/*naslovi glede na značaj*/
		.panel-heading.astro-naslov.kolerik{
		background-color:rgba(255, 0, 0, 0.15);
		background-image:url('./ozadja/kolerik.png');
		/*background-size:cover;*/
	}
	.panel-heading.astro-naslov.flegmatik{
		background-color:rgba(0, 128, 128, 0.15);
		background-image:url('./ozadja/flegmatik.png');
	}
	.panel-heading.astro-naslov.sangvinik{
		background-color:rgba(128, 255, 255, 0.15);
		background-image:url('./ozadja/sangvinik.png');
		
	}
	.panel-heading.astro-naslov.melanholik{
		background-color:rgba(128, 64, 0, 0.15);
		background-image:url('./ozadja/melanholik.png');
	}
	/*naslovi glede na modus*/
	.panel-heading.astro-naslov.stalna{
		background-color:rgba(0, 128, 128, 0.15);
		background-image:url('./ozadja/stalna.png');
	}
	.panel-heading.astro-naslov.glavna{
		background-color:rgba(128, 255, 255, 0.15);
		background-image:url('./ozadja/glavna.png');
		
	}
	.panel-heading.astro-naslov.spremenljiva{
		background-color:rgba(128, 64, 0, 0.15);
		background-image:url('./ozadja/spremenljiva.png');
	}
	span.znamenje-naslov-ime{
		padding-left:30px;
		padding-right:30px;
	}
	.pagination.simbolika-sanj li a{
		background-color:transparent;
		color:inherit;
		border-width:0;
		font-family:"MonotypeCorsiva";
		font-size:24px;
	}
	.pagination.simbolika-sanj li a:hover{
		text-shadow:2px 2px 8px #FFF;
	}
	.panel.simbolika-sanj{
		/*background-image:url('img/simbolika-sanj.jpg');*/
		background-repeat: no-repeat;
		background-position: center top;
	}
	img.vsebina{
		border-radius:20px;
		margin-bottom:20px;
		box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
	}
	img.text-wrap-right{
		float:left;
		margin-right:20px;
	}
	img.text-wrap-left{
		float:right;
		margin-left:20px;
	}
	img.vsebina.krog{
		border-radius:50%;
	}
	img{
		max-width:100%;
		height:auto;
	}
	.centerDropdown {
		left: auto !important;
		right: -25% !important;
}
	.centerDropdown:after {
		left: auto !important;
		right: 45% !important;
	}
	.well.kako-narociti,.panel.kako-narociti .panel-footer{
		background-color:inherit !important;
		border:0;
	}
	.well.kako-narociti{
		/*box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);*/
	}
	.napotki-narocilo{
		box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
		border-radius:5px;
	}
	.panel.kako-narociti{
		border-width:1px;
		border-style:solid;
		border-radius:20px;
	}
	.panel.kako-narociti .panel-body{
		min-height:150px;
	}
	.btn.btn-destinna{
		width:100%;
		font-family:MonotypeCorsiva;
		font-size:20px;
		
	}
	.form-control.destinna{
		font-size:20px;
	}
	.row{
		width:100%;
		margin:0;
		padding:0;
	}
	.scroll-bar{
		width:100%;
		margin-top:15px;
		margin-bottom:15px;
		font-size:28px;
		overflow-x:hidden;
		position:relative;
	}