/* MOBILE CSS */
*{
	padding:0px;
	margin:0px;
	color:#444;

}
HTML{	
	width:100%;
  overflow-y: scroll;
}
BODY {
	width:100%;
	font-size:14px;
    font-family: 'Open Sans', sans-serif;
}
img {
    display:block;
    width:100%;
}
a{text-decoration:none;outline:none;}

@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
.icons, .index .searchDugme {font-family: icons;display:none;}
.zaglavlje_content {background: #fff;position: fixed; height: 80px; width: 100%; z-index: 10; border-bottom:1px solid #fff;}
.oblast_sadrzaja {padding-top: 90px; }
.oblast_sadrzaja #coll_middle{width: 96%; margin: auto}

/* DISPLAY NONE */
.absoluteBoxLinks{display: none;}
.hoverOn{display: none;}
.map_container{display: none;}
.top_baner, .CatTrackNav{display:none;}
.wrapperTraka {display: none}
.step_back {display: none;}
.flyOutMenu {display: none}
.wrapperTraka .left{display:none }
.wrapperTraka .middle{display: none;}
.submeni.left{display: none;}

#pageTitle, .catTitle, .naslov_kategorije, .proizvodjac{text-align: center;color: #666;font-size: 21px;padding: 25px 0 10px 0;font-weight: lighter}
#coll_left{display: none;}

/* HEADER */
.wrapperTraka {background: #4268b3; height: 30px; display: flex; width: 100%;position: fixed; top: 0; left: 0; right: 0}
.wrapperTraka .right {margin: auto;width: 100%;}
.wrapperTraka .right ul{display: flex; justify-content: space-around;width: 100%;}
.wrapperTraka .right ul li{display: block;  position: relative;}
.wrapperTraka .right ul li a{color: #fff}
.wrapperTraka .right ul li span{margin-top: -2px}
.wrapperTraka .right .icons{position: absolute; z-index: 111; left: -13%; top:-2%; display: block; color: #fff}
 /* test*/
.flexSolution {display:flex; flex-direction:column;}
.flexSolution .komercijalnePrimene {order:2 }


.glavni_meni {display:none;;
    width:100%;
    margin:1px auto;
    padding:1px 0 ;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute; top: 85px;
    z-index: -1;}
.glavni_meni ul li:first-child a{width: 150px;}
.glavni_meni ul li img{width: 100%; display: block}
.glavni_meni li{
    border-bottom: 1px solid #ccc;
    display: block;
    margin-bottom: 2px;
}
.glavni_meni li:last-child{border-bottom: none;}
.glavni_meni a{
    display: block;
    width:100%;
    padding: 15px;
    box-sizing: border-box;
    font-size:16px;
    font-weight:normal;
    color:#666;  
}
.mob_main_menu {
    position:absolute;
    top:35px;right:25px;
    padding:2px 4px;
    box-sizing:border-box;
}
.mob_main_menu:after {
    content:"\f0c9";
    font-family:icons;
    font-size:27px;
    color:#666;
}
.zaglavlje_content{
    display: block; 
    width:100%;
    box-shadow:  2px 1px 2px 1px #ccc  
}
.logo{display: block;width: 220px; padding-top: 35px
}
.logo img{width: 100%; display: block;}

/*SEARCH*/


/*HOME*/

.blok_tri .blok{border-bottom: 1px solid #eee; padding-bottom: 25px}
.blok_tri .tekst a{border: 1px solid #49aad9; display: block; padding: 15px 0 ; text-align: center; 
    font-size: 17px; background: #49aad9;margin-top: 20px}
.blok_tri .tekst a span{color: #fff;}
.blok_tri .tekst p{font-size: 16px; padding-top: 6px; line-height: 20px}
.blok_tri h3{font-size: 20px; font-weight: normal;text-transform: uppercase; text-align: center; padding: 15px 0}

.blok_jedan {position: relative; overflow:hidden}
.blok_jedan h3{font-size: 20px; font-weight: normal;text-transform: uppercase; text-align: center; padding: 15px 0}
.blok_jedan ul {padding: 15px; box-sizing: border-box; margin-left: 10px;}
.blok_jedan li{font-size: 16px; padding-top: 5px; list-style-type:  disclosure-closed}
.blok_jedan .slikapozadina {position: absolute;bottom: -5px; right: 10px; width: 50px;}
.blok_jedan .slikapozadina img{width: 100%; display: block; transform: rotate(-20deg)}

.galerija-photo{display: flex; flex-flow: wrap; padding: 20px 0 }
.galerija-photo .photo{width: 31%; border: 2px solid #fff}
.galerija-photo .photo img{width: 100%; display: block;}

.objectsDiv h2{font-size: 20px; font-weight: normal;text-transform: uppercase; 
    text-align: center; padding: 15px 0}
.objectsDiv h4{line-height: 1.6em; font-weight: normal; font-size: 17px;}
.objects{display: flex; justify-content: space-between; padding: 20px 0}
.objects div{width: 30%}
.objects .ikonica{width: 60px; display: block; margin: auto}
.objects .ikonica img{width: 100%; display: block}
.objects div h2{ font-size: 16px; text-transform:  capitalize;}

.blok-ful .slika-ful img{width: 100%; display: block;}
.blok-ful .tekst-ful h3{font-size: 20px; text-align: center; padding: 20px 0; font-weight: normal}
.tekst-ful p{line-height: 1.6em; margin-top:10px}
.blok-ful .dugme-ful a{border: 1px solid #49aad9; display: block; padding: 15px 0 ; text-align: center; 
    font-size: 17px; background: #49aad9;margin-top: 20px}
.blok-ful .dugme-ful a span{color: #fff;}


/*KATEGORIJE*/

.tehnoproming .pages .page-cID{display: block;padding-bottom: 15px; border-bottom: 1px solid #eee;
    padding-top: 30px }
.tehnoproming .pages .page-cID h2{font-size: 20px; font-weight: normal;text-transform: uppercase; 
    text-align: center; padding: 15px 0}
.tehnoproming .pages .page-cID .antrafile {line-height: 1.6em; font-size: 16px}
.tehnoproming .pages .page-cID:last-child{border-bottom: none;}
.tehnoproming .catTitle{text-transform: uppercase; margin-bottom: 10px;}
.tehnoproming .catShortDesc, .onama .catShortDesc {text-align: center; 
    font-size: 18px; 
    font-weight: lighter;
    padding-bottom: 20px}



/*PAGES*/
.pageTitle {text-transform: uppercase; line-height: 1.3em}
.stranica {line-height: 1.6em; font-size: 16px;}
.stranica p{padding: 10px 0}
.stranica .images, .stranica .docImage, .stranica .image{ padding: 10px 0; }
.stranica img{width: 100%; display: block}
.stranica h2{font-size: 20px; font-weight: normal;text-transform: uppercase; 
    text-align: center; padding: 15px 0}
.stranica h1{font-size: 20px; font-weight: normal;text-transform: uppercase; 
    text-align: center; padding: 15px 0}
.stranica ul {margin-left: 16px;}
.stranica ul li{list-style-type:  disclosure-closed}
.stranica .video {width: 100%; }
.stranica iframe{width: 100%; display: block;}
.stranica .prva, .stranica .druga, .stranica .treca, .stranica .cetvrta {padding: 10px 0}
.stranica h3, solution h3{font-weight: lighter; padding: 20px 0;}
.stranica div, .solution div{padding: 6px 0}
.stranica .resenja a{color: #4268b3}
.stranica .flexReference .referencaBox {border-bottom: 1px solid #ccc}
.stranica ol{margin-left: 20px;}
.stranica ol li{padding-top: 10px}
.solutions .page-cID{display: block;padding-bottom: 15px; border-bottom: 1px solid #eee;
    padding-top: 10px }
.solutions .page-cID h2{font-size: 20px; font-weight: normal;text-transform: uppercase; 
    text-align: center; padding: 15px 0}
.solutions .page-cID .antrafile {line-height: 1.6em; font-size: 16px}

.stranicaBezNav >div{padding: 20px 0; border-bottom: 1px solid #ccc}
.stranicaBezNav{line-height: 1.6em; font-size: 16px;}
.stranicaBezNav p{padding: 10px 0;}
.stranicaBezNav h2{font-size: 20px; font-weight: normal; text-transform: uppercase; text-align: center; padding: 15px 0;}
.stranicaBezNav h4{font-size: 20px; font-weight: normal;text-transform: uppercase; 
    text-align: center; padding: 15px 0}
.stranicaBezNav ul {margin-left: 50px; margin-top: 10px;}
.stranicaBezNav ul li{list-style-type:  disclosure-closed; padding-top: 5px; font-size: 16px;}
.stranicaBezNav span{width: 140px; display: block; margin: auto;}
.stranicaBezNav img{width: 100%; display: block}

.stranicaBezNav .sertifikati ul{display: flex; flex-flow: wrap; width:100%!important; margin: 0 auto;}
.stranicaBezNav .sertifikati li{display: block;}
.stranicaBezNav .sertifikati li .image{margin-left: 10px}
.stranicaBezNav .sertifikati li img{width: 100%; display: block; border: 1px solid #ddd}
.stranicaBezNav .sertifikati li p{font-size: 15px; width: 200px!important; margin: auto; }

.kratakOpis {text-align: center; font-size: 18px; font-weight: lighter }

.onama .pageBody .flexDiv {display: block!important; margin-bottom: 20px; line-height: 1.6em; font-size: 16px;}
.onama .pageBody .flexDiv .slika img{padding: 20px 0}
.oNama p{line-height: 1.6em; font-size: 16px;}

.flexDiv{width: 100%; margin-top: 15px; border-bottom: 1px solid #ddd;}
.flexDiv:last-child{border-bottom: none}
.flexDiv div img{width: 100%; display: block;}

/*REFERENTNE LISTE*/

table{border-collapse: collapse;}
table tbody td{border: 1px solid #ccc; padding:6px 10px 2px;}


/*KONTAKT*/
.kontaktStranica h2{font-size: 20px; font-weight: normal;text-transform: uppercase; text-align: center; padding: 15px 0}
.kontaktStranica p{}
.kontaktStranica ul{padding: 10px; box-sizing: border-box;}
.kontaktStranica ul:nth-child(4){padding-left: 20px;}
.kontaktStranica ul li{padding-top: 2px; font-size: 16px; list-style: none; line-height: 1.6em;}
.kontaktStranica #map_canvas{width: 100%!important;}
.kontaktStranica iframe {width: 100%!important;; display: block!important;}

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

/*BOCNI MENI*/
.bocniMeniStrane{margin: 20px 0;padding: 20px 5px; box-sizing: border-box; border-top: 2px solid #eee; border-bottom: 2px solid #eee; }
.bocniMeniStrane li{padding-top: 10px; font-size: 16px; margin-left: 20px; list-style-type:  disclosure-closed; color: #4268b3}
.bocniMeniStrane li a{text-decoration: underline;}
.bocniMeniStrane .markerStrane a{color: #4268b3}
.bocniMeniStrane .markerKategorije a{color: #4268b3}
.bocniMeniStrane >ul  {margin-left: 22px}
.bocniMeniStrane >ul li{font-size: 14px}
.bocniMeniStrane >ul .markerPodStrane a{color: #4268b3}
/*FUTER*/

.oblast_futera{background: #fff}
.logoFuter{display: none;}
.ikonice-footer ul {display:flex; justify-content: space-around; width: 50%; margin: auto; }
.ikonice-footer li {display: block; width: 50px}
.oblast_futera .footer-grid > div{padding-bottom:20px; line-height: 20px; text-align: center;}