body, html, p, a, span, h1, h2, h3, h4, h5, img, table, tr, td, div, nav, aside, ul, li {margin: 0; padding: 0; color:#555; font-size: 16px;} 
HTML {width: 100%;}
BODY {font-family:sans-serif; font-size: 14px; width: 100%; } 
.img, img, a img, a {border:none;}
.icons{font-family: icons}
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
a img{display:block; width:100%; height:auto}

.editToCMS{display:none}

.oblast_strane{
  margin:0; 
  padding:0;
  position: relative;
  z-index: 0;
  
  
}

.index.catid_4 .oblast_zaglavlja{border-bottom: 2px solid transparent}

.oblast_zaglavlja{
  margin:0 auto;
  box-sizing: border-box;
  position:relative;
  width:1000px;
  height: 92px;
  border-bottom: 2px solid #ccc

}

.oblast_strane:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 26px;
  background: #054877;
  top:0;
  z-index: -2
}

.oblast_sadrzaja{
  width: 1000px;
  margin:0 auto;
  padding:0;
  box-sizing: border-box;
  font-size:0;
}
#coll_right {width:200px;display:inline-block;vertical-align:top; margin-top: 52px}
#coll_middle {width:800px;display:inline-block;vertical-align:top;}
.kontakti #coll_middle {width:100%;}
.mediator #coll_middle {width:100%;}

/*HEADER*/

.PageTrackNav{
  display: none;
  width: 1000px;
  margin:0 auto;
}
.PageTrackNav li{
 display: inline-block;
  list-style: none;
  font-size:14px;
}
.PageTrackNav li a{
  font-size: inherit;
  display: block;
  padding:2px 26px;
 
}
.PageTrackNav li:first-child{
  font-size:0;
  position:relative;
}
.PageTrackNav li:first-child:before{
  position: absolute;
  width:40px;height:20px;
  font-size:14px;
  content:"Početna";
  bottom:-6px;left:0;
}


.subMeniHeader{
  width:100%; 
  height:26px;
  position: relative;
  font-size: 0;
  
}

.subMeniHeader a{ 
  display: inline-block;
  vertical-align: top;
  text-decoration:none;
  font-size: 13px;
  color: #bbbdc0;
  padding-top:4px
}

.informationsLeft{
  display: inline-block; 
  vertical-align: top;
  position: absolute;
  top:0;
  left:15px
}

