/*MAIN DESKTOP CSS*/
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;}

@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:30px;}

/*OFF*/
.ERRporuka {display: none}
.mobile_baner{display:none!important;}
#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; 
    width: 1308px;  
    min-height:380px;
    font-size:0;
    margin:0 auto;
}
.catid_13 .oblast_sadrzaja{min-height: 540px;}
.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;width: 948px;padding-bottom:20px;font-size:initial;}
#coll_right {display:inline-block; width: 180px;vertical-align:top;font-size:initial}

.flex{display: flex}

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

.breakingNews {background: red; width: 100%; height: 20px; z-index: 100000; top:0; left:0;
position: fixed; color: #fff; font-size: 16px; font-family: sans-serif; font-weight: lighter; letter-spacing:  0.2px;  text-align: center; }



/*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 {
    font-size:16px;
    list-style: none;
    display:inline-block;
    box-sizing: border-box;
    color:#999;
    position: relative;
}
.glavni_meni > ul > li > a{
    display: block; 
    padding: 45px 30px 18px 10px;
    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;
}
.glavni_meni > ul > li >ul{
    position: absolute;
    top:100%;right:0;
   background: #fff;
    width:200px;
    display: none
}

.glavni_meni .glavnisubmeni_active >ul{overflow-x: scroll; height: auto}


.glavni_meni > ul > li >ul > li{
    display: block;
   background: #fff;
    position: relative;
    list-style: none;
    border-bottom:1px solid #ccc;
}


.glavni_meni > ul > li >ul > li a{
    display: block;
    padding: 15px 30px 10px 10px;
    text-decoration: none
    
    
}
.glavni_meni > ul > li >ul li ul{
    display: none;
    background: #fff;
    position: absolute;
    top:0;right:100%;
     list-style: none;
    width:200px;
    border-left: 1px solid #888;
    border-right: 1px solid #888
}
.glavni_meni > ul > li >ul > li ul  li{
    border-bottom:1px solid #ccc;
    position: relative;
}



.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:-20px;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;
    border-top:4px solid #fff;
    list-style-type: none;
    
}
.meni_jezici:hover li{
    display: block;
}
.meni_jezici a {display: block; padding:16px 16px; 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:#777;
    padding:10px 0 9px 0;
    border:1px solid #777; 
    text-decoration:none; 
    text-align:center; 
    box-sizing:border-box;
    cursor: pointer;

    font-size:16px;
}
.buttonStandard:hover{
    background:#aaa;
    color:#fff;
}
/* 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 #888; padding:1px 14px; display:inline-block;box-sizing:border-box;font-size:19px; 
    font-family:sans-serif;letter-spacing: .8px;color:#888;font-weight:lighter;
}
#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: rgba(255,255,255,.7); 
    border: 1px solid #555; 
    z-index:100; 
    display:block;
    left:calc(50% - 287px);
    bottom:auto;
    top:40px; height: 400px; overflow: hidden; overflow-y: scroll
}
.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*/

.index .oblast_sadrzaja {width:100%}
.index #coll_middle {width:100%}
.index .pageBody {padding:0;}

.index p {font-size:15px; }
.index h1{margin: 6px 10px 0 18px; padding: 0; font-size: 40px; font-weight:200; _font-family: 'Exo', sans-serif; }


.index .box-1{
    font-size: 0;
}
.index .box-1 > div{
    display: inline-block !important;
    font-size: initial;
}
.index .box-1 h2{
    /*! white-space: nowrap; */
}
.index .box-1 h3, .index .box-1 p{
    color: red;
}
.index .box-1 .text-holder{
     width: 60% !important;
}




.index .box-1 .media-holder{
    vertical-align: bottom !important;
    text-align: right;
    width: 40% !important;
}
.index .box-1 iframe{
    max-width: 100%;
    width: auto;
    height: 100px;
}




.index .horizontal-wrapper > div a img{display:block; height:auto; width:100%;}
.index .tekst-box-pocetna{color:#fff; padding:10px}
.index .tekst-box-pocetna h2 {color:inherit;}
.index .horizontal-wrapper div h2 a{color:inherit; text-decoration: none; font-size:21px; padding:0 0 6px 0;}

.index .horizontal-wrapper{box-sizing:border-box;width:100%;text-align: center;}
.index .horizontal-wrapper > div a {display:block;;width:100%;font-weight:lighter}
.index .horizontal-wrapper .boxContainer-1,
.index .horizontal-wrapper .boxContainer-2,
.index .horizontal-wrapper .boxContainer-4
{
    display: inline-block;
    width:32%;
    vertical-align: top;
    margin: 16px 2px;
    box-sizing: border-box;
    padding: 10px;

}



.index .float-boxes > div .boxes{
    border:1px solid #ddd;

    
}

.index .horizontal-wrapper div h2{
    font-size:28px;
    padding:20px 0;
    font-weight:lighter;
}
.index .horizontal-wrapper .text-holder{
    padding: 10px;
    box-sizing: border-box;
    min-height: 445px
}
.index .horizontal-wrapper .text-holder h3{
    font-size:24px;
    padding:30px 0 20px 0;
    font-weight:lighter;
    
}


.index .horizontal-wrapper .text-holder h3 + p{
    min-height:160px;
    line-height:1.6em;
    padding: 20px 0 0 0
}
.index .horizontal-wrapper .text-holder quote{
    display: block;
    font-size:14px;
    padding:30px 0 0 0;
}


.index .horizontal-wrapper .picture-holder{
  
    overflow: hidden;
    box-sizing: border-box;
    max-height: 230px;

}
.index .horizontal-wrapper .box-5 .picture-holder{

}
.index .homeMore{
    margin-top:20px;
     width:80px;
}
.index .homeMore a{
    padding:7px 20px;
   
    border:1px solid #888;
    text-decoration: none;
    font-weight:lighter;
}
.index .boxes{position: relative}
.index .boxes .homeMore a{position: absolute; width: 100px; bottom: 10px}
.index .homeMore a:hover{
    background: #ddd
}

.row-9 .map-title h3{
    font-weight:lighter;
	margin: auto;
	text-align: center;
	width: fit-content;
    
}

.row-9 .map-title h3 .icons{
	color: #ff0000;
}
#pageBody .row-9 .map-title a{
    _border-top:1px solid #999;
    padding:30px;
    font-size:30px;
    font-weight:lighter;
    color:#555;
    
}

.index .horizontal-wrapper.videoWrapper {
   
    /*! text-align: left; */
    /*! display: flex; */
    width: 100%;
 
    _background: #444;
	  position: relative;

	  
}
.index .horizontal-wrapper.videoWrapper:before{
    content: "";
    background-image: url('../../cms_upload/pages/files/46_flow_ohneshadow-r.jpg');
    position: absolute;
    background-size: contain;
    background-repeat: repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.25;
	  z-index: -1;
	
}


.videoWrapper > div{
    
flex-basis: 0;
    box-sizing: border-box;
     margin: 0;
    padding: 0;
    border: none;
}
.videoWrapper .add-spacer{
flex-grow: 2;
       color:#eee;
    font-size:28px;
    font-weight: lighter;
    padding:50px;
    line-height:1.6em;

}
.videoWrapper .reduced-size{
    
 display: flex; gap: 10px;
	justify-content: space-between;
	width: 1400px;
	margin: auto;
	_background: red;
	padding: 50px;
   
}
.videoElement{
    font-size: 0;
}

/*HOME KATALOG*/

.index .horizontal-wrapper.row-6{
    width:100%;
    margin: auto;
    box-sizing: border-box;
}

.index .horizontal-wrapper.row-6 .boxes{
    padding: 40px 0;
            width:95%;
        margin:auto;
}
.index .horizontal-wrapper.row-6 .boxes .box{
 
    display: inline-block;     
     
}
.row-6 .boxes .box .text-box{
    display: inline-block;
    width:15%;      
    margin: 0 20px;
    box-sizing: border-box;
    vertical-align: top;
  
}
.index .row-6 .boxes .box .text-box h2 a{
    font-size:15px;
    font-weight:lighter;
}
.index .horizontal-wrapper .front{
    padding:0 10px;
    border-bottom: 1px solid #555;
    min-height: 50px
}
.index .front a{
    font-size:20px;
    color:#555
}
.index .horizontal-wrapper.row-6 .text-box{
    padding:0 0 50px 0;
     width:15%;
}
.index .horizontal-wrapper .back{
    padding:20px
}

.index .horizontal-wrapper.row-6 .text-box img{
    filter:grayscale(.2)
}




/*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,.katalog.catid_1001 .catName{
   
   height:180px;
    font-weight:lighter;
    color:#444;
    padding:20px;
    display:inline-block;
   vertical-align: bottom;
    font-size:initial;
    text-align: right;
    box-sizing: border-box;
    font-size: 18px;
}
.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;
    display: none;
    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;
}
.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:block;text-align:left;width:400px}
.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:rgba(40,40,40,.8);
    font-size:86px;
    font-weight:600;
    position:absolute;top:20px ;left:20px;
    letter-spacing: -8px
}
/* KATALOG NAVIGACIJA */

/*SIDE NAV*/
.sideCatNav{ vertical-align:top; margin-left:0px; width:240px;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:4px 0}
.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:12px; color:#444; text-decoration:none; 
    font-weight:lighter; border-bottom:1px solid #ccc; }
.level-root > a{font-size:14px;}
.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:1208px;margin:0 auto;}
.katalog .oblast_kataloga {width:100%;font-size:0;}
.katalog .oblast_kataloga > div {display:inline-block;
    vertical-align: top;font-size:initial;

}
.katalog .prodDescription p {
    font-size:16px;
line-height:1.6em;
font-weight:lighter}
.katalog strong{font-weight: bold}
.katalog .prodOpis .prodDescription li{font-weight: lighter; line-height: 1.6em; list-style-position: inside}
.katalog .katalog_prikaz {width:960px;border-top:1px solid red}
.katalog .naslovTabelaArtikala {margin:30px 0 15px 0;font-size:22px;font-weight:lighter}
.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;border-top:1px solid red}
.catalogID_1 .katalog_navigacija{border-top: none}

