/*-----------------------------
stojnice .net
izvedba: http://janezpolc.si
----------------------------*/


/*splosno*/
body{
	color: #444;
	font-size: 20px;
	line-height: 1.61em;
	letter-spacing: .161em;
	background-color: #fff;
	}

.space11{
	display: block; width: 100%; height: 11px;
}
.space22{
	display: block; width: 100%; height: 22px;
}
.space33{
	display: block; width: 100%; height: 33px;
}
.space44{
	display: block; width: 100%; height: 44px;
}

p:last-child{
	margin-bottom: 0px;
}

.serif{

}

strong{
	font-weight: 500;
}

a{
	text-decoration: none;
	color: #a30000;
	transition: color .1s ease
}

a:hover{
	color: #4c0000;
	transition: color .3s ease
}

.parallax-window {
    min-height: 400px;
    background: rgba();
}

/*header*/
#glava{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1000;
	background-color: #fff;
	box-shadow: 0px 4px 0px rgba(0,0,0,.1);
}

#oglavje{
	padding: 88px 0px 100px 0px;
	transition: padding .2s ease;
	}

#container_header{
	position: relative;
}

.naslov_strani{
	display: none;
}

#stojnice_logotip{
	width: 80%;
	margin: 0px auto;
	max-width: 380px;
	text-align: center;
	transition: max-width .2s ease;
}

#stojnice_logotip img{
	width:100%;
	height:auto;
	margin: 0px auto;
}

.opis_strani{
	width: 80%;
	margin: 0px auto;
	max-width: 500px;
	text-align: center;
	font-size: 1em;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	margin-top: 22px;
	transition: all .2s ease ;
	}
	
#ikona_glavnega_menuja{
	left: 0px;
	background-size: 50% 50%;
	background-image: url('../img/menu-8x.png');
	background-position: 52% 50%;
	
}

#ikona_kontakt{
	background-size: 50% 50%;
	right: 0px;
	background-position: 58% 50%;
	background-image: url('../img/phone-8x.png');
	
}

.ikona_glava{
	width: 33px;
	height: 33px;
	padding: 11px;
	position: absolute;
	z-index: 9;
	top:33px;
	display: block;
	cursor: pointer;
	background-repeat: no-repeat;
	border-radius: 8px;
	transition: all .2s ease;
	transition-delay: .2s;
	opacity: .8;
	}


.ikona_glava:hover{
	background-color: #fcfcfc;
	box-shadow: 0px 4px 0px rgba(0,0,0,.05) inset;
	transition: all .3s ease;
	opacity: 1;
}

.ikona_glava.prizgan{
	background-color: #fcfcfc;
	box-shadow: 0px 4px 0px rgba(0,0,0,.05) inset;
	transition: all .3s ease;
	opacity: 1;
}


/*pomanjsana glava*/
.pomanjsana{

	
}

.pomanjsana #oglavje{
	padding: 11px 0px ;
	transition: padding .3s ease;
}

.pomanjsana #stojnice_logotip{
	max-width: 102px;
	transition: max-width .3s ease;
}

.pomanjsana .opis_strani{
	color: #fff;
	font-size: 0em;
	height: 0px;
	margin-top:0px;
	transition: all .3s ease ;
}

.pomanjsana .ikona_glava{
	top: 7px;
	
	transition: all .3s ease;
}


#variable_space{
	display: block;
	clear: both;
}

/*menu*/
#container_header{
	position: relative;
}

#glavni_menu{
	display: block;
	position: absolute;
	background-color: #fcfcfc;
	padding:0px 22px;
	top: 73px;
	width: 166px;
	max-height: 0;
	overflow: hidden;
	left: -81px;
	border-radius: 8px;
	box-shadow: 0px 4px 0px rgba(0,0,0,.05) ;
	transition: all .2s ease;
}

#glavni_menu.prikazan{
	max-height: 500px;
	padding:22px 22px 11px 22px;
	transition: all .3s ease;
}

#glavni_menu.visje{
	top: 48px;
	transition: all .3s ease;
}


#glavni_menu_list {
	list-style-type: none;
	margin-bottom: 0px;
}

#glavni_menu_list li{
	display: block;
	text-align: center;
	text-transform: uppercase;
	
	font-size: .8em;
}

