@import url('Shop.css');
@import url('Kosarica.css');
@import url('../Galerije.css');
@import url('SplosneStrani.css');
@import url('Main-prijava.css');

@import url('../DWMjrFonti/Awesome/font-awesome.css');
@import url('../DWMjrFonti/Awesome/font-awesome.min.css');
@import url('../DWMjrFonti/Inter/Inter.css');
@import url('../DWMjrFonti/Rubik/font-rubik.css');

:root {
	--barva-crna: #000000;
	--barva-bela: #ffffff;
/* 	--barva-siva: #dddddd; */
	--barva-siva: #a3a3a3;
	--barva-bgsiva: #e8e8e8;
	--barva-oranzna: #f79433;

	--line-height-l: 25px;
	--line-height-m: 25px;
	--line-height-d: 25px;

	--font-l: calc(14px + (16 - 14)*(100vw - 400px)/(1940 - 400));
 	--font-m:  calc(14px + (16 - 14)*(100vw - 400px)/(1940 - 400));
 	--font-s:  calc(14px + (16 - 14)*(100vw - 400px)/(1940 - 400));
	--font-cap:  calc(14px + (16 - 14)*(100vw - 400px)/(1940 - 400)); 

 	--font-k:  calc(14px + (16 - 14)*(100vw - 400px)/(1940 - 400));
	--line-height-k: 3.3529411764705883vh;
	--line-height-kd: 30px;

 	--slogan: calc(16px + (40 - 16)*(100vw - 400px)/(1940 - 400));
	--sloganlh: calc(25px + (60 - 25)*(100vw - 400px)/(1940 - 400));
/* Font za cene */
	--font-vc: calc(20px + (24 - 20)*(100vw - 400px)/(1940 - 400));
	--font-rc: calc(22px + (28 - 22)*(100vw - 400px)/(1940 - 400));
	
/*	--font-l: calc(24px + (28 - 24)*(100vw - 400px)/(1940 - 400));
 	--font-m: calc(20px + (24 - 20)*(100vw - 400px)/(1940 - 400));

 	--font-s: calc(16px + (18 - 16)*(100vw - 400px)/(1940 - 400));
	--font-cap: 16px; */
	
	

/* 	--fonthe: calc(42px + (84 - 42)*(100vw - 400px)/(1940 - 400));
	--line-height-he: 9.882vh;*/
 	--fonthe: 40px;
	--line-height-he: 55px;

/*	--line-height-hd: 7.530vh;
 	--fonthd: calc(32px + (64 - 32)*(100vw - 400px)/(1940 - 400));*/
	--line-height-hd: 45px;
 	--fonthd: 30px;

/*	--line-height-ht: 6.118vh;
 	--fontht: calc(26px + (52 - 26)*(100vw - 400px)/(1940 - 400));*/
	--line-height-ht: 40px;
 	--fontht: 25px;

/* 	--fonth4 : 44px; */
/*	--line-height-hs: 5.176vh;
 	--fonths: calc(22px + (44 - 22)*(100vw - 400px)/(1940 - 400));*/
	--line-height-hs: 35px;
 	--fonths:20px;

}  

