@charset "utf-8";


*{padding:0px; margin:0px;} 
HTML{width:100%; overflow-y: scroll; }
BODY {width:100%; margin: 0px; padding:0px;  color:#333; font-size:14px; font-family: sans-serif;}
img {border:0px;}
h1,h2,h3,h4 {margin: 0px; padding:0px;}

/*HEADER*/
header{
    position:relative;
    width:100%; height:60px;
}
#MainMenu, .logo {display: none;}
.logo-retina {
    position:absolute;
    width:144px;
    top:0;right:0;
}
.logo-retina img {width: 100%; display:block; border:none}
/*UL*/
.langs {display:none;}
.langs li{
    list-style: none;
    display: inline-block;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    min-width:46px;
    
}
.langs li a{
    display: block;
    padding:14px 10px;
    text-decoration: none;
    text-align: center;
    color:#333;
}
/* END HEADER*/

/* OBLAST SADRZAJA HOME !!! */

.home-page-body .footer {display:block; position:relative; right:0px;}
.home-page-body .footer .toggle-mobile-menu{display: none}
.home-page-body .footertail {display: block; color:#ff3333; text-align:center;}
.home-page-body .footertail a {color:#ff3333;}
.content{ }

.home-page-container{display: none;}
.box{}
.box h1 {background: #ff3333;}
.box h1 a, .box a h1{
    text-transform: uppercase;
    display: block;
    font-size:18px;
    padding:10px 0;
    text-align: center;
    text-decoration: none;
    color:#fff;
    font-weight:200;
    line-height: 22px;
}

.box h2 {
    text-align: center;
    padding:6px;
    font-size: 18px;
    font-weight: 200;
}

.newsBoxPicture {
    width:100%;
    display:block;
}
.newsBoxPicture img{
    display:block;
    width: 100%;
}
.box p{
    font-size:15px;
    font-weight:200;
    padding:8px 6px;
}

.pretrazivacHeder{ background: #ff3333;}
.pretrazivacHeder form{
    height: 90px;
    display:block;
}
.pretrazivacHeder form input{
    display: block;
    width:60%;
    margin:auto;
    padding:10px;
    background: #FCF8DC;
}

.pretrazivacHeder form a{
    display: block;
    margin:11px auto;
    padding:6px 20px;
    width:60px;
    color:#fff;
    border:1px solid #fff;
    text-align: center; 
}

.detaljnijevesti{display:none;}
.produktsuche_bigpic{display:none;}
.box_03 h2{display:none;}
.box_left {display: none;}
#suggestions{display:none!important}
.trackNav{display: none;}
.PageTrackNav{display: none;}
/* END OBLAST SADRZAJA HOME !!! */

/*OBLAST SADRZAJA*/
.bocniMeni{display: none} /*UKLJUCITI KASNIJE !!!!*/
.footer {
    position:absolute; top:0; right:100%;background:#fff; padding:10px; border-right:10px solid #ff3333;
transition: all 1s;
-webkit-transition: all 1s;
}
.footertail {display: none}

.footer .toggle-mobile-menu{
    position: absolute;top:0; right:-70px;
    display: block;
    padding:12px 6px;
    background: #fff;
    width:50px;
    text-align: center;
    text-decoration: none;
    color:#ff3333;
    border: 1px solid #ff3333;
    cursor: pointer;
}

.footer.showMenu{
    right:0px;
}

.footer.showMenu .toggle-mobile-menu{
    right:0px;
}


/*PRESS UND NEWS LISTA*/
.lista_novosti{}
.lista_novosti li{
    margin:6px 0;
    border-top: 1px solid #ccc;
}
.lista_novosti li .img{}

.lista_novosti li .info{
    padding: 10px;
    margin:auto;
}
.lista_novosti li .info h2{}
.lista_novosti li .info h2 a{
    display: block;
    padding:6px 0;
    font-size: 18px;
    text-decoration: none;
    color:#333;
    font-weight: 200;
    border-bottom: 1px solid #ccc;
}
.lista_novosti li .img a{ display:block;}

.lista_novosti li .img a img{
    width:100%;
    display:block;
}
.lista_novosti li .info  .antrafile{
    padding: 10px 0;
    font-weight: 200;
}

/*END PRESS UND NEWS LISTA*/

/*PRESS UND NEWS NOVOST*/

/*END PRESS UND NEWS NOVOST*/




/*KATALOG*/
.katalog{display: block;}
.katalog tbody{display: block;}
.katalog tr{display:block;}
.katalogDesno{display: none;}
.katalogLevo{display: block;}
/* I nivo */
.naslov_kategorije{padding: 10px 0 20px 4px;}
.kategorije{margin-bottom:20px;}
.kategorije ul{display: block;width:100%;list-style:none;}
.kategorije ul li{display: block;float: left; width: 100%; height: 120px;_margin:0 0 10px 0px;border-top:1px solid #ccc;}
.kategorije ul li:last-child{border-bottom: 1px solid #ccc;}
.kategorije ul li img{
    display: block;
    width:100px;
    height:100px;
    margin:10px 4px 0px 0px;
    float: left;
}
.kategorije ul li p a{
    display:block; 
    float: left;
    text-decoration:none;
    color:#333;
    width:45%;
    padding:30px 0 0 5px;
    font-size:14px;
}

/* II nivo */
.proizvodi{width: 100%;display: block;margin: 0;padding: 0;}
.proizvodi li{display: block;float: left; width: 100%; height: 120px;_margin:0 0 10px 0px;border-top:1px solid #ccc;}
.proizvodi li:last-child{border-bottom: 1px solid #ccc;}
.proizvodi li img{ 
    display: block;
    width:100px;
    height:100px;
    margin:10px 4px 0px 0px;
    float: left;
}
.proizvodi li a{    
/*    display:block; 
    float: left;*/
    text-decoration:none;
    color:#333;
/*    width:45%;
    padding:30px 0 0 5px;*/
    padding:15px 0 0 5px;
    font-size:12px;
}
.proizvodi li a .catalogueItemText h3{font-size: 14px;}
.proizvodi li .handle{display: none;}

/* III nivo */
.proizvod{display:block;width:100%;margin:0;padding:0;}
.proizvod .boksNalsov{font-size:18px;font-weight: 200;padding: 6px 0 6px 6px;}
.proizvod .prodTabs .prodTabHeder{display:inline-block;width:100%;border-bottom: 1px solid #ccc;margin-top:15px;}
.proizvod .prodTabs .prodTabHeder li{list-style: none;float:left;height: 35px; border-right: 3px solid #fff;background:#ccc;min-width:70px;text-align: center;padding:14px 2px 0 2px;}
.proizvod .prodTabs .prodTabHeder .tabDugmeAktivno{background: #eee;}
.tabbox2, .tabbox3, .tabbox4{display: none;}
/* I tab */
.proizvod .prodTabs .prodTable{display: block;width:100%;margin-bottom:20px;}
.proizvod .prodTabs .prodTable tr{display: block;}
.proizvod .prodTabs .prodTable .prodSlika{display: block;width: 100%;}
.proizvod .prodTabs .prodTable .prodSlika a{display: block;}
.proizvod .prodTabs .prodTable .prodSlika a .prodMainPic{display: block;width:100%;}
.proizvod .prodTabs .prodTable .prodSlika a .prodPicZoomIco{display: none;}
.proizvod .prodTabs .prodTable h2{font-size:16px;margin-bottom:15px;}
.proizvod .prodTabs .prodTable h1{font-size:18px;margin-bottom:5px;}
.proizvod .prodTabs .prodTable .prodPodaci{display: block;width:100%;}
.proizvod .prodTabs .prodTable .prodPodaci h3{font-size: 14px;margin-bottom:10px;color:#ff3333;}
.proizvod .prodTabs .prodTable .prodPodaci ul{display: block;width: 90%;margin:10px 0 20px 0;padding: 0;}
.proizvod .prodTabs .prodTable .prodPodaci ul li{list-style:inside;padding-left:1em;padding-bottom:5px;font-size:12px;}
.proizvod .prodTabs .prodTable .prodPodaci p{font-size:12px;padding-bottom:20px;}
.proizvod .prodTabs .prodTable .prodPodaci .prodArtikli{display: block;width: 100%;border-collapse: collapse;margin-bottom:10px;}
.proizvod .prodTabs .prodTable .prodPodaci .prodArtikli tr{border:none;display: table-row;}
.proizvod .prodTabs .prodTable .prodPodaci .prodArtikli td{border:1px solid #999;min-width:28px;font-size:12px;text-align: center;padding:4px 2px;background: #ddd;}
.proizvod .prodTabs .prodTable .prodPodaci .prodArtikli th{border:1px solid #999;background: #ccc;font-size:12px;padding:4px 2px;}
.proizvod .prodTabs .prodTable .prodArtikli{display: block;width: 100%;border-collapse: collapse;margin-bottom:10px;}
.proizvod .prodTabs .prodTable .prodArtikli tr{border:none;display: table-row;}
.proizvod .prodTabs .prodTable .prodArtikli td{border:1px solid #999;min-width:28px;font-size:12px;text-align: center;padding:4px 2px;background: #ddd;}
.proizvod .prodTabs .prodTable .prodArtikli th{border:1px solid #999;background: #ccc;font-size:12px;padding:4px 2px;}
/* II tab */
.techData{display: block;width:100%;margin-bottom:20px;}
.techData h3{font-size: 14px;margin:10px 0 20px 4px;}
.techData ul{display: block;width: 90%;margin:10px 0 20px 0;padding: 0; }
.techData ul li{list-style:inside;padding-left:1em;padding-bottom:5px;}
.techData p{font-size:12px;padding-bottom:20px;padding-left: 4px;}
.techData p img{display: block;width:100%;}
.techData p .techDataLightbox{display: block;}
.techData p .techDataLightbox img{display: block;width: 100%;}
/* III tab */
.prodDocsList{display: block;width:100%;margin-bottom:20px;}
.prodDocsList h3{font-size: 14px;margin:10px 0 20px 4px;}
.prodDocsList li{display: block; width: 90%;margin:0 0px 10px 6px;border:1px solid #999;}
.prodDocsList li a{display: block;color:#333;text-decoration: none;padding: 20px 2px 20px 60px;background: url("../../site_images/icon_download_mobile.png") no-repeat scroll 2px 12px; background-size: 44px 44px;}

.povezaniNaslov{font-size:18px;font-weight: 400;padding: 6px 0 6px 6px;}
/*END KATALOG*/

/*FOOTER*/

.futer{}
.foot_nav{}
.foot_nav ul{}
.foot_nav ul li{
    border-top:1px solid #ccc;
    margin:6px 0;
    list-style: none;
}
.foot_nav ul li a{
    background:#ff3333;
    display:block;
    padding:12px;
    color:#fff;
    text-decoration: none;
    font-size:18px;
}

.footertail{padding-bottom: 8px;}
.footertail p{text-align: center; padding-top:6px;}

.zemlje {display: none}

/*?*/
.naslov-menija{ display:none}


/*brisati*/
.footertail{}

/*END FOOTER*/

/*
COLORS
#ff3333;  herz-red
*/

/* Added */
.lead { padding:10px;}
.text { padding:10px;}
.text img { margin:10px auto; display:block; max-width:100%;}
.prodPodaci { padding:10px;} 
.prodPodaci img { max-width:100%} 
.kategorije ul li.cat_item a {display:block; height:100%; text-decoration:none;}
.kategorije ul li.cat_item a:hover { text-decoration:none;}
.kategorije ul li.cat_item a p {
    color: #333;
/*    display: block;
    float: left;*/
    font-size: 14px;
    padding: 15px 5px 0 5px;
    text-decoration: none;
/*    width: 45%;*/
}
.strZaglavlje, .sideMenu { display:none;}
.prodTabs .prodSlika a .prodMainPic{display: block; max-width:100%;}
.prodTabs .prodSlika a .prodPicZoomIco{display: none;}

#comment_form { padding:10px;} 
.half {width:100%;}
label {display:block; padding-top:10px;}
input, textarea {display:block; padding-bottom:10px; width:100%}
textarea {margin-bottom:10px;}

#sitemap ul {padding-left:px;}
#sitemap li>ul {padding-left:10px;}
#sitemap li {list-style: inside}

#author {text-align:center; font-size:9px; background: #ff3333; color: #fff; padding:6px;}
#author a {color: #fff;}

.map { max-width:100%;}

/* .pagination */
.pagination  {
  margin: 10px 0;
  text-align:center;
  display:block;
}
.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;
}

.clear {
    clear: both;
}