/* MOBILE VERSION CSS */

/*MOBILE ON*/

/*MOBILE OFF*/

body, html,p, a, div, ul, li, h1, h2, h3, img, span{
    margin:0; padding:0; color:#555;
}
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
.icons {font-family: icons;}
img {border:0px; width: 100%; display: block;}
a{text-decoration:none;outline:none;}
p{font-size: 16px; line-height: 1.6em;}
h2{font-size: 23px; line-height: 1.4em;}
h3{font-size: 19px; line-height: 1.4em;}
h4{font-size: 17px; line-height: 1.4em;}


/*DISPLAY NONE*/
.top_baner {display: none;}
.editToCMS {display: none;}
.informationsLeft , .informationsRight {display: none;}


/*ELEMENTI ZAGLAVLJA*/
.oblast_zaglavlja{position: relative;}
.header-content {position:fixed; height: 75px; width: 100%; z-index: 1; border-bottom : 2px solid transparent; 
  top:0; left:0; box-shadow: 2px 2px 3px 2px #ddd; background: #fff;}

.logo-hires {padding: 5px;}
.logo-hires img {width: 70%; display: block; box-sizing: border-box;}
.logo-hires a {display: block; width: 70%;}

.mob_main_menu {position:absolute; top:24px; right:8px; z-index: 200; padding:2px 4px; box-sizing:border-box;}
.mob_main_menu:after{content:"\f0c9"; font-family:icons; font-size:29px; color: #f79420;}
.glavni_meni {display: none;}
.glavni_meni {width: 100%; background: #fff; padding: 15px 0px; position: fixed; top: 68px; z-index: 1; text-align: center;}
.glavni_meni ul > li {border-bottom: 1px solid #f79420; height: 30px; padding-top: 17px;list-style: none;}
.glavni_meni ul > li:last-child{border-bottom: none;}
.glavni_meni ul > li > a {position: relative; text-decoration: none; display: block; background: #fff; font-size: 17px; 
  color: #054877;text-transform: uppercase;}


/*HOME PAGE*/
.box {padding-bottom: 20px;}
.box div {padding: 5px;}
.box img {box-sizing: border-box; width :33%; margin: auto;}
.box .antrafile ul li {list-style-position: inside; padding: 5px;list-style: none;}
.box .antrafile ul li:before {content:"\2022"; color: #f79420; font-size: 20px; font-weight: bold; display: inline-block; width:0.6em;}

.box .homeTitle {text-align: center;}
.box .homeTitle a {color: #065285; font-size: 20px; _letter-spacing: 1px;}

.pdflink img , .pdflink a {width : 65px;}
.subbox{border-top: 1px solid #ccc; padding: 5px 0;}

.box .antrafile a {line-height: 1.4em;}

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


/*PAGES*/
.oblast_sadrzaja{padding: 68px 5px 30px 5px; box-sizing: border-box; min-height: 827px;}

.pageTitle{
  font-size:18px; padding: 12px 0 12px 10px; font-weight: 400; width: 100%; color: #054877; 
  _letter-spacing: 1px; box-sizing: border-box; text-transform: uppercase;text-align: center;  
}

/*O NAMA*/
.o-nama .image-Onama {height: auto; box-sizing: border-box;}
.o-nama .image-Onama img {display: block; width: 100%;height: auto; padding: 7px 0 7px 0;}

.o-nama .text-Onama {box-sizing: border-box;}
.o-nama .text-Onama p {padding: 8px 0 0 5px;}
.o-nama .text-Onama p a {color: #054877;}


/*BOCNI MENI*/
.bocniMeniStrane li {padding-top: 10px; font-size: 16px; margin-left: 20px; list-style-type: disclosure-closed; color:#f79420;}
.bocniMeniStrane {margin: 20px 0; padding: 20px 5px; box-sizing: border-box; border-top: 2px solid #eee; border-bottom: 2px solid #eee;}
.bocniMeniStrane .markerStrane a {color:#054877;} 

/*USLUGE*/
.osiguranje .pageBody p {font-size:16px; padding: 7px; line-height:1.7em;}
.osiguranje .pageBody ul li {padding: 5px; list-style-position: inside;list-style: none;}
.osiguranje .oblast_sadrzaja {padding-top: 35px;}
.osiguranje .pageBody ul li:before {content:"\2022"; color: #f79420; font-size: 20px; font-weight: bold; display: inline-block; width:0.6em;}



/* PARTNERI*/
.partneri-lista {display:block; width:75%; height:auto; margin:auto;}
.partneri-lista ul li{box-sizing:border-box; padding:8px 5px; list-style: none;}
.partneri-lista ul li a{display:block; width:100%; height:100%;}
.partneri-lista ul li a img{width:200px; height:auto; margin: auto;}

/*KLIJENTI*/


/*KONTAKT*/
.kontakti{width: 100%; box-sizing: border-box;}
.kontakti h3{color:#777;padding: 5px 0 5px 0;}

.leviKontejner a{color: #054877;}

.mapa {width:100%; box-sizing: border-box;}
.mapa h3{padding: 5px 0 5px 0;}
#mapa_beograd iframe {width:100%; height: 450px;}


/*PITANJA*/
.pitanje h3{border: 1px solid #ddd; padding: 10px 10px 10px 4px; box-sizing: border-box; margin-bottom: 1px; position: relative;}
.pitanje h3:after{content: "\f063"; font-family: icons; position: absolute; right: 1px; font-size: 17px;}
.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; list-style-position: inside; padding: 4px;}
.odgovor{display: none;}

.kontaktForma{margin: 10px 0; width:100%;}
.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: 90%; margin: auto;text-align: center; padding: 5px;}
.kontaktRegistrator label{margin-bottom: 5px; padding-top:10px;}
.kontaktRegistrator input:focus{border: 1px solid #f79420;}

#dugmePosalji{cursor: pointer; margin: 50px 0 0 150px;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; height: 100px;}
.divForma:focus{border: 1px solid #f79420;}
.kontaktRegistrator p:nth-child(12){display: inline-block; margin: 30px 0 5px 140px;}

/*OBLAST FUTERA*/

.oblast_futera {background: #054877; background-image: url("../../cms_upload/pages/files/2_footer-outline.png"); 
  background-size: 100% auto; background-position:top; background-repeat: no-repeat;}

.footer-data p {text-align: center; font-size:14px; color:#aaa; padding-top : 100px;} 
.oblast_futera a {text-decoration:none; display:block;}

.footer-inner {width: 100%; margin: auto; height: auto;}
.footer-inner ul {display: none;}