@font-face {
	font-family: 'sanuk-lightregular';
	src: url('/instrukcije/font/sanuk-webfont.eot');
	src: url('/instrukcije/font/sanuk-webfont.eot?#iefix') format('embedded-opentype'), url('/instrukcije/font/sanuk-webfont.woff') format('woff'), url('/instrukcije/font/sanuk-webfont.ttf') format('truetype'), url('/instrukcije/font/sanuk-webfont.svg#sanuk-lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sanuk-boldregular';
	src: url('/instrukcije/font/sanukbold-webfont.eot');
	src: url('/instrukcije/font/sanukbold-webfont.eot?#iefix') format('embedded-opentype'), url('/instrukcije/font/sanukbold-webfont.woff') format('woff'), url('/instrukcije/font/sanukbold-webfont.ttf') format('truetype'), url('/instrukcije/font/sanukbold-webfont.svg#sanuk-boldregular') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

i.fi {color:#1595d3;}
i.fi.bela {color:white;}
i.fi.crna {color:black;}
i.fi.siva {color:#333;}
i.fi.green {color:green;}
p.ikona {text-align:center; color:#1595d3}
p.ikona i {font-size:56px;}

div.iconOnline {font-size:32px;}

img.miniSlika {
	height: 30px
}

#top5 {
	padding: 30px 0 55px 0
}

#top5 .mediumInstruktor {
	margin-left: 0;
	width: 300px
}

div.fleksa {
	display: flex;
	justify-content: space-around
}

div.spaceEvently {
	display: flex;
	justify-content: space-evenly;
	flex-wrap:wrap;
}

div.fleksa_top {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap
}

.primernega {
	margin: 200px 0 250px 0;
	width: 100%
}

.primernega h1.nomargin {
	font-size: 36px
}

.primernega p {
	padding:12px 0;
	margin:12px 0;
}

.primernega p.izborI {
	padding:0;
	margin:0;
}

.primernega img {
	display: block;
	margin: 0 auto
}

div.pointer {
	cursor: pointer
}

p.mali {
	color: #ababab;
	font-size: 12px
}

img.slikaNaSredini {
	margin-left: auto;
	margin-right: auto;
	display: block
}

input.goIsci {
	width: 86%;
	padding: 2% 2% 2% 6%;
	background-image: url('/instrukcije/images/searchicon.png');
	background-position: center left 5px;
	background-repeat: no-repeat
}

div.naslov {
	display: flex;
	justify-content: space-between;
	width: 94.5%
}

div.naslov div.ulica {
	width: 100%
}

div.naslov div.ulica input.goIsci {
	padding: 8px 45px;
	height: 32px;
	margin: 10px 0;
}

div.naslov div.hisna input.hisnaSt {
	padding: 8px;
	height: 32px;
	margin: 10px 0;
}

div.hisna button.nadaljuj {
	padding: 15px;
	margin-left: 15px
}

div.relativ {
	position: relative
}


.goRezultati {
	position: relative;
	top: 0px;
	left: 0px;
	width: 94%;
	z-index: 2;
	border: 2px solid #efefef;
	background-color:white;
}

.goRezultati div.izbor_ {
	padding: 8px 12px;
}

.goRezultati div.izbor_:hover {
	cursor: pointer;
	background-color: #1595d3;
	color: white;
}

.goRezultati div.izbor_:hover i.fi {
	color: white;
}

p.mali a {
	text-decoration: none
}

.levodesno {
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
}

div.grid {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 10px;
	grid-template-columns: repeat(2, 1fr)
}

div.grid2 {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 10px;
	grid-template-columns: repeat(2, 1fr)
}

div.grid3 {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 10px;
	grid-template-columns: repeat(3, 1fr)
}

div.borderef {
	border-bottom: 1px solid #efefef;
	margin-bottom: 10px
}

div.instruktor img.nomargin {
	margin: 0
}

div.skatliceLokacij {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 10px;
	grid-template-columns: repeat(4, 1fr)
}

ul.drop li {
	background-color: #000000!important
}

h1,
h2,
h3 {
	color: #1595d3
}

h1 {
	font-size: 24px
}

h1.imeInstruktorja {
	margin: 10px 0 10px 0
}

h1#h1i {
	display: none
}

div.vsebina h1.wid1360 {
	width: 98%;
	margin: 0 auto;
	max-width: 1360px
}

h2 {
	font-size: 20px
}

div.podDivInstruktor h2.hitriH2 {
	color: #FFFFFF
}

div.contactInfo h2.hitriH2 {
	font-size: 16px;
	text-align: center
}

h2.hitriTermini {
	font-size: 16px;
	margin: 0;
	padding: 0
}

h3 {
	font-size: 16px;
	margin: 0 7px
}

div.vsebina h1 {
	margin: 0 5%
}

div.vsebina h1.imeInstruktorja {
	margin: 20px 0
}

div.vsebina h1.nomargin {
	margin: 0
}

/* kontaktni obrazec */
div.levodesno h1.nomargin {
	margin-top:80px;
}

div.gumbTop a {
	color: #FFFFFF;
	cursor: pointer
}

div.gumbTop a:hover {
	text-decoration: underline
}

div.naslovna h2 {
	font-family: sanuk-boldregular;
	text-transform: uppercase;
	font-size: 16px
}

div.naslovna h3 {
	font-family: sanuk-lightregular;
	text-transform: uppercase;
	font-size: 13px;
	color: #1595D3
}

abbr[title] {
	text-decoration: none
}

div.noga {
	margin:12px;
}
div.noga img.logo {
	padding-top: 5px
}

span.fensicrka {
	font-family: sanuk-boldregular;
	text-transform: uppercase;
	font-size: 14px;
	color: #1595d3
}

div.desno h2 {
	font-size: 19px
}

div.instruktorjipredmeta {}

div.instruktorjipredmeta h2 {
	font-size: 18px;
	font-weight: normal
}

div.instruktorjipredmeta h3 {
	margin: 1% 0 0 5%
}

.resitev {
	display: none
}

div.slika_instruktorja a:hover {
	text-decoration: underline
}

div.instruktor_area {
	float: left;
	width: 160px;
	height: 200px
}

div.instruktor_area img.profilka {
	float: left;
	z-index: -5;
	height: 150px;
	width: 120px
}

div.instruktor_area img {
	z-index: 5
}

div.instruktor_area#ozek {
	width: 120px;
	height: 150px;
	margin: 0;
	padding: 5px 15px 5px 0px;
}

div.instruktor_area h3 {
	margin: 5px 0
}

div.instruktor_area h3 a {
	text-decoration: none!important
}

div.hitriinstruktor {
	width: 25%;
	padding: 5px;
	float: left;
	margin-top: 0px
}



div.zahvala_referenca {
	width:100%;
	text-align:center;
}

div.zahvala_referenca textarea {
	height:80px;
	width:92%;
}

div.zahvala_referenca div.koment{
	background-color:#efefef;
	padding:30px 20px;
	box-sizing:border-box;
	color:#424242;
	box-shadow:2px 2px 5px #ababab;
	margin:0 10px;
	width:200px;
	cursor:pointer;
	background-image:url('/instrukcije/images/edit-icon.png');
	background-repeat:no-repeat;
	background-position: top 5px right 5px;
}

div.izris_smiley {
	cursor:pointer;
	background-image:url('/instrukcije/images/edit-icon.png');
	background-repeat:no-repeat;
	background-position: top 5px right 5px;
	padding: 0 25px;
}

div.referenceSkupaj {
	border-top:1px solid #efefef;
}
div.referenceSkupaj p.mid{
	text-align:center;
}

div.referenceSkupaj p.mid a{
	cursor:pointer;
}

div.referenceSkupaj button.nadaljuj{
	width:100%;
}

div.referenceSkupaj h2{
	margin-top:0;
}

div.smileyi {
	width:50%;
	margin:100px 15px;	
}

div.referenceSkupaj div.smizla {
	padding:5px;
}
div.referenceSkupaj img.oceni{
	width:105px;
}

div.posameznaReferenca {
	margin-top:24px;
}

img.ipic {
	height:180px;
	margin:0;
	padding:0;
}

div.izris_smiley {
	width:100px;
}

table.notifa {
	border-collapse:collapse;
}
table.notifa tr td, table.notifa tr th {
	border:1px solid #efefef;
	padding:4px;
}
table.hitri input,
table.hitri select {
	margin: 5px 0
}

table.izborTerminov {
	border-collapse: collapse
}

table.izborTerminov tr td {
	padding: 15px
}

table.izborTerminov tr th {
	padding: 15px
}
#pregledTerminovStrankaInstruktor h2 {color:#ABABAB; border-bottom:1px solid #efefef;}
#pregledZakupljenihUr h2 {color:#ABABAB; border-bottom:1px solid #efefef;}
div.lokI {
	display:flex;
	justify-content:flex-start;
	align-items: center;
	padding:4px 0;
}

div.instruktor div.imgTer {width:24px;margin-right:8px;}
div.instruktor div.imgTer p {padding:0;color:#1595d3;font-size:24px;margin:0 0 8px 0;}

input.isci {
	padding: 12px 8px;
	width:calc(100% - 16px);
	margin:12px 0;
	border: 1px solid #ababab;
}

input.isci#koda {
	padding: 8px;
	margin:0 12px 0 0;
	border: 1px solid #ababab;
	width:auto;
}

input.inputTermin {
	width: 92%;
	padding: 2%;
	font-size: 24px
}

.switch {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 15px;
	margin: 0
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s
}

.slider: before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: #FFFFFF;
	-webkit-transition: .4s;
	transition: .4s
}

input: checked+.slider {
	background-color: #1595d3
}

input: focus+.slider {
	box-shadow: 0 0 1px #1595d3
}

input: checked+.slider: before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px)
}

.slider.round {
	border-radius: 34px;
	padding: 7px 0 0 12px;
	color:white;
	text-align:center;
}

.slider.round: before {
	border-radius: 50%
}

.slider.round span.on {
	color: #FFFFFF
}

div.opis_instruktorja {
	width: 500px;
	margin-left: 20px;
	float: left
}

div.opis_instruktorja img {
	margin: 0;
	padding: 0;
	margin-right: 5px
}

div.slika_instruktorja {
	display: block
}

div.slika_instruktorja img {
	margin: 0;
	padding: 0;
	margin-bottom: 50px
}

div.slika_instruktorja a img:hover {}

div.slika_instruktorja p {
	margin: 5px 0 5px 0;
	padding: 0
}

div.opisover {
	display: none;
	top: 0px;
	z-index: 1;
	width: 45px;
	padding-left: 125px
}

div.opisover img.ikoncaHover {
	cursor: pointer
}

div.instruktor_area:hover div.opisover {
	display: block
}

div.opisover#poseben {
	margin-left: 118px;
	margin-top: 5px
}

div.opisover p {
	margin: 0!important
}

div.opisover a {
	text-decoration: none!important
}

div.overTekst {
	color: #FFFFFF;
	font-weight: bold;
	position: relative;
	left: 3px;
	height: 0px;
	top: -20px;
	z-index: 5
}

div.slo table tr td,
div.slo img {
	margin: 0;
	padding: 0
}

div.predmet {
	width: 200px;
	height: 180px;
	margin: 10px;
	float: left
}

div.predmet p {
	color: #FFFFFF;
	font-size: 23px;
	text-align: center;
	margin-top: 65px;
	font-weight: bold
}

div.predmet p a: active,
div.predmet p a:hover,
div.predmet p a: link {
	color: #FFFFFF;
	text-decoration: none
}

div.predmet p a:hover {
	text-decoration: underline
}

a.nondecor {
	text-decoration: none
}

p.like {
	padding-left: 40px
}

table.cene select {
	width: 150px
}

.izracun {
	padding-top: 10px
}

.izracun span {
	font-weight: bold
}

form.kontaktni input, form.kontaktni textarea, form.kontaktni input.isci {
	width:calc(100% - 24px);
	padding: 12px;
	border:1px solid #efefef;
	margin:6px 0;
}
form.kontaktni div.chosen-container {
	border: 1px solid #efefef;
}

form.kontaktni select {
	width:100%;
	padding:8px;
}

div.instruktor_sl h3 {
	margin-bottom: 5px
}

div.instruktor_sl h3 a {
	font-size: 18px;
	text-decoration: none!important
}

div.parametrizacija {
	border-bottom: 1px solid #efefef
}

div.srchPas {
	background-color: #efefef;
	padding: 10px 0
}

div.skatlica {background-color: #FFFFFF}
div.skatlica i.fi {font-size:64px;}
div.filter p.ikona {margin:20px 0 4px 0;}
div.filter div#maDomuSquare p.ikona {margin:6px 0 4px 0;}
div.filter div#onlineSquare p.ikona {margin:6px 0 4px 0;}
div.filter p.ikona i.fi {font-size:32px;}

div.parametrizacija p,  div.parametrizacija i.fi{
	color: #333;
}

div.razvrscevalec p {
	color: #000000
}

div.elemFilt {
	color: #000000
}

div.filter {
	display: flex;
	justify-content: space-between;
	width: 98%;
	margin: 0 auto;
	max-width: 1360px
}

div.lokacijaFilter {
	width: 100%:
}

div.filterMobgv {
	display: flex
}

div.filterMobgv p {
	position: relative;
	bottom: 8px
}

div.rangeProgress {
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	width: 98%;
	margin: 0 auto;
	max-width: 1360px
}

div.goprogress div {
	color: #ababab;
	border-bottom: 2px solid #EFEFEF;
	margin: 0 30px
}

div.goprogress div.active {
	border-bottom: 2px solid #1595d3
}

div.gokorak {
	cursor: pointer;
	padding: 15px
}

div.gokorak:hover {
	box-shadow: 5px 5px 5px #EFEFEF
}

div.elementFilter {
	padding: 0 15px;
}

div.elementFilter p {
	text-align: center;
	color: #ababab
}

#rezultati {
	max-width: 1360px;
	margin: 0 auto
}

