@charset "utf-8";
*{padding:0px;margin:0px;font-size:14px; font-family:Arial, Helvetica, sans-serif;}
a {outline: 0;}
header,footer,nav,article,section{display:block;}
body {
  width:100%;
  height:100%;
  margin:0px; padding:0px;
  background:#fff url(site_images/bgnd_skica.gif) repeat-x 100% 0%;
}
p strong, p b {font-size:inherit}
/*OFF ELEMENTS FOR MOBILE*/
.toggle-mobile-menu{display:none;}


header{
  height:160px;
  width:950px;
  margin:auto;
  position:relative;
  background:url(site_images/heder_bgnd.gif) no-repeat 100% 0%;
  border-right:1px solid #ddd;
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

.content{
  width:950px;
  margin:auto;
  border-right:1px solid #ddd;
  border-left:1px solid #ddd;
  background:#fff;
  padding-bottom:7px;
}

.footer{ 
  position:relative;
  background:#e0001a url(site_images/futer_bgnd.gif) repeat-x 0% 0%;
  border-top:0px solid red;
/*  margin-top:7px;*/
  bottom:0;
  width:100%;
  height:200px;
}

/* </ OBLASTI STRANE > */

.logo-retina{display:none;}

/* < ELEMENTI ZAGLAVLJA > */
.logo{
  position:absolute;
  top:0px;
  right:0px;
  _background:url(site_images/logo.gif_) no-repeat 0% 0%;
  display:block;
  height:90px;
  width:207px;
  border:0px solid blue;
}

#MainMenu{
  position:absolute;
  /* top:89px; */
  bottom:0px;
  border:0px solid red;
  padding:17px 0 0 0px;
  margin:0px;
  width:950px;
  background-color: #fff;
}

.admin{
  color:#fff;font-size:11px;position:absolute;top:60px;left:8px;
}

#MainMenu > ul{
  padding:0px;
  margin:0px;
  width: 100%;

  display:-webkit-box;
  display:-moz-box;
  display: box;
  display: flex;
  
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;

  display: -ms-flexbox;/* IE 10 */
  -ms-flex-direction: row;/* vertical = column, horizontal = row */
  flex-direction: row;

}

#MainMenu li{
  padding: 0px;
  list-style-type:none;

  -webkit-box-flex:1;
  -moz-box-flex:1;
  box-flex:1; 
  flex: auto;
  -ms-flex: auto;/* u IE 10 radi kad ima -ms- prefix */

  border-left:1px solid #ccc;
  background:white;
}
#MainMenu li:first-child{
      border-left:0px;
}

/*.no-flexbox #MainMenu li{
  float: left;
  width: 157px;
}*/

#MainMenu a{
  display:block;
  font-size:14px;
  color:#4d4d4d;
  text-decoration:none;
  text-align:right;
  padding:27px 8px 0px 0px;
  border-bottom:12px solid #fff;
  }

#MainMenu a:hover, #MainMenu .active a {border-color:red;}
#MainMenu .dastMeniAktiv{border-color:#ddd;}

/* skida glupi border na linku u FF-u */
.langs{
  position:absolute;
  margin:0px;
  left:8px;
  top:8px;
}
.langs li{
  float:left;
  list-style-type:none;
}
.langs li a{
  display: block;
/*    width: 30px;
  height: 21px;
*/    width: 45px;
  height: 45px;
  font-size:11px;
  color:#ff8383;
  text-decoration:none;
  margin-right:8px;
}

.langs li a:Hover{
  font-size:11px;
  color:#fff;
  text-decoration:underline;
}
.langs li a span{display: none;}
.lng_deu{background: url(site_images/at_aut_zaglavlje.png) no-repeat;}
.lng_eng{background: url(site_images/at_eng_zaglavlje.png) no-repeat;}
.lng_rus{background: url(site_images/at_rus_zaglavlje.png) no-repeat;}

.fb{background: url(site_images/social/fb-g.png) no-repeat;}
.gp{background: url(site_images/social/gplus-g.png) no-repeat;}
.fb:hover{background: url(site_images/social/fb.png) no-repeat;}
.gp:hover{background: url(site_images/social/gplus.png) no-repeat;}
/* </ ELEMENTI ZAGLAVLJA > */

/* < FOOTER > */
.footerwrapper{
  position:relative;
  height:200px;
  border:0px solid yellow;
  margin:auto;
  width:960px;
}

.foot_nav{
   padding:8px 5px 5px 0px;
   list-style-type:none;
   border:0px solid yellow;
   width:220px;
   float:left;
}

.foot_nav LI{
  padding:8px 0px 8px 0px;
  list-style-type:none;
  border-bottom:1px solid #d9d9d9;
  background:url(site_images/kosa_strelica2.png) no-repeat 0% 50%;
}
.foot_nav LI:last-child{

  border-bottom:0px solid #d9d9d9;

}
.foot_nav LI A{
  font-size:11px;
  color:#919191;
  text-decoration:none;
    padding:0px 0px 0px 15px;
  display:block;}

.foot_nav LI A:hover{
  color:#cc2127;
  background:url(site_images/kosa_strelica.png) no-repeat 0% 50%;
}

.footertail{
  position:absolute;
  bottom:5px;
  left:5px;
}

