.invertcol{  filter: invert(1);}
/* MOBILE VERSION CSS */
*{padding:0px;margin:0px;}
HTML{ width:100%;}
BODY {
    width:100%;
    height: 100%;
    margin: 0px;
    padding:0px;
    font-size:14px;
    overflow-x: hidden;
    overflow-y: scroll;
    color:#505050;
    font-family:asap,sans-serif;

}


/* VARIABLES */
:root {
    --darkblue: #202a5b;
    --beige: #9d9fa1;
    --grey: #9d9fa1;
    --zlatna: #b59355;
    --darkgrey: #3d3e42;
    --red: #c21823;
    --lightblue: #00aedb;
    --pg: #666666;
    --slyel_20:rgba(254,193,39,.2);
    --slg_20:rgba(86,191,152,.2);
    --fl:24px;
    --fxl:36px;
    --fm:20px;
    --fn:16px;
    --fs:14px;
    --fxs:12px;
    --th:rgba(86,191,12,.05);
}


img {width: 100%; height:auto;}
a{text-decoration:none;outline:none;}
img,a,p,div:before,div:after}

@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: playfairR; src: url('fonts/PlayfairDisplayRegular.ttf');}
@font-face {font-family: playfairM; src: url('fonts/PlayfairDisplayMedium.ttf');}
@font-face {font-family: google_icons; src: url('fonts/materialIcons_regular.ttf');}

.icons, .index .searchDugme {font-family: icons;}
.gi{font-family:'google_icons'; display: block;}

body, html,p, a, div, ul, li, h1, h2, h3, img, span{
    color:#555;
}
li{list-style-position: inside;}
p, a{font-size: var(--fn); line-height: 1.6em;}

/* mobile off > hide on mobile // .desktop_off > hide on desktop*/
.mobile_off{display:none!important;}



/* DISPLAY NONE */

.catTITLE{display: none;}
.containerNoOverflow toggleMenu{display: none;}
.top_baner{display: none; }
.navigatorKataloga{display: none;}
#bocnaNavigacija{display: none;}
.wrapperTraka .divLevi{display: none ;}
.divDesni .registarKontainer{display:none ;}
.wrapperTraka .divDesni .item:nth-child(1) {display: none;}
.sideCatNav{ display: none; }
.tempContainer{display: none}
.userBar {display: none}
.wishListBar {display: none}
.CatTrackNav {display: none}
.divDesni .itemTitle{display: none;}
.izborIkonica, .hiddenText p {display: none;}
.blokTop, .PageTrackNav{display: none}
.flyOutMenu{_display: none}
.registrator .form_label {display: none}
.logoScroll,.fixedLink_form,pre,.compareProd{display: none!important;}
.index .fixed-futer{display: none;}

.slikeOpsirnije img:first-child{display: none}
.slikeOpsirnije img:last-child{display: none}
.catShortDesc{display: none;}
.desktop-ien-zgrada{display: none!important;}

/*DUGME BACK*/
.back{margin: 10px 0 10px 10px;width: 35px; height: 35px; position: absolute; left: 0; top: 0; z-index: 10;  }
.back input{width: 100%; display: block; padding:10px 10px; box-sizing: border-box; background: var(--main);
    color: #fff; border: none; border-radius: 100px;position: relative; width: 100%; height: 100%;cursor: pointer;}
.back:after{content: ""; position: absolute;top: 10px; left: 12px; bottom: 0;width: 10px;height: 10px;border-right: 5px solid #eee;border-bottom: 5px solid #eee;transform: rotate(140deg); pointer-events: none}

/*test*/
.catalog .fixedLink_form, .katalog .fixedLink_form, .akcije .fixedLink_form, .contact .fixedLink_form, .nasa_preporuka .fixedLink_form,
.pet_jungle .fixedLink_form, .about_us .fixedLink_form{display: none}

/*MOBILNI BANER*/
.mobile_baner{display: block; width: 100%!important; margin: auto ;height: 100%!important; padding-top: 110px; }
.mobile_baner #jssor10_container{display: block; width: 100%!important; margin: auto;}
.mobile_baner #jssor10_container >div{display: block; width: 100%!important;}
.mobile_baner #jssor10_container >div >div{display: block; width: 100%!important;}
.mobile_baner #jssor10_container >div >div >div{display: block; width: 100%!important;}
.mobile_baner #jssor10_container >div >div >div >div a{display: block!important;}
.mobile_baner img{width: 100%!important;display: block; }
.mobile_baner .av {display: none}
.mobile_baner #jssor10_container .jssorb1{display: none}

#cookiesMessage{

    position: fixed;
    bottom:0;left:0;right:0;
    z-index: 10000;
    padding:50px 20px;
    background: #fff;
    border-top:20px solid #459;

}
#cookiesMessage p{
    font-size:13px;
}
#cookiesMessage .agreebtt{
    border:1px solid #444;
    padding: 10px 30px;
    display: block;
    margin:20px auto;width:120px;
    text-align: center;

}

/*CATALOG SEARCH*/
.catalog_search{display: flex; flex-wrap:nowrap; justify-content:space-between; margin-top:0px;
    position:relative; background: var(--darkblue); padding: 10px 0px; display: none}
.catalog_search #brzi_pretrazivac{ width: 100%; border-radius:6px}
.catalog_search .stringPolje{width:60%; font-size: var(--fn); padding: 6px 5px;
    box-sizing: border-box;border:none; margin-left:5%; background:#ccc;color:var(--darkblue);  }
.catalog_search .stringPolje:focus{width:60%; color:#555; background: #eee}
.catalog_search .stringPolje:focus{outline: none; border: 1px solid #eee}
.catalog_search .searchDugme{display:inline-block; position: absolute; top:10px; left: 57% }
.catalog_search .searchDugme:after{content: "f002"; font-size: 24px; color:#fff;font-family: icons;
    display: inline-block; vertical-align: bottom; padding:6px 12px 0 0}

#suggestions{background: #fff; position: absolute; top:40px; border:2px solid #485;
    width:96%; padding-top:20px; border-radius:6px;}
#suggestions li{display: flex; border-bottom:1px solid #ddd; _height:100px}
#suggestions li img{display: block; width: 30%;border-right: 1px solid #ddd; height:100%}
#suggestions li div{padding: 10px; box-sizing: border-box;width:70%}
#suggestions .close_suggestions{ width: max-content; height: max-content;
    display:block; position: absolute; right:10px; top:4px}
#suggestions .close_suggestions:after{content:"f00d"; font-family: icons; font-size: 26px;
    color: var(--pg)}



/*HEADER*/

.oblast_zaglavlja{display:block; position:fixed; left: 0; right: 0; top: 0; padding:0 0 0 0;
    box-sizing:border-box; border-bottom: 1px solid #fff; /*! background: #95979d */}
.invertcol{  filter: invert(1);}



.pageTitle{margin: 10px 0 20px 0; text-align: center; font-size: 24px; font-weight:normal; color:var(--darkblue) }
.istrazivaci .oblast_sadrzaja,
.onama .oblast_sadrzaja,
.skupovi .oblast_sadrzaja,
.kontakt .oblast_sadrzaja,
.oblasti_istrazivanja .oblast_sadrzaja,
.publikacije .oblast_sadrzaja,
.projekti .oblast_sadrzaja{padding-top: 130px}

.index .oblast_sadrzaja{}
.kontakt .oblast_sadrzaja #coll_middle .pageBody{padding-top: 20px;}
.oblast_zaglavlja .logo-header{width: 180px; padding-left: 10px;}
.oblast_zaglavlja .logoHome img{display: block;width: 100%}
.oblast_zaglavlja .divDesni .item:nth-child(2) .itemIcon{width: 32px;position: absolute;
    top:18px; right: 60px; }
.oblast_zaglavlja .divDesni .item:nth-child(3) .itemIcon{display: none}

.wrapperTraka{position: relative;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(31,41,91,1) 0%, rgba(32,42,92,1) 5%,
    rgba(33,43,93,1) 9%, rgba(35,45,94,1) 14%, rgba(36,46,94,1) 19%, rgba(42,51,97,1) 29%,
    rgba(47,56,100,1) 33%, rgba(54,62,104,1) 39%, rgba(60,68,107,1) 44%, rgba(65,73,110,1) 50%,
    rgba(76,84,116,1) 58%, rgba(86,93,122,1) 65%, rgba(95,101,127,1) 71%, rgba(103,109,131,1) 78%, rgba(110,115,135,1) 83%,
    rgba(116,121,138,1) 88%, rgba(126,131,144,1) 91%, rgba(133,137,148,1) 96%, rgba(157,159,161,1) 100%);
    border-bottom: 1px solid var(--zlatna)}
.wrapperTraka .drustvene-mreze-header img {width: 100; display: block}
.wrapperTraka .drustvene-mreze-header a{width: 100%; display: block}
.wrapperTraka .drustvene-mreze-header {width: 30px; position: absolute; top: 25px; left: 10%;}


.ikonice-header .login-users img {width: 100%; display: block}
.login-users, .drustvene-mreze-zaglavlje {min-width: 15%; }
.login-users, .drustvene-mreze-zaglavlje {display: flex;}
.ikonice-header { display: flex; gap:10px; align-items: center;
    justify-content: left;padding:10px 15px; box-sizing: border-box; background: var(--darkblue)}
