@font-face {
    font-family: 'ranga-bold';
    src: url('fonts/Ranga-Bold102.ttf') format('truetype');
}
@font-face {	font-family:'ranga-normal';
	src: url('fonts/Ranga-Regular102.ttf') format('truetype');
}
	@font-face {
	font-family:'fira';
	src: url('fonts/FiraSansCondensed-Book.otf');
	
}
body {
	
	font-family:'fira';
	font-size:14px;
	color:black;
letter-spacing:1px;	

margin:0px;

}





#sivinaCelEkran {display:none;position:absolute;z-index:221;width:100%;height:100%;background-color:gray;opacity:0.5;min-height: 1358px;}

table.osnovni {font-size:14px;}

span.ceneOkvir1 {
	display:inline;
	text-decoration:line-through;
	font-size:1.1em; 
	line-height:34px;
	margin-right:10px;
}
span.ceneOkvir2 {
	display:inline;
	
	font-size:16px; 
	line-height:34px;
	margin:0 0px;
	padding:2 5;
	color:white;
	background-color:#cb0911;
	font-size: 16px;
}

#akcijeText div  img {
	border:1px solid black;
}

div.okvirPovezani {
	float:left;
	width:31%;
	border:1px solid black;
	margin:5px;
}

div.OkvirPovezani p {min-height:40px;text-align:center;}

img.povezaniArtikli
{
	/*float:left;
	border:1px solid black;
	*/ 
	margin:5px;width:93%;padding:0px;
}
span.ceneOkvir3 {
	display:inline;
	
	font-size:1.5em; 
	line-height:34px;
	margin-left:10px;
}

.zunanji {font-size:12px;}
.opozorilo {font-size:14px;}

.v_kosarico {
background-image:url('grafika/vkosarico.jpg');
background-position:100%;
width:230px;
height:30px;
font-size:17px;
color:white;
border:0px;
text-align:left;
padding-left:11px;
letter-spacing:1px;
font-family:'fira';
    cursor: pointer;
	
}

body .prvaStran {
	background-image:url('grafika/10.png');
}

p, H1, H2, H3, H4 {
	padding:0px 10px 10px 10px;
	margin:0px;
}

H1 {font-size:28px;line-height:30px;}
H2 {font-size:22px;line-height:22px;}

H1.nacinPlacila, p.nacinPlacila {
	width:274px;
}

li.zakaj {
	margin-bottom:5px;
	letter-spacing:0px;
	font-weight:400;
	font-size:18px;
	    list-style-type: disc;
	}


	
#second-column div.zakajDiv {
	display:none;
}	

p.nacinPlacila {
	padding:5px 10px 5px 0;
	background-color:#c0c0c0;
	margin-bottom:2px;
}

H1.okvirOpozorilo {margin-top:20px;}

a {text-decoration:none;}

p {font-size:14px;}

td.zunanji {border: 1px solid #000000;
}

p iframe {width:100%; }  /*to je za zemljevid */

.static {
	display:block;
}

input.oddajInput {width:250px;}

#vstopnaIzberiPlacilo {
	margin-left:50px;
	margin-right:50px;
	
}

#slider-mobile { 
	position:relative;
	display:none;}


#inner {
	/*max-width:1280px;
	margin:5 auto;
	border:2px solid #A0A0A0;*/
	background-color:white;
	width:100%;
	/*margin-bottom:25px;*/
	margin-bottom:0px;
}

#header {
	/*width:100%;*/
	max-width:1280px;
	margin:0 auto;
	position:RELATIVE;
	height:133px;
	//background-image:url(grafika/slika_osnovna-v2.png);
	}
	
#breadcrumbs {
	display:none;
}
#crnoLevo { 
	position:absolute;
	background-color:black;
	width:30%;
	height:133px;
	z-index:0;
  }
  #sivinaSpodaj {
	position:absolute;
	z-index:2;
	background-color:#808080;  
	width:100%;
	opacity:0.8;
	height:53px;
	top:80px;
  }
	
#opozoriloNakup {
	position:absolute; 
	top:150px;
	left:25%;
	background-color:#fAfAfA;
	box-shadow: 8px 9px 10px 0px #aaaaaa;
	width:50%;
	height:300px;
	font-size:18px;
	z-index:230;
	display:none;
	text-align:center;
	border: 1px solid #c8c8c8;
}

#opozoriloNakup p {
	font-size:20px;
}
	
div.telefon-static {
	float:right;position:absolute;right:30px;font-size:18px;z-index:10;top:16px;letter-spacing:0px;
	color:black;
}

span.rabitePomoc { font-family:'ranga-bold';color:#A0A0A0;font-size:26px;letter-spacing:1px; }
	
#sivinaMobi { /* to je pasica siva čez slider pri mobilnih <768px */
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	line-height:30px;
	background-color:#808080;
	width:-webkit-fill-available;
	width:100%;
	opacity: 0.8;
	z-index:200;
	font-size:22px;
	color:white;
	text-align:center;
	font-family:'ranga-normal';
	
}
	
#header img.imageHeader {width:50%; height:133px;}

#kosaricaFloat {
	position:absolute;
	right:5px;
	
	top:133px;
	display:none;
	z-index:200;
	background-color:#FAFAFA;
	
}

/*'''''''''''''''''''' mobilni menu  ''''''''''''''''''''''''''*/
#headerMobile {
	position:relative;
	display:none;
	padding-top:0px;
	vertical-align:middle;
	height:60px;
	width:100%;
	
	}


#headerMobileLevi {
	float:left;
	display:none;
	padding-top:0px;
	
	height:60px;
	width:25%;
	
	}
#headerMobileSredina {
	float:left;
	display:none;
	padding-top:0px;
	vertical-align:middle;
	height:58px;
	width:50%;
	
	}
#headerMobileSredinaZastave {
	float:left;
	display:none;
	padding-top:0px;
	vertical-align:middle;
	height:58px;
	width:50%;
	text-align:center;
	}
	
#headerMobileDesno {
	float:left;
	display:none;
	padding-top:6px;
	vertical-align:middle;
	height:54px;
	width:25%;
	text-align:right;
	}
	
