/* MAIN STRUCTURE CSS */

*{padding:0px;margin:0px;}
HTML{width:100%;}
BODY {width:100%;font-size:14px;font-family: gramper, sans-serif;color:#333;}
a{color:#555; text-decoration:none;}

.img {border:0;}
.oblast_strane{width:100%;margin:auto;}

.glavni_meni{width:70%;padding:0 0 0 60px}
.top_baner{width: 100%;position:relative;overflow:hidden;}
/*
#jssor1_container>div>div>div:after{content:"";width:1920px;height:500px;position: absolute;top:0;background-image: url(../../cms_upload/pages/files/3_home_kosina.svg);z-index: 200;background-repeat: no-repeat;}
#jssor1_container>div>div>div:before{content:"";width:1920px;height:400px;position: absolute;top:0;background-image: url(../../cms_upload/pages/files/3_home_kosina.svg);z-index: 200;background-repeat: no-repeat;}
*/

.catid_4 .oblast_sadrzaja{
	width:100%;
	/*! padding:40px 0 70px 0; */
	
	
}
.oblast_sadrzaja{
	width:100%;
	/*! padding:40px 0 70px 0; */
	margin-top:0px
	
}

@font-face {
    font-family: Symbols;
    src: url('../../site_includes/css/font-awesome/fonts/FontAwesome.otf');
}

@font-face {font-family: gramper; src:url(../../site_includes/css/fonts/sairasemicondensed-regular.ttf);}
@font-face {font-family: gramperL; src:url(../../site_includes/css/fonts/sairasemicondensed-thin.ttf);}
@font-face {font-family: gramperB; src:url(../../site_includes/css/font/sairasemicondensed-bold.ttf);}
@font-face {font-family: gramperBL; src:url(../../site_includes/css/fonts/sairasemicondensed-black.ttf);}



/************* ELEMENTI ZAGLAVLJA  ***************/
.oblast_zaglavlja{display:flex;position:relative;z-index: 1000;width:100%; align-items: flex-start;background: #2E3192;
}
.catid_4 .oblast_zaglavlja{
	_position:absolute;
	background:#0f1145;
_background: rgba(0,0,0,.6)

}
.oblast_zaglavlja{transition:all .2s;}
.logo{border:none;margin:10px 10px 0 2%;}
.logo img{border:none;width:110px;height:auto;transition:all .2s}
.catid_4 .glavni_meni ul{
	 width:100%;
	list-style-type: none;
	position: relative;
  margin:0;
	font-size:0;
}
.glavni_meni{transition:all .2s}
.glavni_meni ul{_margin-top:54px;}
.glavni_meni > ul > li{
	font-size:initial;
	margin:0; position:relative;
	display:inline-block;
	box-sizing: border-box;
	vertical-align: top;
	border-left:1px solid #aaa;
	padding:44px 8px 10px 8px;
	
 
}
.glavni_meni > ul > li > a{
	text-decoration:none;
	display: block;
	text-align:right;
	padding:4px 34px 12px;
	font-size:18px;
	color:rgba(255,255,255, .8);
	transition:all .3s;
}
.glavni_meni > ul > li:hover:after{opacity:.1;}
.glavni_meni > ul > li > a:hover{color:#fff;}
.glavni_meni > ul > li:nth-child(1) a{padding-right:22px;}
.glavni_meni > ul > li:nth-child(3) a{padding-left:22px;}
.glavni_meni > ul > li:nth-child(4) a{padding-left:32px;padding-right:24px}
 .glavni_meni > ul > li:nth-child(5) a{padding-left:60px;padding-right:24px}
.glavni_meni > ul > li:nth-child(6) a{padding-left:72px;padding-right:0}

.meni_jezici{
	display: none;
	position:absolute;
	top:0;right:0;
}
.meni_jezici Li{
	list-style-type: none;
	display:inline-block;
	margin:0 5px 0 0;
	padding:10px 10px 6px 10px;
	
}
.meni_jezici Li a{color:#fff;opacity:.8;}
.markLng{	border-bottom:4px solid #ccc;}
.flyOutMenu{
display:none;
}

.qty{color:#fff; font-size: 16px; 
display: inline-block;padding:0 20px; 
	position: absolute;right:10px;top:0
}
.icons:after{
	content:"Proizvoda na listi:";
	font-size: 12px; position: absolute;
	top:5px; width:150px;
	font-family: sans-serif;
}
.icons{
	font-family: Symbols;
	font-size:30px;
	color:#fff;
	position: relative;
}
/********vfx************/
.catid_4 .oblast_zaglavlja.change_zaglavlje{position:fixed;top:0;background:#0f1145;}
.catid_4 .change_zaglavlje img{width:60px}
.catid_4 .change_zaglavlje .glavni_meni{width:100%;text-align: center;margin-top:0px;}
.catid_4 .change_zaglavlje .glavni_meni > ul > li{padding:8px;}
.catid_4 .change_zaglavlje .glavni_meni > ul > li:after{opacity:0;}
/************* HOME PAGE  ***************/
/*.home_box1{display:flex;justify-content: center;padding:80px 0 80px 0;}
.home_box1:before{content:""; left:0;top:0;background:#459; width:100%; height:50px;position:absolute;}*/
.pageBody .home_outer {
	text-align: center;
		margin:0 0 40px 0;
}

.pageBody .home_outer > div{
	display: block;
	flex-direction: column;
	width:100%;height:auto;
	vertical-align: top;
	_background: rgba(255,255,255,.92);
	text-align: left;
	padding: 36px 0;
	box-sizing: border-box;
	margin:30px auto;
	_border:1px solid #aab;

}
#pageBody .mapContainer{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin: 0;
	background: #78a
}
#pageBody .mapContainer .text_frame{
	background: rgba(200,200,200,.8);
	height:500px

}
.pageBody .home_outer .proizvodjaciLogo{
	width:90%;
	display: flex;
	flex-direction: row;
	align-content: center;
	text-align: center;
	justify-content: space-between;
}
.proizvodjaciLogo a{
	padding:0;cursor:pointer ;
	vertical-align:middle;
	padding: 10px 6px;
	box-sizing: border-box;
}

.proizvodjaciLogo a img{
	display: block;
	width:100% ;max-height:53px;
	opacity:.8;filter: grayscale(100%);transition:all 1s;
}
.proizvodjaciLogo img:hover{filter:  initial;opacity:1;}

.home_inner h3{
	text-align: right;
	padding:0 0 20px 0;
	border-bottom: 1px solid #999;
	margin: 0 0 20px 0;
}
.homeContainer .home_inner h3{
	text-align: left;
	padding:0 0 20px 0;
	border-bottom: 1px solid #999;
	margin: 0 0 20px 0;
}
.home_inner .smallTitle{
	font-size:20px;
}
.home_inner .boldTitle{
	font-size:30px;
}
.home_inner p, .home_inner li{
	font-size:14px
}
.homeContainer .home_box1{
	display: flex;	
  
}
.homeColorBox{
flex-grow: 2;
	flex-basis: 0;
	background: #335;
	width:30%;

}
.homeContainer .home_box1 .home_inner{box-sizing:border-box;position:relative;margin: auto;	flex-basis: 0;
	flex-grow: 4;}
.homeContainer .home_box1 .text_frame{padding:30px 100px 50px 34px;box-sizing: border-box;box-shadow: 0 15px 20px 0 rgba(0,0,0,.1);;background:rgba(255,255,255,.7);}

.homeContainer .home_box1 .text_frame ul{margin-top:12px;padding:20px 40px 0 20px}
.homeContainer .home_box1 .text_frame li{font-size:18px; line-height:1.6;list-style: square;}
.homeContainer .home_box1 .text_frame p{font-size:18px; line-height:1.6; padding:20px 40px 0 20px;box-sizing: border-box}
.homeContainer .home_box1 h3{color:#2e3192;;padding-left:30px;margin-bottom:-32px;  }
.homeContainer .home_box1 span{color:#0f1145;}
.homeContainer .home_box2{ display:flex;justify-content: flex-start;width:100%;box-sizing:border-box;background-image: url(../../cms_upload/pages/files/3_gramper_logo_background.jpg);background-size:100%;background-repeat:no-repeat;background-position: center; }
.homeContainer .home_box2 .home_inner{max-width:600px; padding:3% 0 6% 0; margin-left:45%;text-align:right;  }
.homeContainer .home_box2 .home_inner li{text-align:left; margin: 0 0 0 200px}
.homeContainer .home_inner h3{font-family:gramper;font-size:62px; line-height:1.8;letter-spacing:1px;padding: 0 0 0 30px;}

.homeContainer .home_box2 h3, .home_box2 p{color:#fff;}

.homeContainer .catid_4 .home_inner p{font-size:18px; line-height:1.5;letter-spacing:.3px}
.homeContainer .home_box2 .home_inner li{font-size:18px; line-height:1.6;letter-spacing:.3px;color:rgba(255,255,255, .6)}
.homeContainer .catid_4 .oblast_sadrzaja{padding-bottom:0;}


/************* BANNER  ***************/
.baner_slide_title{

	font-size:50px;
	font-family:gramper;
	letter-spacing:.7px;
	position: absolute;
	background:rgba(55,55,0,.2);
	color:#fff;
	padding:4px 56px;
	top:280px; left:0px;
	z-index: 7200;
}

.baner_slide_description{

	width:500px;
	font-size:28px;
	font-family:gramper;
	letter-spacing:.7px;
	position: absolute;
	background:rgba(20,10,10,.8);
	color:#fff;
	padding:10px 46px;
	top:370px; left:63px;
	z-index: 7200;
	line-height: 1.4em;
	text-shadow: 1px 2px 0px #444;
	border-left:2px solid #eee;
	
	_box-shadow: 0 16px 48px 0 rgba(0,0,0,.38);
}
.baner_slide_description span{opacity: .6;font-family: gramperB}
/*.baner_slide_description:before{content:"";width:334px;height:334px;position: absolute;top:-62px;left:-62px;background-image: url(../../cms_upload/pages/files/3_gramper_kosina_naslov.svg);background-repeat: no-repeat;background-size: 100%;opacity: .3;}
.baner_slide_description:after{content:"";width:160px;height:160px;position: absolute;bottom:-44px;right:-44px;background-image: url(../../cms_upload/pages/files/3_gramper_kosina_naslov_mala.svg);background-repeat: no-repeat;background-size: 100%;opacity:.6;}
*/

.baner_slide_description img{
	width:300px;
	display: none;
}
.baner_slide_description span{font-weight:normal;padding-right:10px;}
adding-right: .baner_slide_description span:last-child{padding-left:10px;}

/******************* STRANICE *********************/
.outer-wrapper{
	width:100%;
	padding:0; margin:0;
}
.inner-wrapper{
	width:1000px;
	padding:0; margin:0 auto;
}
#coll_right, #coll_middle, #coll_left{position:relative;}
#coll_right{width: 240px;}
#coll_middle{position: relative;}
#coll_left{	width: 180px;}
.catTitle{
  padding:10px;
	font-size:30px;
	color:#444;
	font-weight: 300;	
}
.catShortDesc{
  padding:0px 10px 10px 10px;
	font-size:14px;
	color:#666;	
}
.pageTitle {
  padding:10px 0;
	font-size:36px;
	font-weight: lighter;
	color:#446;
}
 
.pageBody h1{font-size:32px;}
.pageBody h2{font-size:28px;font-weight:lighter;}
.pageBody h3{font-size:18px;}

.pageBody P{padding:2px 6px 4px 0;}
.pageBody UL LI{
	padding:2px;

}

.pageBody > p, ul{font-size:initial;}
.pagesList {
	list-style:none;
    padding:15px 5px 5px 0;
}
.textList{
	margin: 1em 2em
}
.pagesList LI{
	list-style:none;
	padding-bottom:10px;
	padding-top:10px;
	text-decoration:none;
	border-bottom:1px #d5d5d5 dashed;
}
.pagesList LI A{
	text-decoration:none;
	background:#fff url(images/siva_strelica.gif) no-repeat 0 2px;
	padding-left:18px;
	font-size:11px;
	display:block;
}
.pagesList LI A:Hover{
	color:#4d90cd;
	background:#fff url(images/plava_strelica.gif) no-repeat 0 2px;
}
.pagesList .markerStrane A {
	text-decoration:none;
    color:#0099CC;
    font-size:11px;
    font-weight:bold;
    background:#fff url(images/plava_strelica.gif) no-repeat 0 0;
}
 
.product-group{
	display: inline-block;
	vertical-align: top;;
	width:50%;
	box-sizing: border-box;
	padding:0 10px 10px 10px;
}
.product-group ul li{
	margin: 2px 1em;
}

.product-group h3{
	height:40px;display: table-cell;
	vertical-align: bottom;
	border-bottom:3px solid #ccc;
	width:10%;
}
.index .kontakti-wrapper, .index .pageTitle {width:1000px;margin:0 auto;font-size: initial;}
.kontakti-wrapper h4{margin:10px 0px;font-size:17px}
.kontakti-wrapper a {text-decoration: underline;}
.kontakti-wrapper p {padding:5px}
.kontakt-podaci{
	padding: 30px 0 0 0;
	display:inline-block;
	vertical-align: top;
	width:31%;
	height:280px;
}

.kontakt-podaci h3{
	font-size:36px;
	padding: 0 0 20px 0;
	color:#236
}
.kontakt-podaci:nth-child(3){ width: 34%}
.kontakt-podaci li{list-style: none}
.box-1 ul li{list-style: none; margin:0 0 0 10px; padding:4px 0 0 20px ; border-left:4px solid #237}
.kontakt-podaci.box-2, .kontakt-podaci.box-3{
	padding:100px 0
}
.podaciFirme{
	text-align: center;
}
.catid_8 .pdf-fa,.catid_8 .word-fa{
	float: none;
	display: inline-block;
	margin:4px 20px 20px 4px;
	padding: 4px 15px;
	text-align: left;
}
.pdf-fa a{	text-decoration: none;}
.pdf-fa.importantDocument{

	color:#fcc;
	_border:1px solid #f33;
	
}
.pdf-fa.importantDocument a{
	_color:#f33;

}

.kontaktiGramper{
	border-top:1px solid #237
}
.kontaktiGramper h3{
	padding:20px 0 ;
	height:50px;
}
.kontaktiGramper ul {
	display: inline-block;
	vertical-align: top;
	width:24%;
	padding: 10px 6px;
	border-left:1px solid #237;
	box-sizing: border-box;
	list-style: none;
}

.kontaktiGramper p{
	padding: 20px 0 0 0;
}
.kontaktiGramper a{
display: block;
	padding:0;
	font-size:14px
}


/* ASORTIMAN */
.asortiman .pageBody{font-size:16px}
.asortiman .pageBody .product-group{
	font-size:13px;
}

.asortiman .wrapperBoxes{
	display: flex
}

.asortiman .wrapperBoxes > div{
	flex-basis: 0;
	flex-grow: 1;
	position: relative;
}
.asortiman .wrapperBoxes > div:before{
	position: absolute;top:7px;right:102%;z-index: 10;
	content:"";
	display: block;
	width:60px;height:60px;
	background: #2a3a6a;
}
.asortiman .wrapperBoxes > div:after{
	position: absolute;top:8px;left:-58px;z-index: 10;
	display: block;
	color:#fff;
	font-size:35px;
}
.prviBox:after{
	content:"NN";
}
.drugiBox:after{
	content:"SN";
}
.treciBox:after{
	content:"VN";
}

.asortiman .pageBody h2{
	padding:20px 0 30px 0;
}
.asortiman .wrapperBoxes > div li{
	margin-left:1.2em;
	list-style-type:disclosure-closed;
}
.asortiman .proizvodjaciLogo{
	display: flex;
}

.asortimanDelovi{

}
.asortimanDelovi h3{
 padding: 50px 0 10px 0;
}
.asortimanDelovi .opremaWrapper {
	padding: 0px 0 30px 0 ;
	column-count:3;
	column-span:0;
}
.asortimanDelovi .opremaWrapper > div {
	 page-break-inside: avoid;
   break-inside: avoid;
	
}
.asortimanDelovi .srednjenaponskaOprema .opremaWrapper .oprema {
	display: inline-block;
}
.oprema h4{
	padding:40px 0 10px 0;
	font-size:20px;
}
.oprema ul li{

	padding:2px 12px;
	margin:0 0 0 1.2em;
	list-style-type:disclosure-closed;
	

}




.asortiman-proizvoda {float:left;}
.asortiman-proizvoda h3 {font-size:initial;}
.grupe-proizvoda {width:76%;margin: 0 2% 0 0;}
.proizvodjaci {width:22%; text-align: center;}
.proizvodjac-main {margin:15px 0 0 0;}
.proizvodjac-holder {margin:10px 0; padding:5px;}
.proizvodjac-holder a{display:block;width:200px;margin:0 auto;height:100%;}
.proizvodjac-holder a img {display:block; width:100%;height:auto;}


/* REFERENCE */

.reference {font-size:16px;}
.reference .text ul {
	_column-count:2;
	_padding: 30px 20px 0 20px;
	list-style-type: square;
}
.reference .box2{
	display: flex;
	margin: 30px 0;
}
.reference .box2 .text, .reference .box2 .timelineHistory{
	margin: 10px 20px 10px 0;
}
.reference .text ul {
	margin: 1em 1.5em;
}

.years{
	width:500px;
	padding: 30px 0;
	margin:50px 0;
	position: relative;
	
}
.years:before{
	content:"";
	width:10px;
	height:100%;
	background: #346;
	position: absolute;
	top:0;left:245px;z-index:100;
}
.yearConteiner{
 width:100%;
	_border:1px solid #ccc;
	position: relative;
	min-height:70px;

}

.yearConteiner .timelineHeading,
.yearConteiner .timelineText{
		position: absolute;
	display: block;
	width:250px;
	padding:0 10px;
	box-sizing: border-box;
}
.yearLeft .timelineHeading,
.yearLeft .timelineText{
	 left:0;
	text-align: right;
	
}
.yearRight .timelineHeading,
.yearRight .timelineText{
	 left:250px;
}

.timelineHeading{
	top:5px
}
.timelineText{
	top:26px
}





.left-wrapper, .right-wrapper {
	width:50%;
	display:inline-block;
	vertical-align:top;
	font-size:initial;
	box-sizing: border-box;
	padding:0 20px;
}




.left-wrapper {	border-right: 1px solid #ccc;	}

.show-me-1, .show-me-2 {display:none;}
.download-proizvodjaci-onclick-1, .download-proizvodjaci-onclick-2 {
	cursor:pointer;
}
.producers-page {font-size:0;}
.pr-float {width:50%;display:inline-block;vertical-align: top;font-size:initial;}
.pr-float > div > img {width:100%; height:auto;display:block}
.pr-logo {width:200px;height:auto;margin:0 auto;}
.pr-foto {width:300px;height:auto;margin:20px auto;}
.pr-articles-box {font-size:0;display:block;}
.producers-page-bottom {font-size:initial;}
.pr-articles {display:inline-block;vertical-align:top;width:150px;height:auto;}
.pr-articles a {display:block;width:100%;height:100%;}
.pr-articles a img {width:100%;height:auto;}

.proizvodi-asortiman-pdf {font-size: initial;}
.box-wrapper {width:100%;display:block;font-size:0;}
.box-wrapper .boxes {
	width:25%;
	height:auto;
	display:inline-block;
	vertical-align: top;
	font-size: initial;
	text-align: center;
}
.boxes a {display:block;width:%;height:100%;}
.boxes .download-img {}
.boxes .download-img img {width:106px;height:auto;border:3px solid #ccc;}
.boxes .download-text {width:100%;height:auto;display:block;}

.sertifikati a{
	margin:20px  5px;
	border:1px solid #ccc;
	padding: 8px;
	display: inline-block;
	box-shadow: 2px 2px 6px #ddd;
}
.sertifikati a img{
	display: block;
	width: 100%
}

/*********** gramper.php ************/
.gramper .oblast_sadrzaja{ max-width:1000px;margin:auto;padding:40px 0 70px 0;}


/*CAT ID 7, 12, 13, 14*/
.catid_7 #coll_left, .catid_12 #coll_left, .catid_13 #coll_left, .catid_14 #coll_left{
	display: inline-block;
	width:240px;
	vertical-align: top;
}
.catid_7 #coll_middle, .catid_12 #coll_middle, .catid_13 #coll_middle, .catid_14 #coll_middle {
	display: inline-block;
	width:750px;
	vertical-align: top; 
}
.catid_16 #coll_middle{max-width:1000px;margin:auto;}
.pdf-fa,.word-fa {display:table; font-size:20px; border:1px solid #889; border-radius: 10px;margin:15px 0px; float:right;}
.pdf-fa a,.word-fa a {width:100%;height:100%;display:block; padding:5px 8px 5px 8px;	color:#333;text-decoration: none}
.pdf-fa a:before {font-family:Symbols; content:"\f1c1";font-size:30px; padding:0 10px 0 0; color:#028ebd;}

.pdf-fa.importantDocument a:before{
	color:#f33;
}
.word-fa a:before {font-family:Symbols; content:"\f1c2";font-size:30px; padding:0 10px 0 0; color:#028ebd;}
/*********** KATALOG ************/
.oblast_kataloga {
	display:block;

	margin:0 auto;
	width: 1000px;
}
.katalog_prikaz{
	float: left;
	width: 732px;
}
.katalog_navigacija{
	width:260px;
	margin-left:8px;
	float: left;
	border-left:1px solid #ccc;
	box-sizing: border-box;
}
.kategorije ul{	margin: 0;padding: 0;font-size: 0;}
.kategorije ul li{
	list-style-type: none;
	display: inline-block;
	width: 50%;
	font-size:initial;
	border-bottom:1px solid #ccc;
	vertical-align: top;
	box-sizing:border-box;
}
.kategorije ul li:nth-child(2n+1){border-right:1px solid #ccc;box-sizing: border-box;}
.kategorije ul li a{
	display: block;
	text-decoration: none;
	font-size:0;
	width:100%;
	height:100%;
}
.kategorije ul li a span:hover{	color:red;}
.kategorije ul li a img{
  width:60px;
	height: auto;
	vertical-align: middle;
	margin:10px;
}
.kategorije ul li a span{
	display:inline-block;
	vertical-align: middle;
}
.cat_item .catName{
	padding:0;
	font-size:18px;
	width:200px;
	text-align:left;
}
.cat_item .catSubitems{
	font-size:25px;
	width:40px;
	text-align:right;
}


.proizvodi  {margin: 0;	padding: 0;}
.proizvodi  li{
	list-style-type: none;
	float: left;
	display: block;
	width:50%;
	margin:0;
    border-bottom:1px solid #ccc;
	box-sizing: border-box;
}
#listaProizvoda li {font-size:0;}
#listaProizvoda li > a {padding:0;display:inline-block;vertical-align:middle;}
.distributivna-mreza-tabela tr td{
    border:1px solid #999;
    width:150px;
    height: 30px;
    padding: 5px;
}

.proizvodi  li:nth-child(2n+1){border-right:1px solid #ccc;}
.catalogueThumbImage{
	width: 60px;
  height: auto;
  vertical-align: middle;
  margin: 10px;
}
.catalogueThumbImage:before {display:none;}
.proizvodi li a{
	display: block;
	text-align: center;
	text-decoration: none;
	font-size:14px;
	padding: 10px;
}
.catalogueItemText {
	width:259px;
	display:inline-block;
	vertical-align:middle;
}
.catalogueItemText a {
	display:block;
	box-sizing:border-box;
	padding:5px;
	font-size:initial;
}

.catalogueItemText a h3 {font-size:17px;}
.catalogueItemText a p {font-size:14px;}
.proizvod h1 {
	  font-size:32px;
    font-weight:normal;
    color:#666;
    padding:0 8px 8px 8px;
	  display:block;
}
.prodTop{margin:10px 0;display: block;width:100%;height:368px;}
.prodTop .prodSlika{
    width:350px;
	  height:auto;
    float:left;
    border:1px solid #ddd;
}
.prodTop .prodSlika img{width:100%;height:auto;display:block;margin:0;}
.prodTop .prodOpis{
    width:320px;
    float:left;
}
.prodTop .prodOpis h1{
    font-size:32px;
    font-weight:normal;
    color:#666;
    padding:0 8px 8px 8px;
}
.prodTop .prodOpis h2{
    font-size:24px;
    font-weight:normal;
    color:#666;
    padding:0 8px 8px 8px;
}

.prodDescription{padding:8px;}
.prodDescription ul{padding-left:15px;}
.articleTable{
    width:100%;
    float:none;
    clear:both;
    border-collapse:collapse;
}
.articleTable th{
    padding:4px;
    background:#ccc;
    font-size:11px;
    color:#fff;
}
.articleTable tr:hover{background-color:#eee;}
.articleTable td{
    border-bottom:1px solid #ccc;
    padding:4px;
}
.articleTable td.CodeNum{
    font-weight:bold;
    color:#666;
}
.relatedProdsTitle{
    padding:20px 0 0 0 ;
    font-size:16px;
    font-weight:normal;
    border-bottom:1px solid #666;
}
.relatedProdsCnt .proizvodi li{
   float:left;
   width:320px;
}
.relatedProdsCnt .proizvodi li img{width:100px;}
/** KRAJ KATALOGA **/

.sideCatNav{
  vertical-align:top;
  margin-top:16px;
  margin-left:0px;
  width:260px;
}
.sideCatNav UL LI{
  list-style-type:none;
  margin:0;
  padding-left:8px;
}
.sideCatNav > UL > LI{border-bottom:1px solid #ccc;}
.sideCatNav UL{border-left:1px solid #ccc;}
.sideCatNav > UL{border-left:0;}
.sideCatNav UL LI a{
    display:block;
    padding:6px;
    text-decoration:none;
}
.sideCatNav UL LI a:hover{background:#ddd;}
.sideCatNav .markItem{
background:#ccc;
font-weight:600;
}
/* BOCNI MENI */
.bocniMeniStrane {
	list-style:none;
    padding:10px;
}
.bocniMeniStrane LI{
	list-style:none;
	text-decoration:none;
}
.bocniMeniStrane LI A{
	text-decoration:none;
	font-size:12px;
	display:block;
	border-bottom:1px solid #ccc;
	padding: 10px 5px 10px 10px;
}
.bocniMeniStrane LI A:Hover{
	border-bottom:1px solid #04b9ee ;
	color:#999;
	background: #eee; 
}
.bocniMeniStrane li ul {padding:0 10px;}
.bocniMeniStrane li ul li a { border-left:4px solid #000; padding:4px}
.bocniMeniStrane .markerStrane,.bocniMeniStrane .markerKategorije{
	background: #ccc; 
}
.bocniMeniStrane .markerStrane a{color:#999;}
.bocniMeniStrane .markerKategorije a{color:#999;}

/* KRAJ BOCNI MENI */
.tabMeniStrane {
	list-style:none;
	border-bottom: 2px solid #028ebd;
	padding:7px 7px 0 7px;
}
.tabMeniStrane LI{
	display: inline-block;
	text-decoration:none;
	border-radius:  5px 5px 0 0;
	border: 1px solid #ccc;
	background:#fff;
	margin-bottom:-2px;
	border-bottom: 2px solid #028ebd;
}
.tabMeniStrane LI A{
	display: block;
	padding: 6px 8px 6px 8px;
	text-decoration: none;
	color:#737373;
	font-size: 13px;
	}
.tabMeniStrane LI A:hover{color:#028ebd;}	
.tabMeniStrane .markerStrane {
	border-color:#028ebd; 
	border-bottom-color:transparent;
	background: #fff;
}
.tabMeniStrane .markerStrane a{
	color:#028ebd;
	font-weight:400;
}
.ERRporuka{
	margin:20px;
	padding:20px;
	background:#FFC;
	border:1px solid #963;
	text-align:center;
	font-size:16px;
}
.imagesProducer{
	text-align: center;
	padding: 20px;
	margin:20px 0 ;
}

.imagesProducer img{
	display: inline-block;
	width:300px;
	vertical-align: top;
}


/* Track navigation */
.PageTrackNav{
	padding:4px;
	border-bottom:1px solid #ddd;
	position:relative;
	background-color: #eee;
}
.PageTrackNav ul li{
	list-style-type: none;
	display: inline-block;
	padding: 2px 15px 2px 5px;
	padding-bottom: 2px;
	background: url('../images/track_nav_strelica.png') no-repeat  100% 50%;
}
.PageTrackNav ul li a{
	display:block;
	color:#888;
	text-decoration: none;
}
.PageTrackNav li a:hover{text-decoration: underline;}
.PageTrackNav a.tracknav_home{/* link za kucicu */
	width: 20px;	
	background: url('../images/home_siva.png') no-repeat ;
	padding: 0px;
}
.PageTrackNav a.tracknav_home:hover{/* hover za kucicu */
	text-decoration: none;
}
/* KRAJ Track navigation */

.listaStrana{
	list-style-type: none;
	padding: 10px;
}
.listaStrana li{
	border-bottom: 1px dashed #dddddd;
	padding: 10px 0px 10px 0px;
}
.listaStrana li div.img{
	float: right;
	width: 180px;
	margin: 60px 10px 0 0;
}
.listaStrana li div.info{
	width: 700px;
	padding:40px;
	_border-right:1px solid #cdd;
}
.info h2 a{
	padding:0px 8px 8px 0px;
	font-size:19px;
	text-decoration: none;
	font-weight: 200;
	color: #006189;
}
.info p{
	font-size:14px;
	font-weight: 200;
}
.info h2 a:hover{text-decoration: underline;}
.editToCMS{
	position: absolute;
	display:block;
	padding:6px;
	color: #666;
	font-size: 10px;
	top:4px;
	right:4px;
	background: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
}
.navigatorStrana {}
.navigatorStrana td{
	height: 50px;
	padding-left: 5px;
}
/* Track Nav i PopUp */
.CatTrackNav{
  position:relative;
  margin:0px;
  border:0px dashed orange;
  color:#777;
  z-index:10;
}
.CatTrackNav ul li{
	list-style-type: none;
}
.CatTrackNav ul > li{
	display:inline-block;
	position: relative;
	border-right:1px solid #ccc;
}
.CatTrackNav ul > li > a{
	display:block;
	padding: 8px;
	text-decoration: none;
}
.CatTrackNav ul > li > ul{
	 display:none;
	position: absolute;
	top: 20px;
	background-color: #cccccc;
	border: 1px solid #999;
	width: 200px;
 }
.CatTrackNav ul > li > ul li{
	display:block;
	border-bottom: 1px solid #ccc;
}
.CatTrackNav ul > li > ul li a{
	display:block;
	padding: 6px;
}
.CatTrackNav ul > li > ul li a:hover{background: #eeeeee;}
.catTrackNavOver{background-color: #ddd;}
.CatTrackNav a:hover{text-decoration:underline;}
.CatTrackNav .poslednjiTrackNav{
  font-size:13px;
  margin-left:8px;
}
.CatTrackNav .TrackNavPopUp{
  position:absolute;
  top:30px;
  border:1px solid #ccc;
  border-top-width:2px;
  width:260px;
}
.firstCatTrackNavEl{}

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

.imageFloat{
	width:400px;
	float:right;
	margin-left:20px;
}

.imageFloat img{
	display: block;
	width:100%
}

#pageBody .boxesArray li{
	list-style: none;
	border:1px solid #cce;
	width:40%;
	vertical-align:top;
	padding:20px;
	display: inline-block;
	box-sizing: border-box;
	height:240px;
	margin:10px;
	
	
}

#pageBody .boxesArray h3{
	font-size:16px;
	padding:0 0 30px 0;
}
/****************** KRAJ SADRZAJA **********************/

/************* < FOOTER > *****************/
.oblast_futera{
	background: #235;
	color:#aab;
}
.footerNav {
	width:90%;margin:auto;
	display: flex;
}
.footerNav .footer-navigacija{
	flex-grow: 1;
	flex-basis: 0;
	text-align: center;
	padding:80px 10px 10px 10px;
}

.footerNav li, .footerNav li a, .oblast_futera h3{
	color:inherit;
}
.footer-navigacija li{
	padding: 3px;
	list-style: none
}
.footerNav li a{
	text-decoration: underline;
}
.footerNav p{
	font-size: 1.2em
}
.footerNav h4, .footerNav h3{
	font-size:1.6em;
	padding: 10px 0 20px;
}

.transparentLogo{
	width:200px;
	margin:auto;
}
.transparentLogo img{
	display: block;
	width:100%;
	opacity: .4
}

.copyrights{
	font-size:1.2em;
	text-align: center;
	padding: 10px;
	color:#89a;
}

/*************** </ FOOTER > *****************/
.prekidFloat{clear:both;float:none;}