.katalog .kategorije .subcatsInCat > ul {
    display: flex;
    flex-wrap:wrap;
}
.katalog .kategorije .subcatsInCat li{
 
    width:32%;
    vertical-align: top;

}
.katalog .kategorije .subcatsInCat a{
   
}
.katalog .kategorije .subcatsInCat img{
    display: block;
    width:100%;
}

.katalog .catName{
    
    font-size:13px;
    font-weight:lighter;
    text-align: center;
    margin:auto;
    padding:4px  0 0 0;
}
.catalogID_1 .kategorije .catOuter {border-bottom: none}
.katalog .catOuter{
  padding:30px 0 0 0;
  border-bottom:1px solid #ccc;
    margin-bottom: 20px
    
}
.katalog .catOuter a{
    display: inline-block;
    vertical-align: middle;
    padding:0;
}
.katalog .no_break{
     white-space: nowrap;
}

.catalogID_1 .kategorije .catOuter .catName {text-align: left; display: block; width: 100%; font-size: 20px;}
.catalogID_1 .kategorije .catOuter .catImage{filter: none}
.katalog .catOuter .catName{
    width:834px;
    font-size:26px;
    font-weight:lighter;
    border: none;
    padding: 0 0 0 20px;
}

.katalog .catOuter .catImage{
    width:50px;
     filter: grayscale(1)
}

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



.katalog.catid_1 .kategorije .cat_item {
    /*! background: #dc1414; */
    border: 1px solid #666;
    position:relative;
    box-sizing: border-box;
    margin:14px;
    display: inline-block;
    vertical-align: top;
    width:300px;
    height:280px;
    text-align: right;
    letter-spacing:.5px;
}

.katalog.catid_1 .kategorije .cat_item .catImage img{
    display: block;
    width:100%;
}
.katalog.catid_1 .kategorije .cat_item .catImage {
    display: block;
    width:180px;
    margin-left:107px
}