#menuMobile, #telefon {
	display:none;
}

#telefon {
	position:absolute;
	padding:5px;
	color:white;
	font-size:12px;
	font-weight:800;
	top:-40;
	width:150px;
	right:0px;
	background-color:gray;
	border:solid 1px black;
	display:none;	
}


#vVozeku {
         position:absolute;
         top:82px;
         right:36px;
		 z-index:110;
		 font-size:18px;
		color:white;
		font-weight:800;
		
}

#MenuMobileDesni {
	position:absolute;
	display:none;
	vertical-align:bottom;
	right:10PX;
	top:100px;
	height:24px;
}





img.ikona-menu {margin:13px 13px;}
img.logoSredina {margin:13px 13px;}
img.logoDesno {margin:13px 13px;}

#drzavneMobile, #reklamneMobile, #drogoviMobile, #inoxMobile {
display:none;
}



#kosaricaMobile {


	width: 100%;
	background-color:#c7d6f5;
    margin-top:5px;
	height: 40px;
   border:0px solid red;
    padding:0;
   text-align: center;

    }
	
#menuMobile {
	position:absolute;
    display: none;
     background: #ededed;
    float: left;
	padding: 0;
	margin:0;
    z-index: 300;
	width: 70%;
	
}




#menuMobile  ul, #menuMobile :active ul {
       width: 100%;
	   padding: 0 0 0 0;
  		margin:0;
		
    	}

#menuMobile  li {
		list-style-type:none;
		text-align: left;
		
		padding: 0;
        margin-left:0px;
		line-height:32px;
		border-bottom:1px solid white;
		
     	}
	
#menuMobile  li.meniSpodaj {
    background-color:#c8c8c8;
    border-top:2px solid white;
    padding-top:0px;
    padding-bottom:0px;

    }
	
#menuMobile  li a {
                  	color:#000;
                  	
                  	font-size:16px;
                  	font-weight:600;
                  	margin-left: 16px;
					text-decoration:none;
					letter-spacing:1px;
    }
    
#menuMobile  li.meniSpodaj a {

     margin-left:20px;
    }
    
#menuMobile  li img {
         float:right;
         margin-right:5px;
    }


#menuMobile  li.podmenu a {
                  	color:#000;
                  	
                  	font-size:16px;
                  	font-weight:400;
                  	margin-left: 30px;
    }
    
#menuMobile  li.podmenu{
background-color:#fff;
padding:0 0 0 10;
border-bottom:1px solid grey;
}

	

	


/***********  konec mobile menuja **********************/
#menuwrap {
	position:absolute;
	left:0px;
	bottom:0px;
	height:53px;
	/*background-color:#808080;*/
	width:100%;
	/*opacity: 0.8;*/
	
}

.rdeci-levo, .rdeci-desno, .rdeci-sredina {display:none;}  
	
#menu {
	//float: left;
	position:absolute;
	padding-top:0px;
	vertical-align:bottom;
	top:100px;
	height:24px;
	z-index:2;
	}
#menu ul {
	
	list-style-type: none;
    margin:0 0 0 20;
    padding: 0;
    overflow: hidden;
    
}

#menu  ul li {
    float: left;
	margin-right:6px;
	font-size:16px;
}

#menu ul li a {
    display: block;
    padding-right: 16px;
	
    text-decoration: none;
	padding:2 10 2 10; 
	border-top:solid 1px #b0b0b0;
	border-left:solid 2px #909090;
	border-right:solid 1px #b0b0b0;
	border-bottom:solid 2px #909090;
	letter-spacing:0px;
	background-color:#D0D0D0;
	color:black;
}


#menu ul li  a.gumb1:hover {
    background-color: #cc0812;
	color:white;
}
#menu ul li  a.gumb2:hover {
    background-color: #882F5F;
	color:white;
}

#menu ul li  a.gumb3:hover {
    background-color: #0715b6;
	color:white;
}

#menu ul li  a.gumb4:hover {
    background-color: #227e33;
	color:white;
}


#menu2 {
	
	//float: right;
	position:absolute;
	vertical-align:bottom;
	right:0PX;
	top:87px;
	height:33px;
	color:white;
	z-index:5;
	}
#menu2 ul {
	
	list-style-type: none;
    margin:8 10 8 10px;
    padding: 0;
    /*overflow: hidden;*/
	
    
}

#menu2  ul li {
    float: left;
	margin-right:2px;
	font-size:16px;
	font-weight:800;
	
	
}

#menu2 ul li a {
	font-family:'fira';
    display: block;
    padding-right: 16px;
    text-decoration: none;
	padding:auto 10px; 
	color:white;
}

#menu3 {
	padding-left:40px;
	margin-top:20px;
	color:black;
	font-size:12px;
	}
#menu3 ul {
	
	list-style-type: none;
    margin:0 10 0 0;
    padding: 0;
    overfloww: hidden;
    
}

#menu3  ul li {
    list-style-type: disc;
	margin-left:10px;
	font-size:16px;
	
}

#menu3 ul li a {
    display: block;
    text-decoration: none;
	padding:2 10 2 10; 
	color:black;
	border-bottom:1px solid black;
}
		
#menu4 {
	margin-left:10px;
	padding-top:3px;
	height:30px;
	display: inline-block;
	}
	
#menu4 ul {
	
	list-style-type: none;
    margin:5 10 0 0;
    padding: 0;
    
	
    
}

#menu4 ul li {
    float: left;
	margin-right:0px;
	margin-left:6px;
	font-size:13px;
	vertical-align:bottom;
	
	height:25px;
}

#menu4 ul li a {
	
    
    text-decoration: none;
	padding:auto 0; 
	color:black;
	vertical-align: middle;
}
#menu4 ul li  a:hover {
    text-decoration: underline;
	}
	
#menuLeviTrgovina {
	float:left;
	width:22%; /* starar vrednost 26%*/
    background: #EDEDED;
    padding: 0px;
	margin:20 0 50 28;
    z-index: 100;
	font-family:'fira';
}




#menuLeviTrgovina  ul, #menuMobile :active ul {
       width: 100%;
	   padding: 0 0 0 0;
  		margin:0;
    	}