div.filter select {
	height: 54px;
	color: #757575
}

div.ostalo div.filter {
	margin-left: 2%;
	width: 92%
}

div.filter div.iskalnik {
	margin-top: 15px
}

div.lokacijaFilter img {
	margin-left: 10px
}

#commOkence div.filter {
	flex-direction: column
}

form.izracunCene {
	width: 50%
}

div.cenik div.iskalnik {
	margin: 10px 0
}

div.cenik {
	padding-top: 10px
}

div.izracunCene {
	margin-top: 40px
}

span.cena {
	font-size: 40px;
	color: #1595d3;
	font-weight: bold
}

p.tezave {
	border: 1px solid #EFEFEF;
	padding: 10px;
	margin-top: 20px
}

div.naslovna img {
	margin: 0px
}

div.naslovna img.revju {
	margin: 5px
}

div.naslovna h4 {
	margin: 0px;
	font-size: 14px;
	font-weight: normal
}

span.datumob {
	font-size: 13px
}

span.komentar-up {
	font-style: italic
}

span.tadejrot {
	font-size: 11px
}

div.filter select {}

.zvezda img {
	margin: 5px 0 5px 0
}
.instruktor .zvezdice img {
	margin: 5px 2px 5px 0
}

p.navodila {
	font-style: italic
}

p.koda {
	font-family: courier
}

pre {
	color: #186800
}

span.pomembno {
	color: #FF0000;
	font-weight: bold
}

p.pomembno {
	color: #FF0000;
	font-weight: bold
}

p.prog {
	font-family: courier;
	color: #008000
}

p.pozor {
	color: #FF0000;
	border: 1px solid;
	padding: 5px
}

div.poglavja {
	float: right;
	border: 1px solid #1595d3;
	width: 250px;
	margin: 2px;
	clear: both
}

div.prog {
	width: 70%;
	min-height: 1300px
}

ul.pog li {
	list-style-type: none;
	padding: 2px
}

ul.pog li a {
	color: #1595d3
}

ul.pog li a: visited {
	color: #000000
}

ul.pog li a:hover {
	color: #000000
}

h2.paket {
	font-weight: bold
}

#obvestilo h3 {padding: 8px 0;margin:0;}

h3.paket {
	margin: 15px 0 5px 0;
	color: #1595d3;
	font-size: 16px
}

div.instruktor div.skatlica,
div.instruktor div.malaSkatlica {
	border: 1px solid #ababab;
	padding: 12px;
	margin: 12px;
	
}
div.instruktor div.skatlica:hover,
div.instruktor div.malaSkatlica:hover {
	cursor: pointer;
	background-color: #f0faff;
}
div.aktivenIzbor {
	background-color: #f0faff;
	box-shadow: 2px 2px 3px #bdbdbd;
}

div.instruktor div.fiksna {
	width: 120px
}

div.instruktor div.skatlica img {
	display: block;
	height: 70px;
	margin: 0 auto
}

div.instruktor div.skatlica img.vecja {
	height: auto
}

div.instruktor div.skatlica img.kljukca {
	height: auto;
	margin: 10px auto
}

div.instruktor div.skatlica p.nacinPlacila {
	color: #1595d3;
	text-align: center
}

div.instruktor div.skatlica p.rezTermin {
	text-align: center;
	color:#ababab;
}

div.instruktor p.ikonica i.fi {
	font-size:24px;
}

div.instruktor div.izborMinut {}

div.instruktor div.izborMinut p {
	padding: 10px;
	font-size: 20px;
	text-align: center
}

div.predmetFilter {
	width: 325px
}

div.predmetFilter img {
	margin-top: 28px
}

div.filter.instruktor div.skatlica {
	margin: 0;
	display: flex;
	flex-direction: row
}

div.filter div.instruktor div.skatlica img {
	display: block;
	height: 25px;
	margin: 0 auto
}

div.filter div.skatlica {
	border: 1px solid #efefef;
	box-shadow: 2px 2px 2px #ababab
}

div.filter div.skatlica img {
	height: 35px;
	margin: 0 auto
}

div.filter div.skatlica p {
	text-align: center
}

div.filter img.lokIkon {
	/*position: relative;
	top: 14px*/
	margin-top:16px;
}

div.skatljica {
	border: 1px solid #efefef;
	padding: 8px 8px 8px 18px;
	box-shadow: 1px 1px 4px #efefef;
	margin: 12px 0;
	cursor: pointer;
	display:flex;
	justify-content:space-between;
}

div.skatljica:hover {
	background-color: #f0faff
}
div.skatljica div {padding:4px;}
div.skatljica p {margin:0;padding:0;}

div.urejanjeIzbor {
	/*background-color: #efefef*/
}

div.bg_cisti {
	background-image: url('/instrukcije/images/pocisti.png')
}

.lokacijaDoma {
	padding: 25px 5px
}

#izvedbaPlacila div.obrazecKreditna {
	width: 96%;
	margin: 0;
	padding: 2%
}

#drugNacinPlacila {
	cursor: pointer;
	padding: 1% 4% 2%;
	width: 92%
}

form.terminForma div.fleksi div {
	width: 50%
}

form.terminForma div.fleksi div input {
	width: 96%;
	padding: 2%;
	margin-bottom: 15px
}

input#minute {
	font-size: 30px;
	text-align: center;
	height: 50px
}

input.inputTextSlider {
	border: 0;
	color: #1595d3;
	font-weight: bold;
	text-align: center
}

div.skatlica:hover,div.malaSkatlica:hover{
	cursor:pointer;
	background-color:#efefef;
	border:1px solid #ababab;
}

div.skatlica p.velikoo {
	font-size: 18px;
	margin-top: 20px
}
div.skatlica p.ikonica {
	margin:12px 0;
}

div.skatlica p {
	text-align:center;
	margin:12px 0;
}
div.skatlica p.ikona {
	font-size:32px;
}

p.casi {
	padding: 10px;
	background-color: #EFEFEF;
	text-align: center;
	border: 1px solid black
}

span.red {
	color: #f05033
}

span.blue {
	color: #1595d3
}

p.pravilno {
	color: #008000
}

p.napacno {
	color: #FF0000
}

.rangeProgress.neviden {
	display: none
}

.fleksa.neviden {
	display: none
}

p.readmore {
	margin-left: 1%
}

.referencar {
	margin: 24px 24px 0 0;
	padding: 12px;
	border-bottom: 1px solid #efefef;
	box-shadow:4px 4px 12px #efefef;
}

div.nastRef {
	padding:8px 0;
}

div.textRef {
	margin-top:10px;
	padding:20px;
	background-color:#efefef;
	width:320px;
	box-shadow:2px 2px 5px #ababab;
}

div.textRef p.oddanaReferenca {
	font-weight:bold;
}

div.textRef p.oddajReferenco {
	color:#7f7f7f;
	font-style:italic;
}

div.sirokInstruktor div.referencar {
	margin-top:0;
	padding-top:0
}

#vechRefe {
	cursor: pointer;
	padding:8px 0;
	color:#1595d3;
}

#vechRefe:hover {
	text-decoration:underline;
}

#vprasalnik {
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 2%
}

#vprasalnik h1 {
	margin-left: 0
}

div#klobasanje {
	display: none;
	width: 98%;
	padding: 0 1%
}

.referencar img.slikca {
	float: right;
	margin: 5px;
	width: 100px
}

.referencars img.slikca {
	float: right;
	margin: 5px;
	width: 100px
}

.opisreference {
	width: 100%;
	padding: 5px 5px 5px 0px
}

table.stat tr td,
table.stat tr th {
	border: 1px solid #EFEFEF;
	padding: 3px
}

table.racuni {
	width: 100%;
	padding: 7px
}

table.racuni tr td {
	padding: 5px
}

table.predmetiSodelovanje {
	border-collapse: collapse
}

table.predmetiSodelovanje th {
	text-align: left
}

table.predmetiSodelovanje tr td {
	padding: 7px;
	border: 0
}

img.iks {
	float: right;
	cursor: pointer
}

div.gumbki {
	margin: 0 20%
}

div.gumbkiSearch {
	display: flex;
	justify-content: space-between;
	cursor: pointer
}

div.gumbkiSearch img {
	margin: 9px 15px 0 15px;
	height: 30px
}

div.filtrirajSlikca img {
	margin: 9px 15px 0 15px;
	height: 30px
}

div.razvrscevalec div.filtrirajSlikca {
	margin-top: 0;
	cursor: pointer
}

div.gumbek {
	position: relative;
	float: left;
	width: 12%;
	margin: 9% 11% 0% 14%;
	padding: 6%;
	background-color: #1595d3;
	cursor: pointer;
	color: #FFFFFF;
	font-family: sanuk-boldregular
}

div#ouibounce-modal-over {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 150%;
	background-color: #000000;
	z-index: 1001;
	-moz-opacity: 0.6;
	opacity: .60;
	filter: alpha(opacity=60);
	opacity: 0;
	overflow: auto;
	-webkit-animation: fadeOz ease-in 1;
	-moz-animation: fadeOz ease-in 1;
	animation: fadeOz ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.8s;
	-moz-animation-duration: 0.8s;
	animation-duration: 0.8s
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeOz {
	from {
		opacity: 0
	}
	to {
		opacity: 0.5
	}
}

@-moz-keyframes fadeOz {
	from {
		opacity: 0
	}
	to {
		opacity: 0.5
	}
}

@keyframes fadeOz {
	from {
		opacity: 0
	}
	to {
		opacity: 0.5
	}
}

div#ouibounce-modal-tekst {
	display: none;
	position: fixed;
	top: 20%;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	width: 350px;
	height: 170px;
	padding: 16px;
	border: 4px solid #1595d3;
	font-family: sanuk-lightregular;
	background-color: #FFFFFF;
	z-index: 1002;
	opacity: 0;
	overflow: auto;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.8s;
	-moz-animation-duration: 0.8s;
	animation-duration: 0.8s
}

div#ouibounce-modal-tekstp {
	text-align: center;
	margin-bottom: 15px;
	margin-top: 25px
}

div.vsebinskitekst p {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 25px
}

div.filtriraj {
	float: left;
	position: absolute;
	top: 48px;
	left: 115px
}

table.odvod {
	padding: 10px;
	border-collapse: collapse
}

table.odvod tr td {
	border: 1px solid gray;
	padding: 5px
}

table.kandidat {
	border-collapse: collapse
}

table.kandidat tr td {
	border: 1px solid #EFEFEF
}

table.kandidat tr.temen td {
	background-color: #EFEFEF
}

span#zeleni,
span#rdeci,
span#modri,
span#rumeni {
	font-weight: bold
}

div.enotski {
	width: 100px;
	float: left
}

p.objavljeno {
	font-style: italic;
	color: #AFAFAF
}

div.seemore {
	width: 30%;
	padding: 0px 5px;
	margin: 0px 5px;
	float: left;
	min-height: 350px
}

div.seemore img {
	max-height: 300px;
	max-width: 300px;
	margin-top: 8px
}

div.seemore img:hover {
	box-shadow: 2px 2px 5px #888888
}

div.seemore h3 {
	margin-top: 0px
}

div.opis_instruktorja h3 {
	margin-top: 0px
}

table.integralTable tr td {
	border: 1px solid #EFEFEF;
	padding: 10px
}

img.oceni {
	cursor: pointer
}

table.dihajo tr td {
	padding: 10px
}

table.integralTable tr th {
	border: 1px solid #EFEFEF;
	padding: 5px
}

div#vsebine {
	display: none;
	width: 550px
}

div.strankaReference {
	width: 65%;
	float: left
}

div.slikaVReferenci {
	width: 35%;
}

div.slikaVReferenci img.slikca {
	width: 80px;
	position: relative;
	left: 5px
}

div.instruktorjevaStran div.instruktorMeniLevo {
	width: 15%;
	float: left;
	min-height: 300px
}

div.instruktorjevaStran div.instruktorOpisSredina {
	width: 35%;
	float: left;
	min-height: 300px
}

div.referenceNaInstruktorju div.posameznaReferenca {
	width: 100%;
	padding: 15px;
	margin: 5px;
	border: 1px solid #EFEFEF;
	float: left
}

h3.filter {
	margin: 1px 0 16px 20px
}

div.sivigumb {
	width: 120px;
	height: 40px;
	background-color: #c8c8c8
}

div.modrigumb {
	width: 120px;
	height: 40px;
	background-color: #1595d3
}

div.modrigumb p,
div.sivigumb p {
	margin: 10px 0 0 0;
	padding: 12px 0;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center
}

a.gumbek {
	text-decoration: none
}

a.razpLink {
	cursor: pointer
}

a.razpLink:hover {
	text-decoration: underline
}

#seznamcek {
	display: none
}

p.velik {
	font-size: 30px
}

div.naslovna h2 {
	padding: 10px 0;
	margin: 0
}

div.naslovna p {
	margin-top: 0
}

img.ikonca {
	margin: 2px 0px!important
}

.ui-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	padding: 4px 0;
	margin: 0 0 10px 25px;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	font-family: 'sanuk-lightregular'
}

