*{margin:0; padding:0;} 
HTML {width: 100%;}
BODY {font-family:sans-serif; font-size: 14px; width: 100%;} 
.img, img, a img, a {border:none;}
img {width:100%;height:auto;display:block; }
li {list-style:none;}
a {text-decoration:none;}

h1,h2,h3,h4{font-weight:normal;font-family: arial;}


.full-width{width: 100%;display: block;}
#pageBody .reduced-width{width: 70%; 
  margin:0 auto; font-size: 0;
}

.icons {font-family: icons;}

@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}


@font-face{
  font-family: ubuntu;
  src: url(fonts/UbuntuRegular.ttf);
}
@font-face{
  font-family: ubuntuLT;
  src: url(fonts/UbuntuLight.ttf);
}
@font-face{ 
  font-family: ubuntuB;
  src: url(fonts/UbuntuBold.ttf);
}
@font-face{
  font-family: Roboto;
  src: url(fonts/Roboto-Regular.ttf);
}
/*COLORS*/
.negativeText{
  color:#aaa!important;
}

.oblast_strane{ 
  padding:0;
 
}
.oblast_zaglavlja{
  margin:0;
  position: relative;
  height:116px;
   
  }
.oblast_sadrzaja{
  max-width:1380px;
  height:auto;
  margin:0 auto;
  padding:0 0 370px 0;
  box-sizing: border-box;
  /*! font-size: 0; */
}
.oblast_zaglavlja{border-bottom:3px solid #005CAE;box-shadow:0 4px 16px 0 rgba(0,0,0,.16)}
.index #coll_middle{padding: 0px;}
#coll_middle {width: 100%; border-left:1px solid #ccc; padding :24px 24px 64px 24px;min-height:340px; }
#coll_middle, #coll_right {display:inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
#coll_right {}
 
.PageTrackNav li a{margin-left:22px;color:#000; }
.PageTrackNav li a:hover{ color:#777; }
/***************DESKTOP OFF***************/
.promenaValute,
.navigatorStrana,
.editToCMS{display:none}
.mob_main_menu {display:none;}
.index .userBar{display: none;}
.productPrice{display: none;}
.userBar{display: none}
.filterOuter{display: none;}
.wishListBar{display: none;}

.narudzbenicaIcon{display: none;}
/***************END DESKTOP OFF***********/


/*BUTTONS*/

.buttonRect{
  display: inline-block;
  border: 3px solid #1593F3;
  padding: 10px 32px;
  color:#666;
  border-radius:3px;
  background: #fff;
  font-size:18px;
  margin:34px 0px 38px 0px;
   
}

.buttonRect:hover{background: #1593F3;color:#fff;box-shadow:0 18px 26px 0 rgba(0,0,0,.2);}


/***************HEADER***************/
.oblast_zaglavlja .headerContainer, .oblast_zaglavlja .glavni_meni{
  display:inline-block;
  vertical-align:middle;
 

}
 
.oblast_zaglavlja .headerContainer {
  height:94px;
  
}
.logo-hires img{
   width:auto;height:92px;padding:12px 0px 0px 0px;margin-left:22px;
  
 }
.catTITLE {display:none;}
.glavni_meni ul{
  box-sizing: border-box;
  position: absolute;
  top:81px;
  width:100%;
  
  text-align: center;
  overflow: hidden;
  left:0px;
  
}
 
.glavni_meni ul li {
  display:inline-block;
  vertical-align: top;
}

 
.glavni_meni > ul > li > a {
  box-sizing: border-box;
  /*! font-family: roboto; */
  display:block;
  vertical-align: middle;
  padding:4px 18px 6px 18px;
  color:#fff;
  font-size:16px;
   border:1px solid rgba(1,114,190,  0.1);border-radius:16px;
   
 }
 
.glavni_meni ul li a:hover{border:1px solid white;border-radius:16px; }
 

.meni-up {
  position:absolute; 
  top:0px;
  right:0px;
  z-index: 20;
  border-top: none;
  color:#777;
   
  padding:12px 0px 22px 28px;
}
.meni-up span{padding-top:12px;font-size:16px;}
.meni-up a{
  display:inline-block;vertical-align: middle;
 }

.meni-up a:nth-child(2){ 
    padding:8px 22px;color:#fff;
}
.meni-up .ikonica-korpa img{filter:invert(66%);width:34px;}
.meni-up-1 a{display:inline-block; position:absolute;right:188px;top:28px;color:#fff;} 
.meni-up-2{ position:absolute;right:100px;top:28px; } 
 .meni-up-2 a span{display:inline-block;color:#fff  } 
.meni-up-2 img{display: inline-block;position: absolute;top:-6px;width:32px;height:auto;_opacity:0.5; }
.meni-up-3{ position:absolute;right:52px;top:28px; } 
.meni-up-3 img{display: inline-block;position: absolute;top:-4px;width:28px;height:auto; }
.meni-up-2 img:hover, .meni-up-3 img:hover{opacity: .7;}
#cart_indication{background: red; display: inline-block!important; position: absolute; right: 65px; top:20px; z-index: 10; width: 12px; height: 12px;
border-radius: 100%}
#cart_indication .icons{display:none}

#cart_indication span{
    display: inline-block;
    color:#0087d0;
    font-size:32px;
}
.change #cart_indication .icons{color:#fff;z-index: 8940;top:10px;position: fixed;right:9px;}
.change #cart_indication a .countItems{color:#fff;z-index: 8950;top:2px;position:fixed;left:calc(100% - 28px);  }
#cart_indication a .countItems{
    position: absolute;
    top:-6px;left:28px;
    z-index: 10000;
    background: red;
    color:#fff;
    font-size:12px;
    border-radius:30px;
    padding: 4px;
    width:22px;
    height: 22px;
    box-sizing: border-box;
}


/***************SEARCH***************/
/*SEARCH HEADER*/
.oblast_zaglavlja .catalog_search {
  position: absolute;
  top:0px;
  right:0;
  box-sizing: border-box;
  padding: 5px 15px 0 0;
}
.searchDugme {
  font-size:0;
  background-image: url("../../cms_upload/pages/files/1_search-icon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width:24px;
  height:24px;
  display:inline-block;
  vertical-align: top;
  margin: 0 2px
}

.stringPolje{ 
  border:none; 
  border-right: 4px dotted darkorange;
  width: 120px;
  padding: 2px 0
}


/*SEARCH STRANA*/
.oblast_strane .catalog_search{
  position: absolute;
  z-index: 1200;
  top:12px; left:44%;
  padding:6px 2px 16px 35px;
  box-sizing:border-box;
   }
.oblast_strane #brzi_pretrazivac .stringPolje{
  width:240px;
  padding:8px;
  background:#fff;
  color:black;
  font-size:17px
}
.oblast_strane #brzi_pretrazivac .stringPolje:hover{
  background:#eee;
}
.oblast_strane #brzi_pretrazivac .searchDugme {
  background-image: none;
  font-size: 22px;
  padding:16px 23px;
  box-sizing: border-box;
  color:#eee;
  margin:0px;
}


/***************END HEADER***************/

/***************HOMEPAGE***************/
.top_baner{
  background: #edf3f7;
}
#jssor2_container{background-color:#edf3f7;}
 .oblast_zaglavlja{
   background-color:#0C0C30;
  background-image: url("../../cms_upload/pages/files/1_grosinox-header.svg");
  width:auto!important;
  background-repeat: no-repeat;
}
#pageBody .homePage .reduced-width{width: 60%; }
.index .oblast_sadrzaja{
  max-width: 100%;
  height:auto;
  margin:0 auto;
  padding:0 0 90px 0;
  box-sizing: border-box;
  _font-size: 0;
  margin-top:0;
   
}
.index #coll_middle  .pageTitle  {display:none;}
.index .top_baner .baner_slide_description {width:1380px;margin:0 auto;position:relative;height:100%;}
.index .top_baner .baner_slide_description .slideTopBanner {
  display:block;
  position:absolute;
  bottom:66px;
}

.index .horizontal-wrapper{
 padding:64px 0px 42px 0px;
box-sizing: border-box;
/*! background-color: #EDF3F7; */

}
 
.mainBox{padding:10px 0;}
.horizontal-element{font-size:0;}
.boxImg{
  font-size: initial;
  width:300px;
  display: inline-block;
  vertical-align: middle;

}
.horizontal-element .antrafile{font-size:24px;line-height:1.4;letter-spacing: .4px;}
.index .pages{
  font-size: initial;
  width:calc(100% - 300px);
  display: inline-block;
}
 
 
.row-1 .mainBox,.row-2 .mainBox, .row-3 .mainBox,.row-4 .mainBox{
 background:#fff;width:60%; margin:0 auto;}

.row-1 .mainBox{}
.index .row-2{
  padding: 40px 0px;
  margin:0 auto;
}

.index .textBoxMain{text-align: center;padding:0px 0px 20px 0; }
.index .textBoxMain h2{
  font-size:54px;
  color:#333;
  background:#efefe;
  font-family: arial;
  font-weight:bold;
  padding-top:12px;

}
.index .textBoxMain .dzona-kenedija img{display:inline-block;height:auto;max-width:300px;}
.index .textBoxMain .deeper img{display:inline-block;height:auto;max-width:250px;}
.index .textBoxMain .ulje-igol img{display:inline-block;height:auto;max-width:250px;}
.index .textBoxMain p{
  font-size:22px;
  line-height: 160%;
  padding: 0 0 30px 0;
  width:78%;
  margin:auto;
  color:#777;
}

.index .horizontal-element ul{
  display: block;
  color:#888;
  width:800px;
  margin:auto;
  padding:0 0 40px 0;
}

.index .horizontal-element ul li{
  text-align: left;
  margin:0  0 0 300px;  
  font-size: 16px;
  line-height: 160%;
  list-style: square;
}

.info{
  text-align: center;
  padding: 20px
}
.talas_homepage{width:100%;height:auto;box-sizing: border-box;overflow: hidden}
.talas_homepage img{width: 101%;}
.index .horizontal-wrapper h2{
  font-size:48px;
  color:#1987ca;
  font-weight:bold;
  text-align: center;
  
}
.index .horizontal-wrapper .horizontal-element h2{
  font-size:18px;display:none;
}
.index .horizontal-element.box-1 ul li{
  text-align: left;
  margin:0 ;  
  font-size: 16px;
  line-height: 160%;
  list-style: none;
}
.index .horizontal-element.box-1 ul{
    display: block;
  width: 100%;
}
.box-1 ul li a{
  display: block;
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
}
 .box-1 ul li a img{
  display: block;
  width: 100%;
}
.index .boxexRowBox{   
  width:45%;

  vertical-align: top;
  text-align: center;
}

.index .boxesRow{
display: flex;
  font-family: ubuntu;
}

.index #coll_middle .bigNumber{
  font-size:85px;
  width:100%;  
  padding:0;
}

.index #coll_middle .boxesSmallText{
  font-size: 16px
}