#menuLeviTrgovina  li {
		list-style-type:none;
		text-align: left;
		width: 100%;
		LINE-HEIGHT:32PX;
        margin-left:0px;
		
     	}
	

	
#menuLeviTrgovina  li a {
                  	color:#000;
                  	font-family:"fira";
                  	font-size:18px;
                  	font-weight:600;
                  	margin-left: 5px;
					text-decoration:none;
    }
	

    

    
#menuLeviTrgovina  li img {
         float:right;
         margin-right:5px;
    }


#menuLeviTrgovina  li.podmenu a {
					letter-spacing:0;
                  	color:#000;
                  	font-family:"fira";
                  	font-size:17px;
                  	font-weight:400;
                  	margin-left: 20px;
					
    }
    
#menuLeviTrgovina  li.podmenu{
background-color:#fff;
padding:0PX;
border-bottom:1px solid grey;
}


#menuLeviTrgovina li.zakajMenu {
	
	letter-spacing:0px;
	font-weight:400;
	list-style-type: disc;
    margin-bottom: 5px;
    letter-spacing: 0px;
    font-weight: 400;
    MARGIN-LEFT: 24PX;
    LINE-HEIGHT: 124%;
    WIDTH: 86%;
	font-size:15px;
   padding-left:5px;
	}
	
#menuLeviTrgovina #comments {
	display:none;
}
	
#container {
	background-color:white;	
	width:100%;
	padding-top:0px;
	
	}

#two-column {
	max-width:1280px;
	margin:0 auto;
	}
	
#first-column-vstopna {
	float:left;
	width:inherit;
	margin:0px;
	min-height:750px;
	margin-left:0%;
	}
	
#first-column {
	float:left;
	width:63%; /* 69%   */
	min-height:750px;
	/*background:white;*/
	}
#full-column {
	/*float:left;*/
	padding-top:19px;
	width:100%;
	/*min-height:750px;*/
	}
	
#seznam-izdelkov {
	float:left;
	width:74%;
	margin-top:13px;
	margin-left:0px;
	margin-bottom:20px;
}

/*tu zdaj pride okvir z divi za prvo kolono (prva stran, izdelki,izdelek.... 	*/
#naslov-predstavitev, #naslov-drzavne, #naslov-reklamne, #naslov-drogovi, #naslov-dodatno {
	font-size: 14px;
    
    color: white;
	font-weight:800;
	margin:10px 10px 0px 10px;
	padding:3 0 8 10;
	

	}

	#naslov-predstavitev { background-color:#505050; }

	#naslov-drzavne { 	background-color:#cc0812; }
	#naslov-reklamne { 	background-color:#882F5F; }
	#naslov-drogovi { 	background-color:#0715b6; }
	#naslov-dodatno { 	background-color:#227e33; }
	#naslov-drugo { 	background-color:#606060; }


#vstopna, #vstopnaGlavna {
	
	margin:0px;
}

#vstopnaPredstavitev {
	margin-left:20px;
	min-height:420px;
	background:white;
	
}

#vstopnaOddaj {
	background-color:#ffffff;
	margin:0px 10px 10px 10px;
	width:700px;
}



#vstopna a img, #vstopnaGlavna a img {width:100%;}
#vstopna a img.natur, #vstopnaGlavna a img.natur {width:auto;}

.videoOkvir {
	margin-left:10px;
	width:700px;
	height:393px;
}

.videoOkvirMali {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border:0px solid white;
}

#vstopnaGlavna a.izdelki_naslov {
		margin:0 auto;
		color:#808080;
		font-size:40px;
		font-weight:800;
		font-family:'ranga-bold';
		}
	#vstopnaGlavna a.izdelki_naslov:hover {
		margin:0 auto;
		color:#cb0911;
		}
		
#vstopnaGlavna a.izdelki_bolt {
		margin:0 auto;
		color:#000000;
		font-size:18px;
		font-family:'fira';
		
		
		}
	#vstopnaGlavna a.izdelki_bolt:hover {
		margin:0 auto;
		color:#cb0911;
		}

		
		#vstopnaGlavna a.izdelki {
		margin:0 auto;
		color:#000000;
		font-size:23px;
		font-family:'ranga-normal';
		
		
		}
	#vstopnaGlavna a.izdelki:hover {
		margin:0 auto;
		color:#cb0911;
		}

#drzavne, #reklamne, #drogovi, #dodatno {
	position:relative;
	margin:0px;
	width:50%;
}

#reklamne {
	float:right;
	
	
}
#drzavne, #drogovi {
	clear:both;
	
	float:left;
	
	
}
#reklamne, #dodatno {
	float:right;
	
	
}

div .okvir_izdelka {
	/*HEIGHT:500PX;*/
	MARGIN:10PX 0px 0px 10px;
	
	float:left;
	width:32%;
		
}

div .seznamIzdelkov {
	
	position:relative;
	MARGIN:0PX;
	PADDING:0PX;
	float:left;
	min-height:410px;
	border:1px solid black;
	
	
}



div .seznamIzdelkov div a img {
	width:89%;
}


div .enIzdelek {
	//HEIGHT:350PX;
	MARGIN:8PX;
	PADDING:5PX;
	float:left;
	width:29%;
	border:1px solid black;
	
}

a.izdelki_naslov {
font-family:verdana; font-size:20; color:#FB7900; font-weight:800;text-decoration: none;letter-spacing:0px; line-height:85%;
}

a.izdelki_naslov:hover {
font-family:verdana; font-size:20; color:#FB7900; font-weight:800;text-decoration: none;
}


a.izdelki {
 font-size:12; color:black; font-weight:400;text-decoration: none;
}

a.izdelki:hover {
 font-size:12; color:black; font-weight:400;text-decoration: underline;
}

a.izdelki_bolt {
 font-size:11px; color:black; font-weight:400;text-decoration: none;
}

a.izdelki_bolt:hover {
 font-size:11px; color:black; text-decoration: underline;
}


div .izdelekVrstica h1 {
	padding-top:30px;
	padding-left:40px;
	}

div .izdelekVrstica p.opismali{
	display:none;
	}
	
