.gumbi_kategorije {padding:20px 0;}
.gumbi_kategorije .pos_kat_g {float:right; margin-left:15px;}
.gumbi_kategorije .pos_kat_g a {padding:7px 15px; background-color:#000000; color:#ffffff; text-decoration:none; border:1px solid #000000; letter-spacing:2px;}
.gumbi_kategorije .pos_kat_g a:hover {padding:10px 20px; background-color:#ffffff; color:#000000; text-decoration:none; border:1px solid #000000;}


.naslov_ps {font-weight:500; text-align:justify !important; margin:10px 0; padding:25px 10px 0 10px;  line-height: 1.1; text-transform:uppercase; font-weight:600;}
.naslov_ps:after {content:''; display:inline-block; width:100%; margin:0; padding:0; line-height:0px; height:0px; font-size:0px; box-sizing: border-box;}
.slick-arrow {z-index:100;}

/*.akcije_ps div {display:none;}
.akcije_ps {max-width:100%;}*/
.akcije_ps .OpisArtikla {display:none;}

.slika_Bart img {margin:0 auto;}
.slika_Bart, .cena_Bart {text-align:center;} 
.naslov_Bart {display:none;}
.NazivArtikla {}

.slick-prev {left: -5px !important;}
.slick-next {right: -5px !important;}

.slick-prev:before, .slick-next:before { z-index:200;
    font-size: 40px  !important;
    line-height: 1;
    opacity: .75;
    color: #000000 !important; }

.wrapArtikla {padding:5px;}

.spl_info .obsolete {text-decoration:none; border:1px inset #000; background-color:#000; padding:2px 20px; color:#ffffff; margin:0 auto; text-transform:uppercase; font-weight:600; max-width:250px; text-align:center;}
#PrikazArtiklaKratki .obsolete {text-decoration:none; border:1px inset #000; background-color:#000; padding:0px 20px; color:#ffffff; margin:0 auto; text-transform:uppercase; font-weight:600; max-width:200px; text-align:center;}
#PrikazArtiklaKratki1 .obsolete {text-decoration:none; border:1px inset #000; background-color:#000; padding:0px 20px; color:#ffffff; margin:0 auto; text-transform:uppercase; font-weight:600; max-width:200px; text-align:center;}

.prenesiD a {text-decoration:none; border:1px inset #000; background-color:#000; padding:2px 20px; color:#ffffff !important; margin:0 auto; text-transform:uppercase; font-weight:600; max-width:250px; text-align:center;}
.prenesiD a:hover, .prenesiD a:active {color:#ffffff !important;}

#pop_kos {float:right; cursor:pointer; width:170px; text-align:right; padding:0 20px 0 20px;}
	.pop_kosarica {padding:3px 0 0 0; font-weight:bold;  font-size:var(--font16); }
	.pop_kosarica:before {padding-right:10px; content:'\f23d'; font-family: 'FontAwesome';}

#PopUpCart {
	position:fixed;
	top:20px;
	right:5px; 
	width:350px;
	background-color:#ffffff;
	box-shadow:2px 2px 5px #000;
	font-family: 'HelveticaNeue', sans-serif ;
}


	.CartContent {max-height:350px;}
	.kup_art_cont {max-height:310px; overflow-y:auto; padding:10px 10px 20px 5px; }
		.kup_art_cont::-webkit-scrollbar {width: 15px;}
		.kup_art_cont::-webkit-scrollbar-track {background: #cccccc;}
		.kup_art_cont::-webkit-scrollbar-thumb {background: #444;}
		.kup_art_cont::-webkit-scrollbar-thumb:hover {background:#000 ;} 

	.skcena_popkos {
		color:#ffffff;
		font-weight:600;
		width:100%;
		background-color:#444;
		padding:5px 10px;
		box-sizing:border-box;
	}
	.skcena_popkos .txt_skupaj {float:right; padding-right:10px;}
	.skcena_popkos .cena_skupaj {float:right;}
	
	.popkos_gumbi {
		color:#ffffff;
		font-weight:600;
		width:100%;
		background-color:#222;
		padding:5px 10px;
		box-sizing:border-box;
	}

.popkos_gumbi a {color:#ffffff !important; font-weight:600; font-size:18px; text-decoration:none;}
.popkos_gumbi a:hover {}
		
		.zapri_popkos {float:left;}
		.vkos_popkos {float:right;}

.en_pop_prikaz {padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #555;}
	.en_pop_prikaz .odstrani_iz_kokpop {display:table-cell; padding:0 5px 0 0; vertical-align:top;}
		.en_pop_prikaz .fa {font-size:20px;}
		.en_pop_prikaz .fa:hover {color:#ff0000; font-size:20px;}
	.en_pop_prikaz .kospop_imeart {display:table-cell; padding-right:10px; font-size:14px;}
	.en_pop_prikaz .kospop_kolicina {display:table-cell; white-space:nowrap; font-size:14px;}
		.en_pop_prikaz .kospop_kolicina:after {content:'x'; padding:0 2px; font-size:14px;}
	.en_pop_prikaz .kospop_cenart {display:none; white-space:nowrap; font-size:14px;}
	.en_pop_prikaz .kospop_skcenart {display:table-cell; font-size:14px;}





#sp_iskanje_sort .hi_trg {margin:0 auto; max-width:330px;}
.Sort1 .raz_prikaz {display:none;}
.Sort1 {clear:both; padding-top:20px;}
#sp_iskanje_sort {max-width:100%;}
#sp_iskanje_sort .hi_trg input {font-size:20px; padding:3px; max-width:300px; min-width:300px; width:100%;}
#sp_iskanje_sort .hi_trg .fa-search {font-size:25px; padding:0 5px; width:25px;}
.izbirna_vr_sp_1, .izbirna_vr_sp_2 {display:none;}
.SlediLocnica:after {content:'>'; padding:0 10px;} 

.StStrani {margin:20px 0; clear:both;}
.StStrani div {margin:0 auto; text-align:center;}
.StStrani div a {text-decoration:none; padding:0 5px;}
.StStrani div a#ListanjeTS {text-decoration:underline;}


.puscica_levo_spiski:after {content:'\f060'; font-family: 'FontAwesome'; padding-right:5px;}
.puscica_desno_spiski:after {content:'\f061'; font-family: 'FontAwesome'; padding-left:5px;}




#PrikazArtiklaKratki {float:left; position:relative }
#PrikazArtiklaKratki1 {float:left; position:relative }
.ZaporednaSt, .OpisArtKat, .DobGaran, .PodrOArt, .KosaricaSA {display:none;}

.ArtSl {text-align:center;}
.ArtSl img {width:100%; height:auto;}
/*.ArtSl a {margin:0 auto; max-height:420px; width:auto;}
.ArtSl img {margin:0 auto; max-height:420px; min-height:420px; min-width:auto; width:auto;}*/
.NazivArtikla {font-size:14px; font-weight:600; text-decoration:none; text-transform:uppercase; letter-spacing:2px;}
.VasaCenaSit {font-size:14px;  font-weight:600; text-align:center;}
#PrikazArtiklaKratki .spisek2_st1 {opacity:1; -webkit-transition: opacity 1s ease 0.7s;   -moz-transition: opacity 1s ease 0.7s;   -o-transition:opacity 1s ease 0.7s;   transition: opacity 1s ease 0.7s;}
#PrikazArtiklaKratki .spisek2_st2 {position:absolute; top:40%; left:15%;  width:70%; text-align:center; opacity:0; -webkit-transition: opacity 1s ease 0.7s;   -moz-transition: opacity 1s ease 0.7s;   -o-transition:opacity 1s ease 0.7s;   transition: opacity 1s ease 0.7s;}
#PrikazArtiklaKratki .spisek2_st3 {position:absolute; top:70%; left:15%;  width:70%;   text-align:center; opacity:0; -webkit-transition: opacity 1s ease 0.7s;   -moz-transition: opacity 1s ease 0.7s;   -o-transition:opacity 1s ease 0.7s;   transition: opacity 1s ease 0.7s;}
#PrikazArtiklaKratki:hover .spisek2_st1 {opacity:0;  -webkit-transition: opacity 1s ease;  -moz-transition: opacity 1s ease;  -o-transition:opacity 1s ease;  transition: opacity 1s ease;}
#PrikazArtiklaKratki:hover .spisek2_st2 {position:absolute; opacity:1; top:40%; left:15%; width:70%; text-align:center; -webkit-transition: opacity .5s ease .2s;  -moz-transition: opacity .5s ease .2s;  -o-transition:opacity .5s ease .2s;  transition: opacity .5s ease .2s;}
#PrikazArtiklaKratki:hover .spisek2_st3 {position:absolute; opacity:1; top:70%; left:15%;  width:70%;   text-align:center; -webkit-transition: opacity .5s ease.2s;  -moz-transition: opacity .5s ease .2s;  -o-transition:opacity .5s ease .2s;  transition: opacity .5s ease .2s;}

#PrikazArtiklaKratki1 .spisek2_st1 {opacity:1; -webkit-transition: opacity 1s ease 0.7s;   -moz-transition: opacity 1s ease 0.7s;   -o-transition:opacity 1s ease 0.7s;   transition: opacity 1s ease 0.7s;}
#PrikazArtiklaKratki1 .spisek2_st2 {position:absolute; top:40%; left:15%;  width:70%; text-align:center; opacity:0; -webkit-transition: opacity 1s ease 0.7s;   -moz-transition: opacity 1s ease 0.7s;   -o-transition:opacity 1s ease 0.7s;   transition: opacity 1s ease 0.7s;}
#PrikazArtiklaKratki1 .spisek2_st3 {position:absolute; top:70%; left:15%;  width:70%;   text-align:center; opacity:0; -webkit-transition: opacity 1s ease 0.7s;   -moz-transition: opacity 1s ease 0.7s;   -o-transition:opacity 1s ease 0.7s;   transition: opacity 1s ease 0.7s;}
#PrikazArtiklaKratki1:hover .spisek2_st1 {opacity:0;  -webkit-transition: opacity 1s ease;  -moz-transition: opacity 1s ease;  -o-transition:opacity 1s ease;  transition: opacity 1s ease;}
#PrikazArtiklaKratki1:hover .spisek2_st2 {position:absolute; opacity:1; top:40%; left:15%; width:70%; text-align:center; -webkit-transition: opacity .5s ease .2s;  -moz-transition: opacity .5s ease .2s;  -o-transition:opacity .5s ease .2s;  transition: opacity .5s ease .2s;}
#PrikazArtiklaKratki1:hover .spisek2_st3 {position:absolute; opacity:1; top:70%; left:15%;  width:70%;   text-align:center; -webkit-transition: opacity .5s ease.2s;  -moz-transition: opacity .5s ease .2s;  -o-transition:opacity .5s ease .2s;  transition: opacity .5s ease .2s;}



/*#PrikazArtiklaKratki .NazivArtikla {font-size:var(--font20); font-weight:600; text-decoration:none; text-transform:uppercase; letter-spacing:2px;}
#PrikazArtiklaKratki .ZaporednaSt {display:none;}
#PrikazArtiklaKratki .OpisArtKat {font-size:var(--font18); line-height:var(--line20);}
.DobGaran {display:none;}
.PozCenaKat {float:left; font-size:var(--font22);}
.ArtSl {text-align:center;}
.ArtSl a {margin:0 auto; max-height:300px; width:auto;}
.ArtSl img {margin:0 auto; max-height:300px; width:auto;}
.OpisArtKat {text-align:justify; text-justify: inter-word;}
.KosaricaSA {float:right;}
.VasaCenaSit {font-size:var(--font22);  font-weight:600;}
.KosaricaSA a {text-decoration:none; border:2px inset #555; color:#555; padding:10px 20px;}
.KosaricaSA a:hover {text-decoration:none; border:2px outset #000000; padding:10px 20px; color:#000000;}

.spl_info .obsolete {float:left; text-decoration:none; border:1px inset #555; background-color:#555; padding:2px 20px; color:#ffffff; margin-bottom:1px;}
#PrikazArtiklaKratki .obsolete {float:right; text-decoration:none; border:1px inset #555; background-color:#555; padding:0px 20px; color:#ffffff;}*/

.PozCenaKat .VasaCena {display:none;}


/* .po_naziv_artikla H1 {font-size:18px;  font-weight:600; text-align:center; text-transform:uppercase; margin:5px 0 20px 0; padding:0;} */
.po_slika_artikla {clear:both; float:left; width:550px; max-width:100%; padding:-1px 50px 50px 0;}
	.po_slika_artikla .artikelBig {max-width:100%; max-height:100%; height:auto; width:auto; padding:0 50px 0 0 ; text-align:center; margin:10px;}
	.po_slika_artikla .artikelBig img {max-width:100%; max-height:500px; height:auto; width:auto; min-width:300px;}
	.po_slika_artikla .artikelSmall {float:left; width:100px; height:100px; overflow:hidden; padding:5px; border:1px solid #dddddd; border-radius:5px; text-align:center; margin:8px;}
	.po_slika_artikla .artikelSmall:nth-child(0n+3) {margin-right:0px;}
	.po_slika_artikla .artikelSmall:hover {border:1px solid #3871c2;}
	.po_slika_artikla .artikelSmall img { max-height:100%; width:auto;  height:100%; margin:0 auto;}
	figcaption {display:none;}

#art_opis_naslov, .po_povezani_artili, .po_primerjava, .po_kompleti, .opis_tehnicnipodatki {display:none;}

.dodaj_priljubljene, .po_id_artikla, .po_dobava, .po_garancija, .po_dostava, .po_nacin_placila, #IzbranaBarva0, #izbranaEnota, .po_povezane_storitve {display:none;}

.spl_info  {float:right; width:auto; min-width:350px;}
    .po_vse_cene {padding:10px 20px; margin:20px 0; font-size:16px;}
        .po_vse_cene .cena_pos {}
        .po_vse_cene .cena_opis {display:table-cell; padding-right:10px; text-align:right;}
        .po_vse_cene .cena_znesek {display:table-cell;}
        .po_vse_cene .cena_pos .procent {font-style:italic; margin-left:10px;  color:#666;}
        .po_vse_cene .prodajna_cena {padding:10px 0 0 0; font-size:20px; font-weight:600;}
        .po_vse_cene .prodajna_cena .redna_cena_precrtano {padding-left:10px; font-size:18px; font-weight:400; text-decoration:line-through; font-style:italic; color:#666;}
        
	.po_kos_nakup_info {}
		.izberi_kolicino {}
			.izberi_kolicino .kolicina_naziv {font-weight:600;}
			.izberi_kolicino .kolicina_cena {}
			.izberi_kolicino .kolicina_izbira {float:left; border:1px solid #000000;}
				.izberi_kolicino .kolicina_izbira div {display:table-cell;}
				.izberi_kolicino .kolicina_izbira .kolChanger {width:25px; font-size:20px; font-weight:600; text-align:center; vertical-align:middle; background-color:#cccccc; cursor:pointer; padding:0 3px;}
				.izberi_kolicino .kolicina_izbira .kolChanger:hover {background-color:#000000; color:#ffffff;}
				.izberi_kolicino .kolicina_izbira .vpisi_kolicino input {font-size:20px; width:90px; height:35px; text-align:center; border:none;}
			.izberi_kolicino .cena_spremembe {display:none;}

			.gumb_vkosarico {float:left; margin:6px 0 0 5px;}
				.gumb_vkosarico a, .gumb_vkosarico label  {text-decoration:none; border:2px inset #555; color:#555; padding:7px 20px;}
				.gumb_vkosarico a:hover, .gumb_vkosarico label:hover{text-decoration:none; border:2px outset #000000; padding:7px 20px; color:#000000;}


@media only screen and (min-width : 1200px)  {
	#PrikazArtiklaKratki { width:25%;}
	#PrikazArtiklaKratki1 { width:25%;}
	.BodySpiskov > div:nth-child(4n+1) {clear:both;} 

	.BodySpiskov > div:nth-child(4n+1) {padding:50px 10px 50px 10px;} 
	.BodySpiskov > div:nth-child(4n+2) {padding:50px 5px} 
	.BodySpiskov > div:nth-child(4n+3) {padding:50px 5px} 
	.BodySpiskov > div:nth-child(4n+4) {padding:50px 10px 50px 10px;} 
}

@media only screen and (max-width : 1199px)  {
	#PrikazArtiklaKratki { width:50%;}
	#PrikazArtiklaKratki1 { width:50%;}
	.BodySpiskov > div:nth-child(2n+1) {clear:both;} 

	.BodySpiskov > div {padding:30px 10px;} 
}
@media only screen and (max-width : 620px)  {
}