.footertail, .footertail a {
  text-align:left;
  font-size:11px;
  color:#dedede;
}
.footertail #copy a { font-weight:bold;font-size: 14px;}
 #author { float:right; font-size:11px; position:absolute; bottom:5px; right:5px; color:#dedede}
 #author a { font-size:11px; text-decoration:none; color:#dedede}

.mapasveta, .mapasvetaru, .mapasvetaeng{
  position:absolute;
  bottom:16px;
  border:0px solid red;
  width:271px;
  height:176px;
  right:-15px;
}

.mapasveta{background:url(site_images/herz_weltweit_futer.gif) no-repeat 0% 0%;}
.mapasvetaru{background:url(site_images/herz_weltweit_futer_rus.gif) no-repeat 0% 0%;}
.mapasvetaeng{background:url(site_images/herz_weltweit_futer_eng.gif) no-repeat 0% 0%;}

.mapasveta A, .mapasvetaru A, .mapasvetaeng A{
  position:absolute;
  width:271px;
  height:176px;
  border:0px solid red;
}
.zemlje {
  position:absolute;
  border:0px solid red;
  bottom:5px;
  right:10px;
}
.zemlje A{
  width:45px;
  border:0px solid red;
}
.zemlje A IMG{border:none;}

.suggestionsBox {
    position: absolute;
    left: -140px;
    bottom:40px;
    margin: 10px 0px 0px 0px;
    width: 450px;
    background-color: #fff;
    border: 2px solid #000; 
    z-index:1000;
}

.close_suggestions{
    display:block;
    position: absolute;
    right:-8px;
    top:-8px;
    width: 16px;
    height: 16px;
    background: url(site_images/icons/action_delete.gif) no-repeat 0px 0px;
    cursor: pointer;
}
  
.suggestionList{
    margin: 0px;
    padding: 0px;
    height:400px;
    overflow: hidden;
    overflow-y:auto; 
}
  
.suggestionList li {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  cursor: pointer;
  list-style-type:none;
  height:61px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
  
.suggestionList li:hover {background-color: #ddd;}

.suggestionList li img {
  display: block;
  width: 60px;
  padding: 0px;
  margin: 0px;
  float: left;
} 
.suggestionList li div{
   width:370px;
  float: left;
}
.suggestionList li h3 {
  font-size: 14px;
  font-weight: bold;
    padding-left: 6px;
} 
.suggestionList li p {padding-left: 6px;} 

.pretrazivacHeder {
  position:absolute;
  left:10px;
  top:200px;
  width:287px;
  border:0px solid red;
}
.pretrazivacHederForma{
  position: relative;
  padding: 0px;
  margin: 0px;
}
.pretrazivacHederForma .stringPolje{
  border:1px solid #aaa;
  margin-left: 4px;
  font-size: 12px;
  padding: 4px;
  width:275px;
  color:#666;
  box-shadow:0px 0px 3px 2px #ddd inset;  
  background:#fff;  
}

::-webkit-input-placeholder {font-size:12px;}
::-moz-placeholder {font-size:12px;}
:-ms-input-placeholder {font-size:12px;}

.pretrazivacHederForma .stringPolje:placeholder{}

.pretrazivacHederForma .searchDugme{ 
  display:block;
  position:absolute;
  left:80px;
  margin-top:10px;
  width:110px;
  height:36px;
  
  border:1px solid #aaa;
  border-radius: 6px;

  font-size:22px;
  color:#999;
  text-align: center;
  padding-top: 8px;
  background: #f5f6f6;
}
 /* </ FOOTER > */

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

/*PRESSEINFORMATION*/
/*class pressinfo*/
.pressinfo {
    list-style:none;
    margin:0 10px;
}
.pressinfo li {
    border-bottom:1px solid #ccc;
    margin-top:10px;
    padding-bottom:6px;
    _border:1px solid red;
    position:relative;
    min-height:172px;
    width:640px;
}
.pressinfo div{
    font:12px/14px Arial;
    color:#363636;
}
.pressinfo a{
    font:14px/16px Arial;
    color:red !important; padding:0px; margin:0px;
    
}
.pressinfo .img {
    width:160px;
    float:left;
}
.pressinfo .img img {width:125px;}

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

.pressinfo .moreinfo:before{
   font-family: 'FontAwesome';
    content:'\25ba';   
    color:red;
    padding:0 6px;
}
.pressinfo .publish_date{
    color:red;
    margin:7px 0;
}
.pressinfo .antrafile{
    position:absolute;
    top:84px;left:0px;
    width:600px; 
}

/*PRESSEINFORMATION - STRANICE*/
/*class presseinformation-art*/

.presseinformation-article #pageBody p{
  width:660px;
  padding:6px 0;
  line-height:17px;
}

.presseinformation-article #pageBody h3 {
  font-weight:200;
  font-size:16px;
}

.presseinformation-article .pdfdoc {
  _display:none;
  float:right;
  margin-right:10px;
}

.presseinformation-article #pageBody .creator-name{
  color:#000;
  font-weight:600;
  margin:0; padding:0;
}
.presseinformation-article #pageBody .herz-armaturen{
 _color:red;
 _font-weight:600;
 margin:0; padding:0;
}

.presseinformation-article .vertical-spacer-medium {
  margin:6px 0 6px 0;
  height:1px;width:100%;
  background:red;
}

.presseinformation-article table {
  margin:0 0 10px 10px;
}
.presseinformation-article table td {
  padding:2px 0 1px 0;
  color:#363636;
}

