/*
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: 1240px;
	margin: 0px auto;
	padding-right: 20px;
	box-sizing: border-box;
	display: block;
	position: relative;
}

.veleokvir,
.jp-v-o{
	width: 100%;
	margin: 0px auto;
	padding-right: 20px;
	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: 20px;
}

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

.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: 20px;
	padding-bottom: 20px;
}

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

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

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


.odmikzgoraj11{margin-top: 10px;}
.odmikzgoraj22{margin-top: 20px;}
.odmikzgoraj44{margin-top: 40px;}

.levo44{padding-left: 40px;}
.desno44{padding-right: 40px;}
.spodaj44{padding-bottom: 40px;}
.zgoraj44{padding-top: 40px;}

.levo22{padding-left: 20px;}
.desno22{padding-right: 20px;}
.spodaj22{padding-bottom: 20px;}
.zgoraj22{padding-top: 20px;}

.levo11{padding-left: 10px;}
.desno11{padding-right: 10px;}
.spodaj11{padding-bottom: 10px;}
.zgoraj11{padding-top: 10px;}

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

.spodaj{
	bottom: 0px;
}

.zgoraj{
	top: 0px;
}

.levo{
	left: 0px;
}

.desno{
	right: 0px
}

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


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

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


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

.jp-zavihek-vsebina{
	width:100%;
	height: auto;
	left: 2000%;
	opacity: 0;
	position: absolute;
	top: 0;
	box-sizing: border-box;
	transition: opacity .3s linear;
}
.jp-zavihek-vsebina-odprta{
	left: 20px;
	opacity:1;
	
	transition:  opacity .3s linear;
}

.jp-skrij,
.jp-skrito,
.jp_skrito{
	position:absolute;
	left:-540%;
	color: rgba(0,0,0,.0);
	background-color: transparent;
	opacity:0;
}

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




.jp-mobile{
	display: none;
}
.jp-desktop{
	display: block;
}

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

@media (max-width: 640px) {
	.ozje{
	width: 100%;
	min-width: 0px;
	}
}
@media (max-width: 750px) {
	
.jp-zavihki-top{
	display: none;
}	

.jp-zavihki-select{
	display: block;
	margin: 0 20px;
}

.jp-zavihki-select select{
	width: 100%;
	padding:10px;	
}


.jp-zavihek {
	display: block;
}

	
.jp-mobile{
	display: block;
}

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