/* MAIN STRUCTURE CSS */
*{padding:0px; margin:0px; }
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
HTML{width:100%;}
BODY {width:100%; font-size:15px; font-family:sans-serif; }
img {border:0}
a{color:inherit;font-size:inherit; text-decoration: none}
.onama #coll_middle #pageBody {width: 95%; margin:30px  auto;}
#coll_middle .pageBody p{line-height: 1.7em; font-size: 17px;}

#coll_middle .pageTitle{color:  #444; font-size: 24px; padding-top: 20px; font-weight: normal; text-align: center;}
#coll_middle .catShortDesc{font-size: 18px; padding: 5px 15px; box-sizing:
    border-box;font-weight: lighter; border: 2px solid #ffcccc; _background: #bedfef;width: 95%; margin: auto;text-align: center; line-height: 1.8em; margin-bottom: 30px}
.CatTrackNav{display: none;}
.catTitle{margin: auto; text-align: center; color: #444; padding: 30px 0; font-weight: normal; _margin-top: 20px;}
.oblast_strane{width:100%; margin:auto; background: #fff; }
.oblast_zaglavlja{border:none;box-shadow:unset;_background:#456;position:relative;  _border-bottom: 6px solid #4268b3; box-shadow: 1px 1px 3px 4px #ccc; width:100%;
box-sizing: border-box}
.oblast_zaglavlja_inner{width:960px;margin: auto; position:relative; }
.oblast_sadrzaja{width:100%; _min-height:400px; margin: 60px auto 0;}
.index .oblast_sadrzaja{width:100%;}
.top_baner, .mainTopBannerInner{width:100%;	margin:auto; cursor: pointer}
.top_baner img{_filter:grayscale(.9);_transition: all 1s; border: 1px solid #eee;  box-sizing: border-box; pointer-events: none;cursor: pointer}
.icons {font-family: icons;text-decoration:none; background: #eee; padding: 8px; border-radius: 50px}
.searchDugme {color: #999999; font-size: 15px }
p{cursor: default;}
/*BANER*/

.baner_slide_title{position: absolute; bottom:61%;right:5%;width:600px;height:30px;
 z-index: 200; ; background: rgba(250,250,250,.8); padding:30px; text-align: center; 
color:#444; font-weight:lighter; font-size:36px;
     overflow: hidden;pointer-events: none;cursor: pointer; border-radius: 20px 20px 0 0
}
.baner_slide_description{position: absolute;bottom:0;height:180px; bottom:24%;right:5%;width:660px; padding: 20px 20px; 
box-sizing: border-box; text-align: center; font-size:24px; z-index: 300;color:#555; font-weight: lighter; text-shadow: 1px 1px 1px #aaa;pointer-events: none;cursor: pointer; 
    background: rgba(250,250,250,.8); line-height: 1.6em; border-radius: 0 0 20px 20px }
.baner_slide_description:after{
    display: none;
    content:"Saznajte više";
    position: absolute;
    font-size:22px;
    padding:10px;
    cursor: pointer;
    pointer-events: none;
    color:#222;
    letter-spacing:1px;
    background: rgba(250,250,250,.8);
}


/* DISPLAY NONE */

.mob_main_menu, .poruciTekst,.catalog_search {display:none;}
.kontakt .catShortDesc{display: none}

/*HEADER*/

.zaglavlje_content {_width:1200px;margin:0 auto;position: relative; width: 100%; height: 150px;}
.glavni_meni {margin: auto;list-style-type: none; position: relative; top:-180px; }
.wrapperTraka{width: 100%; position: fixed; left: 0; right: 0; top: 0; background: #4268b3; height: 48px; z-index: 1000;display: flex;
   border-bottom: 2px solid #fff;}
.glavni_meni ul li:nth-child(1) a{width: 100px}
.glavni_meni ul li img{width: 100%; display: block}
.wrapperTraka .middle{margin-top: 15px;text-align: center}

.wrapperTraka >div ul{display: flex;margin-left}
.wrapperTraka >div ul li{display: block; margin-right: 15px;}
.wrapperTraka >div ul li .icons{background: none; color: #fff; font-size: 25px;}
.wrapperTraka >div p{color: #fff; font-size: 16px;text-transform: uppercase; padding: 4px 0}
.wrapperTraka .right img{width: 100%; filter: invert(1)}
.wrapperTraka .right {margin-top: 10px; margin-left: auto}
.wrapperTraka .right li{color: #fff; }
.wrapperTraka .middle{width: 30%; margin-left: 450px;}
.glavni_meni ul {display: flex; justify-content: center; width: 100%; padding-top: 20px}
.glavni_meni ul > li{display:inline-block;vertical-align: top;  border-right: 1px solid #ccc;}
.glavni_meni ul > li:nth-child(1){border-left: 1px solid #ccc;}
.glavni_meni ul > li > a{text-decoration: none; display: block; padding: 10px; box-sizing: border-box; color: #333;  font-size:16px; font-weight: normal;}
.glavnimeni_active a{color: #3392dc!important;}
.logoHome img {width: 100%;  box-sizing: border-box; }
.logo{ width: 260px;  position: absolute; top: 49.5px; left: 2px; z-index: 100;}
.logo a{width: 100%; display: block;}
.backgroundImage{width: 100%; display: block; padding-top: 130px}
.backgroundImage img{width: 100%; display: block}

.submeni.left{position: absolute;right: 30px; top: 60px}
.submeni.left ul {display:flex; list-style: none; justify-content: space-around;}
.submeni.left ul img{width: 100%; display: block;}

.catalog_search{top:1%;right:10%; z-index: 10; font-size: 20px; color: #666666; position: fixed;z-index: 10000 }
.catalog_search input {padding: 8px 30px; background: #eee; border: 1px solid #ccc; border-radius: 5px }
.catalog_search .icons{background: none; font-size: 22px; color: #fff}


#brzi_pretrazivac {
    margin:auto;
    text-align: center;
}


#brzi_pretrazivac #inputString:hover{background-color: #fff;}

#brzi_pretrazivac #inputString:focus {
    background:#f2f3f4;
    color:#222;
    border:2px  solid #4268b3;
}
#brzi_pretrazivac .searchDugme:hover{color:#00669d; }
.suggestionsBox {
    position: absolute;
    right:0; top:48px;
    margin:0;
    width: 474px;
    background-color: #fff;

    z-index:1000;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.28);;
    border-radius:6px 6px  12px 12px;
    overflow: hidden
}
.close_suggestions{
    display:block;
    position: absolute;
    right:-8px;	top:-8px;
    width: 16px; height: 16px;
    background: url(../../site_images/icons/action_delete.gif) no-repeat 0px 0px;
    cursor: pointer;
}
.suggestionList{
    margin: 0px;
    padding:4px 0 0 0;
    height:500px;
    overflow: hidden;
    overflow-y:auto;
}
.suggestionList li {
    display: flex;
    position: relative;
    margin:0;	padding:10px 0;
    cursor: pointer;
    border-bottom:0px solid #dadde1;
    list-style-type:none;
    height:84px;
    overflow: hidden;
    box-sizing: border-box;
    text-align: left;
    object-fit: contain;
    box-sizing: border-box;
    transition: all .2s ease-out;
}
.suggestionList li:hover {
    background:#eee;
}
.suggestionList li img {
    display: inline-block;
    width: 64px;
    height: auto;
    margin: 0 4px 0 20px;
    mix-blend-mode: multiply;
    object-fit: cover;
    border-radius: 6px;
}
.suggestionList li div{
    width:370px;
    float: left;
    padding-top:16px
}

.suggestionList li h3 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 16px;
    margin-bottom:2px;
    line-height:1;

}
.suggestionList li p {font-size:15px;color:#5D646E;padding-left: 16px;text-transform: lowercase;letter-spacing: .2px;}



/*HOME CSS*/

.index .jssorb2 .av{background: #4268b3; }
.index .jssorb2 div{background: #ffffff; width: 15px; height: 15px; border-radius: 50%; }
.index .jssorb2 div:hover {background: #4268b3; width: 15px; height: 15px; }

.index .blok_tri{display: flex; flex-grow:  wrap; width: 90%; margin:40px auto; justify-content: space-around;}
.index .blok_tri>div{width: 29%;}
.index .blok_tri>div .slika {height: 249px; border: 1px solid #fff; overflow: hidden;}
.index .blok_tri>div:hover .slika {box-shadow: 1px 1px 10px 1px #999; }
.index .blok_tri img{width: 80%; display: block; padding: 30px 0px; box-sizing: border-box; text-align: center; margin: auto}
.index .blok_tri .slika:hover img{scale: 1.1; transition:.6s; box-sizing: border-box; display: block}
.index .blok_tri > div .tekst{b width: 100%; font-size: 15px; height: 340px; position: relative }
.index .blok_tri > div .tekst h3{text-align: center; font-size: 28px;margin: 30px 0 10px; font-weight: lighter;}
.index .blok_tri > div .tekst a{position: absolute; bottom: 0; text-align: center; padding: 10px 30px; background: #fff; width: 79%; 
    color: #4268b3; font-size: 25px; font-weight: lighter;box-shadow: 2px 2px 3px 2px #ccc}
.index .blok_tri > div .tekst a:hover{background: #4268b3; color: #fff}
.blok_jedan{_border-top:10px solid rgba(66,104,179);_border-bottom:10px solid rgba(66,104,179);
    background: #ccc; padding: 20px 0;position: relative; overflow: hidden; width: 100%; margin:15px auto 0}
.blok_jedan .blok{display: flex;}
.blok_jedan ul{padding: 50px 0 30px; margin-left: 30px}
.blok_jedan h3 {font-size: 30px; margin-left:30px; color: #444; font-weight: lighter;}
.blok_jedan ul li{color: #444; margin-left: 80px; padding: 10px; font-size: 18px; display: block}
.blok_jedan .slikapozadina{width: 150px; position: absolute; bottom: 0px;right: 0px; transform: rotate(-20deg);display: block;}
.blok_jedan .slikapozadina img{width: 100%;display: block;}
.blok-ful {width: 100%;position: relative; margin: 20px auto 0}
.blok-ful .slika-ful{width: 100%;position: relative;}
.blok-ful .slika-ful:after{content: ""; height: 100%; width: 100%; background: rgba(0,0,0,.4); top: 0; position: absolute;}
.blok-ful:hover .slika-ful:after{background: none}
.slika-ful img{width: 100%; display: block;}
.tekst-ful{position: absolute; top: 60px; left:20px; background: rgba(250,250,250,.7); width: 30%; padding: 20px; box-sizing: border-box;}
.dugme-ful a{position: absolute; top: 60px; right:15%; background: rgba(0,0,0,.5);  padding: 15px 50px ; 
    text-align: center; box-sizing: border-box; color: #fff; font-size: 24px; font-weight: lighter }
.blok-ful:hover .dugme-ful a{background: #eee; color: #111}

.galerija-photo{display: flex; width: 100%; flex-wrap:  wrap; }
.galerija-photo .photo{width: 19.86%; border: 1px solid #fff; background: #fff}
.galerija-photo .photo img{width: 100%; display: block}
.galerija-photo .photo:hover{scale: 1.1}

.objectsDiv {width: 100%; display: block; border-top:50px solid #ccc; position: relative;}
.objectsDiv:after{content: ""; position: absolute; top:0; height: 0; width: 0; border-top: 35px solid #ccc;border-bottom: 35px solid transparent; 
border-left: 55px solid transparent; 
border-right: 55px solid transparent; 
left: 46%}
.objectsDiv .objects{width: 70%; margin: auto; display: flex; justify-content: space-around; margin: 100px auto 50px; padding: 20px 0;}
.objectsDiv .objects span{display: block; text-align: center; width: 80px; margin: auto}
.objectsDiv .objects span img{width: 100%; display: block}
.objectsDiv .objects h2{padding-top: 30px; font-weight: lighter; font-size: 26px}
.objectsDiv >h2,h4{text-align: center; padding: 60px 0 0;}
.objectsDiv> h2{font-size: 30px; font-weight: normal}
.objectsDiv h4{font-size: 20px; font-weight: lighter}
/*
.index .pageBody{display:flex;flex-wrap:wrap;background:#ffffff;justify-content: center; }
.index .homebox{ width:60%;}
.homebox.box-1 .picture-holder{background:#ccc;}
.homebox.box-1 .textbox{background: #ddd;}
.homebox.box-2 .picture-holder{background:#666;}
.homebox.box-2 .textbox{background: #444;}
.index #pageBody {width: 100%; padding: 15px 0; box-sizing: border-box; margin: auto;}
.index #pageBody p{line-height: 1.6em; font-size: 16px; }
.index .glavniHome {width: 90%;  margin: 0px auto}
.index .glavniHome .box{display: flex; margin: 30px auto; background: #eee; padding: 0px 0px; box-sizing: border-box; }
.index .glavniHome .box >div{width: 100%; margin: 5px 0px;}
.index .glavniHome .box .image{text-align: center;}
.index .glavniHome .box .tekst {line-height: 12px; font-size: 16px; position: relative; width: 100% }
.index .glavniHome .box h2{font-size: 26px; font-weight: normal; }
.index .glavniHome .tekst p{margin-top: 5px}
.index .glavniHome .box span{background:#4268b3; color: #fff; padding: 12px 50px; box-sizing: border-box;position: absolute; bottom: 3px;}
/*
/*Prikaz kategorije*/

.pages{width: 80%; margin: 30px auto; display: flex; justify-content: center}
.pages .page-cID{display: block; width: 24%; ; border: 1px solid #ddd; padding:0px 0px; text-align: center; margin-right: 15px; box-sizing: border-box
; background: #fff}
.pages .page-cID:hover {box-shadow: 1px 1px 2px 1px #ddd}
.pages .page-cID h2{font-weight: normal; margin-top: 10px}
.pages .page-cID img{width: 100%;}
.pages .page-cID .antrafile{padding: 10px 5px; line-height: 1.5em}
 /*prikaz stranica KAT*/
.pages{width: 80%; margin: 0px auto; padding: 30px 0; box-sizing: border-box; display: flex; justify-content: center}
.pages .page-pID{display: block; width: 20%; border: 1px solid #ccc; padding: 10px; text-align: center; margin-right: 20px}
.pages .page-pID:hover {box-shadow: 1px 2px 3px 4px #eee}
.pages .page-pID h2{font-weight: normal}

/*PAGES*/

/*referentna lista*/
.tehnoproming #pageBody table{width: 1200px; margin: 30px auto; background: #;; padding: 10px; border-collapse: collapse; }
.tehnoproming #pageBody table tr:nth-child(2n) td{background: #eee}
.tehnoproming #pageBody table tr td{border: 3px solid #fff; padding: 10px; box-sizing: border-box; }
.tehnoproming #pageBody table tr:nth-child(2n+1){background:#ccc}
.tehnoproming #pageBody table tr:first-child td{background: #ccc; color: #fff; text-align: center; font-size: 18px}
.tehnoproming #pageBody table tr td:nth-child(1){background: #ccc; color: #fff; text-align: center; margin: auto}



#coll_right{width: 250px;}

.stranica ul{margin: 20px 0; font-size: 16px;}
.stranica ul li{ padding-top: 8px; margin-left: 15px;line-height: 1.6em}
.stranica p{margin-top: 10px;}
.stranica h2{/*! margin-top: 20px; */ font-weight: normal;}
.stranica ol{margin: 20px 0; font-size: 16px;}
.stranica ol li{ padding-top: 8px; margin-left: 25px}
.stranica .image{margin-top: 20px!important;display: block; width: 100%;}

.stranicaBezNav{width: 90%; margin: auto}
.stranicaBezNav p{margin-top: 15px}
.stranicaBezNav h2{margin-top: 10px; font-weight: normal}
.stranicaBezNav h3{margin-top: 15px }
.stranicaBezNav .sertifikati li{display: block; padding-top: 20px}
.stranicaBezNav .sertifikati li .image{margin-top: 10px; display: block}
.stranicaBezNav ul{margin: 20px 0; font-size: 16px;}
.stranicaBezNav ul li{ padding-top: 8px; margin-left: 25px}
.flex {display: flex; flex-flow:  wrap; width: 80%; margin: auto}
.flex>div{width: 30%; border: 1px solid #fff; padding: 10px 0px; margin: 10px;background:#eee}
.flex>div span{font-size: 20px; font-weight: lighter;text-align: center; padding: 2px 0 8px 0;border-bottom: 5px solid #fff;}
.flex>div p{font-size: 20px!important;; font-weight: normal; margin-top: 5px; margin-left:10px}
.flex li{list-style-type: disclosure-closed; margin-top: 5px}
.flex>div span{width: 100%;display: inline-block}
.flex h4{text-align: center; margin-right: 15px; font-size: 18px; font-weight: lighter; padding-top: 10px;width: 220px;}
.flex span img{width: 37px; float: right; margin-top: -30px; margin-right: 30px; display: block }
.daikinStreamer {display: flex; margin-top: 50px}
.daikinUruru {display: flex; margin-top: 50px}
.daikinStreamer .tekst {margin-left: 60px;}
.daikinStreamer p {padding:10px; box-sizing: border-box; }
.daikinUruru .tekst {margin-right: 60px}
.daikinUruru p {padding: 10px; box-sizing: border-box; }
.klimatizacija {display: flex; margin-top: 30px}
.miltiSplitSistem {margin-left: 100px}
.stranica {padding: 20px 30px; box-sizing: border-box; width: 100%;}
.stranica .slika{margin-top:20px;  width: 100%}
.stranica .slika img{width: 100%; display: block;}
.glavni {display: flex}
.nexuraUruruSarara {display: flex; width: 100%; justify-content: space-between; margin: auto}
.nexuraUruruSarara h2{ text-align: center}
.emuraFths {display: flex; width: 100%; justify-content: space-between; margin: auto}
.emuraFths h2{text-align: center}
.proizvod {width: 100%; margin-right: 10px }
.proizvod a {width: 100%; display: block;}
.proizvod a img{width: 100%; display: block;}
.izdvojeniProizvodi h2 { margin-bottom: 20px;}
.izdvojeniProizvodi {box-sizing: border-box; width: 100%;}
.proizvod:hover {color: #4268b3}
.strana {margin: 20px 0px 20px 0px}
.ventilacija {display: flex; box-sizing: border-box; margin-top: 20px}
[pid="73"] .ventilacija{display: block}
.stranica {width: 90%; margin-left: 30px}
.stranica .docImage{margin-right: 20px}
.stranica h2 {margin-top: 15px}
.kompletnoResenje {padding: 40px; box-sizing: border-box;}
.kompletnoResenje .slikaKompletnoResenje  {width: 100%; _text-align: center; margin: auto;}
.kompletnoResenje .slikaKompletnoResenje span{width: 140px; text-align: center}
.slikaKompletnoResenje span img{width: 30%; display: block; margin: auto}
.tekst ol {display: flex; flex-wrap:  wrap}
.tekst ol>li{width: 30%; border: 1px solid #ccc; list-style: inside; display: block;margin-top: 30px; padding: 10px; box-sizing: border-box}
.tekst ol>li li{padding-right: initial}
.obimResenja {display: flex; margin-top: 50px;}
.video {margin-left: 20px;}
.stranica ul {padding: 20px; box-sizing: border-box;}
.inteligentnoUpravljanje {display: flex; padding: 40px; box-sizing: border-box;}
.inteligentnoUpravljanje h2 {/*! margin-bottom: 30px */}
.komfor {padding: 40px; box-sizing: border-box;}
.komfor .tekst {margin-left: 80px; padding: 30px; box-sizing: border-box;}
.komfor .slikaKomfor p{width: 30%; margin: auto; }
.komfor .slikaKomfor img{width: 100%; display: block}
.tehnickoHladjenje, .skica {display: flex; margin-top: 20px}
.tehnickoHladjenje .tekst{margin: 30px 0 0 20px}
.skica .tekst{margin: 30px 10px 0 0}

.inteligentnoUpravljanje {display: flex; padding: 40px; box-sizing: border-box;}
.inteligentnoUpravljanje h2 {margin-bottom: 30px;}
.komfor .tekst {margin-left: 80px; padding: 30px; box-sizing: border-box;}

.slike {display: flex; padding: 50px; box-sizing: border-box; }
.slike .druga {margin-left: 60px}
.slike .cetvrta {margin-left: 60px}
.slike img{width: 100%; display: block}

.poslovniProstori {display: flex}
.poslovniProstori .tekst {padding: 60px; box-sizing: border-box;}
.raspored {margin-top: 30px}
.raspored .slika {margin-top: 80px; width: 30%; margin: auto}
.raspored .slika img{width: 100%;display: block}
.raspored .tekst {margin-left: 40px; padding: 50px}
.slikeUnutrasnjihJednica {display: flex; flex-flow: wrap; }
.slikeUnutrasnjihJednica .box {width: 30%; margin-right: 40px}

/* PAGES DAIKIN RESENJA */


.rezObjekti h2 {
	text-align: center;
	color: grey;
}

.rezObjekti ul {
	color: grey;
}

.flexSolution {
	display: flex;
	justify-content: space-around;
	margin: 20px 0px;
	align-items: center;
}

.flexSolution .slikaSolution{
	width: 585px;
	
}


.flexSolution .slikaSolution img{
	width: 100%;
	display: block;
	
}

.kaskadnaTehnologija >p {
	color: grey;
	margin-left: 35px;
}

/* kontrole */

.flex-klasa {
	display: flex;
	border: 1px solid lightgray;
	margin: 20px 0px;
}

.prviTekst,
.drugiTekst,
.treciTekst,
.cetvrtiTekst,
.petiTekst {
	margin-left: 20px;
	width: 100%
}

.petiTekst  {
	;
}
.petiTekst h2 {
	text-align: center; 
}
.foto {
	width: 400px;
	display: flex;
	align-items: center;
}

.foto img {
	width: 400px;
	display: block;
}

.solution > .flex-klasa ul > li{
	padding-top: 3px;
	line-height: 1.3em;
}

.flex-klasa h2 {
	text-align: center;
}


.daikinovaResenja {display: flex; width: 100%; justify-content: space-between; margin: 40px auto; padding: 30px; box-sizing: border-box }
.prviBlok {width: 30%}
.drugiBlok {width: 30%}
.treciBlok {width: 30%}
.daikinovaResenja ul {margin-left: 20px; margin-bottom: 5px}
.daikinovaResenja ul li {padding-top:10px; box-sizing: border-box}
.daikinovaResenja h2 {text-align: center}
.petKomponenti {margin-top: 30px}
.petKomponenti p {margin-top: 25px}
.petKomponenti ul {padding: 10px; box-sizing: border-box; margin-bottom: 25px}
.petKomponenti ul li {padding: 3px; box-sizing: border-box}

.resenja li a{color: #4268b3}
.resenja li:hover a {text-decoration: underline;}

.biddle {display: flex; justify-content: space-around}
.biddle>div{width: 95%}
.biddle img {margin-bottom: 40px}
.inteligentnaInvesticija {margin-bottom: 40px}
.inteligentnaInvesticija h2 {margin-bottom: 25px}
.tehnologijaZaštićenaPatentom {margin-bottom: 40px;}
.tehnologijaZaštićenaPatentom h2 {margin-bottom: 25px}
.modeli {display: flex; margin-top: 30px; padding: 40px; box-sizing: border-box; justify-content: space-between}
.modeli ul {padding: 3px; box-sizing: border-box; margin-bottom: 25px}
.modeli ul li {padding: 3px; box-sizing: border-box}

.uvod .tekst {margin: 50px;}
.najpopularnijaResenja {display: flex; padding: 30px; box-sizing: border-box}

.oNama .flexDiv >div {width: 100%; margin: 30px 0}
.oNama .flexDiv  p{padding: 10px 30px;}
.oNama .flexDiv div .slika{display: block; width: 100%}
.oNama img{width: 100%}

.images {display: flex; padding: 30px; box-sizing: border-box;}
.images .first, .images .second {width: 500px}
.images .first img, .images .second img{width: 100%; display: block}
.images .second {margin-left: 30px}

.inzenjering {display: flex; margin-top: 30px;}
.image {padding: 30px; box-sizing: border-box;  margin-left: 40px}
.sertifikati li .image {margin-left: 0; padding: 0}
.sertifikati li .image img{border: 1px solid #ddd}


.uvodniDeo, .vrsteRashladnihAgregata{display: flex;}
.vrsteRashladnihAgregata >div{border: 1px solid #ccc; margin-right: 40px;}
.vrsteRashladnihAgregata h2{text-align: center;}
.vrsteRashladnihAgregata img{text-align: center;}
.najpopularnijiUredjaji{display: flex; width: 100%; flex-flow: wrap; margin: auto; padding-top: 20px}
.najpopularnijiUredjaji h2{text-align: center}
.najpopularnijiUredjaji >div{border: 1px solid #ccc; width: 23%; margin-right: 15px}
.najpopularnijiUredjaji >div img{width: 100%; display: block; }
.uvod {display: flex; padding: 20px 0}
.uvod >div{width: 100%;}
.uvod >div:nth-child(1){padding-top: 20px}
.paket {display: flex; padding-top: 20px}
.paket p{width: 60%; margin-left:30px}

.sertifikati ul{display: flex;flex-flow:  wrap;justify-content: space-between; width: 100%}
.sertifikati ul li{width: 46%}
.sertifikati span{display: block; width:90%;}
.sertifikati span img{width: 100%; }

.flexDiv {display: flex;width: 1200px; margin:20px auto; justify-content: space-between}
.flexDiv .tekst-slika {width: 600px; padding: 30px; box-sizing: border-box;}
.flexDiv h2{text-transform: uppercase; color:#4268b3}

.flexReference {display: flex; width: 80%; margin: auto; flex-flow: wrap; justify-content: space-between;}
.flexReference >div{width: 32%; margin-top: 20px; background: #eee; }
.flexReference >div h3{text-align: center; font-size: 20px; font-weight: lighter; border-bottom: 5px solid #fff; padding: 15px 0;height: 30px}
.flexReference >div p{text-align: center; font-size: 16px}
.flexReference >div li{list-style-type:  disclosure-closed}
.flexReference >div ul{padding: 10px 15px; box-sizing: border-box}
.kratakOpis {width: 90%; margin: auto; padding: 20px 0; text-align: center}
/*collright*/
.onama #coll_right  {width: 300px;}
.onama #coll_middle {width: calc(100% - 300px); background: }
.onama #coll_right h3{display: none;}

/*DAIKIN RESENJA*/
.solutions {display: flex; flex-wrap: wrap; width: 80%; margin: auto;justify-content: space-around}
.solutions .page-cID{width: 25%; display: block;border: 1px solid #ddd; margin-bottom: 20px;position: relative;}
.solutions .page-cID img{width: 100%; display: block; }
.solutions .page-cID h2{text-align: center; padding: 5px 0; box-sizing: border-box; border-top: 1px solid #ddd; font-weight: lighter;}
.solutions .page-cID .antrafile {padding: 10px; box-sizing: border-box; line-height: 1.3em; font-size: 16px}




/*prikaz proizvoda*/


/* PAGES NAVIGACIJA */
.bocniMeniStrane{
    float: right;vertical-align: top;
    padding:20px;
    box-sizing: border-box;
    width: 20%;
    position: absolute;
    top: 200px; right: 0;
    background: #fff; 
    width: 290px
}
.bocniMeniStrane ul{font-size: 15px; padding: 0 0 0 15px; box-sizing: border-box;
    
   
}
.bocniMeniStrane {font-size: 17px;}

.bocniMeniStrane li{
    list-style: none;
    
}
.markerPodStrane:before {content: ""; position: absolute; left: 8%; color: #4268b3; margin-top: 12px;
border-left: 10px solid #666;
border-right: 4px solid transparent;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
width: 0%; height: 0%}

.bocniMeniStrane a{
    display:block;
    text-decoration: none;
    padding: 10px 0 6px 0; 
    border-bottom:1px solid #777;
}
.bocniMeniStrane li ul li{list-style: none; font-size: 14px;  border-top: none;}

.markerStrane,.markerKategorije{
    position: relative;
   
    
}
.markerStrane:before,
.markerKategorije:before{
    content: "";
    position: absolute;
    top:15px;left:-18px;
    width:0;height:0;
    border-left:12px solid #4268b3;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
  
}
.kontaktStranica {display: flex;margin-left: 70px }
.kontaktStranica >div:nth-child(1){margin: 0 25px 0 0 }
.kontaktStranica h2{margin-top: 15px; font-weight: normal;}
.kontaktStranica h3{margin-top: 15px; font-weight: normal;}
.kontaktStranica ul{padding: 20px 0 0 0px; box-sizing: border-box;}
.kontaktStranica ul li{display: block; padding: 4px; font-size: 16px}
.kontaktStranica .locationSpan:before{content: "\f124"; margin-right: 7px; font-family: icons; color: #555}
.kontaktStranica .telSpan:before{content: "\f095"; margin-right: 7px; font-family: icons; color: #555 }
.kontaktStranica .mailSpan:before{content: "\f0e0"; margin-right: 7px; font-family: icons; color: #555}
.kontaktStranica .sajtSpan:before{content: "\f0ac"; margin-right: 7px; font-family: icons; color: #555}
.kontaktStranica #map_canvas iframe{width: 100%;}


/*DOWNLOAD*/


/*PROIZVODI*/



/*CATALOG CSS*/

.katalog .oblast_sadrzaja {margin:0px auto ;width:100%;min-height:540px;}
.katalog .kategorije{

}
.katalog .oblast_kataloga{
    width:100%;
    margin-top: 80px;

}
.katalog_prikaz .naslov_kategorije{
    margin: auto; text-align: center;
    color: #4268b3;
    font-weight: normal
}
.kratak_opis_kategorije{font-size:18px; margin-top:15px}

.katalog_prikaz #listaProizvoda{width: 70%}
.katalog_prikaz #listaProizvoda li{display: flex; width: 100%; margin: auto; margin-top: 50px; background: #eee; height: 300px}
.katalog_prikaz #listaProizvoda li .catalogueThumbLink{background: #eee!important}
.katalog_prikaz #listaProizvoda li .catalogueThumbImage {width: 100%; height: 300px; width: 320px; box-sizing: border-box; }
.katalog_prikaz #listaProizvoda li .handle{width: 20px; height: 20px; margin-top: 60px; margin-left: 70px; display: none;}
.katalog_prikaz #listaProizvoda li .catalogueItemText{margin-top: 20px; margin-left: 50px;display: block; width: 100%; text-align: left}
.katalog_prikaz #listaProizvoda li .catalogueItemText h3{line-height: 1.5em; font-size: 20px; margin-bottom: 5px}
.katalog_prikaz #listaProizvoda li .catalogueItemText p{margin-top: 15px}


.kategorije ul{
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    flex-basis: 0;
}
.katalog_navigacija{
    display: none;
    width: 250px;
    top: 0; left: 0;
    position: absolute;
    margin-top: 13%;
   
}

.level-root{
    list-style: none;
    
}
.level-root a{
    text-decoration: none;
    font-size:1.4em;
  
    display: block;
    padding:10px 10px;
    border-bottom:1px solid #ccc;
    color:#334;
    font-weight:lighter;
}


.katalog_prikaz img{
    display: block;width:100%;
}
.katalog_prikaz .kategorije ul{
    display: flex;
    list-style: none;
    width:80%;
    margin-left: 250px;
}
.katalog_prikaz .kategorije ul li{
    _flex-basis: 0;
    _flex-grow: 1;
    width:200px;
    height:200px;
    padding: 20px;
    margin:30px 30px;
    background: #fff;
    border:1px solid #ccc;
    
}
.katalog_prikaz .kategorije ul li:hover{box-shadow: 2px 2px 5px 5px #ccc}

.catImage{
    display: block;
    margin:auto;
    height:190px;
    width:170px;
   
}
.catName{
    display: block;
    margin:auto;
    margin-top:-20px;
    text-decoration: none;
    font-size:18px;
    text-align:left;
    padding-top: 8px
    ;
}
.articleTable{width: 60%; margin-top: 80px; border: 1px solid #ccc; border-collapse: collapse; margin-left: 180px; background: #fff}
.articleTable tr{}
.articleTable th{border: 1px solid #ccc;padding: 5px 10px 12px 10px; color: #555; font-size: 13px; text-align: center; }
.articleTable td {border: 1px solid #cbb;padding: 10px 15px 10px 15px;font-size: 11px;text-align: center; }
.articleTable .handle{}
.coll_catnum,.CodeNum{ width:100px;}
.orderBox .back_down{display: none;}
.orderBox .step_back.back_up{display: none}
.orderBox .poruciButton{padding: 8px 80px; background: #4268b3; display: inline-block; color: #fff; font-size: 18px; cursor: pointer; margin: 20px 0 0 520px}

.articleTable .coll_articalJsonProperties,.articleTable .jsonPropertiesTd{
    min-width:150px;
    font-size: 12px;
}
.articleTable .coll_articalJsonProperties ul,.articleTable .jsonPropertiesTd ul{
    width:100%;
    display: table;
    table-layout: fixed;
}
.articleTable .coll_articalJsonProperties li,.articleTable .jsonPropertiesTd li{
    list-style: none;
    display:table-cell;
}


.articleTable td input {width:36px;}
.articleTable .addItemIconBox {cursor:pointer;}

.articleTable .articleTitleTd,.articleTable .coll_articalTitle{
    min-width:300px;
    text-align: left;
    padding-left: 10px;

}

.subcatsInCat{display: none;}
/* NAVIGACIJA CATALOG*/

/*REGISTRATOR CSS*/

.registrator .oblast_sadrzaja {width:1200px;}
#myaccount_style .myAcc_container{
    width:70%;
    margin: auto;
}
#myaccount_style{
    width: 960px;
    padding: 10px;
    margin-bottom:8px;
}
#myaccount_style .contentTABLE{
    width:100%;
    border-collapse:collapse;
    border:none;
    margin-top: 60px
}
#myaccount_style .contentArea{
    vertical-align:top;
    padding:0;
    text-align: center;
}

#myaccount_style h1{
    color:#789;
    font-weight:normal;
    padding:30px 0 0 0;
}

#myaccount_style input{
    display: block;
    text-align: center;
    margin:auto;
    padding:10px 10px;
    width: 60%;
}

.form_container{
    background: #fefefe;
    background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* W3C */
    border-radius: 3px;
    border:1px solid #d4d4d4;
    margin:5px auto;
    box-shadow: 0 0 4px #e1e1e1;
    padding:30px 0 10px 10px;
}

#myaccount_style .contentArea ul li{padding-top: 10px}

#ulogujte_se {
    width:400px;
}
#ulogujte_se h3{
    font-size:24px;
    color:#696969;
    text-transform:uppercase;
    padding: 10px 20px
}
#ulogujte_se P{
    padding:10px 0 6px 0;
    color:#696969;
}
#ulogujte_se INPUT, #registrujte_se INPUT{
    border:1px solid #cfcfcf;
    font-size: 16px;
    padding: 7px;
    color:#444;
    background:#f5f5f5;
}
#ulogujte_se INPUT:focus, #registrujte_se INPUT:focus{
    border:1px solid #87b5d7;
}
#ulogujte_se #dugme_login, #registrujte_se #dugme_login{
    border:1px solid #fff;
    padding:16px;
    background:#4268b3;
    cursor:pointer;
    color:#fff;
    text-transform:uppercase;
    font-size:18px;
    margin:30px auto 20px auto;
}
#ulogujte_se #dugme_login:hover, #registrujte_se #dugme_login:hover{background-color: #4268b3;}

#registrujte_se {
    float:left;
    width: 340px;
}
#registrujte_se P{
    text-align:left;
    padding:0 0 5px 0;
    color:#ababab;
}
#registrujte_se H3{
    font-size:14px;
    color:#696969;
    text-transform:uppercase;
    margin-bottom:10px;
}


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

.napomenaRegistracije{
    padding: 30px 20px;
    width:50%;
    text-align: left;
    margin:auto;
    line-height: 1.5;
}

.napomenaRegistracije h4{
    font-size:16px;
    padding: 10px;
}

#wishlistDisplay .hederBoksa{position: absolute;font-size:22px;top:10px;padding:6px 36px 6px 18px;color:#4268b3; background:#fff; }

.registratorTabela{
    border:1px solid #ddd;
    padding:10px;
    border-collapse: collapse;
    margin-top:20px;
}
.registratorTabela th{
    background: #eee;
    color: #777;
    padding:14px 8px;
}
.registrator #wishlistDisplay .fa {font-size:22px;padding:4px 6px;border:1px solid transparent;}
.registratorTabela td{
    border-bottom:1px solid #ddd;
    border-top:none;
    padding:0 7px;
}
.registratorTabela .coll_image{display: block;
    width:200px;
    height:200px;
}
.registratorTabela .coll_image{width:200px;height:200px;}
.registratorTabela img{
    height:150px;
    width:150px;
    object-fit: contain;
    padding:20px;
}
#myaccount_style .menuArea {
    width:240px;
    vertical-align:top;
}
.menuArea .registratorLinkovi{background: #4268b3; color: #fff; position: absolute; right: 40px; top: 60px; }
.menuArea .registratorLinkovi li{display: block; table-layout:fixed; padding: 12px; box-sizing: border-box; border-bottom: 1px solid #eee }
.menuArea .registratorLinkovi .markerStrane{color: #fff}
.menuArea .registratorLinkovi .markerStrane:before{display: none}

/*SEND WISHLIST*/
#wishlist_buttons {margin-top: 30px}
#wishlist_buttons a{background: #ddd; margin-right: 10px; padding: 10px }
#wishlist_buttons a:hover{background: #eee}
#posaljiPodatke{
    position: relative;
    background:#4268b3;
    border: 1px solid #ddd;
    padding:20px;
    box-sizing:border-box;
    border-radius:6px;
    margin:20px 0 180px 0;
}
#posaljiPodatke input{
    display: block;
    margin:30px auto;
    width:300px;
    border:1px solid #ddd;
    border-radius:4px;
    padding:14px;
    color:#111;

}
#posaljiPodatke input:nth-of-type(5) {width:220px;background:#4268b3;color:#fff;font-size:20px;margin-top:60px;}
#posaljiPodatke input:nth-of-type(5):hover{}
#posaljiPodatke .obavezno{position:relative;border:2px solid #4268b3;}
#posaljiPodatke .obavezno:not(output):-moz-ui-invalid{box-shadow:none;border:2px solid red;}
#posaljiPodatke:after{content:"*"; color:#4268b3;font-family:icons;font-size:22px;position:absolute;top:200px;right:162px;}
#posaljiPodatke:before{content:"*"; color:#4268b3;font-family:icons;font-size:22px;position:absolute;top:276px;right:162px;}
#headerTabeleWL img{
    width:300px;

}
.registrator .oblast_sadrzaja{position:relative;/*! border-top:64px solid #f8fafb; */width:100%;}
.registrator #myaccount_style{margin:0 auto 40px auto; }
.prekidFloat{	clear:both;	float:none;}
.catid_16 #ngradnovreme{max-width:820px;}


.registrator .oblast_sadrzaja {width:100%}

/*FOOTER*/

.oblast_futera {position: relative;}
.index .backgroundWaves img{display: block;width:100%; margin-top: -200px}
.tehnoproming .backgroundWaves img {display: block;width:100%;}
.onama .backgroundWaves img{direction: block; width: 100%;}
.slikaFuterr{width: 100%; padding: 0px 0}
.slikaFuterr img{width: 100%}
.logoFuter{position: absolute; top: 40px; left: 10px; width: 17%; transform: rotate(-15deg); display: none;}
.logoFuter img{ width: 100%}
.oblast_futera .footer-grid {display: flex; width: 80%;margin-left: 70px;justify-content: space-around }
.oblast_futera .footer-grid  p{padding-top: 10px; font-size: 16px; color: #666; font-weight: lighter}
.oblast_futera .footer-grid h2{color: #444; margin-bottom: 20px; font-weight: lighter;}
.oblast_futera .footer-grid p:first-child{margin-top: 30px}
.oblast_futera .ikonice-footer ul li{display: block; width: 70%;}
.oblast_futera ul li img{width: 100%; display: block;}