.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) a{color:inherit}
.katalog.catid_1 .cat_item:nth-child(9):before {color:#00523d}
.katalog.catid_1 .cat_item:nth-child(11):before{color:#ed0}

.katalog .kategorije ul li a {text-decoration:none;}
.katalog .cat_item{
    list-style: none
}

.katalog .catName {
    padding:8px 10px;
    text-align: left;display:block;width:100%;
    box-sizing: border-box;
    font-weight:lighter;
    font-size:16px;
}



.katalog .catSubitems {position:absolute;top:10px;right:10px;display: none}
.categoryCID{display:none}

.katalog .subcatsInCat > ul{
    width:876px;
    margin-left:80px;
}
.katalog .subcatsInCat li{
    border: 1px solid #aaa;
    display: flex;
    margin:4px
}
.katalog .subcatsInCat li a{
    display: block;
    font-size:14px;
   
}
.katalog .subcatsInCat .catImage{
    width:140px;
    padding:10px;
    border-right:1px solid #ccc
}
.katalog .subcatsInCat .catName{
    padding:0 40px 0 10px;
    line-height: 1.2em;
}



.katalog .subcatsInCat .invisible {padding:0px;}

.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{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;position:relative}
.katalog .TrackNavPopUp li a{display: block;padding:12px 8px;}
.katalog .TrackNavPopUp li a:hover{
    background: #bbb;
}
.katalog .TrackNavPopUp li:after{
    font-family: icons;
    content:"\f054";
    position: absolute;
    top:10px;right:10px;
    z-index: 20;
    font-size:16px;
    color:#ddd
    
}
.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;
    margin:3px 1px; height: 295px
}
.katalog .proizvodi li:hover{
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);

}
.katalog .proizvodi .catalogueThumbLink{display:block;box-sizing:border-box;padding:20px 0; border-bottom: 1px solid #ccc}
.katalog .proizvodi .catalogueThumbLink img {width:auto;height:auto;max-height:170px;margin:auto;display:block;}
.katalog .catalogueTextLink {text-decoration:none;padding:10px 5px 0px 5px;text-align:center;display:block; }
.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; color:#777;line-height:1.2em;}

.katalog .naslov_kategorije {
    text-align:left;margin:0px auto;font-weight:lighter;line-height:1em;
    padding:14px 0px 12px 4px;
    color:#f33;
    border-bottom:1px solid #f33;
}
.katalog .kratak_opis_kategorije{}

/* KATALOG PROIZVOD */

.katalog .proizvod .prodSlika {width:340px;float:right;padding:40px 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 .prodMoreDescription {float:none;clear:both;}
.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)
}

