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('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 {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 rgba(0,0,0, 0.5);
    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;
}

.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: 150px;vertical-align:top;font-size:initial}

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


/*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:last-child{

    position: absolute;
    right: 60px;
    top: -10px;
 
}

.glavni_meni > ul > li:last-child a{
    border: none;
}

.glavni_meni > ul > li:last-child:hover{
    background: none;
    color: #a1a1a1;
}

.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:54px; ;width:140px; 
    background: rgba(255,255,255,.9);
    padding:10px
   
}
.meni_jezici:after{
    content:"Choose Your Region";
    display: block;
    position: absolute;
    top:-32px;right:40px;
    border:1px solid #eee;
    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*/
.index .row-2{
    background: #efefef !important;
    height: auto !important;
    padding: 60px 140px !important;
}
.index .row-2 .boxContainer-1{
    width: 1200px !important;
    margin: auto !important;
    display: block !important;
}
.index .row-2 .boxContainer-1 > div{
    display: inline-block;
    width: calc(50% - 20px);
    margin: 10px;
    vertical-align: top;
}
/*kraj POCETNA*/

/*KATALOG ROOT*/

.katalog.catid_1 .sideCatNav, .katalog.catid_1 .catSubitems{
    display:none!important;
}
.katalog.catid_1 .oblast_sadrzaja{width:1308px;}
.katalog.catid_1 .katalog_prikaz {width:100%;}
.katalog.catid_1 .katalog_prikaz ul {counter-reset: section;}
.katalog.catid_1 .cat_item{
    width:100%;
    background:#dc1414;
    border-bottom:1px solid #fff;
    font-size:0;
    position:relative;
}
.katalog.catid_1 .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 {
    border-bottom:0px solid red;
}
.katalog.catid_1 .subcatsInCat {width:68%;display:inline-block;vertical-align: middle;}

.katalog.catid_1 .subcatsInCat li{
    padding:8px 25px 8px 0px;
    font-size: 14px;
    box-sizing:border-box;
    width: 250px;
    height: 60px;
    vertical-align: middle;
}
.katalog.catid_1 .visible{
    overflow: hidden;
}
.katalog.catid_1 .invisible {padding:0;}
.katalog.catid_1 .visible li {display:inline-block;text-align:left;}
.katalog.catid_1 .visible li a {color:#fff;}
.katalog.catid_1 .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;
}
.katalog.catid_1 .cat_item .catImage img{width:100%; height:auto; transition:all 0.2s ease-in-out;}
.katalog.catid_1 .cat_item .catImage img:hover{ transform: scale(1.06);}
/*
.katalog.catid_1 .visible li a:after {content:","}
.katalog.catid_1 .visible li:last-child a:after {content:""}
*/

/* 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:14px; 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:1008px;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;}
.katalog .katalog_prikaz {width:768px;border-top:1px solid red}
.katalog .naslovTabelaArtikala {margin:15px 0;font-size:32px;}
.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
}
.catid_1 .katalog .katalog_navigacija{display: none}
.katalog .katalog_navigacija {width:240px;border-top:1px solid red}
.katalog .kategorije ul {padding:10px;box-sizing:border-box;}
.katalog .kategorije ul li {list-style:none;padding:4px 0;}
.katalog .kategorije .cat_item {
    background: #dc1414;
    border-bottom: 6px solid #fff;
    position:relative;
}

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

.katalog .kategorije ul li a {text-decoration:none;color:#fff;}
.katalog.catid_1 .catImage{
    display: inline-block;
    width: 25%;
    vertical-align: middle;
    padding: 3%;
}
.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;}

.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 {}
.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 {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;}
.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 .catalogueItemText:before{
    width:100%;
    position: absolute;
    content:"";
    height:1px;
    bottom:110px; left:0;
    background: #caa;
}

.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 .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 {background: #444;cursor:pointer;position:relative;   margin-top:30px}
.katalog .toggleMode span {color:#ccc}
.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 p{
    box-sizing: border-box;
    width:90%;
    padding: 20px
}
.prodMoreDescriptionInner li{
    margin:0 2em;
}
/*PRODUCT PROPERTIES*/
.product_properties{text-align:left; margin-top:20px}
.product_properties li{
	list-style: none;
display: inline-block;
	vertical-align: middle;
	margin:0;
	margin:0 10px
}
.product_properties li img{
	display: block;
	width:100%;
	width:100px;
}
.product_properties li img[src*="kiwa"]{
	height:100px; width:auto;
}
.prodMoreDescriptionInner img,.imageInside img{display: block; width:100%;}

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