.index .boxexRowBox h3{
  font-size:26px;
  font-weight:normal;
  font-family: ubuntuLT;
}
.index .brendovi h2{
  font-size:48px;
  color:#1987ca;
  font-weight:bold;
  padding-top:12px;
  margin-bottom:-26px;
  text-align:center;
}
 
.index .brendovi{box-sizing:border-box;display:block;padding:12px 0 74px 1%;margin:34px 0px 0px 0px;width:100%;}
.index .brendovi ul{ display: flex;justify-content:right;}
.index .brendovi li{ }
.index .brendovi li img{filter: grayscale(100%);opacity:0.7;}
.index .brendovi li img:hover{ filter:none;transition: 0.7s all;opacity:100;}
.change{background:red;}


/***************END HOMEPAGE***************/

/***************STRANICE SAJTA***************/

.uniorteos #pageBody ul, .novosti #pageBody ol {padding:5px 10px;margin:0;}

.uniorteos #pageBody a, .novosti #pageBody a {font-size:inherit;color:darkorange}

/* NAVIGACIJA */
#coll_right{
  _border-left:1px solid #ccc;
  width:25%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;

}
#coll_right h3{border-bottom: 1px solid #ccc; 
  margin-bottom:8px;
}
#coll_right h3 a {display: block;width: 100%;height: 100%;
padding:12px 24px;
  font-size:18px;
  font-family: ubuntuLT;
  color:#0A7FC3


}
#coll_right li{color: #888;}
#coll_right li:last-child{border:none;}
#coll_right li a {color: inherit;display: block;
  padding: 10px 4px 10px 24px;
}

#coll_right .bocniMeniStrane ul{
  border-left:1px solid #eee;
  margin:0 25px;
  
}
#coll_right .bocniMeniStrane ul li a{
  padding-left:14px;
}
/* O NAMA */

.uniorteos .pageTitle{
  font-size:32px;color:#0757A5;
  font-family: ubuntuLT;
  padding: 10px 0;
  border-bottom:1px solid #0757A5; 
}

.uniorteos .catShortDesc{
  padding:10px 20px 10px 160px;
  text-align: left;
  color:#0757A5;
  width:360px;
}


.uniorteos .o-nama{width: 100%; padding: 10px; 
  box-sizing: border-box;
  color:#777;
}
.uniorteos .o-nama h3{
  color:#0757A5; font-family: ubuntuLT;
  font-size:18px; 
  padding:10px 0;
}
.uniorteos .o-nama h4{padding: 10px 0;}
.uniorteos .o-nama ul li{padding: 4px 0;
  list-style-type: square; 
  list-style-position: inside; 
  color: #777 
}
/*
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6427308329243251"
     crossorigin="anonymous"></script>
*/


/* KONTAKT */

.index.catid_14 #coll_middle {width: 75%; box-sizing: border-box; padding: 0 10px}

.kontakti-box {font-size:0;margin:20px 0}
.Kbox {width:50%;display:inline-block;vertical-align:top;}
.Kbox >div {display:inline-block;vertical-align: middle;margin:5px 0; font-style: italic;}
.Kbox-text a{color:darkorange;}

#pageBody .map-title p{padding: 10px 0;  font-weight: 600; font-style:italic; color: #016FB7}
.mapContainer {width:100%;height:300px;}

 
 
/*o nama*/
.o_nama img{padding:12px 0 22px 0}
 

/*DOWNLOAD*/

.download .catTitle{
  font-size:32px;color:#0757A5;
  font-family: ubuntuLT;
  padding: 10px 0;
  border-bottom:1px solid #0757A5; 
}

.download .catShortDesc{
  padding:10px 20px 30px 160px;
  text-align: left;
  color:#0757A5;
  width:360px;
}

.download .pages li{
  display:inline-block;
  width:44%;height:260px;
  vertical-align: top;
  border-top:1px solid #ccc;
  margin:10px;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
}

.download .pages .img{

}
.download .pages .img a{
  display:block;
}
.download .pages .img img{
  display: block;
  height:220px;width:auto;

} 

.download .pages .info{
  width:120px;
  position: absolute;
  top:0px;right:10px;
  vertical-align: bottom;
  border-left:1px solid #ccc;
  padding:12px;
  box-sizing:border-box;
}


.download .pages .info h2 a{
  font-size: 16px;
  font-family: ubuntuLT;
  color:#888
}
.download .pages .info .antrafile{
  font-size:13px;
  padding:6px 0 0px 0;
}

/*Download - dokumenti*/
.download.catid_27 .pages li{
  display: inline-block;
  width:46%;
  height: auto;
  border: none
}
.download.catid_27 .pages li .info{
  position: relative;
  width:100%;
 
}
.download.catid_27 .pages li .info a{
   padding:4px 46px;
  display: block;
}
.download.catid_27 .pages li .info:before{
  content:"\f1c1";
  position: absolute;
  top:4px;left:10px;
  font-size:34px;
  font-family: icons;
  pointer-events: none;
  color:#888; 
}

.download.catid_27 .pages li:hover .info:before{
  content:"\f103";
  color:darkorange;
  top:8px
}

/*NOVOSTI*/
.novosti .catTitle{
  font-size:32px;color:#0757A5;
  font-family: ubuntuLT;
  padding: 10px 0;
  border-bottom:1px solid #0757A5; 
}

.novosti .catShortDesc{
  padding:10px 20px 30px 160px;
  text-align: left;
  color:#0757A5;
  width:360px;
}
.novosti .page-pID{
  font-size:0;
  _padding:10px;
  border-top:1px solid #0757A5;
  margin:40px 0 0 0;
  position:relative;

}
.novosti .page-pID > div{display:inline-block;vertical-align: top;}
.novosti .img {width:220px;height:auto;}
.novosti .img a{display:block;width:100%;height:100%}
.novosti .img a img{display:block;width:100%;height:auto;  }
.novosti .info { width:70%;}
.novosti .info h2 {padding:4px 10px;}
.novosti .info h2 a{font-size:23px;
  color:#0757A5; font-family: ubuntuLT;
}
.novosti .info .publish_date{
  position:absolute;
  top:-18px;right:5px;
  font-size:11px;
  color:#0757A5;
  font-family: ubuntuLT
}
.novosti .info .antrafile {padding:12px 10px;}
.novosti .moreinfo {
 width:80px;text-align:center;
  border:1px solid #ddd;
  margin:0 0 0 10px;
  color:#ddd;
}
.novosti .moreinfo:hover{
  background: #eee;
  color:#bbb
}
.novosti .moreinfo a {display:block;padding:3px 0;color:inherit;}
.novosti .moreinfo a span{ color:inherit;}

.novosti .bannerPageRight{
  width:200px;
  padding:20px;
}
.novosti .pageTitle{
  font-size:32px;color:#0757A5;
  font-family: ubuntuLT;
  padding: 10px 0;
  border-bottom:1px solid #0757A5; 
}

.novosti .pageBody p{
  padding:20px 0;
  font-size:16px;
  color:#889
}
.novosti .pageBody ul li{
  font-size:16px;
  color:#889;
  list-style: square;
  list-style-position: inside;
  padding:2px 16px
}

.novosti .pageBody p a{
  display: inline-block;
  padding:0 8px;
  text-decoration:underline;
  text-decoration-style: wavy;
  text-decoration-color: #eee;
}

.novosti .pageBody p a:hover{
  text-decoration-color: #aaa;
}
.novosti .imgHorizontal{
  width:360px;float:right;
  padding:0 0 20px 20px;box-sizing:border-box;
  display: block; }
.imgHorizontal img{
  
  display: block;
  width:100%;
  height: auto;
}

.novosti .imgHorizontal:after{
  content:"";
  display: table;
  float:none; clear:both;
}


