body, html, p, a, span, h1, h2, h3, h4, h5, img, table, tr, td, div, nav, aside, ul, li {margin: 0; padding: 0; color:#555; } HTML {width: 100%;}
BODY {font-family:sans-serif; font-size: 14px; width: 100%; } 
.img, img, a img, a {border:none;}

.img img{
    display: block;
    width:100%;
}

@font-face {font-family: Symbols;src: url('../../site_includes/css/font-awesome/fonts/FontAwesome.otf');}
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
.icons {font-family:icons;font-size:24px;}


/*OFF*/
.mobile-banner,.mob_main_menu {display:none;}
#mainMenuButton {display:none;}

.meni-on {display:none;}
.hideAlways{display:none!important}
/*cookies*/
#cookiesMessage{
    position: fixed;
    bottom:0;left:0;right:0;
    width:100%;
    height:80px;
    background:rgba(255,255,255,.7);
    z-index: 10000;
    padding: 30px;
    font-size:16px;
}
#cookiesMessage p{
    font-size:inherit;
    display:inline-block;
    width:70%;
}
#cookiesMessage span{
    display: inline-block;
    width: 20%;
    margin:0 0 0 50px; 
    border:1px solid #bbb;
    text-align: center;
    padding: 10px;
    background: rgba(255,255,255,.6);
    cursor: pointer;
}

