/* MOBILE CSS */
*{
	padding:0px;
	margin:0px;
	color:#505050;

}
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 */
.absoluteBoxLinks{display: none;}
.hoverOn{display: none;}
.map_container{display: none;}
.top_baner, 
.CatTrackNav{display:none;}





#pageTitle, .catTitle, .naslov_kategorije {text-align: center; color: #1e71bc;font-size: 22px;padding: 10px; }
#coll_left{display: none;}



/* HEADER */
.glavni_meni {display:none;;
width:100%;
    margin:auto;
    padding:0 0 8px 0;
    background: #1e71bc;
}
.glavni_meni li{
     
    display: block;
    margin-bottom: 3px
}

.glavni_meni a{
    display: block;
    width:100%;
    padding: 14px 0 14px 28px;
    _border-bottom:1px solid #eee;
    box-sizing: border-box;
    font-size:16px;
    font-weight:normal;
    letter-spacing: .4px;
    color:#fff;  
}


.mob_main_menu {
    position:absolute;
    top:38px;right:8px;
    padding:2px 4px;
    box-sizing:border-box;
	
}
.mob_main_menu:after {
    content:"\f0c9";
    font-family:icons;
    font-size:27px;
    color:#1e71bc;
    pointer-events: none;
 }


/**********zaglavlje*************/
.zaglavlje_content {background:#fff;position:relative; }
.zaglavlje_content{
    display: block; 
    width:100%;}
.logo{
    display:inline-block;
    width: 24%;
    padding:2%;
    box-sizing: border-box;
    vertical-align:top;
}
.header_information_left{display: inline-block;vertical-align:top;padding:2% 0 0 1%;}
.header_information_left h1{font-size: 1em;color:#1e71bc;}
.header_information_left p{font-size: 1em;color:#3695eb;}
.header_information_right{display:flex;background-color:#3695eb;justify-content:center;padding:.5em 0;border-bottom:2px solid #1e71bc;}
.header_information_right img{width:16%;}
#phone-header, #mobile-header{display: flex;flex-wrap:no-wrap;font-size:1.3em;font-weight:bold;color:#fff;align-items: center;width:44%; }
#mail-header{display:none;}
/*SEARCHBOX*/
.catalog_search{
 display: none;

}

.catalog_search{
   
    width: 100%;
    margin: 0 auto;
    background: #46279d;

}

#brzi_pretrazivac{  
    text-align: center;
    padding:10px 0;
    
}

.suggestionsBox, .suggestionList{display:none!important;;}

#brzi_pretrazivac input{
    width:60%;
    padding:6px;
    vertical-align: top;
    font-size:16px;
    border:none;
}

 
#brzi_pretrazivac .searchDugme{
    display: inline-block;
    width: 50px;
    padding: 2px 2px;
    text-decoration: none;
    text-align: center;
    font-family: icons;
    color: #eee;
    font-size: 30px;
}

.flyOutMenu{
    background:#568;
    position: fixed;
    bottom:0;right:0;left:0;
    text-align: center;
    z-index: 100;
}
.flyOutMenu span{
    display: block;
    padding:14px 0;
    font-family:sans-serif;
    color:#ddd;
}

/*GLAVNA STRANA*/

.index .oblast_sadrzaja{
   width:100%;
}
.catid_1 #coll_middle{padding:0;}
#coll_middle{padding:6% 4% 12% 4%;}
.Naslovna_strana{background-color: #46a2eb;padding:8% 2%;}
.homebox1{display: flex;flex-wrap: wrap;justify-content: center; }
.homebox1_inner{box-sizing: border-box;width:48%;text-align: center;background-color:#1e71bc;padding:.6em;} 
.homebox1_inner h2{font-size:1em;color:#fff;font-weight:normal;}
.homebox1_inner a{text-align: center;}
.homebox1_inner img{width:78%;height:auto;margin:0 auto;}
.homebox4{box-sizing: border-box;background: #fff;width:96%;margin:4% auto;padding:1em;}
.homebox5_inner{width:96%;margin: 4% auto;text-align:center;background:#1e71bc; }
.homebox5_inner h2{font-size:1.5em;font-weight:normal;color:#fff;padding:.5em ;}
.homebox6 {box-sizing: border-box;background: #fff;width:96%;margin:4% auto;padding:1em 0 1em 2.8em;}
.homebox6 li{font-size:1.2em;list-style-type: none;line-height: 2;}
.homebox6_inner li:before{content:"";position:absolute;background-image:url(../../cms_upload/pages/files/46_check-box.svg);
	background-size:100%; background-repeat: no-repeat;width:1.1em;height:1.1em; margin-left: -1.6em;margin-top: .3em;}
.homebox2{display: flex;flex-wrap: nowrap;justify-content: space-between;margin:4% auto;width: 96%;}
.homebox2_inner{  width: 48%;background: #fff;}
.homebox2_inner h2{font-size:1.2em;text-align: center;padding:.3em 0 .5em 0;}
.homebox2_inner p, .homebox2_inner h3{display: none;}
.homebox2_inner:first-of-type a{ vertical-align: bottom; padding:.7em 1em 0 1em; color:#46a2eb;text-decoration: underline;}
.homebox2_inner:last-of-type a{ vertical-align: bottom;margin-top:1.6em;padding:.0 1em 1em 1em;color:#46a2eb;text-decoration: underline;}
.homebox2_inner:last-of-type .text-inner{display: flex;flex-direction: column;}
.homebox7{display: flex;flex-wrap: wrap;justify-content: space-around;margin:4% auto;width: 96%;background:#fff;} 
.homebox_7_inner{width:31%;}
.homebox_7_inner:first-of-type{width:100%;text-align: center;padding:1em 0 0 0;}
.oblast_futera{background: #031e36;}
.oblast_futera img{width:2em}
.oblast_futera .kontakt{padding:1em 0 2em 1em;border-bottom:2px solid rgba(255,255,255, .7);}
.oblast_futera .kontakt li,.oblast_futera .kontakt b{color:rgba(255,255,255, .7);font-size:1.2em;list-style-type:none;line-height:2;}
.oblast_futera .middle{display: flex; flex-direction:column;margin:2em 0;border-bottom:2px solid rgba(255,255,255, .7);padding-bottom:2em;}
.oblast_futera .middle_inner{display:flex;flex-wrap:nowrap;align-items:center;padding:.5em 1em;color:rgba(255,255,255, .7);}
.oblast_futera .middle_inner img{margin-right:1em;opacity:.8;}
.oblast_futera .mapa{width:96%;margin:0 auto;}
.oblast_futera iframe{width: 100%;}
.oblast_futera .kartice{display:flex;justify-content: space-around;padding:2em 0;}
.oblast_futera .kartice img{width:4em;}
 
/**********usluge************/

.catid_20 .usluge {display:flex;flex-wrap: wrap;justify-content: space-between; margin:2em auto;width:96%;}
.catid_20 .usluge .page-cID{width:49%;list-style-type: none;font-size: 8px;text-align:center;margin-bottom:2em;}
.catid_20 .usluge .page-cID h2 {  padding:.9em 0;}
.catid_20 .usluge .info{position: relative;margin-top:-4.5em;background:rgba(0,0,0, .7); }
.catid_20 .usluge .page-cID h2 a{color:#fff;font-weight:normal;letter-spacing: .3px;}
.PageTrackNav{display: none}
.page-cID {list-style-type: none;margin-top:1em;}
.page-pID {list-style-type: none;}
.page-pID a{font-size: 14px;font-weight: normal}

/********0 nama*************/
 
.zaposleni_inner img{border-radius: 50%;width:200px;margin:22px auto 0 auto;}
.catid_18 h3 {padding: 1.2em 0 .5em 0;}
.zaposleni_inner h3{text-align: center;}
.catid_44 #coll_middle img{padding:2% 0;}

/*********kontakt********/
#kontakt_flex>ul>li{font-size:14px;padding-bottom:.6em;}
#kontakt_flex li{list-style-type: none;  }
#kontakt_flex{border:1px solid #ddd;margin:2em 0;padding:1em;}
#kontakt_flex input{width:100%;}
#kontakt_flex h3{font-size:1.5em;padding:2em 0 .7em 0;color:#1e71bc;}
#kontakt_flex #kon-ime, #kontakt_flex #kon-email  {border:1px solid #ddd;padding:.7em 0;margin:4px 0 1em 0;}
#kontakt_flex #kon-poruka{border:1px solid #ddd;padding:.7em 0 2em 0;margin:4px 0 0 0;min-height: 5em; }
#kontakt_flex #kon-posalji{border:none;padding:1em 4em;margin:2em 0;color:#fff;background:#1e71bc;border-radius:4px;}
.catid_24  #coll_middle iframe{display: none;}