.presseinformation-article .presse-source{
  float:left;margin:0; padding:0;
 margin:0 20px 10px 0;
 }
 
 .presseinformation-article #pageBody .presse-source p {
   width:auto;
   font-size:10px;margin:0; padding:0;
 }

/*NOVOSTI HERZ*/
  
.lista_novosti li{
  float:left;
  width:205px;
  height:230px;
  padding:2px;
  margin:5px 0px 5px 5px;
  overflow:hidden;
}
.lista_novosti li:hover{
 background:#feefef 
}
.lista_novosti .img img{ 
}
.lista_novosti .info a{
color: #333;
font-size:14px;
display: block;
padding-bottom: 6px;
text-decoration: none;
}
.lista_novosti .info a:hover{
  text-decoration: underline;
}
.lista_novosti .antrafile{
font-size:12px;
color:#696969;
}
.mainContent .info  h2{
  line-height:16px;
  font-weight:200;
}
.mainContent .info p{text-align:left;}

/*KATALOG*/
.proizvod .techDataLightbox { max-width:560px;}
.proizvod .techDataLightbox  img {width:100%}


.zertifikat-right {

    width:120px;
    float:right;
}
.zertifikat-right img{
    width:100%;margin:0; padding:0;
    display:table-cell;
    vertical-align:bottom;
    
}
.katalogLevo .zertifikat-right p{
    margin:0; padding:0; 
    text-align:center;
    font-size:9px;
    line-height:11px;
}






/**************************SADRZAJ.CSS********************************/

.sadrzaj {width:960px; } 
.strZaglavlje {
  position:relative;
  height:33px;
  margin-bottom:10px;
  border-top: 0px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.strZaglavlje UL{
  margin:0px
}
.strZaglavlje UL LI{
  float:left;
  list-style-type:none;
}
.strZaglavlje UL LI A, .strZaglavlje UL li span {
  display:block;  
  padding:10px 5px 10px 10px;   
  font-size:10px;
  color:#6b6666;
  text-decoration:none;
  background:url(site_images/strelica_topmeni.gif) no-repeat 0% 50%;
  text-transform:uppercase;
  border:0px solid red;
}
.strZaglavlje UL LI A:Hover{
  text-decoration:underline;
}
.strZaglavlje .tracknav_home {
  display:block;
    width: 20px;
    height: 20px;
    background: url("../../site_images/icons/home_siva.png") no-repeat scroll 50% 50% transparent;
    padding: 5px;
    border-right: 0px solid red;
}
.strZaglavlje .tracknav_home:hover {
  text-decoration:none;
}

.fullContent {
  width:950px;
  border:0px solid red;
/*  margin-right:15px;*/
  padding-bottom:0px;
  margin-top:10px;
}
.fullContent:after {clear:both;}

.fullContent > P {
  font-size:11px;
  color:#4d4d4d;
  padding-bottom:5px;
  margin-right:10px;
}
.fullContent IMG {
  border:0px;
}
.fullContent TABLE{
  vertical-align:top;
  border:0px solid red;
  width:620px;
}
.fullContent TABLE TD{
  vertical-align:top;
}
.fullContent H2 {
  font-size:14px;
  font-weight:bold;
  color:#ec1a22;
}
.fullContent H3 {
  font-size:12px;
  font-weight:bold;
  color:#4d4d4d;
}

.mainContent {
  width:690px;
  border:0px solid red;
  float:left;
  margin:0px; padding:0px;
}
.mainContent .pageTitle {
  font-size:28px;
  color:#ec1a22;
  margin: 0 0 10px 10px;
  font-weight:200;
}
.mainContent .pageBody, .pageBody {
  padding-left:10px;
  margin-right:10px;
  margin-bottom:20px;
}
.mainContent .pageBody P {
  font-size:14px;
  color:#4d4d4d;
  padding-bottom:5px;
  _text-align:justify;
 
}
.mainContent .pageBody p a{
  font-size:14px;
  color:#ed1c24;
}
.mainContent .pageBody a img {
  border:0px;
  max-width:670px;
}
.mainContent .pageBody table{
  vertical-align:top;
  border:0px solid red;
  width:100%;
}
.mainContent .pageBody table td{
  vertical-align:top;
}
.mainContent .pageBody table td p{
  padding-right: 5px;
}
.mainContent .pageBody h1 {
  font-size:24px;
  color:#666;
  margin-bottom:10px;
  font-weight:200;
  border-bottom: 1px solid #999;
}
.mainContent .pageBody H2 {
  font-size:16px;
  color:#ec1a22;
  margin-bottom:10px;
}
.mainContent .pageBody H3 {
  font-size:18px;
  font-weight:bold;
  color:#4d4d4d;
  
}

article .pageTitle {
  font-size:28px;
  color:#ec1a22;
  margin: 0 0 10px 10px;
  font-weight:200;
  display:block;
}
article p.date { font-style:italic; color:#bbb !important}

td.issue span {border-bottom: 1px solid #999;
    color: #666;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 10px;}

/*OVO PREMESTITI u PAGE.CSS prema novom standardu*/
.mainContent .pageBody UL LI {
  list-style-type:disc;
  padding-bottom:15px;
  color:#4d4d4d;
}


.mainContent .herz-news-article .pageBody UL LI {
  
  list-style-type:square;
  margin: 0 0 0 30px;
  padding:2px 6px;
}

.mainContent .herz-news-article .pageBody table tr td p{
  padding:0 10px 10px 0;
}


.mainContent .pageBody UL LI A{
  text-decoration:none;
  font-size:14px;
  color:#4d4d4d;
}
.mainContent .pageBody UL LI A:hover{
  text-decoration:underline;
}

/*KONTAKTI*/
#pageBody .podaci {
  padding:0px;
  margin:0;
}
#pageBody .podaci H2 {
  font-size:16px;
  color:#ec1a22;
  margin-bottom:10px;
}
#pageBody .podaci h3 {
  padding:10px 0px; margin:0px;
}
#pageBody .podaci UL {
  padding:0 0 0 10px;
  margin:0;
}
  
