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

@import url('../DWMjrFonti/Awesome/font-awesome.css');
@import url('../DWMjrFonti/HelveticaNeue/font-helvetica-neue.css');

 
 :root {
  --font40 : calc( 20px + (40 - 20) * (130vw - 400px) / (3000 - 400));
  --font29 : calc( 22px + (29 - 22) * (120vw - 400px) / (3000 - 400));
  --font22 : calc( 18px + (22 - 18) * (110vw - 400px) / (3000 - 400));
  --font20 : calc( 16px + (16 - 14) * (100vw - 400px) / (3000 - 400));
  --font18 : calc( 10px + (13 - 10) * (100vw - 400px) / (3000 - 400));
  --font16 : calc( 14px + (14 - 12) * (100vw - 400px) / (3000 - 400));

  --line40 : calc( 28px + (88 - 64) * (130vw - 400px) / (3000 - 400));
  --line29 : calc( 20px + (62 - 40) * (110vw - 400px) / (3000 - 400));
  --line22 : calc( 30px + (48 - 40) * (100vw - 400px) / (3000 - 400));
  --line20 : calc( 20px + (44 - 30) * (90vw - 400px) / (3000 - 400));
	 
}
.fixedWaiter {display:none;}
  * {box-sizing:border-box;}
  img  {max-width:100%; height:auto;}        

a,  *:hover { -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition:all .3s ease;
  transition: all .3s ease;}
  
  strong {font-weight:600;}
BODY {
		background-color:#ffffff;
        padding:0px 20px;
        margin:0;
		font-size:14px;
        line-height:24px;
        font-family: 'Helvetica', 'HelveticaNeue', sans-serif ;
        color:#000000;
		font-weight: normal;
		font-style: normal;	}
 
 
P {
		font-size:14px;
        font-weight:300;
}