* {font-family: 'Inter', sans-serif;color:var(--barva-crna); box-sizing:border-box;}
.ajaxWait {position:absolute; top:25%; left:45%;}
#sredina  .vsebina_odprta p {font-size:var(--font-m); line-height:var(--line-height-l);}
 ::placeholder {font-size:14px; line-height:20px; color:#a3a3a3;}
 ::-ms-input-placeholder {font-size:14px; line-height:20px; color:#a3a3a3;}
 
BODY { padding:0; margin:0; font-size:16px;}

P { font-size:16px; line-height:25px;}

A {text-decoration:none;}
A:visited {text-decoration:none;}
A:hover {text-decoration:none;}
A:active {text-decoration:none;}


H1 {font-size:var(--fonthe); line-height:var(--line-height-he);}
H2 {font-size:var(--fonthd); line-height:var(--line-height-hd);}
H3 {font-size:var(--fontht); line-height:var(--line-height-ht);}
H4 {font-size:var(--fonths); line-height:var(--line-height-hs);}
.prikaz_novice H5 {font-size:var(--fonthe); line-height:var(--line-height-he);}



img {border:0;}

a, .gumb-moder, .gumb-bel, .gumb-rdeci, *:hover { -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition:all .3s ease;
  transition: all .3s ease;}

input:focus { outline: none;}
select:focus { outline: none;}

.okno_klavzule {position:absolute; bottom:0; left:0; width:100%; max-width:500px; background-color:var(--barva-bela); font-size:var(--font-s); z-index:1000; padding:50px; line-height:var(--line-height-s);}
.okno_klavzule p, .okno_klavzule a {font-size:var(--font-s); line-height:var(--line-height-s) !important; }

.skrij {display:none;}
#potrjeno {width:0; height:0; font-size:0; padding:0; margin:0; border:0;}
.red {color:#f17d80;}

.web {display:block;}
.mobi {display:none;}

.con {max-width:1940px; margin:0 auto; width:100%; padding:10px 120px; position:relative;}
.ex_zamik {max-width:1200px; margin:0 auto; width:100%; padding:25px 120px; position:relative;}
.poudarek { color:var(--barva-oranzna);}

#sredina {max-width:1940px; margin:0 auto; width:100%;}
.bg_siva {max-width:1940px; margin:0 auto; width:100%; padding:10px 120px;position:relative; background-color:var(--barva-bgsiva);}
.bg_bela {max-width:1940px; margin:0 auto; width:100%; padding:10px 120px;position:relative; background-color:var(--barva-bela);}
#pozicija {background-color:var(--barva-bela); width:100%; position:relative;}
	#header {position:relative; width:100%;}
		.header_spl {width:100%; background-color:var(--barva-crna); color:var(--barva-bela);  height:100px;}

		.header_spl .con {display:flex; align-items: top;  flex-direction: row; align-items: stretch;}
		
		.header_spl .con div {color:var(--barva-bela);}

		.header_spl .con .logotip {flex-grow: 2;  padding-top:10px;}
		.header_spl .con .spl_meni {flex-grow: 4; padding-top:20px;}
		.header_spl .con .spl_meni ul {padding:0px; margin:0px; display:flex;}
		.header_spl .con .spl_meni ul li {color:var(--barva-bela); padding:8px 20px 0 20px; margin:0 10px; list-style-type:none;}
		.header_spl .con .spl_meni ul li a {display:table-cell; color:var(--barva-bela); font-variant:small-caps; text-transform:uppercase; font-size:var(--font-cap); padding-bottom:10px;}
		.header_spl .con .spl_meni ul li.slika {padding-top:3px !important;}
		
		.spl_meni_on {font-weight:800;}
		.spl_meni_off {font-weight:500;}
				
			.prijava {flex-grow:3; padding-top:22px;}
				.prijava .spl_prijava_registracija {display:table-cell; padding:0 20px;}
				a.gumb-oranzen {display:block; background-color:var(--barva-oranzna); color:var(--barva-bela); width:165px; height:30px; padding-top:7px; font-variant:small-caps; text-transform:uppercase; font-size:var(--font-cap); text-align:center; vertical-align:middle; cursor:pointer; border:0px; line-height:18px !important;}
				a.gumb-bel {display:block; background-color:var(--barva-bela); color:var(--barva-oranzna); width:165px; height:30px;  padding-top:7px; font-variant:small-caps; text-transform:uppercase; font-size:var(--font-cap); text-align:center; vertical-align:middle;}
			.jeziki {flex-grow:1; text-align:right;  padding-top:28px;}

		.header_spl .con .jeziki,
		.header_spl .con .jeziki a {color:var(--barva-bela); font-variant:small-caps; text-transform:uppercase; font-size:var(--font-cap);}
		.header_slika_mobi {display:none;}
		.header_slika_web {display:block; position:relative; max-width:100%; margin:0 auto; width:100%; height:auto; padding:0px;font-size:0px !important;}
		.header_slika_web video {width:100%;  height:auto; padding:0px; margin:0px; border:0px;}
		.header_slika_web video source {padding:0; margin:0;}
		.header_slika_web .slogan {position:absolute; top:30%; bottom:70%; left:10%; font-size:var(--slogan) !important; width:45%; line-height:var(--sloganlh); font-weight:600;}

		/*po prijavi*/
		.spl_pozdrav {width:350px; float:right;}
		.prijava {text-align:right;}
		.b2b_meni {display:flex;}
		.b2b_meni .v_trg {width:150px; text-align:right;}
		.b2b_meni .p_meni_off {width:100px; text-align:right; padding-top:4px;}
		.b2b_meni .kosarica {width:100px; text-align:right; position:relative; padding-top:4px;}
		.b2b_meni .kosarica #NumProduct {background-color:var(--barva-oranzna); color:var(--barva-bela); font-size:12px; border-radius:10px; width:20px; height:20px; display:block; position:absolute; bottom:10px; right:-5px; padding:2px  2px 2px 2px;text-align:center;}
		.b2b_meni img {cursor:pointer;}
		.b2b_meni .uporabnik {width:100px;position:relative; padding:5px 0 20px 0;}
		.b2b_meni .uporabnik i.fa-user-o {width:50px; color:#ffffff; font-size:28px;}
		.b2b_meni .uporabnik .user_prikaz {display:none;}
		.b2b_meni .uporabnik:hover .user_prikaz {display:block; min-width:250px; position:absolute; background-color:var(--barva-crna); top:50px; right:0px; padding:20px; border-top-right-radius:-5px; border-top-left-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:1px solid #ffffff; z-index:50; text-align:left; white-space:nowrap;}
		.b2b_meni .uporabnik:hover .user_prikaz .Odjava {padding:10px; text-align:right; display:block;} 
		.b2b_meni .uporabnik:hover .user_prikaz a {color:var(--barva-bela); padding:5px;} 
		.b2b_meni .uporabnik:hover .user_prikaz .ime_uporabnika {color:var(--barva-bela); margin:10px 0;} 
		.b2b_meni .uporabnik:hover .user_prikaz .ime_uporabnika span {color:var(--barva-bela); font-weight:600;} 
	#sredina {clear:both; position:relative;}
	.sredina-con { padding:50px 20%;}

	#PrijavaDS input {}
	.UporIme input,
	.UporGeslo input {margin:15px 0; padding:5px; font-size:var(--font-m); width:100%; max-width:900px; height:50px; background-color:#ffffff; border:0px;}
	.LoginGumb_1 {clear:both; margin:15px 0 ;}

	.partner-tobe input[type="text"], .partner-tobe input[type="password"]  {margin:10px 0; padding:5px; font-size:var(--font-m); width:100%; max-width:900px; height:50px; background-color:#ffffff; border:0px;}
	.siva_bg input[type="text"], .siva_bg input[type="password"]  {margin:10px 0; padding:5px; font-size:var(--font-m); width:100%; max-width:900px; height:50px; background-color:#ffffff; border:0px;}
	input[type="checkbox"] {width:25px; height:25px;}
	.siva_bg  {background-color:var(--barva-bgsiva); padding-bottom:20px;}

	input:-internal-autofill-selected { background-color:#ffffff !important; font-size:var(--font-m);}
	input:focus { background-color:#ffffff; font-size:var(--font-m);}


	.oranzen_butten_conf {display:table-cell; background-color:var(--barva-oranzna); color:var(--barva-bela); font-weight:600; width:180px; height:60px; font-variant:small-caps; text-transform:uppercase; font-size:var(--font-cap); text-align:center; vertical-align:middle; cursor:pointer; border:0px;}
	.knof_prijava {padding:20px 0;}
		.knof_prijava input {background-color:var(--barva-oranzna); color:var(--barva-bela); font-weight:600; width:250px; height:75px; font-variant:small-caps; text-transform:uppercase; font-size:var(--font-cap); text-align:center; vertical-align:middle; cursor:pointer; border:0px;}
	.prijava_zapStrani table {width:100%;}
	
		.ex_zamik .opis_prijava {display:none;}
		.input_prijava input {margin:10px 0; padding:5px; font-size:var(--font-m); width:100%; max-width:900px; height:50px; background-color:#ffffff; border:0px;}
		.pozabljeno {padding:25px 0 0 0;}
			.pozabljeno a {font-size:14px; text-decoration:underline;}

	#logotipi {clear:both; border-top:1px solid #e8e8e8;  padding:80px 0;}
	#logotipi .con_logotip {max-width:1800px; margin:0 auto; width:100%;}
	#logotipi .logo_proizvajalci td {width:12.5%;}
	#logotipi .logo_proizvajalci td img {width:100%; height:auto;}
	#logotipi p {text-align:center;}
	#logotipi  img {max-width:1940px; max-width:100%; height:auto;}

	#footer {background-color:var(--barva-bgsiva);}
	#footer .con {padding:50px 120px;}

    
		.podatki_podjetja {font-variant:small-caps; text-transform:uppercase; font-size:var(--font-cap);}
		.podatki_podjetja, .podatki_podjetja1, .spl_meni_footer {float:left; vertical-align:top; padding-right:150px; font-size:var(--font-cap);}
		.podatki_podjetja1, .spl_meni_footer {margin-top:12px;}
				.podatki_podjetja1 a {text-decoration:underline;} 
		#footer, #footer p, #footer a {font-size:var(--font-cap); line-height:var(--line-height-m);}

		.spl_meni_footer ul {padding:15px 0; margin:0; }
		.spl_meni_footer ul li {list-style-type:none; padding:2px 0;}
		.copy-right {clear:both; padding:20px 0; font-size:var(--font-cap);}

   
    #vsebina_fp {min-height:700px; padding:50px 0; }
 

 /*Vsebina*/
 .con_zemljevid {max-width:1940px; margin:0 auto; width:100%; padding:0px 120px; position:relative;}

 .tab_zemlejvid,
.tab_zemlejvid tbody {padding:0px; margin:0px; border:0px;     vertical-align: top !important;     border-spacing: 0px !important; border-collapse: collapse; }
 .tab_zemlejvid td:first-child {font-size:0px !important;}
 .tab_zemlejvid td {width:50%; vertical-align:top; padding:0; margin:0; border-spacing: 0px !important;}
 .tab_zemlejvid td img {max-width:100%; height:auto;}
 .tab_zemlejvid td:nth-child(2) {padding-left:10%;}

 .o_podjetju_izb {background-color:var(--barva-bgsiva); padding:50px 120px;}
	.izbirnik_leto {display:flex;  flex-wrap: wrap;}
	.izbirnik_leto div {padding:0 40px 0 0px; font-size:38px; line-height:70px !important; cursor:pointer;}
	.izbirnik_leto div:before {content: "■";  font-size:38px; margin-right:30px;}
	.izbirnik_leto div:hover {color:var(--barva-oranzna);}
	.izbirnik_leto div:hover, .izbirnik_leto div.trenutno_aktiven {color:var(--barva-oranzna);}

		.div_to_open {margin:70px 0 70px 35%;}
	
	.sevis {padding:25px 0 0 0 ;}
	.sevis div {padding:25px 20%;}
	.sevis div:nth-child(even) {background-color:var(--barva-bgsiva);}
	.sevis div table {width:100%;}
	.sevis div table tr td {width:50%;}

	.iskanje div.con_is {padding:0px 20%;}


	.ps_besedilo {padding-top:50px; padding-bottom:50px; border-bottom:1px solid #e8e8e8;}
	.ps_novice {display:flex;  flex-wrap: wrap; padding-top:50px; padding-bottom:50px; border-bottom:1px solid #e8e8e8;}
	.ps_novice .pos_sp_novica {width:33%; padding:5%;}

	.prikaz_novice  {padding:50px 20%;}

	.partner-tobe  {background-color:var(--barva-bgsiva); padding-top:50px;  padding-bottom:50px;}
	.partner-tobe  .naslov_pp {font-size:var(--font-l);}
	.partner-tobe table {width:100%;}
	.partner-tobe table tr td {width:50%; padding:10px 20px 10px 0 ;}
	.partner-tobe table tr td input[type="checkbox"] {width:25px; height:25px; border:0;}
	.partner-tobe table tr td span {font-size:var(--font-m);}

	.SearchSubmitButton {display:block; background-color:var(--barva-oranzna); color:var(--barva-bela); width:180px; height:60px; padding-top:10px; font-variant:small-caps; text-transform:uppercase; font-weight: 600; font-size:var(--font-cap); text-align:center; vertical-align:middle; cursor:pointer; border:0px;}
	.Gumb-poslji {float:left; 
		    display: table-cell;
			background-color: var(--barva-oranzna);
			color: var(--barva-bela);
			font-weight: 600;
			width: 180px;
			height: 60px;
			font-variant: small-caps;
			text-transform: uppercase;
			font-size: var(--font-cap);
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
			border: 0px;
			padding:20px 0 0 0;
			margin:10px 0;
	}

	
/* 	Kategorije */
.kategorije_ps { }
	.pregledKategorij {display:flex;  flex-wrap: wrap;}
		.KategorijePS {width:29%; margin:50px 2%; border-bottom:1px solid #000000; border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; padding-top:30px;}
		.KategorijePS:hover {border:1px solid #000000;}
			.slikaKategorije {width:100%;}
			.slikaKategorije img {max-width:150px; height:auto !important; width:100%; margin:0 auto;}
			.imeKategorije {text-align:center; text-transform:lowercase; font-size:var(--fonths); padding:20px 0 10px 0;}
			.imeKategorije:first-letter {text-transform:uppercase !important;}
			.opisKategorije {}

	
 /*Konec -  Vsebina*/

.Clear {clear:both;}
.clear {clear:both;}

.fixedWaiter {position:absolute; top:25%; left:50%; right:50%;}




/*Odpiranje oken ob strani*/
		.sredina_min,
		.sredina_max {width:100%;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition:all .3s ease;
				transition: all .3s ease;}
		.sencaon {position:absolute; width:100%; height:100%; z-index:100; background-color:#000000; opacity:0.2;}
		.sencaoff {position:absolute; width:0%; height:0%; z-index:0; background-color:transparent; opacity:0;}
/*Za kosarico*/
		.kos 	{position:absolute;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition:all .3s ease;
				transition: all .3s ease;
				width:0% !important; 
				visibility: hidden;
				opacity: 0;}
		.kos > div,
		.kos > a,
		.kos > i,
		.kos > span { width:0px !important; font-size:0; display:none;}
		.kos  .kos_sk {-webkit-transition: all 1s ease;
				-moz-transition: all 1s ease;
				-o-transition:all 1s ease;
				transition: all 1s ease; }
		.kos_on {position:absolute; z-index:200; display:block;
				top:100px;
				right:2px;
				background-color:#ffffff;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition:all .3s ease;
				transition: all .3s ease;
				width:800px;
				max-width:100%;
				height:calc(100% - 100px);
				min-height:160px; 
				visibility: visible;
				opacity: 1;
			}   
			.zapri_popkos_x {text-align:right; padding:20px 20px;}
			.zapri_popkos_x a img {width:25px; height:auto;}
/*Za prijavo*/
		.prijavaNap {position:fixed;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition:all .3s ease;
				transition: all .3s ease;
				width:0% !important; 
				visibility: hidden;
				opacity: 0;}
		.prijavaNap > div,
		.prijavaNap > a,
		.prijavaNap > i,
		.prijavaNap > span { width:0px !important; font-size:0; display:none;}
		.prijavaNap  .kos_sk {-webkit-transition: all 1s ease;
				-moz-transition: all 1s ease;
				-o-transition:all 1s ease;
				transition: all 1s ease; }
		.prijavaNap_on{position:fixed; z-index:200; display:block;
				top:100px;
				right:2px;
				background-color:#ffffff;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition:all .3s ease;
				transition: all .3s ease;
				width:800px;
				max-width:100%;
				height:calc(100% - 100px);
				min-height:160px; 
				visibility: visible;
				opacity: 1;
			}  
			.prijavaNap_on .forma_pozg {padding:40px;}
			.prijavaNap_on .zapri_x {text-align:right; padding:20px 20px;}
			.prijavaNap_on .zapri_x a img {width:25px; height:auto;}
			.prijavaNap_on #RegistracijaGumb {display:block; font-variant:small-caps; text-transform:uppercase; font-size:var(--font-cap) !important; padding:15px 20px; text-align:center; width:200px; border-radius:0 !important; cursor:pointer;font-weight:500; flex-grow: 1; border:2px solid var(--barva-oranzna); background-color:var(--barva-oranzna); color:var(--barva-bela) !important;   margin:10px 0px 10px 0px;}

/*Zaprte strani b2b*/

			.vrstica_podatka {display:flex; width:100%; padding:15px 0 0 0 ;}
			.vrstica_podatka .opis_podatka {text-align:left; padding-right:5px; font-weight:400; font-size:var(--font-s); width:200px; }
			.vrstica_podatka .vrednost_podatka {width:calc(100% - 220px); max-width:800px;}
				.vrstica_podatka .vrednost_podatka  { width:100%;  border-bottom:1px solid #000; border-top:0px solid #000; border-right:0; border-left:0;  font-size:var(--font-s); padding:5px;}
				.vrstica_podatka .vrednost_podatka1 input  { width:100%;  border-bottom:1px solid #000; border-top:0px solid #000; border-right:0; border-left:0;  font-size:var(--font-s); padding:5px;}
#ElementSlika {display:none;}

.gumb_edu {margin:20px 0 0 200px;}
.gumb_edu a {display:table-cell; background-color:var(--barva-oranzna); color:var(--barva-bela); font-weight:600; width:180px; height:40px; font-variant:small-caps; text-transform:uppercase; font-size:var(--font-cap); text-align:center; vertical-align:middle; cursor:pointer; border:0px;}



@media only screen and (max-width : 1200px)  {
.kategorije_ps {margin:30px 0px !important;}
 .KategorijePS {flex:44% !important; margin:60px 3%; max-width:48%;}
	.KategorijePS img {width:150px; height:auto !important;}
    .mobi {display:block;}
    .web {display:none !important;}
	.headerFP_1 {height:auto; min-height:40px;}
	.headerFP_1 .con {flex-direction: column-reverse; }
    .headerFP_1 .con > div {margin-bottom:10px;}

    .headerFP_2  {height:auto; min-height:40px;}
    .headerFP_2 .con {flex-direction: column-reverse;}
    .headerFP_2 .con > div {margin:10px auto;}
	.header_slika_web .slogan {top:15%;}

.ex_zamik,
.con,
.bg_siva,
.bg_bela {padding:10px 20px;}
.sredina-con { padding:50px 5%;}

#footer .con {padding:50px 20px;}
.podatki_podjetja, .podatki_podjetja1, .spl_meni_footer {float:none; width:100% !important; text-align:left;}

.header_spl {height:70px; padding:10px;}
	.logotip {float:left; padding:0px 0px 0px 10px !important;}
	.logotip img {height:40px; width:auto;}


.izbirnik {float:right; padding:10px 10px 0px 0px;}
.izbirnik img {width:30px; height:auto;}

	.prijava {float:right; padding:10px 20px 0px 10px !important;}
		.prijava .spl_prijava_registracija {display:table-cell; padding:0 10px; vertical-align:top;}
		.SearchSubmitButton, a.gumb-oranzen {width:80px; padding:7px 0;}
		.spl_pozdrav {width:250px;}
		.b2b_meni .v_trg { display:none;}
		
		.spl_prijava_registracija a.gumb-bel {display:none;}

.siva_bg .con {padding-right:20px; padding-left:20px;}
    
    #PopUpCart {z-index:999;}
	.sredina_max,
	.sredina_min {width:100%;}
		#glavni_meni {position:fixed; left:0; top:0; height:100%; z-index:999; background-color:#ffffff;}

		.g_meni {-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition:all .3s ease;
				transition: all .3s ease;
				width:0% !important; 
				visibility: hidden;
				opacity: 0;}
		.g_meni > div,
		.g_meni > a,
		.g_meni > i,
		.g_meni > span { width:0px!important; font-size:0; display:none;  transition: all 0s ease;}
		.gl_meni_on {-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition:all .3s ease;
				transition: all .3s ease;
				width:100%; 
				max-width:500px;
				height:100%;
				min-height:60px; 
				visibility: visible;
				opacity: 1;
			}   
            .gl_meni_on .b2b_meni_mob {padding:20px 20px 20px 20px; clear:both;}
			.b2b_meni_mob {display: flex; flex-direction: column;}
            .gl_meni_on .katNivo1 a,
			.gl_meni_on .spl_meni ul li a,
			.gl_meni_on .spl_meni ul li a:hover,
			.gl_meni_on .b2b_meni_mob a,
			.gl_meni_on .b2b_meni_mob a:hover,
            .gl_meni_on .katNivo1 a:hover {color:#636363; text-transform:uppercase; font-variant:small-caps; font-weight:normal; font-size:16px; padding:10px; display:block; padding:10px 5px; border-bottom:1px solid #e1e1e1;}
            .gl_meni_on .spl_meni ul li a::after,
            .gl_meni_on .b2b_meni_mob a:after,
            .gl_meni_on .katNivo1 a:after {content: url('../P/Pix/MainDesign/PuscicaKat.png'); float:right;}
            .gl_meni_on .spl_meni ul li a:hover:after,
            .gl_meni_on .b2b_meni_mob a:hover:after,
            .gl_meni_on .katNivo1 a:hover:after {content: url('../P/Pix/MainDesign/PuscicaKatD.png'); float:right;}
            
            .gl_meni_on .spl_meni  {padding:20px 20px 20px 20px;}
            .gl_meni_on .spl_meni ul, .jezikimobi ul {padding:0; margin:0; list-style-type:none;}
            .gl_meni_on .spl_meni ul li, .jezikimobi ul li {padding:0; margin:0; list-style-type:none;}
			.gl_meni_on .vrhnja_kat a, .jezikimobi a {font-weight:600 !important; font-variant:small-caps; text-transform:uppercase !important;}
  		.kos_on {width:600px;}

        .logo-meni {float:left; margin:0 auto; text-align:left; padding:20px;}
        .gumbZapri {float:right;}
        .gumbZapri img {width:25px; height:auto;}
        .gumbZapri {text-align:center; text-transform:uppercase; font-size:16px; padding:20px; cursor:pointer;}
		.spl_meni {clear:both;}

	
	.con_zemljevid {padding:0 0px;}
	.tab_zemlejvid {width:100%; display:flex; flex-direction: column;}
	.tab_zemlejvid tr {width:100%; display:flex; flex-direction: column; padding:0 0px; font-size:0px;}
	.tab_zemlejvid td:first-child {order:2; width:100%; vertical-align:bottom;}
	.tab_zemlejvid td:nth-child(2) {display:block; order:1; width:100%;}

	#logotipi .logo_proizvajalci td {display:block; float:left; width:25%;}
	#logotipi .logo_proizvajalci td img {width:100%; height:auto;}


	
}


@media only screen and (max-width : 780px)  {
		.header_slika_web {display:none;}
		.header_slika_mobi {display:block; position:relative; max-width:100%; margin:0 auto; width:100%; height:auto; padding:0px;font-size:0px !important;}
		.header_slika_mobi img {max-width:100%; height:auto; border:none; margin:0;}
		.header_slika_mobi .slogan {position:absolute; top:10%; left:10%;  right:10%; font-size:20px !important; line-height:var(--sloganlh); font-weight:600;}
}
@media only screen and (max-width : 700px)  {
		.header_slika_web {display:none;}
		.header_slika_mobi {display:block; position:relative; max-width:100%; margin:0 auto; width:100%; height:auto; padding:0px;font-size:0px !important;}
		.header_slika_mobi img {max-width:100%; height:auto; border:none; margin:0;}
		.header_slika_mobi .slogan {position:absolute; top:10%; left:10%;  right:10%; font-size:var(--slogan) !important; line-height:var(--sloganlh); font-weight:600;}

	.KategorijePS img {width:120px; height:auto !important;}
#OddajaPovprasevanjaForm tr:last-child td, #KontaktTable tr:last-child td {text-align:center;}
	.LoginGumb_1 {text-align:center; margin:15px auto;}
.Gumb-poslji, .oranzen_butten_conf { display:block; width:160px; height:50px; padding: 15px 0 0 0; float:none; margin:0 auto;}
.KontaktButton {width:160px; height:50px; padding: 0px 0 0 0; float:none; margin:0 auto;}
.SearchSubmitButton {width:160px; height:50px; padding: 0px 0 0 0; float:none; margin:0 auto;}

	p { font-size:14px; line-height:23px;}
	ul li { font-size:14px; line-height:23px;}
	.iskanje, a, td, span { font-size:14px; line-height:23px;}
	.partner-tobe table tr td {display:block; width:100%; padding:10px 0px 10px 0 ;}


	.spl_pozdrav {width:150px;}
	.prijava .spl_prijava_registracija  {padding:0px !important;}
	.kategorije_ps {margin:30px 20px;}
		.logotipi_ps div {flex:31%; margin:1%; max-width:31%;}

	.b2b_meni .p_meni_off,
	.b2b_meni .kosarica,
	.b2b_meni .uporabnik { width: 50px; text-align: right;}
		.b2b_meni .kosarica #NumProduct {padding:0px  2px 2px 2px;}

	.ps_novice .pos_sp_novica {width:100%; padding:5%; text-align:center;}
  		
  		
  		.kos_on {max-width: calc(100% - 60px) width:100%; top:70px; padding:20px !important;}
  		.kos_ikc {max-width:100% !important; }
		.kos_cont {height:100%; margin:0px 20px 0px 20px;}
		
	.sevis div {padding:25px 5%;}
	.iskanje div.con_is {padding:25px 5%;}
	#logotipi .logo_proizvajalci td {display:block; float:left; width:50%;}
	.copy-right {text-align:left;}
}

@media only screen and (max-width : 600px)  {
	.logotipi_ps div {flex:48%; margin:1%; max-width:48%;}

}