/* MAIN STRUCTURE CSS */

/* VARIABLES */
:root {
    --main: #01543D;
    --primary_green: #669933;
    --pg: #669933;
    --slyel_20:rgba(254,193,39,.2);
    --slg_20:rgba(86,191,152,.2);
    --fl:24px;
    --fxl:36px;
    --fm:20px;
    --fn:16px;
    --fs:14px;
    --fxs:12px;
    --th:rgba(86,191,12,.05);
}



*{padding:0px; margin:0px; }
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: asap; src: url('fonts/asap_regular.ttf');}
@font-face {font-family: cherokee; src: url('fonts/plantagenet_cherokee.ttf');}
@font-face {font-family: numbers; src: url('fonts/PlayfairDisplayRegular.ttf');}
/* ELEMENTS*/

.buttons{
    background:var(--pg);
    min-width:200px;
    max-width:240px;
    margin:auto;
    box-sizing: border-box;
    padding:10px 16px;
    border-radius:6px;
    color:#eee;
    cursor: pointer;
    text-decoration: none;
}


HTML{width:100%;}
BODY {width:100%; font-size:14px; font-family:asap,sans-serif;}
img {border:0}
a{color:inherit;font-size:inherit;}
p{font-family: sans-serif; font-size: 16px; line-height: 1.5em;}
.oblast_strane{width:100%; margin:auto; }
.oblast_zaglavlja{position:fixed;width:100%;top:0;
    background: rgba(255,255,255,.4);
    font-family: asap ;
    border-bottom:1px solid #ddd;
}
.oblast_zaglavlja_inner{width:960px;margin: auto; position:relative;}
.oblast_sadrzaja{width:100%; min-height:700px;  margin:0 auto;}
p, a, h1,h2,h3,h4,h5,h6,li, label{color:#444;}
.top_baner, .mainTopBannerInner{width:100%;}
/*CHANGE*/
.top_baner{border-bottom: 1px solid green; margin-top:102px;}
.icons {font-family: icons;text-decoration:none;}
.index .oblast_strane .pageTitle{color: #006837; text-align: center; padding: 20px 0px 0px; font-weight: normal; font-size: 30px; box-sizing: border-box}


/*EFFECTS*/
.oblast_strane:before{
    _content: url('../../cms_upload/pages/files/102_petjungle_back_left.png');
    content:"";
    position: absolute;
    z-index: -1;
    width:300px;
    height: 2600px;
    background-image: url(../../cms_upload/pages/files/102_petjungle_back_left.png);
    background-repeat: repeat-y;
    background-size: 100%;
}





/* DISPLAY NONE */
.popUpBox,.mobile_baner{display: none}
.fixed-futer{display: none}
.obavestenje{display:none;}
.flyOutMenu{

    width:20px;
    position:absolute;
    top:25px;right:69px;
    z-index: 200;
}
.flyOutMenu #cart_indication a{
    font-size:0;
    width:10px; height:10px;
    display: block;
    background: red;
    border-radius:50%;
    border:2px solid #fff;
}
.index .sideCatNav{display: block;}
.imageForMobile,
.mob_main_menu, .poruciTekst,.tempContainer,.footer_mob_info,
.wishListBar,.PageTrackNav,.iconOpis{
    display:none
}
.hidden{display: none!important}

.userBar,
.headerIconsDiv,
.CatTrackNav,
.homeMenu,
.popup_baner{display: none!important; }
.imate_nalog_dugme{display: none}


.zaglavlje_content{position:relative;}
.wrapperTraka .logo{position:absolute; top:14px;left:20px; width:250px; height:auto;display:block;}
.logo a{display:block; width:100%}
.logo img{display: block;width:100%;}

/*GLAVNI MENI*/
.glavni_meni{display:flex;justify-content:flex-end;}
.glavni_meni ul{display: flex;list-style: none; width:1000px;}
.glavni_meni ul > li{flex-grow: 1; text-align: center; }
.glavni_meni ul > li a{text-decoration: none; display: block; padding: 6px 20px; box-sizing: border-box; color:#555; border-bottom:3px solid transparent; font-size:16px; }
.glavni_meni ul > li a:hover{border-bottom:3px solid #ddd;}
.glavni_meni ul > li a{color:#fff}
.glavni_meni li img{width: 100%; display: block;height: 100%}

/* GORNJA TRAKA */
.wrapperTraka{border-bottom:1px solid #999; display: flex; background: rgb(255,255,255);padding:10px 5px; box-sizing:border-box;
    transition: all 1s}
.wrapperTraka{background:#fff; position:relative; display:flex; justify-content:flex-end;}
.wrapperTraka img{display: block;width:100%;}
.wrapperTraka .logoHome img{}
.wrapperTraka p{ display: none}
.wrapperTraka > div{display: flex; }
.divLevi{padding:2px 10px;}
.divLevi .itemIcon{width:35px;  padding:4px 8px}
.divDesni .itemIcon{width:29px;  padding:8px 8px;}
.divDesni .item.right:last-child .itemIcon{padding: 8px 20px 8px 8px}

.fixedLink_form{display: flex; width:auto;position: absolute;top:6px; left:300px;}
.fixedLink_form div{margin:5px 0; display: flex;}
.fixedLink_form .slika{display: block; width: 44px;padding: 3px; box-sizing: border-box}
.fixedLink_form img{display: block; width: 100%; _filter:invert(1) contrast(5) saturate(1) }
.fixedLink_form a{text-decoration: none; display: flex; width: 100%; height:50px}
.fixedLink_form p{width: max-content;color:#fff; padding: 10px 5px;display:none}
.fixedLink_form a:hover{margin-left: 0; transition:.3s}


.catalog_search .searchDugme:after{content: "\f002"; font-family: icons; font-size: 18px; color: #01543d; position: absolute; right: 12px; top:6px}
.catalog_search a{text-decoration: none}

.catalog_search{
    position: absolute;
    top:20px;right:330px;
}
.catalog_search input{
    font-size:var(--fn);
    padding:4px 10px;
    border:2px solid var(--main);
    border-radius:10px;
    outline: none;
}



#brzi_pretrazivac {
    position:relative;
}

#suggestions{
    position: absolute;
    top:100%; right:-50px;
    width:600px;height:500px;
    background:#fff;
    overflow-y: auto;
    border-radius:10px;
}

.close_suggestions{
    background: var(--primary_green);
    display: block;
    color:#000;
    cursor: pointer;
    padding:10px
}
#autoSuggestionsList li{
    display:flex;
    border-bottom:1px solid #ccc;
    cursor:pointer;
    padding:10px;
    box-sizing: border-box;
}

#autoSuggestionsList div{
    padding: 0 14px;
    flex-grow: 1;
}
#autoSuggestionsList li img{
    width:80px;
    max-height:120px;
    display:block;

}

#autoSuggestionsList h3{
    color:var(--primary_green);
    font-size:var(--fm);
}
#autoSuggestionsList p{
    color:var(--main);
    padding:6px 10px 0 0;
    font-size:var(--fs)
}

.logoScroll{
    display: block;
    width:110px;
    padding: 16px;
    background: red;
}
.logoScroll img{
    display: block;
    width: 100%;
}

/* BANNER */


.baner_slide_title{
    position:absolute;
    bottom:100px;left:0;
    z-index: 100;
    font-size:30px;
    background: var(--pg);
    color:#fff;
    padding:10px 30px 10px 50px;
    border-radius:0 8px 8px 0;


}
.baner_slide_description{
    position:absolute;
    bottom:40px;left:0;
    z-index: 100;
    font-size:20px;
    background: #3a55;
    color:#eee;
    padding:10px 30px 10px 50px;
    border-radius:0 8px 8px 0;
}
/* HOME */
/*.blogHome{display: flex; justify-content: space-between;width: 70%; margin: auto; flex-wrap: wrap;
border-radius:10px;

}
.izdvojeniTekst{display: flex;width: 100%;  box-sizing: border-box;background: rgba(255,255,255,1); position: relative; margin-bottom:20px;
border-radius:10px;border:1px solid var(--pg)
}
.izdvojeniTekst p{color: var(--main); box-sizing: border-box; padding:10px; line-height:1.9em}
.izdvojeniTekst p:first-letter{font-size:90px; float: left; padding: 10px 5px 0 0; font-family: serif; color:#aa3}
.izdvojeniTekst .slikaIzdvojeniTekst{width: 30%; height: max-content;margin:10px 11px}
.izdvojeniTekst .slikaIzdvojeniTekst img{border-radius:6px}
.izdvojeniTekst .izdvojenTekstTxt{width: 70%; padding: 20px; box-sizing: border-box}
.izdvojeniTekst a{position: absolute; right: 70px; bottom: 30px; background: ; color: var(--main); 
	width: 200px; display: block;
    padding: 10px 10px; text-align: center; text-decoration: none; font-size: 18px;
border: 1px solid var(--main); border-radius: 10px; }

.izdvojeniTekst a:hover{background: var(--pg); color:#eee}
.izdvojeniTekst .izdvojenTekstTxt:nth-child(1) a{ left: 20px}

*/