.ui-menu-item>a.ui-corner-all {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #555555;
	white-space: nowrap;
	text-decoration: none
}

.ui-state-hover,
.ui-state-active {
	color: #FFFFFF!important;
	text-decoration: none;
	background-color: #1595d3;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-image: none
}

div.ui-helper-hidden-accessible {
	display: none
}

p.blizina {
	margin-left: 15px
}

div.nadaljuj {
	padding: 8px;
	color: #FFFFFF;
	background-color: #1595d3;
	border: 1px solid #1595D3;
	width: 100%;
	text-align: center
}

div.nadaljuj a {
	color: #FFFFFF
}

input.nadaljuj {
	padding: 8px;
	cursor: pointer;
	color: #FFFFFF;
	background-color: #1595d3;
	border: 1px solid #1595D3;
	width: 177px
}

input.nadaljuj:hover {
	color: #1595d3;
	background-color: #FFFFFF;
	border: 1px solid #1595D3
}

div.hitricenik {
	margin-top: 10px
}

span.debelacena {
	font-weight: bold;
	font-size: 18px
}

#hitricenik {
	display: none
}

div.cenikOblacek {
	min-width: 50px;
	height: 60px;
	border: 3px solid;
	padding: 5px;
	margin: 5px;
	float: left
}

div.cenikOblacek div.pod {
	font-weight: bold;
	font-size: 20px;
	float: left;
	margin-top: 18px
}

.modrabarva {
	border-color: #1595D3;
	color: #1595D3
}

.rdecabarva {
	border-color: #d80000;
	color: #d80000
}

.rumenabarva {
	border-color: #e8da00;
	color: #e8da00
}

.zelenabarva {
	border-color: #008000;
	color: #008000
}

button.nadaljuj {
	color: #FFFFFF;
	background-color: #1595D3;
	border-radius: 0px;
	border: 0;
	margin: 8px 0;
	padding: 8px 12px;
	margin-right: 12px;
	border: 1px solid #1595D3;
	font-family: sanuk-lightregular;
	font-size:medium;
}

button.nadaljuj.centriran {
	vertical-align: middle;
}

button.nadaljuj:hover {
	color: #1595D3;
	background-color: #FFFFFF;
	cursor: pointer;
	border: 1px solid #1595D3
}

button.sodelovanje {
	display:block;
	margin: 20px auto;
}

button.nadaljujEasy {
	color: #1595D3;
	background-color: #FFFFFF;
	border-radius: 0px;
	border: 0;
	margin: 10px 0;
	padding: 8px 12px;
	border: 1px solid #1595D3;
	font-family: sanuk-lightregular;
}

button.nadaljujEasy:hover {
	color: #FFFFFF;
	background-color: #1595D3;
	cursor: pointer;
	border: 1px solid #1595D3
}

div.instGumbnki div.nadaljujEasy {
	display:flex;
	color:#1595d3;
	padding: 12px 16px;
	background-color:white;
	margin:0 4px;
	cursor:pointer;
	box-shadow:2px 2px 2px #333;
}

div.instGumbnki div.nadaljujEasy:hover {
	color:white;
	background-color:#1595d3;
}

div.instGumbnki div.nadaljujEasy:hover i.fi{color:white;}
div.instGumbnki div.nadaljujEasy i.fi {color:#1595d3;}
div.instGumbnki div.nadaljujCTA i.fi {color:white}
div.instGumbnki div.nadaljujEasy div.ikona {margin-right:8px;}

div.instGumbnki div.nadaljujCTA {
	background-color: #008A5B;
	border: 1px solid #008A5B;
	color: #FFFFFF;
	padding: 8px 16px;
}
div.instGumbnki div.nadaljujEasy {padding: 12px;margin:8px;}
div.instGumbnki div.nadaljujCTA {padding: 12px;margin:8px;}
div.instGumbnki button.nadaljujEasy:hover {
	background-color: #efefef;
	color: #1595d3
}
div.instGumbnki {margin-top: 48px; flex-wrap:wrap;}
div.instGumbnki button>img,
div.instGumbnki button>span {vertical-align: middle}

button.sirok100 {
	width: 100%
}

input.sirok {
	width: 92%;
	padding: 2%;
	margin: 2% 0;
	text-align: center
}

div.mediumInstruktor {
	width: 300px;
	margin: 0 0 35px 0;
	border: 1px solid #efefef;
	box-shadow: 2px 2px 2px #efefef;
	cursor: pointer
}

div.mediumInstruktor h2 {
	text-align: center;
	padding: 15px 0 15px 0;
	margin: 0
}

div.mediumInstruktor img.slikca:hover {}

div.mediumInstruktor h2 span.manjsi {
	font-size: 14px;
	color: #808080;
	font-weight: normal
}

h2 a {
	text-decoration: none
}

div.mediumInstruktor img.slikca {
	width: 120px;
	height: 150px;
	margin-bottom:12px;
}

div.sirokInstruktor img.slikca {
	box-shadow:0 4px 8px rgb(0 0 0 / 50%);
	width: 120px;
}

div.mediumInstruktor:hover {
	box-shadow: 2px 2px 4px #ababab
}

div.mediumInstruktor div.ozkiparametri {
	padding: 0 10px;
	font-size: 15px
}

div.sirokInstruktor {
	width: 100%;
	margin: 10px 0px;
	border-bottom: 1px solid #efefef;
	padding-top: 0;
	padding-bottom: 5px
}

div.no_results {
	width: 100%
}

div.no_results img {
	display: block;
	margin: 20px auto
}

div.no_results p {
	text-align: center;
	font-size: 22px;
	padding: 40px
}

p.ppriblizek {
	width: 100%;
	text-align: center
}

div.slikaInst1 p {
	margin: 0
}

div.nastevek {
	display:flex;
	justify-content:left;
	padding:4px 0 18px 0;
}

div.sirokInstruktor div.parametri {
	width: 30%;
	margin: 0 8px 0 0;
}

div.sirokInstruktor div.par_ozki {
	width: 240px;
	margin-top: 0
}

div.medIzris {
	display: flex;
	justify-content: space-around
}

div.medIzris img {
	height: 25px
}

div.ozkiparametri div.ikona {
	display: flex;
	justify-content: flex-start
}

div.iconImg {
	padding: 6px 8px;
}

div.profilSekcija{
	display:flex;
	border-bottom:1px solid #1595d3;
	justify-content:space-between;
	margin-bottom:12px;
}

div.profilSekcija h2 {
	margin:0;
	padding:0;
}

p.zamaknjen {
	margin-top: 10px
}

p.termini {
	padding: 2px 0;
	margin: 0;
	height: auto
}

img.zamaknjena {}

img.zvezdica {
	margin: 4px 0
}

div.parametri div.tekstopis {
	height: 138px;
	overflow: auto
}

div.oseba {
	float: left
}

div.parametri span.predmetref {
	display: none
}

span.ui-icon-circle-triangle-e {
	float: right
}

div.tretjina {
	border: 1px solid #1595d3;
	padding: 8px;
	margin: 8px;
	box-shadow: 0 0 3px 1px #1595d3;
	width:30%;
}

div.tretjina ul {
	min-height: 90px
}
div.tretjina ul li{ 
	padding:8px 0;
}

div.tretjina span.cena {
	font-weight: bold;
	font-size: 20px
}

table tr.temen td {
	background-color: #EFEFEF
}

td.borderlevodesno {
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	background-color: #ffefff
}

th.borderlevodesnogor {
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	border-top: 1px solid #ababab;
	background-color: #ffefff
}

td.borderlevodesnodol {
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	background-color: #ffefff
}

img.drazje {
	position: relative;
	top: 7px
}

div.vpogledni {
	padding: 5%;
	width: 90%;
	background-color: #1595d3
}

div.vpogledni h2 {
	color: #FFFFFF
}

div.vpogledni input {
	width:100%;
	box-sizing:border-box;
	padding: 12px;
}

div.vpogledni button.nadaljuj {
	background-color: #FFFFFF;
	color: #1595d3
}

div.vpogledni button.nadaljuj:hover {
	background-color: #1595d3;
	color: #FFFFFF;
	border: 1px solid white
}

div.vpogledni p {
	color: #FFFFFF
}

div.vpogledi {
	width: 80%;
	margin: 0 auto 6%
}

#onlineObrazec select.onlinePredmet {
	padding: 12px;
	width:100%;
}

#onlineObrazec button.nadaljuj {
	padding: 12px;
	width:100%;
	margin-top:18px;
}

div.seznamInstruktorjev {
	margin: 5px auto;
	max-width: 1360px;
	width: 98%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

div#stZadetkov {
	margin: 0 auto
}

div#stZadetkov p {
	color: #ababab
}

div.cetrtina {
	margin-top: 50px
}

div.cetrtina img {
	display: block;
	margin: 0 auto
}

div.nacinDela {
	max-width: 1360px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around
}

div.drazi {
	padding: 30px;
	display: flex;
	flex-direction: column;
	width: 300px;
	margin: 35px auto
}

div.drazi div.basanje p {
	text-align: center
}

div.drazi h3 {
	margin: 0;
	text-align: center
}

div.drazi p {text-align: left}
div.drazi div.ikona {
	text-align:center;
	font-size:36px;
}

div.vsebinaBener div.drazi p {
	text-align: left;
	padding: 0 5px;
	margin: 20px 0 0 0
}

div.ikonalevo {
	width: calc(100% - 24px);
	margin:12px;
	font-size:42px;
	text-align:center;
}

div.ikonalevo a{text-decoration:none;}

div.cetrtina div.basanje p {
	text-align: center
}

div.velikaIkona {
	font-size:64px;
	text-align:center;
}

div.basanje span.stevilka {
	font-size: 35px
}

button.poisci {
	color: #1595d3;
	font-size: 20px;
	background-color: white;
	cursor: pointer;
	padding:16px;
	border: 1px solid white
}

button.poisci:hover {
	color: #1595d3;
	background-color: #FFFFFF;
	border: 1px solid #1595d3
}

div.zapuscico {
	width: 0px;
	height: 0px
}

img.puscica {
	position: relative;
	top: -27px;
	left: 200px
}

div.bener {
	width: 100%;
	margin-top: 20px;
	background-image: url('/instrukcije/images/bener-inst.jpg');
	background-position: center;
	background-size: cover;
	background-attachment: fixed
}

div.bener div.drazi {
	padding-top: 3%
}

div.bener h3 {
	color: #FFFFFF;
	padding: 0 15px
}

div.bener p {
	color: #FFFFFF;
	padding: 0 20px
}

button.poisci:hover {
	color: #1595d3;
	background-color: #FFFFFF;
	border: 1px solid #1595d3
}

button.filter {
	padding: 9px;
	background-color: #e9e9e9;
	border: 1px solid #ababab;
	cursor: pointer;
	position: relative;
	top: -8px;
	margin: 0 31px
}

button.filter.aktiven {
	background-color: #ababab
}

button.filter:hover {
	background-color: #ababab
}

div.spoly {
	display: flex;
	position: relative;
	top: -15px
}

div.elementFilter p.spoly {
	width: 84px;
	color: #1595d3;
	font-weight: bold;
	position: relative;
	top: -6px
}

.divhitrikontakt {
	z-index: 0
}

.divhitrikontakt h2 {
	padding: 0;
	margin: 0 0 5px 0
}

.quickForm input {
	padding: 10px 20px 10px 7px;
	background-size: cover;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center right 5px
}

.quickForm button.nadaljuj {
	width:100%;
}

.telerr,
.emerr {
	float: right;
	background-image: url('/instrukcije/images/kriz.gif');
	width: 12px;
	height: 12px;
	margin: 13px 0 0 2px;
	display: none
}

div.razvrscevalec {
	display: flex;
	justify-content: space-between;
	width: 98%;
	max-width: 1360px;
	margin: 20px auto 0
}

div.razvrscevalec input,
div.razvrscevalec select {
	border: 1px solid #efefef;
	background-color: #FFFFFF
}

div.razvrscevalec img {
	cursor: pointer
}

div.razvrscevalec a {
	text-decoration: none;
	cursor: pointer
}

p.sortirnik {
	color: #999
}

div.sortDiv {
	width: 100%
}

div.elemFilt {
	margin-top: 10px
}

div.izborFaksaSelect {
	width: 40%;
	margin-top: 0
}

div.VSdesno {
	float: right;
	width: 150px
}

div.sortSk {
	display: flex;
	justify-content: space-between;
	border: 1px solid #ababab;
	padding: 8px;
	margin: 8px;
	background-color: #fafafa;
	color: #000000;
	cursor: pointer
}

div.sortSk:hover {
	box-shadow:2px 2px 5px #ababab;
}

div.filterMobgv select {
	border: 1px solid #ababab;
}

#fakultetaFilt_chosen {
	border: 1px solid #ababab;
}

div.filterMobgv div {margin:2px;}

div.razvrscevalec div.mobileSkrit {width:100%;}

div.arrow-up {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #1595d3
}

div.arrow-down {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 15px solid #1595d3
}

div.sortSk div.arrow-up {
	margin: 0 5px;
	cursor: pointer
}

div.sortSk div.arrow-up:hover {
	border-bottom: 15px solid black
}

div.sortSk div.arrow-down {
	margin: 0 5px;
	cursor: pointer
}

div.sortSk div.arrow-down:hover {
	border-top: 15px solid black
}

p.opomba {
	color: #6a6a6a;
	font-style: italic
}

body {
	margin: 0;
	padding: 0;
	font-family: 'sanuk-lightregular';
}