.katalog .proizvod .prodOpis > h2 {padding:10px 0px 100px 0px;color:#f00;}
.katalog .proizvod .prodOpis h2 {padding:10px 10px 10px 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{
    border-bottom:1px dashed #ccc;
    padding:10px 0px 10px 0px;
    font-size:1.5em;
    font-size:24px;
}

/* 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;background:#efefef} 
.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 {}

.articleTable {}
.articleTable tr{}
.articleTable th{
    border: 0px solid red;
    padding: 5px 10px 5px 10px;
    background: #CCC;
    color: #565656;
    font-size: 11px;
    text-align: center;
}
.articleTable .coll_add{
    display: none;
}

.articleTable th:nth-child(5),.articleTable td:nth-child(5){
    width:200px;
    font-size: 12px;
}
.articleTable th:nth-child(5) ul,.articleTable td:nth-child(5) ul{
    width:100%;
    display: table;
    table-layout: fixed;
}
.articleTable th:nth-child(5) li,.articleTable td:nth-child(5) li{
    list-style: none;
    display:table-cell;
}
.articleTable .coll_qty, .articleTable td:nth-child(2) {display:none;}
.articleTable td {
    border: 0px solid red;
    padding: 3px 15px 3px 15px;
    background: #dbdbdb;
    font-size: 11px;
    text-align: center;
    height: 34px;
}

.articleTable td:last-child{
    display: none;
}

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

/* STRANICE OPSTE */
.pageBody {padding:0 20px 0 10px;}
.bocniMeniStrane .markerStrane {
    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:justify;font-size:16px; /*! line-height:1.6em; */}
.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 */
.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: block;
    padding: 10px;
    text-decoration: none;
}

.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 .pageBody {
    margin-right: 20px;
    margin-bottom: 20px;
    padding:0px;
    max-width:900px;
}
.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;
}
.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;
}
.news .pageBody H2 {
  font-size:16px;
  color:#ec1a22;
  margin-bottom:10px;
}
.news .pageBody H3 {
  font-size:18px;
  font-weight:bold;
  color:#4d4d4d;
}
.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
  }

.news #brochures_UK{font-size: 30px;text-align: center;margin-bottom:42px;}
.news .brochure{display: flex; flex-wrap: wrap;margin-bottom:64px;}
.news .brochure .inner_box { width:300px;height:320px; }
.news .brochure .inner_box img{transition: all 0.2s ease-in-out;width:240px!important;margin-left:34px;}
.news .brochure .inner_box a img:hover{ transform: scale(1.1);}
.news .brochure h4{text-align: center; padding-bottom:12px}
.news .brochure p{text-align: center}
.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;
}

/*terms of use*/
.page ol{
    counter-reset: item;
}
.page ol li{
    position: relative;
    display: block;
    padding: 4px 0;
}
.page ol li:before{
    content: counters(item, ".")". ";
    counter-increment: item;
    position: absolute;
    right: 4px;
    margin-right: 100%;
}
/*end terms of use*/

/*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;   
}
.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 {
    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;}

.bookshelf .downloadIframe{width: 100%;height: auto;}
.bookshelf .downloadIframe iframe{width: 100%;height: 1100px;}

.hightlightText{
    background: yellow;
}

/*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*/
  
.news .lista_novosti {
  
    display: flex;
    flex-wrap: wrap;
   
}
.news .lista_novosti li{
    
    width:305px;
    height:230px;
    padding:2px;
    margin:5px 0px 5px 5px;
    overflow:hidden;
}
.news .lista_novosti .img img{
    display: inline-block;
    height: 70px;
    width: auto;
}
.news .lista_novosti .info a{
    color: #333;
    font-size:14px;
    display: block;
    padding-bottom: 6px;
    text-decoration: none;
    line-height:1.6em;
}
.news .lista_novosti .info a:hover{
    text-decoration: underline;
}
.news .lista_novosti .antrafile{
    font-size:13px;
    color:#696969;
    line-height:1.6em
}
.news .lista_novosti .antrafile a{
    font-size: 12px;  
    color:#696969;
    display: inline;
    text-decoration: underline;
}
.news .lista_novosti .info  h2 a{
  line-height:22px;
  font-weight:200;
    font-size:18px;
    padding: 10px 0
}

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

/* CONTACT */
.kontakt #map-canvas {
    width:100%;
    height:300px;
}
.kontakt .podaci-uk {
    position: relative;
}
.kontakt .map-closer{
    width: 100%;
    height: 600px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
.kontakt .map-closer img{
    width: auto;
    height: 100%;
}
.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 .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;}

.kontakt #contactForm > *{
    display: block;
    width: 40%;
    margin: 8px 0;
    padding: 2px 0;
}
.kontakt #contactForm input, .kontakt #contactForm select{
    padding: 8px;
    box-sizing: border-box;
}
.kontakt #contactForm input:focus, .kontakt #contactForm select:focus, .kontakt #contactForm #infoBox:focus{
    outline: 2px solid #ccc;
}
.kontakt #contactForm #infoBox{
    border: 1px solid #ddd;
    box-sizing: border-box;
    height: 200px;
}
.kontakt #contactForm #infoSubmit{
    width: 12%;
    border: 1px solid red;
    box-sizing: border-box;
    background: red;
    color: #fff;
    padding: 12px;
    margin: px 0 0 0;
}
.kontakt #contactForm #infoSubmit:hover{
    background: #ff3333;
    border: 1px solid #ff3333;
    cursor: pointer;
}
.kontakt .error{
    outline: 2px solid red;
}