.katalog .toggleMode {cursor:pointer;position:relative; padding:0; margin:30px 0 20px 0}
.katalog .toggleMode span {color:#555; padding:0; font-size:22px; font-weight:lighter}
.katalog .prodMoreDescriptionInner, .katalog .prodDocsList ul {/*! display:none; */}
.katalog .prodMoreDescText, .katalog .prodDocsListText {display:block;padding:4px 10px;}
.katalog .prodDocsListText {font-size:16px;}
.prodMoreDescriptionInner{
    border-left:4px solid red;

}
.prodMoreDescriptionInner h4{
    padding: 20px
}
.prodMoreDescriptionInner p{
    box-sizing: border-box;
    width:90%;
    padding: 10px 20px;
     font-size:16px;
line-height:1.6em;
font-weight:lighter
}
.prodMoreDescriptionInner li{
    margin:0 3em;
         font-size:16px;
line-height:1.6em;
font-weight:lighter
    
}
.prodMoreDescriptionInner img { display: block;width: 300px; float: right; margin-left: 30px; } 
.imageInside img{display: block; width:100%;}
.prodMoreDescriptionInner table{ margin: 50px; border-collapse: collapse; width:100%; }
.prodMoreDescription table td {padding: 10px;font-size: 10px;font-weight: normal;  }
.prodMoreDescription table tr:first-child{border-bottom:solid 1px red;  }
.prodMoreDescription table tr{border-bottom: solid 1px #cbb; }



.katalog .toggleStrelica{
    display:none;
    transform:rotate(180deg);transition: 1s ease-in-out;position:absolute;top:2px;right:10px;;}
.katalog .toggleStrelica.active {
    display:block;
    transform: rotate(0deg);
    transition: 1s ease-in-out;
}

.katalog .proizvod .prodOpis > h2 {padding:10px 0px 100px 0px;color:#d00; font-weight:lighter}
.katalog .proizvod .prodOpis h2 {padding:40px 10px 40px 0px;font-size:24px}
.katalog .proizvod .prodPodaci p {padding:5px 10px;box-sizing:border-box;}
.katalog .proizvod .prodPodaci h3 {
    font-size: 13px;
    color: #dc0019;
    border-bottom: 1px dashed #dc0019;
    padding: 0px 0px 5px 0px;
    margin-bottom: 8px;
    width:380px;
}
.katalog .proizvod .prodPodaci ul li {list-style:inside}
.katalog .proizvod .prodDescription ul{
    padding:20px;
}
.katalog .proizvod .prodDescription ul li {_list-style:outside;

}
.katalog .proizvod .prodDescription .techDataLightbox {width:400px;display:none;height:auto;margin:10px 0 0 0;}
.katalog .proizvod .prodDescription .techDataLightbox img {width:100%;height:auto;display:block;}
.katalog .proizvod .prodDescription h3 {padding:10px 0}

.katalog .prodArtikli{border:0px; margin:4px 0 20px 0; float:none;}
.katalog .prodArtikli tr{border:0px; }
.katalog .prodArtikli tr th{border:0px solid red; padding:5px 10px 5px 10px; background:#CCC; color:#565656; font-size:11px; text-align:center; }
.katalog .prodArtikli tr td{border:0px solid red; padding:3px 15px 3px 15px; background:#dbdbdb; font-size:11px; text-align:center; }

.katalog .relatedProdsCnt .relatedProdsTitle{
    margin:30px 0 10px 0;
    padding:10px 0;
    font-size:22px;
    font-weight:lighter;
}

/* TABOVI za proizvod */

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

.prodDocsList{padding:11px 0;  list-style-type:none;} 
.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;}
.dwnld-doc-1{
    text-transform: uppercase;
    font-weight:bold;
}

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

.articleTable {
    table-layout:fixed;
    width:100%;
    border-collapse:collapse;
}
.articleTable tr{

}
.articleTable th{
    border-bottom: 1px solid red;
    padding: 5px 10px 12px 10px;
    color: #565656;
    font-size: 11px;
    text-align: center;
}

.coll_catnum,.CodeNum{
    width:80px;
}

.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 {
    border-bottom: 1px solid #cbb;
    padding: 10px 15px 10px 15px;
    font-size: 11px;
    text-align: center;
}
.articleTable td input {width:36px;}
.articleTable .addItemIconBox {cursor:pointer;}

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

}

/* STRANICE OPSTE */
.pageBody {padding:0 20px 0 10px;}
.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;text-align:left;font-size:16px;line-height:1.3em}
.pageBody ul {margin:0px 0 12px 28px;}
.pageBody ul li{list-style:square;padding:2px 0px;font-size:14px;line-height: 1.6em}
.pageBody h3 {font-size:18px;font-size:16px;}
.pageTitle {
    margin: 10px 0;
    text-align: center;
    color: #ec1a22;
    padding: 10px;
    font-size:32px;
}

.pageBody .cs_downloads_ul li{
	list-style: none;
	overflow: hidden;
	height: 180px;
	position: relative;

}
.pageBody .cs_downloads_ul {
	display: flex;
		gap: 30px;
	margin:0px 0px 30px 0px;
    border-top:1px solid #ec1a22;
    padding: 10px 0
	
}

.pageBody .cs_downloads_ul li img{
	width: 120px;
	
}
.pageBody .cs_downloads_ul li .cs_downloads_title{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background:#555;
	padding: 3px;
	width: 100%;
	color: #fff;
	font-size: 12px;	

}


/* ABOUT US */
.floatLeft{
    float:left;
    margin:0 20px 0 0;
}
.floatRight{
    float:right;
    margin:0 0 0 20px;
}
.clear_float{
   float: none; clear:both; 
padding:20px 0;
}

.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 a{
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    margin: 25px;
}

.textOverImage{
    display: block;
    position: absolute;
    right:0;
    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 */

.news .newsImg figure{
    margin: 10px 0 20px 0;
    padding: 0;
}

.news .pageBody .newsImg img{
    width: 450px;
    padding: 0;
    
}

.news .pageBody .newsImg figcaption{
    width: 450px;
    padding: 10px 0;
    font-size: 15px;
}


.news .pageBody {
    margin-right: 20px;
    margin-bottom: 20px;
    padding:0px;
}

.news .pageBody img{display: block; width: 200px; /*! margin: auto; */}

.catid_90 .pageBody img{display: block; width: 600px; padding-bottom: 20px}
.catid_90 .pageBody .events_img {display: flex; justify-content:left; }
.catid_90 .pageBody .events_img img{ display: block; width: auto; height: 300px; margin: 0px 30px 0px 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 .img_full {
    width: 80%;
    margin-bottom: 15px;
}

[pid="2145"] .img_full.wd img{
    width: 500px!important;
    height: auto;
    margin: auto;
    
}

.news .subtitleRed

.news .pageBody .subheadline{
    color: #ec1a22;
    font-weight: bolder;
    font-size: 28px;
    text-align: center;
    margin: 0 0 50px 0;
    padding: 0;
}

.news .pageBody .img_full img{
    width: 100%;
}

.news .pumpfix_flex{display: flex; gap: 20px}
.news .pumpfix_flex p{min-height: 80px;}

.catid_90 .pageBody figcaption {font-size: 16px;}
.catid_90 .pageBody figcaption p{padding: 2px 0px}
.news .pageBody p {
  font-size:16px;
    max-width: 740px;
  color:#4d4d4d;
  padding:14px 0;
    line-height: 1.6em;
}
.news .pageBody li{max-width: 740px}
.news .flex{
  gap:50px;
}
.news .flex img{
    width: 350px;
}

.news .productTable{

    border-collapse: collapse;
    width: 700px!important;
    margin: 50px 0px;
}


.productTable img{
    display: block;
    margin: auto;
}

.news .productTable td{
    border: solid 1px #ddd;
    padding: 8px;
}
.news .productTable th{
    text-align: left;
    border: solid 1px #ddd;
    padding: 8px;
}

.news .pageBody ul li{font-size: 16px;}
.news .pageBody .column p{
  font-size:13px;
  color:#4d4d4d;
  padding:14px 0;
    line-height:1.8em;
    width: 78%;
    font-weight: lighter;
}
.news .pageBody strong{
    _font-weight:lighter;
    line-height:1.8em;
    padding: 20px 0;
    /*! display: block; */
}
.news .pageBody .strong {font-weight: bolder; }

.news .pageBody .column strong{

    font-size:14px;
}

.news .column{
    position: relative;
}

.news .column blockquote{
    position: relative;
float:right;
    padding: 50px 20px 35px 80px;
    _background: #eee;
    width:330px;
    margin: 40px 200px 0px 30px;
    line-height: 1.6em;
    font-size:14px;
    font-weight:lighter;
    box-sizing: border-box;
    color: #5a7070;
}
.news .column blockquote:before{
    content:'\f10d';
    position: absolute;
    top:50px;left:58px;
    font-size:90px;
    font-family: icons;
    color:transparent;
    transform: rotate(180deg);
    
     text-shadow: 2px 2px 4px rgba(0,0,0,0.2);

 
}

.news .pageBody p a{
  font-size:16px;
  color:#ed1c24;
}
.news .pageBody p .fz_normal{
    font-size: var(--fn);
}

.news-image.image-right-float, .image-right-float{
    float: right;
    max-width: 500px;
        padding-left:40px;
    margin:20px 40px 20px 10px
}
.news-image-text.image-right-float{
    display: block;width:400px;
    float:right;
 margin:20px 40px 20px 30px;
    
}
.news-image-text.image-right-float img,
.news-image.image-right-float img{
    display: block;
    width:100%;
}

.news .pageBody a img {
  border:none;
  max-width:670px;
}
.news .pageBody .pdfdoc{width: 300px}
.news .pageBody .pdfdoc img{display: block; width: 100%}
.news .pageBody .flex_img {display: flex; width: 80%; flex-direction: row-reverse;}
.news .pageBody .flex_img p {_flex-grow: 1; }
.news .pageBody table{
  vertical-align:top;
  width:100%;
}

.news .pageBody .more_info a{
	font-size: 16px; color: #4d4d4d;

}
.news .pageBody .more_info a strong {
	display: inline
}

.news .docVrsta7{margin: 50px 0px}
.news .docVrsta7 a {
	background: url(../../site_images/icons/brochure.png) no-repeat 0px 10px;
   background-size: auto;
  background-size: 55px 55px;
  filter: grayscale(1);
	padding: 30px 55px; 
	
}
.news .youtube_video_cnt{
	display: flex;
}


.presseDownload{display: flex;justify-content: space-between;}
.presseDownload>div{width:48%;}
.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;
}

.news .pageBody .subtitleRed{
    background: none;
    border: none;
    color: #ff0000;
    margin: 50px 0 10px;
    padding: 0;
    font-weight: bolder;
}


.news .pageBody H2 {
  font-size:18px;
  color:#ec1a22;
  margin-bottom:10px;
    padding: 10px;
    font-weight: lighter;
}
.news .pageBody H3 {
  font-size:18px;
  font-weight:bold;
  color:#4d4d4d;
    padding: 20px 0;
}
.hzRed{
    color: red;
}

.news .pageBody h3{
    width: 80%;
    line-height: 1.6em;
    font-size: 16px;
}
.news #pageBody h3 a.hzRed {
    font-size: inherit;
    color: inherit;
}
.news-image.image-block{
    text-align: center;
    margin: 40px auto 20px auto;
}
.news .pageBody .img_1933 {width: 700px;}
.news .pageBody .img_1933 img{width: 100%;}

.news .floatImage{
   
    margin:34px 0 20px 30px;
}
.news .pageBody .red_title, .catid_37 .pageBody .red_title{
    color: #ec1a22;
}

.news .floatImage{
    display: block;
    width: 50%;
}

.news .pageBody .img_flex{
    display: flex;
    gap: 30px;
    width: 80%;
    
}
.news .pageBody .img_flex img{
    display: block;
    width: 100%;
}

.news .pageBody .img_flex.size_60{
    width: 60%;
   
}

.news .youtube_video{
	margin: 20px 0px 40px 10px;
}
.news .youtube_video a{
	text-decoration: none;
	display: block;
	
	
}
.news .youtube_video a .icons{
padding-right: 10px;
}

.rightFloat{
     float:right;
}

.news .info_box img{display: blok; width: 620px;}

.news .info_box figurecaption{width: 600px; display: block; padding: 20px 0px; line-height: 1.4em;}
.news .text_main img {display: block; width: 500px;}
.news .text_main figurecaption{display: block; width: 500px; padding: 20px 0px; line-height: 1.4em;}




.hide{
  display:none;
}

.news .messe {
  margin-bottom:4px;
  border:1px solid #ccc;
  margin-right:2px;
  width:217px;
  float:left;
  height:160px
  }
.news .messe .messe-image{ height:64px;vertical-align: top}
.news .messe table{
  width:100%;
}
.news .messe .messe-image{
    /*! width:1%; */
    padding-left:6px
  }
.messe .messe-info{
    width:99%;
    height:0px;
    vertical-align: top!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:2px 10px 10px 10px;
  }

.news .messe-image.rifa img{
	background: #063b6a;
}

.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;
    line-height: 1.2em;
    padding: 0;
   
  }
.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;
  }