.izdvojeniTekst ul{
    display: block;
    width: 70%;
    margin:auto;
    
    
    
}
.blogHome li{
    margin: 30px;
    list-style: none;
    display: flex;
    border:1px solid var(--pg);
    border-radius: 10px;
    padding: 20px;
    min-height: 250px;
    background: rgba(255,255,255,1)
}
.blogHome h2{
     padding: 10px 10px 10px 30px;
}

.blogHome h2 a{
    text-decoration: none;
     display: block;
     color: var(--main); 
}


.blogHome li .antrafile {color: var(--main); box-sizing: border-box; padding:10px 10px 10px 30px; line-height:1.9em;
    
}
.blogHome .antrafile:first-letter{font-size:90px; float: left; padding: 10px 5px 0 0; font-family: serif; color:#aa3}
.blogHome .info{
  
    width: 65%;
}
.blogHome .img{
    width: 35%;
  
    
}
.blogHome .img img{
      border-radius: 6px;
      display: block;
      width: 100%;
}

.oblast_zaglavlja{background: var(--pg)}
.colorChange{background: rgba(1,1,1,.8); transition: .3s}
.oblast_sadrzaja{width:100%; min-height:700px;  margin:0 auto; position: relative}
.index #coll_middle {padding: 60px 0 0; box-sizing: border-box; width:100%; flex-basis:initial; flex-grow:initial}
.homebox{width: 100%; }

.obavestenjeTraka{background: red; position: absolute; top: 0; left: 0; right: 0; background:#ea1f3c;padding:5px 10px; box-sizing: border-box;
    text-align: center}
.obavestenjeTraka p{color: #fff;font-size:var(--fm)}

.homebox .flexBox{display: flex;width: 1200px; margin:20px auto 0;justify-content: space-between }
.flexBox .box2{width: 31%; border: 2px solid var(--main);background: rgba(255,255,255, .8); background:#fff;position: relative; border-radius:10px}
.flexBox .box2 h3{display:block;padding: 0px 30px 0px 0;  }
.flexBox .box2 h3 a{display: block; text-decoration: none; box-sizing: border-box; 
	color: var(--primary_green);font-size:var(--fl); 
	font-weight: normal;text-align: center; }
.flexBox .box2 >h3 a{display:none;color:#587; font-size:22px; letter-spacing:-.3px}
.flexBox .box-2-1 h3:after{
    content:"";
    background-image: url('../../cms_upload/pages/files/46_jungleakcija.png');
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top:-38px;left:15px;
    display: block;
    width:230px;height:80px;
    z-index: 100;
    _transform: rotate(-5deg)
}
.flexBox .box-2-2 h3:after{
    content:"";
    background-image: url('../../cms_upload/pages/files/46_junglepreporuka.png');
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top:-38px;left:15px;
    display: block;
    width:300px;height:80px;
    z-index: 100;
    _transform: rotate(-5deg)
}

.flexBox .box-2-3 h3:after{
    content:"";
    background-image: url('../../cms_upload/pages/files/46_jungleljubimci.png');
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top:-38px;left:15px;
    display: block;
    width:270px;height:80px;
    z-index: 100;
    _transform: rotate(-5deg)
}

.flexBox .boxSlika{background: #fff; width:100%; overflow:hidden; border-bottom: 1px solid #ddd; border-radius:6px}
.boxSlika img{display: block; width: 100%; border-radius:6px}
.boxOpis p{padding: 12px 24px 20px 20px; color:var(--main);font-size:var(--fn)}
.box-2-1 .akcijaHomeSpan{background: var(--pg);
    position: absolute; padding: 9px 16px; box-sizing: border-box; color: #eee; top: 0px; right: -25px;
    transform: rotate(14deg); border-radius:10px; font-size:var(--fs); font-family:sans-serif; font-weight:bold;text-transform:uppercase }

.boxJedan{background:var(--pg); width: 100%; margin: 80px auto 40px; padding:30px 20px 10px; box-sizing:border-box; position: relative;
    border-top:2px solid var(--primary_green);
}
.naslovAkcije, .naslovPreporuke{background: #fff; color: var(--primary_green); box-sizing: border-box; font-size:var(--fn);
    position: absolute; top:-49px;
    left:40px;
    background:none;
}
.naslovAkcije{
    padding: 24px 30px 28px 296px;
}
.naslovPreporuke{
    padding: 24px 30px 28px 426px;
}
.naslovAkcije:after,
.naslovPreporuke:after{
    content:"";
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 100;
    transform: rotate(-5deg);
}
.naslovAkcije:after{
    background-image: url('../../cms_upload/pages/files/46_junglepopust.png');
    top:-20px;left:30px;
    width:260px;height:120px;
}

.naslovPreporuke:after{
    background-image: url('../../cms_upload/pages/files/46_junglepreporuka.png');
    top:-2px;left:30px;
    width:400px;height:110px;
}


.index #listaProizvoda{display: flex; overflow-x: auto;
    overflow-y:hidden;box-sizing:border-box; padding: 10px 0;
}
.index #listaProizvoda li,.catid_25 .productInPage #listaProizvoda li{margin:20px 5px 0px 5px; width: 330px;list-style: none;
    border: 1px solid var(--main); border-radius:10px;
    position:relative;padding:40px 0 0 0;
    background: #fff;
    box-sizing: border-box;
    text-align: ce

}
.catid_25 .productInPage #listaProizvoda li{margin:20px 5px 0px 5px; width: 230px;list-style: none;
    border: 1px solid var(--main); border-radius:10px;
    position:relative;padding:40px 0 0 0;
    background: #fff;
    box-sizing: border-box;
    text-align: ce

}
.index #listaProizvoda img,.catid_25 .productInPage #listaProizvoda img{display: block;width: 100%;max-height:180px; }
.index #listaProizvoda .catalogueThumbLink,.catid_25 .productInPage .catalogueThumbLink{display: block; width: 180px;margin:auto;min-height: 180px}
.index #listaProizvoda .handle{width:20px;height:20px;
    display: none;/*OBRISATI !!!!*/
}
.index .catalogueItemText,.catid_25 .productInPage .catalogueItemText{
    padding:14px 14px 35px 14px;
    color:var(--main);
    min-height:100px;
    position:relative;
}
.index .catalogueItemText p{
    position: absolute;
    bottom:0;left:0;
    width:100%;
    border-top:1px dashed var(--primary_green);
    padding: 0 6px;
    box-sizing: border-box;

}
.index .productPrice,.catid_25 .productPrice{
    position: absolute;
    top:-14px; right:14px;
    border: 1px solid var(--primary_green);
    background: #fff;
    color:var(--main);
    font-family:numbers;
    font-size:22px;
    padding:0px 6px 4px 12px;
    border-radius:6px;
    min-width:80px;
    text-align: right;
}
.productPrice span{
    font-size:14px;
    padding:0 2px;
}
.index #listaProizvoda a,.catid_25 .productInPage #listaProizvoda a{display: block; text-decoration: none;}
.removeMenu{height: 0;padding: 0; border-bottom:none; transition:all .3s}
.removeMenu > div a img{opacity: 0; transition:all .3s ; display: none}
.removeMenu .slika{display: none}

.boxDva{ background:var(--main); border-top:4px solid var(--main); padding:0 0 40px 0;}
.boxDva h3{padding:15px 10px; box-sizing: border-box; font-weight: normal; text-align:center; color:var(--primary_green); font-size:var(--fxl)}
.boxDva p{padding: 20px 10px 20px 10px; box-sizing: border-box; color:#f2f2f2; width:1100px; margin:auto; font-size:var(--fm)}
.boxDva a{text-decoration: none; display: block; width:100%;color:inherit;}
.boxDva img{display: block; width:100%}
/*STRANICE*/
/*
.oblast_strane { overflow: hidden}
.oblast_sadrzaja{width:1200px; min-height:700px;  margin:136px auto 30px; display: flex;border:1px solid #ccc; padding-top: 20px;
  border-top:none; background: rgba(255,255,255,.6)}
*/
#coll_left,#coll_middle,#coll_right{
    box-sizing: border-box;
}
#coll_middle{
    flex-basis: 0;
    flex-grow: 1;
}
#coll_middle img{
    display: block;
    width:100%;
}
#coll_left{
    width:260px;
}
#coll_left h3{
}
#coll_left h3 a{
    display: block;
}
#coll_right{
    width:200px;
}

#coll_left a{
    text-decoration: none;
    padding:16px;
    display:block;
    font-weight:normal

}


.bocniMeniStrane{

    list-style: none;

}
#coll_left .bocniMeniStrane >li >a{text-transform: uppercase}