.novosti.catid_12 .slikaNovo {width:300px;padding:15px;box-sizing:border-box;}
/**********aktuelno********************************/
.catid_7 #coll_middle img{max-width: 960px;height: auto; }
.deeperSonar{display: flex;justify-content: space-between;}
.deeperSonar img{width: 48.5%;height:auto;}
/*********servis*******************************/
.catid_8 #coll_middle h1{margin-top: 22px;}
.catid_8 #coll_middle p{font-size:16px;line-height: 1.4;color:#555;padding:8px 0 0 0;}
.catid_8 #coll_middle #moto{font-weight: bold;color:#1987ca;text-transform: uppercase;padding:18px 0 8px 0; }
.catid_8 #coll_middle img{padding:0 0 22px 0;}
.catid_8 #coll_middle #servis {font-size:16px;color:#1987ca;padding:2px 0px 10px 0px;}
.catid_8 #pageBody{text-align:justify;text-justify: inter-word;max-width:800px;} 
.catid_8 table{border-collapse:collapse; background:#fff;border:1px solid #ddd;padding:12px ; margin:42px auto;border-radius:4px;box-shadow:  0 2px 4px rgba(0,0,0, .18);}
.catid_8 table span{font-weight: normal;}
.catid_8 table tr:first-of-type span{color:#1987ca;font-weight: bold!important;font-size: 16px;}
.catid_8 table rt:nth-child(1){margin-bottom:44px;background: red;}
.catid_8 table td{ padding:15px 18px;border: none;}
.catid_8 table tr:nth-of-type(even){background: hsla(0 0% 94%);padding: 12px 42px;}
.catid_8 p:nth-last-of-type(1),.catid_8 p:nth-last-of-type(2), .catid_8 p:nth-last-of-type(3){margin:10px 0 30px ;display:inline-block;}
.catid_8 p a{background:#005CAE;color:#fff;font-size:18px; border-radius:40px;;padding:8px 18px;margin:10px 10px 10px 0;}
.catid_8 p a:hover{opacity:.8;}
/*********izdvajamo-iz-ponude*******************************/
.catid_17 #coll_middle .page-pID{display:flex;flex-wrap:wrap;flex-direction:column-reverse ;padding:0 0 42px 0; border-bottom:1px solid #ccc;}
.catid_17 #coll_middle .page-pID img{margin-left:-18px;}
.catid_17 #coll_middle h2{padding:30px 0  6px 0;font-size: 24px;}
.catid_17 #coll_middle h2 a{font-size: 26px;font-weight:bold;color:#1987ca;letter-spacing: 1.2px;}
.catid_17 #coll_middle li{font-size: 14px;color:#555;line-height: 1.3;letter-spacing: .5px;}
.catid_17 #coll_middle p{max-width:900px;}
.catid_17 #coll_middle p{ font-size:16px;color:#777;text-align:justify;text-justify: inter-word;line-height: 1.5;}
.catid_17 #coll_middle p img{  max-width:50%}
.catid_17 #coll_middle .camciVise {margin:30px 0 40px 0;text-align:right;}
.catid_17 .camciVise a{background:#005CAE;color:#fff;font-size:18px; border-radius:40px;;padding:8px 18px; }
.catid_17 .camciVise a:hover{opacity:.8;}
.catid_17 #coll_middle .antrafile{max-width:950px;font-size:16px;color:#555;line-height: 1.5;}
.catid_17 #coll_middle .page-pID img{padding:0 0 20px 0;}
.catid_17 #coll_middle img{padding:32px 0 0 0;display:inline-block;max-width:900px;}
.catid_17  #pageBody{ text-align: justify;text-justify: inter-word;}
.catid_17 #coll_middle #pageBody  table {border-collapse:collapse; margin:12px 0 0 0 ;border:1px solid #ccc;}
.catid_17 #coll_middle #pageBody  td  {border-bottom:1px solid #e6e6e6;padding:15px 36px;border-right:1px solid transparent;
  border-left:1px solid transparent;font-size:14px;  color:#4a4a4a;}
.catid_17 #coll_middle #pageBody  tr:first-of-type td{background:#fff;text-align:center;padding-bottom:6px;font-size:17px;font-weight:bold; vertical-align: bottom;border-top:1px solid #fff;}
.catid_17 #coll_middle #pageBody  table img{ padding: 0;height:auto!important;width:70px!important;; mix-blend-mode: multiply;}
.catid_17 #coll_middle #pageBody  tr:nth-of-type(even){background: rgba(0,0,0, 0.06);}
.catid_17 #coll_middle #pageBody  tr td:last-of-type p{width:300px!important; }
.catid_17 #coll_middle #pageBody  tr td:first-of-type{height:70px;width:60px;box-sizing: border-box;}
.catid_17 #coll_middle h2 a:hover{opacity: .8;}
/************stranice-izdvajamo iz ponude**********/
.igol h1, .vanbrodski_motori h1{padding-bottom: 14px!important;}
.igol h2,.vanbrodski_motori h2{padding:22px 0 12px 0!important;}
.igol .pageBody p, .vanbrodski_motori .pageBody p{font-size:16px; line-height: 1.5;color:#313131;}
/*********obavestenje*******************************/
.catid_7 .page-pID {margin-bottom:44px;padding-bottom:68px;border-bottom:1px solid #ccc; display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
.catid_7 #coll_middle h2{margin-top:-38px;}
.catid_7 #coll_middle h2,.catid_7 #coll_middle h1{padding-bottom:8px;font-size:22px;color:#1987ca;}
.catid_7 #coll_middle .pages h2{margin-top:10px}
.catid_7 #coll_middle h2 a{font-size:28px;font-weight:bold;color:#1987ca;}
.catid_7 #coll_middle .antrafile{font-size: 18px;color:#555;padding:8px 0 0 0;}
.catid_7 #coll_middle .pageBody{ text-align: justify;text-justify: inter-word;}
.catid_7 #coll_middle p, .catid_29 #coll_middle p, .catid_28 #coll_middle p{ font-size:16px;color:#777;text-align:justify;line-height: 1.5; }
/********vanbrodski_motori*********/
.catid_29 .page-pID:first-of-type{display:flex;flex-direction: column-reverse;flex-wrap:wrap;}
.catid_29 .page-pID:first-of-type .img{pointer-events:none;}
.catid_29 .page-pID:first-of-type h2{pointer-events: none}
.catid_29 .page-pID:not(:nth-of-type(1)) {margin:3px 3px;width:31%;height:450px;border:1px solid #ddd;border-radius:8px;overflow:hidden;object-fit:contain;}
.catid_29 .page-pID:not(:nth-of-type(1)):hover img{transform: scale(1.03); }
.catid_29 #coll_middle .page-pID:not(:nth-of-type(1)) img{mix-blend-mode: multiply;object-fit: contain;margin:auto;transition:all .3s;}
.catid_29 #coll_middle .page-pID:nth-of-type(n+12) img{mix-blend-mode:normal; }
.catid_29 #coll_middle .page-pID:not(:nth-of-type(1)) .img {width:100%;height:370px;box-sizing: border-box;overflow: hidden;object-fit: contain;background: #f5f3f6}
.catid_29 .page-pID h2{padding:10px 0 14px 0;}
.catid_29 .page-cID  a{ font-size: 26px;font-weight: bold;color: #1987ca;letter-spacing: 1.2px;}
.catid_29 .page-pID h2 a{    font-size: 26px;font-weight: bold;color: #1987ca;letter-spacing: 1.2px;}
.catid_29 .pages{display: flex;flex-wrap:wrap;justify-content: center;}
.catid_29 .page-cID{width:100%;padding-top:20px;border-top:1px solid #ddd;margin-top:70px;pointer-events:none;}
.catid_29 .page-pID .antrafile{max-width: 950px;font-size: 16px;color: #555;line-height: 1.5;}
.catid_29 #coll_middle img{padding:10px 0}
.catid_29 #coll_middle h1{padding-top:20px;}
.catid_32 #pageTitle{border-bottom:1px solid #ddd;padding-bottom:8px;margin-top:20px;}
.motori{margin-top:30px;display: flex;}
.motori .motori_img{width:400px;height:400px;object-fit:contain;display: inline-block;margin-top:40px;}
.motori .motori_karakteristike{width:500px;display:inline-block;margin-left:20px;}
.motori .motori_img img{height:400px;width:auto;margin:auto;}
.motori .tabela_karakteristike{ vertical-align: top;font-size:16px;letter-spacing:.5px;border-collapse: collapse;background-color:#f5f3f6;color:#212121;border:1px solid #ddd;}
.motori .tabela_karakteristike td{padding:8px 8px;border-bottom:1px solid #f0f0f0;}
.motori .tabela_karakteristike tr:nth-of-type(even){background:#fff;}
.motori .tabela_karakteristike tr td:first-of-type{width:50%;font-weight:bold;}
.motoriCenovnik {margin-top:30px;padding-top:10px;padding-right:40px;text-align:right;}
.motoriCenovnik a{background:#005CAE;color:#fff;font-size:18px; border-radius:40px;;padding:8px 18px;margin:10px 10px 10px 0;}
.motoriCenovnik a:hover{opacity:.8;}
.obavestenje p a{background:#005CAE;color:#fff;font-size:18px; border-radius:40px;;padding:8px 18px;margin:10px 10px 10px 0;}
.obavestenje p a:hover{opacity:.8;}
.catid_31 #coll_middle .catTitle  {color:#1987ca;font-size:28px;text-transform: uppercase;font-weight:bold; padding:40px  0  0 20px;text-align: center;}
/*********plovila************/
.catid_31 #coll_middle p img{padding:10px 0; }
.catid_31 .info h2 a{color:#333;font-size:28px;}
.catid_31 .info h2{padding-top:40px;border-top:1px solid #ddd; }
.catid_31 .page-pID .img{padding-bottom:80px;}
.catid_31 .page-pID .antrafile, .catid_31 #coll_middle p{ font-size:16px;color:#777; text-justify: inter-word;line-height: 1.5;padding-top:8px;}
.catid_31 .plovilaGalerija{display: flex;flex-wrap:wrap;justify-content: space-between; }
.catid_31 .plovilaGalerija img{width:32%;height:auto;margin-bottom:16px;object-fit:contain;border-radius:8px;}
.catid_31 #coll_middle ul{padding:20px 0;}
.catid_31 .mantareyGalerija{display:flex; justify-content: space-between;flex-wrap:wrap;}
.catid_31 .mantareyGalerija img{height:400px;width:auto;border-radius:8px;}
.catid_31 #coll_middle li{font-size:16px;color:#777;text-align:left; line-height: 1.5;}
.catid_31 #coll_middle .tehnicke_karakteristike{border:1px solid #ddd;width:360px;padding:20px;margin:40px 0;border-radius:8px;}
.catid_31 #coll_middle .tehnicke_karakteristike li:first-of-type{font-weight:bold;color:#666;letter-spacing:.7px;}
.catid_31 .page-pID{display:flex;flex-wrap:wrap;flex-direction:column-reverse;}
.catid_31 .plovilaGalerijaReal{display: flex;flex-wrap:wrap;justify-content: space-between; flex-wrap:wrap;}
.catid_31 .plovilaGalerijaReal img{width:auto;height:270px;margin-bottom:16px;object-fit:contain;border-radius:8px;}
 
.catid_28  #coll_middle .pages{display:flex;justify-content:center;padding-top: 40px;}
.catid_28  #coll_middle .pages>li{padding:20px;}
.catid_28  #coll_middle  .page-cID{position: relative;box-sizing: border-box;}
.catid_28 #coll_middle .page-cID img{transition: all 0.3s ease-in-out;}
.catid_28  #coll_middle  .page-cID:hover img{transform: scale(1.09);}
.catid_28  #coll_middle  .page-cID>.img{z-index: -1;width: 400px;height:260px;box-sizing:border-box;border-radius:8px;overflow:hidden}
.catid_28  #coll_middle  .page-cID .info{background: rgba(1,127,201,.84); position: absolute;bottom:20px;;z-index:2000;width: 400px;box-sizing: border-box;pointer-events: none;border-radius: 0 0 8px 8px}
.catid_28  #coll_middle  .page-cID h2 a{color:#fff;letter-spacing: .7px; }
/******gumeni_camci**********/
.catid_30 #coll_middle .catTitle  {color:#1987ca;font-size:28px;text-transform: uppercase;font-weight:bold; padding:40px  0  20px 20px;text-align: center;}
.catid_30 .catTitle{padding-left:20px;}
.catid_30 .pages{display: flex;flex-wrap:wrap;justify-content:space-between;padding-left:20px;margin-top:10px;}
.catid_30 .pages>li{width:308px;height:204px;overflow: hidden;position:relative; box-sizing: border-box;border-radius:8px;}
.catid_30 #coll_middle  .page-pID img{transition: all 0.3s ease-in-out;}
.catid_30 #coll_middle  .page-pID:hover img{transform: scale(1.09);}
.catid_30 .pages>li .info{position: absolute;bottom: 0; width:100%;box-sizing:border-box;background: rgba(1,127,201,.84);pointer-events:none;}
.catid_30 .pages h2 a{color:#fff;}
.catid_30 #coll_middle{padding:20px 0 65px 0;}
.catid_30 #pageTitle{padding-left:20px}
.camciFlex{display: flex;justify-content: space-between}
.camciPhoto{height:auto;width: 50%}
.tehnickeKarakteristike{ vertical-align: top;font-size:16px;letter-spacing:.5px;background-color: #f8f8f8;color:#212121;padding:14px 20px;border:1px solid #f0f0f0;}
.tehnickeKarakteristike li{padding-bottom:14px;}
.tehnickeKarakteristike li:first-of-type{color:#666666;padding-bottom:15px;font-size:20px;}
.tehnickeKarakteristike li:nth-of-type(2){font-weight:bold}
.camciCenovnik {padding-left:20px;}
.camciCenovnik td{text-align: center}
.camciCenovnik h3{text-align: center;margin-top:90px;}
.tehnickeSpecifikacije {display:flex;justify-content: space-between;margin-top:80px;padding-left:20px;}
.tehnickeSpecifikacije>div{width:48%;}
.tehnickeSpecifikacije h3, .camciCenovnik h3{font-size:22px;padding:20px 0 10px 8px;letter-spacing:.4px;font-weight:bold;color:#333;}
.tehnickeSpecifikacije table, .camciCenovnik table{border-collapse: collapse;color:#212121;font-size:16px;border:1px solid #f0f0f0;width:100%}
.tehnickeSpecifikacije tr:nth-child(odd) td, .camciCenovnik tr:nth-child(odd) td{background:#f4f4f4;}
.tehnickeSpecifikacije td, .camciCenovnik td{padding:12px;}
/**********vanbrodski motor************/

.catid_29 .page-cID img{height:340px;width:auto;display:none;}
.catid_29 .page-pID .img img{height:340px;width:auto;}
/*********KONTAKTI*******************************/
.catid_18 #coll_middle{ padding:70px 20px 120px 20px;width:100%; }
.catid_17 #coll_middle h1,.catid_8 #coll_middle h1{color:#1987ca;font-size:28px;text-transform: uppercase;font-weight:bold; padding:0  0  6px 0;max-width:800px;}
.catid_18 #coll_middle h1{color:#1987ca;font-size:28px;font-weight:bold; padding:0px 0px 6px 20px;max-width:800px;}
.catid_18 #coll_middle .kontakt-mapa{display:inline-block;padding:10px 0 10px 20px;text-align: center; }
.catid_18 .contacts{display:inline-block;width:300px;vertical-align:top;padding-top:24px;}
.catid_18 .box-kontakti{ padding:-0px 0px 10px 0;color:#777;vertical-align:top;}
.catid_18 .box-kontakti p{ font-size: 16px;line-height:1.5;}
.catid_18 #coll_middle .kontakt-mapa iframe {height:300px;min-width:400px;max-width:570px}
.catid_18  #coll_middle a{color:#666;font-weight:bold;}
.catid_18  #coll_middle a:hover{font-weight:bold;color:#1987ca;}
.catid_18 .oblast_sadrzaja{padding-bottom:60px;}
.catid_18 #pageBody  {padding-left:34px;background-color:#f2f2f2;margin-bottom:74px;box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;}
/************O NAMA ***************************/
.catid_5 #coll_middle{padding:20px 20px 0px 20px;width:100%;}
.catid_5 #coll_middle h1,.catid_5 #coll_middle h3{color:#1987ca;font-size:32px;text-transform: uppercase;letter-spacing:1.2px; font-weight:bold;padding:36px 0px 16px 10px;text-align: center;}
.catid_5 #coll_middle p{ font-size:16px;color:#777;text-align:justify;text-justify: inter-word;line-height: 1.5;}
.catid_5 .oblast_sadrzaja{padding-bottom:260px;}

/************registracija ***************************/
#registrujte_se INPUT{width:320px;}
#dugme_login{width:190px}
#registrujte_se  p,#ulogujte_se p:nth-of-type(odd){margin-top:12px;color:#696969!important;}
#registrujte_se, #ulogujte_se{box-shadow:0 18px 26px 0 rgba(0,0,0,.2)}
#registrujte_se h3, #ulogujte_se h3{display:block;font-size:28px;background:#0173bf;color:#fff!important;;text-align:center;font-size: 22px!important;margin-left:-10px;margin-top:-10px;padding:8px 0px;}
#dugme_login{background:#168ff4!important;margin-bottom:22px;}
#dugme_login:hover{background: #004A78!important;}
#registrujte_se #dugme_login{width:330px}
#ulogujte_se a{color:#004A78;}
/***************END STRANICE SAJTA***************/


/* CSS Document */
/* Stylovi za stranice MyAccount */
/* PlumDesign, Milan Jovanovic Belgrade 20.10.2007 */

#myaccount_style{
	width: 960px;
	padding: 10px;
	background: #fff;
}
#myaccount_style .contentTABLE{
	width:100%;
	border-collapse:collapse;
	border:0px solid red;
}
#myaccount_style .contentArea{
	vertical-align:top;
	padding:0px;
}

.form_container{
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
    border-radius: 3px;
	border:1px solid #d4d4d4;
	margin:5px 5px 5px 5px;
	-webkit-box-shadow: 0px 0px 4px #e1e1e1;
	padding:10px 0px 10px 10px;
}

#ulogujte_se {
	float:left;
	width:270px;
	margin-right:30px;
	}
#ulogujte_se H3{
	font-size:14px;
	color:#696969;
	text-transform:uppercase;
	margin-bottom:10px;
	}
#ulogujte_se P{
	text-align:left;
	padding:5px 0px 0px 0px;
	color:#696969;
}
#ulogujte_se INPUT, #registrujte_se INPUT{
	border:1px solid #cfcfcf;
	font-size: 14px;
	padding: 4px;
	color:#444;
	background:#f5f5f5;
	}
	
#ulogujte_se #dugme_login, #registrujte_se #dugme_login{
	border:1px solid #fff;
	padding:8px;
	background:#999999;
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	margin-top:10px;
	}
	
#registrujte_se {
	float:left;
	width: 340px;
	}
#registrujte_se P{
	text-align:left;
	padding:0px 0px 5px 0px;
	color:#ababab;
	}
#registrujte_se H3{
	font-size:14px;
	color:#696969;
	text-transform:uppercase;
	margin-bottom:10px;
	}


#registrujte_se P LABEL{
	margin-bottom:0px;
	display: block;
	}

#myaccount_style .menuArea {
	width:240px;
	border:0px solid red;
	vertical-align:top;
	}
.menuArea UL{
	border:0px solid red;
	margin-left:25px;
	margin-bottom:20px;
	}
.menuArea UL LI{
	list-style:none;
	margin-bottom:5px;
	background:url(../../site_images/sadrzaj/senka_lista_mojprojekat.gif) no-repeat 0% 100%;
	}
.menuArea UL LI A{
	text-decoration:none;
	color:#515151;
	padding-top:15px;
	display:block;
	margin-left:10px;
	}
.menuArea UL LI A:Hover{
	text-decoration:none;
	display:block;
	background:url(../../site_images/sadrzaj/senka_lista_mojprojekat_over.gif) no-repeat 0% 100%;

	}
.menuArea .markerStrane{
	background:url(../../site_images/sadrzaj/senka_lista_mojprojekat_over.gif) no-repeat 0% 100%;
}



/***************KATALOG PROIZVODA***************/
.catid_18 .img{
  width:130px;
}
/*NAVIGACIJA*/
.CatTrackNav {padding:24px;position:absolute;top:100px;left:0;z-index: 100;}
 
.CatTrackNav ul li:first-child {display:none;}
.CatTrackNav ul li {display:inline-block;vertical-align:top;padding:0 0 0 15px;}
.CatTrackNav ul li a {font-size:14px;color:#666;}
.CatTrackNav > ul > li:before {content:"/"; padding:0px 7px 0 0;}
.naslov_kategorije {text-align:center;padding:13px 0 13px 0;margin:0 8px 0px 0;font-weight:normal; border-radius:6px 6px 0 0;font-family: Roboto;color:#003366; font-size:26px;border:2px solid #2196f3; border-bottom:none;background:#fff}
.kategorije{
	margin-right: 8px;
	border:2px solid #2196f3;
	border-top:1px solid #ccc;
	padding: 20px;
	border-radius:0 0 6px 6px
}
#TrackNavPopUp1 {position:absolute;top:40px;left:38px;background:#1976D2;border:1px solid #1976D2;width:300px;z-index: 1000;display:none;border-radius:6px;}
 #TrackNavPopUp2 {position:absolute;top:40px;left:168px;background:#1976D2;border:1px solid #1976D2;width:300px;z-index: 10001;display:none;border-radius:6px;}
#TrackNavPopUp1 li, #TrackNavPopUp2 li {display:block;padding:4px 6px;border:1px solid #1976D2;color:#fff;}
#TrackNavPopUp1 a, #TrackNavPopUp2 a{color:#fff;}
#TrackNavPopUp1 li:hover, #TrackNavPopUp2 li:hover{background:#003366;}
#TrackNavPopUp1:hover, #TrackNavPopUp2:hover{box-shadow:0 18px 28px 0 rgba(0,0,0,.1)}
.containerNoOverflow{
  position: fixed;
  left:-100%;top:68px;bottom:0;
  width:450px;_height:600px;
  z-index:500;
  overflow-x: hidden;
  overflow-y: auto;
  background:rgba(0,0,0,.8);
  -webkit-transition: all .7s;
  transition: all .7s;
}
.containerNoOverflow.toggleMenu {
  left:0;
  -webkit-transition: all .7s;
  transition: all .7s;
}
.navigatorKataloga{
  position: absolute;
  left:0;top:0;width:450px;min-height:599px;
  padding:15px 30px 30px 20px;
  z-index:2000;
  box-sizing: border-box;
}
.navigatorKataloga ul li {
  position: relative;
  color:#bbb;
  padding: 6px 30px 6px 0;
  cursor: pointer;
  display: block;
 border-bottom:1px dashed transparent;  
}
.navigatorKataloga ul li a{
  font-size: inherit;
  color:inherit;
}

.navigatorKataloga ul li:after{
  content:">";
  position: absolute;
  top:6px; right:0;
  font-size:10px;
}
.navigatorKataloga ul li:hover{
  border-bottom:1px dashed #ccc;
}
.subNavMenu {font-size:0;padding:10px 0 15px 0;}
.subNavMenu div{color:#bbb;display:inline-block;vertical-align: middle;text-align:center;}
.subNavMenu .subNavBack {
  font-size:12px;
  width:15%;
  padding:5px 0;
  cursor:pointer;
}
.subNavMenu .subNavTitle {
  width:85%;
}
.navigatorKataloga.navigatorLVL2{
  _display:none;
  left:100%;
  -webkit-transition: all .7s;
  transition: all .7s;
}
.navigatorKataloga.navigatorLVL2.showSubMenu{
  background: #222;
  left:0;
}

/*END NAVIGACIJA*/

.handle{
  width:12px;
  position: absolute;top:4px;right: 4px;
  border: 1px solid #888;
	border-radius: 4px;
  padding:4px;
	cursor: move;
	box-shadow: -1px 1px 3px #ccc;
	transition: all 1s;
}
.handle:hover{
	transform: rotate(45deg);
	width:14px;
}
.oblast_kataloga {font-size:0;padding-top:70px;}
.katalog_navigacija {display:inline-block;vertical-align: top; width:290px;}

.katalog_prikaz {display:inline-block;vertical-align: top; width:984px;font-size:12px;margin-left:6px}

.close_suggestions {display:none;}
.catalog_search .suggestionsBox{
  border-top:2px solid #0176c1;
  padding-top:20px;
  border-bottom:18px solid #0176c1;
  position:absolute;background:rgba(255,255,255, 1);
  box-shadow:6px 6px 10px rgba(100,100,100,.5);
  overflow-y: auto;
  max-height:600px;
  top:100%;right:0;
  width:520px;
}
.suggestionsBox:before{
  font-family: icons;
  content:"\f00d";
  position: absolute;
  top:2px;right:0;
  z-index: 20;
  width:30px;height:30px;
  cursor:pointer;
  color:#999;
  font-size:20px;
}

.suggestionsBox:after{

  content:"Brza pretraga";
  position: absolute;
  top:5px;left:6px;
  z-index: 20;
  width:200px;height:30px;
  cursor:pointer;
  color:darkorange;
  font-size:12px;
}

#brzi_pretrazivac .stringPolje{
  height: 20px; 
   
  text-align:center;
  background:#fff;
  width:282px;
  border:  2px solid #eee;
  border-top:2px solid rgba(0,0,0, 0.1);
  border-radius:8px;
}
#brzi_pretrazivac .searchDugme {
  font-size: 22px;
  padding: 7px 3px 4px 3px;
  box-sizing: border-box;
  color:#eee;
  position:relative;
}
#brzi_pretrazivac .searchDugme:after {
  content:"\f002";
  font-family:icons;
  position:absolute;
  top:4px;right:60px;
  font-size:26px;
  filter: invert(34%); 
}
 
.suggestionList {}
.suggestionList li{list-style:none;font-size:0;padding:5px 0;cursor: pointer}
.suggestionList li img{width:24%;height:auto;display:inline-block;vertical-align:top;box-sizing:border-box;padding:4px}
.suggestionList li div{font-size:initial;width:75%;display:inline-block;vertical-align:top;padding:2px 4px;box-sizing:border-box;}
.suggestionList li div h3{border-bottom:1px solid #ddd; font-weight: bold;}
.suggestionList li div p{padding-top:8px;}

.default .sideCatNav{
  display: none
}
.index .sideCatNav{
  display: none;
}
.katalog .sideCatNav{
  padding-top:64px; 
  
  background-color:#003366;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.6);
  border-radius:6px 6px 0 0;
}
.sideCatNav a:hover{color:rgba( 255, 255, 255, .7);}
.level-root {
  padding:0px; 
  color:#fff;
  background:#1976D2;
  text-transform: uppercase;
  
  }
.level-root:first-child:before{content:"Kategorije";position:absolute;color:#fff;font-family: Roboto;margin-top:-44px;font-size:22px;font-weight:500;padding-left:18px;}
.level-root a{
  color:inherit;
  font-size:12px;
  display: block;
  padding:8px 4px 8px 20px;
  font-family:Roboto;letter-spacing:0.4px;
}

.level-root > .markItem{
  display: block;
  
  
}
.level-root > a.markItem{
  display: block;
 
  color: #fff;
  text-align: left;
  margin-bottom:12px;
  font-weight:bold;
}

.level-0{
  -border-left:3px solid black; 
}

.level-0 > .markItem{
  position: relative;
}

.level-0 > a{
  font-size: 14px;
  text-transform: lowercase;
  color:#fff;
  padding:6px 10px 6px 24px;
  border-left:24px solid #1976D2;
  background-color: #2196F3;
  _margin-right:-24px;
}

.level-1{
  padding:0; 
  
}

.level-1 a{
  display: block;
  font-size: 12px;
  color:#fff;
  background-color: #003366;
  text-transform: lowercase;
  padding:5px 4px 5px 38px;
  border-left:24px solid #1976D2;
  margin-right:-24px;
  
}
.plumCatNavMarker.level-0{
  position: relative;
}
.plumCatNavMarker.level-0 > a {
  background:#003366; 
  padding:10px 40px 10px 24px; 
  border-left:24px solid #1976D2;
  _margin-right:-24px;
  color:#fff; 
  font-size:14px; 
  font-weight:600;
  text-transform:uppercase;
  border-right:none;
  text-align: left;
}
.plumCatNavMarker.level-1{
  position: relative;
}


.plumCatNavMarker.level-1 > a {
   
  padding:10px 40px 10px 38px; 
  color:#fff; 
  font-weight:510;
  font-size:14px; 
  border-right:none;
  background-color: #0C0C30;
  text-align:left;
  margin-right:-24px;
  
}


.kategorije ul{font-size:0;text-align:center;}
 
.kategorije ul li {
  position:relative;
  display:inline-block;
  vertical-align:top;
  width:160px;
  height:223px;
  box-sizing:border-box;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: px;margin:4px;
  box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2); 
  transition: all .3s;
  }
.kategorije ul li:hover{ 
     transform: scale(1.02); 
    
}
.cat_item a {display:block;width:100%;height:auto;object-fit:contain; }

.kategorije ul li a span {
  text-align:center;
  position: absolute;
  padding:10px 6px 6px 6px;
  height:64px;
  width:160px;
  margin-bottom:-1px;
  bottom:1px;
 }
  .catName {
  display:block;
  text-align:center;
  box-sizing: border-box;
  padding: 6px 10px;
  color:white;
    font-family: roboto;
  font-weight: 400;
  font-size:14px;
  background: #0075DB;
   
 }
.proizvodi{
	display: flex;
	flex-wrap: wrap;
}
 .proizvodi > li{
  position: relative;
  display: flex;
   background-color:#fff;
  width:48%;min-height:160px;
  vertical-align: top;
  border:1px solid #0077BE;
  margin:30px 0px 10px 12px;
  border-radius:6px;
  transition: all .3s;
  box-sizing: border-box;

}
.proizvodi > li:hover{ 
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); 
}
.proizvodi .ProdOpisCnt{
	display: flex;
	flex-grow: 1;
	flex-direction: column;	
}
.catalogueThumbLink{
  width:130px;display:block;
  margin:auto;
	border-right:1px solid #ccc;
	padding: 6px;
	box-sizing: border-box;
  
}

.catalogueItemText{
	display: block;
  font-size:13px;
  text-align: left;
  color:#686868;

  font-weight: bold;
  border-bottom:1px solid #BDBDBD;
	padding:8px 4px 10px 20px
}
.catalogueTextLink{
	align-items: flex-start;
	flex-shrink: 2;
}
.catalogueItemText:hover{color:#03A9F4;}
.catalogueItemText h3{
 
  color:#0077BE;
  padding: 4px 8px;
  position: absolute; 
  top:-27px;left:14px;
	border:1px solid #0077BE;
	border-radius: 4px 4px 0 0;
	border-bottom:1px solid #fff;
	z-index: 10;
	background: #fff;
}

.proizvod .catalogueItemText h3{
right:100%;
}
.sideTable{
	padding:4px;
}
.sideTable li span{
	text-align: left;
	display: block;
	padding:1px 12px;
}
.proizvod h1.boksNalsov{
  position: absolute;
  top:-8px;
  left:-16px;
  z-index:2;
  display: inline-block;
  background: #0077BE;
  padding:8px 18px;
  color: #fff;
  font-weight:bold;
  font-size:18px;
  white-space: nowrap;
}
.proizvod h2.boksNalsov{
  box-sizing:border-box;
  color: #fff;
  font-size:22px;
  font-weight:200;
  padding:19px 0 10px 120px;
  background: #003366;
  height:64px;
  margin-right:-6px;
  

}



.prodTableLeft {width:52%;display:block;}
.prodSlika .prodMainPic{width: 52%; margin: 0 auto;}
.prodSlika {margin-bottom:5px;}
.prodSlika a {display:block;width:100%;height:100%;box-sizing:border-box;
 
 
}

.prodSlika a img{box-sizing:border-box;}
.proizvodjac {padding: 4px 8px;color: #333;font-weight:bold;display:inline-block;}
.compareProd {width:90px;text-align: center;padding:10px 0px 0px 10px; display: none;}
.compareProd button {
  display: block;
  border: 1px solid #ccc;
  padding: 4px 16px;
  font-size: 12px;
  border-radius: 4px;
  background: darkorange;
  color: #eee;
  cursor:pointer;
}
.prodTableLeft, .prodTableRight {display:inline-block;vertical-align:top;}
.prodTableRight {  
  width:46%;
  font-size: 13px;
  min-height:130px;
  padding-left:8px;
  border-left:1px solid #dedede;}
.symbolsTools {font-size:0;z-index: 100;padding:10px 15px;}
.symbolsTools span {display:inline-block;vertical-align: top;}
.iconSimbol {
  width:20px;
  display:inline-block;
  vertical-align: middle;
  padding:0 0 0 8px;
}

#slider1_container > div > div> div> div > img{
  height:auto!important;
}


.prodTop {width:65%; box-sizing:border-box; padding: 0 15px}

.prodInfo .skice{
  width:320px;
  padding:8px;
  box-sizing: border-box;
}
.prodInfo li, .prodInfo p{
  font-size: 13px;
  padding: 3px 0;
}
.prodInfo li{
  padding:0 4px;
  list-style: square;
  margin:0 2em
}

.tabelaKarakteristika {border-collapse: collapse;margin:20px 0}
.tabelaKarakteristika tr {}
.tabelaKarakteristika td{padding:4px 30px 4px 10px;font-size:12px;border:1px solid #ddd;}


.prodOpis .prodDescription p{ font-size: 15px}
.prodDescription {display:block;margin:10px 0;}
.prodMoreDescription { width: 100%; margin: 15px 0}
.prodMoreDescription .product-table { display: inline-block; width: 50%}
.prodMoreDescription .product-table p{ font-size: 15px}

.prodMoreDescription table {border-collapse: collapse;width:70%;margin:0 auto;}
.prodMoreDescription table tr {background:#eee;border:2px solid #fff;box-sizing:border-box;}
.prodMoreDescription table td {padding:4px;box-sizing:border-box;}
.prodMoreDescription table td:nth-child(1){width:110px!important;}


.tabelaArtikala {padding:10px 10px 30px 10px}
.articleTable {width:100%;margin:5px 0;border-collapse: collapse;}
.articleTable > tbody > tr td { box-sizing:border-box;}
.table-condensed {margin:10px 0}
.table-condensed td{border:1px solid #ccc;box-sizing:border-box;}
.table-condensed td{padding: 3px 5px; font-size: 14px;}
.articleTable .CodeNum_compare {width:1%;text-align:center;margin:0;padding:0;}
.table.table-condensed.table-hover.table-bordered{border-collapse: collapse;}
.prodMoreDescription p {padding:2px 4px;}
.prodMoreDescription ul {padding:4px 8px}
.prodMoreDescription ul li{list-style:inside;font-size:13px;padding:2px 4px;}

.relatedProdsCnt{width:100%;margin:15px 0;;border-radius:20px;padding:10px;box-sizing:border-box;}
.relatedProdsTitle {background: #0077BE;color: #fff;padding: 4px 10px;}

#prodID_1 {width: 200px; height: 200px;}
#prodID_1 .catalogueThumbLink { border: 10px solid #eee;display: block;width:100%; height:100%; box-sizing: border-box; border-radius: 50%;overflow: hidden;}
#prodID_1 .catalogueThumbtLink img {box-sizing:border-box; border-radius:50%;}
#prodID_1 .catalogueTextLink {display: block;text-align: center; padding-top: 10px; box-sizing: border-box}
#listaProizvoda {padding-top: 20px;background-color:#efeeee;text-align:center;margin-right:8px; 
border:2px solid #2196f3;border-top:1px solid #ccc; border-radius:0 0 6px 6px
}


.napomene p{
  font-size: 12px
}

.napomene p a{
  color:darkorange
}

.docVrsta5 {margin:0 auto;width:300px;}
.docVrsta5 iframe {width:100%;height:auto;}
.docVrsta101 {display:inline-block;vertical-align: top;width:14%;padding:10px;box-sizing:border-box}

.prodDocsList {padding:12px 0;}

/* NARUCIVANJE ARTIKLA - CASE 1 */
.tableOfAricles_container {position:relative;}
.coll_title{width: 100%;}
.orderBox{
  display:none;
  position:fixed;
  top:78px;left:0;right:0;bottom:50px;
  z-index: 1000;
  width:500px;
  margin:0 auto;
  background:#fff;
  border:2px solid #999;
  box-shadow:0 20px 30px 0 rgba(0,0,0,.2);
  overflow-y:auto;
  padding:20px;
  box-sizing: border-box;
}

.back_up {
  display:block;
  padding:5px 10px;
  text-align:center;
  background:#ddd;
  color:#666;
  position:absolute;
  top:0;right:0;
  cursor: pointer;
  font-size:10px
}

.artOrder_table {border-collapse: collapse;
  margin:10px 0;
  border:1px solid #ccc;

}
.artOrder_table td{
  width:1%;
  border:1px solid #ddd;
  padding:8px 6px;
  box-sizing:border-box;
 
}
.artOrder_table p{
  text-align: right;

}

.artOrder_table td:nth-child(2){
  text-align: center;
}
.artOrder_tableHead td{
  border:none;
}

.artOrder_table td ul{
    margin:10px
}
.artOrder_table td li{
  font-size:12px;
  list-style: square;
  list-style-position: inside;

}

.artOrder_table td .skice{
  width:80%;
  margin: 20px auto 10px auto;
}
.modelPolje{
  background: #0757A5;
  color:#fff;
  font-weight: bold;
}

.cenaNarudzbenica{
  font-family: ubuntuB;
  font-size:36px;
  text-align: right;
  color:#222;
}

.pdvNarudzbenica{
  font-size:11px;
  text-align: right;
}

.artOrder_table td .modelOfProduct{
  font-size: 26px;
  padding:40px 20px;
  text-align: center;

}

.kolicina{
  border:1px solid #ccc;
  background:#cde;
  padding: 4px;
  text-align: center;
  outline:2px solid #ccc;  
  
}


.orderMe > div{display:block;vertical-align: top;
width:180px;
}
.orderMe .back_down {
  position: absolute;
  top:0;left:0;
  display:block;
  padding:3px 3px 2px 3px;
  text-align:center;
  background:#ddd;
  color:#666;
  width:20px;height:20px;
  cursor: pointer;
}

.orderMe .poruciButton {
  border: 1px solid #ccc;
  padding: 14px 18px;
  
  border-radius: 4px;
  background: #0176c1;
  text-align: center;
  cursor:pointer;
  margin:20px auto 0 auto;
}
.orderMe .poruciButton:hover{background: #0757a5;box-shadow: 0 20px 30px 0 rgba(0,0,0,.1);}
.orderMe .poruciButton span {color: #eee; font-weight:bold;font-size: 16px;}

/*LISTA SUBARTICLES*/
/*TEMPLATE 4*/
.template4 table{border-collapse:collapse;width:100%;

}
.template4 table th{
  padding: 10px 4px;
  
  color: #666;
  font-size: 11px;
  border-bottom: 1px solid #ccc;
}
.template4 table tr:nth-child(2n){
  background:#efefef;
}
.template4 table td {text-align:center;}
.template4 table td a {font-size:16px;padding:4px 0;display:block;}
.template4 table a.icons{color:#aaa}
.template4 h3 {color: #666;font-family: ubuntu;padding: 5px 0px;cursor:pointer;border-bottom: 1px solid #ccc; }

.template4 .subarticleModel {position:relative;}
.template4 .subarticleModel .subarticleImg {position:absolute;top:-110px;right:100%;width:220px;border:1px solid #555;box-sizing: border-box;display:none}
.template4 .subarticleModel .subarticleImg img{display:block;width:100%;height:auto;}
.template4 table tr:hover .subarticleModel .subarticleImg {display:block}

.template4 .td-432 img{
  width:18px;
}
.template4 .td-431, .template4 .th-422{
  text-align: left;
}

/* TABELA ARTIKALA ZA PORUČIVANJE */
.articleTable{
  width: 100%;
  border-collapse: collapse;
}
.articleTable th{
  padding: 8px 0 8px 8px ;
  font-weight: bold;
  letter-spacing: 0.4px;
  text-align: left;
  color: #212121;
  font-size: 14px;
  background:#e8e8e8;
  border-top:1px solid #dedede;
  border-left:1px solid #dedede;
  border-right:1px solid #dedede;
  border-bottom:2px solid #ccc;
   
}
.tipTabele-1 td ul li:nth-child(-n+1) span{font-weight:bold;font-size:13px;}
.tipTabele-2 td ul li:nth-child(-n+2) span{font-weight:bold;font-size:15px;}
.tipTabele-3 td ul li:nth-child(-n+3) span{font-weight:bold;font-size:15px;}
.tipTabele-4 td ul li:nth-child(-n+4) span{font-weight:bold;font-size:15px;}
.tipTabele-5 td ul li:nth-child(-n+5) span{font-weight:bold;font-size:15px;}

.articleTable th span{
  color: #333;
}
.articleTable tr {position:relative;}
.articleTable td{
  padding: 0 10px;
  font-size: 14px;
  color:#212121;
  border-bottom: 1px solid #dedede;
}
.articleTable th{
  margin: 0;
  padding: 6px 10px;
}
.CodeNum{
  width: 1%;
  position:relative;
}
.statusArtikla {
  background:#fff;
  position:absolute;
  top:2px;right:calc(100% - 5px);
  cursor:pointer;
}
.statusArtikla > span {
  display:block;
  font-size:18px;
  color:red;
}
.CodeNum span{_font-size:14px;}
.CodeNum span.artInfo {float:right;background:#ddd;padding:2px 10px;cursor:pointer;}
.articleTable td.kolonaCena {font-size:13px;}
.artText{position: absolute; top:100%;left:0; background: rgba(255,255,255,.96); width:100%; z-index:100;
border:6px solid #888; border-top:none;min-height:30px; padding: 4px 20px 16px 20px;
box-sizing: border-box;
  display: none;
}

.artClose{ position: absolute; top:5px;right:10px; 
font-weight: bold;font-size:11px;border:1px solid #ccc;padding:2px 5px;cursor:pointer;
  display: none;
}

.moreInfo{
  border: 1px solid #bbb;
  padding: 0px 8px;
  border-radius: 50%;
  background: #aaa;
  color: #eee;
  display: block;
  cursor:help;
  font-size:16px;
  font-weight: bold;
}

/*TABELA SUBARTIKALA*/
.tableSubarticles{
  padding: 20px;
  box-sizing: border-box;
}
.tableSubarticles table{
  width:90%;
  margin:auto;
  border-collapse: collapse;
  border:2px solid #ccc;
  border-top:none;
  font-family:ubuntuLT
  
}

.tableSubarticles table tr{
  background: rgba(190,180,240,.16);
}
.tableSubarticles table tr:nth-child(2n){
  background: rgba(200,200,220,.15);
}


.tabelaArtikala .tableSubarticles table td{
  padding:4px 8px;
  border:none;
  border-bottom:1px solid #ccc;
}
.tabelaArtikala td a{
  display: block;
  width:100%;
  padding:2px;
  text-align: center;
  font-size: inherit;
  color:inherit;
}

.brojTable{
  width:80px;
}
.detaljTable{
  width:70px;

}
.tableSubarticles .detaljTable a{
  text-align: left;
  text-decoration: underline;
}

.articleTable .coll_catnum{ width: 1%; }
.articleTable .coll_catnum2{width: 1%;  }
.articleTable .coll_desc{  }
.articleTable .coll_unit{ width: 1%; }
.articleTable .coll_pack{ width: 1%; }
.articleTable .coll_price{ width: 100px}
.articleTable .coll_pricepdv{ width: 1%; }
.articleTable .coll_qty{ width: 1%;display:none}
.articleTable .coll_add{ width: 1%; }
.articleTable .coll_json{}
.articleTable .coll_json ul li {width: 100px;}
.articleTable .coll_json ul li span{all: initial!important;}

.articleTable input[type='number']{
    font-size: 13px;
  font-weight:bold;
    padding: 2px 2px;
    width: 44px;
  text-align: center;
  border:1px solid #ccc;
  -moz-appearance: textfield;
  -webkit-appearance: none;
  border:none;
 background:none;
 
}


/*ARTICLE PROPERTIES IN TABLE*/

.tipTabele-1 .article_properties_label tr li,.article_properties li{
  padding:12px 3px;
}
.article_properties_label,.article_properties{
  width:100%;
  display: table;
  table-layout: fixed;
}
.tipTabele-1 .kolona_json .article_properties li span{font-weight: normal;}
.article_properties_label li,.article_properties li{
  
  display: table-cell;
  min-width:20px;
  text-align: center;
  _font-size:10px;
  vertical-align: middle; 
}
.article_properties_label li span,.article_properties li span{
  /*! font-family: ubuntu; */
  /*! font-size:11px; */
}
.article_properties_label li span img{
  width:17px;
  height:auto;
  display:inline;
}
.poruciArtikal{
  cursor:pointer;
  margin:6px 2px;
}
.poruciArtikal span{
  display: block;
  padding:5px 8px 3px 7px;
  font-size:20px;
  border-radius:4px;
  color:#00aaed;
}
.poruciArtikal span:hover{color:#0077be;}
.addItemIconBoxporuciArtikal i{
  display:block;
  width:100%;
  height:100%;
 
}
.poruciArtikal i:after{
  content: "\f061";
  font-family:icons;
  display:block;
  font-size:14px;
  
}
.addItemBox{
  _display:none;
  position:absolute;
  border:1px solid #ccc;
  background-color:#fff;
  width:180px;
  text-align:left;
}

.addItemBox h3{
    text-align:left;
    color:#fff;
    padding:8px;
    background:#3c75ab;
    cursor:pointer;
    position: relative;
}
.addItemBox h3 i{
    position: absolute;
    right: 4px;
    font-size: 18px;
    color: #ffffff;
}

#pieces{
    font-size: 16px;
    padding: 6px;
    width: 44px;
}
.addItemBox button{
    font-size: 16px;
    margin-top: 10px;
    padding: 10px 6px 10px 6px;
    border:1px solid #005c82;
    border-radius: 8px;
    background-color: #005c82;
    color: #fff;
    display: block;
    width: 80px;
    margin: auto;
    cursor: pointer;
}


/* PRIKAZ LISTE SIMBOLA */
.iconTableContainer {width:500px;margin:0 auto;}
.iconTableContainer tr {width:100%;height:auto;}
.iconTableContainer th {padding:10px;border-bottom:1px solid #ccc;}
.iconTableContainer td {vertical-align: middle}
.iconTableContainer .idGrup {text-align:center;font-size:18px;}
.iconTableContainer .pictureOfSybols {width:20px;}
.iconTableContainer .pictureOfSybols img{display:block;width:100%;height:auto;padding:10px;box-sizing:border-box;}

.iconTableContainer tr:nth-child(2n){
  background:#ddd;
}
.iconTableContainer tr:nth-child(2n+1){
  background:#ccc;
}

/********** Stlovi za modul PLUM WishList **********/

#wishlist_fastview{
  position:relative;
  border:1px solid #0463a1;
  margin-top:10px;
  padding: 0px;
  background:url(images/bgnd_heder_fastview.gif) repeat-x 0% 0%;
}
#wishlist_fastview img{
  border:0px;
}
#wishlist_fastview h2{
  padding:2px 4px 4px 10px;
  margin-left:2px;
  color:#fff;
}
#wishlist_fastview p{
margin-top:10px;
padding:0px 4px 0px 4px;
}

#wishlist_fastview .fastViewFuter{
  padding:4px;
  font-size:11px;
  color:#333;
  border-top:1px solid #575757;
  background:#eee;
}

A.goToList{
  display:block;
  color:#666;
  text-decoration:none;
  text-align:right;
  padding:3px 20px 3px 0px;
  margin-bottom:4px;
  font-size:10px;
  background:url(images/icon_tolist.gif) no-repeat 100% 50%;
  border:0px solid #FF0000;
}
A.goToList:hover{
  text-decoration:underline;
}

.link_itemIcons{
  padding-left:4px;
}

#wishlistDisplay table{
  width:100%;
  border-collapse:collapse;
}
#wishlistDisplay tr:hover{
    background: #ddd;
}
#wishlistDisplay th{
  background:#eee url(images/bgnd_heder_liste.gif) repeat-x;
  padding:5px 2px 5px 6px;
  font-size:10px;
  font-weight:bold;
  font-family:arial;
  color:#575757;
  text-align:left;

}
#wishlistDisplay td{
  border-bottom:1px solid #ccc;
  padding:2px;
}
#wishlistDisplay td button{
    padding: 6px;
}
#wishlistDisplay td button i{
    font-size:22px;
}

#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:10px 6px 10px 10px;
  background:url(images/bgnd_wishlist_icon.gif) no-repeat;
  border-top:1px solid #ccc;
  height:200px;
}

#wishlist_buttons A{
  display:block;
  width:70px;
  padding:70px 2px 8px 2px;
  text-decoration:none;
    text-align: center;
  margin:2px 2px 2px 2px;
  float:left;
  color:#646464;
  font-size:10px;
}
#wishlist_buttons a:hover{
  border:0px solid #444;
}

#wishlist_buttons .WSicoPrint{ background:url(images/icon_print.gif) no-repeat 4px 2px; }
#wishlist_buttons .WSicoPrintPhoto{ background:url(images/icon_print_photo.gif) no-repeat 4px 2px; }
#wishlist_buttons .WSicoPrintCSV{ background:url(images/icon_print_csv.gif) no-repeat 4px 2px; }
#wishlist_buttons .WSicoSendEmail{ background:url(images/icon_send_email.gif) no-repeat 4px 2px;}
#wishlist_buttons .WSicoSaveList{ background:url(images/icon_savelist.gif) no-repeat 4px 2px; }
#wishlist_buttons .WSicoNewList{ background:url(images/icon_newlist.gif) no-repeat 4px 2px; }
#wishlist_buttons .WSicoAsNewList{background:url(images/icon_save_as_new.gif) no-repeat 4px 2px;}
#wishlist_buttons .WSicoPrintXLS{background:url(images/icon_print_xls.gif) no-repeat 4px 2px;}

input.save_wishlist_button{
  margin:6px 6px 10px 6px;
  background: #eee url('images/save_changes_bgnd.gif') no-repeat;
  border:1px solid #ccc;
  width:29px;
  height:28px;
  padding-left:20px;
  cursor:pointer;
}
input.save_wishlist_button:hover{
  background: #eee url('images/save_changes_bgnd_hover.gif') no-repeat;
}


/* ------- < popUpImage > -------- */
#popUpImageBox{
  position:absolute;
  display:none;
  padding:5px;
  border:1px solid #ccc;
  background-color:#fff;
}
/* ------- </ popUpImage > -------- */

/* WISHLIST CATALOGUE TOOLBAR */

.wishListBar {
  position:fixed;bottom:-109px;left:0;right:0;background:#444;
    -webkit-transition: bottom 2s;
  transition: bottom 2s;
}
.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;
}
.promo-pics-container .promo-pics-container-inside.w4 {
  height: 110px;
  display: block;
  margin: 0;
  padding: 0;
  font-size:0;
}

.toolbarInner .icons {
  width:50px;
  text-align:center;
  font-size:24px;color:#ccc;
  padding:30px 0;
}
.wishListBar a {display:block;width:100%;height:100%;box-sizing:border-box;}
.wishListBar .hederBoksa {text-align:center;color:#eee;font-weight:bold;padding:5px 0;border-bottom:1px dashed #ccc;box-sizing:border-box;}
.wishListBar .hederStrelica {position:absolute;top:0;right:2%;width:34px;height:30px;text-align: center;cursor:pointer;transition: 1s ease-in-out;}
.wishListBar .hederStrelica .icons {font-size:26px;color:#ccc;font-family: icons;width:100%;padding:3px 0 0 0;}

.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:beige;
  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:100%;height:auto;}
.leftTollBarBox .toolBarQty {
  position:absolute;bottom:0;right:0;
  background: #0077BE;
  color: #fff;
  padding: 2px 6px;
}

.rightTollBarBox .toolBarArtModel {background: #0077BE;padding: 4px 8px;display:inline-block;color:#fff}
.rightTollBarBox .removeItem {position:absolute;top:0;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;}



/******************** < WISH LIST PAGE > **************************/

#snimljeneListe{
  border-collapse:collapse;
  margin:10px 0px 10px 0px;
}
#snimljeneListe TH{
  background-color:#666666;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  color:#FFFFFF;
  padding:3px;
  text-align:left;
}
#snimljeneListe td{
  text-align:left;
  padding:4px;
}
#snimljeneListe td a{
  color:#333;
}
#snimljeneListe td a:hover{
  color:#666;
  text-decoration:none;
}


#wishlistDisplay table{
  width:100%;
  border-collapse:collapse;
  border:3px solid #eee
}
#wishlistDisplay tr{
    
}
#wishlistDisplay tr:hover{
    background: #ffe;
}
#wishlistDisplay th{
  background:#eee url(images/bgnd_heder_liste.gif) repeat-x;
  padding:5px 2px 5px 6px;
  font-size:10px;
  font-weight:bold;
  font-family:arial;
  color:#575757;
  text-align:left;
  border-right:2px solid #fff

}
#wishlistDisplay th:last-child{ border:none}
#wishlistDisplay td{
  padding:2px;
  border-right:2px solid #fff
}
#wishlistDisplay td button{
    padding: 6px;
  background: #fff;
  border:1px solid #ccc;
   cursor: pointer;
}
#wishlistDisplay td button i{
    font-size:22px;
  color:darkorange;
 
}