div .triKolone {
	clear:both;
}
div .dveKoloni {
	clear:none;
}


div .izdelekVrstica {
	background-color:white;
	border-top:0px solid grey;
	margin-left:10px;;
	margin-right:0px;
	padding-top:0px;
	
}
#en-izdelek {
	float:left;
	width:74%;
	margin-top:20px;
		
}
div .enIzdelekVrstica {
	background-color:white;
	border-top:0px solid grey;
	margin-left:2%;;
	margin-right:10px;
	float:left;
	width:61%;

}

div .enIzdelekVrstica H1 {
padding:0px 0px 2px 0px;

}	
div .enIzdelekVrstica H2 {
padding:0px 0px 16px 0px;
font-weight:400;
}	


/************** opisi v okvirju posameznega izdelka ****************/

#artiklImage {
	clear:both;
}


div .artiklCeneStolpec {
	float:right; 
	width:47%;
}

div .artiklCene {
	width:48%;float:left;
	position:relative;
	
}

.infoRednaCena, .infoModraCena, .infoSpletnaCena {
	display:none;
	position:absolute;
	top:10px;
	left:90px;
	background-color:#333333;
	color:white;
	padding:10px;
	width:80px;
	opacity:0.9;
	z-index:300;
	
} 

div .artiklCene img {
	width:74%;
	margin:12px;
	
}

div .novaVrsta { 
	clear:both;
	}

p.opisMaliPodrobnosti {
	font-size:14px;
	
}
p.rednaCena {
	font-size:25px;
	text-align:center;
	text-decoration:line-through;
	
	}
p.dobava {
	font-size:28px;
	color:grey;	
	text-align:center;
	}

p.spletnaCena {
	font-size:25px;
	text-align:center;
	color:grey;
	
	}

p.modraCena {
	font-size:28px;
	text-align:center;
	color:#1100f8;
	font-weight:800; 
	}

p.akcijaCena {
	font-size:28px;
	text-align:center;
	color:#cb0911;
	font-weight:800; 
	}
	
#okvirKolicine, #okvirPovrsine {
	height:40px;
	/*display:flex;*/
	align-items:center;
	padding-top:0px;
}

.vKosaricoDIV {
	float:left;
}

#stevecKolicin {
	text-align:right;
	width:160px;
	font-size:20px;
	margin-right:5%;
	float:right;
	height:30px;
}

#stevecPovrsine {
	text-align:right;
	width:370px;
	font-size:20px;
	margin-right:5%;
	float:right;
	height:30px;
}

div.pdfPodloge {
	width: 100px;
    float: left;
    height: 30px;
    background-color: lightgray;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
	margin-left:10px;
}

div.pdfPodloge a {line-height:30px;}

#odstejKolicino, #pristejKolicino, #odstejPovrsino, #pristejPovrsino {
font-size:20px;
padding:0 0px;
color:lightgrey;
	
}	

#kolicinaArtikla, #povrsinaArtikla  {
	text-align:center;
	background-color:lightgrey;
	font-size:20px;
	width:40px;
}

#obcinaDrustvo {
	background-color:lightgrey;
	width:50%;
	display:block;
	
}


div .izdelekVrstica img {
	//float:left;
	//margin-right:10px;
	margin-bottom:10px;
	//margin-left:10px;
	width:90%;
	//MAX-HEIGHT:250px;
	
}

div .izdelekVrstica img.podrobno, div .enIzdelekVrstica img.podrobno
{
	float:left; 
	margin-left:0px; 
	margin-bottom:10px; 
	margin-right:0px;
	width:49%;
	border:1px solid black;
	padding:3px;
	
}

div .izdelekVrstica a{
	font-size:1.1em;
	color:black;
	text-decoration:none;
	font-weight:800;
	
	
}
div .izdelekVrstica p{
	font-size:12px;
	color:black;
	font-weight:400px;
	margin:0px;
	padding:5 5;
	
}

#second-column-vstopna {
	display:none;
	float:right;
	width:36%;
	}

#second-column {
	
	float:left;
	width:35%;
	margin-top:0px;
	}
	
#aliSteVedeli {
	clear:both;
	background-color:#882F5F;
	border-radius:10px 10px 0px 0px;
	margin-top:20px;
	margin-right:10px;
	font-size:16px;
	padding:5px 10px 5px 10px;
	color:white;
	font-weight:800;
	margin-bottom:0px;
	
}

#aliSteVedeliText p {
	margin-top:0px;
	margin-right:10px;
	padding:10px;
	color:black;
	font-size:12px;
	
	font-weight:400;
	background-color:#FFDAFB;
}

#kosarica {
	clear:both;
	background-color:#C0C0C0;
	
	margin-top:0px;
	margin-right:0px;
	font-size:16px;
	padding:5px 10px 5px 10px;
	color:#cb0911;
	font-weight:800;
	margin-bottom:0px;
	
}


#kosaricaText {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:5px;
	color:black;
	font-size:14px;
	
	font-weight:400;
	
	BORDER:1PX SOLID GRAY;
	
	
}	

#kosaricaMaximize {
	
	display:block;
}

#kosaricaMinimize {
	
	display:none;
}

#kosaricaText table td {
	font-size:14px;
}

#kosaricaText table td.cenaSkupaj {
	font-size:15px;
	
}

#kosaricaText input[name="kupon"] {
	width:120px;
	padding-left:3px;
}



#akcije {
	clear:both;
	background-color:#cb0911;
	
	margin-top:30px;
	margin-right:0px;
	font-size:16px;
	padding:5px 10px 5px 10px;
	color:white;
	font-weight:400;
	margin-bottom:0px;
	line-height:24px;
}

#akcijeMobiSredina {
	margin-top:-20px;
	
}


p.mobi-naslov {
	/*display:none;
	clear:both;
	background-color:#ffff;
	margin-top:20px;
	margin-right:0px;
	font-size:25px;
	padding:5px 10px 5px 0px; /* bilo je: 5px 10px 5px 20px; 
	color:black;
	font-weight:800;
	margin-bottom:0px;
	line-height:40px;
	margin-left:2%;  /* bilo je: 7% 
	padding-top:16px;*/
	font-size:25px;
	color:black;
	font-weight:800;
	margin-bottom:0px;
	padding:10px;
	background:white;
}