.subMeniHeader .icons{color:#f79420; padding: 0 10px}

.informationsLeft a{

}

.informationsRight{
  display: inline-block; 
  vertical-align: top; 
  position: absolute;
  top:0;
  right:15px
}

.logo-hires{
  width:200px;
  height: auto;
  position: absolute;
  bottom:0;left:0;
  padding:  0 0 3px 0
  
}

.logo-hires img{
  display: block;
  width:100%;
  height:auto;
}

.glavni_meni{
  display:block; 
  font-size: 14px;
  position:absolute;
  bottom:0px;
  right:0
}

.glavni_meni ul{
  font-size:0;
  text-align: center;
}
.glavni_meni ul li {
  font-size:14px; 
  display:inline-block;
  vertical-align: top;
  _margin:0px 10px 0 10px;
}
.glavni_meni > ul > li > a {
  display:block;
  padding:20px 10px 22px 10px;
  border-top:none;
  text-decoration:none;
  color:#888;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  border-top: 4px solid transparent;
  letter-spacing: 1px;
  

}

.glavni_meni > ul > li > a:hover{
  color:#f79420;
  border-top: 4px solid #f79420
  
}
.glavnimeni_active{}

.bocniMeniStrane {padding: 10px; box-sizing:border-box;}
.bocniMeniStrane li {
  list-style:none; 
  

}

.bocniMeniStrane li a {
  text-decoration:none;
  box-sizing:border-box;
  display:block;
  width:100%; height:100%;
  padding:6px 0 6px 6px;
  border-bottom: 1px solid #eee
}
.bocniMeniStrane > li > a:hover{background:#eee;}
/*BANNER*/

.top_baner{position: relative;}

.top_baner:after{
  content: '';
  width: 100%;
  height: 10px;
  background: rgba(0, 0, 0, .2);
  _background: #f79420;  
  position: absolute;
  top:0
}

.baner_slide_title{
  position: absolute;
  z-index: 20;
  bottom:150px; left:0; 
  font-size:40px; 
  background:#fff;
  padding:6px 140px 4px 24px;
  color:#000;
}
.baner_slide_description{
  position: absolute;
  z-index: 20;
  bottom:100px; left:0; 
  font-size:30px; 
  background:#fff;
  padding:6px 100px 4px 24px;
  color:#000;
}

.catid_4 .pageBody {
  position: relative;
}
/* /BANNER */

/* HOME PAGE */

.index.catid_4 .oblast_sadrzaja{
  width: 100%;
  margin:0 auto;
  padding:0;
  box-sizing: border-box;
  font-size:0;
  background-image: url("../../cms_upload/pages/files/40_home-backgr-outlined.jpg" ) ;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position:bottom;
  
}

.index.catid_4 #coll_middle{
  margin: 0 auto; 
  width: 100%;
  position: relative;
  z-index: 5;
  position: relative;
}


.home-content{width: 1000px; margin:0 auto; z-index: 10; height: 438px;}
.wrapper-boxes-3 {
  width:100%; 
  font-size:0; 
  box-sizing: border-box;
  margin: 10px 0 8px 0;
  width: 1200px;
  
}
.wrapper-boxes-3 .box{
  display:inline-block;
  width: 23%;
  height:450px ;
  vertical-align: top;
  box-sizing: border-box;
  margin-left: 1.5%;
  z-index: 10;
  border: 1px solid #ccc;
  background: rgba(255, 255, 255, .85);
  border-bottom: 12px solid #054877;

}

.wrapper-boxes-3 .box:hover{
  border-bottom: 12px solid #f79420
}


.wrapper-boxes-3 .box:first-child{ margin-left:0}

.wrapper-boxes-3 .box a {
  display: block;
  text-decoration: none; 
  color: #333;
  font-size: 14px;    
}



.wrapper-boxes-3 .box .antrafile {
  margin-top: 3px; 
  height: 160px;
  box-sizing: border-box;
  padding: 0 10px;


}

.antrafile a{
  height:56px
}

.wrapper-boxes-3 .box .antrafile p{
  font-size: 14px;
  color: #555
  
}


.box .main-texthome{ width: 100%; font-size:0;}

.box .main-texthome .icon-image{
  display:inline-block; 
  width: 30%;
  box-sizing: border-box;
  padding: 28px 15px 8px 15px
  
}
.box .main-texthome .icon-image a img{
  display: block;
  width: 100%;
  height: auto;}

.box .main-texthome .homeTitle{
  display:inline-block; 
  width: 70%;
  vertical-align: top;
  box-sizing: border-box;
  
}

.box .main-texthome .homeTitle a{
  padding: 45px 0px 0px 0px;
  font-size: 20px;
  letter-spacing: 1px;
  color: #065285
  
  
}

.antrafile .subbox{
  font-size: 0;
  width: 100%;
  padding:10px;
  box-sizing:border-box


}
.subbox .subtexthome{
  display: inline-block;
  width: 80%;
  padding: 4px 10px;
  box-sizing: border-box;
  margin-right:0%; 
}
.subbox .subtexthome a{
  font-size: 13px;
}
.subbox{  
  border-top: 1px solid #ccc; padding: 5px 0;}

.subbox .pdflink{
  display: inline-block;
  width:20%;
  vertical-align: top;
  
}

.subbox .pdflink a:hover{filter: brightness(1.3);}

.subbox .pdflink a{ 
  padding:2px 5px; 
  font-weight: 600;
  font-size: 13px;
  box-sizing:border-box;
}
.subbox .pdflink img{
  width: 35px;
}

/*
.horizontal-wrapper {display:block;width:960px;height:auto;font-size:0;margin:15px 0;}

.home-content .horizontal-wrapper p{ font-size:13px}
.home-content .horizontal-wrapper.row-2 {

}
.home-content .horizontal-wrapper.row-2 .boxes{
  width: 30%;
}

.home-content .horizontal-wrapper.row-2 .infografika {
  width:60%;
}
.home-content .horizontal-wrapper .infografika img{
  display: block;
  width:100%;
  height:auto;
}
.horizontal-wrapper.row-2 {}
.horizontal-wrapper.row-3 {}
.horizontal-wrapper.row-4 {}
.horizontal-wrapper.row-5 {}

.boxes {display:inline-block;
  vertical-align: top; 
  font-size:14px;
  box-sizing:border-box;
  padding:0 5px;
}
.row-1  .boxes {width:100%; height:auto;}
.row-2  .boxes {width:50%; height:auto;}
.row-3  .boxes {width:33.33%;height:auto;}
.row-4  .boxes {width:25%; height:auto;}
.row-5  .boxes {width:20%;height:auto;}

.image-container {}
.image-container img{display:block;width:100%;height:auto;}

.text-container {}
.text-container h2 {font-size:20px; font-weight: 200; padding-top:20px}
.text-container p {padding:5px; font-size:12px}

.pdf-link {
  background:#ccc;
  width:40px;
  text-align: center;
  font-size:10px;
  border-radius:2px;
  margin:10px 0
}
.pdf-link a{font-size:inherit; text-decoration: none; display:block; padding:2px 4px}

.box-5{}
.box-5 a {width:150px; display:block;margin:auto; }
.box-6 a {width:280px; display:block;}
*/


/* END HOME PAGE */


/*PAGES*/
.pageTitle{
  font-size:18px;
  padding:30px 0 10px 10px; 
  font-weight: 400;
  width: 100%;
  color: #054877;
  letter-spacing: 1.5px;
  box-sizing: border-box;
  text-transform: uppercase;   
}

.osiguranje .pageBody p, .osiguranje .pageBody ul{
  padding: 5px 60px 0px 20px;
  font-size:14px;
  line-height: 1.2em;
  margin: 10px 0 10px 0;

}


.osiguranje .pageBody ul li{
   font-size:14px;
  margin: 0px 20px;
}
.pageBody {}
.pageBody ul {margin:1.5em}

.index .antrafile ul{
  margin:10px;
  
}
.index .antrafile ul li{
  font-size:12px;
}
/* PARTNERI */

.partneri-lista {display:block;width:100%;height:auto;margin:10px 0;}
.partneri-lista ul {box-sizing:border-box;padding:0 10px;font-size:0;}
.partneri-lista ul li {
  width:25%;
  margin:0 auto;
  display:inline-block;
  vertical-align:top;
  height:auto;
  box-sizing:border-box;
  text-align:center;
  padding:0 0 10px 0;
}

.partneri-lista ul li a{display:block;width:100%;height:100%;}
.partneri-lista ul li a img{width:192px;height:auto;}

/* KLIJENTI */
.pageBody .listaKlijenata{font-size:0}
.pageBody .reference {display:inline-block;vertical-align: top;width:50%;font-size:initial;margin:1.5em 0;}
.pageBody .reference li {
  list-style: inside;
  padding: 0px 0px 0px 10px;
  font-size: 14px;
  line-height: 1.4em;
}

/*O NAMA*/
.o-nama .image-Onama{width: 100%;height: auto;}
.o-nama .image-Onama img{display: block; width: 100%;height: auto;}

.o-nama .text-Onama{ box-sizing: border-box; padding: 15px 10px 20px 10px}
.o-nama .text-Onama p{padding: 6px 0}


/*  /PARTNERI */

/* PITANJA */

.pitanje h3{border: 1px solid #ddd; padding: 10px; box-sizing: border-box; margin-bottom: 1px; position: relative}
.pitanje h3:after{content: "\f063"; font-family: icons; position: absolute; right: 10px;}
.odgovor {padding: 15px 0 15px 10px; box-sizing: border-box}
.odgovor p{padding-top: 5px; line-height: 1.5em}
.odgovor ul li{margin-bottom: 5px; list-style: decimal}
.odgovor{display: none}

.kontaktForma{margin: 10px 0; width: 600px}
.kontaktForma .kontaktRegistrator{width: 100%; padding-bottom: 30px; box-sizing: border-box}
.kontaktRegistrator p{line-height: 1.5em; margin-bottom: 15px; color: #777}
.kontaktRegistrator input,.kontaktRegistrator label{display: block; width: 400px;text-align: center; padding: 5px}
.kontaktRegistrator label{margin-bottom: 5px}
#dugmePosalji{cursor: pointer; margin: 50px 0 0 110px;padding: 5px; width: 200px; border: none; box-sizing: border-box; color: #bbbdc0; font-size: 20px; font-weight: normal; background: #054877}
.divForma {border:1px solid #ccc; resize: vertical;overflow: hidden; width: 414px; height: 180px}
.kontaktRegistrator p:nth-child(6){width: 100%; margin: 40px 0 5px 140px}

/* KONTAKT */

.index.catid_15 #coll_middle{width: 100%;}

.kontakti{width: 100%; font-size: 0; box-sizing: border-box; padding:20px 0 20px 10px }
.kontakti h3{color:#777}
.leviKontejner{display: inline-block;width: 30%; }
.leviKontejner p{padding: 5px 0;color:#777}
.leviKontejner a{text-decoration: none; color: #054877}
.desniKontejner{display: inline-block;width: 70%;vertical-align: top;}

.mapa {width:100%;}
.mapa h3{padding-bottom: 8px}
.mapa > iframe {width:100%;height:250px;}

/*  /KONTAKT */
/*FOOTER*/
.oblast_futera{
  _padding-top:10px;
  background: #054877;
  font-size:0;
  _border-top:5px solid #ccc;
  background-image: url("../../cms_upload/pages/files/2_footer-outline.png" ) ;
  background-size: 100% auto;
  background-position:top;
  background-repeat: no-repeat;
  
  
}

.footer-inner{width: 1000px;margin: 0 auto; background: rgba(4, 61, 99, .4)}

.footer-inner ul{display: none}

.oblast_futera ul {
  display: inline-block;
 
  width:200px;height:230px;
  vertical-align: top;
  list-style: none;
  font-size:18px;
  box-sizing: border-box;
  padding: 10px
}

.oblast_futera ul li{
   display: none;
  border-left:4px solid #065285;
  margin: 0 0 3px 0px;
}

.oblast_futera ul li:hover{border-left:4px solid #ff9900;}


.oblast_futera ul h2 {
  text-decoration:none;
  margin: 0 0 3px 20px;
  display: inline-block;
  width:200px;
  vertical-align: top;
  list-style: none;
  font-size:18px;
}
.oblast_futera h2 {
  text-decoration:none;
  margin: 0 0 3px 20px;
  display: inline-block;
  width:200px;
  vertical-align: top;
  list-style: none;
  font-size:18px;
}
.oblast_futera a {text-decoration:none;display:block;}
.oblast_futera ul li a{
  padding:6px;
  text-decoration: none;
  color:#aaa
}



.footer-data p{text-align: center; font-size:14px; padding:20px; color:#aaa}