#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: 100px;width:100px;
    object-fit: contain;
}

#wishlistDisplay input[type="number"]{
    font-size: 16px;
    padding: 6px;
    width: 44px;
}

#wishlist_buttons{
  padding:0px 6px 0px 10px;
  background:url(images/bgnd_wishlist_icon.gif) no-repeat;
  height:200px;
}

#wishlist_buttons A{
  display:block;
  width:13.15%;
  padding:30px 2px 8px 2px;
  text-decoration:none;
  text-align: center;
  margin:2px 2px 2px 2px;
  float:left;
  color:#333;
  font-size:12px;
}
#wishlist_buttons a:hover{
  border:0px solid #444;
}
#wishlist_buttons a:before{
  font-family: icons;
  display: block;
  width:30px; height:30px;
  content:"def";
  font-size:40px;
  color:darkorange;
  margin:auto;padding:0 0 20px 0;
}

#wishlist_buttons .WSicoPrint:before{content:"\f02f"}
#wishlist_buttons .WSicoPrintPhoto:before{content:"\f029"}
#wishlist_buttons .WSicoPrintCSV:before{content:""}
#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";}

.overallPrice{margin-top: 10px}
.naruciListu{display: block; margin: 20px auto; text-align: center;}
.WSicoSendEmail{background: #0c0c30; color: #fff; padding: 10px 40px; box-sizing: border-box; 
  width: 130px; display: block;margin: 20px auto; text-align: center;}
