/* MAIN STRUCTURE CSS */
*{padding:0px; margin:0px; }
.colorOsnovna{color: #0d7f40}
.colorPrimarna{color: #585858}
.colorPrimarnaJedan{color: #7db942}
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
HTML{width:100%;}
BODY {width:100%; font-size:14px; font-family:sans-serif; }
img {border:0}
a{color:inherit;font-size:inherit; text-decoration:none}
.oblast_strane{width:100%; margin: 110px auto 0; }
.oblast_zaglavlja{border:none;box-shadow:unset;background:#fff;position:fixed; top: 0; left: 0; right: 0;}
.oblast_zaglavlja_inner{width:960px;margin: auto;height:124px; position:relative; }
.oblast_sadrzaja{width:100%; min-height:600px;	margin: auto;}
.top_baner, .mainTopBannerInner{width:100%;	margin:auto;}
.top_baner img{}
.top_baner img:hover{}
.icons {font-family: icons;text-decoration:none;}
.pageTitle{text-align: center; padding-top: 15px; font-weight: lighter; }

/* DISPLAY NONE */
.catalog_search{display: none;}
.mob_main_menu, .poruciTekst {display:none;}
.nest_info, .nest_img{display: none}

/*HEADER*/
.wrapTraka {position: fixed; top: 0; left: 0; right: 0;  background: rgb(0,148,100);
	background: linear-gradient(90deg, rgba(0,148,100,1) 0%, rgba(3,2,2,1) 100%); ; width: 100%; height: 30px; display: none}
.wrapTraka ul{display: flex;  width: 300px; margin-left: auto; justify-content: space-between; padding-top: 7px; padding-right: 20px; }
.wrapTraka ul li{display: block; color: #fff}
.zaglavlje_content {width: 100%;margin:0 auto ;position: fixed;background: #fff; box-shadow: 2px 2px 2px 2px #ccc;}
.glavni_meni {list-style-type: none; width: 80%;  position: fixed; top: 0px; left: 15%; _z-index: 1;}
.glavni_meni > ul{text-align: center}
.glavni_meni >ul > li{display:inline-block;vertical-align: top;}
.glavni_meni >ul > li > a{text-decoration: none; display: block; padding: 0 3px; margin: 30px 25px; color: #333; text-transform: uppercase; }
.glavni_meni >ul > li > a:hover{color:#666; border-bottom: 4px solid #7db942}
.glavnimeni_active a{border-bottom: 4px solid #7db942; color: #666!important;}

/*padajuci meni*/
.lista_br0{position: relative}
.lista_br0:after{content: "\f078"; position: absolute; top: 27px; font-family: icons; right: 8px; color: #014b33}
.lista_br0 .padajuci_meni{background: #fff; column-count: 3; box-shadow: 0px 2px 5px 0px #999; border: 1px solid #ddd; border-top: none; 
	top: 80px; z-index: 20000;  position: absolute; width: 850px; box-sizing: border-box;display:none}

.padajuci_meni .kategorije_meni {padding: 10px 5px;list-style: none; box-sizing:border-box; }

.padajuci_meni > .kategorije_meni > a{width: 100%; display: block; text-align: left;background: red; color: yellow; padding: 5px; box-sizing: border-box;
font-weight: bold;
	font-size: 17px;
	color: #023625;
	overflow: hidden;
	background: linear-gradient(to right, #023625, #023625 50%, #008f61 50%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200% 100%;
	background-position: 100%;
	transition: background-position 275ms ease;}

.padajuci_meni > .kategorije_meni > a:hover{background-position: 0 100%;}
.padajuci_meni .kategorije_meni > ul li a{color: #555; font-size: 16px;}
.padajuci_meni .padajuci_meni_nivo_2 li {text-align: left; margin: 0 0 0 10px;}

/*KATALOG PAGES*/
.pages {display: flex; padding: 30px 0; flex-flow: wrap;}
.pages .page-cID{}
.pages .page-cID .img{width: 300px; height: 170px; overflow: hidden}
.pages .page-cID img {width: 100%; display: block}
.pages .page-cID {list-style: none;margin-left: 20px}
.pages .page-cID h2{margin-top: 10px; font-weight: normal;}

.pages .page-pID .img{width: 300px; height: 170px; overflow: hidden}
.pages .page-pID img {width: 100%; display: block}
.pages .page-pID {list-style: none;margin-left: 20px}
.pages .page-pID h2{margin-top: 10px; font-weight: normal;}

/**/
.logo{display: block; margin-top: 5px; width: 170px;}
.logo img{width: 100%;}
.logoHome a{display: block; width:300px; margin: auto;}
.logo a img{display: block; width: 100%; padding:10px; box-sizing: border-box;}
.catalog_search{position: absolute;top:50px;right:14px; z-index: 10; }

.baner_slide_title{
	position: absolute; 
	_top:90px;left:470px; bottom: 161px;
	z-index: 200;
	background: rgba(1,1,1,.5); 
	padding:18px 0px 8px 20px; 
	text-align: left; 
	color: #eee; 
	font-size: 50px;
width: 550px;
pointer-events: none}

.baner_slide_description{position: absolute; bottom:0;left:720px;
	z-index: 200; 
  background: rgba(1,1,1,.5); 
	width: 900px;
	padding:20px 0px 70px 20px; 
	box-sizing: border-box;
	text-align: left;; color: #eee; 
	font-size: 30px;
  pointer-events: none}



/*HOME CSS*/
.naslov-pocetna{display: flex; margin-top: 30px; width: 100%; border-bottom: 3px solid #7db942; padding-bottom: 10px; margin-bottom: 30px;}
.naslov-pocetna h2{text-transform: uppercase; font-weight: lighter; padding-top: 5px; padding-left: 10px }
.naslov-pocetna img{display: block; margin-left: 5px; box-sizing: border-box}
.homeTop .flexHome{display: flex; justify-content: space-between; width: 100%; margin: auto;}
.homeTop .box{background: #7db942; width: 22%; box-sizing: border-box; height: 250px;}
.homeTop .box h3{font-size: 20px; padding: 5px 2px; box-sizing: border-box; text-align: center; font-weight: lighter; background: #7db942; height: 50px; border-bottom: 2px solid #fff;
	color: #fff}
.homeTop .flexHome img{padding: 20px; box-sizing: border-box;width: 150px; height: 150px; display: block; margin:10px auto}
.homeTop .box:nth-child(2){background: #585858}.homeTop .box:nth-child(4){background: #585858}
.homeTop .box:nth-child(2) h3{background: #585858} .homeTop .box:nth-child(4) h3{background: #585858}
.homeTop .box:hover img{scale:1.2; transition: 1s}
.homeTop .flexHome .box:nth-child(3) img{width: 250px}
.novosti .pageBody p{font-size: 16px; padding: 20px 0;}
.novosti .pageBody span{margin: 10px; float: left; margin-top: 40px}
.novosti .pageBody span img{width: 150px!important;; height: 100px!important;; display: block}
.novosti-home .pages{width: 80%; margin: auto;}
.novosti-home .page-pID{display: flex; justify-content: space-between; margin: 20px auto 0 auto;border-bottom: 1px solid #7db942; position: relative}
.novosti-home .page-pID .img{width: 300px;overflow: hidden;}
.novosti-home .page-pID img{width: 100%; display: block; height: auto;}
.novosti-home .page-pID .info{width:600px; padding-left: 20px; box-sizing: border-box}
.novosti-home .page-pID .info h2{color: #585858}
.novosti-home .page-pID .info:hover h2{color: #7db942; text-decoration: underline}
.novosti-home .page-pID .info .publish_date{position: absolute;bottom: 20px; right: 30px; font-size: 20px; font-weight: lighter; color: #777}
.novosti-home .page-pID .info .antrafile{padding-top: 15px;line-height: 1.6em; font-size: 16px}
.NScurLink{ color: #0d7f40}
.NSprevLink, .NSnextLink {font-size: 25px}
.navigatorStrana {text-align: center; margin: auto;font-size: 20px; color: #444}
.navigatorStrana .NSnextLink{color: #0d7f40}

.katalozi-pocetna{display: flex; width: 100%; margin: auto; align-content:  flex-start;  flex-flow: wrap}
.katalozi-pocetna li{width: 17%; display: inline-block; margin: 15px auto;}
.katalozi-pocetna li img{width: 100%; display: block;}
.katalozi-pocetna .naziv-kataloga{font-size: 16px; color: #585858; font-weight: normal; padding-top: 10px; display: block; text-transform: uppercase}
.katalozi-pocetna li:hover .naziv-kataloga{color: #7db942; text-decoration: underline}
.more {background: #0d7f40; width: 300px;  margin: 40px auto 10px; display: block;}
.more a{padding: 10px; display: block; width: 100%; color: #fff; font-size: 18px; font-weight: lighter; position: relative;}
.more a:after {content: "\f101"; font-family: icons; position: absolute; left: 220px; top: 9px}


.AboutHome h3{margin-left: 10px; font-size: 22px; font-weight: lighter}
.AboutHome .boxFlex{display: flex;margin: 10px 10px; }
.AboutHome .boxFlex div:nth-child(2){margin-right: 10px; margin-top: 5px; max-width: 50%;}
.AboutHome .boxFlex div:nth-child(2) img{display: block; width: 100%}
.AboutHome .boxFlex div:nth-child(1){font-size: 17px; margin-right: 20px; line-height: 30px; margin-bottom: 20px;flex-grow: 1; max-width: 50%;}

/*PAGES*/
.novosti .pageTitle{text-align: center; padding-top: 15px; font-weight: lighter}
.novosti .pageBody {width: 90%; margin:10px auto;}
.novosti .pageBody p span{font-size: 16px; margin-top: 10px}
.novosti .pageBody img{width: 100%; display: block;}


/*PROIZVODI*/
.katalog .oblast_sadrzaja{min-height: 600px}
.oblast_sadrzaja .catTitle{text-align: center; padding-top: 20px; font-weight: lighter}
.katalog .PageTrackNav li{display: block; font-size: 20px; padding: 0 10px; font-weight: lighter; }
.katalog #coll_left{width: 300px; float: right; margin-top: 20px; border-left: 1px solid #ccc}
.katalog #coll_middle {width: calc(100% - 300px); }
/*
.katalog .pages{display: flex; flex-flow: wrap; width: 100%; margin: auto; justify-content:  flex-start; padding: 20px; box-sizing: border-box}
.katalog .page-cID{width: 27%; margin-right: 50px; display: block; }
.katalog .page-cID:hover img{scale: 1.1; transition: 1s}
.katalog .page-cID:hover h2{color: #7db942}
.katalog .page-cID .img{overflow: hidden}
.katalog .page-cID img{width: 100%; display: block}
.katalog .page-cID h2 {font-weight: lighter; display: block; margin: 20px 0}
*/
.nestlevel_1 {display: flex; flex-flow: wrap; width: 95%; margin: auto; padding: 20px 0; box-sizing: border-box}
.nestlevel_1 >li{display: block; list-style: none; margin: 5px 15px; width: 20%}
.nestlevel_1 > li ul li {display: block}
.nestlevel_1 > li .img{width: 250px; overflow: hidden; border: 1px solid #ccc}
.nestlevel_1 > li .img a{width: 100%; display: block}
.nestlevel_1 > li .img img{width: 100%; display: block;}
.nestlevel_1 >li h2{ font-size: 17px; display: block; margin: 10px 0; font-weight: normal; text-align: center}
.nestlevel_1 >li:hover h2{color: #7db942}
.nestlevel_1 >li:hover img{scale: 1.1; transition: 1s}


/*Galerija slika*/
.embdgallery_wrapper{width: 1000px; margin: 30px auto 0;}
.embdgallery_wrapper ul{display: flex; /*! width: 100%; */ flex-flow: wrap;}
.embdgallery_wrapper li{list-style: none; margin-left: 30px;; margin-bottom: 30px}
.embdgallery_image{width: 200px;}
.embdgallery_image img{width: 100%; display: block;}

/*NOVOSTI*/
.novosti #coll_left{display: none;}
.novosti .PageTrackNav{display: none}
.novosti .pages{display: flex; flex-flow: wrap; width: 100%; margin: auto; justify-content:  flex-start; padding: 20px; box-sizing: border-box}
.novosti .pages .page-pID{width: 22%; display: block; margin:20px auto 0;position: relative; _border: 1px solid #ccc}
.novosti .pages .page-pID:hover img{scale:1.1; transition: 1s}
.novosti .pages .page-pID:hover .moreinfo{ background: rgb(0,148,100);
	background: linear-gradient(90deg, rgba(0,148,100,1) 0%, rgba(3,2,2,1) 100%);}
.novosti .pages .page-pID:hover .publish_date{background: #222; color: #fff}
.novosti .page-pID .img{height: 156px; overflow: hidden}
.novosti .page-pID h2{font-weight: lighter; font-size: 17px;text-transform: uppercase; text-align: center; margin-top: 5px; color: #0d7f40}
.novosti .page-pID .antrafile{padding: 10px 3px;box-sizing: border-box; line-height: 20px; font-size: 16px; margin: 10px 0 45px; display: block; border-top: 1px solid #ccc}
.novosti .page-pID img{width: 100%; display: block; height: auto}
.novosti .page-pID .moreinfo{position: absolute; bottom: 0; width: 100%;
	background: rgb(3,2,2);
	background: linear-gradient(90deg, rgba(3,2,2,1) 2%, rgba(0,148,100,1) 100%);}
.novosti .page-pID .moreinfo a{font-size: 25px; font-weight: lighter; color: #fff; display: block; padding: 5px; box-sizing: border-box}
.novosti .publish_date{position: absolute; top: 0; background: #fff; padding: 6px 10px;}
.novosti .catShortDesc{text-align: center; margin-top: 20px; font-size: 17px; color: #666}

/*PROJECT*/

.project .oblast_sadrzaja {width: 1136px; margin: auto; background: #fff}
.project .oblast_strane{background: #eee}
.project .oblast_sadrzaja #pageTitle{padding-bottom: 30px}
.project .oblast_sadrzaja h2{text-align: left; padding: 10px;width: 750px; margin: 20px auto; font-weight: lighter; background:#0d7f40; color: #fff; position: relative }
.project .pageBody{padding: 20px 0}
.project .pageBody ul{width: 750px; margin: auto; font-size: 16px; position: relative}
.project .oblast_sadrzaja h2:after{content: "\f063"; font-family: icons; position: absolute; right: 20px}
.project .pageBody ul li{display: block; padding-top: 3px;}
.project .pageBody ul li:after {content: "\f019"; font-family: icons; position: absolute; right: 0;margin-top: -2px; margin-left: 10px; color: #444}
.project .pageBody ul li:hover {color: #d44}
.project .pageBody ul li:hover:after{color: #d44}
.project .map-closer{padding: 50px 0 10px; margin: auto; text-align: center}

/*O NAMA*/
.about #coll_left{width: 300px; float: right; padding-top: 20px}
.about #coll_middle {width: calc(100% - 300px);}
.about .pageTitle{width: 90%; text-align: center; margin: 15px 0; font-weight: lighter; padding-top: 20px}
.about .pageBody{width: 90%; margin:10px auto}
.about .pageBody h2{margin-top: 10px; font-weight: normal}
.about .pageBody p{line-height: 30px; font-size: 16px; margin-top: 10px}
.about .PageTrackNav{display: none}
.about .preuzimanje:after{content: "\f019"; color: #444; font-family: icons; position: absolute; margin-left: 10px; margin-top: -2px}
.about .preuzimanje:hover{color: #666}
.about .preuzimanje {margin-left: 20px;}

/*KONTAKT*/
.kontakt{display: flex; width: 90%; margin: 10px auto;}
.kontakt >div:nth-child(1){margin-right: 50px}
.kontakt >div:nth-child(1) p{padding-top: 5px; font-size: 16px; line-height: 20px;}
.kontakt >div:nth-child(1) p a{color: #666}
.kontakt >div:nth-child(1) >div{margin: 0px 0}
.kontakt >div:nth-child(1) >div:nth-child(2) a:after{content: "\f019"; color: #444; font-family: icons; position: absolute; margin-left: 10px; margin-top: -2px}
.kontakt >div:nth-child(1) >div .adresa:before{content: "\f015"; color: #444; font-family: icons;margin-right: 5px }
.kontakt >div:nth-child(1) >div .tel:before{content: "\f095"; color: #444; font-family: icons;margin-right: 5px }
.kontakt >div:nth-child(1) >div .fih:before{content: "\f10b"; color: #444; font-family: icons;margin-right: 5px }
.kontakt >div:nth-child(1) >div .mail:before{content: "\f003"; color: #444; font-family: icons;margin-right: 5px }
.kontakt >div:nth-child(1) >div .sajt:before{content: "\f041"; color: #444; font-family: icons;margin-right: 5px }

/* NAVIGACIJA PAGES*/

.bocniMeniStrane{background: #585858;}

#coll_left .bocniMeniStrane > li{list-style:  inside; display: block; padding: 10px 0 5px 10px;  margin-top: 1px}
#coll_left .bocniMeniStrane {display: block; padding: 5px 0 5px 0px;  margin-top: 1px}
#coll_left .bocniMeniStrane li a{text-decoration: none; font-size: 18px; color: #fff;font-weight: lighter; padding: 5px}
.bocniMeniStrane .markerKategorije {background: #ddd; }
.bocniMeniStrane .markerKategorije ul li{padding: 10px 0 5px 0px;}
.bocniMeniStrane .markerKategorije  a{color: #444!important;}
#coll_left .bocniMeniStrane .markerPodKategorije a {color: #7db942!important;}
#coll_left  .bocniMeniStrane .markerStrane a{color: #7db942; background: #555; box-shadow: 2px 2px 1px 2px #333 }


/*
.navigatorStrana {margin: auto}
.navigatorStrana tr td{font-size: 20px; display: inline-block; margin-top: 20px; color: #555}
.bocniMeniStrane{display: block; }
.bocniMeniStrane > li{display: block; padding: 6px 4px; box-sizing: border-box; font-size: 17px;color: black; font-weight: lighter;border-bottom: 1px solid #01714c}
.bocniMeniStrane .markerKategorije ul li{font-size: 16px; padding-left: 10px; box-sizing: border-box;display: block; padding-top: 6px;}
.bocniMeniStrane .markerKategorije ul li a{color: #555}
.markerStrane a{color: #7db942}
.markerPodKategorije a{color: #0d7f40!important;}
.markerKategorije >a:before{content: ""; position: absolute; right: 20%; margin-top: 1px;
	border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 12px solid #023e2a; border-right: 12px solid transparent;}
.markerPodStrane:before{content: ""; position: absolute; right: 20%;
	border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 12px solid #023e2a; border-right: 12px solid transparent;}
.novosti .bocniMeniStrane{display: none}

*/


.PageTrackNav{display: none;}
/* CATALOG SERACH */
.catalog_search{position: absolute; right: 20px;}
#inputString {padding: 6px 12px; margin-right: 6px}
.searchDugme {font-size: 19px; color: #777}

/*PRIJAVA ZA POSAO*/
.forma_prijava{background: #0d7f40; width: 90%; margin: auto; padding: 20px}
.forma_prijava h2{text-align: center; color: #fff; font-size: 25px; margin-bottom: 20px}
.forma_prijava .podaci{display: flex; flex-wrap: wrap;}
.forma_prijava .podaci >div{width: 48%; margin: auto;}
.forma_prijava .podaci >div label, .forma_prijava .podaci input{ display: block;}
.forma_prijava .podaci >div label {font-size: 20px; margin-top: 20px; color: #fff; padding-bottom: 6px; font-weight: lighter;}
.forma_prijava .podaci input, .forma_prijava .podaci select{width: 90%; padding: 15px 10px; box-sizing: border-box; background: #fff; border: none}
.forma_prijava #posalji_prijavu{background: #fff; margin: 60px auto 0px; padding:15px 10px; text-align: center; color: #0d7f40; display: block; width: 220px; font-size: 20px; border: none; cursor: pointer;}

.link_prijava_posao{position: absolute; right: 10px; top: 10px; z-index: 1 }
.link_prijava_posao a{display: block; width: 100px; background: #0d7f40; font-size: 16px; padding: 7px; color: #fff; text-align: center;}
.link_prijava_posao a:after{display: none}

/*PRODUCT*/

.product {display: flex; margin:20px auto;flex-flow: wrap}
.product {padding-top: 30px;}
.product .page-pID{list-style: none; margin-left: 20px; width: 300px}
.product .img{width: 100%; height: 250px; overflow: hidden}
.product img{width: 100%;display: block}
.product h2{font-weight: lighter; font-size: 17px;
	 }

.katalog .pageBody{width: 95%; margin: auto; padding: 30px 0 20px;}
.katalog .pageBody .proizvodi-opis h3{font-size: 23px; font-weight: lighter; padding-bottom: 20px;}
.proizvodi-opis p{font-size: 16px; line-height: 1.5em; padding-bottom: 20px}
.proizvod-pdf h2, .proizvodi-galerija h2{padding: 20px 0; font-weight: lighter; }
.proizvod-pdf li {display: inline-block; font-size: 17px; border: 1px solid #eee; padding: 7px 20px 7px 3px;box-sizing: border-box; }
.proizvod-pdf li:after{content: "\f019"; font-family: icons; margin-left: 15px; color: #333}
.proizvod-pdf li:hover{color: #777}
.proizvodi-galerija ul{display: flex; flex-flow:  wrap}
.proizvodi-galerija li{display: block; margin-right: 20px; width: 150px; height: 150px; margin-bottom: 20px}
.proizvodi-galerija li a{width: 150px; height: 150px;}
.proizvodi-galerija li a img{width: 150px; height: 150px;}
.proizvodi-lista {margin-left: 20px; margin-bottom: 20px}
.proizvodi-lista li{padding-top: 5px; font-size: 16px; list-style-type:  circle}
.proizvodi-lista-ol {margin-left: 20px; margin-bottom: 20px}
.proizvodi-lista-ol li {padding-top: 5px; font-size: 16px; list-style-type:  circle}

/*Bocni meni navigacija*/
.katalog #fixedLink_form{display: none;}
#fixedLink_form {
	display: none;
	position:fixed;
	top:148px;
	right:0;
}

.form_label {margin-bottom:4px;text-align:right;}
#fixedLink_form a{display:inline-block;width:300px;height:60px;
	background: #0d7f40;color: #eee;text-align:left;padding-top:6px;
	transition: width 0.5s;box-sizing:border-box; margin-right: -239px; position: relative}
#fixedLink_form a span{font-size:16px;color: #eee;vertical-align:middle;}
#fixedLink_form a .icons {position: absolute; left: 0; width: 56px; margin-top: -6px;padding: 8px; box-sizing: border-box }
#fixedLink_form a .icons img{width: 100%; display: block;filter:invert(1)}
#fixedLink_form a .text_forme {padding-left:60px;transition: padding 0.5s; padding-top: 30px}

#fixedLink_form .form_label a:hover {width:280px;transition: width 0.5s;background: #0d7f40; margin-right:0}
#fixedLink_form a:hover .text_forme {_padding-left:0px;transition: padding 0.5s;}


.background-page{display: block;
	position: fixed;
	top: 50%;
	left: 70%;
	z-index: -1;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.095;}
/*FOOTER*/

.oblast_futera{ width: 100%;background: rgb(3,2,2);
	background: linear-gradient(90deg, rgba(3,2,2,1) 2%, rgba(0,148,100,1) 100%);}
.container{display: flex; justify-content: space-around; padding: 60px; box-sizing: border-box }
.footer-kolona{color: #fff;box-sizing: border-box}
.footer-kolona li{display: block; padding: 5px 0; font-size: 17px; font-weight: lighter;}
.footer-kolona ul{margin-top: 20px}
.oblast_futera h2{text-transform: uppercase; border-bottom: 2px solid #7db942; font-weight: lighter}
.prekidFloat{	clear:both;	float:none;}
.footer-kolona li:hover a{color: #7db942}