.bocniMeniStrane li{
    border-bottom:1px solid #ccc;
}
.markerKategorije >a{border-bottom: 1px solid #ccc}
.markerKategorije >ul{padding-left: 20px}
.markerKategorije >ul li:last-child{border-bottom: none}
.markerKategorije >ul li {list-style:none; margin-left: 15px }
.markerKategorije >ul li a{position: relative}
.markerKategorije >ul li a:before{content: url('../../../cms_upload/pages/files/112_sapa2.png'); display: inline-block; position: absolute; left: -20px; top: 14px }
.markerPodStrane a{color: #01543d; font-weight: bold!important;}


.oNama.pet li{display: block; display: flex;border: 1px solid #ddd; margin-top: 10px; }
.oNama.pet li .img{width: 60px; margin-left: 10px}
.oNama.pet li .img img{display: block; width: 100%}
.oNama.pet li .info h2{margin-top: 15px; margin-left: 30px; font-weight: normal}
.oNama.pet li .info h2 a{display: block; width: 100%; text-decoration: none}

/*KATALOG*/
.katalog .oblast_sadrzaja,
.page .oblast_sadrzaja{
    position: relative;
    width:1200px;
    margin:auto;
    margin-top: 132px;
}
.katalog .naslov_kategorije{padding:10px 0; font-size:var(--fxl); color:var(--main);}
.katalog .katalog_prikaz{padding: 0 0 0 20px; box-sizing: border-box; order:3; max-width:900px}
.katalog .katalog_navigacija{order: 1}
.katalog .katalog_prikaz .opis_kategorije{margin-top: 20px}
.katalog .katalog_prikaz .opis_kategorije p{margin-top: 15px}

.catalogID_1 .sideCatNav, .catalogID_1 .filterOuter{display: none}

/* SEARCH RESULS */
.searchActive .filterOuter{display: block;}

.searchActive  .broj-rezultata-pretrage{
    width:100%;
    padding:1px 6px;
}

.searchActive .katalog_prikaz{
    _display: none;
}
.searchActive .kataloski_prikaz_proizvoda{
    _margin-left:230px;
     display: block;
    width:880px
}
.searchActive .katalog_navigacija{
    float:left;
    display: block;
}

.oblast_kataloga{
    margin:0 0 20px 20px;
display:flex;
    background: #fff;
    flex-wrap: wrap;

}
.oblast_kataloga > h1{
    width:100%
}


.kratak_opis_kategorije p{
    font-family: asap;
    font-size:var(--fn);
    line-height:1.7em;
}
.katalog_prikaz .kategorije ul{
    display: flex;  width:100%;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-evenly;
}
.kataloski_prikaz_proizvoda{
    width:100%;
    order:2;
}
.katalog_prikaz .kategorije .cat_item {
    flex-wrap: wrap;
    width:46%;
    list-style: none;
    margin:10px;
    box-sizing: border-box;
    border:2px solid var(--primary_green);
    border-radius:10px;
}
.katalog_prikaz .kategorije .cat_item a{display: flex;width: 100%; list-style: none; box-sizing: border-box}
.katalog_prikaz .kategorije .cat_item img{display: block;width: 130px; box-sizing: border-box; border-radius:10px; padding:3px}
.cat_item a{text-decoration: none; display: block; width: 100%}
.cat_item .catName{background:var(--primary_green) ; display: block; width: 100%; padding: 10px; box-sizing: border-box; font-size:var(--fm);
    text-transform:uppercase; color: #f3f3f3; text-align:center}
.podKategorijeCNT {
    padding:0;
    box-sizing: border-box;
}
.podKategorijeCNT li{
    width:100%;
    display: block;
    padding: 0; margin:0;
    box-sizing: border-box;
}
.podKategorijeCNT li a{
    box-sizing: border-box;
    padding:8px 20px;
    font-size:var(--fn);
    border-bottom:1px solid #ccc;
}
.podKategorijeCNT li a:hover{
    background:var(--slyel_20);
}

/* FILTERI */

.filterOuter,.filterOuter2{
    _position: absolute;
    width:260px;
    box-sizing: border-box;
    border: 2px solid var(--main);
    _border-radius:10px;
    background: #fff;
    margin:20px 0;


}
.filterOuter{
      width:220px;
}
.filterOuter > h2, .filterOuter2 > h2{text-align: center; margin: auto; width: 100%;  ;padding: 5px 0;;
    background: var(--main); color: #f2f2f2; font-size: var(--fn);cursor: pointer;
}

.filterOuter .filterHead, .filterOuter2 .filterHead{width:160px; display:inline-block;padding:12px 0; box-sizing:border-box;}
.filterOuter legend, .filterOuter2 legend{position: relative; display: block; width: 100%; padding: 17px 10px; box-sizing: border-box;}
.filterOuter legend:after, .filterOuter2 legend:after{content: "\f078"; font-family:icons; position: absolute; right: 5px}
.filterOuter fieldset , .filterOuter2 fieldset {border: none;}
.filterOuter fieldset legend, .filterOuter2 fieldset legend{border-bottom:1px solid var(--pg); background: var(--slg_20)}
.filterOuter fieldset >ul, .filterOuter2 fieldset >ul{padding: 10px 0px 10px 5px; box-sizing: border-box; border-bottom: 1px solid #ddd;background:#fff;}
.filterOuter fieldset >ul li, .filterOuter2 fieldset >ul li{padding-bottom: 8px; display:flex; align-items:flex-start; }
.filterOuter fieldset >ul li label, .filterOuter2 fieldset >ul li label{margin:-3px 5px 4px 8px; line-height: 1.3em; padding:0;}

.filterOuter li, .sideCatNav li, .filterOuter2 li, .sideCatNav li{list-style: none}



 .mobSlider{display: none;}
.sideCatNav{ width: 220px;
    border: 2px solid var(--main); background:rgba(255,255,255,.9);border-radius:10px }
.sideCatNav a{text-decoration: none}
.sideCatNav .level-root:first-child > a{border-radius:6px 6px 0 0}
.sideCatNav .level-root:last-child > a{border-radius:0 0 6px 6px; border-bottom:none}
.sideCatNav  .level-root > a{background: var(--main); color:#f2f2f2;border-bottom:1px solid var(--main); font-size:var(--fn); padding:14px; text-transform: uppercase }
.sideCatNav >ul li >a{display: block; width: 100%; text-decoration: none; padding: 12px 0px 12px 5px; box-sizing: border-box}
.sideCatNav >ul li a{border-bottom: 1px solid #ddd; font-size:var(--fn) }
.sideCatNav .level-0 a {width: 100%; display: block; padding: 10px 0 5px 10px; box-sizing: border-box; min-height: 40px; line-height: 1.3em}
.sideCatNav .level-0 a:hover{background: #669933; color: #fff}
.sideCatNav .markItem{color: var(--main); background: var(--slg_20)}

.level-root .plumCatNavMarker{border-left:8px solid var(--main)}
.level-root >ul>li li.plumCatNavMarker{border-left:6px solid var(--pg)}


.page #listaProizvoda li .handle{
	width:30px;
	
}

.katalog #listaProizvoda,.page #listaProizvoda{display: flex; flex-flow: wrap;width: 100%;min-width:800px;}
.katalog #listaProizvoda li, .page #listaProizvoda li{width: 22%; margin:20px 6px 20px 6px; list-style: none; border:2px solid var(--main); 
    position: relative;border-radius:10px;
width:200px;
    background: #fff;
}
.katalog #listaProizvoda li .catalogueThumbLink,.page #listaProizvoda .catalogueThumbLink{height: 200px; overflow: hidden;border-bottom:1px solid #ddd}
.katalog #listaProizvoda li img,.page #listaProizvoda li img{display: block; width: 100%; padding:4px; box-sizing: border-box}
.katalog #listaProizvoda li a,.page #listaProizvoda li a{text-decoration: none; display: block; width: 100%}
.katalog #listaProizvoda li .catalogueTextLink,.page #listaProizvoda li .catalogueTextLink{padding: 10px; box-sizing: border-box }
.katalog #listaProizvoda li .handle{width:26px;cursor:move}
.katalog #listaProizvoda li .productPrice, .page #listaProizvoda li .productPrice,
.katalog .katalog_prikaz .allProdItem .productPrice{
    position: absolute;
    background: #fff;
    color:var(--main) ;
    padding: 1px 10px 4px 20px; box-sizing: border-box;
    right:10px;
    top: -20px; font-weight: bold; font-size: var(--fm);
    border:2px solid var(--main);
    text-align:right;
    font-family:numbers;
    border-radius:10px
}
.zivotinjaOznaka{
	position: absolute;

	right:0;
	width:50px;
	bottom: 0;
}
.zivotinjaOznaka img{
	filter: hue-rotate(-90deg)
}


/*AKCIJE 2023p*/

#coll_middle .pet_group_list{
    width:100%;
    display: flex;  
    list-style: none;
    gap: 10px;
  

}
.catid_25 #coll_middle h2{
    color:var(--primary_green);
    padding: 20px 20px 20px 20px;
    font-size:26px;
    background: #fff;
    border-radius: 10px 10px 0 0 ;
    width:900px;
    margin: 10px auto 0 auto
}
.catid_25  #coll_middle #listaProizvoda{
    background: #fff;
    width: 900px;
    margin: auto
    
}
.disabledGroup{
   pointer-events: none;
    opacity: .4
}
#select_brand_form{
    background: var(--main);
    padding: 10px;
    border-radius:10px
}
#select_brand_form fieldset{
    border: none
}
#select_brand_form select{
    background: var(--primary_green);
    color:#eee;
    padding: 10px 20px;
    border:none;
    border-radius: 6px
}