input,button {
	font-family: sanuk-lightregular;
	font-weight:bold;
}

img {max-width: 100%}
strong {font-weight: bold}
hr {color: #EFEFEF}

span.go {
	font-family: sanuk-boldregular;
	font-weight: normal;
	font-size: 36px
}

span.inst {
	color: #1595d3;
	font-size: 36px
}

a {
	color: #1595d3
}

div.zgoraj {
	position: fixed;
	height: 50px;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #FFFFFF
}

div.ceznavigacijo {
	width: 100%;
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 55px;
	z-index: 2;
	border-bottom: 1px solid #EFEFEF;
	display:flex;
	justify-content:space-between;
}

div.podnavigacijo {
	display:none;
	background-color:white;
	position:fixed;
	top:55px;
	width:calc(60% - 24px);
	padding:12px;
	z-index:3;
	border:1px solid #efefef;
	margin-left:40%;
	box-shadow:2px 2px #ababab;
	overflow:auto;
}

div.elementNavigacije {
	padding:18px 12px;
	display:flex;
	align-items:center;
}

/* Flex item that holds the icon / image */
.elementNavigacije .meniIkona {
    width: 20px;           /* same visual size as your <i> icons */
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 6px 0 0;     /* your existing margin */
    overflow: hidden;      /* just in case of 1–2px overflow */
}

/* Image inside that icon slot */
.elementNavigacije .meniIkona img.imgNav {
    max-width: 100%;
    max-height: 100%;
    width: auto;           /* don’t force full width */
    height: auto;          /* keep aspect ratio */
    display: block;
}

div.elementNavigacije.ssliko { /*padding:12px 4px;*/}
div.elementNavigacije.ssliko div.meniTekst {/*margin-top:2px;*/}

div.elementNavigacije:hover {border-bottom:1px solid #1595d3;}
div.elementNavigacije:hover i, div.elementNavigacije:hover div.meniTekst {color:#1079AB}

div.rezultat {
	display:flex;
	align-items: center;
}

div.subEnota p {padding:4px;margin:4px;}

div.instimg {margin-top:0;}

div.podnavigacijo img.rezIskimg {width:30px;margin:10px 8px;}

p.zapriP {
	text-align:right;
	cursor:pointer;
	color:#1595d3;
	font-size:24px;
	padding:0;
	margin:0 0 0 8px;
	font-weight:bold;
}
p.rezIskP {
	margin:6px 6px 0 6px;
	padding:0;
}

div.podnavigacijo img {height:35px;}

div.logo a {
	color: #000000;
	text-decoration: none
}

div.logo a: visited {
	color: #000000;
	text-decoration: none
}

div.logo {
	margin:6px 0 0 6px;
}

div.meni {
	float: right
}

div.meniIkone {
	display:flex;
}

div.meniIkone a:hover {
	color:#1595d3;
	text-decoration:none;
}

div.meniIkone div.meniIkona {margin:0 6px 0 0;}

div.meni ul li {
	display: inline;
	padding: 0px 15px
}

div.meni a {
	text-decoration: none;
	color: #000000;
	font-size: 19px
}

div.meni a:hover {
	color: #1595d3
}

ul li.ui-menu-item {
	padding: 5px 10px;
	cursor: pointer;
	color: #4c4c4c
}

ul li.ui-menu-item div.ui-menu-item-wrapper {
	padding: 5px
}

img.burger {
	cursor: pointer
}

.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 11;
	right: 0;
	top: 0;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.9);
	overflow-x: hidden;
	transition: 0.5s
}

.overlay-content {
	position: relative;
	top: 60px;
	width: 100%;
	text-align: center;
	margin-top: 30px
}

.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 24px;
	color: #818181;
	display: block;
	transition: 0.3s;
	cursor: pointer
}

.overlay a:hover,
.overlay a: focus {
	color: #f1f1f1
}

.overlay .closebtn {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 60px
}

.menijcek {
	display:flex;
	justify-content:end;
	margin:0 5px 0 0;
}

.menijcek img {
	margin: 0 8px 3px 0;
}

.menijcek a {
	color: #FFFFFF
}

.polovicka {
	width: 98%;
	margin-left: 1%
}

.cetrtina {
	width: 25%;
	float: left;
	margin-bottom: 50px
}

.petina {
	width:100%;
}

div.naslovnaslika {
	width: 100%;
	min-height: 620px;
	background-image: url('/instrukcije/images/goinstrukcije-naslov.jpg');
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

div.innerIskalnik {
	width: 80%;
	margin: 5% 10% 5% 10%;
	background-color: #FFFFFF;
	padding: 20px;
	box-sizing: border-box
}

div.meniSearch {
	width: 80%;
	border-bottom: #EFEFEF;
	margin: 0 0 100px 10%;
	position: relative;
	top: 40px
}

div.meniSearch select {}

div.meniSearch select option {}

div.naslovnaNaravoslovje {
	background-image: url('/instrukcije/images/instrukcije-overlay.jpg')
}

div.naslovnaDruzboslovje {
	background-image: url('/instrukcije/images/naslovni-druzboslovje.jpg')
}

div.naslovnaJeziki {
	background-image: url('/instrukcije/images/naslovni-jeziki.jpg')
}

div.naslovnaRacunalnistvo {
	background-image: url('/instrukcije/images/instrukcije-racunalnik.jpg')
}

div.naslovnaGlasba {
	background-image: url('/instrukcije/images/overlay-glasba.jpg')
}

div.naslovnaInstruktorji {
	background-image: url('/instrukcije/images/overlay-vsiinstruktorji.jpg')
}

div.enostavno h1 {
	color: #FFFFFF;
	text-align: center;
	font-size: 50px;
	font-family: 'sanuk-lightregular';
	font-weight: normal;
	padding: 0;
}

div.enostavno p {
	color: #FFFFFF;
	text-align: center;
	font-size: 22px;
	padding: 12px 0 24px;
}

div.CTAdiv {
	display: flex;
	margin: 0 auto;
	padding: 20px;
	justify-content:center;
}

div.CTAdiv button.nadaljuj {
	background-color: #FFFFFF;
	color: #1595d3;
	padding: 15px;
	border: 0;
	box-shadow: 2px 2px 2px #ababab;
	min-width: 200px;
	margin:0 auto;
}

div.CTAdiv button.nadaljuj:hover {
	background-color: #1595d3;
	color: #FFFFFF
}

div.iskalnikNaslovni {
	width: 600px;
	max-width: 1360px;
	margin: 0px auto;
	left: 0;
	right: 0;
	max-width: fit-content
}

div.iskalnikNaslovni form {
	width: 600px
}

div.iskalnikNaslovni input.isci {
	width: 100%
}

div.iskalnikNavigacija input {
	padding:6px;
	margin:10px;
	min-width:250px;
	
	background-image: url('/instrukcije/images/ikone/isci.png');
    background-repeat: no-repeat;
    background-position: right 5px center;
    padding-right: 0; 
    background-size: 20px 20px; /* Optional: Adjusts the size of the icon */
}

div.cleared {
	clear: both
}

div.drazljivke {
	max-width: 1360px;
	margin: 0px auto;
	display: flex;
	justify-content: space-around
}

#statistikaInstrukcij {
	padding: 30px 0
}

h2.novI {
	text-align: center
}

#novInstruktor {
	margin-top: 30px;
	margin-bottom: 60px
}

#novInstruktor h2.novI {
	color: #a5a5a5;
	font-size: 22px
}

div.drazi img.basa {
	margin-left: 37%
}

div.drazi div.basanje p {
	text-align: center
}

div.basanje span.stevilka {
	font-size: 35px
}

img.loading {
	margin-left: 45%
}

div.sirina_1360 {
	max-width: 1360px;
	margin: 0 auto;
	width:90%;
}

div.sirina_1360 h2 {
	font-size: 18px;
	text-align: center;
	margin: 0;
	padding: 15px 0
}

div.sirina_1360 a {
	color: #1595d3;
	text-decoration: none
}

div.headerTeaser {
	padding-top: 50px
}

div.opisreference {
	/*width: 100%;*/
	overflow: auto
}

div.strankaReference {
	float: left;
	width: 50%
}

div.slikaVReferenci {
	float: right;
	position: relative;
	top: 20px
}

span.komentar-up {
	color: #747474;
	font-style: italic
}
p.gentile {
	color: #ababab;
	font-style:italic
}

div.vsiinstruktorji {
	padding:80px;
	margin-top: 20px;
	background-image: url('/instrukcije/images/vsiinstruktorjigo.jpg');
	background-attachment: fixed
}

div.vsiinstruktorji button.poisci {
	display:block;
	margin:0 auto;
	font-size:20px;
}

div.bener div.drazi {
	padding-top: 3%
}

div.bener h3 {
	color: #FFFFFF;
	padding: 0 15px
}

div.bener p {
	padding: 0 20px
}



div.vsipredmeti {
	background-color: #1595d3;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly
}

div.thumb {
	width: 150px;
	margin: 18px;
	text-align:center;
	color:#1595d3;
	border:1px solid white;
	background-color:white;
}

div.thumb p.ikona i.fi {color:#1595d3}


div.thumb:hover {
	opacity: 0.8;
	box-shadow: 2px 2px 2px #ababab
}

div.thumb h3 {
	width: 200px;
	color: #FFFFFF;
	text-align: center;
	font-size: 20px;
	z-index: 1
}

div.vsipredmeti a.nodecor {
	text-decoration: none
}

div.footer {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	border-top: 1px solid #efefef;
	margin-bottom:50px;
}

span.gofoot {
	font-family:sanuk-boldregular;
	color:black;
}

div.noga p.footLog {
	padding-top:6px;
}
a.extLogo {
	font-size:22px;
}

div.odmikSirina {
	max-width: 1360px;
	margin: 0 auto;
	width: 90%
}

div.robek {
	border-bottom: 1px solid #efefef
}

div.noga a {
	text-decoration: none
}

div.noga img {
	margin-top: 00px
}

div.noga p {
	margin: 0;
	padding: 0
}

div.noga p.inst {
	margin: 5px 0
}

div.noga h2 {
	color: #1595d3;
}

div.noga img.zvezdaMeseca {
	float: left;
	padding-right: 5px;
	height: 22px
}

div.socialIcon {padding:4px 12px 4px 0;}
div.socialIcon {}
div.socialIcon img.vecja{ height:30px;}

h2.kvescn {
	text-align: center;
	font-size: 20px;
	color: #1595d3
}

span.fensicrka {
	font-family: sanuk-boldregular;
	text-transform: uppercase;
	font-size: 16px;
	color: #1595d3
}

p.pojas {
	text-align: justify;
	padding: 0 0px 0 30px
}

a.nogalink {
	color: #1595d3
}

div.sodelovanje {
	max-width: 1360px;
	margin: 10px auto
}

.refSkupaj {
	-moz-column-count: 3;
	-moz-column-gap: 25px;
	-webkit-column-count: 3;
	-webkit-column-gap: 25px;
	column-count: 3;
	column-gap: 25px;
	width: 100%
}

.referencar img.slikca {
	float: right;
	margin: 5px;
	width: 100px
}

.opisreference {
	width: 100%;
	padding: 5px 5px 5px 0px
}

input.nadaljuj {
	padding: 8px;
	cursor: pointer;
	color: #FFFFFF;
	background-color: #1595d3;
	border: 1px solid #1595D3;
	width: 177px
}

input.nadaljuj:hover {
	color: #1595d3;
	background-color: #FFFFFF;
	border: 1px solid #1595D3
}

input,
select,
textarea {
	vertical-align: middle;
	font-family: sanuk-lightregular;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	border: none;
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #efefef
}

div#vprasalnik input,select,textarea {
	border:1px solid #ababab;
}

div#vprasalnik textarea {width:calc(100% - 32px);}
div.podvprasanje {
	background-color:#fefefe;
	padding:18px;
	margin:24px 0;
	border:1px solid #efefef;
}

select.chosen-select {
	background-color: #FFFFFF;
	border: 2px solid #EFEFEF
}

input.button {
	color: #FFFFFF;
	cursor: pointer;
	padding: 7px 45px 11px 40px;
	font-size: 14px
}

button.pridruzba {
	background-color: #1595d3;
	border: 1px solid #1595d3;
	color: #FFFFFF;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer
}

div.posebna {
	margin: 80px auto 0 auto;
	max-width: 1200px
}

button.pridruzba:hover {
	background-color: #FFFFFF;
	color: #1595d3
}

div.instructions {
	padding: 0 5%
}

div.joinus {
	background-color: #0194d3;
	width: 100%;
	text-align: center;
	clear: both;
	padding: 50px 0;
	color: #FFFFFF
}

div.joinus p {
	padding:24px;
}

div.joinus h3 {
	font-size: 28px;
	color: #FFFFFF
}

div.vsebina h1.joinus{text-align:center;margin-top:100px;}
div.vsebina p.joinus {text-align:center;}
div.odmikSirina.vsebina p {padding:10px 15px;margin:5px;}
div.odmikSirina.vsebina ul {padding:5px 15px;margin:5px 25px;}
div.odmikSirina.vsebina ul li {padding:5px}
div.odmikSirina.vsebina h1,div.odmikSirina.vsebina h2, div.odmikSirina.vsebina h3 {padding:0 20px;margin:0;}

#gdpr-cookie-message {
	position: fixed;
	width: 100%;
	bottom: 0;
	background-color: #000000;
	opacity: 0.9;
	font-family: sanuk-lightregular;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	z-index:10;
}

#gdpr-cookie-message a {
	color: #1595d3
}