/*HERZ NEWS*/

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

.catid_38 .pageBody .herznewstbl{
    padding:70px 26px 10px 16px;
    border:1px solid #ccc;
    position: relative;
    margin:30px 0
}
.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;
    
    
}
.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 */
.download #coll_middle{
    width:1000px;
    background: #eee;
    margin:0 auto 40px;
    display:block;
}
.download .page-pID{list-style: none}
.download.catid_54 .pages{
    display: flex;
    padding: 0 0 40px 0; justify-content: space-around
}
.download.catid_54 .page-cID{
    list-style: none;
    box-sizing: border-box;  width: 30%
}
.download.catid_54 .page-cID:last-child{
    _padding-right:20px;
}
.download.catid_54 .page-cID img{
    display: block;
    width: 100%;
}

.download.catid_54 .info{
    padding: 10px; background: #fff; display: block; box-sizing: border-box; height: 100px
}

.download.catid_54 .info h2{
    padding: 10px 0;
}
.download.catid_54 .info h2 a{text-decoration: none}
.download.catid_55 .pages{padding: 20px; box-sizing: border-box}
.download.catid_55 .page-pID{background: #fff; width:30%; }
.download.catid_55 .page-pID img{display: block;width: 100%}
.download.catid_55 .page-pID .info{padding: 15px 10px ; box-sizing: border-box}
.download.catid_55 .page-pID .info h2{font-size: 22px; font-weight: normal; }
.download.catid_55 .page-pID .info br{display: none}
.download.catid_55 .page-pID a{text-decoration: none}
.download.catid_55 .pages{display: flex; justify-content: center;gap:20px; }

.download.catid_56 .catShortDesc {width: 900px; margin:10px auto 20px; font-size: 20px;text-align: center }
.download.catid_56 .pages{display: flex; flex-flow: wrap;margin: auto; width: 900px; }
.download.catid_56 .page-pID{width: 22%; margin-right: 35px; background:#fff;margin-bottom: 35px}
.download.catid_56 .page-pID:nth-child(4n){margin-right:0; }
.download.catid_56 img{display: block;width: 100%}
.download.catid_56 .info{ padding: 10px;box-sizing: border-box}
.download.catid_56 .info a{text-decoration: none}
.download.catid_56 .info h2{font-size: 14px; font-weight: normal; line-height:1.4em}

.download.catid_57 .catShortDesc {width: 900px; margin:10px auto 20px; font-size: 20px;text-align: center }
.download.catid_57 .pages{display: flex; flex-flow: wrap;margin: auto; width: 900px; }
.download.catid_57 .page-cID{width: 22%; margin-right: 35px; background:#fff;margin-bottom: 35px; list-style: none}
.download.catid_57 .page-cID:nth-child(4n){margin-right:0; }
.download.catid_57 img{display: block;width: 100%}
.download.catid_57 .info{ padding: 10px;box-sizing: border-box}
.download.catid_57 .info a{text-decoration: none}
.download.catid_57 .info h2{font-size: 18px; font-weight: normal}

.download.catid_59 #coll_middle a{display: block; font-size: 22px; padding: 20px; text-decoration:none}
.download.catid_59 #coll_middle a:after{content: "\f019"; font-family: icons; padding-left: 5px}
.download.catid_59 #coll_middle a:hover{text-decoration: underline}

.download.catid_66 .pages{list-style: none; display: flex; justify-content: space-around;padding:0 0 40px; box-sizing:border-box; flex-wrap: wrap;}
.download.catid_66 .page-cID{width: 30%;background: #fff; margin-top: 20px;}
.download.catid_66 .page-cID img{display: block;width: 100%}
.download.catid_66 .info{padding: 10px; box-sizing: border-box;}
.download.catid_66 .info a{text-decoration: none}
.download.catid_66 .info h2{font-weight: normal}

.downloadTable{_width: 100%;}
.download #coll_middle .downloadTable td a{font-size: 16px;display: inline-block}
.download .downloadTable td:first-child{width: 300px}
.download .downloadTable td:first-child a{border: none}
.downloadTable td{width: max-content; padding: 2px; box-sizing: border-box; }
.downloadTable td a{border: 1px solid #333;padding:5px 15px; box-sizing:border-box}


/*BIM-FAJLOVI*/
.bimFajlovi{width: 100%; display: flex; justify-content: space-between}
.bimFajlovi .box{width: 100%;}
.bimFajlovi .box-messblende{width: 100%}
.bimFajlovi h2{border-top: 1px solid #ccc; text-align: center;font-weight: normal; font-size: 18px; border-right: 1px solid #ccc; padding: 10px 5px; box-sizing: border-box; cursor: pointer}
.bimFajlovi h2:first-child{border-left: 1px solid #ccc}
.bimFajls tr td{border: 1px solid #ccc; padding: 7px 5px; box-sizing: border-box; display: flex; height: 80px; 
justify-content: center; align-items: center; font-size:13px}
.bimFajlovi div:first-child td{word-break: break-word; /*! min-width: 400px */}
.bimFajls tr td a{font-size: 16px;}
.bimFajls tr td a:hover{color: #ec1a22}
.bimFajls {border-collapse: collapse; width:100%;}
.bimFajls tbody{ width: 100%}
.bimFajlovi .dwnldTitle{display: none}
.bimFajlovi .box .dwnldItem{padding:  0 10px; box-sizing: border-box;}
.bimFajlovi .bimFajls-eng .dwnldItem{padding: 0 20px; box-sizing: border-box}
.bimFajlovi .box-messblende .dwnldItem{padding:  0 78px; box-sizing: border-box;}
.bimFajlovi .box .trinkwasserarmaturen .dwnldItem{/*! padding: 0 30px; */}


/*FORM*/

.formDiv{width: max-content; margin: auto; text-align: center; }
.formDiv label{display: block;font-size: 20px; margin: 20px 0 10px;}
.formDiv input{display:block;width: 300px; padding:10px; box-sizing: border-box; border:1px solid #ccc; font-size:16px; 
    margin: auto;box-shadow:none}
.formDiv #message{background: #fff; border:1px solid #ccc; resize: vertical; text-align: left; padding:10px; box-sizing: border-box}
.formDiv #submitForm{background: #ff4d4d; margin: 20px auto; width: 200px;font-size: 20px; height: 40px; padding:9px 0;
border:1px solid #ccc; cursor: pointer; color:#fff; box-sizing:border-box}
.formDiv #submitForm:hover{background: #e02226}
.warningText{color:#c03;margin: 10px 0 0; display: inline-block}

/*DOWNLOAD-STRANICE*/

.kesselhausschemata{padding: 10px; box-sizing: border-box}
.kesselhausschemata a{color: #ec1a22;}
.kesselhausschemata p{display:inline-block}
.kesselhausschemata span a{display: inline-block;background: #ff4d4d; margin-left: 20px; width: max-content;font-size: 18px;
    padding:10px;border:1px solid #ccc; cursor: pointer; color:#fff; box-sizing:border-box; text-decoration:none;
text-align:center; vertical-align: text-bottom}
.kesselhausschemata span a:hover{background: #e02226;}

/* BOOKSCHELF*/

.bookshelf .oblast_sadrzaja {
    width: 950px;
    background: #fff;
    width:950px;
    margin:80px auto 20px auto;
}
.bookshelf.catid_18 #coll_middle {
    padding-bottom: 30px;
    border: 0px solid red;
    width: 100%;
    background: #cecece;
    background: -moz-linear-gradient(-45deg, rgba(211,211,211,0.65) 0%, rgba(196,194,199,1) 29%, rgba(159,153,168,0) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(211,211,211,0.65)), color-stop(29%,rgba(196,194,199,1)), color-stop(100%,rgba(159,153,168,0)));
    background: -webkit-linear-gradient(-45deg, rgba(211,211,211,0.65) 0%,rgba(196,194,199,1) 29%,rgba(159,153,168,0) 100%);
    background: -o-linear-gradient(-45deg, rgba(211,211,211,0.65) 0%,rgba(196,194,199,1) 29%,rgba(159,153,168,0) 100%);
    background: -ms-linear-gradient(-45deg, rgba(211,211,211,0.65) 0%,rgba(196,194,199,1) 29%,rgba(159,153,168,0) 100%);
    background: linear-gradient(135deg, rgba(211,211,211,0.65) 0%,rgba(196,194,199,1) 29%,rgba(159,153,168,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d3d3d3', endColorstr='#009f99a8',GradientType=1 );
}
.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;
    background: url(../../site_images/polica.jpg) repeat-y 0 0;
    margin-top: 50px;
    padding-bottom: 0px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    box-sizing:border-box;
}
.bookshelf.catid_18 .polica h1 {
    position: absolute;
    top: -30px;
    left: -1px;
    padding: 5px 0 0 15px;
    height: 30px;
    width: 885px;
    background: #666;
    color: #fff;
    font-family: sans-serif;
    font-weight: 200;
    font-size: 20px;
    letter-spacing: 1px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-top: 1px solid #888;
    border-bottom: 2px solid #ccc;
}
.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: 0px;
    outline: 0px solid red;
}
.bookshelf.catid_18 .polica ul li .img {
    position: absolute;
    background: none;
    top: 0px;
    padding: 0;
    margin: 0;
    margin-left: 0px;
    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 -4px 15px 2px rgba(0,0,0,.5);
    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;}

/* 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: #ff4d4d;color:#fff
}

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

}
.ausschreibungtexte ul li{
  list-style: none
}
.ausschreibungtexte li a{
  text-decoration: none; background: #fff; display: block;text-align: left; font-size: 20px; padding: 10px; box-sizing: border-box;
    margin-bottom: 10px
}
.ausschreibungtexte li a:hover{text-decoration: underline}

/* 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*/
  
.news .lista_novosti li{
  float:left;
  width:305px;
  height:520px;
  padding:12px;
  margin:5px 0px 5px 5px;
  overflow:hidden;
	border:1px solid #ccc;
	box-sizing: border-box;
	
}
.catid_90 .lista_novosti .page-pID {height: 380px}
.news .lista_novosti .img img{ 
}
.news .lista_novosti .info a{
color: #333;
font-size:16px;
display: block;
padding: 10px 0;
text-decoration: none;
min-height: 80px
}
.news .lista_novosti .info a:hover{
  text-decoration: underline;
}
.news .lista_novosti .antrafile{
font-size:14px;
color:#696969;
	line-height:1.6em;
}
.news .publish_date{font-size:12px; padding:0 0 10px 0}
.news .lista_novosti .info  h2{
  line-height:1em;
  font-weight:lighter;
	border-bottom:1px solid #eee;
	margin-bottom: 10px;
}
.news.catid_17 .page-pID .img{
    width:280px;
    height:100px;
    overflow: hidden;
}
.news.catid_17 .page-pID .img img{
    width:100%;
    display:block;
}


#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;
    height: 84px;
}
.downloadMesseTable .icons{
    font-size:30px;

}
.downloadMesseTable .icons:hover{
        text-decoration: none;
}
.downloadMesseTable .icons.largeIcon{
    font-size:50px;
    padding:10px 20px;
    display: block;
}




/****impressum**********/
.impressum_text p{text-align: left;line-height:1.4;padding-bottom:32px;}
.impressum_text p:nth-of-type(7){padding-top: 24px;padding-bottom:3px}
.impressum_text p:nth-of-type(8),.impressum_text p:nth-of-type(9){padding-bottom:3px}
.impressum_text a{text-decoration: none;color:#ec1a22;}
.impressum_text h3{padding-bottom:4px;font-size:20px;}
.impressum_text h3:first-of-type{padding-top:20px}
.impressum_text h2{padding-bottom:4px;}
/* JOBS */

.jobs .joblogo{margin:30px auto; width: 230px;}
.jobs .joblogo img{width: 100%;display: block;}

.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;
}

/* CONTACT */
.kontakt #map-canvas {
    width:100%;
    height:300px;
}
.kontakt #pageBody p {margin:0;font-size:14px;}
.kontakt #pageBody li {list-style:none;position:relative;}
.kontakt #pageBody li p {padding:0;}

.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/icon_email.gif) no-repeat 0% 0%;}
.kontakt .phone:before{background:url(../../site_images/icons/icon_phone.gif) no-repeat 0% 0%;}
.kontakt .fax:before{background:url(../../site_images/icons/icon_fax.gif) no-repeat 0% 0%;}

.kontakt .informationen:before{background:url(../../site_images/icons/icon_informationen.gif) no-repeat 0% 0%;}
.kontakt .web:before{background:url(../../site_images/icons/icon_web.gif) no-repeat 0% 0%;}
.kontakt .mob:before{background:url(../../site_images/icons/icon_mob.gif) no-repeat 0% 0%;}
*/

.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 .web:before{background:url(../../site_images/icons/icon_web.png) no-repeat 40% 65%;background-size:80%!important;}

.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;}
.JahreImg{width: 200px; float: left; margin-right: 20px}
.JahreImg img{width: 200px; display: block}
/* REFERENCES */




.catid_37 .pageBody .inner_width {
    width: 900px;
    margin: 30px auto;
}
.catid_37 .pageBody h3{
    margin: 15px 0px;
    line-height: 1.5em;
    font-weight: bold;
     letter-spacing: -.3px;
}

.catid_37 .hzRed{
    color:#ec1a22;
    letter-spacing: -.2px;


}

.catid_37 .pageBody ul li {
   font-size: var(--fn);
    padding: 4px 0px;
}

.catid_37 .inner_width .image_flexbox img, .catid_37 .inner_width .img_full img{
    display: block;
    width: 100%;   
    margin-bottom: 20px;
}
.catid_37 .youtube_video_cnt{
    width:100%;

    margin: 30px auto;
}
.catid_37 .youtube_video{
    width:100%;
}
.catid_37 .youtube_video iframe{
    width:100%;
}
.page #map-canvas {width:100%;height:300px;}
.page.catid_37 #coll_middle {width:100%;}
.page.catid_37 .pages{
    font-size:0;
 
}

.page.catid_37 .pageBody, .catid_37 .embdgallery_wrapper{

    width: 900px;
    margin: 30px auto;
}

.page.catid_37 p{
    line-height: 1.8em;
    max-width: 900px;
    text-align: justify;
    letter-spacing: -.3px
}
.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;background: #fff;}
.page.catid_37 .pages li .info h2 a {font-size:18px;text-decoration: none;background: #fff; }
.page.catid_37 .pages li .info {font-size:16px}
.page.catid_37 .pages li:last-child{display:none;}
.catid_37 .page-pID img {display:block;width:100%;height:auto; }
.catid_37 .page-pID .img  { height:178px; overflow: hidden  }
.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}

.embdgallery li{
    list-style: none;
}

#pageBody h3 a {
    color:#dd6666;
    text-decoration:none;
    line-height:1.3em;
    text-align: left;
}
.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;
}

.pageBody .image_flexbox {display: flex; gap: 20px; margin-bottom: 30px;}
.pageBody .image_flexbox img{display: block; }
.pageBody .size_25 img{ width: 300px}
.pageBody .subheadline_red {text-align: center; color: #ec1a22; margin-bottom: 30px; 
    font-size: 26px; font-weight:normal!important}

.catid_37 .inner_100{
    width: 1000px;
    margin: auto;
}

/* WISHLIST */
.oblast_strane #myaccount_style{
    font-size:14px;
    width:100%;
}

/* WISHLIST CATALOGUE TOOLBAR */

.wishListBar {
  position:fixed;bottom:0px;left:0;right:0;background:#444;
    -webkit-transition: bottom 2s;
  transition: bottom 2s;
    display: none;
}
.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:1000px;margin:auto; display: flex; gap: 30px; justify-content: space-between;}