/* 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 .page-cID{
    font-size:initial;
    width:100%;
    vertical-align: top;
    padding: 18px 10px;
    box-sizing:border-box;
    list-style-type: none;
    text-align: center;
}
.page.catid_37 .pages .page-cID .info h2{}
.page.catid_37 .pages .page-cID .info a{
    font-size: 30px;
    color: #ec1a22;
}
.page.catid_37 .pages .page-cID .img{
    display: none;
}
.page.catid_37 .pages .page-pID{
    font-size:initial;
    width:25%;
    display:inline-block;
    vertical-align: top;
    padding:4px 10px;
    box-sizing:border-box;
}
.page.catid_37 .pages li .img{overflow: hidden;}
.page.catid_37 .pages li .img img{transition:all 0.3s ease-in-out;}
.page.catid_37 .pages li .img img:hover{transform: scale(1.1)}
.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;}
.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 .ref-download, .herz_qr_microsite .ref-download{
    font-size: 22px;
    padding: 22px;
}
.page .ref-download:before, .herz_qr_microsite .ref-download:before{
    font-family: icons;
    content: "\f1c1   Download: ";
}

.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 {
  position:fixed;bottom:0px;left:0;right:0;background:#444;
    -webkit-transition: bottom 2s;
  transition: bottom 2s;
    z-index:1000;
    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.html) 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.html) 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.html) 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.html) 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.html') 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.html') 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%;}
.oblast_futera .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: inherit; 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;}

.kolona-4 .socialIcons{
    margin: 0px 0 0px 20px;
    padding: 3px 6px;
    border-left: 1px solid #CCCCCC;
}
.kolona-4 .socialIcons img{width: 14%;}
.kolona-4 .socialIcons img:hover{
    background: #808080;
}

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

/* microsites */

.herz_qr_microsite.catid_39 #coll_middle{
    width:100%;
}
.herz_qr_microsite.catid_39 .skiceNoviProizvodi img{display:block;margin:0 auto;}
.herz_qr_microsite .pageBody p:first-child{
    font-size: 0;
}
.herz_qr_microsite .pageBody p:first-child img{
    display: inline-block;
    vertical-align: top;
}
/* -------------------------------------- */
/* -----------  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:68%;}

    
}
@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;}  
    .index.catid_1 .row-2 .box-4 .homeMore {right: 0; bottom: 0;}
    .index.catid_1 .horizontal-wrapper.row-2 .boxContainer-1 {display:block;width:100%;}
    .index .horizontal-wrapper.row-2 .boxContainer-1 .boxes {display:inline-block; vertical-align: top; width:calc(50% - 10px);}
    .index .horizontal-wrapper.row-2 .boxContainer-1 .box-0.boxes {background:red;display:none;}
    .index.catid_1 .row-2 .box-2 .blankBackground {margin-left:0px;width:100%}
    .index.catid_1 .row-2 .box-2.boxes {height:auto;}
    .index.catid_1 .row-2 .box-2 .text-holder {height:auto;}
    .index.catid_1 .row-2 .boxContainer-1 .box-2 .text-holder p {padding-bottom:35px;}
    .index.catid_1 .row-2 .boxContainer-1 .box-2 .text-holder .homeMore {padding-bottom:0px;}

    .index.catid_1 .horizontal-wrapper.row-2{height:auto;}
    .index.catid_1 .horizontal-wrapper.row-2 > div {padding:20px 0 0 0;}
    .index.catid_1 .row-2 .box-3 {margin:0 auto;}
    
    .index.catid_1 .horizontal-wrapper.row-2 .boxContainer-1 {margin:0;}
    .index.catid_1 .horizontal-wrapper.row-2 .boxContainer-2 {margin-right:20px}
    .index.catid_1 .horizontal-wrapper.row-2 .boxContainer-2, .index.catid_1 .horizontal-wrapper.row-2 .boxContainer-3 {width:calc(50% - 10px);padding-bottom:20px;}
    .index.catid_1 .row-2 .box-3 .picture-holder {width:20%;}
    .index.catid_1 .row-2 .box-3 > div {display:inline-block;vertical-align: top;}
    .index.catid_1 .row-2 .box-3 .text-holder {width:80%;padding-left:20px;}
    .index.catid_1 .row-2 .box-3, .index.catid_1 .row-2 .box-3 .text-holder {height:auto;padding-bottom:40px;}
    .index.catid_1 .row-2 .box-4 {margin:0;}
    .index.catid_1 .row-2 .box-1 {margin-right:20px;}
    
    /* KATALOG */
    
    .katalog .flyOutMenu {right:55px;top:40px;}
    
    .bookshelf .oblast_sadrzaja {width:100%}
    .bookshelf.catid_18 .polica {width:100%}
    .bookshelf.catid_18 .polica h1 {width:100%;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;
}