#glavni_menu_list li a{
	color: #000;
	padding: 0px 11px;
	transition: color .2s ease;
}

#glavni_menu_list li a:hover{
	color: #539b00;
	transition: color .3s ease;
}

/*hitre slike*/

.hitre_slike{
	margin: 0px!important;
	padding: 0px!important;
	text-align: center;
	width: 100%;
	line-height: 0px;

	}

.hitra_slika{
	height: 370px;
	text-align: center;
	width: 25%;
	display: inline-block;
	margin: 0px!important;
	position: relative;
	padding: 0px!important;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	box-shadow: inset 0px -4px 0px rgba(0,0,0,.2);
	border-left: 1px solid #fff;
	box-sizing: border-box
	}

.hitra_slika:first-child{
		border-left: 0px solid #fff;
}
	
.hitra_slika_napis{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.61em;
	line-height: 1em;
	font-weight:  500;
	color: #fff;
	display: none;
	z-index: 5;
	padding: 22px 0px 15px 0px;
	background-color: rgba(0,0,0,.3);
	background-color: rgba(0,0,0,.3);
	


}

#hitra_slika_1{
	background-image: url('../img/stojnice_razstave.png');
}

#hitra_slika_2{
	background-image: url('../img/stojnice_sejmi.png');
}

#hitra_slika_3{
	
	background-image: url('../img/stojnice_trznica.png');
}

.hitra_slika_overlay{

}

.overlay1{
	
}
.overlay2{
	
}
.overlay3{
}

/*glavna vsabina*/

section{
	text-align: center;
	padding: 125px 0px;
}

.naslov_sekcije{
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.8em;
	letter-spacing: .161em;
	color: #000;
	
}

.sekcija_vsebina{
	font-family: 'Roboto', sans-serif;
	letter-spacing: .04em;
	font-weight: 100;
	color: #000;
	
}

section h3{
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.4em;
	letter-spacing: .161em;
	color: #000;
}

/*o stojnicah*/

#o-stojnicah{
	background-color: #539b00;
	color: #fff;
}

.o_stojnicah_naslov{
	color: #fff;
	border-bottom: 2px dashed #ffcc00;
	padding-bottom:44px;
	margin-bottom:44px;
	}

	
.o_stojnicah_vsebina{
	color: #fff;
	}
	
#o-stojnicah strong{
	color: #eee;
}

.o-stojnicah-ikone ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}
	
.o-stojnicah-ikone ul li{
	display: inline-block;
	float: left;
	width: 18%;
	margin-right: 2.5%;
	background-color: #fff;
	padding: 14px 22px 22px 22px;
	box-sizing: border-box;
	color: #000;
	box-shadow: 0px 4px 0px rgba(0,0,0,.2);
	border-radius: 8px;
	min-width: 170px;
}

.rumenaikona{
	width:80%;
	height: auto;
}

.o-stojnicah-ikone ul li:last-child{
		margin-right: 0%;
}

.ikona_tekst-normal{
	font-weight: 100;
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	line-height: 1em;
	letter-spacing: 0em;
	height: 32px;
}

.ikona_tekst-bold{
	font-weight: 500;
	font-size: 1.2em;
		line-height: 1em;
		margin-top:11px;
		vertical-align: center;
}

#mere{
	letter-spacing:-1.8px;
}
#brezorodja{
	letter-spacing:-.1px;
}

/*ponudba*/

#ponudba, #foto{
	background-color: #fff;
	border-top: 5px solid #eaeaea;
	border-bottom: 2px solid #eaeaea;
}

#ponudba h3{
}

.ponudba_naslov{
	color: #000;
	border-bottom: 2px dashed #ffcc00;
	padding-bottom:44px;
	margin-bottom:44px;
}
.ponudba_vsebina{
	color: #333;
}


#ponudba ul{
 	list-style-type: none;
	text-align: center;
	padding:11px 0px;
}
#ponudba ul li{
	display: inline-block;
	width: 23.5%;
	text-align: center;
	margin: 0px 2% 0px 0%;
	padding: 22px 11px 16px 11px;
	background: #ffcc00;
	letter-spacing: 0px;
	line-height: 2em;
	color: #fff;
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	background-size: 100% auto;
	background-repeat: no-repeat;
	box-sizing: border-box;
	border-radius: 8px;
	
	box-shadow: 0px 4px 0px rgba(0,0,0,.05);
}