A {color:#000000; }
A:visited {color:#000000; }
A:hover {color:#337ab7;}
A:active {color:#000000; }


.stolpec2 {column-count: 2; -webkit-column-count: 2;  -moz-column-count: 2; column-gap: 100px;}
.stolpec3 {column-count: 3; -webkit-column-count: 3;  -moz-column-count: 3; column-gap: 70px;}
span.poudarek {color:#ff0000;}
.poseben {}
.citat {font-style:italic;}
.citat:before {content:"\f10d"; font-style:italic;  font-family: 'FontAwesome'; margin-right:5px; font-size:12px; color:#aaa;}
.citat:after {content:"\f10e"; font-style:italic;  font-family: 'FontAwesome'; margin-left:5px; font-size:12px; color:#aaa;}
.clear {clear:both;}



H1 {font-size:20px; line-height:var(--line40); letter-spacing:1px; }
H2 {font-size:18px;}
H3 {font-size:16px;}
H5 {font-size:14px;}
h4 {font-size:14px; font-weight:600; text-align:justify !important; margin:10px 0; padding:0;  line-height: 1.1; }
h4:after {content:''; display:inline-block; width:100%; margin:0; padding:0; line-height:0px; height:0px; font-size:0px; box-sizing: border-box;}

ul {font-size:13px;}

ul li {list-style-type:disc;}

img {border:0;}

.web, .prikazi {display:block;}
.mobi, .neprikazi {display:none;}

table tr td {vertical-align:top;}
#vsebina .kontakt table tr td:first-child {padding-right:60px;}
#vsebina .kontakt table tr td:nth-child(2) {padding-left:60px;}

#vsebina .stolpci h5 {font-weight:600; text-align:justify !important; margin:10px 0; padding:0;  line-height: 1.1; }
#vsebina .stolpci  h5:after {content:''; display:inline-block; width:100%; margin:0; padding:0; line-height:0px; height:0px; font-size:0px; box-sizing: border-box;}

#vsebina .stolpci table tr td {width:50%; vertical-align:top; text-align:justify;}
#vsebina .stolpci table tr td:first-child {padding-right:60px;}
#vsebina .stolpci table tr td:nth-child(2) {padding-left:60px;}
#vsebina .stolpci table tr td p {text-align:justify;}

#vsebina .stolpci div {padding-top:100px;}
#vsebina .stolpci h2 {font-weight:600; text-align:justify !important; margin:10px 0; padding:0;  line-height: 1.1;  text-transform:uppercase; font-size:14px;}
#vsebina .stolpci h2:after {content:''; display:inline-block; width:100%; margin:0; padding:0; line-height:0px; height:0px; font-size:0px; box-sizing: border-box;}




#pozicija {}
#header {max-width:1500px; min-width:360px; margin:0 auto;}
	
	.logo {width:100%; margin:10px 0 10px 0px;}
	.logo a {display:block; text-align:center;}
	.logo img {height:100px; width:auto; margin:0 auto;}

	.header_meni {display:flex; float:left; flex-wrap: wrap;}

	.pod_meni_kat2 a, .pod_meni_kat1 a, .header_meni a {color:#000000; text-decoration:none; line-height: 20px; padding:12px; font-weight:bold; font-size:var(--font16); white-space:nowrap;}
	.pod_meni_kat2:hover a, .pod_meni_kat1 a:hover, .header_meni a:hover {color:#555555;}
	.izbranM {text-decoration:underline !important;}

	.menjavaH {position:relative;}

	.menjavaH .sl_verzija {opacity:1;}
	.menjavaH .en_verzija {opacity:0; position:absolute;}
	.menjavaH:hover .sl_verzija {opacity:0;}
	.menjavaH:hover .en_verzija {opacity:1;  position:absolute; left:12px; top:12px;}

	.shop_meni {position:relative;}
	.shop_meni .kategorije_podmeni,
	.shop_meni .kategorije_podmeni a {width:0px; height:0px; font-size:0px; line-height:0px; background-color:#ffffff; padding:0; margin:0; opacity:0;}

	.shop_meni:hover .kategorije_podmeni {position:absolute; z-index:1000;  background-color:#ffffff; padding:20px 40px; width:auto; height:auto; border-top:1px solid #000000;  border-bottom:1px solid #000000;}
	.shop_meni:hover .kategorije_podmeni .pod_meni_kat2,
	.shop_meni:hover .kategorije_podmeni:hover .pod_meni_kat2 {padding-left:60px;}
	.shop_meni:hover .kategorije_podmeni,
	.shop_meni:hover .kategorije_podmeni a,
	.shop_meni:hover .kategorije_podmeni:hover,
	.shop_meni:hover .kategorije_podmeni:hover a {display:block; width:auto; height:auto; font-size:var(--font16); line-height:15px; background-color:#ffffff; padding:10px; margin:0; opacity:1; white-space:nowrap;}
	
#pod_header {margin:0 auto; max-width:600px; text-align:center;}

#potrjeno {width:0; height:0; border:none; font-size:0; margin:0px; padding:0px;}
.h_enaslov {margin-top:50px;}
.h_enaslov .ENaslov {float:left; font-size:var(--font20);  margin:0 2px;}
.h_enaslov .ENaslov1 {font-size:var(--font20); padding:6px ; width:350px; border-radius:3px; border:1px solid #555; text-align:center;}

.h_enaslov .Enovice-gumb {float:left; background-color:#000000; color:#ffffff;  font-size:var(--font16); padding:5px 20px; text-align:center; max-width:250px; margin:0 2px;  border-radius:3px;}
.h_enaslov .Enovice-gumb:hover {background-color:#555;}
button {background-color:#000000; color:#ffffff;  font-size:var(--font16); padding:5px 20px; text-align:center; max-width:250px; margin:0 2px;  border-radius:3px;}
button:hover {background-color:#555;}
iframe {max-width:100%; height:auto;}

.h_polv {clear:both; text-align:center; margin:5px;}
	.h_polv a {font-size:var(--font16); color:#ccc; text-decoration:none;}
	.h_polv a:hover {text-decoration:underline;}
.h_doniraj a {font-size:var(--font18); text-decoration:none; text-transform:uppercase; color:#000000;}
.h_doniraj a:hover {text-decoration:underline; color:#000000;}

#sredina {padding:60px 0; margin:0 16%;}
#vsebina {max-width:1600px; margin:0 auto;}	

#levi_del_filtri_dd {display:none;}


#vsebina .spiski_podrocji {display:flex;}
#vsebina .spiski_podrocji .stolp1, 
#vsebina .spiski_podrocji .stolp2 {width:50%; vertical-align:top;}
#vsebina .spiski_podrocji .stolp1 {padding-right:60px;}
#vsebina .spiski_podrocji .stolp2 {padding-left:60px;}

.din_podatek1 {padding:15px 0 50px 0; max-width:99% !important;;}
.din_podatek1 div {max-width:100% !important;}

.din_podatek1 .VecOTemNovice {padding:20px 0; margin:20px 0; font-weight:600; text-decoration:none;}

.din_podatek .VecOTemNovice {padding:20px 0; margin:20px 0; font-weight:600; text-decoration:none;}


.din_podatek {width:50%; float:left;   max-width:900px;}
.din_podatek div {max-width:700px;}
#pswp_gal_definition  {max-width:100%;}
#pswp_gal_definition div {max-width:100% !important;}

figure {float:left;}
.dd_vsebina p {clear:both;}
  
.din_podatek:nth-child(odd) {clear:both;  padding:20px 60px 60px 40px;}
.din_podatek:nth-child(even) { padding:20px 40px 60px 60px;}



.dd_all {width:50%; float:left;  padding:15px 0 25px 0;}
.dd_all div {max-width:700px;}
.dd_all:nth-child(odd) {padding-right:20px;}
.dd_all:nth-child(even) { padding-left:20px;}
.dd img {
    width: 100% !important;
    height: 100% !important;
    max-width:700px;
    max-height:auto;
    filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
/*     filter: gray; */
    transition: 0.25s all;
    margin-bottom: 25px;
}
.dd:hover img {
    filter:none;
    -webkit-filter: none;
    -ms-filter: none;
}

.dd_naslov h5 {font-weight:800; text-align:justify !important; margin:10px 0; padding:0;  line-height: 1.1; }
.dd_naslov h5:after {content:''; display:inline-block; width:100%; margin:0; padding:0; line-height:0px; height:0px; font-size:0px; box-sizing: border-box;}

.dd_povzetek {
	max-width:100%;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 23px;
/*   max-height: 80px;*/
   line-clamp: 5; 
   -webkit-line-clamp: 5; 
   -webkit-box-orient: vertical;
   word-wrap: break-word;
   text-align:justify;
}
.dd_povzetek p {font-weight:normal !important; font-size:14px;  line-height: 25px;}
.dd_povzetek p:empty {display:none;}
.dd_povzetek img {display:none;}
.dd_povzetek iframe {display:none;}
.arhiv_www a {text-transform:uppercase;}

#footer {max-width:1500px; min-width:360px; margin:0 auto; clear:both; padding:200px 0 200px 0; ; font-size:12px;}
.footer_1 {float:left; width:40%; ; font-size:12px; font-weight:600; letter-spacing:1px;}
.footer_2 {float:left; width:30%;}
	.footer_2 p {padding:0px; margin:0;}
	.footer_2 a {color:#000000; text-decoration:none; line-height: 20px; padding:15px; font-weight:bold; font-size:12px; white-space:nowrap;}
	.footer_2 a:hover {color:#555555;}
.footer_3 {float:right; width:30%;}
.footer_3 .soc_omrezja {float:right;}
.footer_3 .soc_omrezja a {color:#cccccc; font-size:30px;}
.footer_3 .soc_omrezja a:hover {color:#337ab7;}


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

.ajaxWait {display:none;}

@media only screen and (max-width : 1200px)  {
#sredina {margin:0 5%;}
}


@media only screen and (max-width : 1200px)  {
#sredina {margin:0 3%;}
   .mobi {display:block;}
    .web {display:none !important;}
    .h_meni_mobil .logo img {width:150px; height:auto;}
    .izbirnik {font-size:25px; padding:0 20px;}
     .fa-close {float:right; font-size:35px;}
		.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 { position:absolute;
			background-color:#fbfbfb;
			width:99%;
			top:0;
			left:0;
			z-index:1200;
			text-align:left;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition:all .3s ease;
				transition: all .3s ease;
				height:auto;
				min-height:60px; 
				visibility: visible;
				opacity: 1;
				padding:10px 40px;
				border-bottom:2px solid #5c5c5c;
			}   
		.gl_meni_on a {font-weight:bold; padding:2px 0;  display:block; text-decoration:none;}

	
	.gl_meni_on .meni_www a,
	.gl_meni_on .meni_www a:hover { font-size:var(--font20); }
	
	.shop_meni .kategorije_podmeni,
	.shop_meni:hover .kategorije_podmeni:hover,
	.shop_meni:hover .kategorije_podmeni {position:relative; font-size:var(--font20); display:block; width:auto; height:auto; background-color:#ffffff; padding:5px 0 20px 20px; margin:0; opacity:1; white-space:nowrap; border-top:none;  border-bottom:none;}
	
	.shop_meni .kategorije_podmeni a  {display:block; width:auto; height:auto; font-size:var(--font20); line-height:15px; background-color:#ffffff; padding:7px; margin:0; opacity:1; white-space:nowrap;}

	.shop_meni .kategorije_podmeni .pod_meni_kat2,
	.shop_meni:hover .kategorije_podmeni .pod_meni_kat2,
	.shop_meni:hover .kategorije_podmeni:hover .pod_meni_kat2 {padding-left:60px;}
	.shop_meni:hover .kategorije_podmeni a,
	.shop_meni:hover .kategorije_podmeni:hover a {display:block; width:auto; height:auto; font-size:var(--font20); line-height:15px; background-color:#ffffff; padding:7px; margin:0; opacity:1; white-space:nowrap;}

	.menjavaH .sl_verzija {opacity:1;}
	.menjavaH .en_verzija {opacity:0; position:absolute;}
	.menjavaH:hover .sl_verzija {opacity:0;}
	.menjavaH:hover .en_verzija {opacity:1;  position:absolute; left:2px; top:2px;}


}



@media only screen and (max-width : 700px)  {
	
.dd_all {width:100%; float:none;  padding:15px 0 25px 0;}
.logo img {max-width:250px; height:auto; max-height:100%; width:auto; margin:0 auto;}
.din_podatek {width:100%; float:none;  padding:15px 0 25px 0;}
.din_podatek:nth-child(odd) {padding:15px 0px 45px 0px !important;}
.din_podatek:nth-child(even) {padding:15px 0px 45px 0px !important;}
#vsebina .stolpci table tr td {width:100%; vertical-align:top; display:block; padding:20px !important;}
#vsebina .kontakt table tr td {width:100%; vertical-align:top; display:block; padding:20px !important;}

#vsebina .spiski_podrocji {display:block;}
#vsebina .spiski_podrocji .stolp1, 
#vsebina .spiski_podrocji .stolp2 {width:100%; vertical-align:top; padding:0 !important;}

.kontakt table tr td p {text-align:left !important;}

.footer_1,
.footer_2,
.footer_3 {float:none; width:100%; margin:0px 0px 30px 0px; padding:0px;}
.footer_2 a  {padding:10px 0;}
.slick-arrow {display:none !important;}

.h_enaslov .ENaslov {float:none; font-size:var(--font20);  margin:5px 2px; width:100%; height:35px;}
.h_enaslov .ENaslov1 {font-size:var(--font20); width:100%; height:35px;}
.h_enaslov .Enovice-gumb {float:none; max-width:100%; height:35px; width:100%;}

/*div {border:1px solid #ff0000;}*/

}