.kolona-1 ul{
	display: column;
}


.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, .oblast_futera p a {color: #ddd}
.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, .kolona-1 h3 a{font-size: 16px; font-weight: 400;}
.kolona-2 ul , .kolona-3 ul{margin-top: 26px}
.kolona-futer h4 {margin: 0 8px; }
.kolona-futer h3 a,.kolona-futer h4 a, .kolona-4 h3 {color: #aaa; 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; color: #ddd}
.kolona-1 ul , .kolona-4 ul {margin-left: 20px}
.kolona-1 li { font-size: 14px; font-weight: lighter;_padding: 5px 8px; height: 20%}

.kolona-futer ul li a{_border-left: 1px solid #CCCCCC; color: #ddd; display: block; 
    font-size: 14px; font-weight: lighter; list-style-type: none; padding: 12px 8px; text-decoration: none; }
.footerInner .kolona-1 li a{padding: 0px}
.kolona-futer ul li a:hover {color: #666666; }
#nav-mobile{display: none}
.kolona-futer ul {border-left: 1px solid #CCCCCC; height: 150px;}

.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}


.social_media {display: flex; /*! margin: 30px auto; */ margin-left: 5px; align-items: center}
.social_media li a{width: 100%; display: block; border-left: none!important;}
.social_media li:first-child a{/*! border-left: 1px solid #ddd!important; */}
.social_media .icons{color: #ddd; width: 20px }
/*END FOOTER*/

/* microsites */

.herz_qr_microsite.catid_39 #coll_middle{
    width:100%;
}
.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:100%;}
    .katalog.catid_1 .subcatsInCat {width:75%;display:none}
    
}

/*******   < 1280  ********/


@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 { 
        font-family: icons;
        content: "\f0c9"; font-size:28px;display: block; position: absolute; 
        top: -5px; 
        right: 40px; 
        color: #aaa; 
        padding: 6px 16px; background: #fff; box-sizing: border-box; cursor: pointer; z-index: 1000}   
    .meni_jezici:hover {}   
    .meni_jezici li { display:block;vertical-align: top; 
        width:auto;  display:none; border-bottom: none;  list-style-type: none; margin: 0;}    
    .meni_jezici li:first-child{padding-top:30px;}   
    .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:100%}
    .bookshelf.catid_18 .polica {width:900px;box-sizing: border-box}
    .bookshelf.catid_18 .polica h1 {width:900p;box-sizing:border-box;height:40px;}
}