#ponudba ul li:last-child{
	margin: 0px 0% 0px 0%;
}

/*poizvedba*/
#poizvedba{
	background-color: #539b00;
	color: #fff;
	}

.poizvedba_naslov{
	color: #fff;
	border-bottom: 2px dashed #ffcc00;
	padding-bottom:44px;
	margin-bottom:44px;
}

.poizvedba_vsebina{
	color: #fff;
}

.poizvedba_vsebina a{
	color: #ffcc00;
	
	transition: color .2s ease;
}

.poizvedba_vsebina a:hover{
	color: #a30000;
transition: color .3s ease;
}
/*obrazec poizvedbe*/
#poizvedba_obrazec{
	position: relative;
}

.oddelek_obrazca{
	text-align: left;
}

.naslov_oddelka{
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 22px;
}

input[type=checkbox]{
	display: inline-block;
}

.choice_storitev{
	display: inline-block;
	font-weight: 100;
}

label{
	font-weight: 100;
}

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea{
	width: 100%;
	padding: 11px;
	border: 0px;
	height: auto;
	border-radius: 0px;
	margin-bottom: 33px;
	border-radius: 8px;
	color: #000;
}
textarea:focus, input:focus{
    border: 0px !important;
    outline: none;
	background: #fafafa
}

textarea{
	min-height: 100px;
}

.skrito{
	display: none;
	height: 0px;
	width: 0px;
}

.izklopljen{
	opacity: .5;
}

#gumb_oddaj{
	font-family: 'Exo', Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 22px 22px 19px 22px;
	background: #ffcc00;
	line-height: 1.61em;
	color: #fff;
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	border: 0px;
	box-shadow: none;
	box-shadow: 0px 4px 0px rgba(0,0,0,.2), inset 0px 0px 0px rgba(0,0,0,.1);
	border-radius: 8px;
	height: auto;
	transition: all .2s ease;
}

#gumb_oddaj:hover{
	box-shadow: 0px 0px 0px rgba(0,0,0,.2), inset 0px 4px 0px rgba(0,0,0,.1);
	transition: all .3s ease;
	background-color: #f4c300;
}

#napaka{
	display: none;
	font-size: .8em;
	position: relative;
	padding: 22px;
	text-align: center;
	background: #fff;
	border: 2px solid #a30000;
	margin-bottom: 22px;
	border-radius: 8px;
	color: #000;
}

#napaka ul{
	list-style-type: none
}

.napaka_naslov{
	font-weight: 500;
	color: #000;
}

#pocakaj{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.8);
	background-image:url('../img/loading.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: none;
	}
	
#uspeh{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color: #ffcc00;
	font-weight: 500;
	background-color: #539b00;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: none;
}

#se_eno_gumb{
	font-family: 'Exo', Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 22px 22px 19px 22px;
	background: #ffcc00;
	line-height: 1.61em;
	color: #fff;
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	border: 0px;
	border-radius: 8px;
	box-shadow: 0px 4px 0px rgba(0,0,0,.2), inset 0px 0px 0px rgba(0,0,0,.1);
	height: auto;
	display: inline-block;
	cursor: pointer;
	margin-top: 22px;
	transition: all .3s ease;
}

#se_eno_gumb:hover{
	box-shadow: 0px 0px 0px rgba(0,0,0,.2), inset 0px 4px 0px rgba(0,0,0,.1);
	transition: all .3s ease;
	background-color: #f4c300;
}


/*foto*/

.foto_naslov{
color: #000;
	border-bottom: 2px dashed #ffcc00;
	padding-bottom:44px;
	margin-bottom:44px;
}

.fotonaslov{
	font-family: 'Exo', Helvetica, Arial, sans-serif;
}

.foto_vsebina{
	color: #333;
}

.slika_okvir{
	height: 0px;
	padding-bottom:100%;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0px 4px 0px rgba(0,0,0,.05);
	opacity: 1;
	transition: opacity .2s ease;
	}


.slika_okvir a{
	display: block;
	width: 100%;
	height: 100%;
	
}