/*CORPORATE COLORS*/
/*NOTICE:Usage of color mixtures are free. Design patterns and color schemes are copyrighted*/
.herzBlueGray {background:#5C7085; color:#fff}
.herzMedDarkred {background:#B30000; color:#fff}
.herzGrayGreen {background:#2F4F4F; color:#fff}
.herzMediumGray {background:#555555; color:#fff}
.herzRenewableGreen {background:#556B2F; color:#fff}
.herzOldGold {background:#D2B48C; color:#fff}

/*BOXES COLORS*/
.cWhite{background:fff; color:#777;}
.cBrown{}
.cRed{background: #FF0000; color:#fff;}
.cRedDark{background: #F00; color:#fff;}
.cGray80{background:#AEAEAE;color:#fff;}
.cGray30{background:#9c9c9c;color:#333;}
.cBlue{background:#5C7085;color:#fff;}
.cDarkGreen{background:#2F4F4F;color:#fff;}
.cGreen{background:#556B2F;color:#fff;}

/*BLOCKS TEST*/

.oblast_strane {border: none; margin:auto; width: 100%; position:relative; overflow: hidden; margin-top:80px; }
.oblast_zaglavlja {
    border-bottom: 1px solid #CCCCCC; 
    position: fixed;
    top:0px;left:0px;right:0px;
    background:#fff;
    height:80px;
   
}
.oblast_zaglavlja:after{
    box-shadow: 0px 11px 10px #777;
    display: block;
    content:"";
    z-index:-1000;
    position: absolute;bottom:0;left:0;
    background: none;
    height:12px; width:100%;
}
.top_baner{margin: 0; width:100%;  z-index: 200;}
.oblast_sadrzaja {
    position:relative; 
    min-height:380px;
    font-size:0;
    margin:0 auto;
}


.oblast_futera {background:#444444; position: relative; padding:40px 40px 50px 40px;overflow: hidden;}
.oblast_futera:after{content:""; display:table; float:none; clear:both;}
#coll_right, #coll_middle, #coll_left {border: medium none; position: relative; margin:0; padding:0;}
#coll_left {display:inline-block; width: 180px;vertical-align:top;font-size:initial}
#coll_middle {display:inline-block;vertical-align: top;position:relative;padding-bottom:20px;font-size:initial; width: 100%;}
#coll_right {width: 280px;font-size:initial}

.kontakt .pageBody,.distributeri .pageBody {padding:0;width:948px;margin:0 auto;}

.baner_slide_title{
 position: absolute;
    top:30px;
    left:0;
    font-size:40px;
    font-weight:lighter;
    background:rgba(255,255,255,.8);
    padding:15px 40px 15px 120px
}
.baner_slide_description{
    position: absolute;
    width:400px;
    text-align: left;
    top:150px;
    left:0;
    font-size:24px;
    font-weight:lighter;
    background:rgba(255,255,255,.7);
    padding:10px 40px 10px 120px;
    z-index: 20;
}


/*PAGES*/
.catid_54 .pageBody{width: 90%; margin: auto;}
.catid_54 .pageBody p{padding: 10px 0px; line-height: 25px;}
.catid_54 .pageBody h4{margin: 20px 65px}
.catid_54 .pageBody ol{padding: 10px; margin-left: 10px;}
.catid_54 .pageBody ol li{padding-bottom: 6px}
.catid_54 .pageBody ul{padding: 10px 0;}
.catid_54 .pageBody  ul li {padding-bottom: 10px!important;}
.povezaniProizvodi {display: flex}
.prva_strana h5{padding-top: 5px; font-size: 14px}
.osma_strana h5, .deseta_strana h5{font-size: 15px;}
.druga_strana img{margin-top: 20px}
.peta_strana img {width: 80%; margin-left: -130px}
.deveta_strana img{width: 60%; margin-left: -120px}
.deseta_strana img, .jedanaesta_strana img{margin:2% 0}
.trinaesta_strana ol li a{color: blue;}
.images {display: flex}


.catid_12 .zastita_privatnosti div{
  line-height: 1.6em;
    padding: 10px 0;
    
}
.catid_12 .zastita_privatnosti h2{
    font-weight: normal;
    padding: 30px 0 10px 0;
    font-size:22px
}


.catid_12 .impresum ul li{
  font-size:inherit;
    
}

.catid_12 .impresum ul{
    border:1px solid #eee;
    padding: 30px 40px 30px 60px;
    width: 600px;
    margin:30px;
}


[pid="1810"] table{border:none; margin:auto; justify-content: space-between; width: 80%!important}
[pid="1810"] p{line-height: 1.5em!important;}
[pid="1810"] .downloadIframe{border: 1px solid #eee}
[pid="1810"] .downloadIframe iframe{height: 800px}
[pid="1810"] img{width: 80%; _margin: 10px}
[pid="1810"] table td{width: 20%!important;}
[pid="1810"] p img{width: 30%!important;}


/*PAGES IN NEWS*/
.newPoduct img{margin: 2% 0; box-sizing: border-box;  }
.newPoduct span a{color: blue; float: right; margin-right: 30%; margin-top: 15%}
.newPoduct h3{margin-top: 5%!important;}
.newPoduct p{padding: 10px 0!important; line-height: 1.4em}
.newPoduct ul li{padding: 5px!important;}
.detailFile {display: inline-block; width:300px; margin:20px; vertical-align: top}
.detailFile h5{  font-size: 20px; padding:10px 0 ; font-weight:lighter; 
height:50px
}
.detailFile .image img{width: 100%; display: block}
.newPoduct h4{margin-top: 3%}
.newPoduct iframe{margin-left: %; margin-top: 2%; border: 1px solid black}


.prviTip .image {margin-left: 100px }
.imageOne {width: 15%; margin-left: 200px; border: grey 1px solid }
.imageOne img {width: 100%; display: block}
.drugiTip .imageDrugiTip {display: flex; margin-left: 200px;}
.drugiTip .firstImage {border: grey 1px solid}
.drugiTip .secondImage {margin-left: 50px; border: grey 1px solid}

/*HEADER*/

.logo-hires {border:none; display: block; 
    height: auto; left: 0; 
    margin: 0 0 0 40px; 
    padding:10px 0 0 20px; position: relative;
    width: 190px;
    box-sizing: border-box;
}
.logo-hires img {border: medium none; display: block; height:auto; width: 100%; }

.promo-text-header {
    display:none;
    background: #999; padding:0 14px 0 0 ; color:#fff; text-align: right}
.logo-container{
    display: inline-block;
}
 .flyOutMenu{
  width:auto;
  height:50px;
  position: absolute;
  right:16px;
  top:116px;
}
.flyOutMenu a {display:block;}
.flyOutMenu span {background-color:#ccc;color: #fff;cursor: pointer;display:inline-block;vertical-align:top;font-weight: bold;font-size:14px}
.flyOutMenu .ChartText{
padding: 4px 8px 4px 10px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.flyOutMenu .numberOfItems {
padding: 4px 34px 4px 6px;
border-left: 1px white solid;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.glavni_meni{
    display:inline-block; 
    margin:0 0 0 30px!important;
   vertical-align: top;
}
.glavni_meni > ul {display: block;
box-sizing: border-box;
font-size:0;
}
.glavni_meni > ul > li {
    list-style: none;
    display:inline-block;
    box-sizing: border-box;
    color:#999;
}
.glavni_meni > ul > li a{
    display: block; 
    padding: 45px 30px 18px 10px!important;;
    font-size:14px;
    text-decoration: none;
    border-left:1px solid #ccc;
    color:inherit;
    box-sizing: border-box;
    text-transform: uppercase;
}
.glavni_meni > ul > li:hover {
    background: #aaa; 
    color:#fff;
}

.meni_jezici {
    display: block;
    position: absolute; right: 40px; top:52px; ;width:200px; 
    background: rgba(255,255,255,.9);
    _padding:10px
   
}
.meni_jezici:after{
    font-family:icons;
    content:"\f0c9";
    display: block;
    position: absolute;
    top:-26px;right:20px;
   font-size:30px;
    color:#aaa;
    padding:2px 16px;
    background: #fff;
    line-height:15px;
    box-sizing: border-box;
    cursor: pointer;    
}
.meni_jezici li {
    display:none; width:100%;
    border-bottom: 1px solid #CCCCCC;
    list-style-type: none;
    
}
.meni_jezici:hover li{
    display: block;
}
.meni_jezici a {display: block; padding:16px 6px; text-decoration: none; }
.meni_jezici A:hover {background:rgba(200,10,10,.1)}
.meni_jezici .markLng {border-bottom:1px solid #FF0000;}
.meni_jezici img{display: block;width:100%; border:1px solid #ddd}

.catTitle {margin: 10px 0;
text-align: center;
color: #ec1a22;
padding: 10px;
font-size:32px;
}
.catShortDesc {color: #666666; font-size: 14px; padding: 0 10px 10px; }

/*BUTTONS*/
.buttonStandard {
    min-width:170px; min-height:38px;
    box-sizing: border-box;
    color:#999;
    padding:7px 0;
    border:1px solid #ccc; 
    text-decoration:none; 
    text-align:center; 
    box-sizing:border-box;
    cursor: pointer;
    background:#efefef;
    font-size:16px;
}
.buttonStandard:hover{
    background:beige
}
/* SEARCH DROP DOWN LIST*/
.catalog_search{
    display:none;
    text-align: center;
}
.searchIconHeader{position:absolute; top:20px; right:10px;z-index:400;color:#999; font-size:36px; border-left:1px solid #ccc;padding-left:10px; cursor:help}

#brzi_pretrazivac {padding:10px; background:none; box-sizing:border-box;}
#brzi_pretrazivac #inputString {height:38px; width:365px; border:1px solid #ccc; padding:1px 14px; display:inline-block;box-sizing:border-box;font-size:17px; font-family:sans-serif;letter-spacing: .8px;
box-shadow:inset 2px 1px 4px rgba(0,0,0,.2);color:#f44
}
#brzi_pretrazivac .searchDugme {display:inline-block;vertical-align:top}
.suggestionsBox {
    position: absolute;
    margin: 10px 0px 0px 0px; 
    width: 480px;
    box-sizing:border-box;
    background-color: transparent; 
    border: 1px solid #555; 
    z-index:1000; 
    display:block;
    left:calc(50% - 287px);
    bottom:auto;
    top:40px;
}
.close_suggestions{
    display:block; position: absolute; 
    right:-42px; top:-1px; width: 40px; height: 40px; 
    background:rgba(0,0,0,.3);; border:1px solid #555; border-left:none
}
.close_suggestions:after {content:"X";color:#ddd;cursor:pointer;
    display:block;position:absolute;
    top:0;
    padding:10px 14px;
}

.suggestionList{
    margin: 0px; padding: 0px; height:auto; 
    overflow: hidden; overflow-y:auto; }
.suggestionList li {margin: 0px; padding: 0px; 
    cursor: pointer; list-style-type:none; 
    height:80px; border-bottom: 1px solid #ccc; overflow: hidden;
    background:rgba(255,255,255,.9);
    color:#777;
}
.suggestionList li:hover {background:rgba(255,255,255,.95); color:inherit;}
.suggestionList li img {display: block; width: 80px; padding: 0px; margin: 0px; float: left; }
.suggestionList li div{width:370px; float: left; color:inherit;margin:0 0 0 10px}
.suggestionList li h3 {
    font-size: 16px; font-weight: bold; padding-left: 6px; 
    color:#ff4422;
}
.suggestionList li p {padding-left: 6px;color:inherit;font-size:16px;}

/*POCETNA*/

.homePage{
    background: #d6d6d6;
}

.homePage .home-box{

    width:60%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    box-sizing:border-box;

    
}

.homePage .home-box .box-product{
    background: #fff;
    width:calc( 50% - 20px );
    padding: 20px;
    box-sizing: border-box;
   margin:10px;
    border:1px solid #999;
  
}
.box-product div > p{
    min-height:70px;
    line-height: 1.4em;
    display: none
}
#pageBody .box-product h3 a{
   color:#666;
   font-weight: normal;
    font-size:18px;
    text-align: center;
    display: block;
    
}
.mainButton {
 display: block;
    padding: 20px;
    border-radius:3px;
    text-decoration: none;
    border:1px solid #999;
    max-width:210px;
    text-align: center;
    margin: auto;
    
}
.mainButton:hover{
    background: #eee;
}

.box-product img{
    display: block;
    width:80%;
    padding: 0 20px 20px 20px
}

.index .homeMore {
    margin:30px 0
}

.index .homeMore a {
    text-decoration: none;
    text-transform: uppercase;
    border: solid 1px #999;
    display: block;
    width: 100px;
    padding: 15px;
    border-radius: 4px;
    text-align: center;
    
}
.index .homeMore a:hover {
     background: #eee;
}

/* HORIZONTAL WRAPPER */

.index .horizontal-wrapper{
    background: #fff;
        padding: 40px 0
}
.index .horizontal-wrapper.row-2{
     background: #d6d6d6;

}

.index .boxContainer.boxContainer-2,
.index .boxContainer.boxContainer-3{

    border-top:1px solid #bbb
}

.index .horizontal-wrapper.row-6{
    background: #d6d6d6;
}

.index .boxContainer .boxes{
    display: flex;
    flex-wrap:wrap;
    width:80%;
    margin:auto;
    padding: 30px;
    box-sizing: border-box;
}

.index .row-6 .boxes{
    display: flex;
    width:80%;
    margin:auto;
    text-align: center;
    padding: 30px
}
.index .wrapper-title{
    text-align: center;
    font-weight: lighter;
    font-size:32px;
    padding: 30px
}


.index .row-6 .front a{
    text-decoration: none;
    line-height: 1.6em;
    font-size:18px;
    font-weight: normal;
    padding: 20px 0;
    display: block;
}

.index .row-6 .boxes .text-box{
    width:300px;
    transition:all 1s;
}
.index .row-6 .boxes .text-box:hover img{
    width:105%
}
.index .row-6 .boxes .text-box img{
    display: block;
    width: 100%
}
.index .boxes h2{
    width:100%;
    text-align: center;
    padding: 10px 0 30px 0;
    font-weight:lighter;
    font-size:32px
   
}

.picture-holder img{
    width:100%;
    display: block;
}
.index .boxes .picture-holder{
    width:30%;
}
.index .boxes .text-holder{
   width:70%;
    padding: 30px;
    box-sizing: border-box;
}
.index .boxes .text-holder h3{
    font-size:22px;
    font-weight:normal;
}
.index .boxes .text-holder p{
    line-height: 1.6em
}
.index .homePageMicrosites{
    position: relative;
}
.index .homePageMicrosites h2,
.index .homePageMicrosites h3{
    position: absolute;
  
    z-index: 100;
    color:#eee
}

.index .homePageMicrosites h2{
    font-size:60px;
      top:30px;left:20px;
}

.index .homePageMicrosites h3{
    font-size:30px;
      top:80px;left:20px;
}

/*KATALOG ROOT*/
.katalog.catid_1001 .catImage{
    display: none
}
.katalog.catid_1 .sideCatNav, .katalog.catid_1 .catSubitems, .katalog.catid_1001 .sideCatNav, .katalog.catid_1001 .catSubitems{
    display:none!important;
}
.katalog.catid_1 .oblast_sadrzaja,.katalog.catid_1001 .oblast_sadrzaja{
    width:1308px;
    
}
.katalog.catid_1 .katalog_prikaz,.katalog.catid_1001 .katalog_prikaz {width:100%;}
.katalog.catid_1 .katalog_prikaz ul,.katalog.catid_1001 .katalog_prikaz ul {counter-reset: section;}
.katalog.catid_1 .cat_item,.katalog.catid_1001 .cat_item{
    width:100%;
    background:#dc1414;
    border-bottom:1px solid #fff;
    font-size:0;
    position:relative;
}
.katalog.catid_1 .cat_item:last-child ,.katalog.catid_1001 .cat_item:last-child {border-bottom:0px solid red;}
.katalog.catid_1 .catName{width:388px;font-weight:bold;color:#fff;padding:8px 20px 8px 80px;box-sizing: border-box;text-align:left;display:inline-block;vertical-align: middle;font-size:24px;position: absolute;top: 2px;left: 8px;}
.katalog.catid_1 .kategorije ul li a:hover, .katalog.catid_1001 .kategorije ul li a:hover {
    border-bottom:0px solid red;
}
.katalog.catid_1 .subcatsInCat,.katalog.catid_1001 .subcatsInCat {width:900px;display:inline-block;vertical-align: middle;}

.katalog.catid_1 .subcatsInCat li,.katalog.catid_1001 .subcatsInCat li{
    padding:8px 25px 8px 0px;
    font-size: 14px;
    box-sizing:border-box;
    width:240px;
    vertical-align: top;
    min-height:80px
}
.katalog.catid_1 .visible,.katalog.catid_1001 .visible{
    overflow: hidden;
}
.katalog.catid_1 .invisible, .katalog.catid_1001 .invisible {padding:0;}
.katalog.catid_1 .visible li, .katalog.catid_1001 .visible li {display:inline-block;text-align:left;}
.katalog.catid_1 .visible li a, .katalog.catid_1001 .visible li a {color:#fff;}
.katalog.catid_1 .cat_item:before,.katalog.catid_1001 .cat_item:before{
    counter-increment: section;
    content: counter(section);
    width:20px;height:42px;
    color:#fff;
    font-size:52px;
    font-weight:600;
    position:absolute;top: 4px;left:30px;
}
/*STRUCNI LISTOVI*/
.mainDiv {width: 100%;}
.prviDiv h3{margin: auto; text-align: center; font-size: 20px!important;}
.mainDiv .prviDiv .flexDiv { box-sizing: border-box; width: 100%;  display: flex; margin-top: 5%; }
.mainDiv .prviDiv .flexDiv >div{width: 210px!important;; box-sizing: border-box; margin-left: 1%; padding: 5px}
.prviDiv h4{padding: 5px 0 10px 0px; font-size:14px}
.prviDiv >div p{ margin-bottom: 5px}
.flexDiv >div{border: 1px solid #ccc; width: 200px; height: 220px}
.treciDiv h5 {margin:  5% 1%; font-size: 15px}
.mainDiv .drugiDiv{margin-bottom: 5%}
.mainDiv .drugiDiv p{padding: 10px; line-height: 1.4}

/* KATALOG NAVIGACIJA */

/*SIDE NAV*/
.sideCatNav{ vertical-align:top; margin-left:0px; width:240px;border-left:1px solid #ccc; margin-top:10px}
.sideCatNav ul li{list-style-type:none; margin:0px 0px 0px 0px; }
.level-root a{display:block; padding:10px 0px 10px 10px; margin-bottom:0px; font-size:16px; color:#888; text-decoration:none; font-weight:200; border-bottom:1px solid #ccc; }
.level-root > a{font-size:19px;}
.level-root li{background:#fff; border-left:6px solid #eee; }
.level-root li a:hover{background:#efefef; }

.level-0 li{border-left:6px solid #ddd; }
.level-1 li{border-left:6px solid #ccc; }
.level-2 li{border-left:6px solid #bbb; }
.level-3 li{border-left:6px solid #aaa; }

.sideCatNav .markItem{background:#eee; border-bottom:1px solid #000; font-weight:bold;color:#888 }


/*KATALOG*/
.katalog .oblast_sadrzaja{width:1200px;margin:0 auto;}
.katalog .oblast_kataloga {width:100%;font-size:0;}
.katalog .oblast_kataloga > div {
    display:inline-block;
    vertical-align: top;
    font-size:initial;
}
.catalogID_1 ul .cat_item:nth-child(2){position: relative}


.katalog .katalog_prikaz {width:918px;border-top:1px solid #d33}


.katalog .searchTop{display:block; width:100%; text-align: center;}
.katalog .searchTop #brzi_pretrazivac #inputString{width:400px;}
.catalog_search{
    position: relative;
    border:none;
    margin:0px 10px
}

.katalog .katalog_navigacija {width:240px;}
.katalog .kategorije ul {padding:10px;box-sizing:border-box;}
.katalog .kategorije ul li {list-style:none;padding:4px 0;}
.catid_1 .kategorije .cat_item {
    display: flex;
    background: #dc1414;
    border-bottom: 6px solid #fff;
    position:relative;
    justify-content: space-between;
    align-content:  center;
    min-height:330px;
    
}
.catid_1 .kategorije .cat_item {
     min-height:330px;
}
.katalog .kategorije .cat_item {
    background: #dc1414;
    border-bottom: 6px solid #fff;
    position:relative;
    justify-content: space-between;
    align-content:  center;
 }

.katalog .katalog_navigacija input, .katalog .katalog_navigacija label {display:none;}
.katalog .katalog_navigacija .sideCatNav > ul > li:first-child {_display:none;}

.katalog.catid_1 .kategorije .cat_item:nth-child(9) {background:#00523d;}
.katalog.catid_1 .kategorije .cat_item:nth-child(11) {background:#fff227;color:#000;}
.katalog.catid_1 .cat_item:nth-child(11):before {color:#221f1f}
.katalog.catid_1 .cat_item:nth-child(11) .catName {color:#221f1f}
.katalog.catid_1 .cat_item:nth-child(11) .visible li a {color:#221f1f}
.kategorije .cat_item .catImage{display: none;}

.katalog .kategorije ul li a {text-decoration:none;color:#fff;}
.katalog .catName {padding:8px 10px;text-align:
    center;display:block;width:100%;
    box-sizing: border-box;font-weight:bold;
    font-size:17px;}
.katalog .catSubitems {position:absolute;top:10px;right:10px;}

.categoryCID{display:none}
.katalog .subcatsInCat li{
    border: 1px solid #eee;
    margin:10px
}
.katalog .subcatsInCat li a{
    display: block;
    padding: 4px  30px;
    font-size:16px;
}
.katalog .subcatsInCat .invisible {padding:0px;}
.katalog.catid_1 .catImage{display: flex;width: 25%;vertical-align: middle;padding:4% 0 0  3%; justify-content: center;}
.katalog.catid_1 .cat_item .catImage img{width:100%; height:auto; transition:all 0.2s ease-in-out;object-fit:contain;}
.katalog.catid_1 .cat_item .catImage img:hover{ transform: scale(1.06);}
.categoryProducts .catImage{display: none;}
.katalog.catid_1 .subcatsInCat {width:68%;display:flex;align-items: center;}
.categoryProducts .pictureAndModel{
    display: inline-block;
    width:140px;

}
.categoryProducts .catImage{
    display: none;
}
.categoryProducts .pictureAndModel{
    display: inline-block;
    width:140px;

}
.categoryProducts .productTableHTML{
    display: inline-block;
    width:580px;
    background:beige;
}

.productTableHTML h2, .productTableHTML h3{font-size:15px}
.productTableHTML table{border:1px solid #888; float:right;width:300px;}
.productTableHTML h3:before{content:""; display:block;clear:both; float:none; border-top:1px solid #ccc}
.productTableHTML table th,.productTableHTML table td {font-size:14px; font-weight:normal; border-right:1px solid #ccc}
.productTableHTML table th:last-child,.productTableHTML table td:last-child{border:none} 
.productTableHTML p{float:left;width:250px;font-size:13px}


.katalog .handle{
    position: absolute;
    top:10px; right:10px;
}
.katalog .handle:hover{
    width:30px;height:30px;
    cursor: move;
}

.katalog .CatTrackNav {display:none}
.katalog .CatTrackNav > ul {margin-top:15px;border-bottom:1px solid #eee;}
.katalog .CatTrackNav > ul > li {display:inline-block;padding:5px;position:relative;box-sizing:border-box;}
.katalog .CatTrackNav > ul > li:after {content:"/";padding:0 0 0 5px}
.katalog .CatTrackNav > ul > li:last-child:after {content:"";}
.katalog .CatTrackNav > ul > li:first-child{display:none;}
.katalog .CatTrackNav > ul > li a{text-decoration:none;}
.katalog #TrackNavPopUp1, .katalog #TrackNavPopUp2, .katalog #TrackNavPopUp3, .katalog #TrackNavPopUp4 {display:none;width:300px;border:1px solid #ccc;position:absolute;top:100%;left:0;z-index:100;background:#fff;}
.katalog .TrackNavPopUp li {border-bottom:1px dotted #ccc;display:block;padding:4px 5px}

.katalog .proizvodi li{
    display:inline-block;vertical-align:top;width:24%;
    font-size:initial;padding:10px 2px;box-sizing:border-box;
    position:relative;border:1px solid #ddd;min-height:300px;
    margin:3px 1px
}
.katalog .proizvodi li:hover{
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);

}
.katalog .proizvodi .catalogueThumbLink{display:block;box-sizing:border-box;}
.katalog .proizvodi .catalogueThumbLink img {width:100%;height:auto;}
.katalog .catalogueTextLink {text-decoration:none;padding:5px 5px 10px 5px;text-align:center;display:block;  border-top: 1px solid #caa;}
.katalog .catalogueItemText h3 {position:absolute;top:0px;left:0px;color:#999; background:#fff; padding:5px 10px; min-width:50px;
    border-bottom:1px solid #ddd; border-right:1px solid #ddd;


}
.katalog .catalogueItemText {font-size:13px;}

.katalog .naslov_kategorije {text-align:center;margin:10px auto;}
.katalog .kratak_opis_kategorije{}

/* KATALOG PROIZVOD */

.katalog .proizvod .prodSlika {width:340px;float:right;padding:0px 20px 0px 20px}
.katalog .proizvod .prodSlika:after {clear:both;float:none;}
.katalog .proizvod .prodSlika img {display:block;width:100%;height:auto;}

.katalog .proizvod .prodOpis {position:relative}

.katalog .proizvod .prodOpis h2{
    padding:26px 0 30px 0;
    font-weight: normal;
    font-size:26px;
}

.katalog .prodMoreDescription {float:none;clear:both;cursor: pointer;margin: 20px 0;}
.katalog .prodDocsListToggle {margin: 0px 0 20px}
.katalog .prodDocsListText{margin: 0 8px 0 0}
.katalog .prodMoreDescriptionInner{display: none;}
.katalog .proizvod .prodOpis > h1 {
    position:absolute;
    color:#999;top:5px;right:10px;
    _border:1px solid #ddd;padding:0 5px;
    font-size:26px;
    background:rgba(255,255,255,.8)
}

.prodDescription {
    width:500px;
}
.prodDescription h3{
    width: 100%;
    line-height: 1.5em;
    padding: 20px 0 30px 0
}

.prodDescription p{
    font-weight: normal;
    line-height: 1.7em;
}

.prodDescription li{
    margin:.6em 2em
}
/* TABOVI za proizvod */

.prodTabs .prodTabBox{border:1px solid #d2d2d2; padding:0px; border-top:1px solid #dc0019;} 

.prodDocsList{padding:11px 0;  list-style-type:none; cursor: pointer} 
.prodDocsList li{border-bottom:1px solid #bababa;list-style:none;} 
.prodDocsList li a{color:#686868; text-decoration:none; font-size:14px; display: block; padding:20px 12px 20px 60px; margin: 4px 0px 3px 0px;} 
.prodDocsList li a:Hover{text-decoration:underline;} 
.prodDocsList li p{font-size:9px; padding:4px; color:#333333;}


.prodDocsList .docVrsta1 a{background:url(../../site_images/icons/download.png) no-repeat 0px 4px;background-size:55px 55px;} 
.prodDocsList .docVrsta2 a{background:url(../../site_images/icons/brochure.png) no-repeat 0px 4px;background-size:55px 55px;} 
.prodDocsList .docVrsta3 a{background:url(../../site_images/icons/data_sheet.png) no-repeat;background-size:55px 55px;} 
.toggleLayout li a {}

/* Article Table */

.articleTable{border-collapse: collapse;width: 100%; margin: 20px 0;}
.articleTable tr td, .articleTable tr th{border: 1px solid #ddd; padding: 10px;font-size:15px;box-sizing: border-box; }
.articleTable ul{
    display: table;
    width: auto;
    table-layout: fixed;
    border-collapse: collapse;
    
    
}
.articleTable .coll_catnum{
    min-width: 100px;
}

.articleTable ul li{
    display: table-cell;
    min-width:50px;
    width: 1%;
    text-align: center;
}

/* STRANICE OPSTE */

.page .pageBody{padding: 10px; box-sizing: border-box}
.page .pageBody p{line-height: 1.5rem}

.bocniMeniStrane .markerStrane, .bocniMeniStrane .markerKategorije {
    border-left: 2px solid red;
}
.bocniMeniStrane LI {
    list-style-type: none;
    border-left: 2px solid #eee;
    padding: 6px;
    border-bottom: 1px dashed #ccc;
}
.bocniMeniStrane > LI A {
    font-size: 14px;
}
.bocniMeniStrane LI A {
    text-decoration: none;
    font-size: 12px;
    color: #7f7f7f;
    display: block;
    padding: 9px 9px 9px 20px;
    border: 0px solid red;
}
.bocniMeniStrane LI A:hover {
    color: #e2001a;
}
.pageBody p {padding:0 0 12px 0;font-size:16px;}
.pageBody ul {margin:0px 0 12px 28px;}
.pageBody ul li{list-style:square;padding:2px 0px;font-size:14px;}
.pageBody h3 {padding:0 0 15px 0;font-size:18px;font-size:16px;}
.pageTitle {
    margin: 10px 0;
    text-align: center;
    color: #ec1a22;
    padding: 10px;
    font-size:32px;
}

/* ABOUT US */

.page .oblast_sadrzaja{background: ; display: flex;}

.floatLeft{
    float:left;
    margin:0 20px 0 0;
}
.floatRight{
    float:right;
    margin:0 0 0 20px;
}
.clear_float{
   float: none; clear:both;
}

.onama-slika {width:500px;}
.onama-slika img {display:block;width:100%;height:auto;}
.onama-slika-desno {width:206px;}
.onama-slika-desno img{width:100%;height:auto;}
.isoImages{margin:auto;  text-align: center}
.isoImages a{
    display: inline-block;
    padding: 10px 20px 40px 10px ;
    text-decoration: none;
    
}

.textOverImage{
    display: block;
    position: absolute;
    right:10px;
    top:100px; width:600px;
    background: rgba(255,255,255,.6);
    padding:20px 40px!important;
    color:#446!important;

}

.slika-fullSize {width:100%;}

.slika-fullSize img{width: 100%; display: block}
.size3{
   width:280px; 
}
.size2{
    width:60%; 
}

.size6{
    
}

.timelineHistory {margin-top:20px;}
.yearConteiner {width:50%;border-top:1px solid #ccc;font-size:0;}
.yearConteiner h2 {padding: 3px 6px;font-size:24px;background:#ccc;position:absolute;}
.yearConteiner .timelineHeading {position:relative;display:inline-block;vertical-align: top;width:140px;box-sizing: border-box;}
.yearConteiner .timelineHeading .timelineImg img {display:block;width:100%;height:auto;}
.yearConteiner .timelineText {display:inline-block;vertical-align: top;width:calc(100% - 140px);box-sizing:border-box;}
.yearConteiner div:nth-child(4) {padding-top:0;}

.yearLeft {border-right:10px solid #ccc}
.yearLeft .timelineHeading {padding:50px 0 0px 20px;}
.yearLeft .timelineHeading h2{top:0;right:0;}
.yearLeft .timelineText {padding:10px 10px 0px 0px;}
.yearLeft .timelineText h3 {font-size: 16px;color: #ec1a22;margin-bottom: 10px;}

.yearRight {margin-left:50%;border-left:10px solid #ccc;}
.yearRight .timelineHeading {padding:50px 0 0px 0px;}
.yearRight .timelineHeading h2{top:0;left:0;}
.yearRight .timelineText {padding:10px 0px 0px 10px;}


/* NEWS */

.vest {width: 70%; margin: 30px auto}
.vest p{line-height: 1.5em; width: 90%; margin: auto }
.vest .imageNewsletter{width: 250px!important;}
.vest .flex{display: flex!important; width: 100%!important; justify-content: center}
.vest .flex >div:nth-child(1) {width: 20%; display: block}
.vest .flex >div:nth-child(2) {width:10%; height: 10% }
.vest .flex >div img{width: 100%; height: 100%;}
.vest .povezaniProizvodi >div{width: 25%;height: 450px;}
.vest ul{text-align: left}
.vest h3 {text-align: left}
.vest .vise {display: inline; text-align: left; }
.vest .vise a{text-decoration: none; background: #ec1a22; padding: 10px; font-weight: normal ; color:#fff}
.pageBody .vest .vise h2{color: #555;}
.vest .vise p{text-align: center; }
.vest .detailFile{float: left; }
.vest .povezaniProizvodi> p{ clear:both; }
.vest .detailFile .text{margin: 10px 0}
.herz_pro .link-activate{background: #d44}

.herz_pro .link-activate a{display: inline-block; position: relative; color: #fff; padding: 10px 20px; box-sizing: border-box; text-decoration: none;}
.herz_pro .link-activate a:before{content: "\f07c"; position: absolute; right: -3%; font-family: icons;}


.herz_pro .flex{display: flex; justify-content: space-between; width: 100%;; margin-bottom: 50px; margin-top: 20px;}
.herz_pro .flex .text{width: 65%!important;; display: flex; align-content: center; align-self: center; }
.herz_pro .flex .imageNewsletter{width: 35%!important;}
.herz_pro .floatRightElement{margin: auto;text-align: center}

.herz_pro h4 span{color: #fff;}
.herz_pro h4{
	position: relative;
}
.herz_pro .tooltip:before{
	content: attr(data-tooltip);
	position: absolute;
	width: 200px;
	background-color: #d44;
	color: #fff;
	text-align: center;
	padding: 10px;
	line-height: 1.2;
	border-radius: 5px;
	z-index: 1;
	opacity: 0;
	transition: opacity .6s;
	bottom: 125%;
	left: 50%;
	margin-left: 0px;
	font-size: 16px;
	visibility: hidden;

}
.herz_pro .tooltip:after{
	content: "";
	position: absolute;
	bottom: 75%;
	left: 50%;
	top: -9px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	opacity: 0;
	transition: opacity .6s;
	border-color: #fff transparent transparent transparent;
	visibility: hidden;

}
.herz_pro .tooltip:hover:after, .tooltip:hover:before{
	opacity: 1;
	visibility: visible;

}


.news .pageBody {
    margin-bottom: 20px;
    padding:0px;
}
.news .naslovmesse span {
    display: block;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 24px;
    height: 24px;
    background-image: url("../../site_images/icons/ikonice_white.png");
    background-repeat: no-repeat;
    background-size: 240px;
    background-position: -168px 0px;
}
.news .pageBody P {
  font-size:14px;
  color:#4d4d4d;
  padding-bottom:5px;
}

.vest .viseO{text-align: left; padding-top: 45px!important}
.news .pageBody p a{
  font-size:14px;
  color:#ed1c24;
}
.news .pageBody a img {
  border:none;
  max-width:670px;
}
.news .pageBody table{
  vertical-align:top;
  width:100%;
}
.news .pageBody table td{
  vertical-align:top;
}
.news .pageBody table td p{
  padding-right: 5px;
}
.news .pageBody h1 {
  font-size:24px;
  color:#666;
  margin-bottom:10px;
  font-weight:200;
  border-bottom: 1px solid #999;
background: #c71910;
cursor: pointer;
color: #fff;
position: relative;
color: #fff;
padding: 5px 5px 5px 10px;
}

.catid_54 .pages{display: flex;flex-flow: row wrap; margin-top: 2%}
.catid_54 .page-pID{width: 45%;border: 1px solid #666; padding: 10px 5px; box-sizing: border-box;list-style: none; margin:15px}
.catid_54 .page-pID h2{font-family: sans-serif; font-size: 20px; }
.catid_54 .page-pID a{text-decoration: none;}
.catid_54 .page-pID .info{width: 100%; margin:0 auto; padding: 10px; box-sizing: border-box;}
.catid_54 .page-pID .antrafile{margin-top: 10px; line-height: 1.4em}

.news .pageBody H2 {
  font-size:16px;
  color:#ec1a22;
  margin-bottom:10px;
}
.news .pageBody H3 {
  font-size:18px;
  font-weight:bold;
  color:#4d4d4d;
}

.news .newPoduct .productName{
    font-size:30px;
    font-weight:lighter;

   text-align: center;
    
}

.news .newPoduct .imageNewsletter{
    display: block;
    width:600px;
    margin: auto;
    text-align: center;
}
.news .newPoduct .imageNewsletter p{
    text-align: center;
}
.imageNewsletter img{
    display: block;width:100%
        
}
.news .newPoduct .povezaniProizvodi {display: block; text-align:center;}
.povezaniProizvodi >div{
    display: inline-block;
    width:31%;
    vertical-align: top;
    padding:10px;
    box-sizing: border-box;
}
.povezaniProizvodi >div p{
    text-align: center;
    padding:20px 0!important;
    display: block;

}
.povezaniProizvodi >div img{
    width:100%;
        display:block;
}

.hide{
  display:none;
}

.news .messe {
  margin-bottom:4px;
  border:1px solid #ccc;
  margin-right:2px;
  width:217px;
  float:left;
  height:160px
  }

.news .messe table{
  width:100%;
}
.news .messe .messe-image{
    width:1%;
    padding-left:6px
  }
.messe .messe-info{
    width:99%;
    height:0px;
    vertical-align: middle!important;
  }
  
.messe .messe-link{
    padding:4px 0px 0px 7px; 
    vertical-align:bottom;
    color:blue;
  
  }
.messe .messe-link a{
      font-size: 12px!important;;
}
#pageBody .messe h2{
  text-decoration:none;
  font-size:16px;
  font-weight:200;
  color:#999;
  padding:4px 8px 4px 0px;
  text-align:center;
  border-bottom:1px solid #efefef;

  }

#pageBody .ongoingMesse h2 {
background:#fff;
color:red;
border:none;
border-bottom:1px solid red;
}

.ongoingMesse {
border:2px solid red;
}

#pageBody .nextMesse h2 {
background:#fff;
color:#666;
border:none;
border-bottom:1px solid orange;
}

.nextMesse {
border:2px solid orange;
}

.news .messe TABLE TD:first-child{
    border:none;
    width:110px;
    padding:10px;
  }

.news .messe TABLE TD A {
    font-size: 15px;
   }

.news .messe TABLE TD A IMG{

    border:1px solid #ddd;
    width:60px;
  }

.news .messe H3{
   font-size:14px;
   color:#ec1a22;
  }

.news .messe P{
width:120px;
  text-align:left;
    font-size:12px;
    margin-top:0px;
    color:#4d4d4d;
    font-weight:normal;
  }
.news .messe-2013 {
  display:none;
}


.pageBody table td a{
  font-size:12px;
  color:#666;
  text-decoration:none;
  }
.pageBody table td a:Hover{
  text-decoration:underline;
  }
  
/*Novosti*/
.catid_16 .img_cnt {width: 70%; }
.catid_16 .img_cnt img{
    display: block;
    width: 100%;
    height: auto;
    margin: 50px 0px
}

.catid_16 .pageBody {
    margin:20px 35px;
    line-height: 1.2em;
    
    
}
.catid_16 .pageBody h3 {
    padding:25px 0px;
}
.catid_16 .embdgallery {
    padding: 15px 35px;

}
.catid_16 .embdgallery li{
	list-style: none;
}
.catid_16 .embdgallery li img{
	width: 500px;
	display: block;

}

/*HERZ NEWS*/

.catid_38 .pageBody{
    width:700px;
    margin: auto;
}

.catid_38 .pageBody .herznewstbl{
    padding:16px;
    border:1px solid #ccc;
    position: relative;
    margin:10px
}
.catid_38 .pageBody .herznewstbl caption{
    display: block;
    position: absolute;
    top:0; right:0;
   padding:6px 10px
    
}
.catid_38 .issue{
    padding:20px
}

/*class pressinfo*/
.news .pressinfo {
    list-style:none;
    margin:40px auto;
    width:640px;
    
    
}
.pageBody #strucniTekstovi, .daLiSteZnali {
    padding: 40px;
    line-height: 1.4em;
    
}

.pageBody #beograd {
    padding: 20px 0px;
}
.news .pressinfo li{
    border-top:1px solid #ccc;
    margin-top:10px;
    padding-top:16px;
    _border:1px solid red;
    position:relative;
    min-height:142px;
}
.news .pressinfo div{
    font:12px/14px Arial;
    color:#363636;
}
.news .pressinfo a{
    font:14px/16px Arial;
    color:red;padding:0px; margin:0px;
    
}
.news .pressinfo .img {
    width:160px;
    float:left;
}
.news .pressinfo .img img{width:125px;}

.news .pressinfo .info {
    width:430px;
    float:left;
}
.news .pressinfo .info h2{width:440px;}
.news .pressinfo .info h2 a{
    text-decoration:none;
    font-weight:600;
} 
.news .pressinfo .moreinfo {
    margin:6px 0px 0px 0px;
    position:absolute;
    top:100px;left:16px;
}
.news .pressinfo .moreinfo a{font-size:12px;}

.news .pressinfo .moreinfo:before{
   font-family: 'FontAwesome';
    content:'\25ba';   
    color:red;
    padding:0 6px;
}
.news .pressinfo .publish_date{
    color:red;
    margin:7px 0;
}
.news .pressinfo .antrafile{
    width:500px; 
}

/* class press-page */

.news .press-page h2 {
    background: #C71910;
    color: #fff;
    padding: 6px;
    margin-bottom: 10px;
    font-size: 20px;
    cursor: pointer;
}
.news .press-page ul {
    display: none;
}

.news .press-page .prekidFloat {height:0;}
.news .press-page > ul {font-size:0;margin:0}
.news .press-page > ul li {
    width: 218px;
    height: 90px;
    display:inline-block;vertical-align: top;
    margin: 1px 2px 1px 0;
    padding: 0;
    border: 1px solid #ccc;
    list-style-type: none;
    color: #4d4d4d;
}
.news .press-page .press-logo {
    width: 60px;
    float: left;
    border-right: 1px solid #ccc;
}
.news .press-page ul li a {
    text-decoration: none;
    font-size: 14px;
    color: #4d4d4d;
}
.news .press-page .press-logo img {
    width: 60px;
    display:block;
}
.news .press-page .press-clip {
    width: 157px;
    float: left;
}
.news #pageBody .press-page .press-clip h3 {margin: 4px 0 0 4px;line-height: 12px;font-weight: 200;font-size: 13px;border-bottom: 1px solid #C71910;min-height: 40px;padding:0;}
.news .press-page .press-clip h3 a {
    color: #333;
    font: inherit;
}
.news .press-page .press-clip h3 a span {
    color: #333;
    font-size: 10px;
    line-height: 15px;
}
.news .press-page .press-clip p {
    margin: 4px 0 0 4px;
    line-height: 12px;
    font-size: 11px;
    padding-bottom: 5px;
    text-align:left;
}

.catid_16 table{
    padding: 20px 0;
}

.catid_16 table td{
    width: 50%;
}

.catid_16 table td > img{
    width: 96%;
}

.catid_16 table td p > img{
    display: block;
    margin: auto;
}

.catid_16 table td a > img{
    display: block;
    width: 98%;
    margin: auto;
}

.catid_16 table td p > span{
    display: block;
    padding: 0 40px;
    text-align: center
}


/* DOWNLOAD */

.bookshelf .oblast_sadrzaja {
    background: #fff;
    width:900px;
    margin:80px auto 20px auto;
}
.bookshelf.catid_18 #coll_middle {
    padding-bottom: 30px;
    border: 0px solid red;
    width: 100%;
    
   }
.bookshelf .search_pages {
    background: #fff;
    padding: 0;
    position: relative;
    text-align: center;
    padding:20px 0 0 0;
}
.bookshelf .search_pages form {
    margin: 0;
    padding: 6px;
}
.bookshelf .search_pages input[type="text"] {
    padding: 4px 0 5px 10px;
    font-size: 16px;
    border:1px solid #ccc;
    color:#ccc;
    
}

.bookshelf .search_pages button {
    background: red;
    color: #fff;
    padding: 5px 14px;
    font-size:15px;
    border:none
}

.bookshelf.catid_18 .polica {
    position: relative;
    width: 900px;
    margin: 0 auto;
    _ackground: url(../../site_images/polica.jpg) repeat-y 0 0;
    background: none;
    margin-bottom: 50px;
    padding-bottom:40px;
    border: 1px solid #666;
    
    box-sizing:border-box;
}
.bookshelf.catid_18 .polica h1 { 
    padding: 15px;
    width: 100%;
    color: #666;
    font-family: sans-serif;
    font-size: 20px;
    font-weight:lighter;
    letter-spacing: 1px;
    border-bottom: 1px solid #888; 
}
.bookshelf.catid_18 .polica ul {
    list-style-type: none;
    padding: 0;
    margin: 0px;
    text-align: center;
    position: relative;
}
.bookshelf.catid_18 .polica ul li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 144px;
    height: 238px;
    margin: 50px 20px 0px 0px;
    padding: 0;
}
.bookshelf.catid_18 .polica ul li .img {
    position: absolute;
    background: none;
    top: 0px;
    padding: 0;
    margin: 0;
    width: 100%;
}
.bookshelf.catid_18 .polica ul li .img a {
    width: 131px;
    display: block;
    text-decoration: none;
    padding: 9px 0px 2px 0px;
}
.bookshelf.catid_18 .polica ul li .img a img {
    display: block;
    width: 131px;
    height: 184px;
    _box-shadow: 6px -6px 6px 1px rgba(0,0,0,.1);
    border: 2px solid #ccc;
}
.bookshelf.catid_18 .polica ul li .info {
    position: absolute;
    overflow: hidden;
    bottom: -11px;
    left: -6px;
    border: 1px solid #979797;
    border-radius: 4px;
    background-color: #e8e8e8;
    width: 100%;
}
.bookshelf.catid_18 .polica ul li .info h2 {
    font-weight: normal;
    width: 100%;
    line-height: inherit;
}
.bookshelf.catid_18 .polica ul li .info h2 a {
    height: 36px;
    text-align: center;
    font-size: 12px;
    color: #393632;
    text-decoration: none;
    position: relative;
    line-height: 15px;outline: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bookshelf .downloads {margin-top:20px;}
.bookshelf .downloads .page-pID {list-style:none;border-bottom: 1px solid #ccc;}
.bookshelf .downloads .page-pID .img {width:145px;height:auto;border: 1px solid #ccc;margin:10px 0}
.bookshelf .downloads .page-pID .img a, .bookshelf .downloads .page-pID .img img{width:100%;height:100%;display:block}
.bookshelf .downloads .page-pID .img, .bookshelf .downloads .page-pID .info {display:inline-block;vertical-align: middle;padding:10px 20px;}
.bookshelf .downloads .page-pID .info a {font-size:12px;text-decoration: none;}

.bookshelf #coll_middle .katalozicss{
    width:60%;
    margin: auto;

 
    vertical-align: top;
}
.bookshelf #coll_middle .katalozicss li{
    width:200px;
    height:auto;

    display: inline-block;
    margin: 30px 20px;
    
}
.bookshelf #coll_middle .katalozicss li .img{
    position: relative;
}
.bookshelf #coll_middle .katalozicss li .img a{
    width:100%;
    height: auto;
}
.bookshelf #coll_middle .katalozicss li .img img{
    width:100%;
    height: auto;
}

.bookshelf #coll_middle .katalozicss .info{
    position: relative;
    margin: auto;
    
}

/* EVENTS */
.events{}
.events .embdgallery_wrapper{
    width: 100%;
    height: auto;
}
.events .embdgallery li{
    display: inline-block;
    width: calc(25% - 4px);
    height: 156px;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 2px;
    position: relative;
}
.events .embdgallery li img{
    width: 100%;
    height: auto;
}
/* KRAJ EVENTS */


/*AUSSCREIBUNGTEXTE*/
.ausscreibung-kontakt{
  padding:10px;
  text-align: center;
}
.ausschreibung-fs li{
  display:inline-block;
  margin:4px 12px;
  padding:0;
  width:110px;
  text-align: center;
  
}
.ausschreibung-fs li a{
  display:block; padding:10px 0px;
  border:1px solid #ccc;
  
}

.ausschreibung-fs{
  width:400px;
  display: block;
  border:1px solid #ccc;
  
}
.ausschreibung-fs legend{
  display: block;
  margin:5px;padding:6px 10px;
  border:1px solid #ccc;
    background: #edd;
}
.ausschreibung-fs p{
  display: block;
  margin:0 14px;
}
.ausschreibungtexte{
    display: block;
  border:1px solid #ccc;
  margin-bottom: 15px;
}
.ausschreibungtexte legend{
  display: block;
  margin:5px;padding:6px 10px;
  border:1px solid #ccc;
  background: #edd;
}

.ausschreibungtexte p{
  display: block;
  margin:8px 0 0 0;  

}
.ausschreibungtexte ul li{
  display:inline-block;
  box-sizing: border-box;
  vertical-align: top;
  margin:10px 12px 0 12px;
  padding:0;
  width:170px;
  text-align: center;
}
.ausschreibungtexte li a{
  display:block; padding:15px 0 0 0px;
  height:35px;
  border:1px solid #ccc;
}

/* CAD BAUSTEINE */

.cad h2{
    font-size: 16px;
    color: #ec1a22;
    margin-bottom: 10px;
    border-bottom: 1px solid #EC1A22;
    padding-bottom: 5px;
}
.cad h2 span {
    color: #ec1a22;
}
.cad UL LI {
    list-style-type: none;
    padding-bottom: 10px;
    color: #4d4d4d;
}
.cad UL LI A {
    text-decoration: none;
    font-size: 14px;
    color: #4d4d4d;
}
/* news NOVOSTI*/

.product_new {width: 70%; margin: auto}
.product_new p{line-height: 1.5em}
.product_new table{margin: 25px auto; }
.product_new table tr td{width: auto; height: auto; border:2px solid #eee;}
.product_new table tr td img{height: 250px}
.product_new .detailFile{border: 2px solid #eee; padding: 20px;box-sizing: border-box}
.product_new .detailFile .image{width: 40%}
.product_new .detailFile .image img{width: 100%}
.product_news_slike {display: flex; _margin:auto;width:50%; margin-top: 25px; }
.product_news_slike img{width: 100%; margin-right: 20px; border: 2px solid #eee; box-sizing: border-box}
  
.news .lista_novosti{
    _background: gray;
    margin: auto;
    width: 1000px;
    display: flex; 
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
    
}


.news .lista_novosti li{
    
  flex-direction: column;
  border: solid 1px #999;
  border-radius: 5px;
  width:400px;
  padding:15px;
  margin:20px;
  list-style: none;
  
}
.news .lista_novosti .img { 
    
   margin: auto;
   width: 100%;
    
    
}
.news .lista_novosti .img img{
    overflow: hidden;
    border-radius: 5px;
}

.news .lista_novosti .info a{
color: #333;
font-size:17px;
display: block;
padding: 9px 0px;
font-weight: bolder; 
text-decoration: none;
}
.news .lista_novosti .info a:hover{
    color: #666;
    
  
}
.news .lista_novosti .antrafile{
font-size:14px;
color:#696969;
    line-height: 1.4em;
}
.news .lista_novosti .info  h2{
  line-height:16px;
  font-weight:200;
  line-height: 1.4em;
}
#pageBody .messeBanner table{
    border-top:1px solid #ccc
}
#pageBody .messeBanner table td{
    vertical-align: middle;
}
.messeBanner .messe-info p a{
    font-size:20px;
    text-decoration: underline;
}

.downloadMesseTable{
    border-collapse:collapse;
}
.catid_13 .messe-image{width:30%}
.catid_53 #pageBody h2{
    font-size:30px;
    font-weight:lighter;
    padding:30px 0 10px 0;
}
.downloadMesseTable tr td{
    vertical-align: middle!important;
    border-bottom: 1px solid #ccc
}
.downloadMesseTable .icons{
    font-size:30px;

}
.downloadMesseTable .icons:hover{
        text-decoration: none;
}
.downloadMesseTable .icons.largeIcon{
    font-size:50px;
    padding:10px 20px;
    display: block;
}
/* ATESTI */
.sectionDocs > div{
    _border-left:1px solid #ccc;
    padding:0 20px
}

.sectionDocs h2{
    position: relative;
    width:520px;
    font-size: 22px;
    font-weight:lighter;
    padding: 15px 0 15px 0;
    border-bottom:1px solid red
}
.sectionDocs h2:after{
    content:"+";
    position: absolute;
    top:12px;right:10px
}
.sectionDocs h2.active:after{
    content:"-";
    position: absolute;
    top:12px;right:10px
}
.sectionDocs h4{
    font-size:18px;
    font-weight:lighter;
    padding: 15px 0 10px 0;
    
}
.sectionDocs > div{
    display: none;
}



/* JOBS */

.jobs .catTitle, .jobs .pageTitle {margin:10px 0;text-align:center;color:#ec1a22;padding:10px;font-size:32px;}

.jobs .catShortDesc span{padding:0 0 12px 0;display:block;font-size:14px;}
.jobs .pages .page-pID {
    font-size: 14px;
    color: #4d4d4d;
    padding-left: 15px;
    list-style-type: none;
    padding-bottom: 15px;
    display: inline-block;vertical-align: top;
    margin:6px;
    
}
.jobs .pages .page-pID h2 a {
    
    padding: 20px;
    display: block;
    line-height: 18px;
    font-size: 14px;
    text-decoration: none;
    width:260px;
    min-height:120px;
    border:1px solid red;
    border-left: 10px solid red;
    box-sizing:border-box;
}

.drzave_naslov,.drzave{display: none}
/* CONTACT */

.kontakt.catid_11 .pageBody{
    display: flex
}
.kontakt.catid_11 .pageBody #coll_right{
    width:260px;
    
}
.kontakt.catid_11 .pageBody  .outer_cnt{
    flex-grow: 1;
    display: flex
}
.kontakt.catid_11 .pageBody .inner_cnt{
    width:50%;
    padding: 10px;
    box-sizing: border-box;

}

.kontakt #map-canvas,.distributeri #map-canvas,.sanitarna_armatura #map-canvas, .prodajna_mesta #map-canvas{
    width:100%;
    height:300px;
}
.kontakt .oblast_sadrzaja,.distributeri .oblast_sadrzaja,.sanitarna_armatura .oblast_sadrzaja,
.prodajna_mesta .oblast_sadrzaja{display: flex}
.kontakt #pageBody p {margin:0;font-size:14px;}
.kontakt #pageBody li {list-style:none;position:relative;}
.kontakt #pageBody li p {padding:0;}
.kontakt .ime{font-weight: bold;}
.kontakt .box li{ padding: 7px 0px;}
.kontakt .box ul{ padding: 10px 0px;}
.kontakt #pageBody li:before{content:'';width:26px;height:26px;position:absolute;top:-2px;left:-30px;background-size:26px 26px}


.kontakt .email:before{background:url(../../site_images/icons/email.png) no-repeat 100% 100%;}
.kontakt .phone:before{background:url(../../site_images/icons/tel.png) no-repeat 100% 100%;}
.kontakt .fax:before{background:url(../../site_images/icons/fax.png) no-repeat 100% 100%;}


.kontakt .pages {font-size:0}
.kontakt .pages .page-pID {font-size:initial;width:120px;height:auto;display:inline-block;vertical-align:top; padding:15px;box-sizing:border-box;}
.kontakt .pages .page-pID a, .kontakt .page-pID a img {display:block;width:100%;height:100%;}
.kontakt .page-pID .info h2 a {font-size: 13px;text-decoration: none;color: #666;text-align:center;padding:6px 0;}

.kontakt .drzave_naslov{
  margin:20px 10px 20px 10px;
  font-size: 22px;
  font-weight: normal;
  border-bottom:1px solid #f21922;
}
.kontakt .drzave {
  font-size:0;
}
.kontakt .drzave li{  list-style-type: none;width:120px;height:auto;padding:15px;box-sizing:border-box;display:inline-block;vertical-align:top;text-align:center;}
.kontakt .drzave .info a{font-size: 13px;text-decoration: none;color: #666;padding:6px 0;display:block;}


/*DISTRIBUTERI*/

.distributeri_strana{}
.distributeri_strana>div{ display: flex;flex-flow: wrap; width: 100%; align-content: flex-start}
.distributeri_strana .grad{width: 100%; padding: 10px 0;}
.distributeri_strana .firma{ width: 30%;_height: max-content;margin: 10px 10px 10px 0;border:1px solid #ccc; padding:10px; box-sizing: border-box; border-radius: 8px;}
.distributeri_strana .imeFirme{color:#ec1a22;font-size: 1.2rem }
.distributeri_strana .firma p{padding: 0;}
.distributeri_strana .firma strong{padding:15px 0 5px 0; display: block }




.gradovi_table{
	width:950px;
	border-collapse: collapse;
	margin:50px 70px;
   
    

}
.gradovi_table td,
.gradovi_table th{
	border-bottom:1px solid #aaa;
	padding: 5px 12px
    
      
}

.gradovi_table th{
	color:#f33;
	background: #f5f5f0;
	padding: 10px
}
.gradovi_table td{
	text-align: left;
}
.gradovi_table td:first-child{
	text-align: left;
	font-weight: bold;
}
.gradovi_table th{
    text-align: left;
}
/*MAP*/

.gm-style-iw-d a{text-decoration-color: #ec1a22;  }

/* REFERENCES */
.page #map-canvas {width:100%;height:300px;}
.page.catid_37 #coll_middle {width:100%;}
.page.catid_37 .pages{
    font-size:0;
}
.page.catid_37 .pages li{
    font-size:initial;
    width:25%;
    display:inline-block;
    vertical-align: top;
    padding:4px 10px;
    box-sizing:border-box;
}
.page.catid_37 .pages li .info h2{line-height: 20px; padding:10px 0}
.page.catid_37 .pages li .info h2 a {font-size:18px;text-decoration: none; }
.page.catid_37 .pages li .info {font-size:16px}
.page.catid_37 .pages li:last-child{display:none;}
.page.catid_37 .pages li:nth-last-child(2){display:none;}
.catid_37 .page-pID img {display:block;width:100%;height:auto;}

.page.catid_37 .projectsWrapper {padding-top:20px;}
.page.catid_37 .pageTitle.projectsTitle  {
    border-top: 4px solid #ccc;
    border-bottom: 4px solid #ccc;
}
.page .projectsWrapper .worldprojects {text-align:center;}
.page .projectsWrapper .worldprojects table{margin:0 auto;width:800px}


#pageBody h3{
    margin-top:14px;
}
#pageBody h3 a {
    color:#dd6666;
    text-decoration:none;
}
.project-worldwide th, .project-worldwide td{
    padding:6px;   
    color:#333;
}

.project-worldwide th{
   background:#ccc;
font-size:16px;
   text-transform:uppercase;
}

.project-worldwide th:nth-child(1){
    width:200px;
}
.project-worldwide th:nth-child(2){

    width:120px;
}

.project-worldwide td{
    border:1px solid #ccc;
    height:2em;
    
}
.worldprojects .project-worldwide a{
    height:auto;
    width:auto;
    display:inline;
    padding:0;
    border:none;
    background:none;
    text-decoration:underline;
    color:#f00;
    font-size:10px;
}

.worldprojects .project-worldwide a:hover{
    padding:0;
    border:none;
    background:none;
    color:#666;
}

.worldprojects .project-worldwide td{
    text-align:left;font-size:16px;
}
/* WISHLIST */
.oblast_strane #myaccount_style{
    font-size:14px;
    width:100%;
}

/* WISHLIST CATALOGUE TOOLBAR */

.wishListBar {display:none;
  position:fixed;bottom:0px;left:0;right:0;background:#444;
    -webkit-transition: bottom 2s;
  transition: bottom 2s;
}
.wishListBar.active {
  bottom:0px;
  -webkit-transition: bottom 2s;
  transition: bottom 2s;
}
.toolbarInner {font-size:0;}
.toolbarInner .icons, .toolbarUl {display:inline-block;vertical-align: middle;}

.promo-pics-container {
  width:100%;
  height: 110px;
  overflow: hidden;
    display:none;
}
.promo-pics-container .promo-pics-container-inside.w4 {
  height: 100px;
  display: block;
  margin: 0;
  padding: 0;
  font-size:0;
}

.toolbarInner .icons {
  width:30px;
  text-align:center;
  font-size:24px;color:#ccc;
  padding:30px 0;
}

.wishListBar a {display:block;width:100%;height:100%;box-sizing:border-box;font-size:14px;text-decoration:none;}
.wishListBar .hederBoksa {text-align:center;color:#eee;font-weight:bold;padding:5px 0;border-bottom:1px solid #555;border-top:4px solid #ccc;box-sizing:border-box;font-size:24px; position: relative}
.wishListBar .hederBoksa h4{color:#ccc}
.wishListBar .hederStrelica {position:absolute;top:8px;right:2%;width:34px;height:30px;text-align: center;cursor:pointer;transition: 1s ease-in-out;}
.wishListBar .hederStrelica .icons:hover{color:#d88;}
.wishListBar .hederStrelica .icons {font-size:26px;color:#ccc;font-family: icons;width:100%;padding:1px 0 0 0;}
.wishListBar #cart_wishlist_bottom {
    position: absolute;
    top:4px; right:140px;
    z-index: 200;
}
.wishListBar #cart_wishlist_bottom:hover{
    background:#666;
}
.wishListBar #cart_wishlist_bottom a{
    display: block;
    border:1px solid #ccc;

}

.wishListBar #cart_wishlist_bottom a span{
    padding: 4px 20px;display: inline-block;
    font-weight: normal;
    color:#ccc;
}
.wishListBar #cart_wishlist_bottom a .numberOfItems {
    border-left:1px solid #ccc;
    padding: 4px 10px;
}

.wishlistBox .textPraznogBoxa {
  height:100%;
  text-align: center;
  color: #eee;
  font-weight: bold;
  padding: 5px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wishListBar .hederStrelica.active {
  transform: rotate(180deg);
  transition: 1s ease-in-out;
}
.tollBarLi {
  display:inline-block;
  vertical-align: top;
  width:214px;
  height:107px;
  background:#fff;
  margin:0 5px 10px 5px;
}
.leftTollBarBox, .rightTollBarBox {display:inline-block;vertical-align: top;}
.leftTollBarBox{width:50%;position:relative;}
.rightTollBarBox {width:50%;position:relative;}


.toolBarProdName {display:none;}

.leftTollBarBox .toolBarImg {background:red;}
.leftTollBarBox .toolBarImg img{display:block;width:76%;height:auto;}
.leftTollBarBox .toolBarQty {
  position:absolute;bottom:0;right:0;
  background: #c33;
  color: #fff;
  padding: 2px 6px;
    font-size:14px;
    font-weight: bold;
}

.rightTollBarBox .toolBarArtModel {background: #cc3333;padding: 4px 8px;display:inline-block;color:#fff;font-size:14px}
.rightTollBarBox .removeItem {position:absolute;top:70px;right:0;z-index:100;cursor:pointer;}
.rightTollBarBox .removeItem p{padding:4px 0 0 0;}
.rightTollBarBox .removeItem:hover p {color:#444}
.rightTollBarBox .toolBarArtCnt{display:block;padding:15px 8px}
.rightTollBarBox .toolBarBill{}
.rightTollBarBox .toolBarBill span {padding:0 8px 5px 8px;display:inline-block;}

/* Stlovi za modul PLUM WishList */


#wishlist_fastview{
  position:relative;
  border:1px solid #0463a1;
  margin-top:10px;
  padding: 0px;
  background:url(images/bgnd_heder_fastview.gif) repeat-x 0% 0%;
}
#wishlist_fastview img{
  border:0px;
}
#wishlist_fastview h2{
  padding:2px 4px 4px 10px;
  margin-left:2px;
  color:#fff;
}
#wishlist_fastview p{
margin-top:10px;
padding:0px 4px 0px 4px;
}

#wishlist_fastview .fastViewFuter{
  padding:4px;
  font-size:11px;
  color:#333;
  border-top:1px solid #575757;
  background:#eee;
}
#snimljeneListe{
    margin:40px 0;
}

#snimljeneListe td{
    padding:20px;
}

A.goToList{
  display:block;
  color:#666;
  text-decoration:none;
  text-align:right;
  padding:3px 20px 3px 0px;
  margin-bottom:4px;
  font-size:10px;
  background:url(images/icon_tolist.gif) no-repeat 100% 50%;
  border:0px solid #FF0000;
}
A.goToList:hover{
  text-decoration:underline;
}

.link_itemIcons{
  padding-left:4px;
}



bgnd_heder_additem.gif

#wishlistDisplay{

}
#wishlistDisplay table{
  width:100%;
  border-collapse:collapse;
  border:3px solid #eee
}
#wishlistDisplay tr{
    
}
#wishlistDisplay tr:hover{
    background: #ffe;
}
#wishlistDisplay th{
  background:#eee url(images/bgnd_heder_liste.gif) repeat-x;
  padding:5px 2px 5px 6px;
  font-size:10px;
  font-weight:bold;
  font-family:arial;
  color:#575757;
  text-align:left;
  border-right:2px solid #fff

}
#wishlistDisplay th:last-child{ border:none}
#wishlistDisplay td{
  padding:6px 2px 2px 2px;
  border-right:2px solid #fff;
 border-bottom:1px dashed #ddd;
}
#wishlistDisplay td button{
    padding: 6px;
  background: #fff;
  border:1px solid #ccc;
   cursor: pointer;
}
#wishlistDisplay td button i{
    font-size:22px;
  color:#777;
 
}

#wishlistDisplay .hederBoksa{
  margin:0px;
  height:22px;
  color:#fff;
  padding:4px 0px 0px 15px;
    background: #444;
}

#wishlistDisplay table{
    width: 100%;
}
.coll_image img{
    border: 1px solid #999;
    height: 80px;
}

#wishlistDisplay input[type="number"]{
    font-size: 16px;
    padding: 6px;
    width: 44px;
}

#wishlist_buttons{
  padding:0px 6px 0px 10px;
  background:url(images/bgnd_wishlist_icon.gif) no-repeat;
  height:200px;
}

#wishlist_buttons a{
  display:block;
  width:13.15%;
  padding:30px 2px 8px 2px;
  text-decoration:none;
  text-align: center;
  margin:2px 2px 2px 2px;
  float:left;
  color:#333;
  font-size:14px;
}
#wishlist_buttons a:hover{
  border:0px solid #444;
}
#wishlist_buttons a:hover:before{
  border:0px solid #444;
    font-size:66px;
    text-shadow:1px 1px 2px rgba(100,100,100,.5)
}
#wishlist_buttons a:before{
  font-family: icons;
  display: block;
  width:60px; height:60px;
  content:"def";
  font-size:60px;
  color:#777;
  margin:auto;padding:0 0 20px 0;
}

#wishlist_buttons .WSicoPrint:before{content:"\f02f"}
#wishlist_buttons .WSicoPrintPhoto:before{content:"\f029"}
#wishlist_buttons .WSicoPrintCSV:before{content:"\f1c3"}
#wishlist_buttons .WSicoSendEmail:before{content:"\f1d9"}
#wishlist_buttons .WSicoSaveList:before{content:"\f0c7"}
#wishlist_buttons .WSicoNewList:before{content:"\f016"}
#wishlist_buttons .WSicoAsNewList:before{content:"\f24d"}
#wishlist_buttons .WSicoPrintXLS:before{ content:"\f1c3";}

input.save_wishlist_button{
  margin:6px 6px 10px 6px;
  background: #eee url('images/save_changes_bgnd.gif') no-repeat;
  border:1px solid #ccc;
  width:29px;
  height:28px;
  padding-left:20px;
  cursor:pointer;
}
input.save_wishlist_button:hover{
  background: #eee url('images/save_changes_bgnd_hover.gif') no-repeat;
}

.returnToCatalog{
  width:80%;margin:auto;text-align: center;
}
.returnToCatalog a{
  background:#fff;
  padding:8px 30px;
  border:1px solid #999;
}
.returnToCatalog a:hover{
  background:darkorange;color:#fff
}

.itemcomment{position:relative;font-size:10px;padding:0 0 14px 5px!important; border:1px solid transparent; background:beige; border-top:3px solid darkorange;display:none }
.itemcomment span{display:none;}
.itemcomment .napomena-inner{border-left:10px solid #fff; padding: 6px}
.itemcomment .closeMe{display: none}

/*FOOTER*/


.footerInner {width:1008px;margin:auto;}

.oblast_futera .bkg-footer{position: absolute; 
    top:0;right:200px;bottom:0;
}
.oblast_futera .bkg-footer img{
    display: block;height:100%;width:auto;
}

.oblast_futera a{
    position: relative;
    z-index: 100;
}

.oblast_futera p {}
.futer_meni {}
.oblast_futera .copyrights {position: absolute; bottom: 0; right: 0; color: #aaa; padding: 14px; text-align: right; font-size: 14px;}
 a.plumlink {color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: none; }
.kolona-futer {float: left; margin-left: 0px; 
    padding-top: 10px; width: 31%;}
.kolona-futer h3,.kolona-futer h4 {font-size: 16px; font-weight: 400;color: #aaa; }
.kolona-futer h4 {margin: 0 8px; }
.kolona-futer h3 a,.kolona-futer h4 a {color:inherit; display: block; font-size: 16px; font-weight: 400; padding:0 0 10px 0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
.kolona-futer h3 a:hover,.kolona-futer h4 a:hover {color: #999999; }
.kolona-futer ul {padding-top: 4px; }
.kolona-futer ul li {list-style-type: none; margin: 0 16px; }
.kolona-futer ul li a {border-left: 1px solid #CCCCCC; color: #FFFFFF; display: block; font-size: 13px; font-weight: 400; list-style-type: none; padding: 3px 6px; text-decoration: none; }
.kolona-futer ul li a:hover {color: #666666; }
#nav-mobile{display: none}

.kolona-4 p{border-left: 1px solid #CCCCCC; color: #FFFFFF; display: block; font-size: 13px; font-weight: 400; list-style-type: none; padding: 3px 6px; text-decoration: none;margin: 0px 0 0px 20px; }
.kolona-4 p a {color: #FFFFFF;font-size: 14px; font-weight: 400; list-style-type: none;}

.second_ul{margin:30px 0}
/*END FOOTER*/

/* microsites */

.herz_qr_microsite.catid_39 #coll_middle{
    width:100%;
}
.catid_39 #pageBody li{
    list-style-position: inside;
    padding: 10px;
    
    
}
.catid_39 #pageBody p{
  clear: both;
  padding: 30px 0px 0px 0px;
  line-height: 1.3em;
  
}
.herz_qr_microsite.catid_39 .skiceNoviProizvodi img{display:block;margin:0 auto;}

/* -------------------------------------- */
/* -----------  MEDIAQUERY -------------- */

/* za chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {    
    .bkg-footer{
      right: 0 !important;
    }   
}
@media (max-width : 1430px) {
    
    .logo-hires {height: auto; margin: 10px 0px 0 10px; padding:0px 0 0 0px; position: relative; width: 180px; box-sizing: border-box;}
    .glavni_meni{margin:0 auto;}
    .glavni_meni > ul > li a{padding: 45px 10px 18px 10px!important; font-size:14px;}
    .katalog.catid_1 .oblast_sadrzaja {width:100%;}
    .katalog.catid_1 .catName {width:25%}
    .katalog.catid_1 .subcatsInCat {width:75%;}
    
}
@media (max-width : 1280px) {

    .glavni_meni > ul > li a{font-size:12px;}
    .oblast_zaglavlja {height: 78px;}    
    .searchIconHeader {bottom:10px;right:0;top:unset; margin: 0 6px 0 0;}    
    .meni_jezici {display: block; width:auto; position: relative; right: unset; top: unset; float:right; padding:0 30px 0 0; margin: 42px 20px 0 0; z-index: 10; min-width: 100px}
    .meni_jezici::after { content: "Choose Your Region"; display: block; position: absolute; top: -22px; right: 40px; border: 1px solid #eee; color: #aaa; padding: 2px 16px; background: #fff; line-height: 15px; box-sizing: border-box; cursor: pointer; z-index: 1000}   
    .meni_jezici:hover {}   
    .meni_jezici li { display:inline-block;vertical-align: top; width:auto; padding:8px; display:none; height:20px; border-bottom: none;  list-style-type: none; margin: 0;}    
    .meni_jezici li:first-child{padding: 18px 0 0 0 ;}   
    .meni_jezici A {display: block; padding: 0px;text-align: center; }   
    .meni_jezici A:hover {}    
    .meni_jezici .markLng { border-bottom: none;} 
    .meni_jezici img{filter: grayscale(100%); opacity:.6}    
    .meni_jezici .markLng img{filter: grayscale(0%); opacity:1;}
    .glavni_meni > ul > li a{padding: 45px 12px 18px 10px!important;}   
    .logo-hires {height: auto; margin: 10px 0px 0 10px; padding:0px 0 0 0px; position: relative; width: 180px; box-sizing: border-box;}  
   
    
    /* KATALOG */
    
    .katalog .flyOutMenu {right:55px;top:40px;}
    
    .bookshelf .oblast_sadrzaja {width:900px; box-sizing: border-box; }
    .bookshelf.catid_18 .polica {width:100%; box-sizing: border-box; }
    .bookshelf.catid_18 .polica h1 {width:100%;box-sizing:border-box;}
}

@media (max-width : 1180px) {

    .glavni_meni > ul > li a{font-size:10px;}
    .glavni_meni > ul > li a{padding: 45px 10px 18px 8px!important;}
    .logo-container{width:160px}    
    .logo-hires {height: auto; margin: 10px 0px 0 10px; padding:0px 0 0 0px; position: relative; width: 150px; box-sizing: border-box;}
    .logo-hires img {border: medium none; display: block; height:100%; width: 100%;}   
    .meni_jezici{display: block; width:auto; position: relative; right: unset; top: unset; float:right; padding:0 0 0 0; margin: 44px 20px 0 0; z-index: 10; min-width: 100px; text-align: center;     }    
    .meni_jezici li:first-child{padding: 34px 0 0 0 ;}
    .katalog .flyOutMenu {display:none;}

}/* @ 1180 */


@media (max-width : 1000px) {
    .oblast_strane{margin:0;}
    .oblast_zaglavlja {border-bottom: 1px solid #CCCCCC; position: relative; background:#fff; height:90px;}
    .glavni_meni{display: block; margin:0!important;}  
    .glavni_meni ul{text-align: left;}
    .glavni_meni > ul > li a{display: block; font-size:11px; text-decoration: none; border-left:1px solid #ccc; color:inherit; box-sizing: border-box; text-transform: uppercase;}
    .logo-hires img{display: none;}
    .meni_jezici {width:120px; height: auto; margin: 0; position: absolute; right: 20px; top: 52px;}
    .meni_jezici li {padding:0 4px;}
    
    .katalog .katalog_prikaz {width:100%}
    .katalog .oblast_kataloga >  .katalog_navigacija {display:none;}
    .katalog .oblast_sadrzaja {width:100%;}
    #listaProizvoda {text-align:center;}
    .proizvod {padding:10px;box-sizing:border-box;}
    .katalog .proizvodi li {width:20%;margin:10px auto;}
    .footerInner {width:100%;}
    .katalog .catalogueItemText {font-size:12px;word-break: break-all;}
    
    .oblast_sadrzaja {width:100%;}
    #coll_middle {width:100%}
    #coll_right{display:none;}
    .jobs .pages {text-align:center;}
    
    .news #coll_right {display:inline-block;width:20%;}
    .news #coll_middle {width:80%}
    .news .presseKontakt, .news .pressinfo {box-sizing:border-box;}
    .news .pressinfo, .news .pressinfo .antrafile {width:100%;}
    .news .pressinfo .info {width:calc(100% - 160px)}
    .news .pageBody p img {display:block;width:100%;height:auto;}
    .news .pageBody {padding:0px 10px;}
    .news .pageBody iframe{width:100%;}
    .catid_38 .pageBody {width:100%;box-sizing: border-box;}
    .catid_38 .pageBody .herznewstbl {box-sizing: border-box;margin:10px 0;}
    
}/*END MEDIA QUERIES*/
@media (max-width : 700px) {
    .katalog.catid_1 .catName {width:40%}
    .katalog.catid_1 .subcatsInCat {width:60%}
    .katalog.catid_1 .subcatsInCat li {
    padding: 2px 0px 2px 0px;
    }
}


/*SWITCHED OFF*/

.catid_37 .info .antrafile{display: none}


/*MICROSITES*/
.microsite .oblast_strane{margin: 0; padding: 0;}
.microsite .oblast_zaglavlja, .microsite .oblast_futera{display: none;}
.microsite .oblast_sadrzaja{width: 100%; height: auto;}
.microsite #coll_middle{width: 100%;height: auto; padding:0;}
.microsite #pageTitle{display: none;}
.microsite #pageBody{padding: 0;width: 100%;}

.microsite .microsite_header{font-size: 0;text-align: right;width: 100%;height: auto;background: #fff;}
.microsite .microsite_header > div{display: inline-block;font-size: initial;vertical-align: top;text-align: center;}
.microsite .microsite_logo{width: 65%;height: 100px;text-align: left !important;background-color:#fff;}
.microsite .microsite_logo img{padding: 2px 0 0 10%;height: 100%;width: auto;}

.microsite .microsite_filler{background: red; height: 100px; width: 17%;}

.microsite .menu{ width: 100% !important; background: #000; box-shadow: 0 16px 32px 0 rgba(0,0,0,.36)}
.microsite .menu > p{ display: inline-block; padding: 10px 40px; font-size: 0.9em;}
.microsite .menu a{ color: #fff; text-decoration: none;}

.microsite .microsite_menu_selector{ background: #000; height: 100px; width: 18%;}

.microsite .header_img{}
.microsite .header_img img{ width: 100%;}

.microsite h4{
    padding: 30px 40px 10px 40px;
    font-size: 32px;
}

.microsite .microsite_content_box{width: 100%;height: auto;}

.microsite .microsite_content_box > div{width: 80%;margin: auto;padding: 10px 40px 4px 40px;box-sizing: border-box;}

.microsite .microsite_content_box:nth-child(2n+1){background: #fff;}

.microsite .microsite_content_box:nth-child(2n){background: red;}

.microsite .microsite_content_box:nth-child(2n+1) > div{background: #ededed;}
.microsite .microsite_content_box:nth-child(2n) > div{background: #bd1014;}

.microsite .microsite_content_box:nth-child(2n+1) > div p{/* color: #fff; */ text-align:left;}
.microsite .microsite_content_box:nth-child(2n+1) > div h4{/* color: #fff; */}
.microsite .microsite_content_box:nth-child(2n+1) > div a{/* color: #fff; */}
.microsite .microsite_content_box:nth-child(2n+1) > div li{/* color: #fff; */}

.microsite .microsite_content_box:nth-child(2n) > div p{color: #fff; text-align:left;}
.microsite .microsite_content_box:nth-child(2n) > div h4{color: #fff;}
.microsite .microsite_content_box:nth-child(2n) > div h5{color: #fff;padding: 20px 20px 20px 30px; font-size: 22px}
.microsite .microsite_content_box:nth-child(2n) > div a{color: #fff;}
.microsite .microsite_content_box:nth-child(2n) > div li{color: #fff;}

.microsite .microsite_content_box li{list-style-type: none;padding: 10px 0 4px 10px;}

.microsite .microsite_content_box p:last-child{padding: 10px 0 20px 0;}

.microsite .microsite_mapContainer iframe{
    width: 100%;
}

.catid_51 #microsite_header #microsite_logo{
    width: 100%;
    text-align: center !important;
    
}

.catid_51 #microsite_header #microsite_logo img{
    padding: 0;
}

.catid_51 #microsite_header .menu{
    background: #ed1b24;
}

.catid_51.microsite .microsite_content_box{
    background: none;
    width: 70%;
    margin: 4% auto;
}

.catid_51.microsite .microsite_content_box > div{
    padding: 0;
}

.catid_51 .microsite_content_box h4{
    padding: 0 0 2% 0;
}

.catid_51 .microsite_content_box h4 span{
    padding: 2% 2% 2% 2%;
    display:inline-block;
}

.catid_51 .microsite_content_box:nth-child(2n+1) h4 span{
    background: #222;
    color: #fff;
}

.catid_51 .microsite_content_box:nth-child(2n) > div{
    background: #ed1b24;
    color: #fff;
}

.catid_51 .microsite_content_box:nth-child(2n) h4 span{
    background: #bd1014;
    color: #fff;
}

.catid_51 .microsite_content_box p{
    padding: 0 50px 12px 30px;
    text-align: left;
}
.catid_51 .microsite_content_box p:first-of-type{
    padding: 20px 50px 12px 30px;
    text-align: left;
}
.catid_51 .microsite_content_box p:last-child{
    padding: 0 50px 12px 30px;
    text-align: left;
}

.news .oblast_sadrzaja{display: flex;}
.news #coll_left{display: none;}




    

.page.catid_45 #coll_middle{width: 70%; margin: auto; text-align: center;}
.page.catid_45 #coll_middle h1{margin: 10px 0;
text-align: center;
color: #ec1a22;
padding: 10px;
font-size: 32px;}
.page.catid_45 #coll_middle .form_container{margin: 0 0 30px 0}
.page.catid_45 #coll_middle h3{color: #ec1a22; margin: 10px auto}
.page.catid_45 #coll_middle .form_container label{display: block;margin: 10px 0}
.page.catid_45 #coll_middle .form_container input{display: block; margin: auto; padding: 5px 10px; width: 30%;}
.page.catid_45 #coll_middle .form_container #dugme_login{background:#ec1a22; border: none; color: #fff; display: block; margin: 20px auto; padding: 8px 5px; box-sizing: border-box; cursor: pointer; font-size: 18px }

#coll_middle .uputstvoHerz{text-align: left;}
#coll_middle .uputstvoHerz a{color: #ec1a22; line-height: 1.5em}
#coll_middle .uputstvoHerz p{margin-top: 10px;}
#coll_middle .uputstvoHerz ul li{font-size: 16px; padding-bottom: 15px; line-height: 1.5em}


/*podno grejanje*/
.catid_61{ background: #d6d6d6;}
.catid_61 #coll_middle{width: 100vw; background: #d6d6d6;}
.catid_61 .baner_grejanje { position: absolute; top: 0px; right: 20px }
 .podno_grejanje_articlelist{
	_width: 90%;
	margin: 50px auto; 
	 border-collapse: collapse;
	 background: #fff5;

}

.podno_grejanje_articlelist th{
	text-align: left;
	padding: 10px;
		 border: solid 1px 
}

.podno_grejanje_articlelist td{

		 border: solid 1px
	
}
.podno_grejanje_articlelist td:nth-child(2){
		padding: 10px;
}

.catid_61 .podno_grejanje_articlelist td a{
	font-size: 18px;
	color: #ec1a22;
	display: block;
	padding: 10px;


	
}
.catid_61 .podno_grejanje_articlelist td a:hover{
	background: #dddd
}