@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;
}

.inline_block1, .inline_block2{
    width: 50%;
}
.inline{
    display: flex;
    direction: row;
    
}


.delete_account_page #coll_middle{
    width:500px; margin: 80px auto;
    background: #eee;
    text-align: center;
    display:block;
    padding: 40px  
}
.delete_account_page form label{
    padding: 20px 0 0 0;
    display: block;
}
.delete_account_page form input{
    padding: 12px
}
.delete_account_page form input[type=submit]{
    background: none;
    border:1px solid #c55;
    padding: 12px 30px;
    color:#c33;
    cursor: pointer;
}
.delete_account_page form input[type=submit]:hover{
    background: #c33;
    color:#eee;
}

/****** LARGE SCREEN  ******/
@media (min-width : 1600px) {
    
    .index .horizontal-wrapper.row-2 {
        width:1280px!important;
    }  
    
    
}

/* EMERGENCY */

.baner_slide_description .homebannertext{
    background: rgba(255,255,255,.7);
}
.homebannertext ul{
    padding:30px;
    display: flex;
}
.homebannertext li{
    display: block;
    padding:20px;   
    }
.homebannertext li p {
    line-height: 1.4em;
    text-transform: initial;
    font-size:18px
}
.homebannertext li p br{
    margin-bottom:16px
}
.homebannertext li p b{
    color:#f33;
}