#gdpr-cookie-message a:hover {
	color: #FFFFFF
}

#gdpr-cookie-message h4 {
	color: #FFFFFF;
	margin: 8px 0 0 8px;
}

#gdpr-cookie-message p {
	margin: 4px;
	color: #EFEFEF;
	font-size: 14px
}

#gdpr-cookie-message p: last-child {
	color: #FFFFFF;
}

#gdpr-cookie-message button {
	background-color: #1595d3;
	color: #FFFFFF;
	border: 1px solid #1595d3;
	padding: 8px;
	margin:4px;
	width:100%;
	cursor:pointer;
}

#gdpr-cookie-message button:hover {
	background-color: #FFFFFF;
	color: #1595d3
}

.overlay .closebtn {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 60px
}

.menijcek img.burger {
	margin: 12px 0 0 0
}

.menijcek a {
	color: #FFFFFF
}

.meniTekst {
	color:#333;
}

div.overlay-content div.petina a {
	font-size: 18px
}

a:hover span.kaj {
	text-decoration: underline
}

div.instruktor {
	padding: 0;
	margin: 15px auto;
	width: 100%;
	max-width: 1360px
}

img.cistlilnik {
	height: 30px;
	margin-left: 10px;
	position: relative;
	top: 10px
}

div.navigacija_instruktorja div.divikona {
	width: 60px
}

div.navigacija_instruktorja div.divtekst {
	width: 95%
}

div.navigacija_instruktorja div.fleksi {
	align-items: center
}

div.instruktor p {
	margin: 6px 0;
	font-size: 15px
}

div.instruktor p.offer {
	font-style: italic;
	margin-top: 8px;
	color: #afafaf
}

div.instruktor p.izbor {
	border-top: 1px solid #efefef;
	font-style: italic;
	color: #ababab;
	padding-top: 10px
}

div.instruktor p.sredinjen b {
	font-weight: bold;
	font-style: normal;
	color: #000000
}

div.instruktor p.modra {
	color: #1595d3
}

div.instruktor p.sredinjen {
	text-align: center
}

.instruktor img {
	padding: 0;
	margin: 5px
}

.instruktor img.editLocation {
	margin: 0;
	cursor: pointer
}

img.sl_inst {
	margin: 0
}

#float-nav-bar p.vecji {
	font-size: 30px;
	text-align: center;
	margin-top: 12px
}

#nav-bar-placeholder p.vecji {
	font-size: 40px;
	text-align: center
}

#nav-bar-placeholder {
	display: none
}

.float-nav-bar {
	height: 55px
}

div.fixed {
	position: fixed;
	top: 40px;
	left: 0;
	height: 55px;
	width: 100%;
	background-color: #fefefe
}

img.desnaIkona {
	vertical-align: middle;
	position: relative;
	bottom: 5px
}

div.instruktor a.poseben {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px
}

span.komentar-up {
	font-style: italic;
	color: #464646
}

span.lokacijaSpan {
	cursor: pointer;
	font-weight:bold;
}

.zvezdice img {
	float: left
}

div.sivigumb {
	width: 120px;
	height: 40px;
	background-color: #c8c8c8
}

div.modrigumb {
	width: 120px;
	height: 40px;
	background-color: #1595d3
}

div.gumbi {
	margin-top: 30px
}

div.gumbi a {
	color: #FFFFFF!important;
	text-decoration: none!important
}

div.gumbi p {
	margin: 10px 0 0 0;
	padding: 12px 0;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center
}

hr {
	color: #464646:
}

select {
}

h4 {
	font-weight: normal;
	color: #8e8e8e!important
}

input.button {
	color: #FFFFFF;
	background-color: #1595d3
}

input.modrigumb {
	cursor: pointer;
	width: 120px;
	color: #FFFFFF;
	background-color: #1595d3;
	border: 1px solid #1595d3
}

#ostale_reference {
	display: none
}

span.ime,
span.datumob {
	color: #7b7b7b;
	font-size: 15px
}

img.zvezdica {
	margin: 4px 0
}

.refinst {
	border-bottom: 1px solid #efefef;
	margin-bottom: 10px;
	padding: 0 0 10px 0
}

div.oseba {
	float: left
}

div.tekstopis {
	margin-bottom: 8px
}

div.opisInstruktorja {
	margin-bottom: 15px
}

div.opisInstruktorja img {
	padding-right: 5px;
}

span.texty {
	color: #1595d3;
	font-weight: bold
}

span.kaj {}

div.mediumInstruktor p.snip {
	padding: 0;
	margin: 0;
	position: relative;
	top: 4px
}

div.sirokInstruktor p.snip {
	padding: 0;
	margin: 0 0 0 8px;
}

p.vecji {
	font-size: 20px;
	font-weight: bold;
	color: #1595d3
}

div.instruktor p.vecji {
	font-size: 20px
}

span.rev {
	direction: rtl;
	unicode-bidi: bidi-override
}

img.cistilo {
	margin-top: 16px
}

div.hitriObrazec {
	max-width:240px;
}

div.hitriObrazec input {
	margin: 6px 0;
	padding:8px;
	width:calc(100% - 20px);
}

img.topinst {
	right: 35px;
	position: relative;
	top: -15px
}

div.opis {
	width: 100%;
	margin: 0;
	padding: 1% 0
}

div.opis button.nadaljuj {
	padding: 8px;
	margin: 12px 0;
	width: 100%;
}

div.opis button.proc100 {
	width: 100%
}

form#payment-form button#submit {
	width: 100%
}

.korakRezervacije input {
	padding: 8px;
	margin: 8px 0;
	width: calc(100% - 16px);
	background-color: #FFFFFF;
	border: 1px solid #efefef
}

.korakRezervacije input#minute {
	width: 96%
}

.korakRezervacije input.prostoren80 {
	width: 80px;
	padding: 10px
}

.korakRezervacije input.prostoren30 {
	width: 30px;
	padding: 10px
}

.korakRezervacije #pakett,
.korakRezervacije #naDomuUcenca,
.korakRezervacije #napodjetje {
	width: 13px
}

img.sl_inst {
	margin: 0
}

div.hoinst {
	min-height: 50px;
	margin: 0;
	-moz-box-shadow: 0 0 3px #efefef;
	-webkit-box-shadow: 0 0 3px #efefef;
	box-shadow: 0 0 5px 3px #efefef;
	border: 1px solid #efefef;
	width: 200px;
	margin: 12px 0;
	color: #1595d3
}

div.pomemben {
	color: #FFFFFF;
	background-color: #1595d3
}

div.hoinst:hover {
	border-left: 3px solid #EFEFEF;
	background-color: #EFEFEF;
	cursor: pointer
}

div.pomemben:hover {
	color: #1595d3;
	background-color: #fafafa
}

.rob {
	border-left: 3px solid #1595d3;
	background-color: #f9f9f9
}

div.instruktor p.emailI {
	color: #1595d3;
	text-align: center
}

div.instruktor p.moreI {
	margin-top: 25px;
	text-align: center
}

div.imgExtra {
	width: 100%
}

img.topIcon {
	height: 23px
}

div.extraI h2.hitriH2 {
	text-align: center
}

img.kuverta {
	display: block;
	margin: 0 auto
}

img.klicI {
	display: block;
	margin: 0 auto
}

div.parametri div.extraI {
	display: none
}

div.gumbTop button.nadaljujEasy {
	padding: 5px;
	width: 200px
}

div.gumbTop img {
	margin: 0
}

div.gumbTop div.ikona i.fi {color:white;}
.znotrajOpisa {
	margin-top: 15px
}

.znotrajOpisa ul li {
	font-size: 15px
}

.infoWidget {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.infoWidget .wid {
	height: 72px;
	width:200px;
	text-align: center;
	min-width: 100px;
	margin-top:20px;
}

.infoWidget i.fi {
	font-size:32px;
}

.infoWidget p {}

p.vseb {
	padding: 20px 0 0 50px
}

.levi_pas {
	width: 200px
}

.podatki_instruktorja {
	width: 94%;
	padding: 0 3% 10px 3%;
	margin: 0;
	background-color: #fcfcfc;
	background-size: cover
}

div.extraI p.cena {
	font-weight: bold;
	color: #1595d3;
	font-size: 18px
}

.podatki_instruktorja p {
	margin-top: 0px
}

.podatki_instruktorja h3 {
	color: #1595d3;
	margin: 0
}

.podatki_instruktorja h3.phHeader {
	margin: 20px 0 10px 0
}

div.paket {
	width: 50%;
	float: left;
	height: 160px
}

div.instruktor a.poseben {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px
}

div.instruktor div.slika_instruktorja img.sl_inst {
	margin-bottom: 40px
}

div.instruktor div.slika_instruktorja img.sl_inst.inactive {
	display: block;
	margin-right: auto;
	margin-left: auto;
	border: 0
}

form.kontaktniobrazec input,
form.kontaktniobrazec select,
form.kontaktniobrazec textarea {
	width: 85%;
	padding: 1% 9% 1% 1%;
	margin: 20px 0
}

.mapaActive {
	position: relative;
	left: 0;
	top: 0
}

#map-canvas {
	width: 100%;
	height: 400px
}

table.stopostoSirina {
	width: 100%
}

input.vnos:hover {
	background-color: #1595d3;
	color: #FFFFFF;
	cursor: pointer
}

input.datepicker {
	background: url('/instrukcije/images/koledar-ikona.gif') no-repeat left;
	background-color:white;
	background-position: 10px;
	cursor: pointer
}

input.timepicker {
	background: url('/instrukcije/images/clock-icon.png') no-repeat left;
	background-color:white;
	background-position: 10px;
	cursor: pointer
}

img.cancelIkona {
	cursor: pointer
}

.znotrajOpisa iframe {
	max-width: 100%
}

.znotrajOpisa img {
	max-width: 100%
}

div.brisiVse {
	cursor: pointer;
	margin-top: 15px
}

#sortirniDiv select {
	color: #000000
}

div.vsebina {
	margin-top: 55px
}

div.mobilenHitri {
	display: none
}

div.zapri {
	display: none
}

div.izracunCene {
	margin-top: 15px
}

form.izracunCene {
	margin-top: 15px
}

div.stolpci3 {
	margin: 0 auto;
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}

div.stolpci3 h2.hitriH2 {
	color: #1595d3
}

div.stolpci3 div.tel {
	color: #000000
}

div.stolpci3 div.podDivInstruktor {
	margin-top: 0
}

div.vsipredmeti {
	padding: 15px 0 15px 0
}

div.vcard div.tel {
	font-size: 22px;
	text-align: left;
	font-weight: bold
}

div#card-errors {
	color: #FF0000;
	padding: 10px 0
}

div.vsebinaBener {
	max-width: 1360px;
	margin: 0 auto;
	display: flex
}

p.sivO {
	text-align: center;
	color: #D8D8D8
}

p.sivO span {}

.sivO {
	text-align: center;
	color: #D8D8D8
}

div.naciniPlacila {
	margin: 35px 0 0 0
}

div.naciniPlacila img {
	margin-bottom: 5%;
	width: 200px
}

.mobileSkrit {
	display: block
}

.desktopSkrit {
	display: none
}

progress {
	background-color: #efefef;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
	width: 100%
}

progress.xp::-webkit-progress-value {
	background: #efefef
}

img.krizec {
	cursor: pointer;
	float: right
}

div.sredini {
	width: 350px;
	margin: 120px auto
}

div.sredini img {
	max-width: 100%;
	margin: 0 auto
}

div.sredini p {
	text-align: center
}

input[type="checkbox"][id^="checkPredmet"] {
	display: none
}

label {
	padding: 10px;
	display: block;
	position: relative;
	margin: 10px;
	cursor: pointer
}

label: before {
	background-color: #FFFFFF;
	color: #FFFFFF;
	content: " ";
	display: block;
	border-radius: 50%;
	border: 1px solid #1595d3;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 28px;
	transition-duration: 0.4s;
	transform: scale(0)
}

label img {
	transition-duration: 0.2s;
	transform-origin: 50% 50%
}

: checked+label {
	border-color: #1595d3
}

: checked+label: before {
	content: "✓";
	background-color: #1595d3;
	transform: scale(1)
}

: checked+label img {
	transform: scale(0.9);
	box-shadow: 0 0 5px #333;
	z-index: -1
}

div.poisciMi {
	display: none;
	position: fixed;
	bottom: 10px;
	left: 10px;
	padding: 10px;
	background-color: #1595d3;
	color: #FFFFFF;
	width: 90px;
	cursor: pointer;
	border: 1px solid #1595d3;
	text-align: center;
	z-index: 10
}

div.poisciMi:hover {
	background-color: #FFFFFF;
	color: #1595d3
}

div.poisciMiOkno {
	width: 54%;
	padding: 3% 5% 1% 4%;
	position: fixed;
	left: 20%;
	top: 20%;
	background-color: #FFFFFF;
	border: 1px solid #1595d3;
	z-index: 15;
	display: none
}

div.poisciMiOkno h2 {
	margin: 10px 0;
}

div.poisciMiOkno img.x {
	float: right;
	position: relative;
	top: -15px;
	left: 6%;
	cursor: pointer
}

select.poisciMiInput,
input.poisciMiInput,
textarea.poisciMiInput {
	background-color: #FFFFFF;
	border: 1px solid #EFEFEF;
	padding: 12px;
	width:calc(100% - 24px);
	margin:8px 0;
}

select.poisciMiInput {
	width:100%;
}

.ui-widget.ui-widget-content {
	font-family:sanuk-lightregular;
}