#akcije-mobi-naslov {
	font-size:25px;
	color:black;
	font-weight:800;
	margin-bottom:0px;
	padding:0px;
	background:white;
	
	
}


#akcijeText {
	position:relative;
	margin-top:0px;
	margin-bottom:30px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	color:black;
	font-size:12px;
	/*min-height:390px; */
	font-weight:400;	
	/*background-color:#ffffff;*/
	border:0px solid #b0b0b0;
	text-align:center;
	vertical-align:middle;
	width:100%;
}

#akcijeText > div {
	position:absolute;
	top:0px;
	left:0px;
	
	
}

#akcijeText > div img{
	width:100%;
}

div.zakajDiv {
	margin-top:30px;
	background:white;
	padding:10px;
}	

#vNekajKorakih {
	clear:both;
	
	margin-top:20px;
	margin-right:10px;
	margin-left:0px;
	font-size:14px;
	padding:5px 10px 5px 0px;
	color:black;
	margin-bottom:0px;
	
}

#vNekajKorakih td {font-size:14px; }


#akcija-mobi {
		display:none;
		/*width:100%;*/
		padding:0px;
		margin-top: 20px;
    margin-left: 6%;
    margin-right: 6%;
    /*background-color: white;*/
	clear:both;
	}
	

	
#footer{
	clear:both;
	
	font-size:12px;
	border-top:1px solid #284187;
	padding:0;
	background-color:#666666;
	text-align:center;
	
}
#footerMobile{
	clear:both;
	
	font-size:14px;
	border-top:0px solid #284187;
	padding:0;
	background-color:#666666;
	text-align:center;
	display:none;
	width:100%;
	height:70px;
	margin-top:20px;
}

#footInner {
	max-width:1280px;
	
	margin:0 auto;
	
}
	div.foot0, div.foot1, div.foot2, div.foot3, div.foot4, div.foot5 {
		font-family:'fira';
		color:white;
		float:left;
		
		text-align:left;
		padding:10px 0px;
		border-right:2px solid white;
	}
	
	
	div.foot0 {
		width:6%;
		border-right:0px solid white;
	}
	div.foot1 {
		width:21%;
		border-right:0px solid white;
	}
	div.foot2 {
		width:20%;
		padding-left:20px;
		border-left:2px solid white;
	}
	div.foot3 {
		width:20%;
		padding-left:20px;
	}
	div.foot4 {
		width:20%;
		padding-left:20px;
		border-right:0px solid white;
	}
	
	div.foot4 a { 
	color:white;
	}
	
	div.foot5 {
		width:6%;
		border-right:0px solid white;
	}
	
	
	div.foot1 {
		poosition:relative;
		font-size:30px;
			
		
	}
	div.foot1 {
		min-width:220px;
	}
	div.foot1Mobile,div.foot2Mobile {
		display:none;
		width:49%;
		float:left;
	} 
	div.foot1Mobile {
		border-right:1px solid white;
	}
	
@media only screen and (max-width: 1030px) {
	span.rabitePomoc { font-family:'ranga-bold';color:#A0A0A0;font-size:20px;letter-spacing:1px; }
	span.razmik, span a.info {font-size:14px;}
	
	div.foot1,div.foot2, div.foot3,  div.foot4, div.foot0,div.foot5,   { 
	display:none;
	}
	
	span.ceneOkvir1 {
	display:block;
	text-decoration:line-through;
	font-size:1.0em; 
	line-height:22px;
	margin:0 auto;
}
span.ceneOkvir2 {
	display:block;
	font-size:18px; 
	line-height:20px;
	margin:5px auto;
	
	width:70%;
}

span.ceneOkvir3 {
	display:block;
	font-size:1.4em; 
	line-height:22px;
	margin:0 auto;
}
	#menu2 ul li {
		font-size:12px;
		}
	#vstopnaGlavna a.izdelki_naslov {
		font-size:32px;
		}
	#vstopnaGlavna a.izdelki {
		font-size:15px;
		}
	#vstopnaGlavna a.izdelki_bolt {
		font-size:12px;
		}
	#menuLeviTrgovina { 
	width:26%;}
	#menuLeviTrgovina li a {
		font-size:16px;
		}
	#menuLeviTrgovina li.podmenu a {
		font-size:15px;
		}
		
	#seznam-izdelkov {
	
	width:67%;
	
	}
	
	#en-izdelek {
		width:70%;
	}
	
	div .artiklCene img {
	width:25%;
	margin:10px;
	
}
	
	div .napis {
	float:none;
	position:absolute;
	bottom:0px;
	right:4%;
	
}
	div .okvir_izdelka {
	
	MARGIN:8PX 0px 0px 10px;
	
	float:left;
	width:31%;
	
	
	
}

div .seznamIzdelkov {
	
	MARGIN:0PX;
	PADDING:5PX;
	float:left;
	
	border:1px solid black;
	
	
}
	#first-column {
		width:100%;
		}
	#second-column {
		display:none;
		}
		
	div .izdelekVrstica {
	margin-right:10px;
	}	
	
	div .enIzdelekVrstica {
	width:98%;

}

div .artiklCene {
	width:100%;
	float:none;
	position:relative;
	margin-bottom:12px;
	
}

.videoOkvir {
	margin-left:10px;
	width:700px;
	height:393px;
}

#footer {
	font-siza:12px;
	
}

div.foot1 img {
	width:90%;
}

vVozeku {right: 42px;;
    top: 80px;}

}

/*

za izpis podrobnosti izdelka (dodatno s klikom na +
*/

div.opisPodrobnosti {
	margin-top:15px;
}

div.opisPodrobnosti div a.prikaziDodatniopis {
	font-size:22px;
	color:#cb0a0f;
	cursor:pointer;
}

div.opisPodrobnosti div.dodatniOpis {
	display:none;
}

/*
to je natstavitev za formo pri posameznem, artiklu VEČ O ARTIKLU-KONTAKT
*/