#pageBody .podaci UL LI {
  list-style-type:none;
  padding-left:25px;
  padding-bottom:0px;
}
#pageBody .podaci UL LI A{
  text-decoration:none;
  font-size:11px;
  color:#4d4d4d;
}
.email{background:url(site_images/icons/icon_email.gif) no-repeat 0% 0%;}
.phone{background:url(site_images/icons/icon_phone.gif) no-repeat 0% 0%;}
.fax{background:url(site_images/icons/icon_fax.gif) no-repeat 0% 0%;}
.informationen{background:url(site_images/icons/icon_informationen.gif) no-repeat 0% 0%;}
.web{background:url(site_images/icons/icon_web.gif) no-repeat 0% 0%;}
.mob{background:url(site_images/icons/icon_mob.gif) no-repeat 0% 0%;}

.sideMenu {
  width:250px;
  float:left;
  margin-top:0px;
}
.sideMenu A{border:none;}

.sideMenu A IMG{
  border:none;
  margin-left:5px;
  margin-top:3px;
}
.sideMenuKuca {
  width:292px;
  border:1px solid red;
  float:left;
  margin-top:0px;
  margin-top:5px;
}
.sideMenuKuca IMG{
  width:290px;
  border:none;
  float:left;
  margin-top:0px;
  margin-top:5px;
}
.bocniMeni {
  border:0px solid red;
}
.bocniMeni UL{
  margin:0px;
}
.bocniMeni UL LI{
  list-style-type:none;
  border-left:2px solid #eee;
  padding:6px;
  
  border-bottom:1px dashed #ccc;
}
.bocniMeni UL LI A{
  text-decoration:none;
  font-size:12px;
  color:#7f7f7f;
  display:block;
  padding:9px 0px 9px 20px;
  border:0px solid red;
}
.bocniMeni UL > LI A{font-size:14px;}
.bocniMeni UL LI A:Hover{color:#e2001a;}
.bocniMeni UL LI UL{margin:0px;}
.bocniMeni UL LI UL LI{
  margin:0px;
  border-left:2px solid #ddd;
}
.bocniMeni UL LI UL LI:first-child{
  margin:0px;
  border-top:1px dashed #ddd;
}
.bocniMeni UL LI UL LI A{
  font-size:12px;
  padding:3px 0px 3px 10px;
}
.bocniMeni UL LI UL LI A:Hover{color:#e2001a;}

.bocni_meni_aktiv{background:url(site_images/bocni_meni_bgnd_over.gif) no-repeat 0% 0%;}
.bocniMeni .markerStrane{border-left:2px solid red;}
.bocniMeni .markerKategorije, .bocniMeni .markerPodStrane{border-left:2px solid red;}
.bocniMeni .markerPodStrane A{color:#e2001a;}

.drzave_naslov{
  margin:20px 10px 20px 10px;
  font-size: 22px;
  font-weight: normal;
  border-bottom:1px solid #f21922;
}
.drzave {
  margin-left: 10px;
}
.drzave LI{
  list-style-type: none;
  width:93px;
  height:100px;
  margin:0px 12px 0px 0px;
  padding:0px;
  float:left;
}
.drzave .info H2 A{
  font-size:12px;
  text-decoration: none;
  color: #666;
  font-weight: normal;
}

.listaHERZNEWSENG {
  width:650px;
}
.listaDownload {
  border:0px solid red;
}
.listaDownload UL{
  border:0px solid red;
  width:650px;
}
.listaDownload UL LI{
  list-style-type:none;
  border-bottom:1px solid #CCC;
  background:url(site_images/folder_download.gif) no-repeat 0% 0%;
  margin:5px 0px 5px 0px;
}
.listaDownload UL LI A{
  font-size:12px;
  display:block;
  padding:5px 0px 8px 40px;
}
.listaDownload UL LI A:Hover{
  text-decoration:underline;
  background:#e2e2e2 url(site_images/folder_download_over.gif) no-repeat 0% 0%;
}
.listaDownloadPdf {
  border:0px solid red;
}
.listaDownloadPdf UL{
  border:0px solid red;
  width:700px;
}
.listaDownloadPdf UL LI{
  list-style-type:none;
  margin:5px 10px 5px 0px;
  width:61px;
  height:95px;
  border:1px solid #c9c6c5;
  float:left;
}
.listaDownloadPdf UL LI:Hover{
  border:1px solid #c9c6c5;
  background:#ededed;
}
.listaDownloadPdf UL LI IMG{
  width:61px;
  height:61px;
  border:0;
  padding-top:3px;
  background:#fff;
}
.listaDownloadPdf UL LI A{
  font-size:12px;
  display:block;
  height:95px;
}
.listaDownloadPdf UL LI P{
  font-size:18px;
  color:#393939;
  padding:9px 0px 0px 10px;
}
.newslevo1{
  width:395px;
  border:0px solid red;
  float:left;
  margin-right:5px;
}
.newslevo1 UL LI{
  text-decoration:none;
  border-bottom:1px dashed #b9b9b9;
  padding-top:2px;
}
.newslevo1 UL LI A{
  color:#646464;
  background:url(site_images/icons/arrow_red.gif) no-repeat 0% 40%;
  border:0px solid red;
    padding-left:15px;
}
.newslevo1 UL LI A:Hover{
  text-decoration:underline;
}
.newslevo1 H3{
  color:#a20900;
  font-size:11px;
  border-bottom:1px dashed #a20900;
  padding-bottom:5px;
  margin-bottom:5px;
  margin-top:5px;
}
.newsdesno{
  float:left;
  border: 0px solid red;width:240px;
}
/* < PROIZVODI KATEGORIJE > */  
/*.prod01,.prod02,.prod03{
  width:311px;
  float:left;
}
.prod01,.prod02{
  margin-right:6px;
}*/

.category {
  width:311px;
  float:left;
  margin-right:6px;
  border-left: 1px solid #ccc;
}
.category.last { margin-right:0px;}
.category .title {  display:block;
  width:100%;
  height:52px; 
}
.category .title:hover { background:#eee;}
.category a.title { font-size:18px; width:100%;
  color:#333;
  font-weight:200; 
}
.category .title img { height:52px; float:left; margin:0 10px;}


/*KATEGORIJE - VERTIKALNI RASPORED*/
/*.kategorija1, .kategorija2, .kategorija3{
    border-left:1px solid #ccc;
    margin-bottom:px;
    padding:0;
    overflow:hidden;
    position:relative;
}
 .kategorija1:hover, .kategorija2:hover, .kategorija3:hover {
    background:#eee;
}
.kategorija1 A, .kategorija2 A, .kategorija3 A{
  display:block;
  width:100%;
  height:52px; 
  padding:18px 0px 0px 90px;
  font-size:20px;
  color:#333;
  font-weight:200; 
}
.kategorija1 A{
  background:url(site_images/regeltechnik.png) no-repeat 3% 0%;
  background-size:60px;   
}
.kategorija2 A{
  background:url(site_images/verbindungstechnik.png) no-repeat 3% 0%;
  background-size:60px;  
}
.kategorija3 A{
  background:url(site_images/versorgungstechnik.png) no-repeat 3% 0%;
  background-size:63px;  
}
*/
/**********************************/
.podkategorije {width:100%;}
.podkategorije UL{border-left:1px solid #ddd;}
.podkategorije UL > LI{
    position:relative;
/*	height: auto;*/
    min-height: 74px;
  border-left:4px solid #fff;
    list-style-type:none;
    padding-bottom:5px;
    border-top:1px solid #ddd; display:block;
	display:block;
}
.podkategorije UL > LI:last-child {
   border-bottom:1px solid #ddd;
}
.podkategorije  ul > li a{
  text-decoration:none;
  font-size:11px;
  display:block;
  padding:0px;
  color:#333;
}
.podkategorije ul > li:Hover > a{
  color:#333;
  text-decoration:underline;
}
.podkategorije ul > li:Hover{
  border-left:4px solid #ddd;
}
.podkategorije ul > li > a img{
  width: 60px;
  float: right;
  }
/*.podkategorije ul > li > img{
  width: 60px;
  position:absolute; right:0; bottom:1px;
  }
*/
.podkategorije ul > li > a span{
  display:block;
  width: 100%;
  margin: 0px 0px 3px 0;
  font-size: 14px !important;
  font-weight:550;
  text-decoration:underline;
}
.podkategorije ul > li > p {
  display:block;    
/*  position:absolute; top:24px; left:0;
  height:auto;*/
  width: 232px;
  margin: 0px 6px 0px 2px;
  font-size: 10px !important;
  border-left:1px solid #ccc;
  padding:0 0 0 3px;
  line-height:12px;
  letter-spacing:-.1px;   
  }
/*.podkategorije ul > li p:after{clear:both;}*/
.podkategorije ul > li p a {
  display:inline;
  color:#666;
  margin:0; padding:1px 2px;
}
.podkategorije ul > li p a:after {content: ", ";}
.podkategorije ul > li p a:last-child:after {content: "";}

.podkategorije ul > li p a:hover{
    text-decoration:underline;
    background:#fee;
}
.podkategorije ul > li p a span{line-height:10px;}
.podkategorije ul > li p a:last-child span{display:none;}
.podkategorije ul li ul{
  border-bottom:1px solid #a9a9a9;
  margin:5px 0px 0px  0px;
}
.podkategorije ul li ul li{}
.podkategorije ul li ul li a{
  border:0px solid red;
  background:none;
  color:#666;
  background:#e6e6e6 url(site_images/strelica_podkategorije_01.gif) no-repeat 1% 50%;
  padding-left:25px;
  font-size:11px;
}
.podkategorije ul li ul li a:Hover{
  background:none;
  text-decoration:none;
  color:#d60018;
  background:#dedede url(site_images/strelica_podkategorije_01_over.gif) no-repeat 1% 50%;
  padding-left:25px;
}
/*KOREKTURA PREMA JEZICIMA*/
/*podkategorije imaju svoj ID u LI*/
.content .fullContent .podkategorije .subcat-deu{}
#sub_1, #sub_2, #sub_3, {}
/*DEU*/
#deu #C-4{height:106px;}
#deu #C-21 {height:128px;}
#deu #C-92 p{ margin-top:20px}
/*ENG*/
#eng #C-21 {height:108px;}
#eng #C-4{height:106px;}
/*RUS*/
#rus .kategorija1, #rus .kategorija2, #rus .kategorija3{height:70px;}
#rus .kategorija1 a{
 padding: 18px 0px 0px 74px;
 font-size:18px;
 }
#rus .kategorija2 a , #rus .kategorija3 a{
 padding: 8px 0px 0px 74px;
 font-size:18px;
 width:220px;
}
#rus #C-13 p, #rus #C-14 p, #rus #C-16 p, #rus #C-106 p, #rus #C-92 p{margin-top:20px}
#rus #C-21 {height:150px;}
#rus #C-4{height:130px}
/* </ SADRZAJ > */

/* <TABELA> */
.tabela {
  width:641px;
  border:0px solid red;
}
/*.tabela TABLE TR{
}*/
.tabela TABLE TD{
  width:641px;
  border:0px solid red;
}
.tabela UL{height:33px;}
.tabela UL LI{
  float:left;
  margin-right:3px;
  background:url(site_images/tab_bgnd.gif) repeat-x 100% 0%;
}
.tabela UL LI A{
  display:block;
  width:130px;
  height:23px;
  text-align:center;
  border:0px solid red;
  color:#0e0e0e;
  padding-top:10px;
}
.tabela UL LI A:Hover{
  display:block;
  width:130px;
  height:23px;
  border:0px solid red;
  color:#FFF;
  background:url(site_images/tab_bgnd_over.gif) repeat-x 100% 0%;
}
.tabela UL LI A.active{
  display:block;
  width:130px;
  height:23px;
  text-align:center;
  border:0px solid red;
  color:#FFF;
  padding-top:10px;
  background:url(site_images/tab_bgnd_over.gif) repeat-x 100% 0%;
}

/*  < TABELA ZA HERZ NEWS >  */
.herznewstbl {
  width:100%;
  border:none;
  margin-bottom:15px; 
  border-collapse:collapse;
}
.herznewstbl caption h2 {
  border-bottom:1px solid #c0c0c0;
  padding:7px 0px 4px 0px;
  list-style-type:none;
  color:#363638;
  text-align:left;  
  font-weight:200;
  font-size:18px;
}
.herznewstbl h3 {
  font-size:18px;
  color:#ec1a22;
  font-weight:200;
  padding-bottom:6px;
}
.herznewstbl h3 a{
    font-size:18px;
    text-decoration:underline;
    color:#ec1a22;
}
.herznewstbl p{
  font-size:14px;
  color:#4d4d4d;
  font-weight:normal;
}
.herznewstbl .issue{
  width: 1%;
  padding: 6px;
}
.herznewstbl .thumbnail {
  width:1%;
  vertical-align: top;
  padding:0px 0px 0px 0px;
  float:left;
}
.herznewstbl .thumbnail img{
  border:none;
  display:block;
}
.herznewstbl .text1 {
  padding:0 12px;
  position:relative;
}
.herznewstbl .text1 p{
  width:450px;
  float:left;
  padding:0 12px;
}
.herznewstbl .pdficon { 
  width:32px;
  height:32px;
  display:block;
  background:url(site_images/icons/pdf_icon.png);
  position:absolute; right:10px; bottom:10px;
}

.herznewstbl .moreinfo {
    margin:6px 0px 0px 0px;
    position:absolute;
    /*top:120px;*/left:16px; bottom:10px;
}
.herznewstbl .moreinfo a {font-size:12px; color:red;}

.herznewstbl .moreinfo:before{
   font-family: 'FontAwesome';
    content:'\25ba';   
    color:red;
    padding:0 6px;
}


#pageBody .thumb {
  float:left;
/*  height:150px;
  width:105px;*/
  margin: 5px 10px 10px 0;}
 #pageBody .thumb img { width:100%;}
#pageBody .text { padding-bottom:20px; position:relative;}
#pageBody .text ul li {
    background: rgba(0, 0, 0, 0) url("../../images/main/bullet-body.png") no-repeat scroll 0 3px;
}
#pageBody .text ul li {
    list-style: outside none none;
    padding: 0 0 0 25px;
}