.pet_group_list .pet_list_item{
      background: var(--main);
    border-radius:10px;
}
.pet_group_list .pet_list_item a{
     text-decoration: none;
}
.pet_group_list .pet_list_item:hover{
    background: var(--primary_green);
}
.pet_group_list .pet_list_item img{
    filter: invert(1) contrast(10) opacity(.5);
    padding: 16px;
    display: block;
    box-sizing: border-box;
}
.pet_group_list .pet_list_item span{
    color:#eee;
    font-size:var(--fl);
    font-weight: bold;
    display: block;
    text-align: center;
}
.pet_group_list .pet_list_item p{
    color:#eee;
    width:60%;
    line-height: 1em;
    text-align: center;
    margin: auto;
    font-size:14px;
    height:80px;
   
    
    
}

.akcijskiProizvod{
    width: 40px;
    height:40px;
    display: block;
    position: absolute;
    top: 28px;
    right:8px;
    transform: rotate(12deg);


}
#coll_middle .filterActive{
    background: var(--primary_green);
}

 .catid_25 #coll_middle #pageBody{
    width:900px;
    margin: auto;
}



#listaProizvoda .akcijskiProizvod img{
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
    display: block;
    width:100%;
    filter:hue-rotate(30deg) saturate(3)
}
#listaProizvoda .akcijskiProizvod.paketAkcija img{
	filter:hue-rotate(0deg) saturate(3);
}
#listaProizvoda .catalogueItemText h3{font-size: var(--fn)}
.productPrice sup{
    text-decoration: underline;
    font-size:12px;
    padding:3px;


}

/*PROIZVODI*/

.oblast_kataloga .proizvod {max-width:900px; margin: 0 auto; order:2}
.oblast_kataloga .duziOpis{max-width:900px; margin: 0 auto; order:3}
.relatedProdsCnt{width: 100%; margin: auto; order:4}
.relatedProdsTitle{font-size: var(--fl); padding:10px 0; border-bottom:1px solid var(--pg); margin: 0 0 40px 0; color:var(--pg) }
.katalog .box-model{
    font-size:24px;
    font-weight:normal;
    color:#623a37;
}
.katalog .box-naslov{
    font-size:var(--fxl);
    font-weight:normal;
    color:#01543D;
    max-width:500px;
}
.jssora05l , jssora05r {background-color: rgba(0,0,0,.3)!important;;}
.katalog .prodOpis{
    padding:0 14px 14px 120px;
    font-size: var(--fn);

}
.katalog .prodOpis li{
    line-height: 1.4em;
    padding:1px 6px;
    margin-left:2em;
}

.katalog .tabelaKarakteristika{
    display: none;
    width:240px;
    margin:16px 0 10px 40px;
    _border-collapse:collapse;
    _border:2px solid var(--main);
    _border-radius: 10px;

}
.katalog .tabelaKarakteristika td{
    border:1px solid #01543D;
    padding:3px 6px;
    color: #333;
    background:#fefffe

}
.katalog .tabelaKarakteristika td:first-child{
    border-radius: 6px 0 0 6px;
    font-size: var(--fs)
}
.katalog .tabelaKarakteristika td:last-child{
    border-radius: 0 6px 6px 0;
}
.katalog .tabelaKarakteristika tr:nth-child(2n) td{
    background: #fcfafc;
}
.katalog .tabelaKarakteristika td:nth-child(2){
    text-align: center;
    font-size:0;
}
.katalog .tabelaKarakteristika td:nth-child(2):after{
    content:"\2713";
    font-size:var(--fm);
    color:var(--pg);


}
.oblast_kataloga .proizvod .prodTable .prodTableTop{left: 20px}
.oblast_kataloga .proizvod .proizvodjac{right: 40px}
.proizvod .prodTable{ display: flex; margin:auto;position: relative;}
.proizvod .prodTable .prodTableTop{ position: absolute; top:0; left:0; display: block; box-sizing: border-box; width:100%;  margin-bottom: 10px}
.proizvod .prodTable .prodTableTop img{ width: 100%;}
.proizvod .proizvodjac {border: 1px solid #ccc; _transform: rotate(-20deg); z-index: 1; background: #fff;
    padding: 10px 10px;box-sizing: border-box; position: absolute; top: 10px;right:10px;
    border-radius: 20px;box-sizing: border-box; width:90px; height:90px;
}
.proizvod .proizvodjac img{display: block;width:100%!important;border-radius:20px}
.proizvod .prodTable .prodTableLeft{width:260px;  padding: 170px 0 20px 0;  box-sizing: border-box; }
.proizvod .prodTable .prodTableLeft #slider1_container {position: relative;top: 0;left: 0;background: #ffffff;}
.proizvod .prodTable .prodTableLeft .prodSlika{
    height: 400px; width:360px;
    _overflow: hidden; border: 1px solid #ddd;padding:10px;
    box-sizing: border-box; border-radius:10px;}
.proizvod .jssort01{
    top:102%;
    left:0px!important;
    max-width:350px
}
.proizvod .jssort01 > div{
    width: 350px!important;
    left:0!important;
}
.proizvod .prodTable .prodTableLeft .prodSlika img{width: 100%; display: block; }
.proizvod .prodTable .prodTableRight {flex-grow: 1;  text-align: left; position: relative;  box-sizing: border-box; margin-top:170px
}
.proizvod .prodTable .prodTableRight .prodDescription{font-size: 16px; }
.proizvod .prodTable .prodTableRight .prodDescription p{padding: 12px 0; font-size: 16px}
.prodTableRight br{display: none}
.compareProd{display:none;}
.prodTable .prodTableRight .prodDescription li{padding-top: 12px; line-height: 1.5em}
.proizvod .prodTable .prodTableRight .prodOpis h2{font-weight: normal; margin-top: 12px}
.proizvod .duziOpisPrikaz{background: #d44; display: block; position: absolute; left:30px; margin-top: 10px; width: 100px; height: 35px; overflow: hidden; cursor: pointer;
    display: none}