#vecOartiklu { /* to je button */
	
	font-size:17px;
	font-family:'fira';
	letter-spacing:1px;
	color:white;
	background:#cb0a0f;
	padding-left:11px;
	padding-right:11px;
	height:30px;
	border:0px;
	
	//display:none;
	cursor:pointer;
}

#vecOartiklu:focus  {
	outline:0;
}

#formaVecOartiklu { /* to je kontaktni obrazec */
	display:none;
	width:440px;
	/*
	height:400px;;
	*/
	position:fixed;
	background:white;
	border:1px solid black;
	left:50%;
	top:15%;
	transform:translate(-50%, 0px);
	z-index:300;
	/*
	top:40%;
	left:35%;
	*/
}
#formaVecOartiklu div.naslov {
	background:#666666;
	padding:20px;
	color:white;
	font-size:20px;
	margin-bottom:12px;
}

#formaVecOartiklu div.output_message {
	padding-left:20px;
	color:#ff0000;
}
div.vnosnaPolja {
	padding-left:20px;
	max-height:420px;
	overflow-y:auto;
}

#zapriPosto {
	position:absolute;
	top:3px;
	right:3px;
	color:white;
	cursor:pointer;
}

#formaVecOartiklu input, #formaVecOartiklu textarea {
	margin-bottom:10px;
	margin-left:0px;
	line-height:20px;
	padding:5px;
	width:400px;
	border-style:solid;
	border-width:1px;
	border-color:grey;
	
}

#formaVecOartiklu input:focus, #formaVecOartiklu textarea:focus {
	outline:none;
}

#formaVecOartiklu input[name="poslji"] {
	cursor:pointer;
}

#formaVecOartiklu input[name="poslji"]:hover {
	color:white;
	background:grey;
}





@media only screen and (max-width: 860px) {
	div.foot0 {
		width:4%;
	}
}


@media only screen and (max-width: 768px) {
	div.foot0 {
		width:2%;
	}
}



/************* ***************************************************************************************
*****************

 širina 768
 
 **************
 *****************************************************************************************************/

@media only screen and (max-width: 767px) {

body {/*background-image:url('grafika/prazni.gif') !important;*/}
h1 {font-size:20px;}
h2 {font-size:18px;}

#vstopnaIzberiPlacilo {
	text-align:center;
	margin:0 10px;
	
}
body {

letter-spacing:0px;	
}
#container {
	background-color:transparent;
	padding-top:0px;
	
}
p.nacinPlacila, H1.nacinPlacila {
	
}

img.natur {
	display:none;
}

H1.okvirOpozorilo {margin-top:10px;}

h2.predstavitev {font-size:22px;}

span.ceneOkvir1 {
	display:block;
	text-decoration:line-through;
	font-size:1.0em; 
	line-height:22px;
	margin:0 auto;
}
span.ceneOkvir2 {
	display:block;
	font-size:18px; 
	line-height:20px;
	margin:5px auto;
	
	width:70%;
}

span.ceneOkvir3 {
	display:block;
	font-size:1.4em; 
	line-height:22px;
	margin:0 auto;
}

#header {height:30px;}
#inner {
	margin-bottom:0px;
}

#full-column {
	padding-top:0px;
	/*min-height:520px;*/
}

#breadcrumbs {
	display:block;
	margin-left:10px; font-size:12px;
}

#kosaricaFloat {
	top:110px;
	left:5px;
}

#opozoriloNakup p {
	font-size:16px;
}

#vstopna {
	margin-left:2px;
}

#vstopnaPredstavitev {
	margin-left:0px;
	    padding-top: 15px;
    margin-top: -2px;
	background:transparent;
}

#vstopnaGlavna, span.rabitePomoc, .static, #akcije, #menuLeviTrgovina, #crnoLevo, #sivinaSpodaj, 
#footInner, #footer {display:none;}

#vstopnaOddaj {
	
	width:100%;
	margin:0px 10px 0px 10px;
}


#naslov-predstavitev {
	margin-right:-10px;
	
}

div.foot1Mobile,div.foot2Mobile {
		display:block;
		font-size:14px;
		color:white;
		background-color:#666666;
		padding:10px 0px;
	}

#seznam-izdelkov, #en-izdelek {
	width:100%;
	background:white;
	
}
#en-izdelek {
	margin:0 0 0px 0;
	padding:15px 0px;
	
}

#seznam-izdelkov {
	margin-top:0;
	margin-bottom:0px;
	/*padding:15px 5px;*/
	padding:15px 0px;
}

#akcije-mobi-naslov {
padding:10px;
}

#akcijeText div  img {
	border:0px solid black;
}

#akcijeMobiSredina {
	margin-top:0px;
	
}

#akcijeText > div {
	left:50%;
 	transform: translate(-50%, 0%);
	width:100%; /*bil je 80% */
		
}


#menuwrap {
	background-color:#c40000;
	height:30px;
		}
#headerMobileLevi, #headerMobileSredina, #headerMobiledesno, 
#headerMobileSredinaZastave, #footerMobile  {
	display:block;
}



div.rdeci-levo,div.rdeci-sredina,div.rdeci-desno {
	display:block;
	
	float:left;
	height:30px;
	line-height:30px;
	}
		
div.rdeci-levo {
	width:44%;
	text-align:right;	
}
div.rdeci-sredina {
	width:4%;
	text-align:center;
	
}
div.rdeci-desno {
	width:44%;
	margin-top:auto;
	margin-bottom:auto;
	text-align:left;
	
}




div a.pasica-mobi-levo {
	color:white;
	font-size:20px;
	text-decoration:none;
	height:30px;
}

div.rdeci-desno a {vertical-align:middle;}

#vVozeku {
        font-size:16px;
		color:#818181;
		font-weight:800;
		top:37px;
		
}
	
	#menuLeviTrgovina {
		margin-left:5px;
	}
	
	#menuLeviTrgovina ul li {
		margin-left:0px;
		}
	#menuLeviTrgovina ul li a{
		font-size:14px;
		margin-left:0px;
		}
	#menuLeviTrgovina ul {
		margin-left:10px;
		}
	#menuLeviTrgovina li.podmenu a {
		margin-left:0px;
		}
	