.usloviCheckbox{margin-top: 15px; line-height: 1.5em;}
.usloviCheckbox #potvrda{margin: 10px; display: inline-block;}

input.save_wishlist_button{
  margin:6px 6px 10px 6px;
  background: #eee url('images/save_changes_bgnd.gif') no-repeat;
  border:1px solid #ccc;
  width:29px;
  height:28px;
  padding-left:20px;
  cursor:pointer;
}
input.save_wishlist_button:hover{
  background: #eee url('images/save_changes_bgnd_hover.gif') no-repeat;
}

.returnToCatalog{
  width:80%;margin:auto;text-align: center;
}
.returnToCatalog a{
  background:#fff;
  padding:8px 30px;
  border:1px solid #999;
}
.returnToCatalog a:hover{
  background:darkorange;color:#fff
}

.itemcomment{position:relative;font-size:10px;padding:0 0 14px 5px!important; border:1px solid transparent; background:beige; border-top:3px solid darkorange;display:none }
.itemcomment span{display:none;}
.itemcomment .napomena-inner{border-left:10px solid #fff; padding: 6px}
.itemcomment .closeMe{display: none}

/* < STILOVI PORUKA > */
.porukaObavestenja{
  margin:8px;
  padding:8px;
  font-size:16px;
  background:#eee;
  text-align:center;
}


/*STEP BACK*/
.stepBACK{
  position:fixed;
  top:20%;left:4px;
}
.catid_4 .stepBACK{
  display: none
}

.stepBACK a{
  font-size:36px;
  color:rgba(10,10,10,.5);
}

.stepBACK span{
  display: block;
  text-align: center;
  font-size: 13px;
  color:#777
}

/* ------- < popUpImage > -------- */
#popUpImageBox{
  position:absolute;
  display:none;
  padding:5px;
  border:1px solid #ccc;
  background-color:#fff;
}
/* ------- </ popUpImage > -------- */