.proizvod .duziOpisPrikaz p{display: inline-block;color: #fff; padding: 8px 20px; box-sizing: border-box; font-size: 16px; vertical-align: middle;}
.proizvod .duziOpisPrikaz span{ background: #d44; color: #fff; box-sizing: border-box; font-size: 18px;vertical-align: middle }
.duziOpis .prodMoreDescription{
    border:1px solid #ccc;
    border-radius:10px;
    margin:20px 0
}
.duziOpis .prodMoreDescription p{
    padding:20px;
    font-size:var(--fn);
    color:#555;
    line-height:1.6em;

}

.duziOpis .prodMoreDescription div{
    padding:20px;
    font-size:var(--fn);
    color:#555;
    line-height:1.6em;

}

.prodMoreDescription quote{
    width:280px;
    display: block;
    border:1px solid var(--pg);
    padding:20px 30px;
    font-size:22px;
    line-height:1.6em;
    box-sizing: border-box;
    float:right;
    margin:1em 1em 1em 1.4em;
    border-radius:10px;
    color:var(--main)
}

.duziOpis #duziopis{margin-top: 0px; font-size: 16px; line-height: 1.7em; color:#655;  }
#duziopis p{padding:20px; width:70%; line-height: 1.7em; color: #888}
#duziopis h2{font-weight: normal}
.duziOpis #duziopis img{width: 50%}
.prodDescription ul ul li{list-style: disc}
.prodDescription ul ul {margin-left: 20px;}

.prodMoreDescription table{
    min-width:500px;
    font-size:var(--fn);
    color:#555;
    border-collapse:collapse;
    margin:auto;

}
.prodMoreDescription table td{
    border: 1px solid var(--main);
    padding:4px 6px;
    text-align: center
}
.prodMoreDescription table td:first-child{
    font-weight:bold;
    background: var(--th);


}
.prodMoreDescription table tr:first-child td{
    font-weight:bold;
    background: var(--th);

}
.prodMoreDescription ul li{
    font-size:var(--fn);
    color:#555;
    list-style-position: inside;
    margin-left:2em
}
.articleTable{width: 100%;border-collapse: collapse; margin:4px 0 40px 0;}
.articleTable tr:hover td{background: #f6f6f6}
.articleTable th{border-bottom: 1px solid #ccc;color: #555; font-size: 13px; text-align: center; padding: 8px 0; font-weight:bold}
.articleTable td {border-bottom: 1px solid #cbb;font-size: 13px;text-align: center; padding: 8px 10px; box-sizing: border-box }
.articleTable .iconStatus { width: 56px;}
.articleTable .iconStatus img{display: block;width:100%;}

.kolona_properties span{display:block;font-size:var(--fxs)}
.kolona_properties span:first-child{
    color:var(--main);font-size:var(--fs)
}
.articleTable .kolonaCena{
    font-weight:bold;
}
.tabelaArtikala .akcijskaCena {

    position: relative;
    border-radius: 6px;
    color:#555;
    font-size:var(--fn);

}
.tabelaArtikala .akcijskaCena span{
    font-size:var(--fn);
    padding: 0 5px;
    display: block;
    color: var(--pg);

}
.tabelaArtikala .akcijskaCena .oldPrice{
    text-decoration: line-through;
    color:var(--main);
    font-size:var(--fs)
}

.articleTable .handle{}
.coll_catnum,.CodeNum{ width:100px;}
.orderBox .back_down{display: none;}
.orderBox .step_back.back_up{display: none}
.orderBox .poruciButton{padding: 8px 80px; background: #99cc66; display: inline-block; color: #fff; font-size: 16px; cursor: pointer; margin: 20px 0 0 520px}

.articleTable .coll_articalJsonProperties,.articleTable .jsonPropertiesTd{
    min-width:150px;
    font-size: 12px;
}
.articleTable .coll_articalJsonProperties ul,.articleTable .jsonPropertiesTd ul{
    width:100%;
    display: table;
    table-layout: fixed;
}
.articleTable .coll_articalJsonProperties li,.articleTable .jsonPropertiesTd li{
    list-style: none;
    display:table-cell;
}


.articleTable td input {width:36px;}
.articleTable .addItemIconBox {cursor:pointer;}

.articleTable .articleTitleTd, .articleTable .coll_articalTitle{
    min-width:300px;
    text-align: left;
    padding-left: 10px;

}
.poruciArtikal{
    cursor:pointer;
    margin:0px;
}
.poruciArtikal span{
    display: block;
    padding:8px 5px 8px 5px;
    font-size:20px;
    color:#fff;
    border-radius:6px;
    background-color:var(--pg);
}

.articleTable ul li{
    display: block;
    font-weight:normal;
}

.subcatsInCat{display: none;}
.msg_napomena{text-align: right;}

/*FILTER PROIZVODA*/

.allProductsItems{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.allProdItem{
    position: relative;
    width:30%;
    border:2px solid var(--main);
    margin:22px 2px;
    list-style: none;
    padding: 26px 14px 44px 14px;
    box-sizing: border-box;
    border-radius:10px
}
.allProdItem a{
    text-decoration: none;
}
.naslovProdAll{
    padding:8px 2px 0 2px;
    text-align: center;
    display: block;
    font-size:var(--fn);
}
.producerProdAll{
    position: absolute;
    bottom:6px; right:12px;
    font-size:var(--fxs);
}
.pictureProdAll{
    display: block;width:100%;
}
.pictureProdAll img{
    display: block;width:100%;
}

.filterTagsContainer{
    background: var(--pg);
    color:#f2f2f2;
    display: flex;
    padding:10px 0;
    margin-bottom: 16px;
    border:2px solid var(--main);
    border-radius:10px
}
.filterTagsContainer h3{
    color:inherit;
    padding:4px 12px;
    font-size:var(--fm)
}
.filterTagsContainer .filterTags{
    list-style: none;
    display: flex;
    align-items: center;
}
.filterTagElement{
    color:#eee;
    padding:4px 14px;
    border:1px solid #eee;
    margin: 0 4px;
    border-radius:20px;
    display: flex;
    align-items: center;
}
.filterTagElement .removeFilterTag{
    padding:0 0 0px 10px;
    cursor:pointer;

}
.removeFilterTag:hover{
    color:#a56;
}

.modelProdAll{
    font-size:var(--fm);
}

.statusProdAll{
    display: none;
}
.outputMessage.filterMessage{
    display: block; width:90%;
    margin:auto;
    padding:30px;

}

.outputMessage.filterMessage h2{
    background: var(--pg);
    padding:20px;
    border:2px solid var(--pg);
    border-right:4px solid var(--pg);
    border-radius: 10px 0 0 10px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    color:#f2f2f2;
    font-size: var(--fm)
}
.outputMessage.filterMessage h2:after{
    content:"";
    position:absolute;
    top:-12px; left:100%;
    width:0px; height:0px;
    background:transparent;
    border-left:36px solid var(--pg);
    border-right:0px solid transparent;
    border-top:44px solid transparent;
    border-bottom:44px solid transparent;

}
/*AKCIJA*/
.akcijePromo.allProductsItems{

}
.akcijePromo.allProductsItems .akcijePage{
    width:220px;
    padding: 40px 0;
    margin-bottom:50px;
}

.akcijePage .productPrice{
    background: var(--main);
    padding:12px 10px;
}
.akcijePage .productPrice span{
    color:#f3f3f3;
}
.productPrice .price,
.productPrice .priceAkcija{
    display:block;
    padding: 0;
    margin: 0;
    line-height: 1em;

}
.productPrice .price{
    text-decoration: line-through;
    font-size:var(--fn)
}
.productPrice .priceAkcija{
    font-size:var(--fl)
}
.ackijaTip{
    background: var(--pg);
    color:#f3f3f3;
    font-size:20px;
    font-family: cherokee;
    height:50px;width:50px;
    display: inline-block;
    padding:16px 6px;
    line-height:1em;
    box-sizing: border-box;
    position: absolute;
    top:-10px;left:-10px;
    border-radius: 50%;
    transform: rotate(-20deg);
    z-index: 10;
}
.pakovanje{
    position: absolute;
    top:35px;right:0;
    z-index: 30;
    color:var(--pg);
    background: #fff;
    padding: 2px 8px;
    border-radius:4px
}
.ackijaTip.siriKontejner{
    width:90px;height:auto;
    border-radius:10px;
    padding: 10px 10px;
    box-sizing: initial;
    text-align: center;
    font-size: var(--fs)
}
.logoBrand{
    position: absolute;
    width:80px;top:40px;left:-30px;
    border-radius: 10px;
    display:block;
    z-index: 0;
    border: 1px solid var(--pg);
    background: #fff;

}
.logoBrand img{
    border-radius: 10px
}
.akcijePage .modelProdAll{
    position: absolute;
    top:-34px;right:0;
    font-size:var(--fs)
}

/*FILTER AKCIJA*/
.filterAkcije{display: flex; width: 100%; margin: 0 auto 30px}
.filterAkcije a{width: 50px; display: block; border: 1px solid #ccc; margin-right: 10px}
.filterAkcije a img{width: 100%; display: block}
.filterAkcije .resetFilter{position: relative}
.filterAkcije .resetFilter:before{content: "\f021"; position: absolute; font-size: 30px; top: 10px; left: 13px; color: #115511}
.filterAkcije .aktivanFilter{outline: 2px solid #01543d}



/*NARUCIVANJE PROIZVODA*/
.naslovTabelaArtikala{
    text-align: right;
    font-size:var(--fs);
    font-weight: normal;
    padding: 22px 0 6px 0;
    color:var(--main);
    border-bottom:1px dashed var(--pg)
}
.tableOfAricles_container {position:relative;}
.orderBox{
    display:none;
    position:fixed;
    top:8px;right:0;
    z-index: 1000;
    width:400px;
    background:var(--pg);
    border:3px solid #999;
    border-radius:10px;
    box-shadow: 30px 15px  30px 0 rgba(0,0,0,0.31), 0 5px 15px 0 rgba(0,0,0,0.38);
    overflow-y:auto;
    padding:40px 20px 0 20px;
    box-sizing: border-box;
    text-align: center;
}

.back_up {
    display:block;
    padding:5px 10px;
    text-align:center;
    background:#ddd;
    color:#666;
    position:absolute;
    top:0;right:0;
    cursor: pointer;
    font-size:10px
}

.artOrder_table {border-collapse: collapse;
    margin:0;
    border:2px solid var(--pg);
    border-radius:10px;

}
.artOrder_tableHead.artOrder_table .modelPolje .modelOfProduct{background: white;}
.artOrder_tableHead.artOrder_table .modelPolje{background: white!important;}

.artOrder_table td{
    width:1%;
    border:1px solid #ddd;
    padding:8px 6px;
    box-sizing:border-box;
    background-color:#fff;
    font-size:14px;
}
.artOrder_table:first-child tr:first-child td:first-child{
    border-radius:20px 0 0 0;
}
.artOrder_table:first-child tr:first-child td:last-child{
    border-radius: 0 20px 0 0;
    padding:20px;
}
.artOrder_table:last-child tr:last-child td:first-child{
    border-radius: 0 0 0 20px;
}
.artOrder_table:last-child tr:last-child td:last-child{
    border-radius: 0 0 20px 20px;
    padding:20px;
}
.artOrder_table p{
    _text-align: right;

}


.artOrder_tableHead td{


}

.artOrder_table td ul{
    margin:10px
}
.artOrder_table td li{
    font-size:12px;
    list-style: square;
    list-style-position: inside;

}

.artOrder_table td .skice{
    width:80%;
    margin: 20px auto 10px auto;
}

.modelPolje{
    background: #666!important;;
    color:#fff;
    font-weight: lighter;
}
.modelPolje p{
    white-space: nowrap;
}
.cenaNarudzbenica{
    font-family: ubuntuB;
    font-size:36px;
    text-align: right;
    color:#222;
}
.akcijskaCenaNarudzbenica{
    font-size:18px;
    text-decoration-color: #aaa;
    text-decoration-line: line-through;
    color:#aaa;

}
.pdvNarudzbenica{
    font-size:11px;
    text-align: right;
}

.artOrder_table td .modelOfProduct{
    font-size: 22px;
    padding:30px 0;
    text-align: center;

}

.kolicina{
    color: #fff;
    background:#01543D;
    padding: 4px;
    text-align: center;
    margin-left: 20px;
    width: 60px;
    border: 1px solid #ddd
}


.orderMe > div{display:block;vertical-align: top;
    width:180px;
}
.orderMe .back_down {
    position: absolute;
    top:0;right:0;
    display:block;
    padding:4px 20px 0 10px;
    text-align:center;
    color:#FFF;
    width:20px;height:20px;
    cursor: pointer;
    font-family:icons;
    font-size:30px;
}
.orderMe .poruciButton {
    border: 1px solid #ccc;
    padding: 10px 36px;
    border-bottom:1px solid #99cc66;
    border-radius: 4px;
    background: #99cc66;
    text-align: center;
    cursor:pointer;
    margin:20px auto;

}
.orderMe .poruciButton:hover{background: #01543D;}
.orderMe .poruciButton span {color: #eee; font-size:18px;font-weight:normal;text-transform: uppercase;}


/*REGISTRATOR CSS*/
.messageWarning{width:600px; background:#fca; margin:10px auto; padding:1em; border:2px solid #f33; border-radius:10px}

.registrator .oblast_sadrzaja {width:100%;box-sizing:border-box; position:relative; padding-top:130px; margin:auto; }

.registrator #myaccount_style{width:calc(100% - 420px);
    margin:0 auto 40px auto;padding:0px 20px;display: block;border:2px solid var(--main);
    box-sizing:border-box;color:var(--main);font-size:var(--fn);background:#fff;
    border-radius:10px;
    text-align:center;
}
.registrator #myaccount_style table{
    width:100%;
    background:#fff;
}
.registrator #myaccount_style h1{
    color:var(--pg);
    padding:10px 0;
    margin-bottom:6px;
    border-bottom:1px solid var(--pg)
}
.registrator #myaccount_style h3{
    padding-bottom:10px;
}
.registrator #myaccount_style span{
    padding:4px 10px;
    display: inline-block;
}

.registrator input[name='butt_editmode']{
    font-size:var(--fm);
    background: var(--pg);
    color:#fff;
    border:none;
    padding:8px 60px;
    border-radius: 10px;
    cursor:pointer;
}
.registrator .myAcc_container {
    background: var(--pg);
    border:none;
    border-radius:10px;
    padding: 20px;
    color:#f3f3f3;
}
.myAcc_container h3{
    color: #f3f3f3;
}
.myAcc_container label{
    display: inline-block;
    padding:16px 10px 6px 0;
    color:inherit;
    min-width:150px
}

.myAcc_container input{
    border: none;
    font-size:var(--fn);
    color:var(--main);
    padding:3px 10px;
    border-radius:10px
}

.myAcc_container fieldset{
    padding: 0 20px 20px 20px;
    border-radius:10px;
}
.myAcc_container legend{
    border:1px solid #fff;
    border-radius:20px;
    padding:6px 30px
}
.myAcc_container input:disabled{
    opacity: .5;
}
.myAcc_container input[type=submit],
.myAcc_container input[type=reset]
{
    background: none;
    border:1px solid #f3f3f3;
    color:#f3f3f3;
    padding:6px 30px;
    margin: 0 30px 0 0;
    cursor:pointer;
}

.registracijaCnt{
    display:flex;
}
.registracijaCnt .form_container{
    flex-grow:1;
    flex-basis:0;
    padding:20px;
    background:var(--pg);
    margin:5px 30px;
    border-radius:10px;
}
#ulogujte_se{
    height:440px
}
.registracijaCnt .form_container h3{
    color:#f3f3f3;
    font-size:var(--fl);
}
.registracijaCnt .form_container h4{
    color:#f3f3f3;
    padding-bottom:30px;
}
#ulogujte_se h3{
    padding-bottom:30px!important;
}
.registracijaCnt .form_container label{
    text-align:center;
    color:#f3f3f3;
    display:block;

}
#register_data{
    display: none;
}
.registracijaCnt .form_container input{
    text-align:center;
    padding:10px;
    box-sizing:border-box;
    width:260px;
    font-size:var(--fm);
    margin:6px auto 22px auto;
    border-radius:20px;
    border:none;
    outline:none;

}
.registracijaCnt #quiz{
    background: yellow;
}

.registracijaCnt .form_container a{
    text-align:center;
    color:#f3f3f3;
    padding:20px;
    display:block;
}
.registracijaCnt .inline_radio {
    display:flex;
    _padding:20px 30px 0 80px;
    width:80%;
    margin:auto;
    text-align: center;
    flex-flow: row
}
.registracijaCnt .inline_radio input{
    width:18px; height:20px;
}
.registracijaCnt .inline_radio label{
    flex-grow:1;
    text-align:left;
    padding:4px 0 0 16px;
    flex-wrap: nowrap;
   
}

.registracijaCnt #saglasnost_label a{
    display: inline;
    padding: 0px;
    line-height: 1em;
}
.registracijaCnt .inline_radio{
    line-height: 1em;
}

.registracijaCnt #dugme_login{
    background:none;
    border:1px solid #f3f3f3;;
    border-radius:20px;
    color:#f3f3f3;
    padding:8px 20px;
    margin-top:30px;
		cursor: pointer
}
.registracijaCnt #dugme_login:hover{
	background: var(--main);
}

.napomenaContainer {
    width:100%;
    margin:30px auto;
    padding:30px 20px;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-radius:10px


}
.napomenaContainer h4{
    color:var(--pg);
    font-size:var(--fm)
}
.napomenaContainer ul{
    list-style:none;
}

.messages_NOTE{
    padding:30px;
    box-sizing:border-box;
}
#myaccount_style .messages_NOTE h3{
    font-size:var(--fl);
    color:var(--pg);
    padding-bottom:20px;
}
#snimljeneListe{
    border-collapse:collapse;
}
#snimljeneListe th{
    font-size:var(--fs);
    color:var(--pg);
}
#snimljeneListe .valueColH{
    display:block;
    text-align:right;
}
#snimljeneListe td{
    border-top:1px solid var(--slg_20);
    padding:8px 6px;
    font-size:var(--fs);
}
#snimljeneListe .mainCol{font-size:var(--fl)}
#snimljeneListe .wl_opis_liste{
    font-size:var(--fxs);
}
#snimljeneListe .changeCol a,
#snimljeneListe .deleteCol a,
#snimljeneListe .loadCol a{
    font-size:24px;
    color:var(--pg);
}
.valueCol{
    text-align:right;

}

