/*
Copyright (C) Janez Polc s.p. - All Rights Reserved
Unauthorized copying of this file, via any medium is prohibited.
Written by Janez Polc <info@janezpolc.si>, February 2017.
V: 2.0
*/


.okvir,
.jp-o {
	width: 100%;
	max-width: 1000px;
	margin: 0px auto;
	padding-right: 44px;
	box-sizing: border-box;
	display: block;
	position: relative;
}

.veleokvir,
.jp-v-o {
	width: 100%;
	margin: 0px auto;
	padding-right: 44px;
	box-sizing: border-box;
	display: block;
}

.vrstica,
.jp-v {
	width: 100%;
	display: block;
	clear: both;
	box-sizing: border-box;
	position: relative;
}

.veleokvir:after,
.jp-v-o:after,
.okvir:after,
.jp-o:after,
.vrstica:after,
.jp-v:after {
	display: block;
	clear: both;
	content: ' ';
}

.stolpec,
.jp-s {
	display: inline-block;
	float: left;
	margin: 0px;
	box-sizing: border-box;
	position: relative;
	padding-left: 44px;
}

.brezobloge,
.jp-np {
	padding: 0px !important;
}

.jp-no-margin,
.jp-nm {
	margin: 0 !important;
}

.stolpec.nopadding,
.stolpec.jp-np,
.jp-s.nopadding,
.jp-s.jp-np {
	padding-left: 0px !important;
}

.ena_cetrtina,
.jp-1-4 {
	width: 25%;
}

.dve_cetrtini,
.jp-2-4,
.ena_polovica,
.jp-1-2 {
	width: 50%;
}

.tri_cetrtine,
.jp-3-4 {
	width: 75%;
}

.ena_petina,
.jp-1-5 {
	width: 20%;
}

.dve_petini,
.jp-2-5 {
	width: 40%;
}

.tri_petine,
.jp-3-5 {
	width: 60%;
}

.stiri_petine,
.jp-4-5 {
	width: 80%;
}

.tri_tretjine,
.jp-3-3,
.stiri_cetrtine,
.jp-4-4,
.pet_petin,
.jp-5-5,
.ena,
.jp-1 {
	width: 100%;
}

.ena_tretjina,
.jp-1-3 {
	width: 33.33333333%;
}

.dve_tretjini,
.jp-2-3 {
	width: 66.66666666%;
}

.zlati_rez_veliki,
.jp-zrv {
	width: 61.80339887498948%;
}

.zlati_rez_mali,
.jp-zrm {
	width: 38.19660112501051%;
}

.celotna_sirina
.jp-cs {
	width: 100%;
	box-sizing: border-box;
}

.clear,
.clr
.jp-clear,
.ivo,
.jp-c {
	display: block;
	clear: both;
	width: 100%;
	height: 0px;
}

.sendvic22,
.jp-s-22 {
	padding-top: 22px;
	padding-bottom: 22px;
}

.sendvic44,
.jp-s-44 {
	padding-top: 44px;
	padding-bottom: 44px;
}

.sendvic88,
.jp-s-88 {
	padding-top: 88px;
	padding-bottom: 88px;
}

.sendvic110,
.jp-s-110 {
	padding-top: 110px;
	padding-bottom: 110px;
}

.obloga22,
.jp-o-22 {
	padding: 22px;
}

.obloga11,
.jp-o-11 {
	padding: 11px;
}

.obloga44,
.jp-o-44 {
	padding: 44px;
}

.obloga88,
.jp-o-88 {
	padding: 88px;
}

.okrog22
.jp-o-22 {
	margin: 22px;
}

.odmikzgoraj11,
.jp-mt-11 {
	margin-top: 11px;
}

.odmikzgoraj22,
.jp-mt-22 {
	margin-top: 22px;
}

.odmikzgoraj44,
.jp-mt-44 {
	margin-top: 44px;
}

.odmikzgoraj88,
.jp-mt-88 {
	margin-top: 88px;
}