#snimljeneListe{
  border-collapse:collapse;
  margin:10px 0px 10px 0px;
}
#snimljeneListe TH{
  background-color:#666666;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  color:#FFFFFF;
  padding:3px;
  text-align:left;
}
#snimljeneListe td{
  text-align:left;
  padding:4px;
}
#snimljeneListe td a{
  color:#333;
}
#snimljeneListe td a:hover{
  color:#666;
  text-decoration:none;
}

/* < STILOVI PORUKA > */
.porukaObavestenja{
  margin:8px;
  padding:8px;
  font-size:16px;
  background:#eee;
  text-align:center;
}
/* </ STILOVI PORUKA > */


/***************END KATALOG PROIZVODA***************/


/***************FOOTER***************/
.oblast_futera .full-width{padding-bottom:44px;text-align: center;}
.katalog .oblast_futera {margin-bottom:32px;-webkit-transition: margin-bottom 2s;transition: margin-bottom 2s;}
.katalog .oblast_futera.active{margin-bottom:140px;-webkit-transition: margin-bottom 2s;transition: margin-bottom 2s;}
.oblast_futera{
  font-size:0;
  background:linear-gradient(-180deg,#168ff4 3%,#0085F4 50%);
  color:#fff;
}
.oblast_futera a{
  color:inherit;
}
.oblast_futera img{
  display:inline-block;
  width:auto;
}
.oblast_futera .footer-talas img{margin-top:-8%;overflow: hidden;width: 100%;border: 2px }
/*FOOTER SOCIAL*/

.oblast_futera .firstBox{
  margin:20px 0 0 0;
  position: relative;
  background: #444;
}

.oblast_futera .firstBox:before{
  z-index: 0;
  content: "";
  height:30px;
  background:rgba(0,0,0,.5);
  display: block;
  width:100%;
  position: absolute;
  bottom:100%;

}

.oblast_futera .network_links {text-align:center;padding:8px 0;}
.oblast_futera .network_links ul {font-size:0px;}
.oblast_futera .network_links ul li {list-style:none;display:inline-block;vertical-align: top;width:40px;height:40px;margin:0 10px;}
.network_links li a{background: transparent;}
.oblast_futera .network_links ul li a {color:#fff;font-size:22px;display:block;width:100%;height:100%;display: flex;flex-direction: column;justify-content: center;}
.oblast_futera .reducedBox{
  font-size:0;
  box-sizing: border-box;
  width:70%;
  margin:  auto;
  text-align: center;
  padding: 30px 0;
}
.oblast_futera .newsletterBox{margin-top:-6%; padding-bottom:34px;border-bottom:1px solid white;}
.oblast_futera .reducedBox #newsletter h2{font-family: arial;font-size:18px;padding-bottom:10px;}
.oblast_futera .reducedBox #newsletter input{border: 0px;padding:12px 10px 12px 18px;border-radius:6px 0px 0px 6px;background: rgba(255, 255, 255, 0.3);box-shadow:0 20px 30px 0 rgba(0,0,0,.1)}
.oblast_futera .reducedBox #newsletter input:hover{background:white; }
.oblast_futera .reducedBox #newsletter .newsletter_form_fire_submit{color:#fff;background-color:#1371b3;padding-right:18px;font-family: arial;font-weight:bold;margin-left:-4px;border-radius:0px 8px 8px 0px; }
.oblast_futera .reducedBox #newsletter .newsletter_form_fire_submit:hover{background:#003366; }
.footerElement{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
 
.element-1:before{content:"";display:block;padding:0px 0px 10px 18px;background-image:url("../../cms_upload/pages/files/40_sidro.svg");width:30px;height:50px;background-repeat: no-repeat;}
.element-2:before{content:"";display:block;padding:0px 0px 10px 18px;background-image:url("../../cms_upload/pages/files/40_korpa.svg") ;width:30px;height:50px;background-repeat: no-repeat;}
.element-3:before{content:"";display:block;padding:0px 0px 10px 18px;background-image:url("../../cms_upload/pages/files/40_kompas.svg") ;width:30px;height:50px;background-repeat: no-repeat;}
 
.element-1{
  width:40%;padding-left:20%;
}
 .element-2{
  width: 20%;
}
.element-3{
  width: 30%;
  padding:0 0 0 70px;
}
.footerElement > div{
  display: inline-block;
}
 
.element-1 ul:last-of-type{margin-top:20px;}

.element-2  span{
vertical-align: top;
  display: inline-block;
  padding:3px 0 3px 7px
}
.element-1 li,.element-2 a,.element-3 a{font-size:14px;}
.element-2 a:hover{color:  rgba(0,0,0,.6);}
.element-3 li{
  background: rgba(0,0,0,.25);
  margin:4px 0;
  padding:0px 8px;
  max-width:100%;
  position: relative;box-shadow:0 20px 30px 0 rgba(0,0,0,.1)
}
.element-3 li:hover{
  background: rgba(0,0,0,.6);
}

.element-3 li a{
  display: block;
  padding:6px; 
}

.element-1   h2, .element-2  h2>a,.element-3  h2>a{
  text-transform: uppercase;
  font-size:18px;
  letter-spacing:  .3px;
  margin-bottom: 12px
 }
.footerElement p{
  padding: 0 0 20px 0;
}
.element-2 ul,.element-3 ul{padding-top:12px;}
.element-1 li,.element-2 li,.element-3 li{margin-top:6px;}
.element-1 .informacije a:hover{color:rgba(0,0,0,.6);}

/*************** END FOOTER***************/

@media(max-width:1291px){
  .glavni_meni{ right:0 }
 .glavni_meni ul > li a{ padding:5px;}
 .baner_slide_description{
    font-size:60px;
    bottom:100px;
    display: block;
    width:100%;
    background: none;
    text-align: center;
    font-family: initial;
    color:#446;
  }
 
  .baner_slide_title{
    text-align: center;
    margin:auto;
    font-size: 40px!important;
    color:rgba(100,100,100,.7);
    bottom:180px;
    background: none;
    font-family: robotoL;
    letter-spacing: -1px;
    background: rgba(190,190,190,.4);
    padding: 20px;
  }
  .oblast_strane .catalog_search{
   top:72px;
  left:77%;
  }
.oblast_strane #brzi_pretrazivac .stringPolje{
  width:140px;
  padding:4px;
  background:#fff;
  color:black;
  font-size:14px
}  
  .oblast_strane #brzi_pretrazivac .searchDugme{
 position: absolute;
   top:4px; 
  }
  }


@media(min-width:1400px){
 
 
  .index .reduced-width{width:1080px}
}

@media(min-width:1924px){ .glavni_meni ul{
  display:inline-block;
  vertical-align:middle;
  background: #0187cf;
  border-top:8px solid #0187cf;
  border-bottom:7px solid #0187cf;
  top:70px;
  }
 .top_baner{
padding-left:calc(50% - 960px);
}
.index .brendovi{ margin:34px 0px 4% 0px; }  
}