@charset "utf-8";
/* CSS KATALOG */
.sideMenu{
  vertical-align:top;
  border-left:1px solid #ccc;
}
.katalogLevo{
  border:0px solid red;
  vertical-align:top;
  margin-top:10px;
  width:735px;
}

.proizvod{
  width:100%;
  margin-top:8px;
  margin-right:15px;
}

/*Iz TinyMCE*/
.Naslov{
  font-size:14px;
  font-weight:bold;
  color:#91aa3e;
}
.prodArtikli{
  border:0px;
  margin:4px 0 20px 0;
  float:none;
  clear:both;
  }
.prodArtikli TR{
  border:0px;
  }
.prodArtikli TR TH{
  border:0px solid red;
  padding:5px 10px 5px 10px;
  background:#CCC;
  color:#565656;
  font-size:11px;
  text-align:center;
  }
.prodArtikli TR TD{
  border:0px solid red;
  padding:3px 15px 3px 15px;
  background:#dbdbdb;
  font-size:11px;
  text-align:center;
  }


/*PRODUCT TAB*/

.prodPodaci{
  font-size:12px;
  color:#666666;
  padding:0px 0px 0px 10px;
  margin-bottom:10px;
  float:left;
  width:400px;
}
.prodPodaci H2{
  font-size:14px;
  margin-bottom:8px;
  color:#333;
  padding:0px 0px 3px 2px;
}
.prodPodaci H3{
  font-size:13px;
  color:#dc0019;
  border-bottom:1px dashed #dc0019;
  padding:0px 0px 5px 2px;
   margin-bottom:8px;
}
.prodPodaci P, .prodPodaci ul, .prodPodaci li, .prodPodaci b, .prodPodaci strong{
  font-size:inherit;
}
.prodPodaci P {
    padding:0px 0px 0px 2px;
  color:#666666;
}
.prodPodaci ul{
    margin:4px 0 6px 20px;
}

.prodPodaci img { max-width:100%;}

.techData ul {
  margin:0;
  }
.techData ul li {
  background:url(images/button_lista_tiny.gif) no-repeat 0% 50%;
  font-size:11px;
  color:#666;
  list-style-position:inside;
  list-style-type:none;
  padding-left:10px;
  padding-bottom:5px;
  }
.techData P{
  font-size:11px;
  color:#666;
  }
/*KRAJ*/


.prodSlika {
  vertical-align:top;
  float:left;
  max-width:250px
}

.prodSlika A.prodMainPicLink{
  border:1px solid #b2b2b2;
  position:relative;
  display:block;
  margin:0px 10px 10px 0px; 
  padding:10px;
}

.prodSlika IMG.prodMainPic{ 
  border:0px; 
  display: block;
  width: 100%;
}

.prodPicZoomIco{
  position:absolute;
  right:0px;
  bottom:0px;
  width:63px;
  height:28px;
  background:url(images/zoom_ico.png) no-repeat;
}

.prodTable h2{
  color:red;
  font-size:18px;
  font-weight:200;
  padding:6px 0;
}
.prodTable h3{
  padding:6px 0;
}


.prodOpis H1{
  color:#dc0019;
  font-weight:bold;
  font-size:14px;
  padding-bottom:5px;
}
.prodOpis H2{
  color:#666666;
  font-weight:bold;
  font-size:13px;

}
.proizvodjac{
  border:1px solid red;
}

.kategorije{
  width:100%;
/*  margin-left:-10px;*/
}
.kategorije H2 A{
  font-weight:bold;
  font-size:13px;
  text-decoration:none;
  margin-bottom:20px;
  color:#333;
  margin:10px 0px 10px 0px; 
}
.kategorije ul { 
  margin-top:10px;
}
.kategorije ul li.cat_item{ 
    position: relative;
    float: left;
    list-style-type: none;

    width: 324px;
    height: 91px;
    cursor: pointer;
    padding: 0px;
    border:1px solid #ccc;

    margin:0px 0px 8px 8px;
    padding:0 0px; 
    background-color: #fff;
	display:block;
}
.kategorije ul li:Hover{ 
  border:1px solid #3a3a3a;
  border-bottom:9px solid #3a3a3a;
}
.kategorije ul li.cat_item a {display:block; height:100%;}
.kategorije ul li.cat_item a:hover { text-decoration:none;}

.kategorije ul li A{ 
  display:block;
  cursor:pointer;
  text-decoration:none;
}

.kategorije li.cat_item IMG {
    display: block;
    width:75px;
    display: block;
    position: absolute;
    top:3px;
    right:3px;
}