/*  </ TABELA ZA HERZ NEWS >  */

/*          PITATI!!!           */
  /* template 02  */
#pageBody .pic {
  float:left;
  height:137px;
  width:97px;
  padding:0px 0px 0px 10px;
}
#pageBody .pic img{
  border:none;
  display:block;
}
#pageBody .text1 {
  width:450px;
  float:left;
  padding:0 12px;
}
#pageBody .text1 p{text-align:left;}

#pageBody .pdficon {
  width:32px;
  height:32px;
  display:block;
  background:url(site_images/icons/pdf_icon.png);
}

#pageBody .pdficon {
    bottom: 10px;
    position: absolute;
    right: 10px;
}
/*JOBS UND KARRIERE*/
.poslovi UL{border:none;}
.poslovi UL LI{
  font-size:14px;
  color:#4d4d4d;
  padding-left:15px;
}
.poslovi UL LI A{
border-left:10px solid red;
padding:0 0 0 10px;
display:block;
line-height:18px;
}
.poslovi p{
  font-size:14px;
  color:#4d4d4d;
  list-style:square;
}
#pageBody .jobs-list{}
#pageBody .jobs-description p, #pageBody .jobs-description li  {
font-size:15px;
margin:7px 0px;
color:#333;
}
.pageBody h3{
font-size:18px;
color:#333;
margin:10px 0 20px 0;
}
#pageBody .jobs-description li{
list-style:square;
margin:0px 20px;
padding:4px 0;
}
 
