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

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

.ozje{
	width: 80%;
	min-width: 960px;
	margin: 0px auto;
}

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

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

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

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

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


.odmikzgoraj11{margin-top: 11px;}
.odmikzgoraj22{margin-top: 22px;}

.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;}

.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: 11px;
}
.razmak22,
.jp-r-22{
	display: block;
	clear: both;
	height: 22px;
}

@media (max-width: 1016px) {
	.ozje{
	width: 100%;
	min-width: 0px;
	}
}
@media (max-width: 750px) {
	.stolpec,
	.jp-s{
		display: block;
		float: none;
		clear: both;
		margin: 0px;
		box-sizing: border-box;
		position: relative;
		width: 100%!important
	}
}