.levo44 {
	padding-left: 44px;
}

.desno44 {
	padding-right: 44px;
}

.spodaj44 {
	padding-bottom: 44px;
}

.zgoraj44 {
	padding-top: 44px;
}

.levo22 {
	padding-left: 22px;
}

.desno22 {
	padding-right: 22px;
}

.spodaj22 {
	padding-bottom: 22px;
}

.zgoraj22 {
	padding-top: 22px;
}

.levo11 {
	padding-left: 11px;
}

.desno11 {
	padding-right: 11px;
}

.spodaj11 {
	padding-bottom: 11px;
}

.zgoraj11 {
	padding-top: 11px;
}

.razmak11,
.jp-r-11 {
	display: block;
	clear: both;
	height: 11px;
}

.razmak22,
.jp-r-22 {
	display: block;
	clear: both;
	height: 22px;
}

.razmak44,
.jp-r-44 {
	display: block;
	clear: both;
	height: 44px;
}

.jp-zavihki {
	display: block;
}

.jp-zavihki-top {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.jp-zavihek {
	display: table-cell;
	text-align: center;
	font-weight: 700;
	cursor: pointer;
	padding: 22px;
}

.jp-zavihki-bottom {
	position: relative;
	overflow: hidden;
	height: 500px;
}

.jp-zavihek-vsebina {
	width: 100%;
	height: auto;
	left: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .3s linear;
}

.jp-zavihek-vsebina-odprta {
	left: 0;
	opacity: 1;
	transition: opacity .3s linear;
}

.jp-hide,
.jp-skrij,
.jp_skrito {
	position: absolute;
	left: -1400%;
}

.jp-ozje {
	max-width: 800px;
	margin: 0px auto;
}

/*postavitve*/

.spodaj,
.zgoraj,
.levo,
.desno {
	position: absolute;
}

.spodaj {
	bottom: 0px;
}

.zgoraj {
	top: 0px;
}

.levo {
	left: 0px;
}

.desno {
	right: 0px;
}

.jp-full {
	width: 100%;
	height: 100%;
	height: 100vh;
}

.jp-flex {
	display: flex;
}

.jp-block {
	display: block;
}

.jp-inline {
	display: inline;
}

.jp-table {
	display: inline;
}

.jp-inline-block {
	display: inline-block;
}

.jp-table {
	display: flex;
}

.jp-flex-start {
	align-content: flex-start;
}

.jp-flex-end {
	align-content: flex-end;
}

.jp-flex-left-center {
	align-items: center;
	justify-content: flex-start;
}

.jp-flex-right-center {
	align-items: center;
	justify-content: flex-end;
}

.jp-flex-center-center {
	align-items: center;
	justify-content: center;
}

.jp-flex-space-between {
	align-content: space-between;
}

.jp-flex-space-around {
	align-content: space-around;
}

.jp-flex-stretch {
	align-content: stretch;
}

.full-frame {
	/*tega javascript psotima, da je v visini vrstice.*/
	width: 100%;
	height: 100%;
}

@media (max-width: 1600px) {
	.ozje {
		max-width: 640px;
	}
}

@media (max-width: 750px) {
	.veleokvir, .jp-v-o {
		padding-right: 22px;
	}

	.stolpec,
	.jp-s {
		display: block;
		float: none;
		clear: both;
		margin: 0px;
		box-sizing: border-box;
		position: relative;
		width: 100%;
		padding-left: 22px;
	}

	.jp-no-margin,
	.jp-nm {
		margin: 0;
	}

	.desno44 {
		padding-right: 22px;
	}

	.levo44 {
		padding-left: 22px;
	}

	.sendvic110, .jp-s-110 {
		padding-top: 88px;
		padding-bottom: 88px;
	}
}

@media (max-width: 640px) {
	.ozje {
		width: 100%;
		min-width: 0px;
	}
}

@media screen and (max-width: 450px) {
	.sendvic110, .jp-s-110 {
		padding-top: 66px;
		padding-bottom: 66px;
	}
}