/*.bocniMeniStrane (UL)*/
#pageBody .karriere-jobs-list .bocniMeniStrane{}
#pageBody .karriere-jobs-list .bocniMeniStrane li {
  font-size:14px;
  color:#4d4d4d;
  padding-left:15px;
}
/*IE7!!!*/
#pageBody .karriere-jobs-list .bocniMeniStrane li:first-child{display:none;}
#pageBody .karriere-jobs-list .bocniMeniStrane li a{
  border-left:10px solid red;
  padding:0 0 0 10px;
  display:block;
  line-height:18px;
}
/*  < PRESSEINFORMATION >  */
#pressinformationen h2 {
 font-size:26px;
 background: #ec1a22;
 color:#fff;
 padding:4px 10px;
 cursor:pointer;
}
#pressinformationen-2012-cnt, #pressinformationen-2011-cnt{display:none;}
#pressinformationen-2013-cnt{display:block;}
#pageBody .press-page ul{margin:0;padding:0;}
#pageBody .press-page ul li{
    width:219px;    height:90px;
    float:left;
    margin:1px 2px 1px 0;padding:0;
    border:1px solid #ccc
}
#pageBody .press-page h2{
 background:#C71910;
    color:#fff;
    padding:6px;
    font-size:20px;
    cursor:pointer;
}
#pageBody .press-page .press-logo {
    width:60px;
    float:left;
   border-right:1px solid #ccc;
}
#pageBody .press-page .press-logo img{width:60px;}
#pageBody .press-page .press-clip {
    width:157px;
    float:left;
}
#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;
}
#pageBody .press-page .press-clip h3 a{
    color:#333;
    font:inherit;
}
#pageBody .press-page .press-clip h3 a span{
    color:#333;
    font-size:10px;
    line-height:15px;
}
#pageBody .press-page .press-clip p{
    margin:4px 0 0 4px;
    line-height:12px;
    font-size:11px;
}
#pageBody .press-page ul{display:none}
#pageBody #press-2015 {display:block}
/*  < /PRESSEINFORMATION >  */

