@charset "utf-8";
/* CSS Document */


body 
	{
		width: 100%;
		height: 100%;
		margin:0;
	}

html 
	{
		width: 100%;
		height: 100%;
		margin:0;
	}



h1
	{
		font-family: 'Raleway', sans-serif;		
		font-size:3em;		
		font-weight:700;
		letter-spacing:0em;
		margin-bottom:;
		text-transform:uppercase;
		text-align:center;		
		color: #fff;
	}
@media screen and (max-width:700px)
{
	h1
	{			
		font-size:2em;		
	}
}

h2
	{
		font-family: 'Raleway', sans-serif;		
		font-size:1.5em;		
		font-weight:500;
		letter-spacing:0em;
		margin-bottom:;
		text-transform:none;
		text-align:left;		
		color: #fff;
	}

h3
	{
		font-family: 'Raleway', sans-serif;		
		font-size:1.35em;		
		font-weight:700;
		letter-spacing:0.1em;
		margin-bottom:;
		text-transform:uppercase;
		text-align:center;		
		color: #fff;
	}

p
	{
		font-family: 'Raleway', sans-serif;		
		font-size:1.25em;		
		font-weight:500;
		letter-spacing:0em;
		margin-bottom:;
		text-transform:none;
		text-align:center;		
		color: #fff;
	}

form
	{
		font-family: 'Raleway', sans-serif;		
		font-size:1.25em;		
		font-weight:500;
		line-height:1.8em;
		letter-spacing:0em;
		padding-left:3vw;
		margin-bottom:;
		text-transform:none;
		text-align:left;		
		color: #fff;
	}
	
.vrsta
	{
		
		background-color:;
		
		min-width:150px;
		max-width:450px;
		width: 80%;
		margin-left:auto;
		margin-right:auto;
	}
/*--------------------------------------------------- slika ozadje*/
.prostor_ozadje
	{
		position:relative;
		width:100%;
		height:100vh;


		background-attachment:fixed;
		overflow:hidden;

	}
.ozadje
	{
		position:absolute;
		
		width:100%;
		height:100vh;
		background:url(../slike/ozadje_hribi.jpg);
			background-attachment:fixed;
		background-size:cover;
		
	}



/*--------------------------------------------------- predstran*/
.napis_prva_stran
	{
		position:fixed;
		left:0px;
		bottom:0px;
		width:100%;
		
		font-family: 'Raleway', sans-serif;		
		font-size:1.25em;		
		font-weight:300;
		letter-spacing:0em;
		margin-bottom:;
		text-transform:none;
		text-align:center;		
		color: #fff;

	}

.logotip
	{
		
		background-image:url(../slike/logotip.svg);
		background-color:;
		height:45vh;
		width:50vw;
		
		min-height:50px;
		
		max-width:350px;
	

	
		
		margin-top:20vh;
		margin-left:auto;
		margin-right: auto;
		
		background-size:contain;
		background-repeat:no-repeat;
		
		
		
	}

.gumb
	{
		font-size:1.25em;
		font-family: 'Raleway', sans-serif;		
		font-size:1.25em;		
		font-weight:500;
		letter-spacing:0em;
		
		color: #fff;
		text-decoration:none;
		text-align:center;
		
		
		background-color: rgba(255,255,255,0.25);
		padding:0.3em;
		display:block;
		border-radius:0px;
		min-width:150px;
		max-width:450px;
		width: 80%;
		margin-left:auto;
		margin-right:auto;
		border:solid 2px #fff;
		transition:all ease-in-out 0.3s;
		margin-top:20px;
		
	}
	
.gumb:hover
	{
		cursor:pointer;
		text-decoration:none;
		background-color: rgba(255,255,255,0.5);
		
	}	
.vpisi
	{
		font-size:1.25em;
		font-family: 'Raleway', sans-serif;		
				
		font-weight:500;
		letter-spacing:0em;
		
		color: #fff;
		text-decoration:none;
		text-align:center;
		
		
		background-color: rgba(255,255,255,0.4);
		border:0px;
		padding:0.3em;
		display:block;
		
		width: 100%;
		box-sizing:border-box;
		
	
	}
.dol
	{
		margin-top:15vh;
		
	}
button	
	{
		margin:0px;		
	}
	

.avatar_mali
	{
		width:15%;
		height:50px;
		background:;
		text-align:center;
		display:inline-block;
		box-sizing:border-box;
	}

.izbran
	{
		opacity:1;
	}

.ne_izbran
	{
		opacity:0.5;
	}


.slika_avatar_velika
	{
		display:block;
		background:;
		width:100%;
		height:100%;
		max-height:150px;
		max-width:150px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}



hr
	{
		
		color:#fff;
		display:block;
		
		border-top: 1px solid #fff;
		
		min-width:150px;
		max-width:450px;
		width: 80%;
		margin-left:auto;
		margin-right:auto;
	}

.logotip_dobrodosli
	{
		
		background-image:url(../slike/logotip.svg);
		background-color:;
		height:35vh;
		width:40vw;
		
		min-height:50px;
		
		max-width:350px;
	

	
		
		margin-top:10vh;
		margin-left:auto;
		margin-right: auto;
		
		background-size:contain;
		background-repeat:no-repeat;
		
		
		
	}
	