.ikonice-header .login-users a span{width: 30px; display: block; margin-right: 10px}
.ikonice-header .login-users a span img, .ikonice-header .drustvene-mreze-zaglavlje a span img{width: 100%; display: block}
.ikonice-header a:hover {filter: brightness(0.8); width: 100%; display: block;}
.ikonice-header .drustvene-mreze-zaglavlje{_margin-right: 60px}
.ikonice-header .drustvene-mreze-zaglavlje a span{width: 20px; display: block; padding-left: 10px}
.ikonice-header .ienshare{width: 50px;}
.ikonice-header .ienshare img{display: block;width: 100%}
#text_finder{

    color:#eee;
    padding:1px;
    font-size:26px
}

.oblast_zaglavlja .mob_main_menu{position: absolute; top:15px;
    right:10px;  width:40px; height:40px; _border:1px solid var(--main); border-radius:10px;
    display: flex; align-items: center; justify-content: center; }
.mob_main_menu .mobMenuLine{display: inline-block; background: #fff; width: 70%; height:2px;
    position:relative; }
.mob_main_menu .mobMenuLine:before{content:""; width: 100%; background: #fff; height: 2px;
    display: inline-block; position:absolute; top:-10px;transition:.2s }
.mob_main_menu .mobMenuLine:after{content:""; width: 100%; background: #fff; height: 2px;
    display: inline-block;position:absolute; top:10px; transition:.2s}

.changeMobMenu .mobMenuLine{background: transparent; }
.changeMobMenu .mobMenuLine:before{transform: rotate(35deg);top:0px;_width: 120%;;
    transition:.2s}
.changeMobMenu .mobMenuLine:after{transform: rotate(-35deg);top:0; _width: 120%;;
    transition:.2s}

.overlayDiv{background: rgba(1,1,1,.4); position: absolute; width: 100%; height: 100%; left: 0;
    top:0; z-index: 1; display:none; transition:1s}
.showOverlay{display: block; transition: 1s; }

.glavni_meni{background: #fff; position: absolute; width: 100%; margin:0!important;
    top: 100%;left: 0; border-top:1px solid #ddd; _display:none;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transform: translateY(-3em);
    transition:all .2s linear }
.glavni_meni li{list-style: none}
.glavni_meni li a{display: block;padding: 15px 0; font-size: var(--fn); border-bottom: 1px solid #ddd;
    text-align: center}
.glavni_meni >ul >li >ul{display: none!important;}

.menuSlideDown{visibility:visible; opacity:1;
    z-index:1; transform: translateY(0); transition: transform .3s linear 0s, z-index .3s linear 0s}

.search_field{
    display: none;
    background: #445;
    padding: 20px;
    text-align: center;
}
.search_field button,
.search_field input{
    background: none; border:1px solid #eee;
    color:#eee;
    padding: 12px 14px;
    outline: none;
}
.search_field input:focus{
    background: #ffa;
    color:#444;
}

/*MOBILE BANNER*/
.mobileBanner{
    display: none;
    position: fixed;
    top:0;left:0;
    z-index: 1000;
    border: 3px solid #555;
    background: rgba(255,255,255,.9);
    margin:0;padding:0;
    box-shadow: 0px 10px 20px rgba(0,0,0,.4);
}
.mobileBanner h3{
    padding:2px 10px 10px 2px;
    font-size:30px;
    display: block;
    text-align: right;
}
.mobileBanner .icons{
    color:#444;
}


/*USER ICON-HEADER*/
/*.login-users{position: absolute; left: 55%; top: 10px}
.login-users a span{display: block; padding-bottom: 5px}*/

/*JEZICI*/
.meni_jezici{position: absolute; top: 2px; right: 70px; width: 40px; }
.meni_jezici li{display: block; filter: brightness(.9) ;}
.meni_jezici li a{color: #fff;
    text-transform: uppercase; padding: 1px 2px; box-sizing: border-box; display: block;
    font-size:inherit;}