div .okvir_izdelka {
	
	MARGIN:8PX 0px 0px 10px;
	
	float:left;
	width:30%;
	
	
	
}

div .seznamIzdelkov {
	
	MARGIN:0PX;
	PADDING:5PX;
	float:left;
	min-height:350px;
	border:1px solid black;
	
	
}


	
div.enIzdelekVrstica {
	margin-right: 0px;
    margin-left: 5px;
    width: 95%;
	padding-left:5px;
}	
	
div .izdelekVrstica img {
	//float:left;
	//margin-right:10px;
	margin-bottom:10px;
	//margin-left:10px;
	//HEIGHT:60%;
	width:90%;
}

div .izdelekVrstica img.podrobno
{
	float:left;
	margin-left:10px; 
	margin-bottom:10px; 
	margin-right:10px;
	
	
	
}

div .dveKoloni {
	clear:both;
}
div .triKolone {
	clear:none;
}

/**** nastavitve za en izdelek  ***********/
div .enIzdelekVrstica img.podrobno {
	width:50%;
	float:left;
	margin-right:10px;
}



div .napis {
	float:none;
	position:absolute;
	bottom:0px;
	right:4%;
	
}

div .artiklCene img {
	margin:0px;
	width:40%;
}


div .artiklCene {
	
	margin-bottom:10px;
	
}

div .artiklCeneStolpec {
	width:37%;
}

p.rednaCena, p.dobava   {
	font-size:22px;
	PADDING:0 5px 10PX 0;
	letter-spacing:1px;
	}
 p.modraCena, p.spletnaCena, p.akcijaCena {
	 font-size:24px;
	 font-weight:800;
	 PADDING:0 5px 10PX 0;
	 letter-spacing:1px;
 }
 
 
 
 


 
 
 /**** nastavitve sliderja za 768 px  ***********/	
	#slider-mobile, #sivinaMobi, #akcija-mobi, #akcije-mobi-naslov, p.mobi-naslov { 
	display:block;
	letter-spacing:1px;}
	
#menu, #menu2, div .telefon-static, div .izdelekVrstica p.opismali {
		display:none;
	}	
	
	
	
ul.GI_IC_items li p {
	font-family:'ranga-normal';
	
	color:white;
	margin:84% 20% 5% 3%;
	font-size:30px;
	width:80%;
	text-align:center;
}

ul.GI_IC_items img {
	margin-top:10%;
}
	
	#first-column-vstopna {
			clear:both;
			position:relative;
			width:inherit;
			min-height:0px;
			margin-right:20px;
			}
	#second-column-vstopna {
		clear:both;
		display:none;
		position:relative;
		width:100%;
		}
	#first-column {
			clear:both;
			position:relative;
			width:100%;
			}
	#second-column {
		clear:both;
		position:relative;
		width:100%;
		}
	#drzavne, #reklamne, #drogovi, #dodatno {
		clear:both;
		float:none;
		position:relative;
		margin:0 auto;
		width:350px;
	}
	
	
	#menu4 {
		height:50px;
	}
	
	
	
	#headerMobile, #MenuMobileDesni {
	display:block;	
	}
	
	#aliSteVedeli, #aliSteVedeliText, #menu3 {display:none;}
	
	
	
	div.foot1, div.foot0, div.foot5 {display:none;} 
	
	div.foot2, div.foot3, div.foot4 {
		color:white;
		float:left;
		text-align:left;
		padding:5px 5px;
		width:30%;
		font-size:11px;
	}
	
	.videoOkvir {
	margin-left:10px;
	width:460px;
	height:259px;
}
#akcijeText {
	/*min-height:704px; /* bilo je 560*/
}

div.okvirPovezani {
	margin:5px;
	float:left;
	width:45%;
	border:1px solid black;
	
}

img.povezaniArtikli {
	margin:5px;
	border:0px solid;
	width:93%;
}

div.okvirPovezani {
	float:left;
	width:47%;
	border:1px solid black;
	
}

/*obrazec za info o artikli za pošto*/

#formaVecOartiklu { /* to je kontaktni obrazec */
	display:none;
	width:100%;
	/*
	height:400px;;
	*/
	position:fixed;
	background:white;
	border:1px solid black;
	left:0px;
	top:5%;
	transform:translate(0px, 0px);
	z-index:300;
	/*
	top:40%;
	left:35%;
	*/
}
#formaVecOartiklu input, #formaVecOartiklu textarea {
	
	
	width:90%;
	
	
}
	
}

@media only screen and (max-width:600px) {
#akcijeText {
	/*min-height:535px; /* bilo je 430*/
}

img.povezaniArtikli {
	/*margin:5px;
	width:45%; */
}
}



@media only screen and (max-width:479px) {
div a.pasica-mobi-levo {font-size:14px; }	
div .rdeci-desno img {height:20px;}
img.logoSredina {
	margin:13px 13px;
	width:171px;
}

h1 {font-size:20px;letter-spacing:0px;}
h2 {font-size:16px;letter-spacing:0px;font-weight:800;}
#vVozeku {
        
		right:30px;
		
}

div.imeObcine {clear:both;margin-top:10px;}

#vstopnaIzberiPlacilo {
	text-align:center;
	margin:0 5px;
	
}

H1.nacinPlacila, p.nacinPlacila {
	/*width:97%;*/
}

#sredinaIzberiPlacilo {
	width:270px;
	margin:0 auto;
}

#opozoriloNakup {width:70%;height:260px;left:15%;top:112px;}

input.oddajInput {width:170px;}

#first-column-vstopna {
	
	margin-left:0%;
	}

ul.GI_IC_items li p {
	font-family:'ranga-normal';
	
	color:white;
	margin:84% 20% 10% 3%;
	font-size:20px;
	width:80%;
	text-align:center;
}

div .artiklCene {

	margin-bottom:10px;
	
}

p.opismali {display:none;}

#okvirKolicine, #okvirPovrsine {
	
	display:block;
	
	
}

.vKosaricoDIV {
	width:51%;
}