/*DOWNLOAD - LISTA DOWNLOAD*/
.content .mainContent .downloads {}
.downloads li {
  display:block;
  margin:0px 20px 10px 10px;
  padding:0px;
  border-bottom:1px dashed #ccc;
  float: left;
  width: 200px;
} 
.downloads li .img a{
  display: block;
  text-align: center;
}
.downloads li .info h2 a {
  display:block;
  height:38px;
  color:#333;
  font-size:16px;
  font-weight:200;
  text-decoration:none;
  text-align: center;
}
.downloads li .info h2 a:hover{color: #CC2127;}
#pageBody .text1 {
  width:450px;
  float:left;
  padding:0 12px;
}
#pageBody .text1 p{text-align:left;}
#pageBody .pdficon {
  width:32px;
  height:32px;
  display:block;
  background:url(site_images/icons/pdf_icon.png);
}
.listaDownloadPdf UL LI:Hover{
  border:1px solid #c9c6c5;
  background:#ededed;
}
.listaDownloadPdf UL LI IMG{
  width:61px;
  height:61px;
  border:0;
  padding-top:3px;
  background:#fff;
}
.listaDownloadPdf UL LI A{
  font-size:12px;
  display:block;
  height:95px;
}
.listaDownloadPdf UL LI P{
  font-size:18px;
  color:#393939;
  padding:9px 0px 0px 10px;
}
.listaDownloadPdf UL LI A:Hover{}

/*REGISTRATOR*/
#myaccount_style{ padding:12px;}
#myaccount_style H1{
	margin:5px 5px 10px 2px;
	color:#cc2127;
	font-size:22px;
}

#myaccount_style .contentTABLE{
	width:100%;
	border-collapse:collapse;
}
#myaccount_style .contentArea{
	vertical-align:top;
	padding:0px 6px 0px 0px;
}

#myaccount_style .menuArea{width:1%;}

.menuArea {vertical-align:top;}
.menuArea UL{margin:0px;	}
.menuArea UL LI{
	width:292px;
	list-style-type:none;
	margin:0px 0px 5px 0px;
    background:url(site_images/bocni_meni_bgnd.gif) no-repeat 0% 0%;
	}
.menuArea UL LI A{
	height:33px;
	text-decoration:none;
	font-size:12px;
	color:#7f7f7f;
	display:block;
	padding:10px 0px 0px 20px;
	}
.menuArea UL LI A:Hover{
	color:#e2001a;
	background:url(site_images/bocni_meni_bgnd_over.gif) no-repeat 0% 0%;
	}