input.poisciMiInput::placeholder,
textarea.poisciMiInput::placeholder {
	color: #ababab;
	opacity: 1
}

button.poisciMiInput {
	width:100%;
	margin:10px 0;
	padding: 10px;
}

div.popup {
	width: 60%;
	padding: 3% 5% 1% 4%;
	position: fixed;
	overflow-y: scroll;
	left: 20%;
	top: 10%;
	background-color: #FFFFFF;
	border: 1px solid #1595d3;
	z-index: 15;
	display: none
}

div.popup h2 {
	margin: 0
}

div.popup img.x {
	float: right;
	position: relative;
	top: -15px;
	left: 6%;
	cursor: pointer
}

div.infoOkno h2 {
	margin: 0
}

.headerPrijava {
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
	margin-top:100px;
	width: 100% /* instruktorji.php - preklopite na online*/
}

img.joinusimg {display:block;margin:0 auto;}

.prijavaG {
	width: 300px;
	margin: 25px auto;
	display:flex;
	justify-content:center;
}

.prijavaLevo h1 {
	text-align: center;
	margin-top: 50px;
	font-size: 30px
}

.prijavaLevo p {
	text-align: center;
	margin-top: 20px
}

h2.zakajPostati {
	margin-top: 42px;
	font-size: 22px
}

p.postaniIkona {text-align:left;color:#1595d3;font-size:32px;margin:0;padding:0 0 16px 0}

#navodilaPrijava .tretjina {
	border: none;
	box-shadow: none;
	margin-top: 32px;
	margin-bottom: 32px
}

#navodilaPrijava .tretjina h3 {
	font-size: 18px;
	margin: 4px 0 0 0
}

.grayOzadje {
	background-color: #EFEFEF;
	width: 90%;
	padding: 5%
}

.gSignMiddle {
	width: 300px;
	margin: 20px auto
}

.sivoOzadje {
	position: fixed;
	z-index: 10;
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none
}

div.falobv {
	position: fixed;
	overflow-y: scroll;
	max-height: 80%;
	width: 80%;
	left: 5%;
	top: 5%;
	background-color: #FFFFFF;
	z-index: 15;
	padding: 1% 2%;
	-webkit-animation: fadein 1s;
	-moz-animation: fadein 1s;
	-ms-animation: fadein 1s;
	-o-animation: fadein 1s;
	animation: fadein 1s;
	display: none
}

div.iks {
	position: absolute;
	right: 3px;
	top: 3px;
	width: 20px;
	height: 20px;
	background-image: url('/instrukcije/images/ikx.png');
	cursor: pointer
}

div.glava_instruktorja {
	color: #FFFFFF;
	background-position: center
}

div.glava_instruktorja h2 {
	color: #FFFFFF
}

div.glava_instruktorja div.gumbTop {
	color: #FFFFFF;
	padding: 7px
}
div.glava_instruktorja button.nadaljujEasy i.fi{
	font-size:20px;
}

.podatki_instruktorja h1 {
	color: #FFFFFF
}

.podatki_instruktorja .divhitrikontakt button.nadaljuj {
	background-color: #008A5B;
	color: #FFFFFF;
	border: 1px solid #008A5B
}

.podatki_instruktorja .divhitrikontakt button.nadaljuj:hover {
	background-color: #FFFFFF;
	color: #008A5B;
	border: 1px solid #008A5B
}

.podDivInstruktor {
	margin-top: 50px
}

div.parametri div.podDivInstruktor {
	margin-top: 0
}

div.slika_instruktorja img.sl_inst {
	margin-bottom: 0
}

div.slika_instruktorja button.nadaljuj {
	width: 135px;
	position: relative;
	left: 14px;
	bottom: 30px
}

div.ozadjeHeaderInst {
	background-image: url('/instrukcije/images/vsi-instruktorji.jpg')
}

div.podDivInstruktor {
	margin-top: 60px;
	color: #FFFFFF
}

div.extraI {
	margin-top: 85px
}

div.gumbTop {
	margin-bottom: 6px;
	padding: 6px 10px
}

div.gumbTop div {
	padding: 0 10px
}

div.slika_instruktorja {
	margin-top: 0
}

div.slika_instruktorja img.sl_inst {
	border: 1px solid #efefef
}

div.sirokInstruktor h2.hitriH2 {
	color: #1595d3;
	font-size:16px;
	font-weight:normal;
}

div.sirokInstruktor div.ikona img {
	height: 35px
}

.lds-ring {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 80px;
	height: 80px
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #1595d3 transparent transparent transparent
}

.lds-ring div: nth-child(1) {
	animation-delay: -0.45s
}

.lds-ring div: nth-child(2) {
	animation-delay: -0.3s
}

.lds-ring div: nth-child(3) {
	animation-delay: -0.15s
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

.chosen-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: 2px solid #EFEFEF;
	padding: 12px 0;
	background-color: #FFFFFF
}

div.vpogledni .chosen-container {
	padding: 0
}

div#filtrirniDiv .chosen-container {
	padding: 0
}

.chosen-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.chosen-container .chosen-drop {
	position: absolute;
	top: 100%;
	left: -9999px;
	z-index: 1010;
	width: 100%;
	border-top: 0;
	background: #fff
}

.chosen-container.chosen-with-drop .chosen-drop {
	left: 0
}

.chosen-container a {
	cursor: pointer
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
	margin-right: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
	color: #999999
}

.chosen-container .search-choice .group-name: after,
.chosen-container .chosen-single .group-name: after {
	content: ": ";
	padding-left: 2px;
	vertical-align: top
}

.chosen-container-single .chosen-single {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 0 0 8px;
	height: 30px;
	background-color: #FFFFFF;
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	line-height: 30px
}

.chosen-container-single .chosen-default {
	color: #757575
}

.chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 17px
}

.chosen-container-single .chosen-single-with-deselect span {
	margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
	position: absolute;
	top: 6px;
	right: 26px;
	display: block;
	width: 12px;
	height: 12px;
	background: url('/instrukcije/images/chosen-sprite.png') -42px 1px no-repeat;
	font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
	background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
	background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 18px;
	height: 100%
}

.chosen-container-single .chosen-single div b {
	display: block;
	width: 100%;
	height: 100%;
	background: url('/instrukcije/images/chosen-sprite.png') no-repeat 0px 4px
}

.chosen-container-single .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap
}

.chosen-container-single .chosen-search input[type="text"] {
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	width: 100%;
	height: auto;
	outline: 0;
	border: 1px solid #aaa;
	background: #FFFFFF url('/instrukcije/images/chosen-sprite.png') no-repeat 100% -20px;
	background: url('/instrukcije/images/chosen-sprite.png') no-repeat 100% -20px;
	font-size: 1em;
	font-family: sans-serif;
	line-height: normal;
	border-radius: 0
}

.chosen-container-single .chosen-drop {
	margin-top: -1px;
	border-radius: 0 0 4px 4px;
	background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
	position: absolute;
	left: -9999px
}

.chosen-container .chosen-results {
	color: #444;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 4px 4px 0;
	padding: 0 0 0 4px;
	max-height: 240px;
	-webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
	display: none;
	margin: 0;
	padding: 5px 6px;
	list-style: none;
	line-height: 15px;
	word-wrap: break-word;
	-webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
	display: list-item;
	color: #ccc;
	cursor: default
}

.chosen-container .chosen-results li.highlighted {
	background-color: #1595d3;
	color: white;
}

.chosen-container .chosen-results li.no-results {
	color: #777;
	display: list-item;
	background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
	display: list-item;
	font-weight: bold;
	cursor: default
}

.chosen-container .chosen-results li.group-option {
	padding-left: 15px
}

.chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline
}

.chosen-container-multi .chosen-choices {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0 5px;
	width: 100%;
	height: auto !important;
	height: 1%;
	border: 1px solid #aaa;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
	background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
	background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
	background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
	background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
	cursor: text
}

.chosen-container-multi .chosen-choices li {
	float: left;
	list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	margin: 1px 0;
	padding: 0;
	height: 25px;
	outline: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none;
	color: #999;
	font-size: 100%;
	font-family: sans-serif;
	line-height: normal;
	border-radius: 0
}

.chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
	margin: 3px 5px 3px 0;
	padding: 3px 20px 3px 5px;
	border: 1px solid #aaa;
	max-width: 100%;
	border-radius: 3px;
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
	background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-size: 100% 19px;
	background-repeat: repeat-x;
	background-clip: padding-box;
	box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	color: #333;
	line-height: 13px;
	cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
	word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	position: absolute;
	top: 4px;
	right: 3px;
	display: block;
	width: 12px;
	height: 12px;
	background: url('/instrukcije/images/chosen-sprite.png') -42px 1px no-repeat;
	font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
	background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
	padding-right: 5px;
	border: 1px solid #ccc;
	background-color: #e4e4e4;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
	background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
	background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
	background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
	margin: 0;
	padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
	display: list-item;
	color: #ccc;
	cursor: default
}

.chosen-container-active .chosen-single {}

.chosen-container-active.chosen-with-drop .chosen-single {
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
	border-left: none;
	background: transparent
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -18px 4px
}

.chosen-container-active .chosen-choices {}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
	color: #222 !important
}

.chosen-disabled {
	opacity: 0.5 !important;
	cursor: default
}

.chosen-disabled .chosen-single {
	cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
	cursor: default
}

.chosen-rtl {
	text-align: right
}

.chosen-rtl .chosen-single {
	overflow: visible;
	padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
	margin-right: 0;
	margin-left: 26px;
	direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
	margin-left: 38px
}

.chosen-rtl .chosen-single div {
	right: auto;
	left: 3px
}

.chosen-rtl .chosen-single abbr {
	right: auto;
	left: 26px
}

.chosen-rtl .chosen-choices li {
	float: right
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
	direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
	margin: 3px 5px 3px 0;
	padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
	right: auto;
	left: 4px
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
	left: 9999px
}

.chosen-rtl.chosen-container-single .chosen-results {
	margin: 0 0 4px 4px;
	padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
	padding-right: 15px;
	padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
	border-right: none
}

.chosen-rtl .chosen-search input[type="text"] {
	padding: 4px 5px 4px 20px;
	background: #FFFFFF url('/instrukcije/images/chosen-sprite.png') no-repeat -30px -20px;
	background: url('/instrukcije/images/chosen-sprite.png') no-repeat -30px -20px;
	direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
	background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
	background-position: -12px 2px
}

div.mobileLupa {
	display:none;
}

div.logo input {
	padding: 8px;
	width: 100%;
	margin: 4px 0;
	border: 1px solid #ababab;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {
	.chosen-rtl .chosen-search input[type="text"],
	.chosen-container-single .chosen-single abbr,
	.chosen-container-single .chosen-single div b,
	.chosen-container-single .chosen-search input[type="text"],
	.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
	.chosen-container .chosen-results-scroll-down span,
	.chosen-container .chosen-results-scroll-up span {
		background-image: url('/instrukcije/images/chosen-sprite@2x.png') !important;
		background-size: 52px 37px !important;
		background-repeat: no-repeat !important
	}
}

#remote-video {
	background-color: #000000;
	width: 100%;
	height: 640px
}

.oblacek {
	border: 1px solid #efefef;
	border-radius: 10px;
	margin: 10px
}

.domaci {
	background-color: #efefef;
	padding: 20px
}

.tuji {
	background-color: #FFFFFF;
	padding: 20px
}

div.slikca {
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 20
}

div.slikca img {
	height: 40px
}

input.sporociloOnline {
	padding: 10px;
	margin: 10px;
	width: 80%
}

#korak2,
#korak3,
#korak4,
#korak5,
#korak6 {
	display: none
}

h1.sredinjen {text-align: center}
p.sredinjen {text-align: center}

div.vsebina h1.zamaknjen {
	margin: 0 0 100px 0
}

div.dod_desc {
	padding: 12px;
	margin: 12px;
	width:120px;
}

div.dod_desc p {
	text-align: center;
	color:#ababab;
}

div.korakiOnline {
	width: 80%;
	margin-left: 10%
}

div.korakiOnline div {
	float: left;
	width: 20%;
	height: 3px;
	margin: 2% 2%
}

div.korakiOnline div.modraCrtica {
	background-color: #1595d3
}

div.korakiOnline div.crnaCrtica {
	background-color: #efefef
}

img.ctaikona {
	height: 30px
}

img.fl_desno {
	float: right;
	position: relative;
	bottom: 12px;
	height: 25px
}

img.puscica_dol {
	display: none
}

ol.resevanje li {
	padding:4px 0;
}

div.cenik_1 {
	font-size: 18px
}

div.filtrirajSlikca {
	border: 1px solid #efefef;
	margin: 15px 5px 5px 5px;
	padding-bottom: 9px;
	background-color: #FFFFFF
}

div.filtrirajSlikca:hover {
	background-color: #efefef
}

.lokal-video {
	max-width: 100%
}

.onlineStep {
	max-width: 1024px;
	margin: 0 auto;
	width: 90%
}

div.vsebina div.onlineStep h1 {
	clear: both;
	margin: 20px 0
}

div.odlicnoPripravljen {
	width: 300px;
	margin: 10px auto
}

div.odlicnoPripravljen img {
	width: 275px;
	margin: 10px auto
}

div.odlicnoPripravljen button {
	width: 275px
}

#test {
	padding:15px;
	margin-top:70px;
	box-shadow:2px 2px 5px #ababab;
}

#test div.vprasanje p input {vertical-align:baseline;cursor:pointer;}