.rob_zgoraj
	{
		margin-top:20vh;
	}
	
/******************------------------------vprašanje*/

.ozadje_vprasanje
	{
		background: ;
		width:100%;
		height:auto;
		margin-top:5vh;
		margin-bottom:0;
		padding-top:25px;
		padding-left:25px;
		padding-right:25px;
		z-index:5;
		box-sizing:border-box;
	}
	
.vrsta_vprasanja
	{
		
		background-color:;
		
		
		width: 100%;
		margin-left:0;
		margin-right:0;
		margin-bottom:0;
		box-sizing:border-box;
	}	

.vrsta_vprasanja_gumbi
	{
		max-width:1000px;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box;
	}
.gumb_vprasanje
	{
		font-size:1.25em;
		font-family: 'Raleway', sans-serif;		
		font-size:1.25em;		
		font-weight:500;
		letter-spacing:0em;
		
		color: #fff;
		text-decoration:none;
		text-align:center;
		
		
		color: #fff;
		text-decoration:none;
		text-align:center;
		
		
		background-color: rgba(255,255,255,0.25);
		padding:0.5em;
		display:block;
		float:left;
		border-radius:0px;
	
		width: 50%;
		

		border:solid 2px #fff;
		transition:all ease-in-out 0.3s;
		margin-top:20px;
		
	}
	
.gumb_vprasanje:hover
	{
		cursor:pointer;
		text-decoration:none;
		background-color: rgba(255,255,255,0.5);
		
	}	
.max_1020
	{
		max-width:1020px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		
		
	}
.meni_gumb
	{
		width:100%;
		
		height:10vh;
		text-align:center;
		background:;
		position:absolute;
		bottom:15px;
		margin-left: auto;
		margin-right:auto;
		padding:0;
		
		box-sizing:border-box;
		display:block;
		
	}
.mali_gumb
	{
		width:24%;
		box-sizing:border-box;
		background:;
		margin:0;
		padding:0px;
		
		
		
		display:inline-block;
	}
.trenutni_teden	
	{
		background:url(../slike/trenutni_teden.svg);
		background-size:contain;
		background-position:center;
		opacity:0.7;
		transition:ease-in-out 0.4s all;
		
		
		width:100%;
		height:10vh;
		max-height:60px;
		
		background-repeat:no-repeat;
		box-sizing:border-box;
		border:0px;
	}
.trenutni_teden:hover
	{
		opacity:1;
	}	
	
.statistika	
	{
		background:url(../slike/statistika.svg);
		background-size:contain;
		background-position:center;
		opacity:0.7;
		transition:ease-in-out 0.4s all;
		
		width:100%;
		height:10vh;
		max-height:60px;
		
		background-repeat:no-repeat;
		box-sizing:border-box;
		border:0px;
	}
.statistika:hover
	{
		opacity:1;
	}
.zgodovina	
	{
		background:url(../slike/zgodovina.svg);
		background-size:contain;
		background-position:center;
		opacity:0.7;
		transition:ease-in-out 0.4s all;
		
		width:100%;
		height:10vh;
		max-height:60px;
		
		background-repeat:no-repeat;
		box-sizing:border-box;
		border:0px;
	}

.zgodovina:hover
	{
		opacity:1;
	}

.nastavitve	
	{
		background:url(../slike/nastavitve.svg);
		background-size:contain;
		background-position:center;
		opacity:0.7;
		transition:ease-in-out 0.4s all;
		
		width:100%;
		height:10vh;
		max-height:60px;
		
		background-repeat:no-repeat;
		box-sizing:border-box;
		border:0px;
		
		
	}	

.nastavitve:hover
	{
		opacity:1;
	}
			
.cestitka
	{
		
		background-image:url(../slike/cestitka.svg);
		background-color:;
		height:45vh;
		width:80vw;
		opacity:0.8;
		
		min-height:100px;
		
		max-width:350px;
	

	
		
		margin-top:20vh;
		margin-left:auto;
		margin-right: auto;
		
		background-size:contain;
		background-repeat:no-repeat;
		
		
		
	}			
 .cela
	{
		color:#fff;
		display:block;
		
		border-top: 1px solid #fff;
		
		
		margin-left:auto;
		margin-right:auto;
		width:100% !important;
		max-width:1080px !important;
	}
.ne_cestitka
	{
		
		background-image:url(../slike/ne_cestitka.svg);
		background-color:;
		height:45vh;
		width:80vw;
		opacity:0.8;
		
		min-height:100px;
		
		max-width:350px;
	

	
		
		margin-top:20vh;
		margin-left:auto;
		margin-right: auto;
		
		background-size:contain;
		background-repeat:no-repeat;
		
		
		
	}	
.grafi
	{
		max-width:300px;
		opacity:0.9;
		margin-left:auto;
		margin-right:auto;
	}
	
.na_sredino
	{
		text-align:center;
	}
	
.mail
	{
		text-decoration:none;
		color: #fff;
	}