.kategorije li.cat_item:hover{
  border:1px solid #d80019;
}
.kategorije li.cat_item P {
    color: #666;
    padding: 2px 2px 4px 8px;
    margin:4px 0 0 0;
    width: 235px;
}
.kategorije li.cat_item P:last-child { font-size:90%}
.kategorije li.cat_item P A{
  color:#666;   
  font-size:17px;
}
.catalogueThumbImage{
  cursor:pointer;
  max-width:133px;
}
.catalogueItemText A H3{
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  color:#ec1f27;
}
.catalogueItemText A{
  font-size:11px;
  text-decoration:none;
  color:#333333;
}
.catalogueItemText P{
  font-size:11px;
  text-decoration:none;
  color:#666666;
}

/*SIDE NAV*/
.sideCatNav{
  border:0px solid red;
  vertical-align:top;
/*  margin-top:16px;*/
  margin-left:0px;
  width:260px;
}
.sideCatNav ul li{
  list-style-type:none;
  margin:0px 0px 0px 0px;
}
.sideCatNav li a {
  display:block;
  padding:10px 0px 10px 10px;
  margin-bottom:0px;
  font-size:14px;
  color:#333;
  text-decoration:none;
  font-weight:200;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
}
.sideCatNav>ul>li>a span {font-size:19px;} /* level-root */
.sideCatNav>ul>li> 							{ border-left:6px solid #eee; background:#fff;} /* level-root */
.sideCatNav>ul>li>ul>li						{ border-left:6px solid #ddd;} /*level-0*/
.sideCatNav>ul>li>ul>li>ul>li				{ border-left:6px solid #ccc;} /*level-1*/
.sideCatNav>ul>li>ul>li>ul>li>ul>li			{ border-left:6px solid #bbb;} /*level-2*/
.sideCatNav>ul>li>ul>li>ul>li>ul>li>ul>li	{ border-left:6px solid #aaa;} /*level-3*/


.sideCatNav li a:hover{ background:#efefef;}

.sideCatNav .markItem {
background:#ccc;
border-bottom:1px solid #000;
font-weight:600;
}


/* Track Nav i PopUp */
.trackNav{
  position:relative;
  margin:0px;
  border:0px dashed orange;
  color:#777;
  z-index:10;
}
.trackNav > a{
  font-size:13px;
  display:inline-block;
  position:relative;
  min-width:113px;
  vertical-align:top;
  text-align:center;
  color:#777;
  text-decoration:none;
  padding: 10px 20px 10px 5px;
  position:relative; /* kljucno svojstvo za normalan rad offsetLeft i offsetTop u DisplayTracNavPopUp() */
  background: url("images/katalog_tracknav_arrow.png") no-repeat 100% 50%;
}
.trackNav a:hover{
  text-decoration:underline;
}
.trackNav .poslednjiTrackNav{
  font-size:13px;
  color:#f00;
  margin-left:8px;
}

.trackNav .TrackNavPopUp{
  position:absolute;
  top:30px;
  border:1px solid #ccc;
  border-top-width:2px;
  width:260px;
}
.TrackNavPopUp a{
  display:block;
  padding:8px 0px 6px 8px;
  background-color:#eee;
  border-bottom:1px solid #ccc;
  text-align:left;
  font-size:13px;
  text-decoration:none;
  color:#333;
}
.TrackNavPopUp a:hover{
  background-color: #666;
  color:#fff;
  text-decoration: none;
}




.proizvodi{
  border:0px solid red;
  width: 100%;
}

.proizvodi li{
border:1px solid #333;
  width:160px;
  height:240px;
      background-color: #fff;
  float:left;
  margin:0px 0px 8px 8px; 
  list-style-type:none;
}
.proizvodi li:Hover{
  border-color:#f33;
}
.proizvodi li A{
  display:block;
  text-decoration:none;
  position:relative;
  height:100%
}
.proizvodi li A IMG{
  display: block;
    margin:0px auto;
  border:0px solid #999;
}
.catalogueItemText>h3{
    font-size:16px !important;
  color:#ec1f27 !important;
  text-decoration:none !important;
}
.catalogueItemText {
  font-size:12px;
  color:#333;
  text-decoration:none;
  padding-left:5px;
  padding-right:5px;
  border:0px solid red;
/*  top:137px;*/
  position:absolute;
  bottom:0px;
  background:rgba(255, 255, 255, 0.7);
}
.catalogueTextLink P{
    font-size:12px;
  color:#ec1f27;
  text-decoration:none;
}
.catalogueThumbLink{
  cursor:pointer;
}
/* search*/
ul#search.proizvodi{
  width:auto; margin:20px auto; float:none; text-align:center; display:block;
}
ul#search.proizvodi li { width:179px;}
/* search*/

/* PRETRAZIVAC */
.pretrazivac .grupaPolja_1 LABEL{
  display:block;
}

.pretrazivac .grupaPolja_1 LABEL{
  margin-left:10px;
}

.dugmici{
  padding:4px;  
}


h1.naslov_kategorije{
  font-size:22px;
  margin:10px;
  font-weight: normal;
  }


/* STRELICE ZA SLEDECI I PRETHODNI PROD */
.nextProd, .prevProd{
  position:absolute;
  bottom:-55px;
  display:block;
  border:0px;
  width:100px;
  height:20px;
  font-family:Verdana, Geneva, sans-serif;
  font-size:10px;
  text-decoration:none;
  color:#999;
  padding-top:8px;
}
.prevProd{
  left:-10px;
  padding-left:24px;
  background:url(images/item_prev.gif) no-repeat 0% 50%;
}
.nextProd{
  right:0px;
  padding-right:24px;
  text-align:right;
  background:url(images/item_next.gif) no-repeat 100% 50%;
}


.boksNalsov {
  font-size:22px;
  padding:4px;
  color:#666666;
}

/* TABOVI za proizvod */
.prodTabs{ 
  margin:15px 0px 15px 0px;
}

.prodTabs .prodTabHeder{
  margin:0px;
  padding:0px;
  height:27px;
  position:relative;    
}
.prodTabs .prodTabHeder li{
  list-style-type:none;
  display:block;
  width:130px;
  float:left;
  padding:6px;
  margin-right:5px;
  text-align:center;
  border:1px solid #d2d2d2;
  border-bottom:0px;
  cursor:pointer;
  font-size:11px;
  font-weight:bold;
  color:#666;
}

.tabDugme{
  background:#fff;
  color:#333333;
  /*background:url(../../site_images/bgnd_tabs_.gif) repeat-x 0% 0%;*/
}
.tabDugmeAktivno{
 /*background:url(../../site_images/bgnd_tabs_active.gif) repeat-x 0% 0%;*/
  background:#f1f1f1;
    color:#333333;
  border:1px solid #dc0019;
}

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

.prodTabs .tabbox1{
  display:block;
}
.prodTabs .tabbox2{
  display:none;
}
.prodTabs .tabbox3{
  display:none;
}
.prodTabs .tabbox4{
  display:none;
}
.prodTabs [class*="tabbox"]:after{ 
  clear:both;
}


.techData{
  padding:6px;
}

.techData H3{
  padding:4px;
  font-size:14px;
  color:#666666;
}
.techData ul{
  padding:4px;
  margin-left:20px;
  color:#333333;
}
.techData P{
  padding:4px;
  color:#333333;
}
.techData IMG{
  border:0px;
  max-width:600px;
  height:auto;
}
.techDataLightbox{

}

.prodDocsList{
  padding:11px;
  list-style-type:none;
}
.prodDocsList li{

  border-bottom:1px solid #bababa;
}
.prodDocsList li A{
  color:#686868;
  text-decoration:none;
  font-size:14px;
  display: block;
  padding:10px 12px 10px 40px;
  margin: 3px 0px 3px 0px;
}
.prodDocsList li A:Hover{
  text-decoration:underline;
}
.prodDocsList li P{
  font-size:9px;
  padding:4px;
  color:#333333;
}
.prodDocsList .docVrsta1 a{
  background:url(images/pdf_ico_32px.png) no-repeat 0px 4px;
}
.prodDocsList .docVrsta2 a{
  background:url(images/tool_ico_32px.png) no-repeat 0px 4px;
}
.prodDocsList .docVrsta3 a{
  background:url(images/pdf_ico_32px.png) no-repeat 0px 4px;
}
.prodDocsList li A:hover{
  text-decoration:none;
}
.prodDocsList .docVrsta1 a:hover{
  background-image: url(images/pdf_ico_32px_over.png);
}
.prodDocsList .docVrsta2 a:hover{
  background-image: url(images/tool_ico_32px_over.png);
}
.prodDocsList .docVrsta3 a:hover{
  background-image: url(images/pdf_ico_32px_over.png);
}
/* POVEZANI PROIZVODI */
.povezaniNaslov{
  font-size:12px;
  color:#676767;
  margin:10px 0px 5px 0px;
  padding-bottom:15px;
  padding-left:15px;
  background:url(images/bgnd_povezani.gif) no-repeat 0% 100%;
}


/*BRZI PRETRAZIVAC*/

#brzi_pretrazivac {
  margin: 8px 8px 16px 8px;
  background:none;
}

#brzi_pretrazivac #inputString {
    height:28px;
    width:165px;
    border:1px solid #ccc;
    padding:2px 4px;
}

#brzi_pretrazivac .searchDugme {
display:inline-block;
    color:#333;
    border:1px solid #ccc;
    width:50px;
    padding:8px 6px;
    text-decoration:none;
    text-align:center;
}

/*KOREKTURA PREMA JEZICIMA*/