.slika_okvir:hover{
	opacity: .8;
	transition: opacity .3s ease;
}
	
#fb_link{
	font-family: 'Exo', Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 22px 22px 19px 22px;
	background: #ffcc00;
	line-height: 1.61em;
	color: #fff;
	box-shadow: 0px 4px 0px rgba(0,0,0,.2), inset 0px 0px 0px rgba(0,0,0,.1);
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	border: 0px;
	border-radius: 8px;
	height: auto;
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-top: 33px;transition: all .3s ease;
}

#fb_link:hover{
	box-shadow: 0px 0px 0px rgba(0,0,0,.2), inset 0px 4px 0px rgba(0,0,0,.1);
	transition: all .3s ease;
	background-color: #f4c300;
}



#fb_link a{
	color: #fff;
}

#fb-ikona{
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	top: -27px;
	left: 50%;
	margin-left: -22px;
	background-image: url('../img/fb_icon.png');
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 4px;
}

/*kontakt*/
#kontakt{
	background-color: #539b00;
	color: #fff;
}

.kontakt_naslov{
color: #fff;
	border-bottom: 2px dashed #ffcc00;
	padding-bottom:44px;
	margin-bottom:44px;
}

.kontakt_vsebina{
	color: #fff;
}

.ikona_body{
	width: 33px;
	margin:0px auto 11px auto;
}

.mail_ikona_slika{
	width: 44px;
}

.ikona_body img{
	width: 100%;
	height: auto;
}
.kontakt{
	margin-bottom:44px;
}

.ikona_napis{font-size: 1.61em;
font-weight: 500;
	font-family: 'Exo', Helvetica, Arial, sans-serif;
}

.ikona_napis a{
	color: #ffcc00;
}

address{
	font-style: normal!important;
	font-size: 1.2em;
}

#kontakt_naslov{
	margin-bottom: 22px;

}

#kontakt_podjetje{
	font-size: 1.2em;
}

/*footer*/
footer{
	text-align: center;
	padding: 44px 0px 0px 0px;
	background-color: #fff;
	border-top: 5px solid #eaeaea;
}

#footer_menu ul{
	list-style-type: none;
	text-align: center;
	margin-bottom:44px;
}

#footer_menu ul li{
	display: inline-block;
	text-transform: uppercase;
	text-align: center;
	margin: 11px 22px;
	font-size: .8em;
}
#footer_menu ul li a{
	color: #000;
	transition: color .2s ease;
}

#footer_menu ul li a:hover{
	color: #a30000;
	transition: color .3s ease;
}

#footer_logotip{
	width: 25%;
	margin: 0px auto;
	min-width: 150px;
}

#footer_logotip img{
	width: 100%;
}

#bonitet img{
	max-width: 350px;
	height: auto
}

#credits{
	font-weight: 100;
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	color: #000;
	
}

#kontakt, #poizvedba, #o-stojnicah{
	
}

#ponudba, #foto, footer{
	
}


@media (max-width: 1180px) {
	
	.o-stojnicah-ikona{
		display: inline-block;
		float: none!important;
		margin: 0rem 1rem 2rem 1rem;
	}
	
	.o-stojnicah-ikone ul li:last-child{
	margin: 0rem 1rem 2rem 1rem;
}
	
	#ponudba ul{
		text-align: center;
	}
	
	#ponudba ul li{
		display: inline-block;
		float: none!important;
		min-width: 180px;
		margin: 0rem 1rem 2rem 1rem;
	}
	
		#ponudba ul li:last-child{
	margin: 0rem 1rem 2rem 1rem;
}


	
}

@media (max-width: 900px) {
	#hitra_slika_4,
	#hitra_slika_3
	{display: none;
	}
	
	.hitra_slika {
		width: 50%
	}
}

@media (max-width: 550px) {
	
	body{
	font-size: 18px;
	}
	
	
	#hitra_slika_2
	{display: none;
	}
	
	.hitra_slika {
		width:100%
	}
	
	
	section{
		padding: 50px 0px;
	}
	
	.slika_okvir{
	margin: 0rem auto 2rem auto;
	padding-bottom: 50%;
}

	#glavni_menu.prikazan{
		left: 50%;
		margin-left: -105px
	}
}