#testna {
	position: absolute;
	top: 250px;
	width: 50%;
	margin-left: 25%;
	height: 165px;
	background-color: #FFFFFF;
	border: 1px solid #1595d3
}

#testna p {
	text-align: center;
	margin-top: 30px
}

#app video {
	max-width: 100%
}

#paypal-button-container {
	display:flex;
	justify-content:center;
	margin:60px 0;
}

.obrazecKreditna {
	width: 100%;
	margin: 50px;
	padding: 30px 30px 15px 30px;
	background-color: #fefefe;
	border: 1px solid #efefef;
	max-width:600px;
}

.obrazecKreditna h1{ 
	color:#1595d3;
}

.slikaOzdaje {
	background-image: url('/instrukcije/images/goinstrukcije-naslov.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

button.kreditna {
	width: 100%;
	margin-top: 20px
}


#payment-form {
	margin-top: 20px
}

img.kreditneLogo {
	max-width: 100%;
	margin-top: 20px
}

img.kljukicaSredina {
	display: block;
	width: 200px;
	margin: 10px auto
}

span.znesek {
	font-size: 20px;
	font-weight: bold
}

div.parcek {
	display: flex;
	justify-content: space-around;
	/*background-image: url('/instrukcije/images/goinstrukcije-naslov.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center*/
}

div.fleksi {
	display: flex;
	justify-content: space-between
}

div.fleksipredmet {justify-content:left;}
div.fleksipredmet i.fi {color:black;}
div.fleksipredmet div {margin-right:8px;}

div.fleks-wrap {
	flex-wrap: wrap
}

div.fleksiAround {
	display: flex;
	justify-content: space-around
}

div.fleksiStart {
	display: flex;
	justify-content: flex-start;
	align-items:center;
}

div.racuni div.fleksi div.polovicka {
	width: 50%
}

div.fleksi div.sirina40 {
	width: 35%
}

div.fleksi div.sirina80 {
	width: 75%
}

div.iskalnik div.sirina80 input {
	background: url('/instrukcije/images/searchicon.png');
	background-position: center left 5px;
	background-repeat: no-repeat;
	padding-left: 30px
}

div.iskalnik input#predmet {
	background: url('/instrukcije/images/searchicon.png');
	background-position: center left 5px;
	background-repeat: no-repeat;
	padding-left: 12px;
	margin-top: 16px
}

form#formaPoisciMi div.iskalnik {
	
}

form#formaPoisciMi input#krajPoisci{
	
}

div.fleksi div.sirina20 {
	width: 20%
}

div.fleksi div.sirina15 {
	width: 20%;
	cursor: pointer
}

div.fleksi div.sirina20 button.nadaljuj {
	margin-top: 5%
}

div.fleksi select {
	width: 100%
}

div.fleksColumn {
	flex-direction: column
}

div.sirina50prc {
	width: 55%
}

div.desnoGor {}

div.stevilka {
	margin: 20px 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 2px solid #efefef;
	font-size: 12px;
	color: #a0a0a0;
	cursor: pointer
}

div.stevilka:hover {
	border-bottom:2px solid #1595d3
}

div.aktivnaStevilka {
	border-bottom: 2px solid #1595d3;
	/*cursor: default*/
}

div.divKreditneLogo {
	display: flex;
	justify-content: space-between
}

div.divKreditneLogo img.kreditneLogo {
	height: 60px
}

.StripeElement {
	border: 1px solid #eee;
	padding: 10px; /* - /instrukcije/stripe.php */
}

.StripeElement--invalid {
	border: 1px solid red
}

input.inputKred {
	width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
	margin:0 0 12px 0;
	padding:8px;
	background-color:#efefef;
}

img.floatRight {
	float: right
}

div.drugega button.nadaljuj {
	width: 100%;
	margin: 0
}

div.fiksna {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center
}

div.filter.instruktor div.skatlica.fiksna {
	padding: 8px;
	box-shadow: 2px 2px 2px #ababab
}

#terminDate_root {
	max-width: 400px
}

.blink_me {
	animation: blinker 1s linear infinite
}

@keyframes blinker {
	50% {
		opacity: 0
	}
}

.neviden {
	display: none
}

.predmetiNastej {
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	width:100%;
}

.grayscale {
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.vprasalnikDiv h3 {
	margin:0 0 10px 0;
}

.vprasalnikDiv {
	padding:20px;
	cursor:pointer;
}

.vprasalnikDiv:hover {
	box-shadow:2px 2px 2px #ababab;
}

.availability-container {
    width: 100px;
    background-color: #efefef;
    border: 1px solid #ddd;
    overflow: hidden;
    height: 20px; 
	margin-top:4px;
}

.availability-bar {
    height: 20px;
    background-color: #1595d3; /* Green color to indicate availability */
}

div.subEnota {width:100%;}
div.zemljevid_bg {
	background-image:url('/instrukcije/images/zemljevid.jpg');
	position: relative;
	overflow: hidden;
}

div.zemljevid_bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/instrukcije/images/zemljevid.jpg');
	background-size: cover;
	background-position: center;
	filter: brightness(1.3); /* Adjust to desired brightness */
	z-index: 0;
}

div.zemljevid_bg > * {
	position: relative;
	z-index: 1;
}

div.zemljevid_bg div.slika img {
	display:block;
	margin:48px auto;
}


div.zemljevid_bg div.gumb {
	margin:48px 0;
}

div.zemljevid_bg div.gumb button.nadaljuj {
	width:120px;
	display:block;
	margin:0 auto;
}


@media only screen and (max-width: 1600px) {
	div.meniIkone div {padding-left:4px;}
}
@media only screen and (max-width: 1540px) {
	div.meniIkone div {padding-left:2px;}
}
@media only screen and (max-width: 1400px) {
	div.primernega {
		margin: 150px 0 150px 15px
	}
	div.sirokInstruktor {
		width: 96%;
		margin: 10px 2%
	}
	div.iskalnikNavigacija {
		display:none;
	}
	div.mobileLupa {
		display:block;
		margin:10px 8px 0 10px;
	}
}

@media only screen and (max-width: 1320px) {
	div.filter.instruktor div.skatlica.fiksna {
		margin: 15px
	}
}

@media only screen and (max-width: 1280px) {
	div.parreferenca {
		display: none
	}
	div.parlevo {
		width: 30%
	}
	div.sirokInstruktor div.par_ozki {
		width: 130px
	}
	div.podnavigacijo {
		width:calc(100% - 24px);
		margin-left:0;
	}

}

@media only screen and (max-width: 1150px) {
	.meniTekst {
		display: none
	}
	div.iskalnikNavigacija {
		display:block;
	}
	div.mobileLupa {
		display:none;
	}
}

@media only screen and (max-width: 1070px) {
	div.nacinDela {
		flex-wrap: wrap
	}
	div.drazljivke div.drazi {
		margin:0 auto;
	}
	div.nacinDela div.drazi {
		padding: 3%;
		width: 94%
	}
	div.sirokInstruktor div.hitri_param {
		display: none
	}
	div.prijavaLevo h1 {
		margin-top:10px;
	}
	div.velikaSlika {
		margin:10px;
	}
	div.vsebina h1.imeInstruktorja {
		margin-left:10px;
	}
	div.headerPrijava {margin-top:60px;}
	div.vsebina h1.joinus{margin-top:10px;}
}

@media only screen and (max-width: 880px) {
	div.seznamInstruktorjev div.mediumInstruktor {
		width: 350px
	}
	div.sirokInstruktor div.par_prveikone {
		width: 300px
	}
	div.sirokInstruktor div.ostali_param {
		display: none
	}
	div.podnavigacijo {
		width:calc(100% - 12px);
		padding:6px;
	}
	div.iskalnikNavigacija {
		display:none;
	}
	div.mobileLupa {
		display:block;
	}
}

@media only screen and (max-width: 700px) {
	div.meniIkone {
		display: none
	}
}