/*CHECKOUT*/
.paymentDetails{
    border-bottom:1px solid var(--pg);
    padding: 10px;
    margin-bottom: 20px;
}
.paymentDetails h2{
    color: var(--pg);
    font-weight:normal;
    padding: 10px 0;
}
.checkout .cntTransakcije{
    border:3px solid var(--pg);
    border-radius:10px;
    width:700px;
    margin:60px auto;
    padding:30px;
}
.checkout .cntTransakcije ul {
    padding:30px;
    margin:0 10px;
}
.checkout .cntTransakcije ul li{
    padding:4px;
    font-size:var(--fn)
}
.checkout .cntTransakcije h3{
    font-size:var(--fl);
    color:var(--pg);
    text-align:center;
    position:relative;
    padding-bottom:30px;
}
.cntTransakcije .buttons{
    margin:30px auto 10px auto;
    display:block;
    text-align:center;
}

.checkout .cntTransakcije h3 span{
    font-size:80px;
    position:absolute;
    top:-20px; right:0;
}
.checkout .cntTransakcije .transNotOK{
    color:#f00
}

.uputstvo{
    width:600px;
    margin:auto;
}
.uputstvo img{
    display:block;
    width:100%
}

#wishlistDisplay .hederBoksa{position:relative ;font-size:var(--fm);padding:9px 22px 8px 12px;color:#f3f3f3;
    background:var(--pg);display: flex; justify-content: space-between;
    border-radius:10px 10px 0 0;margin: 30px 0 3px 0;
}
#wishlistDisplay .wishlistBack{padding: 4px 12px; border:1px solid #f3f3f3; border-radius:8px; cursor:pointer; }
#wishlistDisplay .wishlistBack span{padding:2px 10px 4px 6px; font-family:asap; text-transform:lowercase;font-weight:normal;}
#wishlistDisplay .coll_image img{
    display: block;width:100px;
}