.v_kosarico {
	width:105%;
	margin-right:10px;
}
div.pdfPodloge {width:40%;margin-left:20px;}

#okvirKolicine input {
	margin-bottom:10px;
}

#stevecKolicin {
	
	font-size:15px;
	margin-right:5%;
	margin-top:10px;
	
	}

#stevecPovrsine {
	margin-top:10px;
	width:370px;
	font-size:15px;
	margin-right:5%;
	
	
}
	
.infoRednaCena, .infoModraCena, .infoSpletnaCena {
	display:none;
	position:absolute;
	top:33px;
	left:-5px;
	background-color:#333333;
	color:white;
	padding:10px;
	width:80px;
	opacity:0.9;
	z-index:300;
	
} 

p.modraCena, p.spletnaCena, p.akcijaCena {
	 font-size:20px;
	 
 }
 
 p.rednaCena, p.dobava   {
	font-size:20px;
	PADDING:0 5px 10PX 0;
	}
div .seznamIzdelkov {
	min-height:280px;
		
}

.videoOkvir {
	margin-left:10px;
	width:400px;
	height:225px;
}

#akcijeText {
	/*min-height:415px; /* bilo je 330*/
}

div.okvirPovezani {
	float:left;
	width:45%;
	border:1px solid black;
	
}

}





@media only screen and (max-width:419px) {
div a.pasica-mobi-levo {font-size:14px; }	
div .rdeci-desno img {height:20px;}
#sivinaMobi {font-size:18px;letter-spacing:1px;}
#opozoriloNakup {width:80%; left:10%;height:250px;top:110px;}
img.logoSredina {
	margin:19px 13px;
	width:120px;
}
img.logoDesno {
	margin-top:17px;
	margin-right:10px;
	width:30px;
}
#headerMobileLevi i {
	font-size:34px;
}

#menuMobile {
	width: 90%;
	
}

#vVozeku {
        
		right:20px;
		
}
.rdeci-levo span.fa-phone {
	font-size:15px !important;
}

div.foot1Mobile,div.foot2Mobile {
		display:block;
		font-size:11px;
		color:white;
		background-color:#666666;
		padding:10px 0px;
	}
div .enIzdelekVrstica img.podrobno {
	width:50%;
	float:left;
}
div .artiklCeneStolpec {
	width:41%;
}
div .artiklCene img {
	width:35%;
}

div .okvir_izdelka {
	
	MARGIN:8PX 0px 0px 10px;
	
	float:left;
	width:45%;
	
	
	
}

div .seznamIzdelkov {
	
	MARGIN:0PX;
	PADDING:5PX;
	float:left;
	min-height:300px;
	border:1px solid black;
	
	
}

div .seznamIzdelkov form b { 
	line-height:110%;
	}
	
#akcijeText {
	/*min-height:280px;*/
}

.videoOkvir {
	margin-left:10px;
	width:340px;
	height:191px;
}

#stevecKolicin {
	
	font-size:15px;
	margin-right:5%;
	text-align:left;
	margin-top:10px;
	float:left;
	clear:both;
	}

#stevecPovrsine {
	margin-top:0px;
	text-align:left;
	width:370px;
	font-size:15px;
	margin-right:5%;
	float:left;
	margin-bottom:20px;
	
}

#akcijeText {
/*	min-height:355px;  /* bilo je 280*/
}

img.povezaniArtikli {
	/*
	margin:5px;
	width:45%;
	*/
}
div.okvirPovezani {
	float:left;
	width:45%;
	border:1px solid black;
	
}

}

@media only screen and (max-width:360px) {

	div .artiklCeneStolpec {
		width:39%;
	}
p.modraCena, p.spletnaCena, p.akcijaCena {
	 font-size:18px;
	 
 }
 
 p.rednaCena, p.dobava   {
	font-size:18px;
	PADDING:0 5px 10PX 0;
	}
	
	div .seznamIzdelkov {
		min-height:280px;
	
}

.videoOkvir {
	margin-left:10px;
	width:300px;
	height:169px;
}

#stevecKolicin {
	
	font-size:14px;
	
	}

#stevecPovrsine {
	
	width:290px;
	font-size:14px;
	
	
}

#kolicinaArtikla, #povrsinaArtikla  {
	
	font-size:16px;
	width:36px;
}
.zunanji {font-size:11px;}

H1.nacinPlacila, p.nacinPlacila {
	width:250px;
}

#sredinaIzberiPlacilo {
	width:250px;
	margin:0 auto;
}


p.nacinPlacila { 
font-size:12px;
}
#akcijeText {
/*	min-height:300px;  /* bilo je 250*/
}

img.povezaniArtikli {
	/*
	margin:5px;
	width:44%;
	*/
}
div.okvirPovezani {
	float:left;
	width:45%;
	border:1px solid black;
	
}

}

@media only screen and (max-width:320px) {
.videoOkvir {
	margin-left:10px;
	width:300px;
	height:169px;  
}
#akcijeText {
	/*min-height:265px; /* bilo je 215*/
}	

div.okvirPovezani {
	float:left;
	width:45%;
	border:1px solid black;
	
}

div.enIzdelekVrstica {
    /* width: 98%; */
    margin-right: 0px;
    margin-left: 5px;
    width: 95%;
}

img.povezaniArtikli {
	margin:0px;
	width:90%;
	/*width:43%;*/
}
div.OkvirPovezani p {min-height:40px;}


}

/*********************cookie popup****************************************/
	
	#cookie {
		display:none;
		width:100%;
		margin:0;
		position:fixed;
		bottom:0;
		left:0;
		z-index:12;
		background:#323232;
		border:1px solid black;
		
		font-size:12px;
		color:white;
		padding:10px 30px;
		opacity:0.9;
		line-height: 35px;
	}
	
	#cookie a {
		font-weight:800;
		text-decoration:underline;
		color:white;
	}
	
	#cookie button {
		float:right;
		margin-right:50px;
		background-color: #008E20;
		border: 1px solid #008E20;
		color: white;
        padding: 8px;
        border-radius:5px;
	}
	
	#cookie button:hover {
		background-color: #008E20;
		border: 1px solid #008E20;
	}