@media only screen and (max-width: 380px) {
	span.inst {font-size: 28px}
	span.go {font-size: 28px}
	div.logo {margin-top:10px;}
}
@media only screen and (max-width: 640px) {

	#testna {
		top: 75px
	}
	p.postaniIkona {}
	div.tretjina p{
		padding:0;
	}
	div.dod_desc {
		width:auto;
	}
	div.parcek {
		display: block
	}
	div.obrazecKreditna {
		width: 80%;
		margin: 5%;
		padding: 5%
	}
	img.kreditneLogo {
		display: none
	}
	div.parcek {
		margin-top: 20px;
		padding: 5%
	}
	.StripeElement {
		padding: 10px;
		margin: 10px 0
	}
	div.slika_instruktorja img {
		width: auto
	}
	div.glava_instruktorja {
		display: block
	}
	input.isci {
		width: 92%
	}
	.overlay a {
		padding: 10px
	}
	div.instruktor_area {
		width: 150px
	}
	div.vsebina {
		margin-top: 50px
	}
	h1 {
		font-size: 24px;
		margin: 10px 5% 0 5%
	}
	div.instruktor {
		margin-left: 2%;
		width: 96%
	}
	div.CTAdiv {
		padding: 10px
	}
	div.enostavno h1 {
		font-size: 36px;
		padding: 0 10px
	}
	div.enostavno p {
		padding: 10px
	}

	.vprasalnikDiv {
		width: 120px!important;
		padding: 5px!important;
		margin: 0!important
	}
	.vprasalnikDiv h3 {
		top: 62px!important;
		width: 165px!important
	}
	div.naslovnaslika {
		background-position: top
	}
	div.naslovnaslika div.lokacijaFilter {
		width: 100%
	}
	div.razvrscevalec {
		width: 94%;
		margin: 0;
		padding: 1%;
		display: block
	}
	div.elemFilt {}
	div.izborFaksaSelect {
		width: 90%;
		margin: 2%;
		padding: 2%
	}
	div.vsebina {
		width: 100%
	}
	div.drazljivke {
		flex-direction: column
	}
	#top5 div.mediumInstruktor {
		margin: 0 auto 15px auto
	}
	div.elemFilt div {
		float: left
	}
	div.filtrirajSlikca {
		border: 0
	}
	div.ceznavigacijo {
		position: fixed
	}
	div.navigacija {
		
	}
	div.elemFilt select#fakultetaFilt {
		width: 100%;
		margin-top: 0px;
		padding: 5px
	}
	p {
		padding: 0 5px
	}
	div.meni {
		clear: both
	}
	div.meni ul {
		margin: 0;
		padding: 0
	}
	div.meni ul li {
		padding: 0 5px
	}
	div.posebna {
		margin-top: 100px
	}
	.cetrtina {
		width: 100%;
		margin-bottom: 10px
	}
	.skupina {
		width:100%;
	}
	.petina {
		width: 100%
	}
	div.ikonalevo {
		text-align:center;
	}
	div.parametri {
		width: 90%;
		margin-left: 5%
	}
	div.podDivInstruktor {
		width: 100%
	}
	div.referencar {
		margin: 5% 1%;
		padding: 5% 0;
	}
	div.parametri div.tekstopis {
		min-height: 0;
		height: auto
	}
	div.hitriObrazec {
		max-width:100%;
	}
	div.hitriObrazec button.nadaljuj {
		margin: 8px 0;
		padding: 8px;
		width: 100%
	}
	div.mobilenHitri button.nadaljuj {
		padding: 2%;
		width: 90%;
		margin: 2% 5%
	}
	
	div.sirokInstruktor h2 {
		text-align: center;
		font-size: 20px
	}
	div.slikaInst1 {
		display: block;
		margin: 0 auto;
		width: 120px;
		text-align: center
	}
	div.divhitrikontakt {}
	div.slika_instruktorja img.sl_inst {
		margin: 0 auto;
		width: 160px;
		display: block
	}
	div.bener {
		height: 730px;
		background-size: cover;
		background-repeat: no-repeat
	}
	div.sirokInstruktor {
		width: 90%;
		display: block
	}
	div.sirokInstruktor div.parametri {
		margin: 15px auto
	}
	div.sivigumb,
	div.modrigumb {
		margin: 0 auto
	}
	div.paket {
		width: 100%
	}
	.infoWidget .wid {width:50px;}
	div.levi_pas {
		width: 100%
	}
	div.podatki_instruktorja {
		width: 90%;
		margin: 0;
		clear: both;
		color: #FFFFFF;
		display: block
	}
	div.znotrajOpisa {
		width: 100%;
		margin-bottom: 10px
	}
	div.izracunCene {
		margin-top: 10px
	}
	div.wid p {
		font-size: 13px;
		margin: 0;
		padding: 0
	}
	div.wid img {
		width: 18px
	}
	div.mobilenHitri {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 4
	}
	div.zapri {
		float: right;
		width: 5%;
		font-size: 20px;
		color: #1595d3
	}
	h2.hitriH2 {
		width: 95%;
		float: left
	}
	div.parametri div.hitriObrazec {
		display: none
	}
	div.polovicka {
		width: 98%
	}
	form.izracunCene select {
		width: 180%
	}
	div.paket {
		height: auto
	}
	span.cena {
		font-size: 25px
	}
	div.meniSearch {
		display: none
	}
	.menijcek {
		margin: 8px 6px 0 0
	}
	div.ceznavigacijo {
		height: 50px
	}
	div.filter {
		display: block;
		padding: 5px 0 0 0;
		margin: 0;
		width: 90%;
		margin: 0 5%
	}
	div.filter div.iskalnik {
		width: 94%;
		margin: 2% 0;
		padding: 2% 0
	}
	div.filter div.iskalnik div.filtrirajSlikca {
		width: 33%;
		float: left
	}
	div.filter div.iskalnik form select {
		width: 100%
	}
	div.filter.instruktor div.fiksna {
		width: auto;
		margin: 10px 0
	}
	div.filter img.lokIkon {
		top: 15px
	}
	div.filter div.elKraj input.isci {
		width: auto
	}
	div.gumbkiSearch {
		display: block;
		width: 100%
	}
	div.gumbkiSearch div.filtrirajSlikca {
		float: left;
		width: 25%
	}
	div.ostalo {
		margin: 0
	}
	div.razvrscevalec img {
		margin-left: 12px
	}
	div.seznamInstruktorjev {
		border-top: 1px solid #EFEFEF
	}
	h1.imeInstruktorja {
		margin: 10px 0 10px 0
	}
	div.instruktorjipredmeta h3.izbira {
		margin: 20px 0 0 10px
	}
	div.iskalnikNaslovni {
		width: 95%
	}
	div.iskalnikNaslovni form {
		width: 95%
	}
	button.poisci {
		font-size: 20px
	}
	div.sirina_1360 h2 {
		margin-bottom: 25px
	}
	div.noga h2 {
		font-size: 16px
	}
	img.topinst {
		right: -60px;
		position: relative;
		top: -165px
	}
	img.cistilo {
		height: 35px
	}
	h3.top {
		margin-top: 10px
	}
	div.seemore {
		width: 100%;
		height: auto
	}
	div.seemore img {
		width: 100%
	}
	#navodilaPrijava div.tretjina {
		width: 100%;
		margin: 10px 0 10px 0
	}
	#responseDiv {
		margin: 0;
		padding: 0
	}
	div.prijavaDesno,
	div.prijavaLevo {
		width: 100%;
		margin: 30px 0
	}
	.headerPrijava {
		margin-top: 0
	}
	.vsebina .prijavaLevo h1 {
		margin-top: 15px
	}
	img.kakopoteka {
		display: none
	}
	div.kakopotekadesc {
		width: 100%;
		margin-top: 0
	}
	div.kakopotekaikone {
		width: 25%;
		margin-top: 0
	}
	div.kakopotekaikone img {
		margin-top: 15px
	}
	div.potekorak {
		height: auto;
		margin: 25px 0 15px 0
	}
	div.poisciMiOkno {
		width: 90%;
		top: 10%;
		padding: 1%;
		left: 2%
	}
	input.poisciMiInput,
	textarea.poisciMiInput {
		width: 92%
	}
	div.poisciMiOkno img.x {
		top: 0;
		left: 0
	}
	div.poisciMi {
		position: fixed;
		bottom: 10px;
		padding: 2%;
		left: 2%;
		background-color: #1595d3;
		color: #FFFFFF;
		width: 90%;
		cursor: pointer;
		border: 1px solid #1595d3;
		text-align: center;
		z-index: 3
	}
	div.slikca {
		display: none
	}
	#app button.nadaljuj {
		margin: 2%;
		width: 96%;
		padding: 3%
	}
	#app input.sporociloOnline {
		margin: 2%;
		width: 90%;
		padding: 3%
	}
	div.onlineStep button.nadaljuj {
		width: 100%
	}
	.mobileSkrit {
		display: none
	}
	.desktopSkrit {
		display: block
	}
	div.popup {
		width: 90%;
		padding: 0;
		left: 5%;
		top: 2%
	}
	div.popup img.x {
		display: none
	}
	div.zapriOkno {
		font-size: 20px;
		position: fixed;
		bottom: 20px;
		display: block;
		color: #FFFFFF;
		width: 100%
	}
	div.zapriOkno p {
		text-align: center
	}
	div.navigacija_instruktorja {
		display: flex;
		justify-content: space-around
	}
	div.hoinst {
		width: 45px;
		box-shadow: 1px 1px 5px 3px #efefef
	}
	div.hoinst p.vseb {
		display: none
	}
	div.hoinst div.divtekst {
		display: none
	}
	div.slika_instruktorja {
		display: block;
		margin: 0 auto
	}
	div.opis {}
	.prikaziMobi {
		display: block
	}
	h3.instH3 {
		text-align: center;
		font-size: 18px;
		margin: 20px 0 15px 0
	}
	.znotrajOpisa {
		clear: both
	}
	div.instruktor div.izborMinut {
		width: auto
	}
	div.velikaSlika img {}
	div.fleksi {
		flex-direction: column
	}
	div.podatki_instruktorja div.fleksi {
		flex-direction: row
	}
	div.fleksi div.sirina20 {
		width: 94%
	}
	div.fleksi div.sirina40 {
		width: 90%
	}
	div.mtop10 {
		margin-top: 10px
	}
	div.fleksi div.polovicka {
		width: 90%
	}
	div.sirina50 {
		width: 50%
	}
	div.filterMobgv {
		display: flex;
		justify-content: space-around
	}
	div.filterMobgv div {
		width: 100%
	}
	div.filterMobgv div select {
		width: 100%
	}
	div.filter div.iskalnik.predmetFilter img {
		display: none
	}
	p.osredinjen {
		text-align: center
	}
	div.gumbiMobile button.nadaljuj {
		width: 90%;
		padding: 5px 15px
	}
	img.ikonainst {
		margin: 7px auto;
		width: 35px;
		display: block
	}
	#emailRezervacija,
	#telefonRezervacija,
	div.opis button.nadaljuj {
		/*padding: 4% 2%*/  /* ne vem zakaj ... */
	}
	div.drugega button.nadaljuj {
		width: 90%;
		margin: 3%
	}
	.korakRezervacije input.minute {
		width: 90%;
		padding: 5%;
		width: 90%;
		padding: 5%;
		height: 100px;
		font-size: 50px;
		text-align: center
	}
	div.skatliceLokacij {
		display: grid;
		grid-template-columns: repeat(2, 1fr)
	}
	div.izborLokacije {
		display: block
	}
	div.instruktor div.izborLokacije div.fiksna {
		width: unset
	}
	div.mobGrid1 {
		grid-template-columns: repeat(1, 1fr)
	}
	#float-nav-bar p.vecji {
		font-size: 24px
	}
	#izvedbaPlacila div.obrazecKreditna {
		width: 90%;
		margin: 0
	}
	div.progressDiv {
		flex-direction: row
	}
	div.lokacijaFilter {
		flex-direction: row
	}
	div.naciniPlacila img {
		display: block;
		margin: 15px auto;
		width: 130px
	}
	p.pojas {
		padding: 0
	}
	div.primernega {
		width: 90%;
		margin: 20px 5%
	}
	div.levodesno {
		width:96%;
		margin:2%;
	}
	div.levodesno.fleksa.relativ {
		display: block
	}
	input.goIsci {
		width: 82%;
		padding: 4% 2% 4% 12%
	}
	div.instruktor.izborLokacije div.skatlica.fiksna {
		width: auto
	}
	div.vsebina h1.zamaknjen {
		margin-bottom: 20px
	}
	div.rangeProgress {
		flex-wrap: wrap
	}
	div.rangeProgress.goprogress {
		display: block
	}
	div.instruktor div.fiksna.p10m10 {
		width: auto
	}
	table.izborTerminov tr {
		display: block;
		float: left
	}
	table.izborTerminov tr th {
		display: block;
		width: 35px;
		height: 25px
	}
	table.izborTerminov tr td {
		display: block;
		width: 35px;
		height: 25px
	}
	table.izborTerminov tr.mobileskritTermin td {
		display: none
	}
	table.izborTerminov.gumbki tr td {
		display: block;
		width: 100%;
		height: 50px
	}
	table.izborTerminov.gumbki tr td p button {
		width: 100%
	}
	td.borderlevodesno {
		border: 0
	}
	th.borderlevodesnogor {
		border: 0
	}
	td.borderlevodesnodol {
		border: 0
	}
	div.elementFilter {
		width: 86%;
		padding: 0 5%
	}
	div.elementFilter {
		width: 86%;
		padding: 0 5%
	}
	div.elementFilter p.spoly {
		width: auto
	}
	button.filter {
		margin: 0 35px
	}
	div.spoly {
		justify-content: space-around
	}
	div.slikaInst1 p {
		margin: 0;
		padding: 0
	}
	div.naslov {
		display: block
	}
	div.hisna input {
		width: 99%
	}
	div.hisna button.nadaljuj {
		width: 96%
	}
	div.goRezultati {
		position: relative;
		top: 0;
		background-color: #FFFFFF
	}
	div.instruktor div.slika_instruktorja button.nadaljuj {
		display: none
	}
	div.instruktor div.podDivInstruktor {
		margin-top: 15px
	}
	div.instruktor div.podDivInstruktor h2.hitriH2 {
		color: #1595d3
	}
	div.instruktor div.podatki_instruktorja {
		padding: 0;
		width: auto
	}
	div.instruktor div.extraI {
		margin-top: 0px
	}
	div.instruktor div.parametri {
		margin-left: 0;
		padding: 0%;
		width: 100%
	}
	div.instruktor div.divhitrikontakt {
		display: none;
		width: 90%;
		padding: 5%;
		background-color: #FFFFFF
	}
	div.instruktor div.divhitrikontakt h2 {
		color: #FFFFFF
	}
	div.instruktor div.extraI {
		position: relative;
		bottom: 5px;
		padding-top: 15px
	}
	div.instruktor h1.imeInstruktorja {
		text-align: center;
		padding-top: 10px
	}
	div.instruktor div.podatki_instruktorja {
		height: auto
	}
	div.instruktor div.opis {
		color: #000000
	}
	div.instruktor div.parametri {
		width: 100%;
		margin-left: 0
	}
	div.instruktor button.mobileNada {
		display: block;
		margin: 0 auto;
		width: 90%;
		background-color: #FFFFFF;
		color: #1595d3;
		font-weight: bold;
		padding: 10px
	}
	div.instruktor div.mobileNi {
		padding-bottom: 15px
	}
	div.instGumbnki button>img {
		height: 15px
	}
	div.instGumbnki button.nadaljujEasy {
		width: 90%;
		margin-left: 5%;
		padding: 5px
	}
	div.sirina55prc {
		display: block
	}
	div.instGumbnki {
		display: block;
		margin-top: 0px;
		padding-bottom:8px;
	}
	div.desnoGor {
		display: block
	}
	div.sirokInstruktor div.divhitrikontakt {
		display: none
	}
	div.sirokInstruktor div.sirokNadaljuj button.nadaljuj {
		display: block;
		margin: 0 auto
	}
	div.seznamInstruktorjev {
		justify-content: space-around
	}
	div.seznamInstruktorjev div.mediumInstruktor {
		width: 320px;
		margin-top: 10px
	}
	div.filter.instruktor div.skatlica.fiksna {
		width: auto
	}
	div.parametrizacija p {
		text-align: center
	}
	div.medIzris {
		justify-content: space-between
	}
	div.primernega {
		margin: 30px 0 30px 15px
	}
	div.vsebinaBener {
		flex-direction: column;
		padding-top: 20px
	}
	div.potekorak h3 {
		padding: 5px
	}
	div.tekstPotek {
		width: 70%
	}
	div.imgPotek {
		display: flex;
		justify-content: center;
		align-items: center
	}
	div.imgPotek img {
		height: 50px
	}
	div.sirina_1360 {
		width: 92%;
		margin: 0 4%
	}
	.primernega h1.nomargin {
		font-size: 28px
	}
	div.innerIskalnik {
		width: 90%;
		margin: 5%
	}
	div.thumb {
		
	}
	div.thumb p.besedilo {
		color:#1595d3;
	}
	#commOkence {
		padding:0 15px;
	}
	div.zahvala_referenca {
		width:90%;
		margin-left:5%;
	}
	div.textRef {
		width:auto;
	}
	.menijcek img.burger {
		margin-top:5px;
	}
	div.smileyi {
		width:auto;
		margin: 100px 0;
		flex-wrap:wrap;
		flex-direction:row;
	}
	div.izris_smiley {
		width:auto;
	}
	div.referenceSkupaj div.obrazec{
		padding:20px;
	}
	div.referenceSkupaj {
		padding:5px;
		flex-wrap:wrap;
	}
	div.referenceSkupaj img.oceni {
		width:50px;
	}
	div.referenceSkupaj div.smizla {
		padding:10px;
	}
	div.velikaSlika {
		margin:0;
	}
	div.noga {
		width:calc(100% - 16px);
	}
	div.iskalnik input#predmet { 
		width: calc(100% - 48px);
		margin: 16px 0 0 12px;
	}
	div.drazi {
		width:280px;
		padding:20px;
		margin:15px auto;
	}
	div.mobileLupa {
		margin-top:3px;
	}
	div.logo input {
		margin:0;
	}
	div.podnavigacijo {top:50px;}
	.availability-container {
		display:none;
	}
	
	div.subEnota.ozka {
		width:180px;
	}
}

@media only screen and (max-width: 360px) {
	
	div.subEnota.ozka {
		width:160px;
	}
	
	div.rezultat {
		/*flex-wrap:wrap;*/
		border-bottom:1px solid #efefef;
	}
	div.subEnota p{
		padding:2px;
		margin:0;
	}
}

@media only screen and (max-width: 320px) {
	div.seznamInstruktorjev img.profilka {
		width: 100px
	}
	div.instruktor_area {
		width: 120px
	}
	div.grid3 {
		grid-template-columns: repeat(1, 1fr)
	}
}

@media only screen and (max-width: 315px) {
	div.mobileLupa {
		display:none;
	}
}