.tableDiv{margin-bottom: 20px; }
.tableDiv table {border-collapse: collapse; width:100%}
.tableDiv table td, .tableDiv table th {border: 1px solid #ccc; padding: 5px; box-sizing: border-box}
.overallPrice{border: 1px solid #ddd;display: flex; margin: 20px auto; width: 400px;}
.overallPrice .boxRight{border-left: 1px solid #ddd}
.overallPrice .boxRight, .overallPrice .boxLeft{width: 200px; padding: 5px; box-sizing: border-box;}
.usloviCheckbox{ width: 600px; margin: 20px auto; border:1px solid #596;padding:10px; border-radius:10px; background:#efe}
.warningDisabled .usloviCheckbox{background: #fed; border:1px solid #a56;}
.usloviCheckbox #potvrda{height: 25px; margin: 10px auto 0 auto; display:block;}
.usloviCheckbox label{color:#384; font-size:var(--fn)}
.warningDisabled .usloviCheckbox label{color:#e56;}
.usloviCheckbox label a{color:inherit}
#sendNotice{margin: 5px auto;border:1px solid #999; border-radius:10px;padding:10px; font-size:var(--fn); box-sizing:border-box;}
#sendNotice:focus {border: 2px solid #669933; outline: none}

.registratorTabela{
    border:1px solid #ddd;
    padding:10px;
    border-collapse: collapse;
    margin-top:20px;
}
.registratorTabela th{
    background: #eee;
    color: #777;
    padding:14px 8px;
}
.registrator #wishlistDisplay .fa {display:block;font-size:22px;padding:10px 8px;
    border:none; border-radius:6px;background:var(--pg); color:#f4f4f4; width:44px; box-sizing: border-box; }
#wishlistDisplay button{background: none; border:none;}
.registratorTabela td{
    border-bottom:1px solid #ddd;
    border-top:none;
    padding:0 7px;
}

.registratorTabela td button .fa {font-size: 25px}
.registratorTabela .coll_image{display: block;
    width:200px;
    height:200px;
}
.registratorTabela .coll_image{width:200px;height:200px;}
.registratorTabela img{
    height:150px;
    width:150px;
    object-fit: contain;
    padding:20px;
}
.menuArea {background: #669933; color: #fff; position: absolute; right: 0; top: 205px; }
.menuArea a{text-decoration: none; color: #fff; display: block; width: 100%; height: 100%; padding: 15px;box-sizing: border-box;table-layout:fixed;
    border-bottom: 1px solid #eee}
.menuArea li{list-style: none}
.menuArea  .markerStrane{color: #fff; background:#01543D}
.menuArea  .markerStrane:before{display: none}

/*SEND WISHLIST*/
.buttonUkljuciNapomenu{
    display: none
}
.naruciListu, .placanjeKarticom, .virmanskoPlacanje {margin: 6px; display: inline-block;}
.WSicoSendEmail{display:inline-block;}
.buttonsDisabled .placanjeKarticom,
.buttonsDisabled .virmanskoPlacanje,
.buttonsDisabled .WSicoSendEmail{
    background:#ccc;
    pointer-events: none;
}


.placanjeKarticom a, .virmanskoPlacanje a, .WSicoSendEmail a{display: block; width: 100%; color: #eee; text-decoration: none;}
.kartice {width:900px; display: flex; text-align: center; margin: 0 auto; border-top:1px solid #eee}
.kartice span{margin:16px 8px; padding:6px 6px 2px 6px; box-sizing:border-box;display:block; background: #fff; border-radius:6px; border:1px solid #ccc}
.kartice span:first-child,.kartice span:last-child{width:190px}
.kartice img{display: block; width: 100%;}
.kartice.kartice-banka{width: 600px; margin-top: 30px;}
.kartice.kartice-banka span img{ padding:1px 1px;display:block;width:100%; box-sizing: border-box}

#wishlist_buttons {margin: 20px 0; display: flex; justify-content: space-around; }
#wishlist_buttons .narudzbenicaIcon{margin-right: 10px; filter:invert(1); display:block; margin-bottom:10px}
#wishlist_buttons > a{background: #669933;  margin-top: 20px; padding:10px 10px 5px; box-sizing: border-box; text-decoration: none; width: 15%; color:#fff}
#posaljiPodatke{
    position: relative;
    background:#d44;
    border: 1px solid #ddd;
    padding:20px;
    box-sizing:border-box;
    border-radius:6px;
    margin:20px 0 180px 0;
}
#posaljiPodatke input{
    display: block;
    margin:30px auto;
    width:300px;
    border:1px solid #ddd;
    border-radius:4px;
    padding:14px;
    color:#111;

}
#posaljiPodatke input:nth-of-type(5) {width:220px;background:#d44;color:#fff;font-size:18px;margin-top:60px;}
#posaljiPodatke input:nth-of-type(5):hover{background: #d77;}
#posaljiPodatke .obavezno{position:relative;border:2px solid #d44;}
#posaljiPodatke .obavezno:not(output):-moz-ui-invalid{box-shadow:none;border:2px solid red;}
#posaljiPodatke:after{content:"*"; color:#d44;font-family:icons;font-size:18px;position:absolute;top:200px;right:162px;}
#posaljiPodatke:before{content:"*"; color:#d44;font-family:icons;font-size:18px;position:absolute;top:276px;right:162px;}
#headerTabeleWL img{
    width:300px;

}

.prekidFloat{   clear:both; float:none;}

/*PAGES*/

.maliVelikiPas li{font-size: var(--fn);
line-height: 1.5em;
color: #333;
list-style-type:  disc!important;}


.poklonKutija h2 {margin-top: 20px; margin-bottom: 10px; color: #00533e}


.page #coll_left h3{
    background: var(--main);
    color:#eee;
    font-size:var(--fm);

}
.page #coll_left h3 a{
    color:#eee
}
.nesto_iznad{

    padding:0;
    border: 2px solid var(--main);
    border-radius:10px;
}
.page #coll_middle{
    padding: 20px;
}
.page .pageTitle{
    font-size:36px;
    font-weight:normal;
    color:#01543D;

}

.page p{
    padding: 12px 0;
    max-width:660px;
    font-size:var(--fn);
    line-height: 1.5em;
    color:#333;
}
.page .abstract{
    font-size:var(--fm);
    color:#623a37;
    padding-top:24px;
}

.page .pageBody ul{
    padding:12px 0;
    width:90%;
}
.page .pageBody li{
    padding:12px 0;
    width:90%;
}

.page .pageBody h3{
    _color:#623a37;
    color:#669933;
    font-weight:normal;
    font-size:24px;
    padding:6px 0 0 0;
}
.page .pageBody h4{
    _color:#623a37;
    color:#669933;
    font-weight:normal;
    font-size:18px;
    padding:24px 0 0 0;
}

.page .pageBody .blogStrana img{margin-top: 15px}

.page .oblast_sadrzaja{
    display: flex
}
.page #coll_middle{
    padding:0 20px;
    width: 100%;
}

.page .bocniMeniStrane{
    background: rgba(255,255,255,.9);

}
.page .akcijaImg{
    max-width:430px;
    float:right;
    margin-left:40px;
}

.page .action #listaProizvoda{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;


}

.page .action #listaProizvoda li{
    width:174px;
    border: 2px solid var(--main);
    border-radius: 10px;
    list-style: none;
    margin:5px;
    position: relative;
}
.page .action #listaProizvoda h3{
    font-size:var(--fn)
}
.page .action #listaProizvoda a{
    text-decoration: none;
    font-size:var(--fs)
}

.pageBody .blogStrana ul li{list-style: disc;}

.page .action #listaProizvoda .productPrice{
    position: absolute;
    top:4px;right:10px;
    background:var(--pg);
    color:#eee;
    display: block;
    padding:3px 10px;
    border-radius:6px;
    border:2px solid #fff;
    font-family: cherokee;
}

.sirovniskiSastav th{
    padding: 8px;
    border:1px solid var(--main);
    background: var(--slg_20)
}
.sirovniskiSastav caption{
    font-weight: lighter;
    font-size:var(--fm);
    padding:10px
}

/*AKCIJE*/
.akcije #coll_middle{text-align: center; width:96%; margin:30px; }
.pagesAkcije {display:flex; text-align:left; flex-wrap: wrap;justify-content: space-around}
.pagesAkcije li{
    vertical-align: top;
    width:280px;
    list-style: none;
    margin:20px 5px;
    text-align:left;
    border:2px solid var(--main);
    padding:10px;
    border-radius: 10px

}

.pagesAkcije li a{
    text-decoration: none;
    color:var(--main)
}
/******AKCIJE********/
.action-home .akcije-image{width: 280px; height: auto; margin-left: 30px; float: right}
.action-home .akcije-image img{width: 100%; display: block;}
.page .action-home p{max-width: 100%; line-height: 30px}
.action-home table{min-width: 500px;font-size: var(--fn);color: #555;border-collapse: collapse;margin: 20px 0}
.action-home table td{border: 1px solid var(--main);padding:4px 6px;text-align: center}
.action-home table td:first-child{font-weight:bold;background: var(--th);}
.action-home table tr:first-child td{font-weight:bold;background: var(--th);}
.action-home .proizvod-akcija{float: right; margin-left: 30px; margin-bottom: 30px}
.page .action-home .proizvod-akcija .catalogueItemText {height: auto}
.sve-akcije{border-collapse: collapse}
.sve-akcije tr td{border: 1px solid #ddd; padding: 5px;box-sizing: border-box}
.sve-akcije tr th{border: 1px solid #ddd}
#coll_middle .sve-akcije img{width: 150px; height: 150px}
.logo-akcija .slika-logo{width: 180px!important;display: block;margin: auto}
.logo-akcija .slika-logo img{display: block}
.logo-akcija {}


/*****SVE O VASEM LJUBIMCU********/
.pages.oLjubimcu{display: flex; flex-flow: wrap; width: 100%; margin: 20px 0}
.pages.oLjubimcu li{width: 240px; margin: 20px 0 0px 20px; list-style: none; border:1px solid var(--main); border-radius:10px}
.pages.oLjubimcu a{display: block; width: 100%;}
.pages.oLjubimcu li .img {border: 1px solid #ddd; border-bottom: none;border-radius:10px}
.pages.oLjubimcu li .img img{border-radius:8px 8px 0 0}
.pages.oLjubimcu .info a{ text-align: center; font-weight: lighter;text-decoration: none; padding: 10px 0 15px}
.pages.oLjubimcu .info a:hover{text-decoration: underline}
.pages.oLjubimcu .info .antrafile{
	padding: 6px 10px 20px 10px;
	 font-size: var(--fs)
}
.slikeTartufar {display: flex; width: 80%}
.slikeTartufar img {width: 100%; }

.catid_38 #coll_right, .catid_39 #coll_right{display: none}

.blogStrana .image img{
	border-radius: 20px 20px  0 0
}


.blogStrana p, .blogStrana ul li{
	line-height: 2.2em;
	font-size:var(--fn);
	color:#565;
	padding: 50px 0 0 0;
}

/*NAVIGATOR NA STRANAMA*/
.navigatorStrana {margin: 20px auto;}
.navigatorStrana a{text-decoration: none;}
.navigatorStrana .NScurLink{color: #01543d}
.navigatorStrana .NSgotoLink{padding: 0 5px; }
.navigatorStrana .NSnextLink, .navigatorStrana .NSprevLink{font-size: 20px;}
.navigatorStrana .NSsredina{font-size: 20px; padding: 0 5px;}

/*BLOG STRANICE*/
.blogStrana p a{color: #01543d; font-weight: bold;_text-decoration: none; }
.blogStrana li a{color: #01543d; font-weight: bold;_text-decoration: none; }


/*PREPORUKA*/
.nasaPreporuka #listaProizvoda{
    display: block;
    _text-align: center;
}
.nasaPreporuka #listaProizvoda li{
    vertical-align: top;
    display:inline-block;
    width:28%;
    margin:5px;
    border:1px solid #ccc;

}
#listaProizvoda .catalogueTextLink{text-decoration: none}

/* Ostale stranice*/
.page.catid_22 #coll_middle{
    padding:20px
}
.page.catid_22 #coll_right{display: none}
.page.catid_22 .page-pID{
    list-style: none;
    position: relative;
    margin:20px 0;
}

.page.catid_22 .page-pID img{
    border-radius:10px;
    display: block;
    width:100%
}

.page.catid_22 .page-pID .info{
    position: absolute;
    bottom:0;
    width:80%;
    background: rgba(255,255,255,.7);
    padding:20px;
    border-radius:0 10px;
    font-size:var(--fn);
    line-height:1.5em;
}
.page.catid_22 .page-pID .info h2 a{
    display: block;
    padding:0 0 10px 0;
    color:var(--pg)
}
.page.catid_22 .page-pID .info .moreinfo a{
    width:180px;
    border:1px solid var(--main);
    padding:4px 20px;
    border-radius:6px;
    text-decoration: none;
    color:var(--main);
    background:rgba(255,255,255,.4)
}
.page.catid_22 .page-pID .info .moreinfo{
    padding:20px 0 0 0;
}

/*SVE O VASEM LJUBIMCU*/
.blogStrana ol {padding: 20px 0 50px}
.blogStrana ol li{margin-bottom: 10px;font-size: var(--fn);
line-height: 1.5em;}

/*** PITAJ-VETERINARA ***/
.pitajteVeterinara{ box-sizing: border-box; display: flex;}
.pitajteVeterinara .slikaStranice{width: 500px; display: block; margin-top: 100px}
.pitajteVeterinara .slikaStranice img{width: 100%; display: block}
.pitanjeText{ border: 1px solid #ddd; width: 200px; height: 100px ; margin-top: 20px; overflow: auto; resize: vertical;}
.pitanjeText:focus {border: 1px solid #669933}
#btnPitanje {width: 160px; padding: 10px; box-sizing: border-box; margin-top: 20px; text-decoration: none; background: #669933; color: #fff; display: block;}

/*BLOG STRANA*/
.blogStrana{padding:0px 0 60px 0; border-right:2px solid var(--pg); border-radius:20px; }
.blogStrana ul{margin-left: 20px}
.blogStrana ul li{padding: 5px!important;list-style: none}
.blogStrana ul li a{ padding-left: 7px; display: inline-block}
.blogStrana h4 a{color: var(--main)}

/*KONTAKT*/
.kontakt{
    border:2px solid var(--pg);
    margin:10px auto;
    padding:10px;
    border-radius:10px;
}
.kontaktInfo{
    display:flex;
    flex-wrap:wrap;
}
#coll_middle .kontakt .contactBlock{

    width:48%;
    border:2px solid var(--pg);
    margin:6px;
    box-sizing:border-box;
    padding:40px 0 40px 20px;
    border-radius:10px;
    list-style:none;
}
#coll_middle .kontakt .contactBlock li{
    padding: 4px
}
#coll_middle .kontakt .contactBlock:first-child{
    width:100%;
    columns:2;
}
.kontakt .contactBlock.blockNegative{
    background: var(--pg);
    color:#f5f5f5
}
.kontakt .contactBlock.blockNegative li{
    color:#f5f5f5
}
#coll_middle .kontakt .fullBlock{
    background:var(--pg);
    color:#f5f5f5;
    width:100%;
    text-align:center;
    padding:0;
    margin:0 auto;;
    box-sizing:border-box;
    width:98%;

}
.kontakt .fullBlock h3{
    color:#f5f5f5;
    padding:8px 0;

}
.kontakt .contactBlock li:first-child{
    font-size:var(--fn);
    font-weight:bold;
    padding:0 0 10px 0;
}

/*NOVI MALOPRODAJNI OBJEKAT - DORCOL*/
.novi_objekat .embdgallery li img{
  display: block;
	width: 100%;	
}


.novi_objekat .embdgallery li{
	list-style: none;
	margin-bottom: 40px;
}


/* PROFAKTURA */
.documentLOGO{

    width:200px;
}
.documentLOGO img{
    display:block;
    width:300px
}
.documentKLIJENTinner{
    border-top:1px solid var(--pg);
}
.docCompanyUL{
    text-align:left;
    font-size:var(--fs);
    list-style:none;

}
.docCompanyUL li{
    padding-left:250px;
}
.docCompanyUL .imeFirme{
    font-weight:bold;

    font-size:var(--fn);

}
.docCompanyUL .punoImeFirme{
    font-size:var(--fxs);
    padding-bottom:6px;

}
.docKlijentUL{

    list-style:none;
    text-align:left;
    font-size:var(--fs)
}
.docCompanyName{
    font-size:var(--fl);

}
.docCompanyName a{
    text-decoration:none;
}
.documentINFOdoc{
    width:400px;
    text-align: right;
}

.documentINFOdoc li{
    list-style: none;
    font-size:var(--fs);

}
.documentINFOdoc .nazivDokumenta{
    font-size:var(--fl);
    font-weight:bold;
}
.fakturaElementi {
    border-collapse:collapse;
}
.fakturaElementi th{
    font-size:var(--fs);
    font-weight:bold;
    border-bottom:1px solid var(--pg);
    padding:10px 0;
}
.fakturaElementi td{
    border-bottom:1px solid #ccc;
    font-size:var(--fs);
    padding:10px 0;
}
.summaryReport{
    text-align: right;
    font-weight: bold;
    padding:20px 0;
}
.a4,.a7,.a8,.a9,.hh6,.hh9,.hh10,.hh11{
    text-align: right;
}

.documentOuter h2{
    color:var(--pg);
    padding:20px 0 20px 0;
    border-bottom:1px solid var(--pg);
    margin-bottom: 20px

}
.profaktureButtons{
    border-top:1px solid var(--pg)
}
.profaktureButtons div,
.profaktureButtons a{
    display: inline-block;
    margin:20px
}
.profaktureButtons .downloadLink{
    background: brown;
}
/*FOOTER*/

.blokoviFuterGonji,.ikoniceFoter{display: none}

.oblast_futera {
    width:100%;
    border-top:1px solid #999;
    background:var(--primary_green); padding: 30px 0 20px; box-sizing: border-box

}
.oblast_futera a{text-decoration: none; color: inherit}
.oblast_futera li{color:#fff}
.oblast_futera img{display: block;width:100%}
.oblast_futera .footer_container{
    width:1200px; margin: auto;}

.blokoviFuter{
    display: flex;
    width:800px;
    margin:-50px auto;
    display: none

}
.blokoviFuter .blok{
    margin:20px
}

.footer_linksContainer{display: flex;}
.footer_linksContainer > div, .footer_linksContainer >ul{
    flex-grow: 1;
    list-style: none;
}
.footer_linksContainer .footer_contact{width:200px;  padding:0 0 0 60px;box-sizing: border-box}
.footer_links p{
    text-align: center;
    color:#f5f5f5;
    font-size:var(--fs);
}
.footer_linksContainer .footer_navigation a{display: block;  padding: 8px; font-size: 16px; text-transform: uppercase;}
.footer_linksContainer .footer_navigation a:hover{text-decoration: underline}
.footer_contact li{font-size: var(--fn); padding: 6px}
.footer_linksContainer .futerLogo img{width: 250px;margin: 0 auto 20px auto; }
.footer_linksContainer .futerLogo h4{color: #fff; font-weight: normal; font-size: 20px; padding:10px 5px; }
.futerDrustveneMreze{display: flex; justify-content: start; padding:16px 6px}
.futerDrustveneMreze ul{display: flex;list-style: none}
.futerDrustveneMreze li{width: 30px; padding: 3px }
.futerDrustveneMreze img{filter: invert(1)}