.meni_jezici .markLng a{color: #fff; background: var(--zlatna);}
.meni_jezici .markLng span {font-size: 12px;color: #fff;}
.meni_jezici a span {font-size: 12px; color: #fff;}

.meni_jezici img {display: none}


/*HOME PAGE*/
/*prvi blok*/
.homePage{display: flex; flex-wrap: wrap; justify-content: space-around;width: 95%; margin: 20px auto 50px}
.homePage .box{margin-top: 20px;
    width: 150px; height: 150px
}
.homePage .box span{width: 100%; display: block; text-align: center; color: #458; font-size: 16px; text-transform: uppercase; margin-top: 10px}
.homePage .box a{display: block; margin: auto; padding: 0 15px; color: #458;font-size: 87px; text-align: center;}
.homePage .box .naslovBox{color:#458; font-size:20px}
.homePage .box img{width: 100%; display: block; margin-bottom: 10px;}

/*dinmicki blok*/


.index .dynamicContent .info h2{
    
    background: #ddd;
    padding: 10px 30px;
    position: abosulute;
    left:0; top:-45px;
    font-weight:normal;
    font-size:14px
}

.index .dynamicContent .publish_date{
    background: #fffc;
    position: absolute;
    bottom: 7px; left:0px;
    padding: 10px;
}


/*drugi blok*/


/**treci blok**/
.home-publikacije{width: 90%; margin: 60px auto 0;}
.home-publikacije >h2{font-size: 35px; margin-bottom: 20px;font-family: playfairR;font-weight: normal; color: var(--zlatna) }
.home-publikacije .box-outer{background: #eee;  position: relative;z-index : 0}
.home-publikacije .box-inner {width:190px; height: auto;text-align: center;margin:30px auto }
.home-publikacije .box-inner a{display: block;}



/**cetvrti blok**/

.ip_container li{
    margin: 20px 0;
    list-style: outside;
    border-left:2px solid #458;
    padding: 10px;list-style: none
}
.ip_container li a{
    font-size:var(--fn);
    line-height:1.8em;
}

.home-repozitorijum-dcs { background: fff;
    padding: 20px; box-sizing: border-box; position: relative; width: 90%; margin: 20px auto 20px; _border: 2px solid var(--darkblue)}
.home-repozitorijum-dcs >div{margin: auto; width: 100%; text-align: center}
.slikaRepozitorijum img, .slikaDcs img {width: 100%; display: block;}
.slikaRepozitorijum, .slikaDcs {width: 180px}
.slikaRepozitorijum {position: relative}
.slikaRepozitorijum img {position: absolute;  left: 20px; bottom: -200px;}
.emptyBoxRepozitorijum{/*! background: #fbba2e; */ padding: 70px; display: inline-block; width: 100px;
    margin-left: 20px; margin-top: 100px; margin-bottom: -50px; }
.titleRepozitorijum h2 {/*! background: var(--zlatna); */ display: inline-block; padding: 15px; color: var(--main); font-weight: lighter}

.slikaDcs img, .slikaDcs img {width: 100%; display: block;}
.slikaDcs, .slikaDcs {width: 180px}
.slikaDcs {position: relative}
.slikaDcs img {position: absolute; left: 20px; bottom: -200px;}
.emptyBoxDcs{/*! background: #fbba2e; */ padding:70px; display: inline-block; width: 100px;
    margin-left: 20px; margin-top: 100px; margin-bottom: -50px; }
.titleDcs h2 {background: var(--zlatna); display: inline-block; padding: 15px; color: #eee; font-weight: lighter }
.home-dimarc .emptyBoxDcs{display: none;}

/**peti blok**/
.home-projekti{ margin: 40px auto 0; width: 90%}
.home-projekti >h2{font-size: 35px; margin-bottom: 20px;font-family: playfairR;font-weight: normal; color: var(--zlatna) }
.home-projekti .box-outer{position: relative}
_.home-projekti .box-outer:before{content: "";position: absolute; top: 0; bottom: 0; left: calc(100% - 49%); height:100%; width: 10px; border-left: 5px solid red; z-index: -1}
.home-projekti .box{width: 100%;margin-bottom: 40px;  border: 1px solid #ccc; padding: 5px; box-sizing: border-box}
.home-projekti .box a{width: 100%; display: block}
.home-projekti .box img{width: 100%; display: block}
.home-projekti .box h3 {margin-bottom: 10px; margin-top: 10px}

.glavniDiv >h2{font-size: 35px;margin-top: 50px;
    margin-bottom: 20px;
    font-family: playfairR;
    font-weight: normal;
    color: var(--zlatna);}
.glavniDiv{margin-top: 50px; width: 90%; margin: auto}
.glavniDiv div{margin-top: 20px}


/*sesti blok*/
.gosti> h2{font-size: 30px; font-family: playfairR; color: var(--zlatna); font-weight: lighter; margin: 60px 0 25px; width: 90%; margin: 40px auto 20px}
.keynote{display: flex; width: 90%; margin: 0px auto 40px;overflow: hidden; overflow-x: auto; }
.keynote .speakers p{display: none}
.keynote .speakers {margin-right: 20px; position: relative;}
.keynote .speakers .slika{width: 300px; display: block}
.keynote .speakers img{width: 100%; display: block; }
.keynote .speakers a{font-size: 22px; margin-top: 10px; display: block; text-align: center; font-family: playfairR}
.keynote .speakers p{margin: 5px 5px 10px}
.keynote .speakers:hover p{display: block; position: absolute; top: 10%; left: 10px; right: 10px; color: #fff }
.keynote .speakers:hover img{filter: brightness(.2)}

/*Keynote pages*/
.keynote_page{width: 90%; margin:90px auto}
.keynote_page .slika{width: 100%; display: block}
.keynote_page .slika img{width: 100%; display: block}
.keynote_page .opis {width: 100%;  margin: 20px 0px;}
.keynote_page .opis p{line-height: 1.6em; font-size: 18px;}


/*NAVIGACIJA*/
#coll_left{order: 2; margin-top:20px; background: #fff}
#coll_left li{list-style: none}
#coll_left h3 a,#coll_left li a{ display: block; padding: 15px; border-bottom: 1px solid #ddd;text-transform: uppercase;
    font-size: 16px; box-sizing: border-box}
#coll_left h3 a{background: var(--pg); color: #fff;font-size: var(--fm);}
.markerStrane a,.markerKategorije>a{color: var(--main); font-weight: bold; }
#coll_left .bocniMeniStrane>li>a{text-transform: uppercase}
#coll_left .bocniMeniStrane li ul li a{position: relative; display: flex; align-items: center}
#coll_left .bocniMeniStrane li ul li a:before{content: url('../../../cms_upload/pages/files/112_sapa2.png');
    display: inline-block; padding-right: 5px}
#coll_left .markerPodStrane a{color:var(--main) }

/*O NAMA*/
.onama .pageBody h4{margin-top: 20px; text-transform: uppercase;}
.onama .pageBody ul{margin: 10px 0 0 20px}
.onama .pageBody li{ margin:8px auto;
    line-height: 1.5em; list-style: none; border-left:4px solid var(--darkblue);
    padding-left:12px
;


}
.onama .pageBody li a{
    padding: 10px;
    display: block;

}
.onama .pageBody p{margin-bottom: 20px; padding: 20px; line-height:1.6em}

.ien_danas .video iframe {margin-bottom: 20px; width: 100%; display: block}

.onama h3 a{
    text-align: center;
    font-size:var(--fl);
    font-weight:normal;
    display: block;
    padding: 20px;
}
.onama .bocniMeniStrane{
    padding: 0 0 30px 0
}
.onama .bocniMeniStrane li{
    list-style: none;
    margin:4px auto;
    width:90%;

}
.onama .bocniMeniStrane li a{
    padding: 10px 30px;
    display: block;
    border:1px solid var(--grey);
}

/*ien danas*/
.ien_danas ul li {padding: 6px 12px}


/*Istorija ien*/
.onama .dogadjaji ul{margin-left: 0px}
.onama .jubileji ul{display: flex; margin-bottom: 30px; flex-direction:column}
.onama .jubileji ul li{list-style: none;  margin-right: 20px}
.onama .jubileji li a{display: block; width: 100%;}
.onama .jubileji li img{width: 100%; display: block}
.onama .jubileji li p{display: block; text-align: center; margin: 10px auto;}
.onama .direktori div ul{display: flex; flex-wrap: wrap; margin: 30px 0px 0px 0px; width: 100%; }
.onama .direktori div ul li{width: 100%; display: flex; margin-bottom: 20px; list-style: none; border-top: 1px solid var(--grey); padding: 0px;  }
.onama .direktori ul li img{width: 100px; overflow: hidden; display: block; border: 1px solid #fff }
.onama .direktori ul p{padding: 10px 10px 10px 10px; box-sizing: border-box;}


.onama .misija_vizija div h4{background: var(--zlatna); padding: 10px; width: 50%; margin-bottom: 20px; color: #fff; font-weight: lighter}

.onama .godine_dogadjaja{margin-top: 30px; border-bottom: 1px dotted; padding-bottom: 30px }

.onama .godine_dogadjaja h4{font-family: number; text-align: center;
    font-size: 25px; color: var(--red)}

/*organrganizacionaStruktura*/
.organizacionaStruktura {margin-top: 20px; }
.organizacionaStruktura ul{margin: 20px 0 0 40px}
.organizacionaStruktura li{margin-top: 10px; padding-left: 5px; box-sizing: border-box}
.organizacionaStruktura h3 {text-align: center; margin-bottom: 20px; padding: 10px;  }
.organizacionaStruktura .prviBlok {/*! width: 90%; *//*! background: #fff; */ padding: 20px 0; /*! margin: 50px auto 0!important; */ }
.organizacionaStruktura .drugiBlok { margin: 40px; }
.organizacionaStruktura .kolegijum {/*! background: #fff; */ /*! padding: 20px 0; */ /*! border: 2px solid #eceef8; */ /*! border-radius: 20px */}
.organizacionaStruktura .direktor {/*! background: #fff; */ /*! border: 2px solid #eceef8; */ /*! border-radius: 20px */}
.organizacionaStruktura .direktor h3 {margin-top: 10px}
.organizacionaStruktura .naucnoVece {/*! background: #fff; */ /*! padding: 20px 0; */ margin-left: 10px; /*! border: 2px solid #eceef8; */ /*! border-radius: 20px */}
.organizacionaStruktura .treciBlok {display: flex; justify-content: center; margin-top: 40px}
.organizacionaStruktura .operativniCentri {background: #fff; padding: 20px; border: 2px solid #eceef8; border-radius: 20px }
.organizacionaStruktura .istrazivackiDepartmani {background: #fff; padding: 20px; margin-left: 10px;
    border: 2px solid #eceef8; border-radius: 20px }
.organizacionaStruktura {position: relative}

.blok h4{text-align: center; border-top:1px dashed var(--grey); padding: 10px 0 0 0}
.blok p{text-align: center}



/*dokumenta*/
.dokumenta >div{margin-bottom: 60px}
.dokumenta >div a{border:1px solid var(--darkblue); width: 100%; padding: 0px; margin-top: 20px; box-sizing: border-box; display: block;
    font-size: 17px; position: relative; padding-left: 50px; min-height: 50px}
.dokumenta >div a:after{content: "f019"; font-family: icons; position: absolute; left: 10px; color: #fff}
.dokumenta >div a:before{content: ""; font-family: icons; border-left: 40px solid var(--darkblue); height: 100%;  position: absolute; left: 0px}
.dokumenta >div >div div{width: 100%}


/*O NAMA*/
.onama .pageBody {width: 95%; margin: auto;}
.onama .catTitle{text-align: center; margin-top: 10px; color: var(--zlatna); font-family: playfairR; font-weight: normal; text-transform: uppercase;}
.o_nama_pages{display: flex; flex-wrap: wrap; width: 100%; margin: 30px auto ;}
.o_nama_pages .page-cID{ width: 90%; margin: auto ; border-top: 1px solid var(--darkblue); list-style: none; margin-bottom: 40px; position: relative}
.o_nama_pages .page-cID h2{text-align: center;}
.o_nama_pages .page-cID h2 a{color: var(--darkblue); font-size: 18px; font-weight: normal; padding: 10px; display: block;}
.o_nama_pages .page-cID .img {display:none}




/*PRIKAZ KATEGORIJA*/
.istrazivaci.catid_43{background: linear-gradient(90deg, #f2e6d8 0%,  #dedad1  100%);}
.istrazivaci h1{
    font-weight:normal;
    text-align: center;
}
.pages .page-cID{width: 100%; list-style: none; margin-bottom: 40px; position: relative; border: 1px solid #ccc;}
.pages .page-cID h2{text-align: center;}
.pages .page-cID h2 a{color: var(--darkblue); display: block; padding: 10px 0;text-transform: uppercase}

.pages{display: flex;flex-wrap: wrap; margin-top: 30px;}
.pages .page-pID{margin-right:0; width: 100%; list-style: none; margin-bottom: 40px; position: relative;}
.pages .page-pID {}
.pages .page-pID h2{text-align: center; margin-top: 20px; position: absolute; top: calc(100% - 60%); left: 10%;}

.istrazivaci_pages{margin-top: 30px;}




.istrazivaci_pages .page-pID{width: 100% ; margin: 0 auto 30px; display: block; border-bottom:1px solid #fff}
.istrazivaci_pages .info {display: block!important;}
.istrazivaci .istrazivaci_pages .info h2 a {color: var(--zlatna); margin-top: 3px; display: block; font-weight: normal; font-size: var(--fm); padding: 0 20px 0 0}
.istrazivaci_pages .antrafile { font-size: var(--fn); padding:0; margin:0}


.istrazivaci .pageBody .bibliografija a{background: var(--darkblue); color: #fff; display: inline-block; padding: 10px 30px; font-size: 20px; margin-top: 30px }


.istrazivaci .oblast_sadrzaja #coll_middle .pageBody{padding: 0}
.istrazivaci .pageTitle{text-align: center; color: var(--darkblue)}
.istrazivaci .pageBody{width: 100%; margin: auto;}


.istrazivaci .img{
    background: linear-gradient(to right, #fff0 0%,  #fff5  100%);

    position: relative;
    z-index: -1;
    pointer-events: none;

}
.istrazivaci .img a{
    display: block;
    line-height: 0;
}
.istrazivaci .img:before{
    content:"";
    background-image: url('../../cms_upload/uploads/logo-transparent.png');
    background-repeat: no-repeat;
    background-size: cover;
    z-index:-1;
    position: absolute;
    top:40px;
    left:0;
    width: 200px;height:70px;
    opacity: .4
}
.istrazivaci_pages .page-pID {
    position: relative;
}
.istrazivaci_pages .page-pID .info {display: block!important;
    position: absolute;bottom:0;
    background: #fffc;
    padding: 0px 20px;
    z-index: 100;
    cursor: pointer;
}
.istrazivaci .istrazivaci{

}

.istrazivaci .slika:before{
    content:"";
    background-image: url('../../cms_upload/uploads/logo-transparent.png');
    background-repeat: no-repeat;
    background-size: cover;
    z-index:2;
    position: absolute;
    top:40px;
    left:0;
    width: 200px;height:70px;
    opacity: .4
}


.istrazivaci .istrazivaci .info .slika{
    background: linear-gradient(90deg, #f2e6d8 0%,  #cecac1  100%);
    position: relative;
}
.istrazivaci .istrazivaci .tekst{

    background: #fff5;

}
.istrazivaci .istrazivaci .tekst h2,
.istrazivaci .istrazivaci .tekst h4{
    font-weight:normal;
    padding: 10px 0 0 10px;
}

.istrazivaci .istrazivaci .tekst h4{
    padding:0 0 0 12px;
}
.istrazivaci .istrazivaci .tekst ul{
    padding: 20px 0px 20px 14px;

}
.istrazivaci .istrazivaci .tekst ul li{
    list-style: none;
    display: flex;
    justify-content: start;
    align-items: center;
}
.istrazivaci .istrazivaci .tekst ul li .icons{
    width:30px;
    display: inline-block;
    margin: 4px 20px 4px 0;
}
.istrazivaci .istrazivaci .tekst ul li img{
    display: block;
    width:100%;
}
.istrazivaci .istrazivaci .tekst ul li a{
    display: flex;
    align-items: center;

}
.istrazivaci .oblasti_istrazivaci{
    width:90%;
    margin:auto;
}

.istrazivaci .orc:before{font-family:icons; content:"f0"; color: #b59355; position: absolute; top:0; padding-right:20px; left:-40px; font-size: 26px;}
.istrazivaci .orc{position: relative; margin-left:48px; line-height: 2em; font-size:15px;}

.istrazivaci .istrazivaci .oblasti_istrazivaci > div{
    padding: 20px 0;
}
.istrazivaci .istrazivaci .oblasti_istrazivaci ul{
    padding: 20px 0 0 0;
}
.istrazivaci .istrazivaci .oblasti_istrazivaci ul li{
    font-size: var(--fn);
    list-style-position: outside;
    margin-left:2em;
    line-height:1.6em;
}
.istrazivaci .istrazivaci .oblasti_istrazivaci h3{
    font-size:var(--fm);
    text-transform: uppercase;
    font-weight:normal;
}
.ref_bibliografija h3,
.rel_projekti h3{
    padding: 20px 0;
}
.ref_bibliografija p,
.rel_projekti p{
    padding: 4px 0 0 10px;
    border-left: 1px solid #555;
    margin: 6px 0 20px 0;
}

/* BRIFOVI */

.brifovi .oblast_sadrzaja{
    margin-top:140px
}
.brifovi .bocniMeniStrane li{list-style: none; padding: 0; text-align:center}
.brifovi .bocniMeniStrane li a{
    display: block; text-align: center;
}
.brifovi h3{
    text-align: center;
    font-weight:normal;
    font-size:var(--fxl);
}

.brifovi h2{
    font-weight:normal;
    font-size:var(--fl);
    padding: 10px 20px 10px 0;
}
.brifovi h3 a{
    font-size:inherit;
}

.brifovi .sazeci_box{
    padding: 20px
}
.brifovi .sazeci_box ul{
    padding: 20px 0;
}

.brifovi .sazeci_box ul li{
    list-style: outside;
    margin:0px 0px 1em 0em;
    list-style: none; border: solid 1px #ddd }

.brifovi .sazeci_box ul li a{display: block; padding: 10px  }
/*organrganizacionaStruktura*/
.catid_31 .struktura{ display: none;}
.organizacionaStruktura {margin-top: 30px; }
.organizacionaStruktura ul{margin: 20px 0 0 40px}
.organizacionaStruktura li{margin-top: 10px; padding-left: 5px; box-sizing: border-box}
.organizacionaStruktura h3, .prviBlok h3 {margin-bottom: 20px; padding: 10px 0; box-sizing: border-box; font-size:var(--fl); font-weight: normal}
.prviBlok h3 {margin-top: 20px}
.organizacionaStruktura .prviBlok {width: 100%; margin:20px 0px; padding: 10px 0; box-sizing: border-box}
.organizacionaStruktura .kolegijum {padding: 10px 0; box-sizing: border-box;}
.organizacionaStruktura .direktor {padding: 10px 0;box-sizing: border-box;}
.organizacionaStruktura .direktor h3 {margin-top: 10px}
.organizacionaStruktura .naucnoVece {padding: 10px 0;box-sizing: border-box; }
.organizacionaStruktura .treciBlok {display: flex; justify-content: center; margin-top: 40px}
.organizacionaStruktura .operativniCentri { padding: 10px 0;box-sizing: border-box;}
.organizacionaStruktura .istrazivackiDepartmani {padding: 10px 0;box-sizing: border-box; }
.prviBlok .operativniCentri h4, .prviBlok .istrazivackiDepartmani h4{font-weight: normal; padding-bottom: 5px; font-size: 17px}


/*OBLAST ISTRAZIVANJA*/
.oblasti_istrazivanja .catTitle{text-align: center; margin-top: 30px; color: var(--darkblue); font-weight: normal;}
.oblast_istrazivanja_pages{display: flex;flex-wrap: wrap; width: 100%; margin: 30px auto;}
.oblast_istrazivanja_pages .page-cID{ width: 50%; margin: auto;  list-style: none; margin-bottom: 20px; position: relative}
.oblast_istrazivanja_pages .page-cID h2{text-align: center;  min-height:50px }
.oblast_istrazivanja_pages .page-cID h2 a{color: var(--darkblue); font-size: 16px; text-transform: uppercase;}
.oblast_istrazivanja_pages .page-cID .img{ width:140px; margin:auto;}



/*OBLAST ISTRAZIVANJA STRANICE*/
.oblasti_istrazivanja .pageBody{width: 90%; margin: auto;}
.oblasti_istrazivanja .pageBody h4{display: inline-block; padding: 10px 0 20px 0; font-size:var(--fm); font-weight:normal }
.oblasti_istrazivanja .pageBody p {margin-bottom: 20px; line-height:1.8em}

.oblasti_istrazivanja .pageBody ul{margin: 0 0 0 10px; padding: 10px 0px}


.oblasti_istrazivanja .clanovi_sipisak li{border-left:2px solid #888; margin: 30px 0}
.oblasti_istrazivanja .pageBody ol{margin: 10px 0 0 0px; padding:10px}
.oblasti_istrazivanja .pageBody li{list-style-type:  decimal; margin:40px 0; font-size: 16px;
    list-style-position: outside; line-height: 1.6em ;padding:0 20px
}
.oblasti_istrazivanja .pageBody .prazan {padding: 40px; box-sizing: border-box; display: inline-block;
    margin: -100px 0 0 0px; position: absolute; z-index: -1; background: var(--darkblue)}
.oblasti_istrazivanja .pageBody .naslov {position: relative; padding: 30px 0 10px 0}
.oblasti_istrazivanja .pageBody .slika img {width: 100%; margin: auto; display: block}
.oblasti_istrazivanja .pageBody .ekonomika_blagostanja .slika img{ width: 100%; display: block}

.catTitle {margin-top: 20px}

/*PUBLIKACIJE*/
.publikacije .catTitle{text-align: center; color: var(--darkblue); font-family: playfairR;font-weight: normal;
    text-transform: uppercase; }
.publikacije_pages{display: flex; flex-wrap: wrap; width: 100%; margin: 30px auto;}
.publikacije_pages .page-pID{margin-right: 30px;;  width: 90%; margin:auto; border-radius: 40px; border: 1px solid #fff; list-style: none; margin-bottom: 40px; position: relative}
.publikacije_pages .page-pID h2{text-align: center; background: #eeeeee; border-radius: 0px 0px 40px 40px; color: var(--dakblue)}
.publikacije_pages .page-pID h2 a{color: var(--darkblue); font-size: 18px; font-weight: normal; padding: 10px; display: block;}
.publikacije_pages .page-pID .img img{border-radius: 40px 40px 0px 0px; }

/*PROJEKTI*/
.projekti .catTitle{text-align: center; color: var(--darkblue); font-weight: normal; text-transform: uppercase; font-family: playfairR}
.projekti_pages{display: flex;flex-wrap: wrap; width: 100%; margin: 30px auto 0;}
.projekti_pages .page-cID{margin-right: 30px; width: 90%; margin: auto; border-radius: 40px; list-style: none; margin-bottom: 40px; position: relative}
.projekti_pages .page-cID h2{text-align: center; }
.projekti_pages .page-cID h2 a{color: var(--darkblue); font-size: 22px; font-weight: normal; padding: 10px; display: block;}
.projekti_pages .page-cID .img img {display: block}
.projekti_pages .page-cID .img{width: 200px; margin: auto;}
.projekti_pages .page-cID:hover img{filter: brightness(.8); }

.projekti #coll_left h3 { font-weight: normal; color: var(--darkblue); }
.projekti #coll_left h3 a{color: inherit; background: #ccc; color: inherit;}
.projekti .bocniMeniStrane li a{font-weight: normal; color: var(--darkblue)}
.projekti .bocniMeniStrane .markerKategorije>a {background: #7777aa;}
.projekti .pageBody .medjunarodni_projekti p {line-height: 1.5em;}
.projekti .pageBody .medjunarodni_projekti h4 { line-height: 1.5em; }

.catid_45 #coll_middle p,
.catid_45 #coll_middle h3,
.catid_45 #coll_middle ul
{margin:15px; padding:5px 0}
.catid_45 #coll_middle ul li{font-size:16px;line-height:1.5em;}

/*projekti*/

.catid_54 .pageTitle{font-size: 20px}
.catid_54 .pageBody p{margin-bottom: 20px}
.catid_54 .pageBody h4{margin-bottom: 10px; color: var(--red); margin-top: 20px}
.catid_54 .pageBody >div{padding: 10px; box-sizing: border-box}
.catid_54 .pageBody >div img{width: 100%; display: block}

.projekti .pageBody {width: 90%; margin: 20px auto;}
.catid_53 .pageBody .logo, .catid_53 .pageBody img{ display: block; width: 250px;}
.catid_53 h1 {width: 90%; text-align:left; padding: 0px; margin: auto;}
.catid_53 p{line-height: 1.7em;}
.catid_53 .pageBody ul{ margin-left:15px;}
.catid_53 .pageBody ul li {line-height: 1.7em; font-size: 16px; }


.medjunarodni_projekti_pages{width: 90%; margin: 30px auto; justify-content: space-around}
.medjunarodni_projekti_pages .page-pID{ display: flex;width: 100%; box-shadow: 2px 2px 2px 1px #ddd ; list-style: none;;
    margin-top: 20px; }
.medjunarodni_projekti_pages .img{width: 20%; display: flex; align-content: center;align-items: center}
.medjunarodni_projekti_pages .page-pID .info {padding: 10px; box-sizing: border-box; width: 80%;}
.medjunarodni_projekti_pages .info h2{font-size: 16px; padding-bottom: 10px; font-weight: normal;}
.medjunarodni_projekti_pages .info p{font-size: 16px;}

.medjunarodni_projekti_pages .page-cID {border: 1px solid var(--darkblue);list-style: none;
    margin-top: 20px; background: #c6cdeb; }
.medjunarodni_projekti_pages .page-cID .img{margin: auto}
.medjunarodni_projekti_pages .page-cID:hover {background-color: var(--darkblue);}
.medjunarodni_projekti_pages .page-cID h2 a {color: #fff; text-align: center; display: block; padding: 10px; box-sizing: border-box; font-size: 19px}
.medjunarodni_projekti_pages .page-cID h2{text-align: center; width: 100%;}

.saradnja_sa_privredom_pages{width: 90%; margin: 30px auto;}
.saradnja_sa_privredom_pages .page-cID{list-style: none;}
.saradnja_sa_privredom_pages .page-pID{ box-sizing: border-box; display: flex;width: 100%; box-shadow: 2px 2px 2px 2px #ddd; list-style: none;margin-bottom: 20px;padding: 10px;}
.saradnja_sa_privredom_pages .info{box-sizing: border-box; width: 100%;}
.saradnja_sa_privredom_pages .info h2{text-align: left; width: 100%; display: block; font-size: 17px; font-weight: normal;  }
.saradnja_sa_privredom_pages .info h2 a{color: var(--darkblue); display: block!important; font-size: 18px; width: 100%;padding-bottom: 8px; }
.saradnja_sa_privredom_pages .info p{font-size: 16px;padding: 10px; box-sizing: border-box;}

.saradnja_sa_privredom_pages .page-cID {pointer-events: none;}

.strateski_projekti_pages{width: 90%; margin: 30px auto;}
.strateski_projekti_pages .page-pID{ display: flex;width: 100%; border: 1px solid #ddd; list-style: none;margin-bottom: 20px; }
.strateski_projekti_pages .info{box-sizing: border-box; width: 100%;}
.strateski_projekti_pages .info h2{position: relative;text-align: center; width: 100%; display: block; font-size: 17px; font-weight: normal; background-image: linear-gradient(to right,var(--zlatna) ,  #e0d2b8)  }
.strateski_projekti_pages .info h2:before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%}
.strateski_projekti_pages .info h2 a{color: var(--darkblue); display: block!important;  min-height: 50px;  font-size: 18px; width: 100%; }
.strateski_projekti_pages .info p{font-size: 16px;padding: 10px; box-sizing: border-box;}

.catid_105 .bocniMeniStrane, .catid_165 .bocniMeniStrane{display: none;}
.catid_105 .pageBody, .catid_165 .pageBody {margin: 0px 15px;}
.catid_105 .pageBody li , .catid_165 .pageBody li {line-height: 1.5em; font-size: 16px; padding: 5px;}
.catid_105 .pageBody img , .catid_165 .pageBody img {display: block; width: 60%; margin: 20px 0px;}

/*SKUPOVI*/

.skupovi  .pageBody {width: 95%; margin: auto;}
.skupovi  .catTitle{text-align: center; margin-top: 10px;font-weight: normal; color:var(--darkblue)}
.skupovi_kategorija_pages{display: flex; flex-wrap: wrap; width: 100%; margin: 30px auto ;}
.skupovi_kategorija_pages .page-cID{ width: 90%; margin: auto ; border-top: 1px solid var(--darkblue); list-style: none; margin-bottom: 40px; position: relative}
.skupovi_kategorija_pages .page-cID h2{text-align: center;}
.skupovi_kategorija_pages .page-cID h2 a{color: var(--darkblue); font-size: 18px; font-weight: normal; padding: 10px; display: block;}
.skupovi_kategorija_pages .page-cID .img {display:none}
.skupovi .pageBody ul li{font-size: 16px; padding: 4px 40px; line-height: 1.7em; }

.nest_brojStrana{display: none}
.nestcid_78, .nestcid_79{
    list-style: none
}

.nest_catname{ font-weight:normal; padding: 20px; color:var(--darkblue);text-align: center;}
.nest_catname a{color: inherit; }

.catid_57 .nestview .konferencije_pages li .antrafile{
    text-transform: uppercase;
    font-size: 14px;
    line-height:1.4em;
    display: none;

}

/*Brojac konferencija*/

.catid_57 .nestview .konferencije_pages li{
    _background: blue;
    list-style: none;
    padding: 10px 0;
    width: 85%;
    margin-left: 55px;
    position: relative;

}

.nestcid_78 {
    counter-reset: info 18;

}
.nestcid_79{
    counter-reset: info 4;
}
.catid_57 .nestview .konferencije_pages li{

}

.catid_57 .nestview .konferencije_pages li:before{
    counter-increment: info -1;
    content: counter(info);
    width: 60px;
    height: 100px;
    _background: red;
    display: block;
    position: absolute;
    top: 50px;
    left: -50px;
    font-size: 40px;

}



.catid_57 .nestview .konferencije_pages li h2 a{
    display: block;
    font-weight:normal;
    font-size:20px;

    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;


}

.nestcid_78 .custom_field, .nestcid_79 .custom_field{
    padding: 20px
}

/*END brojac konferencija*/

.skupovi .oblast_sadrzaja{ margin: auto; width: 100%;}



/* DOGADJAJI */

.catid_58 .flexbox.logoflex{display: flex; gap:20px; align-items:center; flex-wrap:nowrap;}
.catid_58 .flexbox.logoflex img{ max-width:250px; height:auto; }
.catid_58 .flexbox.logoflex img:last-child{filter: brightness(0) saturate(100%) invert(11%) sepia(30%) saturate(550%) hue-rotate(190deg) brightness(95%) contrast(102%);}


.catid_58 .dogadjaji_pages .page-pID{
    list-style: none;
    padding: 10px 20px;
    border-top:1px solid var(--darkblue);
    width:95%; margin:auto;
    box-sizing: border-box;
}
.catid_58 .dogadjaji_pages .page-pID h2{
    font-weight:normal;
    line-height: 1.2em;
    padding: 10px 0;
    font-size: var(--fn)
}

.catid_58 p{
    padding: 20px;
    line-height: 1.8em;
}

.calendar_cnt{
    padding: 20px;
}
.calendar_cnt .calendar_inner li{
    list-style: none;

}

.calendar_cnt .mesec{
    padding: 20px 0 0 0;
    border:none;
    border-bottom: 1px solid var(--darkblue)
}

.calendar_inner li p{
    padding: 14px;
    border-left:8px solid var(--darkblue);
    margin:10px 0;
}

/*NAUCNI PROJEKTI*/
.naucni_projekti_pages{width: 90%; margin: 30px auto; justify-content: space-around}
.naucni_projekti_pages .page-pID{ display: flex;width: 100%; box-shadow: 2px 2px 2px 2px #ddd ; list-style: none;;
    margin-top: 20px; }
.naucni_projekti_pages .img{width: 20%; display: flex; align-content: center;align-items: center}
.naucni_projekti_pages .page-pID .info {padding: 10px; box-sizing: border-box; width: 1000%;}
.naucni_projekti_pages .page-pID .info h2 a{color: var(--darkblue)}
.naucni_projekti_pages .info h2{font-size: 16px; padding-bottom: 10px; font-weight: normal; }
.naucni_projekti_pages .info p{font-size: 16px;}

.naucni_projekti_pages .page-cID {border: 1px solid var(--darkblue);list-style: none;
    margin-top: 20px; background: #c6cdeb; }
.naucni_projekti_pages .page-cID .img{margin: auto}
.naucni_projekti_pages .page-cID:hover {background-color: var(--darkblue);}
.naucni_projekti_pages .page-cID h2 a {color: #fff; text-align: center; display: block; padding: 10px; box-sizing: border-box; font-size: 19px}
.naucni_projekti_pages .page-cID h2{text-align: center; width: 100%;}
.projekti .tobacoLinks{
    margin: 20px 0;
}
.projekti .tobacoLinks li{
    list-style: none;
    border: solid 2px var(--darkblue);
    margin:5px 0 10px 0;
    padding: 0;

}

.projekti .tobacoLinks a{
    color: var(--darkblue);
    display: block;
    padding: 10px;
    text-decoration: none;

}
.projekti .tobacoLinks a:hover{
    background: var(--darkblue);
    color: #fff;
}

/*KONFERENCIJE*/


.konferencije_pages{width: 100%; margin: auto}
.konferencije_pages .page-pID{list-style: none; margin-bottom: 30px; border: 1px solid #ddd; padding: 0px 0px 0px20px; box-sizing: border-box;}
.konferencije_pages .page-pID .info h2{padding: 10px 10px; box-sizing: border-box; text-align: center}



.konferencije_page{
    padding: 10px;

}


.konferencije_page .title h2{
    font-weight:normal;
    padding: 10px 0;
    line-height: 1.3em
}

.konferencije_page .logo{
    width: 240px;margin: auto
}
.konferencije_page .organizatori{
    padding: 20px 0;
}

.konferencije_page .organizatori h2{
    font-weight:normal;
    text-align: center;
    padding: 10px 0 40px 0;
}

.konferencije_page .organizatori div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap:20px
}
.konferencije_page .organizatori div img,
.konferencije_page .organizatori img{
    max-height:40px; width:auto;
}

.konferencije_page .formLink {
    color: red;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid red;
    width: fit-content;
    margin: 10px auto;
    border-radius: 25px;
}
.konferencije_page .formLink  a{
    color: inherit;
    text-decoration: none;
    display: block;
    padding: 7px 20px
}

.konferencije_page > div h2{
    font-weight:normal;
    padding: 10px 0 20px 0;
}
.konferencije_page >div p{
    line-height: 1.7em
}
.konferencije_page .keynoteSpeakers li{
    list-style: none;
    padding: 20px
}

.konferencije_page .list_topics li{
    font-size:var(--fn);

}

.konferencije_page .tekst.program img{
    width:60px;
    display: block;
    padding: 20px 0;

}
.listWrapper h3{
    padding: 20px 0;
}

.listWrapper li, .list li{
    font-size:var(--fn);
    padding: 10px 0;
    list-style: outside;
    margin-left:2em;
}

.konferencije_page #topics_xv{
    list-style: none;

}
#topics_xv>li{
    list-style: none;
    border: solid 1px var(--darkblue);
    padding: 10px!important;;
    margin-bottom: 6px;
    background: #ebf1ff;
}

#topics_xv li{
    list-style: none;
    padding: 5px
}

#topics_xv li h3{
    color: var(--darkblue);
    font-weight: normal;
}
.konferencije_page .cost_members_cnt {
    background: #ebf1ff;
    border: solid 1px var(--darkblue);
    padding: 8px;
    color: var(--darkblue);
}

.publishing {margin-top: 40px}
.publishing h2{margin: 0 0 20px 0}
.publishing ol{padding-left: 20px;}
.publishing ol li{padding-bottom: 10px}

.dates{margin-top: 40px}
.dates h2{text-transform: uppercase; margin-bottom: 20px}
.konferencije_page .organizatori_placanje{
    display: flex;
    gap:30px;

}
.konferencije_page .organizatori_placanje img{
    display: block; width: 30px;
}

.fees{margin-top: 40px}
.fees h2{margin-bottom: 10px}

.contact{margin-top: 40px;}
.contact h2{margin-bottom: 10px}

#accom{margin-top: 40px;}
#accom p{margin-top: 10px; line-height: 1.6em}

.archive {margin-top: 40px}
.archive h2{margin-bottom: 10px}

.konferencije_page .program img{
    display: block;
    width: 100px;
}

/*arhiva - page like conference*/

#konferencije_like_page .organizatori img{ display: block; width: 90px; height: 100%;}
#konferencije_like_page .organizatori {display: flex; justify-content: center; }
#konferencije_like_page>div{margin: 10px auto 30px; }
#konferencije_like_page p {padding: 10px 15px;}
#konferencije_like_page a{color: var(--zlatna);}
#konferencije_like_page .title h2,
#konferencije_like_page .title h3{line-height: 1.7em; text-align: center; font-weight: normal;}
#konferencije_like_page .topics_list #pg_topics_cnt { }
#konferencije_like_page .topics_list h2{ font-weight: normal; text-align: center; color: var(--darkblue); margin-bottom: 10px;}
#konferencije_like_page .topics_list #pg_topics_cnt>li h3{position: relative}
#konferencije_like_page .topics_list #pg_topics_cnt>li{list-style:none; font-weight: normal;border: solid 1px var(--darkblue); margin-bottom: 7px; }
#konferencije_like_page .topics_list #pg_topics_cnt>li h3:before{content: "f063"; font-family: icons; position: absolute; bottom: 8px; right: 10px; color: var(--darkblue)}
#konferencije_like_page .topics_list #pg_topics_cnt .topics_toggle{font-weight: normal; font-size: 15px;
    color: var(--darkblue)}
#konferencije_like_page .topics_list .inner_list_xv{display: none;color: var(--darkblue);  }
#konferencije_like_page .topics_list .inner_list_xv li{color: var(--darkblue); }

#konferencije_like_page .agenda a{text-decoration: none; text-transform: uppercase; color: inherit; display: block; width: fit-content; }
#konferencije_like_page .agenda a:hover{background: #ebf1ff;}
#konferencije_like_page .agenda h2{color: var(--darkblue)!important; position: relative; width: fit-content; }
#konferencije_like_page .agenda h2:before {content:"f063"; font-family: icons;position: absolute; top: 0px; right: -30px;  color: var(--darkblue)}

/*nav*/
.NScurLink{ color:#eee; font-size: 20px;  border:1px solid #458; padding: 4px 8px;
    margin:2px;background:var(--darkblue);

}
.NSprevLink, .NSnextLink {font-size: 20px;border:1px solid #ccc; padding: 4px 8px; margin:2px; display: inline-block}
.NSsredina a{border:1px solid #ccc; padding: 4px 8px; margin:2px;}
.navigatorStrana {display:none;text-align: center; font-size: 20px;margin: 10px auto 30px auto; border-top:1px solid var(--darkblue); width:70%  }
.navigatorStrana .NSnextLink span{color: #ccc; font-size: 20px; padding-left: 10px}


/*KONTAKT*/
.kontakt {width: 96%; margin: auto}
.kontakt .pageTitle{text-align: center; color: var(--darkblue); }
.kontakt .oblast_sadrzaja #coll_middle .pageBody {padding-top: 0px}
.kontakt-header{margin: 40px auto 10px auto; width: 95%;}
.kontakt-header iframe{width: 100%;height: 300px; border: none}
.institut_ekonomskih_nauka >h2, .library >h2, .direktori >h2, .head_office>h2{
    border-bottom: 1px solid ; color: var(--darkblue); font-weight: lighter; padding: 5px 0; box-sizing: border-box; margin-top: 30px}
.library >div, .direktori >div{ display: block; margin: 20px 0}
.institut_ekonomskih_nauka >div div, .library >div div, .direktori >div div, .head_office>div div{ margin: 0px 30px 0 0;}
.institut_ekonomskih_nauka > div > div p,
.institut_ekonomskih_nauka > div > div a{text-align: center; margin-top: 10px;display: block; }
.head_office p{text-align: left;}
.head_office >div div{margin-top: 20px}
.head_office >div div p{margin-top: 2px;}

.library >div{margin: 30px auto;}
.library >div >div{padding: 10px 0}

.direktori >div {margin: 20px auto; text-align:center}
.direktori >div >div{width: 100%}
.direktori >div img{width: 100%; display: block}
.direktori >div p{margin-top: 5px}
.onama .direktori > div p a{
    border:1px solid var(--darkblue);
    text-align: center;
    width: fit-content;
    padding: 10px 30px;
    margin: auto;
}

/*TOBACCO PROJEKAT*/

.tobacco_projekat_pages {width: 90%; margin: 50px auto; }
.tobacco_projekat_pages .page-pID { border-radius: 40px; border: 1px solid #fff;
    list-style: none; margin-bottom: 40px; position: relative}
.tobacco_projekat_pages .page-pID h2 {background: var(--darkblue); padding: 20px 10px 0 10px;
    text-align: center; font-size: 20px; margin-bottom: 10px; position: relative; min-height: 90px }
.tobacco_projekat_pages .page-pID h2 a {color: #fff; }
.tobacco_projekat_pages h2 span {background: #c6cdeb; padding: 8px; color: #444444; font-size: 18px; position: absolute;
    left: -10px; bottom: 100px }

/*FOTO*/

.embdgallery{display: flex;flex-wrap: wrap; justify-content:space-between; flex-direction: column}
.embdgallery li{width: 49%; height: max-content;margin-bottom:5px;
    box-sizing: border-box }
.embdgallery li:nth-child(7){break-after: always}

.catid_60 .pageBody,.catid_61 .pageBody,.catid_62 .pageBody,
.catid_63 .pageBody,.catid_64 .pageBody,.catid_65 .pageBody,
.catid_66 .pageBody,.catid_67 .pageBody,.catid_68 .pageBody,
.catid_69 .pageBody,.catid_70 .pageBody,.catid_71 .pageBody,
.catid_72 .pageBody{padding: 20px; box-sizing: border-box; font-size: 18px; line-height: 1.6em}

.catid_60 .pageBody p,.catid_61 .pageBody p,.catid_62 .pageBody p,
.catid_63 .pageBody p,.catid_64 .pageBody p,.catid_65 .pageBody p,
.catid_66 .pageBody p,.catid_67 .pageBody p,.catid_68 .pageBody p,
.catid_69 .pageBody p,.catid_70 .pageBody p,.catid_71 .pageBody p,
.catid_72 .pageBody p{line-height: 1.6em; font-size: 16px; margin-bottom: 20px}

/*BRZI LINKOVI - UVID JAVNOSTI - JAVNE NABAVKE*/

.arhiva_uvida ul li{list-style: none;}
.arhiva_uvida, .javne_nabavke {margin: 100px 10px 0px 10px;}
.javne_nabavke h4:hover, .javne_nabavke li:hover{background: var(--grey);}
.javne_nabavke h4{font-weight: normal;}
.javne_nabavke li{list-style: none; padding: 5px 0px;}
.javne_nabavke h4{padding: 5px 0px;}

.uvid_javnosti {margin: 110px 10px}
.uvid_javnosti li{ list-style: none; padding-bottom: 5px;}
.uvid_javnosti li h4 a{font-weight: normal; border: solid 1px gray; display: block;
    padding: 5px}
.uvid_javnosti .arhiva_uvida h2{line-height: 2em;}

/*BRZI LINKOVI - INTERNI PROJEKTI*/

.catid_75 .page-pID .info .publish_date {_background: red;margin: 0px; padding: 0px;}
.catid_75 .page-pID {  margin:15px; padding: 0px;}
.catid_75 .page-pID .info h2{_background: gray; margin: 0px; padding: 0px;position: relative; text-align: left;top:0px;left:0px;}
.catid_75 .page-pID .info h2:hover{background: var(--grey)}


/*BRZI LINKOVI - OSTALI REPOZITORIJUMI*/
.ostali_repozitorijum {margin: 125px 0px}
.repoz_cnt{margin: 15px;}
.repoz_cnt h2{margin-bottom: 10px;}
.repoz_cnt .repozitorijum_ponuda ul li{
    font-size: 16px; padding: 5px
}
.repoz_cnt .repozitorijum_futer{margin: 15px 0px}

/*interni projekti*/

.catid_75 .pageBody {margin: 10px 20px}
.catid_75 p{padding-bottom: 15px;}
.catid_75 .pageBody ul li{font-size: 16px; line-height: 1.5em; padding-bottom: 15px;}
.catid_75 .pageBody .project_results p a{display: block; border: solid 1px #5555; padding: 10px}

/* FORMA ZA PRIJAVU */


#conference_registration{
    width: 90%;
    margin: auto;

}
#conference_registration fieldset{
    padding: 20px 2px;
    margin: 0 auto 40px auto;

    background: linear-gradient(to right, #135,#023);
    color:#eee;
    border: none;

}
#conference_registration fieldset ul{
    margin: 0 auto;
}
#conference_registration li{
    list-style: none;
    padding: 8px;
    display: flex;
    flex-direction: column;
    max-width: 90%;
    break-inside: avoid;
    margin: auto;


}
#conference_registration .coauthorData{

    columns:unset;
    display: block;

}
#conference_registration .coauthorData li{
    width:88%;
    margin: auto;
    max-width: unset;
}
#conference_registration li label{
    display: block;
    width: 100%;
    margin:5px auto;
    color:#eee;
}
#conference_registration li input, #conference_registration li select{
    padding: 10px;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
    display: block;
}
#conference_registration .coauthorTitile{
    text-align: center;
    line-height: 2em;
    font-weight: normal;
    padding:20px 0 0 0;
    color:#eee;
}
#conference_registration #comment{
    width: 87%;
    height: 150px;
    margin: auto;
    border: solid 1px;
}

#conference_registration #sendForm{
    background: var(--main);
    color: #fff;
    text-transform: uppercase;
    font-size: var(--xxl);
    border: none;
    width: fit-content;
    padding: 10px 20px;

}

#conference_registration .emptyField{
    outline: 2px solid red;
    outline-offset: 2px;
}

#conference_registration .li_upload{
    color:#eee;
    background: #467;
    padding: 20px;
    display: block;
    box-sizing: border-box;

}
#conference_registration .li_upload input{
    background: #ddf;
}
#conference_registration #comment{
    background: #ddf
}

#conference_registration .legalInfo{
    color:#eee
}
#conference_registration  #sendForm{
    width:240px;
    display: block;
    border:1px solid #eee;
    margin-top: 30px;
    outline:1px solid #eef3;
    cursor: pointer;
}
#conference_registration  #sendForm:hover{
    background: #d60;
    outline:3px solid #eef3;
    outline-offset: 3px ;
}

/*brzi linkovi - projekti iz futera*/


.catid_74 .pageTitle{
    margin: 160px 10px 25px 10px;
}

.catid_74 .pageBody{
    margin: 20px;
}

.catid_74 .pageBody p{
    padding: 8px 0;
}

.catid_105 .pageBody .logo_cnt{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:10px;

}
.catid_105 .pageBody .logo_cnt a{
    width: 40%
}

.catid_105 .pageBody .logo_cnt img{
    display: block;
    width: 100%;

}

/*conferences links*/

.catid_173 .pageBody h2{
    display: block;
    margin:0px auto 20px;
    width: fit-content;
    border: solid 1px #555;
    padding: 4px 18px;
    border-radius: 20px;

}

/*FOOTER*/

.oblast_futera {position: relative;padding:20px 10px 30px;
    box-sizing:border-box;
    background: var(--darkblue)}
.oblast_futera .mapa{display: none}
.oblast_futera .logo{width: 220px; margin: auto}
.oblast_futera .futer-box >div{width: 70%; margin: 30px auto ; }
.oblast_futera a, .oblast_futera li{color: #fff; padding-bottom: 10px; text-align: center;}
.oblast_futera li{list-style: none;}
.oblast_futera .kontakt-informacije{padding-bottom: 80px}

.oblast_futera .private ul:first-child {list-style: none; position: absolute; left: 20px; bottom: 15px; padding: 0px 0px 20px 0px; box-sizing: border-box; margin-top: 60px}
.oblast_futera .private ul:first-child li{padding-bottom: 0px; color: #fff}
.oblast_futera .private ul:first-child li a{color: #fff}
.oblast_futera .private ul:last-child{position: absolute; display: flex; left: 20px}
.oblast_futera .private ul:last-child li{list-style: none; padding-right: 10px;}
.oblast_futera .private ul:last-child li a{color: #fff; font-size: 13px}

.oblast_futera .drustvene-mreze{position: absolute; bottom: 60px; left: calc(100% - 70%) }
.oblast_futera .drustvene-mreze ul{display: flex;}
.oblast_futera .drustvene-mreze li{list-style: none; padding-right: 20px}
.oblast_futera .drustvene-mreze ul li a{width: 40px; display: block}
.oblast_futera .drustvene-mreze img{width: 100%; display: block; filter: invert(1);}


/*LETNJA SKOLA*/
.microsite{width: 100%!important;; margin: 0px; padding: 0px}
.microsite .pageBody{padding: 0px}
.microsite .oblast_zaglavlja, .microsite .oblast_futera{display: none}
.obuka_header{display: flex; flex-wrap: wrap; justify-content: space-around;padding: 20px 10px; box-sizing: border-box;background:#e7e7e7;}
.obuke_header .obuka_logo{width: 120px; display: block; width: 20%; }
.obuka_header .obuka_logo a{width: 80px; display: block;}
.obuka_header .obuka_logo img{width: 100%; display: block;}
.obuka_header .obuka_name{text-align: right; font-size: 22px}
.obuka_header .obuka_glavni_meni{width: 100%; margin-top: 40px}
.obuka_header .obuka_glavni_meni ul{display: flex; justify-content: space-around;}
.obuka_header .obuka_glavni_meni ul li{list-style: none;}
.microsite .banner{position: relative}
.microsite .banner .tekst{position: absolute; top: 10%; left: 10% }
.microsite .banner .tekst h2{font-size: 16px; color: #fff; margin-top: 10px; text-align: center}
.microsite .banner .tekst h3{font-size: 20px; color: #fff; font-weight: lighter; text-align: center}
.microsite .banner .tekst p{text-align: center; margin-top: 15px; color: #fff; font-size: 20px}
.microsite .obuka_letnja_skola{text-align: center;}
.microsite .obuka_letnja_skola h4{color: var(--red); margin-top: 30px; line-height: 1.6em}
.microsite .obuka_letnja_skola h2{color: #828282;; margin: 40px 0; text-transform: uppercase;}
.microsite .obuka_letnja_skola p{color: #828282; padding: 0 30px; margin-bottom: 20px}

.microsite .obuka_teme{width: 100%; margin: 70px auto; position: relative;}
.microsite .obuka_teme .topics{position: absolute; top:0px;width: 100%; background: rgba(250,250,250,.4); box-sizing: border-box; padding: 20px}
.microsite .obuka_teme h2{text-align: center; margin-top: 0px; padding: 0px; ;}
.microsite .obuka_teme p{margin-top: 0px; padding: 0px; width: 100%!important;;}


.microsite .obuka_predavaci{width: 100%; margin: 0px auto 80px}
.microsite .obuka_predavaci >div{margin: auto;}
.microsite .obuka_predavaci h2{text-align: center; margin: 80px 0 30px}
.microsite .obuka_predavaci ul{ width: 100%; margin: auto;}
.microsite .obuka_predavaci ul li{display: block;width: 80%; margin: 40px auto; list-style: none;}
.microsite .obuka_predavaci li .slika_predavac{width: 40%; display: block; margin: 10px auto 20px;}
.microsite .obuka_predavaci li .slika_predavac img{width: 100%; display: block;border-radius: 50%;}
.microsite .obuka_predavaci li .ime_predavaca {display: block;text-align: center; width: 100%;font-size: 20px; }


.microsite .obuke_prijava {width: 100%; margin: auto;position: relative}
.microsite .obuke_prijava .prijava_cena{padding: 20px; box-sizing: border-box; width: 100%}
.microsite .obuke_prijava h2{padding-bottom: 20px; text-align: center;text-transform: uppercase; color: #828282; font-weight: normal}
.microsite .obuke_prijava ul li {padding-bottom: 12px; color: #828282; font-size: 16px; line-height: 1.6em}
.microsite .obuke_prijava ul li a{color: #828282;}

.microsite .obuka_arhiva {width: 100%; margin: 60px auto; padding: 0px 20px; box-sizing: border-box}
.microsite .obuka_arhiva h2 {margin-bottom: 20px}
.microsite .obuka_arhiva p{margin-bottom: 8px}
.microsite .obuka_arhiva p a{color: #2cc7c1; }
.microsite .obuka_arhiva a:hover{color: #23527c; text-decoration: underline}

.microsite .obuka_footer{background: #525b64; padding: 20px 0px; margin-top: 30px;}
.microsite .obuka_footer h3, .microsite .obuka_footer ul {text-align: center;color: #ccc; margin-bottom: 10px }
.microsite .obuka_footer ul li{color: #ccc; list-style: none; font-size: 16px; margin-bottom: 5px;}
.microsite .obuka_footer a{color: #2cc7c1}
.microsite .container{background: #3f464c;}
.microsite .container p{text-align: center; color: #ccc; padding: 10px; box-sizing: border-box; font-size: 12px}

/*OBUKE*/
.content_tabs .header_obuka{ padding: 15px 0px; box-sizing: border-box;; background: #f2f2f2; border-bottom: 3px solid #5ab3c7}
.content_tabs .header_obuka .logo {width: 60%; margin: auto;; display: block;}
.content_tabs .header_obuka .logo img{width: 100%; display: block}
.content_tabs .header_obuka .glavni_meni_obuka  {display: flex; margin: 30px auto 10px;}
.content_tabs .header_obuka .glavni_meni_obuka button {all: initial;}
.content_tabs .header_obuka .glavni_meni_obuka button{font-size: 20px; padding-left: 4% }
.content_tabs .header_obuka .glavni_meni_obuka .tablink {color:#828282; }
.content_tabs .header_obuka .glavni_meni_obuka .tablink:hover{color: #308598; text-decoration: underline }

.content_tabs{ background: #E1DDDD}
.content_tabs .box{background: #f2f2f2; width: 100%; margin: auto; padding: 0px 15px 20px 15px; box-sizing: border-box}
.content_tabs .box h2{color: #1f90a9; text-align: center; padding: 20px 0; font-size: 25px; font-weight: normal; font-weight: lighter;
    font-family: playfairR}
.content_tabs .box .image-galery {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px}
.content_tabs .box .image-galery span{width: 50%; display: block; padding: 5px; box-sizing: border-box;}
.content_tabs .box .image-galery img{width: 100%; display: block}
.content_tabs .box p{color: #939394; margin-bottom: 20px;}
.content_tabs .flex-box{width: 100%; margin: auto}
.content_tabs .flex-box .box-inner{width: 100%; margin: 30px auto 20px; border-bottom: 2px solid #5ab3c7; padding-bottom: 20px}
.content_tabs .flex-box .box-inner .slika{width:100%;}
.content_tabs .flex-box .box-inner .slika img{width: 100%; display: block}
.content_tabs .flex-box .box-inner h2{font-size: 25px}
.content_tabs .flex-box .box-inner a{box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    background:#5ab3c7; color: rgba(255,255,255,0.87);
    display: block; width: 40%;margin: 10px auto ; text-align: center;padding: 5px;
    box-sizing: border-box; font-weight: lighter; text-transform: uppercase; white-space: nowrap }

.content_tabs .box ul li{color: #828282; padding-bottom: 6px; font-size: 16px; line-height: 1.5em; margin-bottom: 5px;}
.content_tabs .box h4{margin: 20px 0px 10px; color: #1f90a9; font-size: 16px;;  font-weight: lighter; }
.content_tabs .box .flex-box:nth-child(5){width: 100%; margin-top: 50px}
.content_tabs .box .flex-box:nth-child(5) .left{width: 100%;}
.content_tabs .box .flex-box:nth-child(5) .left ul{display: flex; }
.content_tabs .box .flex-box:nth-child(5) .left ul li{list-style: none; padding-right: 10px;}
.content_tabs .box .flex-box:nth-child(5) .right{width: 100%;}
.content_tabs .tabcontent{display: none}
.content_tabs .box .flex-box:nth-child(5) >div h2 a,
.content_tabs .box .flex-box:nth-child(5) >div h2{color: #828282; font-size: 28px; text-align: left;}
.content_tabs .box .flex-box:nth-child(5) >div p a{color: #828282;}

.content_tabs .kontakt_flex p{margin-bottom: 5px}
.content_tabs .kontakt_flex .mapa{width: 100%; margin: auto;}
.content_tabs .kontakt_flex .mapa iframe{width: 100%; display: block;}
.content_tabs .kontakt_flex input{background: #e8e8e8; border: none; display: block; margin-top: 15px; width: 100%; padding: 15px 15px 15px 3px;box-sizing: border-box ;color: #1f90a9; font-size: 15px}
.content_tabs #poruka_forma{height: 180px;}
.content_tabs #send_form{all: initial;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    background:#5ab3c7; color: rgba(255,255,255,0.87);
    display: block; width: 30%;margin: 20px 0 ; text-align: center;padding: 5px;
    box-sizing: border-box; font-weight: lighter; text-transform: uppercase; white-space: nowrap }
.footer_obuka{background: #308598; padding: 20px 40px}
.footer_obuka ul {text-align: center}
.footer_obuka li{list-style: none; color: #fefefe; font-weight: lighter; margin-bottom: 5px; font-size: 15px; line-height: 1.5em}



.kurs_knjigovodstva, .kurs_analiza_finansijskih_izvestaja{width: 100%; margin: auto; background-color: #f2f2f2; padding: 0 10px 50px 10px; box-sizing: border-box;}
.kurs_knjigovodstva h2, .kurs_analiza_finansijskih_izvestaja h2{color: #1f90a9;
    text-align: center;
    padding: 40px 0 10px;
    font-size: 35px;
    font-weight: normal;
    font-weight: lighter;
    font-family: playfairR;}

.kurs_knjigovodstva h3, .kurs_analiza_finansijskih_izvestaja h3{color: #1f90a9; padding: 30px 0px; font-weight: lighter}
.kurs_knjigovodstva p, .kurs_analiza_finansijskih_izvestaja p, .kurs_analiza_finansijskih_izvestaja ul li{color: #939394}
.kurs_analiza_finansijskih_izvestaja .uvod ul {padding-left: 20px}
.kurs_knjigovodstva table, .kurs_analiza_finansijskih_izvestaja table{background: #1f90a9; border-collapse: collapse; width: 100%; margin-top: 30px}
.kurs_knjigovodstva table tr td, .kurs_analiza_finansijskih_izvestaja table tr td{ padding: 10px 5px;word-wrap: break-word; color: #fff; font-size: 14px; font-weight: lighter; font-family: sans-serif}
.kurs_knjigovodstva table tr, .kurs_analiza_finansijskih_izvestaja table tr {border-bottom: 1px solid #fff!important;}
.kurs_knjigovodstva table td span, .kurs_analiza_finansijskih_izvestaja table td span{display: flex; justify-content: space-between; padding-right: 10px; color: #fff;}
.kurs_knjigovodstva table span img, .kurs_analiza_finansijskih_izvestaja table span img{width: 20px!important;; display: inline-block; padding-right: 5px}
.kurs_knjigovodstva table tr:last-child td:last-child, .kurs_analiza_finansijskih_izvestaja table tr:last-child td:last-child{display: flex;}
.kurs_knjigovodstva .sadrzaj_kursa, .kurs_analiza_finansijskih_izvestaja .sadrzaj_kursa{margin-top: 20px}
.kurs_knjigovodstva .sadrzaj_kursa .tekst ol, .kurs_analiza_finansijskih_izvestaja .sadrzaj_kursa .tekst ol{padding-left: 20px;}
.kurs_knjigovodstva .sadrzaj_kursa .tekst ol li, .kurs_analiza_finansijskih_izvestaja .sadrzaj_kursa .tekst ol li{ color: #939394; padding-bottom: 10px}

.kurs_knjigovodstva .srtifikacija, .kurs_analiza_finansijskih_izvestaja .sertifikacija{background: #1f90a9; padding:10px 20px 20px; box-sizing: border-box; margin-top: 30px}
.kurs_knjigovodstva .srtifikacija h3, .kurs_analiza_finansijskih_izvestaja .sertifikacija h3{color: #fff; padding-bottom: 10px; padding-top: 0px}
.kurs_knjigovodstva .srtifikacija p, .kurs_analiza_finansijskih_izvestaja .sertifikacija p{color: #fff; }

.kurs_knjigovodstva .ishodi_kursa  ul, .kurs_analiza_finansijskih_izvestaja .ishodi_kursa  ul{padding-left: 20px; padding-top: 10px}
.kurs_knjigovodstva .ishodi_kursa  ul li, .kurs_analiza_finansijskih_izvestaja .ishodi_kursa  ul li{ color: #939394; padding-bottom: 5px}

/*Impressum*/

.imressum .blok {_border: 1px solid var(--zlatna); padding: 10px; margin-bottom: 10px; }
.imressum .blok li {list-style: none}
.imressum h3 {font-family: playfairR; color: var(--zlatna); margin: 10px 0; width: 80%; border-bottom: 1px solid var(--zlatna)}
.imressum p {padding-top: 5px}
.imressum .blok a {text-decoration: underline; color: var(--zlatna)}

/*Uslovi korišćenja i politika privatnosti*/

.uslovi_koriscenja h3 {font-family: playfairR; color: var(--zlatna); margin: 10px 0; padding: 10px}
.uslovi_koriscenja p {padding: 10px}
.uslovi_koriscenja ul {padding: 20px 40px;}
.uslovi_koriscenja h2 {font-family: playfairR; color: var(--zlatna); margin: 30px 0 20px 10;
    border-bottom: 1px solid; width: 80%; padding: 10px}

/*Kolacici*/

.kolacici p {padding: 10px}
.kolacici h3 {font-family: playfairR; color: var(--zlatna); margin: 20px 0 20px 10px;}