/*FAJLOVI BIM TEST*/
.fajloviBim table {background: #fff;border-collapse: collapse}
.fajloviBim tr td, .fajloviBim tr th{border: 1px solid #ccc; padding: 5px 5px; box-sizing: border-box; width: 20%;}
.fajloviBim tr th{text-align: left}
.fajloviBim tr td a {display:inline-block; margin: 0 auto;  font-size: 16px; }
.fajloviBim tr td a:hover{text-decoration: underline; color: #c03;}

/*2023-07*/

/*uber uns*/

.isoImages{ display: flex; gap: 50px; flex-wrap: wrap }
.isoImages a{width: 30%}
.isoImages img{display: block; width: 300px;} 

/*2023-08-06*/
/*clever&smart productcatalogye page*/


.cs_manual_cnt .manual_ul li{
	list-style: none;
	margin-bottom: 30px

}
.cs_manual_cnt .manual_ul a{
		display: flex;
    align-items: center;
		 gap: 10px;
	
}

.cs_manual_cnt .manual_ul img{
	width: 100px;
}

.solutions .nav_bar{
	display: flex;
	margin: 40px 0px 0px 0px;
}

.solutions .nav_bar li{
	list-style: none;
	font-size: 18px;
	
}

.solutions .nav_bar li a{
	text-decoration: none;
	padding: 10px;
	background: #fff;
	
}
.solutions .nav_bar li:not(li:last-child) a{
		border-right: solid 1px #5555;

}
/*gallery*/

.galleryCnt {
    
  width: 740px;
  _padding: 20px;
  height: 300px;
  _background: #ddd; 
  display: flex;
  align-items: center; 
  box-sizing: border-box;
  position:relative;

   
}

.galleryCnt.gallScrol{
    overflow: scroll;
}
.landscapeInner {
    display: flex;
    justify-content: space-between;
    gap:40px;

}

.imgCnt{
    height: 250px;
    max-width: 350px;
    overflow: hidden;
 
}

.galleryCnt.gallScrol .landscapeInner img{
   
    width:  auto!important;
    height: 250px;
    object-fit: fit-content;
    display: block;
    
}

.galleryCnt .landscapeInner img{
    width: 350px!important;
    display: block;
}


/* nov proizvod za home page*/

.catid_103 #coll_middle{
    margin: auto;
    display: block;
}

.catid_103 .pageBody p {
  font-size: 16px;
  max-width: 740px;
  color: #4d4d4d;
  padding: 14px 0;
  line-height: 1.6em;
}

.catid_103 .pageBody h3{
  width: 80%;
  line-height: 1.6em;
  font-size: 16px;
  font-weight: bolder;
  padding: 20px 0;
}

.catid_103 .pageBody ul li{
      font-size: 16px;
      color: #4d4d4d;
      padding: 5px 0;
      line-height: 1.6em;
    max-width: 740px;
}

.catid_103 .pageBody .img_full{
    width: 740px;
}

.catid_103 .pageBody .img_full img{
    width: 100%;
    display: block;
    margin: 0 0 20px 0;
}

/*brennpunkt museum*/

.brennpunkt_cnt{position: relative;}

.catid_104 .brennpunkt_cnt p,
.catid_104 .brennpunkt_cnt li,
.catid_104 .brennpunkt_cnt h4, 
.catid_104 .brennpunkt_cnt h3, 
.catid_104 .brennpunkt_cnt .b_info
{padding: 5px 0; line-height: 1.6em;}
.catid_104 .brennpunkt_cnt ol{margin: 0}

.brennpunkt_cnt .brenf .img_full{min-width: 60%}
.brennpunkt_cnt .brenf .img_full{width: 100%;display: block;}

.side_bar_br{position: absolute;top:0px; right: -150px; width:250px; border:solid #dddd; box-sizing:border-box}
.side_bar_br .logo_cnt{width: 200px; margin: auto;}
.side_bar_br .logo_cnt img{display: block;width: 100%}
.side_bar_br .flex_bar{display: flex; gap:10px;}
.side_bar_br .nav_bar{width: 100%;box-sizing:border-box;margin: 0; }
.side_bar_br .nav_bar li {list-style: none; width: 100%; border-bottom: 1px #ddd solid;padding: 10px 3px 10px 8px;box-sizing:border-box}
.side_bar_br .nav_bar li a{font-size: 15px; text-decoration: none;}
.brennpunkt_cnt  .brenn_inner .subtitle {font-size: 24px; color: #ec1a22}
.brenn_inner h4{font-size: 20px}
.brennpunkt_cnt li{line-height: 1.7em}
.brenn_inner p.b_info{line-height: 2em}
.brenn_inner .img_br26{width: 400px;}
.brenn_inner .img_br26 img{display: block;width: 100%;}
.brenn_inner .n_2736 li{list-style: none}
.brenn_inner .img70 img{width: 80%!important;}