.menuArea .markerStrane{
	background:url(site_images/bocni_meni_bgnd_over.gif) no-repeat 0% 0%;
}

/* < stil za forme > */
.myAcc_container{
	background-color:#eee;
	padding:10px;
}
.myAcc_header{
	color:#333;
	padding:4px;
	text-align:left;
	border-bottom:1px solid red;
	margin:4px 0 12px 10px;
}

.formaMyAcc{
  text-align:right;
  padding:10px 20px 0px 0px;
  width:380px;

}
.formaMyAcc label{
  padding:10px;
}
.myAcc_container input[type="submit"] {
  padding:4px 10px;
  margin:20px 0 0 204px;
}

.formaMyAcc input{
  background:#fff;
  padding:2px 0;
}

.myAcc_container input[type="checkbox"]{ margin:16px 0 0 155px;}
.forma-lista {margin:6px 22px;}
.forma-lista li{font-size:13px;}

.error-message{
  font-size:18px; 
background:#F5F5DC; 
border:2px solid #333;
padding:12px 30px;
margin:0 0 10px 0; 
}


.forgot-password input{
  padding:3px 10px;
   margin:10px
}

/* </ stil za forme > */
/*SVI PROIZVODI*/
.fullContent.svi-prizvodi .prod01,
.fullContent.svi-prizvodi .prod02,
.fullContent.svi-prizvodi .prod03{
  width:100%;
  float:left;
}
.prod01,.prod02{
  margin-right:6px;
}

.fullContent.svi-prizvodi #listaProizvoda{
    background:red;
}
.fullContent.svi-prizvodi #listaProizvoda .catalogueItemText p{
    display:none;
}
.fullContent.svi-prizvodi #listaProizvoda .catalogueItemText h3{
    display:inline-block;
    font-size:11px;
    width:48px;
    height:14px;
    text-align:center;
    overflow:hidden;
    background:#999;
    color:#fff;
}

.fullContent.svi-prizvodi #listaProizvoda li {
    width:48px;
    float:left;
    list-style:none;
    border:1px solid #ccc;
    margin:1px;
}
.fullContent.svi-prizvodi #listaProizvoda img{
    display:block;
    width:48px;
    height:48px;
    cursor:pointer;

}


/*END SVI PROIZVODI*/

/* added */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

.lead {padding:10px 15px; border-bottom:1px solid #ddd; margin-bottom:10px}
.text {padding:10px 15px; border-top:1px solid #ddd; margin-top:10px}
.text p, .lead p{ margin:10px 0;}
.text p:first-child, .lead p:first-child{ margin-top:0;}
.text p:last-child, .lead p:last-child{ margin-bottom:0;}
#comment_form { padding:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#comment_form .center {margin-bottom:10px; font-style:italic; font-size:85%; color:#ec1a22; text-align:center;}
.half {width: 48.9362%; float:left; margin-left: 2.12766%;}
.half:first-child { margin-left:0;}

form input {
	border-radius: 6px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 5%;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cecece;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	width:86%;
}
form input[type="button"] { width:96%; padding:4px 5%; height: 30px; color:#fff; font-weight:bold;
	background: -moz-linear-gradient(100% 100% 90deg, #d50007, #f80007) repeat scroll center center #f80007; /* firefox */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f80007), to(#d50007)); /* chrome, safari */
	background-color: #f80007; /*f80007*/
	background-image: -o-linear-gradient(top,rgb(213,0,7),rgb(248, 0, 7)); /* opera */

}
form input[type="button"]:hover {
	background: -moz-linear-gradient(100% 100% 90deg, #ae3051, #942542) repeat scroll center center #942542; /* firefox */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#942542), to(#ae3051)); /* chrome, safari */
	background-color: #ae3051;
	background-image: -o-linear-gradient(top,rgb(148,37,66),rgb(174, 48, 81)); /* opera */
}
textarea {
	border-radius: 6px;
    display: inline-block;
    height:auto;
	max-height:112px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 5%;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cecece;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	width:86%;
}

label {
    display: block;
    margin-bottom: 5px;
	padding:5px 6px 0;
}
.lead li {list-style: inside}
.lead img { float:right; margin:0 0 5px 10px;}
.lead img.fleft { float:left; margin:0 10px 5px 0;}

.lead ul.download li { list-style:none;}
.download .pdficon {
  display:block;
  background:url(site_images/icons/pdf_icon.png) no-repeat;
  padding-left:38px;
  min-height:32px;
}


.text ul, .text ol {padding-left:20px;}
.text li>ul {padding-left:10px;}
.text li { list-style-position:inside;}
.text img { float:right; margin:0 0 5px 10px;}
.text img.fleft { float:left; margin:0 10px 5px 0;}

.map { width:200px; float:right;}

/* .pagination */
.pagination  {
  margin: 10px 0;
  text-align:center;
}
.pagination ul  {
  display: inline-block;
  *display: inline;

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li  {
  display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span  {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
  color: #999999;
  font-weight:bold;
}
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span  {
  background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span  {
  color: #ec1f27;
  cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover  {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span  {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span  {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.pagination .next-post {display:inline-block;}

.red {color:#ff0000;}
/* end added */

.clearfix  {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after  {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after  {
  clear: both;
}
.clear {
  clear: both;
}