/* MAIN STRUCTURE CSS */
/* VARIABLES */
:root {
    --main:#202a5b;
    --darkblue: #202a5b;
    --zlatna: #b59355;
    --beige: #9d9fa1;
    --grey: #9d9fa1;
        --darkgrey: #3d3e42;
    --red: #c21823;
    --lightblue: #00aedb;
    --pg: #ff5050;
    --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); }
*{padding:0px; margin:0px;box-sizing:border-box;}
img,a,p,div:before,div:after,.oblast_zaglavlja{}


@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');}

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


/* ELEMENTS*/
.buttons{background:var(--pg); min-width:200px; max-width:240px; margin:auto; box-sizing: border-box; padding:10px 16px; border-radius:6px; color:#eee; cursor: pointer; text-decoration: none; }
HTML{width:100%; margin: auto; }
BODY {width:100%; font-size:14px; font-family:Open Sans, arial, sans-serif;}
img {border:0}
p{font-family: Open Sans, arial, sans-serif; font-size: 17px; line-height: 1.5em}

.oblast_strane{width:100%; margin:auto;}
.oblast_zaglavlja{position:fixed; width: 90%;;top:0; font-family: Open Sans, arial, sans-serif ; }
.oblast_sadrzaja{width:100%; min-height:700px;  margin:0 auto ;}
.onama .oblast_sadrzaja, .oblasti_istrazivanja .oblast_sadrzaja, .skupovi .oblast_sadrzaja,
.kontakt .oblast_sadrzaja, .projekti .oblast_sadrzaja, .istrazivaci .oblast_sadrzaja, .publikacije .oblast_sadrzaja{margin:118px auto 0px;}
p, a, h1,h2,h3,h4,h5,h6,li, label{color:#444;}
.top_baner, .mainTopBannerInner{width:100%;}
.pageTitle, .catTitle {text-align: center; padding: 20px 80px; box-sizing: border-box; color: #333; font-size: 35px; /*! margin-bottom: 20px; */
font-family: playfairR; font-weight: lighter;
background:#fffe;
    width:fit-content;
    margin:10px auto;

}
p, li, span{font-size: var(--fn); font-family: Open Sans, arial, sans-serif; line-height: 1.5em; }
h4{font-size: 19px; font-family: Open Sans, arial, sans-serif}
h3{font-size: 22px; font-family: Open Sans, arial, sans-serif;}
h2{font-size: 25px; font-family: Open Sans, arial, sans-serif}
.pageBody{_padding: 0 80px; box-sizing: border-box;}
.flexbox{display: flex}


/*cookies*/
#cookiesMessage{
   
    position: fixed;
    bottom:0;left:0;right:0;
    width:100%;
    height:200px;
    background:rgba(255,255,255,.9);
    z-index: 10000;
    padding: 30px;
    font-size:16px;
}
#cookiesMessage p{
    font-size:inherit;
    display:inline-block;
    width:90%;}
#cookiesMessage .agreebtt{
    display: block;
    width: 20%;
    margin:20px 0;
    border:1px solid #bbb;
    text-align: center;
    padding: 10px;
    background: rgba(255,255,255,.6);
    cursor: pointer;
}

/*CHANGE*/

.icons {font-family: icons;text-decoration:none;}
.index .oblast_strane .pageTitle{margin: 130px auto 0; color: var(--darkblue); text-align: center; padding: 20px 0px 0px; font-weight: normal; font-size: 30px; box-sizing: border-box}
/*EFFECTS*/
/* DISPLAY NONE */
.popUpBox,.mobile_baner, .nest_brojStrana{display: none}
.fixed-futer{display: none}
.obavestenje{display:none;}
.flyOutMenu{width:20px; position:absolute; top:25px;right:69px; z-index: 200; }
.flyOutMenu #cart_indication a{font-size:0; width:10px; height:10px; display: block; background: red; border-radius:50%; border:2px solid #fff; }
.index .sideCatNav{display: block;}
.imageForMobile, .mob_main_menu, .poruciTekst,.tempContainer,.footer_mob_info, .wishListBar,.PageTrackNav,.iconOpis{display:none }
.hidden{display: none!important}
.userBar, .headerIconsDiv, .CatTrackNav, .homeMenu, .popup_baner{display: none!important; }
.imate_nalog_dugme{display: none}
#mobBanner{display: none;}
.mobile-ien-zgrada,.mobileBannerContainer{display: none!important;}
.istrazivaci .pageBody .bibliografija a{background: var(--darkblue); color: #fff; display: inline-block; padding: 10px 30px; font-size: 20px; margin-top: 30px; display: none }

.gi{font-family:'google_icons'; display: block;}

/*DUGME BACK*/
.back{margin-left: -50px!important; 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(--darkblue);
    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}

/*HEADER*/
.oblast_zaglavlja{ margin: auto;
     background: #114;
    width: 100%;
    _background: linear-gradient(0deg, rgba(17,14,68,1) 0%, rgba(55,55,99,1) 55%, rgba(11,11,83,1) 94%);
    filter: grayscale(.5) brightness(1.3) hue-rotate(0deg)


}

.zaglavlje_content,.oblast_zaglavlja_inner {display: flex; justify-content: flex-start; width:100%;margin: auto;position: relative; }
.wrapperTraka{flex-grow: 1}
.wrapperTraka .logo{position:absolute; top:10px;left:20px; width:10%; height:auto;display:block;}
.logo-header a{display:block; width:190px; padding: 6px 10px; box-sizing: border-box; }
.logo-header img{display: block;width:100%;}
.logoScroll{display: none;}

/* GORNJA TRAKA */


/*GLAVNI MENI*/
.glavni_meni{width: 840px; margin-right:100px;}
.glavni_meni >ul >li:nth-child(1) >a{pointer-events: none}
.glavni_meni >ul >li:nth-child(2) >a{pointer-events: none}
.glavni_meni >ul >li:nth-child(3) >a{pointer-events: none}
.glavni_meni >ul{display: flex;z-index: 20; justify-content:center;list-style: none;position:relative;box-sizing:border-box;
    flex-grow: 1;width:100%;

}
.glavni_meni >ul > li{ text-align: center; display:block;position:relative;_border-left:1px solid #eee3;padding: 0 6px 0 16px;

    width:100%;

}

.glavni_meni >ul > li:before{
    content:"";
    background: linear-gradient(120deg, rgba(119,161,245,.2) 0%, rgba(0,0,0,0) 36%);
    position: absolute;
    top:0;left:0;
    z-index: 120;
    width:100px;
    height:100px;
     clip-path: polygon(100% 100%, 100% 0%,9% 0%, 0% 100%);

}
.glavni_meni >ul > li >a{ position: relative;text-decoration: none; display: block;width: 100%; padding: 30px 0px 26px 0;
     color: #fff; font-size:14px; text-transform: uppercase; font-family: 'Open Sans', arial, sans-serif; font-weight: lighter;
    text-align: center;

}
.glavni_meni >li img{width: 100%; display: block;height: 100%}
.glavni_meni > ul > li > a:hover {border-bottom:2px solid red}

.glavni_meni >ul >li ul{display: none;width:280px;}
.glavni_meni >ul >li ul  a{font-size: 16px!important; text-decoration: none}
.glavni_meni .mainMenuOver ul{position: absolute;font-size: 14px;color:var(--darkblue);background: #fffe;top:78px;left:0; right: 0;
    list-style-type: none;_border-radius:0 0 3px 3px;
 box-shadow: 0 4px 3px 0 rgba(0,0,0,0.22), 0 2px 4px 0 rgba(0,0,0,0.08);height:auto; overflow:show;}
.glavni_meni .mainMenuOver li{ width:100%; text-align: left; border-bottom: .5px solid #555a}
.glavni_meni .mainMenuOver li a{ color: var(--darkblue);padding:10px 20px 10px 20px;font-size: 16px;display:block;}
.glavni_meni .mainMenuOver li a:hover{ color: #354597; background: #aacc}

/*USER ICON-HEADER*/
.oblast_zaglavlja .zaglavlje_content .ikonice-header,
.oblast_zaglavlja .oblast_zaglavlja_inner .ikonice-header{position: absolute;
    top: 80px;
    background-image:linear-gradient(to bottom,#115, #002);
    z-index: 1; right: 0; left: 0;

display: flex; justify-content: right;
    padding:5px 0px;;box-sizing: border-box; box-shadow: .1px .1px .1px .5px var(--grey)
}


.ikonice-header .ienshare{width: 50px; }
.ikonice-header .ienshare img{display: block;width: 100%;}


.ikonice-header .drustvene-mreze-zaglavlje, .ikonice-header .jwee-ikonica-header{display: flex; margin-right:20px}
.ikonice-header a{
    display: inline-block; padding: 2px 10px;
    text-decoration: none;
}
.ikonice-header .login-users{display: flex}
.ikonice-header .login-users img, .ikonice-header .drustvene-mreze-zaglavlje img, .ikonice-header .jwee-ikonica-header img{width: 100%; display: block;}
.ikonice-header .login-users img:hover, .ikonice-header .drustvene-mreze-zaglavlje img:hover, .ikonice-header .jwee-ikonica-header img:hover{filter: contrast(.4)}
.ikonice-header .login-users span {width: 20px; display: block; margin-right: 10px; }
.ikonice-header .drustvene-mreze-zaglavlje span {width: 18px; display: block; margin-right: 10px}
.ikonice-header .jwee-ikonica-header{width:40px!important;height:20px;overflow:hidden; margin-right: 0px!important;}
.ikonice-header .jwee-ikonica-header img{width:40px; _height:20px; display: block; margin-top:-10px}
.ikonice-header #text_finder{
    color:#eee;
  margin-top:-2px
}
.search_field{
    background: #fffd;
    width:100%;position: absolute;
    top:116px;
    padding: 20px 0 24px 0;
    text-align: center;
    z-index: 10;
    display: none;
}
.search_field #search_text{
    font-size:20px; padding:6px 20px;

}
.search_field button{
    padding: 10px 30px;
    vertical-align: top;
    font-size:var(--fn);
    color:#eee;
    background: var(--darkblue);
    border:none

}

.invertcol{  filter: invert(1);}

/*REZULTATI PRETRAGE*/
.search.catid_100 .search_field{
    display: block;
}
.search.catid_100 .oblast_sadrzaja{
    margin: 230px auto 0 auto;
}
.search.catid_100 .oblast_sadrzaja .pageTitle{
    display: none
}

.search.catid_100 .lista_rezulata_cnt{

}
.search.catid_100 .lista_rezulata_cnt li{
    list-style: none;
    border-left: 1px solid #999;
    padding: 4px 20px;
    margin-top:20px
}
.search.catid_100 .lista_rezulata_cnt h4{
    font-size:var(--fn);
    font-weight:normal;
}
.search.catid_100 .lista_rezulata_cnt h3{
    font-size: var(--fm)
}
.search.catid_100 .lista_rezulata_cnt span{
    font-size: var(--fxs)
}

/*JEZICI*/

.meni_jezici{position: absolute; top: 4px; right: 30px;  z-index: 112; display: flex;flex-direction:column; border-left: 1px solid #77a}
.meni_jezici li{display: block;  width: 30px ; margin:2px;}
.meni_jezici li a{color: #eee; text-transform: uppercase; padding:0 6px; box-sizing: border-box; opacity:.6;display: block;box-sizing:border-box;text-decoration: none;line-height:10px}
.meni_jezici .markLng a{color: var(--zlatna);}
.meni_jezici .markLng span {font-size: 11px!important; }
.meni_jezici a span {font-size: 11px!important;}
.meni_jezici img {display: none}

/*CATALOG SEARCH*/
.catalog_search .searchDugme:after{content: "\f002"; font-family: icons; font-size: 18px; color: #fff; position: absolute; right: 12px; top:2px}
.catalog_search a{text-decoration: none}
.catalog_search{position: absolute; top:80px;right:30%; display:none;z-index: 1; }
.catalog_search input{font-size:var(--fn); padding:4px 10px; border:none;  outline: none; background: #ccc; color: var(--darkblue)}
#brzi_pretrazivac {position:relative; }
#suggestions{position: absolute; top:100%; right:-50px; width:600px;height:500px; background:#fff; overflow-y: auto; border-radius:10px; }
.close_suggestions{background: var(--beige_green); display: block; color:#000; cursor: pointer; padding:10px }
#autoSuggestionsList li{display:flex; border-bottom:1px solid #ccc; cursor:pointer; padding:10px; box-sizing: border-box; }
#autoSuggestionsList div{padding: 0 14px; flex-grow: 1; }
#autoSuggestionsList li img{width:80px; max-height:120px; display:block; }
#autoSuggestionsList h3{color:var(--beige_green); font-size:var(--fm); }
#autoSuggestionsList p{color:var(--darkblue); padding:6px 10px 0 0; font-size:var(--fs) }


/* BANNER */
.baner_slide_title{
    position:absolute; bottom:0px;right:20%;
    z-index: 100; font-size:30px;
    background:#114a; color:#eee;
    padding:40px 70px 130px 70px;width: 600px; height:100%;
    pointer-events:none;
    font-weight:bold;
    clip-path: polygon(6% 0, 100% 0, 95% 100%, 0% 100%);

}
.baner_slide_description{position:absolute; bottom:0px;right:20%; z-index: 100; font-size:22px; width: 600px;
    background:#114c; color:#eee; padding:30px 70px 60px 70px;  line-height:1.6em; box-sizing: border-box; pointer-events:none;
clip-path: polygon(3% 0, 97% 0, 95% 100%, 0% 100%);text-transform: uppercase;
}
.baner_slide_description p{
    font-size:20px;text-transform: uppercase;color:#eee; line-height:1.6em;
}
/*** PRIVREMENO ****/
.innerBannerContainer .baner_slide_description,
.innerBannerContainer .baner_slide_title{
    right:30px;
}
/* HOME */
/**prvi blok**/
.homePage{
    max-width:1200px;
    display: flex; gap:10px;
    position: relative;
    margin:80px auto 70px auto;
    justify-content: space-around;
}

.homePage .box{
    width:fit-content;
    text-align: center;
    position: relative;
    transform: skewX(-4deg);
    border-left:1px solid var(--darkblue);
}
.homePage .box a{
    text-decoration: none;
}

.homePage a.gi{
    display: flex;
    width:200px;height:200px;
    font-size:130px;
    color:var(--darkblue);
    justify-content: center;
    align-items: center;
    border-radius: 5%;

      transform: skewX(4deg);
}


.homePage .box:hover  {
  _transform: rotateY(0deg)  rotateX(0deg);
    transition: 1s all;
  opacity: .8;
    transform: skewX(0deg);

}

.homePage .box .naslovBox{
    font-size:22px;
    margin: auto;
    text-align: center;
color:var(--darkblue);
   display: block;
    padding: 6px 11px;
    position: absolute;
    top:-28px;left:20px;
    background: #fff;
    transform: skewX(4deg);
    letter-spacing: -.6px
}

.homePage .box a{}

.dimarcLogo{width: 100px; padding: 10px; }

/**drugi blok**/
.home-dogadjaji{margin: 60px auto; width:1200px;}
.home-dogadjaji h2{font-size: 36px; margin-bottom: 30px; font-family: playfairR; font-weight: normal;border-bottom:1px solid var(--zlatna); padding:20px 0 6px 0}
.home-dogadjaji h2 a{ color: var(--zlatna)}
.desktop-ien-zgrada{display: none!important;}

.home-dogadjaji .box-inner{
    display: flex;
    gap:10px;

}
.home-dogadjaji .box-vesti-main{
    width:700px;
    position: relative;

}
.home-dogadjaji .box-aside{
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap:10px

}
.home-dogadjaji .box-aside .box-vesti a{
    display: flex;
    position: relative;
    text-decoration: none;
}
.home-dogadjaji .box-aside .box-vesti .slika{
    width:361px;
}

.box-aside .box-vesti span:last-child{
    position: absolute;
}
.box-aside .box-vesti span:nth-child(2){
    padding: 30px 6px 0 16px;
     text-transform: uppercase;

}
.box-aside .box-vesti span:nth-child(3){

    position: absolute;
    top:0;left:226px;
    width:fit-content;

}


.box-vesti-main span:nth-child(2){
    position: absolute;
    top:30px;left:20px;
    background: #fffa;
    max-width:400px;
    padding: 30px 20px;
    text-transform:uppercase;
    font-size:22px;
    line-height:1.1em;
    clip-path: polygon(0% 0%,  100% 0, 92% 100%,0% 100%);

}
.box-vesti-main span:nth-child(3){
        position: absolute;
    top:38px;left:40px;
}

.home-dogadjaji img,
.box-vesti a,
.box-vesti span{
    display: block;width:100%
}
.home-dogadjaji .dugmeVise{
    padding: 40px;
    font-size:22px;
    text-decoration: underline;
    text-align: center;
}
/*dinamicki blok*/

/*
.catid_1 .dynamicContent .pages{
    background: red;
    display: flex;
    flex-direction: column;
    column-count: 2;
    height: 800px;
    width: 800px;
    margin: auto;

}
.catid_1 .dynamicContent .pages li:first-child{
    flex-basis: 60%;
    min-height: 800px;

}

.catid_1 .dynamicContent .img{
    width: 300px;
}
.catid_1 .dynamicContent .img img{
    display: block;
    width: 100%;
}

.catid_1 .dynamicContent .pages .info h2{
    background: green;
    font-size: var(--fs);

}

*/
.catid_1 .dynamicContent{
    _background: var(--darkblue);
    _padding: 20px;

}

.catid_1 .dynamicContent ul {
    padding: 0px;
    display: grid;
    width: 1100px;
    margin: 0px auto;
    row-gap: 5px;
    column-gap: 5px;
    grid-template-columns: 2fr 1fr;
    grid-template-rows:  repeat(1,0.7fr);
    border: none;
    box-sizing: border-box;
     _border:1px solid #bbb;

    grid-template-areas:
        "main sidea"
        "main sideb"
        "main sidec";
}

.catid_1 .dynamicContent ul li:first-child{

    grid-area: main;
    _border: solid 1px;

}
.catid_1 .dynamicContent ul li{
    padding: 0px;
    margin: 0px;
    width: 100%;
	  overflow: hidden;
	  display: flex;
	  flex-direction: column;
      _clip-path: polygon(3% 0, 100% 0, 97% 100%, 0% 100%);
    border: solid 1px #bbb;

}

.catid_1 .aktuelnaVest .img{/*! height: 450px; */ /*! max-width:450px; */}
.catid_1 .aktuelnaVest .img img{height:100%; width: auto}

.catid_1 .dynamicContent ul li .publish_date{
  
    position: absolute;
    top:20px;left: 30px;
    font-size: 14px;
}

.catid_1 .dynamicContent ul li:first-child .publish_date{
    position: relative;
    width: 130px;
    
}


.catid_1 .dynamicContent ul li:first-child .img img{
    display: block;
    width: 100%;
}
.catid_1 .dynamicContent ul li .img img{
    display: none;
}

.catid_1 .dynamicContent .page-pID .info{
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: block;
    min-height: 180px;
    _border: solid 1px #ddd;
    display: flex;
   

}

.catid_1 .dynamicContent .page-pID:first-child .info{
	background:#fff;
	font-size: var(--fm);
	padding: 5px;
    height: 100%;
    border: none;
    _min-height:  200px;
   
    



}
.catid_1 .dynamicContent .page-pID:first-child .info h2 a{
	color: var(--darkblue);
  font-weight: normal;


}

.catid_1 .dynamicContent .page-pID .info h2{
	width: 100%;
	display: block;
	margin: 0px;
	padding: 10px;
	font-size: var(--vxs);
	position: static;
    text-align: left
}


.catid_1 .dynamicContent .page-pID:not(:first-child) .info h2{
	_position: absolute;
	_margin: 0px;
	_left: 0px;
	_top: 0px;
	background: #fffc;
    font-size:15px;
    line-height:1.3em;
    padding: 6px 28px;
    font-weight:normal;
    display: flex;
    align-items: center;


}

.catid_1 .dynamicContent .page-pID .info h2 a{
	text-decoration: none;
        border-left:1px solid #444;
    display: block;
    padding: 4px 10px
}

.catid_1 .dynamicContent .navigatorStrana {display: none;}
/**treci blok**/
.home-publikacije{margin-top: 40px;}

.home-publikacije >h2{
    font-size: 26px;
    color: var(--darkblue);
    font-weight: normal;
    border-bottom:.5px solid #aaa;
    width:1200px;
    margin:auto;
    margin-bottom: 30px;
    padding: 10px 0;
}

.scrollContainer{
    width:96%;
    overflow-x: auto;
    margin:auto;
    height:360px;

}

.home-publikacije .box-outer{
    display: flex;
    flex-wrap: nowrap;
    width:fit-content;
    gap:30px;
	  margin: auto;
}

.home-publikacije .widget_casopis{
    display: none
}

.home-publikacije .box-inner{
    width:180px;
    transition: 1s all;
    position: relative;
}
.home-publikacije .box-inner img{
    display: block;width:100%;
}
.home-publikacije .box-inner:hover{
    width:200px;
}

.home-publikacije .box-inner:hover .widget_casopis{
    display: block;
    position: absolute;
    bottom: 10px;left:0;
}



/**cetvrti blok**/
.home-repozitorijum-dcs{
    display: flex;
    justify-content: center;
    gap:40px;
    margin:10px auto 100px auto;
    max-width:1200px; 


}
.home-repozitorijum-dcs img{
    display: block;width:100%;
    filter: contrast(.7) hue-rotate(45deg) saturate(0);
}

.home-dimarc img{
    filter: none!important;
    width: 90%;
 
}

.home-repozitorijum-dcs > div{
    flex-grow: 1;
    text-align:center;
    width:300px;height:300px;
    padding-top: 30px
}

.slikaRepozitorijum,
.slikaDcs{
    width:250px;
    margin: auto;
    /*! filter: grayscale(1) contrast(0) brightness(100); */
}
.titleDcs h2,.titleRepozitorijum h2{
    color:#777;
    font-size:22px;
    font-weight:normal;

}

.home-dimarc .titleDcs{
    margin: 70px 0px;
}

/**peti blok**/
.home-projekti{margin-top: 60px;}
.home-projekti >h2{font-size: 36px; margin-bottom: 30px; font-family: playFairR; color: var(--zlatna); font-weight: normal }
_.home-projekti .box-outer{background: red; display: flex; justify-content: space-around; height: 5px}
_.home-projekti .box{width: 350px; height: 200px; margin-top: -75px; background: var(--darkblue); border: 1px solid #ddd}
_.home-projekti .tekst
.home-projekti .box .slika img {width: 100%; display: block}
.home-projekti .box .slika {width: 25%; }
.home-projekti .box {display: flex; margin-bottom: 40px}
.home-projekti .box .tekst { margin-left: 40px; width: 80%}
.home-projekti .box .tekst p {font-size: 16px; }
.home-projekti .box-outer {padding: 30px 60px; box-sizing: border-box; border: 1px solid #ddd}
.home-projekti .uvod {margin-bottom: 10px}
.home-projekti .uvod h3 {font-size: 18px}

/*sesti blok*/
.gosti> h2{
    font-size: 26px;
    color: var(--darkblue);
    font-weight: normal;
    border-bottom:.5px solid #aaa;
    width:1200px;
    margin:auto;
    margin-bottom: 30px;
    padding: 10px 0;
}
.keynote{display: flex; width: 100%; overflow: hidden; overflow-x: auto; padding:20px;}
.keynote .speakers p{display: none}
.keynote .speakers {margin-right: 20px; position: relative;}
.keynote .speakers .slika{width: 250px; display: block}
.keynote .speakers img{width: 100%; display: block; }
.keynote .speakers a{font-size: 18px; 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)}
/*STRANICE*/


#coll_left,#coll_middle,#coll_right{box-sizing: border-box; }
#coll_middle{flex-basis: 0; flex-grow: 1; }
#coll_left{min-width:260px;max-width: 280px; border-right:1px solid #888}
#coll_left h3{}
#coll_left h3 a{display: block; }
#coll_right{width:200px;}
#coll_left a{text-decoration: none; padding:16px; display:block; font-weight:normal;}
.bocniMeniStrane{list-style: none;

}
.bocniMeniStrane >li{
    border-bottom:1px solid var(--darkblue);
}
.bocniMeniStrane > li.markerKategorije{
    color:#eee;
    font-weight:bold;
    background:#77a;
    text-transform: uppercase;
        
}
.bocniMeniStrane > li.markerKategorije a{
    color:inherit;
    font-weight:bold;
}

.bocniMeniStrane > li > ul{
    background: #aac;
    padding: 0 10px;
    list-style: none;
}
.bocniMeniStrane > li > ul >li{
    border-bottom:1px solid #eee
}
.bocniMeniStrane > li > ul >li:last-child{
    border: none
}
/*KATALOG*/


/*SEND WISHLIST*/
.buttonUkljuciNapomenu{display: none }
.naruciListu, .placanjeKarticom, .virmanskoPlacanje {margin: 6px; display: inline-block;}
.WSicoSendEmail{display:inline-block;}
.buttonsDisabled .placanjeKarticom, .buttonsDisabled .virmanskoPlacanje, .buttonsDisabled .WSicoSendEmail{background:#ccc; pointer-events: none; }
.placanjeKarticom a, .virmanskoPlacanje a, .WSicoSendEmail a{display: block; width: 100%; color: #eee; text-decoration: none;}
.kartice {width:900px; display: flex; text-align: center; margin: 0 auto; border-top:1px solid #eee}
.kartice span{margin:16px 8px; padding:6px 6px 2px 6px; box-sizing:border-box;display:block; background: #fff; border-radius:6px; border:1px solid #ccc}
.kartice span:first-child,.kartice span:last-child{width:190px}
.kartice img{display: block; width: 100%;}
.kartice.kartice-banka{width: 600px; margin-top: 30px;}
.kartice.kartice-banka span img{ padding:1px 1px;display:block;width:100%; box-sizing: border-box}
#wishlist_buttons {margin: 20px 0; display: flex; justify-content: space-around; }
#wishlist_buttons .narudzbenicaIcon{margin-right: 10px; filter:invert(1); display:block; margin-bottom:10px}
#wishlist_buttons > a{background: #669933;  margin-top: 20px; padding:10px 10px 5px; box-sizing: border-box; text-decoration: none; width: 15%; color:#fff}
#posaljiPodatke{position: relative; background:#d44; border: 1px solid #ddd; padding:20px; box-sizing:border-box; border-radius:6px; margin:20px 0 180px 0; }
#posaljiPodatke input{display: block; margin:30px auto; width:300px; border:1px solid #ddd; border-radius:4px; padding:14px; color:#111; }
#posaljiPodatke input:nth-of-type(5) {width:220px;background:#d44;color:#fff;font-size:18px;margin-top:60px;}
#posaljiPodatke input:nth-of-type(5):hover{background: #d77;}
#posaljiPodatke .obavezno{position:relative;border:2px solid #d44;}
#posaljiPodatke .obavezno:not(output):-moz-ui-invalid{box-shadow:none;border:2px solid red;}
#posaljiPodatke:after{content:"*"; color:#d44;font-family:icons;font-size:18px;position:absolute;top:200px;right:162px;}
#posaljiPodatke:before{content:"*"; color:#d44;font-family:icons;font-size:18px;position:absolute;top:276px;right:162px;}
#headerTabeleWL img{width:300px; }
.prekidFloat{   clear:both; float:none;}

/*PRIKAZ KATEGORIJA*/
.pages{display: flex;flex-wrap: wrap; margin-top: 30px;}
.pages .page-cID{margin-right: 30px; width: 400px; list-style: none; margin-bottom: 40px; position: relative}
.pages .page-cID h2{text-align: center; margin-top: 20px; position: absolute; top: calc(100% - 60%); left: 10%;}
.pages .page-cID h2 a{color: #fff;}
.pages .page-cID .img img{filter: brightness(.4)}
.pages .page-cID:hover img{filter: brightness(.8)}

.pages{display: flex;flex-wrap: wrap; margin-top: 30px;}
.pages .page-pID{margin-right: 30px; width: 400px; 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%;}


.oblast_istrazivanja_pages{}
.oblast_istrazivanja_pages{display: flex;flex-wrap: wrap; width: 80%; margin: 50px auto 0;}
.oblast_istrazivanja_pages .page-cID{margin-right: 30px; width: 300px; margin: auto; border-radius: 40px; border: 1px solid #fff; list-style: none; margin-bottom: 40px; position: relative}
.oblast_istrazivanja_pages .page-cID h2{text-align: center; margin-top: 20px; position: absolute; top: calc(100% - 60%); left: 5%; display: none}
.oblast_istrazivanja_pages .page-cID h2 a{color: #fff;}
.oblast_istrazivanja_pages .page-cID .img img{border-radius: 40px;}
.oblast_istrazivanja_pages .page-cID:hover img{filter: brightness(.8); }
/*HOME PROJEKTI*/

.izdvojeni_projekti{

    max-width: 1200px;
    margin: auto;
}
.izdvojeni_projekti .glavniDiv >h2{
    font-size: 26px;
    color: var(--darkblue);
    font-weight: normal;
    border-bottom:.5px solid #aaa;
    width:1200px;
    margin:30px auto;
    padding: 10px 0;
}
.izdvojeni_projekti .ip_container{
    list-style: none;
    display: flex;

}
.izdvojeni_projekti .ip_container li{
    flex-grow:1;
    flex-basis:0;
    padding:10px 16px 10px 0px;
    box-sizing:border-box;
    
    
}
.izdvojeni_projekti .ip_container li > a{
    text-decoration: none;
    border-left:1px solid #aaa;
    display: flex;
    padding: 0 10px 10px 10px;
    font-size:18px;
    line-height: 2em


    }

/*SKUPOVI*/
.catid_36 #coll_middle{
    width:1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;


}

.catid_36 .innerPage{
    padding: 0px 30px;
    border-bottom:1px solid #ddd;
    width:50%;
    box-sizing: border-box;

}
innerPage .pageTitle, .innerPage .catTitle{
    padding: 0;
    margin:0;

}
.catid_36 .innerPage h1 {
    min-height: 100px;
    font-size: 1.4rem;
    display: inline-block;
    box-sizing: border-box;
    margin:0px 10px 0px 0px;
    padding: 10px 0px;
    text-align: left;
    color: var(--zlatna);

}
.catid_36 .innerPage .pageDate span{

    display: inline-block;
    font-size: .8rem;
     color: #999;
   position: relative;

   padding-left: 8px;
}

.catid_36 .innerPage .pageDate span:before{
    position: absolute;

    display: inline-block;
    width: 15px;
    height: 20px;
    content: "|";
    bottom: 1px;
    right: 55px;

}
.catid_36 .pageBody p{
    padding: 10px 0px 20px 0px;
    min-height: 130px;
}

.catid_36 #coll_middle .innerPage h5 a {
    display: block;
    width: 110px;
    color: #999;
    padding: 5px;
    font-weight: normal;
    margin-bottom: 20px;
}
.catid_36 #coll_middle .innerPage h5 a:before{
    content: "f14c";
    font-family: icons;
    padding-right: 8px;
}
.catid_58 #coll_middle p{
    text-align: justify;	
}
.catid_58 #coll_middle img{
	display: block;
	width: 600px;
	margin: 40px 30px;
	
}
.catid_58 .konferencije_page div{width: 1100px;}

.catid_58 .konferencije_page p,
.catid_58 #coll_middle .pageBody .konferencije_page ul,
.catid_58 #coll_middle .pageBody .konferencije_page ul li
{border: none; padding-left:0px}

.catid_58 #coll_middle .bnvsg a img{margin:20px auto}

.catid_58 #coll_middle .vsglg{width: 150px;display: block; margin:0 0 0 0;}

.vesti_table{
    width: 90%;
    margin:20px auto;
    border-collapse: collapse;
}

.vesti_table td{min-width: 120px;padding:6px 8px;}

.catid_58 .pageBody ul li{
    font-size: var(--fn);
    padding: 5px 0px;
    line-height: 1.8em;
    text-align: justify;
}

.skupovi ul.list_8619{
    padding: 50px;
    list-style: none;
}

.skupovi ul.list_8619 li{
    padding: 5px;
}

/*O NAMA*/
.o_nama_pages{display: flex; flex-wrap: wrap; width: 70%; margin: 50px auto 0; }
.o_nama_pages .page-cID{margin-right: 30px; width: 30%; border-radius: 40px; border: 1px solid #fff; list-style: none; margin-bottom: 40px; position: relative}
.o_nama_pages .page-cID h2{text-align: center; background: var(--zlatna); border-radius: 0px 0px 40px 40px; margin-top: 5px}
.o_nama_pages .page-cID h2 a{color: #fff; font-size: 18px; font-weight: normal; padding: 10px; display: block;}
.o_nama_pages .page-cID .img img{border-radius: 40px 40px 0px 0px;}
.o_nama_pages .page-cID:hover img{filter: brightness(.8); }

.ien_danas .video iframe {margin-top: 30px; margin-left: auto; width: 100%; display: block;}
.ien_danas .video {width: 45%;}

.struktura.mobile_off{
    width:800px;
    margin: 0 auto 60px auto ;
    position: relative;
}
.struktura img{
    display: block;
    width:100%;
    cursor: pointer;
}
.imageHtml{
    width:auto;
    height:auto;
    position: fixed;
    background: #fffc;
    top:160px;right:100px;
    border-radius:10px;
    border:1px solid #4449;
    z-index: 100;
    pointer-events: none;
    padding: 20px;

}

.imageHtml li, .imageHtml p, .imageHtml span{
    font-size:var(--fs)
}

 #coll_middle .imageHtml h3, #coll_middle .imageHtml h4{
    font-size:var(--fn);
    border:none;
    padding: 0; margin: 0;
        font-weight:bold
}

area{
    background: red;
    cursor:pointer;

}

/*PUBLIKACIJE*/
.publikacije_pages{display: flex; flex-wrap: wrap; width: 70%; margin: 50px auto 0;justify-content: center; gap: 50px}
.publikacije_pages .page-pID{margin-right: 30px; width: 300px; border-radius: 40px; border: 1px solid #fff; list-style: none; margin-bottom: 40px; position: relative}
.publikacije_pages .page-pID h2{text-align: center; background: #eee; border-radius: 0px 0px 40px 40px;}
.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;display: block;width:100% }
.publikacije_pages .page-pID:hover img{filter: brightness(.8); }

/*PROJEKTI*/

.projekti .oblast_sadrzaja{
    display: flex;position: relative;
}

.catid_45 .catTitle{margin-bottom: 260px;}

.projekti_pages{display: flex;flex-wrap:no-wrap; position: absolute;top:120px;left: calc(50vw - 400px);  justify-content: center; gap:30px; }
.projekti_pages .page-cID{margin-right: 30px; width: 200px; margin-right: 30px; 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: 20px; font-weight: normal; padding: 10px; display: block;text-decoration: none; line-height:1.3em;text-align: center; }
.projekti_pages .page-cID .img img{border-radius: 40px 40px 0px 0px;box-sizing:border-box; display: block;width:auto; height: 110px;margin: auto;}
_.projekti_pages .page-cID:hover img{filter: brightness(.8); }




.projekti .pageBody p{padding: 7px 0;text-align: justify; margin: auto; line-height: 1.6em;}
.projekti .pageBody ul, .projekti .pageBody ol{margin: 20px}
.projekti .pageBody ul li, .projekti .pageBody ol li{ padding: 5px 0; line-height: 1.6em;}
.projekti .pageBody a{color: var(--main);}
.projekti .projektilogo{flex-wrap: nowrap; display: flex; width: 500px;margin: auto;}
.projekti .projektilogo img{display: block; width: 100%;}

.catid_45 #coll_middle p,
.catid_45 #coll_middle h3,
.catid_45 #coll_middle ul
{width: 800px;margin:auto; padding:5px 0;text-align: justify;}
.catid_45 #coll_middle ul li{margin-left:15px; text-align:left;}
.projekti .logos_cnt{display: flex; margin: 20px auto; justify-content: center;align-items: center;}
.projekti .logos_cnt img{display: block;}

/*TOBACCO PROJEKAT*/

.tobacco_projekat_pages {display: column;  width: 90%; margin: 50px auto;}
.tobacco_projekat_pages .page-pID {margin:auto; width: 1000px;
    list-style: none; margin-bottom: 40px;}
.tobacco_projekat_pages .page-pID h2 { text-align: left; font-size: 18px;  position: relative; 
	border: solid var(--darkblue) 1px;}
.tobacco_projekat_pages .page-pID h2 a{padding: 20px;display: block; color: var(--darkblue)}
.tobacco_projekat_pages .page-pID h2 a:hover{background:#cdf6}
.tobacco_projekat_pages .publish_date {color: var(--darkblue); padding: 5px; font-size: var(--fs)}
.tobacco_projekat_pages .antrafile {display: none;}


/*PROJEKAT INEQ RS COVID-19*/


.catid_75 .pageBody[pid="4910"] .slika_back_top{
    position: fixed;
    top:0;left:0;right:0;
    z-index: -1;
}


.projekat_ineq_rs_covid-19{
    margin: 160px auto 20px auto;
    width:1100px;
    padding: 50px;
    background: #fffd;
    position: relative;
}

.projekat_ineq_rs_covid-19 h2 {margin: 0px 0px 30px 0px;}
_.projekat_ineq_rs_covid-19 .uvod {display: flex;position: relative}
.projekat_ineq_rs_covid-19 .logo_uvod{
	width:280px; height:280px; float: right;
  
}
.projekat_ineq_rs_covid-19 .logo_uvod img{
    display: block;width: 100%; 
}
.projekat_ineq_rs_covid-19 .slika img {width: 100%; display: block}
.projekat_ineq_rs_covid-19 .slika {width: 40%; }
.projekat_ineq_rs_covid-19 .tekst {width: 60%}
.projekat_ineq_rs_covid-19  p {padding: 10px; line-height:1.9em}
.projekat_ineq_rs_covid-19 a {text-decoration: underline; color: var(--darkblue)}
.projekat_ineq_rs_covid-19 h3 {margin-top: 30px; margin-bottom: 10px; border-bottom: 2px solid #ddd; padding: 10px}
.projekat_ineq_rs_covid-19 ul {padding: 20px; margin-left:1.5em}
.projekat_ineq_rs_covid-19 ul li{padding: 4px}



/*SAZECI*/

.catid_46 .oblast_sadrzaja{
    margin: 130px auto;
    width: 1100px;

}


.catid_46 h3{
    font-size: var(--fxl);
    padding: 40px 0px;
	
	font-weight: normal;
}
.catid_46 h3 a{
	text-decoration: none;
}

.catid_46 .bocniMeniStrane{
    display: flex;
    flex-direction: row;
    border-bottom: 5px solid var(--darkblue);

}
.catid_46 .bocniMeniStrane li{
    border: solid 1px var(--darkblue);
    border-bottom: none;
}
.catid_46 .bocniMeniStrane li a{
    display: block;
    font-size: var(--s);
    padding: 10px 20px;
	text-decoration: none;

}


.catid_46 .sazeci_box{
    text-align: left;
    margin: 50px 0px 30px 0px ;
}
.catid_46 .sazeci_box h2{
	margin: 0px 0px 20px 0px;
	color: var(--zlatna);
}

.catid_46 .sazeci_box li{
    padding: 8px;
    margin: 0px 25px;
}

.catid_46 .sazeci_box a{
    display: block;
    line-height: 1.6em;
    text-decoration: underline;
}
.catid_46 .sazeci_box .icon_pdf {
	position: relative;
	
}
.catid_46 .sazeci_box .icon_pdf span a{
		text-decoration: none;
	width: 150px;

	padding: 9px 0px;
}
.catid_46 .sazeci_box .icon_pdf span:hover a{
	  background: #cdf6;
	display: inline-block;
	
	


}

.catid_46 .sazeci_box .icon_pdf:after{
	 content: "\f01a";
  font-family: icons;
  font-size: 30px;
  top: 45px;
  left: 120px;
  position: absolute;
  color: var(--darkblue);
	
}

/*ISTRAZIVACI*/

/*.istrazivaci_pages{display: flex;flex-wrap: wrap; margin-top: 30px;}
.istrazivaci_pages .page-pID{margin-right: 20px;width: 400px; height: 140px; overflow: hidden; list-style: none;margin-bottom: 40px;display: flex; position: relative; padding-bottom: 35px}
.istrazivaci_pages .page-pID .antrafile a{display: block; text-align: center;padding:5px 10px; box-sizing: border-box; background: var(--grey); color: #fff;}
.istrazivaci_pages .page-pID .antrafile >.biog {background: var(--darkblue);}
.istrazivaci_pages .page-pID .antrafile a:hover{background: var(--darkblue); }
.istrazivaci_pages .page-pID .antrafile .biog{position: absolute ; width: calc(100% - 50%);  bottom: 0; left: 0; }
.istrazivaci_pages .page-pID .antrafile .bibl{position: absolute; width: calc(100% - 50%); bottom: 0; right: 0}
.istrazivaci_pages .page-pID >div:nth-child(1){width: 50%}
.istrazivaci_pages .page-pID >div:nth-child(2){border: 1px solid #ddd; width: 100%;}
.istrazivaci_pages .page-pID .img {width: 100%; height: auto; display: block; }
.istrazivaci_pages .page-pID .img a{display: block; width: 100%; height: 100%;}
.istrazivaci_pages .page-pID .img img{width: 100%; height: 100%;display: block; }
.istrazivaci_pages .page-pID h2{font-size: 19px; margin-bottom: 10px; }
.istrazivaci_pages .page-pID h2 a{text-align: center; margin: auto; display: block; padding: 10px;box-sizing: border-box;
    background: #f2f2f2; font-size: 18px }
.istrazivaci_pages .page-pID .info p{font-size: 14px; text-align: center; color: #; padding: 0px 10px 10px 10px; box-sizing: border-box; margin-top: 20px}
.istrazivaci_pages .page-pID .antrafile p a{color: #ffeeee;}
*/

@media (min-width: 1600px) {
    .istrazivaci_pages{margin: 0 auto; width: 80%;}

}

.istrazivaci_pages{display: flex;flex-wrap: wrap; margin-top: 30px;}
.istrazivaci_pages .page-pID{width: 30%; margin: 0 auto 30px; display: block; position:relative}
.istrazivaci_pages .page-pID .info {display: block!important;
position: absolute;bottom:0;
    background: #fff8;
    padding: 0px 20px;
    z-index: 100;
    cursor: pointer;
}
.istrazivaci .istrazivaci_pages .info h2 {}
.istrazivaci .istrazivaci_pages .info h2 a {color: var(--zlatna); _margin-top: 15px; display: block; font-weight: normal; padding: 10px 0 0 0; font-size:16px}
.istrazivaci_pages .antrafile {margin-top: 0px; font-size:12px}
.istrazivaci .istrazivaci_pages img{
    display: block;width: 100%;
}
.istrazivaci .img{
background: linear-gradient(90deg, #f2e6d8 0%,  #dedad1  100%);

   position: relative;
    z-index: -1;
    pointer-events: none;
}
.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: 230px;height:80px;
    opacity: .4

}
.istrazivaci .img
.istrazivaci .istrazivaci_body h2{margin-top: 20px}
.istrazivaci .istrazivaci_body ul{margin-left: 20px}

.istrazivaci .pageBody span br{line-height: 1.5em}
.istrazivaci .pageBody p{margin-top: 10px; font-family: Open Sans, arial, sans-serif;}
.istrazivaci .pageBody ul {margin-top: 15px; padding-left: 20px}
.istrazivaci .pageBody ul li{padding-top: 5px}
.istrazivaci .pageBody .bio-right-title span {font-size: 22px; text-transform: uppercase}


/*ISTRAZIVACI PRIKAZ 2*/

.istrazivaci{padding-top: 20px;}
.istrazivaci .info{display: flex;}
.istrazivaci .slika{
    width:580px
}
.istrazivaci .slika img{
    display: block;width:100%
}
.catid_43 .istrazivaci{
     width: 1200px; margin: auto;
}
.istrazivaci .info .tekst{ padding: 10px 10px 10px 40px; box-sizing: border-box}
.istrazivaci .info .tekst h2{margin-left: 20px; color: #b59355; font-family: playfairR; font-size: 50px}
.istrazivaci .info .tekst h4{margin-left: 25px; font-weight: lighter; margin-top: 10px; font-size: 20px}
.istrazivaci .info .tekst li{display: flex; align-items: center; margin-bottom: 10px; }
.istrazivaci .info .tekst .icons {width: 20px; padding-right: 10px; display: inline-block;}
.istrazivaci .info .tekst .icons img{width: 100%; display: block; padding-top: 5px; }
.istrazivaci .info .tekst a{padding: 5px; display: block;display: flex; color: #b59355}
.istrazivaci .info .tekst p{color: #b59355}
.istrazivaci .orc:before{font-family:icons; content:"\f0"; color: #b59355; position: absolute; top:5px; padding-right:20px; left:-20px; }
.istrazivaci .orc{color: #b59355;position: relative; margin-left:25px;}
.oblasti_istrazivaci h3 {display: flex;flex-direction: row;margin: 50px 0px;color: #b59355}
.oblasti_istrazivaci h3:before, .oblasti_istrazivaci h3:after{content: "";flex: 1 1;margin: auto;border-bottom: 1px solid #b59355;}
.oblasti_istrazivaci h3:before {margin-right: 10px}
.oblasti_istrazivaci h3:after {margin-left: 10px}

.istrazivaci .oblasti_istrazivaci >div ul li{padding-bottom: 10px}
.istrazivaci .oblasti_istrazivaci >div ol{margin-left: 20px;}
.istrazivaci .oblasti_istrazivaci >div ol li{padding-bottom: 10px}

.istrazivaci .ref_bibliografija p{position: relative; margin:20px; padding-left:60px; max-width:90%; line-height:1.8em; }
.istrazivaci .ref_bibliografija p:before{background-image: url('../../cms_upload/pages/files/2975_knjiga.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    content:"";
    position: absolute;
    top:0;left:0;

}
.istrazivaci .rel_projekti p{position: relative; margin:20px; padding-left:60px; max-width:90%; line-height:1.8em; }
.istrazivaci .rel_projekti p:before{
    background-image: url('../../cms_upload/pages/files/2975_projekti_istrazivaci.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    content:"";
    position: absolute;
    top:0;left:0;

}

/*BRZI LINKOVI*/
.catid_74 #coll_middle{width: 1200px; margin: 120px auto;}
.uvidi_aktuelni_cnt{ display: flex; gap: 60px; margin:60px 0px}

.uvid_javnosti h4{font-weight: normal;}
.uvid_javnosti h4 a{text-decoration: none; line-height: 1.5em; }
.uvid_javnosti ul{margin: 0px 0px 0px 50px}
.uvid_javnosti li{padding: 10px; list-style: none;position: relative;}
.uvid_javnosti .slika{width: 400px;}
.uvid_javnosti .slika img{width: 100%; display: block}

.uvid_javnosti li h4:after {
content: "-";
_font-family: icons;
font-size: 30px;
top: 10px;
left: -35px;
position: absolute;
color: var(--darkblue);
}
.uvid_javnosti .arhiva_uvida{
	margin-top: 50px;
}

.uvid_javnosti .arhiva_uvida h2{
	border-bottom: solid 2px var(--darkblue);
	color: var(--darkblue);
	margin-block: 10px;
	
}
 #coll_middle .javne_nabavke{
    width: 1100px;
    margin: auto;
    padding: 30px;

}
.javne_nabavke{
    position: relative;
}
.javne_nabavke h4{
    line-height: 1.5em;
    padding: 10px 50px;
    font-weight: normal;

}
.javne_nabavke p{
    margin: 0px 0px 0px 20px;
}
.javne_nabavke ul{
   position: relative;
}
.javne_nabavke li{
    list-style: none;
    line-height: 2em;
    font-size: 19px;
    margin-left: 70px;
    padding: 8px 60px;
    max-width: 450px;
    position: relative;

}
.javne_nabavke li::before {
  content: "\f01a";
  font-family: icons;
  font-size: 30px;
  left: 10px;
  position: absolute;
    color: var(--darkblue);}

.javne_nabavke h4::before {
  content: "\f01a";
  font-family: icons;
  font-size: 30px;
  left: 35px;
  position: absolute;
    color: var(--darkblue);

}

.javne_nabavke a{
    text-decoration: none;
    display: block;

}
.javne_nabavke li:hover{
     background: #cdf6;
}
.javne_nabavke h4:hover{
     background: #cdf6;
}
.javne_nabavke h3{

    padding: 30px 0px 5px 0px;
}
.javne_nabavke p{
    margin: 0px;
    padding: 0px 0px 30px 0px;
}




.ostali_repozitorijum .baner_slika{width: 100%; margin: auto}
.ostali_repozitorijum h2{margin-top: 20px; text-align: center; font-family:playfairR; font-size: 40px; /*! color: var(--zlatna); */ font-weight: lighter; }

.ostali_repozitorijum p:nth-child(4){margin-top: 50px; text-align: left; font-weight: bold}
.ostali_repozitorijum ul{/*! width: 60%; */ margin: 20px auto;}
.ostali_repozitorijum ul li{list-style: none; margin-bottom: 10px}
.ostali_repozitorijum > ul:nth-child(5) li a:after{content: "\f08e"; font-family: icons; margin-left: 10px; color: var(--zlatna)}
.ostali_repozitorijum .repozitorijum_futer{/*! width: 60%; */ margin:50px auto}
.ostali_repozitorijum .repozitorijum_futer h3{text-align: left; font-family: playfairR; font-weight: normal; color: var(--zlatna)}
.ostali_repozitorijum .repozitorijum_futer ul{text-align: left; width: 100%;}
.ostali_repozitorijum p:last-child{color: var(--darkblue); margin-bottom: -80px; margin-top: 40px}
.ostali_repozitorijum .repozitorijum_ponuda {padding: 20px 0px;}
.ostali_repozitorijum .repozitorijum_ponuda p:nth-child(1), .ostali_repozitorijum .repozitorijum_ponuda p:nth-child(2){text-align: left;}
.ostali_repozitorijum .repozitorijum_ponuda li{list-style: disc;margin-left: 30px;}
.ostali_repozitorijum .rep_pravci {margin: 50px 0}

/*TRANSFORMACIJA*/
.transformacija_page {
	width: 1100px;
	margin: auto;
	padding: 0px;
	
}

.transformacija_page p{
	text-align: justify;
	line-height: 1.7em;
	margin: 20px auto;
}
.transformacija_page h1 {
	margin: 150px 0px 0px;
}
.transformacija_page .intro{
	margin: 40px 0px 20px 0px;
}

.tim_TT table {
	margin: 50px 0px;
	width: 900px;
	text-align: left;
	border: solid 3px var(--darkblue);
	border-collapse: collapse;
	color: var(--darkblue);
	line-height: 1.7em;
}

.tim_TT table a{
	color: var(--darkblue);
}
.tim_TT table th, .tim_TT table td{
	border: solid 1px var(--darkblue);
	padding: 12px;
}
.tim_TT table th{
	background: #cdf6;
}

/*O NAMA*/

.onama .pageBody{
    width:1100px;
    margin:auto;
    font-size:var(--fn);
    padding: 30px
}
.onama .pageBody ul{
    margin:0 1em;
 
}
.onama .pageBody ul li{
    /*! margin-left:2em; */
    /*! padding: 4px */
}
.onama h4{
    font-size:var(--fl);
    font-weight:normal;
    padding: 40px 0 10px;
    max-width:500px;
    border-bottom:1px solid #888;
    margin: 20px 0 16px 0;
}

.onama p{
    max-width: 870px;
    line-height: 2.2em;
    /*! margin-bottom: 30px; */
    text-align: justify
}
/*misija i vizija*/

.misija_vizija p{
	max-width: 1000px;
}

.misija_vizija ul{
	padding: 10px 40px;
}


/*ien danas*/
.ien_danas{
    background: #fffe;
    padding: 10px 40px;
}

.ien_danas ul li{
	padding: 5px;
	margin-left: 40px;
}
.ien_danas div:nth-child(1) p{margin-top: 20px; text-align: justify}
.ien_danas div:nth-child(2) p img{width: 30px!important; padding-left: 10px}
.ien_danas div:nth-child(2) p a{color: var(--darkblue)}
.ien_danas div:nth-child(2) p{display: flex; margin-top: 20px}
.ien_danas:before, .istorija_ien:before{
        content:"";
    width:100%;
    height:500px;

    background-size: cover;
    _background: red;
    position: absolute;
    top:0;left:0;
    z-index: -1;
    opacity: .8;
}
.ien_danas:before{
  background-image: url('../../cms_upload/pages/files/102_zgrada_ien.png');
}

.istorija_ien:before{
  height:600px;
  background-image: url('../../cms_upload/pages/files/102_zgrada_ien.png');
    opacity: .8;
    filter:grayscale(1)
}
.ien_danas .slika_ien img{
	display: block;
	width: 1000px;
	margin: 40px auto;
}
/*Istorija ien*/
.onama .istorija_ien{
    background: #fffc;
    padding: 30px 40px;
    border: 1px solid #999;
    box-shadow:0px 0px 10px 2px #0003;
}
.onama .istorija_slika {margin: 50px 0px}
.onama .istorija_slika img {display: block; margin:auto; width: 800px;}
.onama .istorija_slika figcaption {text-align: center; font-size: 13px;
}

.onama .dogadjaji ul{margin-left: 30px}
.onama .jubileji ul{display: flex; margin-bottom: 30px}
.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%; justify-content:space-between; box-sizing:border-box;}
.onama .direktori div ul li{width: 30%; margin-bottom: 30px; list-style: none;  border: 1px solid #eee; padding: 0px; box-sizing: border-box; }
.onama .direktori ul li img{width: 100%; display: block; border: 1px solid #fff;  padding: 0px; }
.onama .direktori ul li .direktori_info_cnt {text-align:center;background: #cdf5; margin: 0px;padding: 20px 0px 0px 0px;min-height:170px;box-sizing: border-box; }
.onama .direktori ul li .direktori_info_cnt a {text-decoration: none; }
.onama .direktori_info_cnt p { text-align: center; margin: 0px; padding: 0px; line-height: 0px; }
.onama .direktori_info_cnt p a {line-height: 0px; margin: 0px; padding: 30px; display: block;}
.onama .direktori_info_cnt h5 {min-height: 60px; display: block;}

.onama .dogadjaji h3{margin-top: 20px}
.onama .godine_dogadjaja{display: flex;  border-bottom: 1px dotted; padding: 20px 20px; }
.onama .godine_dogadjaja .video {padding: 30px 0px 0px 0px;}

.onama .godine_dogadjaja h4{width: 20%; font-family: number; display: flex; align-items: center; align-content: flex-start;
font-size: var(--fl); color: var(--red);
border:none;
}
.onama .godine_dogadjaja ul{width: 80%}
.onama .godine_dogadjaja ul li{
    line-height: 2em;
    list-style-type: square;
}

/*istorija direktori biografije*/


.onama .cnt_direktori_istorija p {margin: auto;  }
.onama .direktor_img_cnt img{display: block; margin: 40px auto;}


/*organrganizacionaStruktura*/

.catid_31 h1{
    width: 1200px;
    margin: 30px auto;
    border-bottom: solid 1px var(--zlatna);
    padding: 20px;
}
.catid_31 .pageBody{
    padding: 30px 0px;
    width: 1200px;

}
.catid_31 .organizacionaStruktura p, .catid_31 .organizacionaStruktura li{
    font-size: 16px;
    border-bottom: solid 1px #f5f5f5;
    padding: 7px 0px;
    line-height: 1.4em;


}
.catid_31 .organizacionaStruktura h3,
.catid_31 .organizacionaStruktura h3 a{

    color: var(--zlatna);

}
.catid_31 .organizacionaStruktura h4{
    border-bottom: none;
    font-size: 19px;
    padding: 10px 0px 0px 0px;
    margin: 0px;
}
.catid_31 .organizacionaStruktura{
    display: flex;
    justify-content: space-between;


}
.catid_31 .leftBlok p{
	max-width: 700px;
	margin-bottom: 20px;
}
.catid_31 .rightBlock .blok{

    text-align: left;
    margin-bottom: 30px;
}
.catid_31 .pageBody .organizacionaStruktura ul{

   margin: 25px 20px;

}
.catid_31 .blokE h3, .catid_31 .blokF h3{
    margin-bottom: 10px;
}
.catid_31 .organizacionaStruktura span{
    font-weight: bold;
}

/*SARADNJA*/

.catid_90 #coll_middle .txt_saradnja p{
	max-width: 1100px;
	margin-bottom: 20px;
}
.catid_90 #coll_middle .txt_saradnja{
	margin: 50px;
}
.catid_90 .txt_saradnja a{
	color: var(--zlatna);
	text-decoration: none;
	display: block;
}

.catid_90 .documentList li{
    list-style: none;
    position: relative;
}
.catid_90 .documentList li:before{
    left: -20px;top:15px
}

/*dokumenta*/

.catid_34 .oblast_sadrzaja{
    display: flex;
    flex-direction: row;
    width:1200px;

}

.catid_34 #coll_middle{
    flex-grow: 1;
}

.catid_34 #coll_right{
    width:260px;

}
.catid_34 #coll_middle h3{
    font-weight:lighter;
    padding: 20px 0;
    font-size:var(--fxl)
}
.catid_34 .bocniMeniStrane{

    display: flex;
    border-bottom: 6px solid var(--darkblue);


}
.catid_34 .bocniMeniStrane .markerStrane{
    background: var(--darkblue);
    color:#eee;
    border: 1px solid var(--darkblue);
}
.catid_34 .bocniMeniStrane li{
    border: 1px solid #aaa;
    border-right:none;
    border-bottom:none;
}

.catid_34 .bocniMeniStrane li:last-child{
    border-right: 1px solid #aaa;
}
.catid_34 .bocniMeniStrane a{
    padding: 10px 20px;
    display: block;
    text-align: left;
    font-size: var(--fs);
    color:inherit;
}
.catid_34 #coll_middle .pageBody{
    width: auto;
}

.catid_34 .pageTitle{
    margin: 30px 0 0 0;
    text-align: left;
}

.catid_34 #coll_middle .documentList li{
    position: relative;
    list-style: none;
    /*! border:1px solid var(--darkblue); */
    max-width: 760px;
    padding-left:60px;
    margin: 10px;
}

.documentList li:before{
    content:"\f01a";
    font-family: icons;
    font-size:30px;
    top:20px;left:16px;
    position: absolute;
    color:var(--darkblue);
}
.documentList li:hover{
    background: #cdf6
}
.documentList li a{
    display: block;
    padding: 16px;

}

/*menadzment*/
* .catid_88 .cnt_down, .catid_88 .cnt_up {
    display: flex;
    margin: 50px 0px 0px 0px;
    _flex-direction: row-reverse;

}
.catid_88 .cnt_txt {
    flex-basis: 60%;
    margin: 0px 40px 0px 0px;

}

.catid_88 .cnt_img {
    width: 400px;

}

.catid_88 .cnt_img img{
    width: 100%;
}

/*OBLAST ISTRAZIVANJA*/

.oblasti_istrazivanja #coll_middle {
    width: 1200px;
    margin: auto;

}

.oblasti_istrazivanja #coll_middle .slika {
     width: 250px;


}
.oblasti_istrazivanja #coll_middle .slika img {
    display: block;
    width: 100%;
    margin: 20px 40px 40px 0px;
}
.oblasti_istrazivanja #coll_middle h1{

    margin: 30px auto 50px;
}
.oblasti_istrazivanja #coll_middle .conteiner_top{
  display: flex;
  justify-content: space-between;
    flex-direction: row-reverse;
}
.oblasti_istrazivanja #coll_middle p{
    text-align: justify;
    line-height: 1.7em;
}
.oblasti_istrazivanja #coll_middle .top_right{
    width: 70%;
}

.oblasti_istrazivanja #coll_middle h4 {
    display: block;
    font-size: 24px;
    line-height: 1.5em;
    color: var(--zlatna);
    font-weight: normal;
    text-align: left;
    width: fit-content;

    background: #fff;
    z-index: 10;
    padding: 50px 20px 30px 20px;

}
.oblasti_istrazivanja #coll_middle li{
    padding: 9px;


}
.oblasti_istrazivanja #coll_middle li a{
    text-decoration: none;
	display: block;
	padding: 2px;
}
.oblasti_istrazivanja #coll_middle ol li a:hover{
background: #cdf6;
}
.oblasti_istrazivanja .pageBody ul{

	   margin: 0px 50px;
}

.oblasti_istrazivanja #coll_middle .clanovi_sipisak {
    margin: 0px auto;

	width: 1000px;
	display: flex;
	flex-wrap: wrap;
   gap: 92px;
	justify-content: left;
	
}
.oblasti_istrazivanja #coll_middle ol{
	width: 1000px;
	margin: auto;
	text-align: justify;
}
.oblasti_istrazivanja #coll_middle .naslov{
    position: relative;
}
.oblasti_istrazivanja .pageBody .clanovi_sipisak li{
	display: flex;
	border: solid 1px beige;
	height: 270px;
	width: 272px;
	margin: 30px 0px;
	flex-direction: column-reverse;
	position: relative;

}
.oblasti_istrazivanja .pageBody .clanovi_sipisak li a{
	_background: red;
}

.oblasti_istrazivanja .pageBody .clanovi_sipisak li img{
	display: block;
	width: 500px;

	clip-path: inset(2% 1% 40% 45%);
	background-color: beige;
	position: absolute;
	bottom: -81px;left:-225px;
	overflow: hidden;
}

.oblasti_istrazivanja #coll_middle h4:before{
    content:"";
    position: absolute;
    height: 2px;
    left: 0px;
    width: 100%;
    margin: 14px 0px 0px 10px;
    border-bottom: solid var(--zlatna) 3px;
    border-top: solid var(--zlatna) 3px;
    z-index: -1;
}
/*DOGADJAI - KATEGORIJA -PRIKAZ ARHIVE*/
.catid_57 .konferencije_pages .antrafile{

}

/*SKUPOVI*/
.catid_35 #coll_middle{
    margin: auto;
    width: 1200px;


}

/*
.skupovi_pages{
    position: relative;
    list-style: none;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    gap:30px;
}
.skupovi_pages li{width: calc(50% - 90px); display: block; margin: 20px auto; border-bottom: solid 1px #ddd;padding-right: 30px; }
.skupovi_pages li h2{
    text-align:center;
    font-size: 22px;
    font-weight: normal;
    width: 100%;
    min-height:70px;
    pointer-events: none;

}

.skupovi_pages li h2 a{color:var(--zlatna); display: block;  height: 50px; align-items: left;text-align: left;  }
.skupovi_pages li h2 a:hover {color: #668}
.skupovi_pages .antrafile{padding-bottom: 30px; box-sizing: border-box;}

.skupovi_pages .moreinfo {
    border: 1px solid #ddd;
    width: 100px;
    margin-bottom: 40px;
    padding: 2px;
    border-radius: 10px;
}
.skupovi_pages .moreinfo a{
    display: block;
    text-align: center;
}

*/

/*skupovi grid*/

.skupovi .skupovi_pages {
	list-style: none;
  margin: 8rem 1rem;
  display: grid;
  column-gap: 30px;
	row-gap: 150px;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));



}

.skupovi .skupovi_pages li{
	position: relative;
}

.skupovi .skupovi_pages a{
	text-decoration: none;

}

.skupovi .skupovi_pages li h2{
	min-height: 80px;
	font-weight: normal;
	font-size: var(--fm);
	margin-bottom: 20px;
}
.skupovi .skupovi_pages li .info .antrafile {
	border-left: solid 1px var(--darkblue);
	padding: 0px 15px ;
	font-size: var(--fs);

}

.skupovi .skupovi_pages li .info .moreinfo{
	margin: 10px 0px;
	background: #f8f5f4;
	display: block;
	width: 20%;

  position: absolute;
	bottom: -100px; left: 200px;
	text-align: center;
	border-radius: 12px;
}
.skupovi .skupovi_pages li .info .moreinfo a{
	padding: 10px;
	display: block;
	opacity: .5;

}
.skupovi .skupovi_pages li .info .moreinfo a:hover{
	opacity: 1;

}

.skupovi .pageBody h5{width: 100%; }
.skupovi .pageBody h5 a{width: 30px; margin-top: 20px; font-size: 16px}
.skupovi .pageBody h5 a img{width: 100%; display: block}

.catid_35 .NScurLink, .catid_36 .NScurLink{ color: var(--lightblue)!important; font-size: 20px; color: var(--beige)}
.catid_35 .NSsredina a, .catid_36 .NSsredina a{color: var(--darkblue);}
.catid_35 .navigatorStrana, .catid_36 .navigatorStrana {text-align: center; margin: auto;font-size: 20px; color: var(--darkblue)!important;}
.catid_35 .navigatorStrana .NSnextLink span, .catid_36 .navigatorStrana .NSnextLink span{color: var(--darkblue); font-size: 30px; padding-left: 10px}
.catid_35 .navigatorStrana .NSprevLink span, .catid_36 .navigatorStrana .NSprevLink span{color: var(--darkblue); font-size: 30px; padding-right: 10px}

/*ostali skupovi pg*/

.catid_35 #coll_middle .pageBody {
    margin-top: 40px;
}

/*KONFERENCIJE*/
.catid_57 #coll_middle{
    background: var(--darkblue);
    background-image: url('../../cms_upload/pages/files/8433_ien-zgrada-wireframe.png');
    background-blend-mode: soft-light;
    background-repeat:no-repeat;
    background-size: contain
}

.catid_57 .pageBody{

    width:1200px;
    margin:auto;
}


.catid_57 .nestview{
    display: flex;
    width:1100px;
    margin:40px auto;
    background: #fffb

}

.catid_57 .nestview > li{
   flex-grow:1;
    list-style: none;
    border:1px solid #245;
    padding: 20px;
    margin:10px;
    flex-basis: 0;
    position: relative;;

}

.catid_57 .nest_catname{
    font-weight:lighter;
    line-height:1.2em;
    min-height:90px;
    letter-spacing: -.9px;
    border-bottom:1px solid var(--darkblue);
    padding: 6px 0 20px 0;


}
.catid_57 .nest_catname a{
    text-decoration: none;
    font-weight:bold
}
.catid_57 .nest_brojStrana{display: none}

.catid_57 .nestview .konferencije_pages li{
	_background: blue;
    list-style: none;
    border-bottom:1px solid #1564;
    padding: 20px 0;

	  margin-left: 100px;

}
.nestcid_78 {
	counter-reset: info 18;

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

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

}

.catid_57 .nestview .konferencije_pages li h2 a{
    display: block;
    font-weight:normal;
    font-size:20px;
    padding: 8px 0 16px 0;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;


}

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

}
.catid_57 .nestview .konferencije_pages li .custom_field{
    font-size:12px;
    padding: 10px 0
}

/*DOGADJAJI*/
.catid_58 .oblast_sadrzaja{
    padding: 0px;
    width: 1200px;

}
.catid_58 .oblast_sadrzaja .dogadjaji_pages{
    padding-top: 50px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: space-around;
    background: #fffd;
    gap:10px;

}
.catid_58 .dogadjaji_pages:before{
    content:"";
    width:100%;
    height:500px;
    background-image: url('../../cms_upload/pages/files/102_skupovi.jpg');
    background-size: cover;
    _background: red;
    position: absolute;
    top:0;left:0;
    z-index: -1;
    opacity: .5;
    filter:blur(3px)}

.catid_58 .oblast_sadrzaja .dogadjaji_pages li{
    width: calc(30% - 10px);
    border: solid 1px var(--darkblue);
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 15px;
    gap: 10px;

}

.catid_58 .oblast_sadrzaja .dogadjaji_pages li  h2 a{
    font-size: 16px;
    text-align: left;
	justify-items: center;
    font-weight: normal;
    min-height: 100px;
	text-decoration: none;
	display: block;
color: var(--darkblue);
	padding: 5px;

}
.catid_58 .oblast_sadrzaja .dogadjaji_pages li .publish_date{
color: var(--darkblue);
    font-size: .8rem;
}
.dogadjaji_pages .custom_field{display: none;}

.catid_58 .oblast_sadrzaja .dogadjaji_pages li .moreinfo{

    border: 1px solid;

    margin: 20px auto;
	



}
.catid_58 .oblast_sadrzaja .dogadjaji_pages li .moreinfo a{
        display: inline-block;
        width: 100%;
        text-align: center;
	text-decoration: none;
	padding: 8px;
	
}


.NScurLink{ color: #fff; font-size: 16px; background:#888;  padding:2px 6px;border-radius:6px; margin:0 4px;border:1px solid #ccc;}
.NSgotoLink, .NSnextLink, .NSprevLink{border:1px solid #ccc; padding:2px 6px;border-radius:6px; margin:0 4px; text-decoration:none}
.NSsredina a{color: #888; text-decoration:none;}
.navigatorStrana {text-align: center; margin: auto;font-size: 16px; color: #fff}
.navigatorStrana .NSnextLink span,
.NSprevLink span{color: #888; font-size: 16px;}



.catid_58 .flexbox.logoflex{display: flex; gap:20px; align-items:center; flex-wrap:nowrap; margin-left: 30px;}
.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 #coll_middle .pageBody { width: 1100px;margin: 40px auto; text-align: left;}
.catid_58 #coll_middle .pageTitle { font-size: 35px; padding-top: 30px; width: 1100px;}
.catid_58 #coll_middle .pageBody ul{
    list-style: inside;
    width: 800px;
    border-left: 1px solid #489;
    padding: 10px 30px 10px 30px;
    

}
.catid_58 .dogadjaji_img{padding: 0px 70px}

.catid_58 .pageBody h2{   
    width:1100px;
    padding: 10px 100px 10px 0px;
    line-height:1.8em}

.catid_58 p {
    width:1100px;
    border-left:1px solid #489;
    padding: 10px 100px;
        line-height:1.8em
}

.catid_58 .pageBody ul li{
      padding: 5px 70px;
    width: 1000px;
}

.catid_58 .pageBody p a{color: var(--darkblue); text-decoration: none; font-weight: bolder;}

.catid_58 .archiveGallery {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;


}
.catid_58 .archiveGallery img{
	display: block;
	width: 400px;
}

 .catid_79 .pageBody, .catid_78 .pageBody{
     width:1000px;
    margin:auto;

}
.catid_74 .pageTitle{
    width: 1000px;
    margin:auto;
}

.catid_74 .pageBody .repoz_cnt{
    width: 800px;
    margin: auto;
}

.catid_74 .pageBody p{
    padding: 7px 0;
    line-height: 1.6em;
    letter-spacing: 0.1px;
}


.catid_105 .pageBody .logo_cnt{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 800px;
    margin:40px auto 0;
    gap:10px;
  
}

.catid_105 .pageBody .logo_cnt img{
    display: block;
    width: 100%;
   
}
.catid_105 .pageBody .logo_cnt.vg{
  
    margin: 0px auto;
    padding: 0;

    
}
.catid_105 .pageBody .logo_cnt.vg img{
  
 width: 250px; 

 
}

.konferencije_page .agendaflex{justify-content: center; align-items: center; gap:0;}
.konferencije_page .agendaflex .formLink{margin: 30px 10px}


.konferencije_page .keynoteSpeakers img{
	display: block;
	height: 300px;
}
 .konferencije_page .goals ol{
	padding: 10px 0px 5px 40px;
}
.konferencije_page .topics ol{
	padding: 10px 0px 0px 40px;
}

 .konferencije_page .schedule ul{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;


}

 .konferencije_page .schedule ul ol{
	padding: 10px 0px 0px 40px;
}

 .konferencije_page>div{

	margin: 20px 0px;
	border-bottom: solid 1px var(--darkblue);
	padding: 10px 0px 20px 0px;
}

.konf17 .konferencije_page{ margin:160px 0 0 0 }
.konferencije_page .program a{
	text-decoration: none;

}
.konferencije_page table{border-collapse: collapse; width: 90%; margin:auto; text-align: left;}
.konferencije_page table td,.konferencije_page table th{padding: 10px;}

.konferencije_page .program a img{
	filter: hue-rotate(200deg) sepia(90%);

}
 .konferencije_page .conferenceOutput ol{
	padding: 10px 0px 0px 40px;
}
.konferencije_page .list_topics li{

	padding: 15px 0px 0px 0px;

}
 .konferencije_page .conferenceGallery div{
	height: 250px;
	border: none;

}
.konferencije_page .goals10 ol{
	padding: 10px 40px;
}
.konferencije_page .schedule10 ol{
	padding: 10px 50px;
}

.konferencije_page .conferenceGallery img{

	display: block;
height: 100%;

}
.konferencije_page .conferenceGallery {
	display: flex;
	flex-wrap: wrap;
		gap: 30px;
}
.konferencije_page .conferenceGallery h2{
	flex-grow: 1;
	display: block;
	width: 100%;
}

.konferencije_page .conferenceOutput ul{
	display: flex;
	flex-flow: column;
	gap: 7px;

}

.konferencije_page .organizatori_placanje img{
	display: block;
	width: 200px;
	margin: auto;
}
.catid_78 .pageBody img, .catid_79 .pageBody img{
    display: inline-block;
}
.catid_78 .pageBody h2, .catid_79 .pageBody h2{
    font-weight: lighter;
    line-height:1em;
    font-size:36px;
}
.catid_78 .pageBody h4, .catid_79 .pageBody h4{
    font-weight: normal;
    line-height:1em;
    font-size:20px;
    padding: 10px 0;
}


.catid_78 .pageBody h3, .catid_79 .pageBody h3{
    font-weight: normal;
    line-height:1em;
    font-size:28px;
    padding: 10px 0;
}

.konferencije_page .formLink {
    color: red;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    font-size: 32px!important;
    border: solid 1px red;
    width: fit-content;
    display: block;
    padding: 20px;
    border-radius: 25px;
    margin: 10px auto;
}

.konferencije_page .formLink  a{
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    padding: 20px 30px;

}
.konferencije_page .formLink:hover{
    background: red;
    color:#fff;
}




.konferencije_page .scientificCommittee .committee10{
	display: block;
  column-count: 3;
	margin: 0px 0px 0px 20px;
	column-gap: 30px;
}
.konferencije_page .scientificCommittee .committee10 li{
	list-style: disc;
	break-inside: avoid;
}
.catid_78 .organizatori > div, .catid_79 .organizatori > div{
    padding: 40px;
   display: flex;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
}
.catid_78 .organizatori > div img, .catid_79 .organizatori >div img{
    max-height: 60px;
    display: inline-block;


}
.konferencije_page .dates li{
	padding: 6px;

}
.konferencije_page .dates h2{
	margin-bottom: 20px;
}
.konferencije_page .logo {
    text-align: center;
    margin: auto;
    padding: 40px
}
.konferencije_page .logo img{
    display: block;
    width: 220px;
    margin: auto;
}
.konferencije_page .list {
    padding: 60px 0 10px 0
}
.konferencije_page .list ul{
    padding: 20px;
    display: flex;
    list-style: none;
    gap:40px
}

#topics_xv{
	display: flex;
	list-style: none;
	box-sizing: border-box;
	padding: 0px;

	
}

#topics_xv h3{
	font-size: 21px;
	color: var(--darkblue);
	border-left: solid 1px var(--darkblue);
	border-top: solid 1px var(--darkblue);
	border-bottom: solid 4px var(--darkblue);
	border-radius: 10px 10px 0px 0px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
  flex-wrap: nowrap;	
}
#topics_xv h3:hover, .cost_members_cnt h2:hover {
	background: var(--darkblue);
	color: #fff;
}

#topics_xv .inner_list_xv{
 background: #ebf1ff;

}
#topics_xv .inner_list_xv li{
		color:var(--darkblue);
}
.cost_members_cnt h2{
	border:solid 1px var(--darkblue);
	border-bottom: solid 4px var(--darkblue);
	border-radius: 10px 10px 0px 0px;
	color: var(--darkblue);
	width: fit-content;
	padding: 20px;
	
}
#topics_xv li:last-child h3 {
	border-right: solid 1px var(--darkblue);
	
}
.konferencije_page p{line-height: 1.8em; }
.konferencije_page .cost_members_inner{
	margin-top: 20px;
	 background: #ebf1ff;
	padding: 20px;
	color: var(--darkblue);
}
.konferencije_page .cost_members_inner p,
.konferencije_page .cost_members_inner li, 
.konferencije_page .cost_members_inner h3, 
.konferencije_page .cost_members_inner a{
		color: inherit;
}
.konferencije_page ul{
	padding: 0px 0px 0px 40px;
}
.konferencije_page .list.listOne > ul,
.konferencije_page .list.listTwo > ul
.organizingCommittee ul,
.scientificCommittee ul{

    display: block;
    columns:3;
    column-gap: 30px;

}

.konferencije_page #committee_ul{
    display: flex;
    flex-wrap: wrap;
    gap:30px;
}
.konferencije_page #committee_ul li{
    width: 30%;
    min-height: 100px;
}

.konferencije_page .list.listOne ul li,
.konferencije_page .list.listTwo ul li,
.organizingCommittee,
.scientificCommittee{
  break-inside: avoid;
    padding:20px 0;
    min-height:140px
}

/*arhiva - konferencije like page*/

#konferencije_like_page *{
	border: unset;
	width: unset;
	
}
#konferencije_like_page .organizatori {display: flex; justify-content: center;}
#konferencije_like_page .organizatori img{display: block; width: auto; height: 60px}
#konferencije_like_page div{ border-bottom: solid 1px; padding: 30px 0px;  box-sizing: border-box; }
#konferencije_like_page .title h3{font-weight: normal; line-height: 2.5em;}
#konferencije_like_page .title h2{ font-weight: normal; font-size: 30px; text-transform: uppercase;}
#konferencije_like_page .topics_list li{list-style: none;  box-sizing: border-box; }
#konferencije_like_page .topics_list #pg_topics_cnt{ }
#konferencije_like_page .topics_list #pg_topics_cnt>li{border: solid 1px var(--darkblue); margin-bottom: 8px; position: relative;}
#konferencije_like_page .topics_list .inner_list_xv li{list-style: circle;  width: 90%; margin-left: 30px}
#konferencije_like_page .topics_list .inner_list_xv { box-sizing: border-box; display: none;  }
#konferencije_like_page .topics_toggle { padding: 10px; margin-bottom: 5px; cursor: pointer; color: var(--darkblue); }
#konferencije_like_page .topics_list #pg_topics_cnt>li:hover{ background: #ebf1ff; }
#konferencije_like_page .topics_list #pg_topics_cnt>li:before {content:"\f063"; font-family: icons;position: absolute; top: 40px; right: 10px;  color: var(--darkblue)}
#konferencije_like_page .topics_list h2 {color: var(--darkblue); line-height: 2em;}
#konferencije_like_page .info_box a{ color: var(--zlatna); text-decoration: none;}
#konferencije_like_page .agenda a{text-decoration: none; text-transform: uppercase; color: inherit; display: block; width: fit-content; padding: 10px;}  
#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: 10px; right: -30px;  color: var(--darkblue)}

/*KALENDAR*/
.catid_98 #coll_middle .calendar_cnt{
	margin: auto;
	_background: red;
	width: 1100px;
}
.catid_98 .calendar_cnt h1{
    padding: 0 20px;
    color:var(--darkblue);
    font-size:var(--fxl)
}
.catid_98 .calendar_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.catid_98 .calendar_inner li{
	list-style: none;
	width:100%;
	border:1px solid #999;
	margin:5px  10px;
	padding: 45px 15px 15px 15px;
    position: relative;
}
.catid_98 .calendar_inner .mesec{
    position: absolute;
     margin:0;
    top:0px; left:0;
    border: none;
    width:100%;
    background: var(--darkblue);
    color:#eee;
    padding: 6px 20px;
    font-weight:bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.catid_98 .calendar_inner p{
    margin:10px 0 0 160px;
    border-left:6px solid var(--darkblue);
    padding: 10px 20px

}


/*PROJEKTI*/


.projekti #coll_middle{
 margin:0 90px 0 20px;

}
/* OFF */
.projekti .nest_caticon,
.projekti .nest_antrafile{
    display: none
}
.projekti > li{
    list-style: none;
    display: flex;
}
.projekti > li{

    margin:20px
}



.saradnja_sa_privredom_pages .info {

    width: 900px;
    border-top: solid 1px #aac;
    padding: 15px 0px 15px 10px;
    margin: 0px auto;
    box-sizing: border-box;


}

.saradnja_sa_privredom_pages h2  {

    font-size: var(--fm);
    font-weight: normal;
   line-height: 1.3em;
    padding: 0px 0px 15px 0px;


}
.saradnja_sa_privredom_pages h2 a{
       color: var(--darkblue);
     font-size: var(--fm);
		display: block;
}



.projekti .nestview.nestlevel_1 .nest_catname{
    background: #aac;
    margin:0 20px;
    padding: 40px 0;
    text-align: center;
    color:#eee;
    height:100%;
    clip-path: polygon(50% 0%, 100% 15px, 100% 100%, 0 100%, 0 15px);
}
.projekti .nestview.nestlevel_1 .nest_catname a{
    text-decoration: none;
    color: #eee;
}
.projekti ul a{
   text-decoration: none;
}


.projekti .strateski_projekti_pages .info{
    padding: 0 20px 40px 20px;
    box-sizing: border-box;

}

.projekti .strateski_projekti_pages .info h2{
        border-top: 1px solid #aae;
    font-size:var(--fm);
    font-weight:normal;
    padding:14px 0 20px 0;
    line-height:1.5em;
    color:var(--darkblue);
}
.projekti .strateski_projekti_pages .info h2 a{
    color:inherit;

}
.saradnja_sa_privredom_pages li{
	list-style: none;
	
}

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

/*PROJEKTI - OSNOVNA I PRIMENJENA ISTRAZIVANJA PAGES*/
.catid_53 #coll_left {
    border: none;
}
.catid_53 #coll_left ul, .catid_53 #coll_left h3 {
    border: solid 1px #888;
}

.naucni_projekti_pages li {

    list-style: none;
    border: solid 1px #aac;
    margin: 20px 5px;
    padding: 10px 10px 25px 10px;
}
.naucni_projekti_pages li h2 {

    font-weight: normal;
    font-size: var(--fm);
    line-height: 1.6em;
    padding: 10px 0px;
}
.naucni_projekti_pages li h2 a{
     color: var(--darkblue);
}

.naucni_projekti_pages li:hover{
    background: #cdf6;
}

.projekti .pageBody{
    width: 900px;
    margin: auto;
}



.projekti .logo {
    width: 400px;
}


.projekti .logo img{
	display: block;
	width: 100%;
	margin: 20px auto;
}
.catid_105 .logo_cnt{
	width: 500px;
	margin:40px auto;
}
.catid_74 .projekti_logo{
    width: 450px;
    margin: 20px auto;
    
}

.catid_74 .projekti_logo img{
    display: block;
    width: 100%;
}
.catid_105 .logo_cnt p{
    display: block;
    margin:10px;
    text-align: left;
    text-transform: uppercase;
}

.catid_105 .logo_cnt img{
	width: 100%;
}

.projekti .projekti {
	width: 1000px;
	margin: auto;
}

.projekti .tobacoLinks{
    list-style: none;
    display: flex;
    justify-content: center;
    gap:60px;
    margin: 30px 0;
}

.projekti .pageBody .tobacoLinks li{
    border: solid 1px var(--main);
    padding: 0px;
    
}
.projekti .tobacoLinks li a{
    color: var(--main);
    padding: 20px 35px;
    display: block;
}
.projekti .tobacoLinks li a:hover{
    background: var(--main);
    color: #fff;
}

.projekti .projekti_logo img{
	display: block;
	margin: 40px auto;
	width: 400px;
}
/*MEDJUNARODNI PROJEKTI*/

.medjunarodni_projekti_pages .info h2 {
    line-height: 1.5em;
    font-weight: normal;
    font-size: var(--fm);
    padding-bottom: 10px;

}
.medjunarodni_projekti_pages .info h2 a{
    color: var(--darkblue);
}

.medjunarodni_projekti_pages li{
    padding: 10px 0px 20px 0px;
    border-top: solid 1px #aac;
    margin: 0px 10px
}

.medjunarodni_projekti .logo img{
	display: block;
	width: 400px;
	margin: auto;
}

.tobaccoProjekat {display: flex}
.tobaccoProjekat .slika img {width: 100%; display: block}
.tobaccoProjekat .slika {width: 50%}
.tobaccoProjekat .tekst {width: 60%; margin-top: 60px}
.tobaccoProjekat .tekst p {padding: 10px;}
.tobaccoProjekat a {text-decoration: underline; color: var(--lightblue)}
.tobaccoProjekat .tobaccoPdf a{position: relative; padding-right: 25px}
.tobaccoProjekat .tobaccoPdf a{background-image: url('../../cms_upload/pages/files/7729_download-pdf.png');
    background-size: 20px;  background-repeat: no-repeat; background-position: right;}

.projekti .pageTitle span {display: none}

/*Keynote pages*/
.keynote_page{display: flex; justify-content: space-between; margin: 100px auto;text-align: justify;width: 1000px;}
.keynote_page .slika{width: 20%; display: block}
.keynote_page .slika img{width: 100%; display: block}
.keynote_page .opis {width: 75%;  align-items: center}
.keynote_page .opis li{ font-size: 18px;line-height: 1.6em
}
.keynote_page .opis ul{ padding: 20px 40px;}
.keynote_page .opis p{line-height: 1.6em; font-size: 18px;}



/*KONTAKT*/
.catid_27 #coll_middle p, .catid_27 #coll_middle a {
  text-decoration: none;
	font-size: var(--fn);
}

.catid_27 .kontakt {
    margin: 30px auto;
    width: 1200px;
    line-height: 1.5em;
    position: relative;
}
.catid_27 .kontakt > div{

}
.catid_27 .kontakt h2{
    color: var(--zlatna);
    padding: 10px 0px;
    border-bottom: solid 1px var(--zlatna);
    margin-bottom: 40px;
    margin-top: 40px;
    font-weight: normal;
    font-family: inherit;

}

.catid_27 .kontakt .direktori > div, .catid_27 .kontakt .head_office > div,.catid_27 .kontakt .library > div{
    display: flex;
   gap: 50px;

}

.catid_27 .kontakt-header .mapa iframe{
    position: absolute;
    width: 600px;
    height: 240px;
    right: 0px;
    top: 70px;
}

.catid_27 .direktori > div div{
    display: block;
    width: 200px;

}
.catid_27 .direktori > div img{
    display: block;
}
.catid_27 .kontakt a{
    color: var(--zlatna);
}
.catid_27 .kontakt .telefon{
    pointer-events: none;
    color: #575757;
}
/*INTERNI PROJEKTI*/

/*di mark baner i stranica*/
.catid_168 ol{
	margin-left: 20px;
}
.catid_168 .pageBody ol li, .catid_168 .pageBody .catid_168 ul li{
	padding: 5px;
}

.catid_168 .logo_cnt{
	width: 600px;
	margin: 20px auto;
}
.catid_168 .pageBody img{
	display: block;
	width: 100%;
}

.catid_168 .img_cnt{
	width: 900px;
	margin: 20px 0px;
}

.catid_168 .logo{
	width: 300px;
}

/*FORMA ZA PRIJAVU*/


#conference_registration{
    width: 90%;
    margin: auto;
 
}
#conference_registration fieldset{
    padding: 40px 20px;
    margin: 0 auto 40px auto;
      columns:2;
    background: linear-gradient(to right, #135,#023);
    color:#eee;
    border: none;
 
}
#conference_registration .personalData{
    display: flex;
    width: 100%;
    columns: initial;
 
    
}
#conference_registration .personalData li{
    width: 400px;
}


#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: flex;
    flex-wrap: wrap;
 
    
}
#conference_registration .coauthorData li{
    width:400px;
    margin: auto;
}
#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;
}
#conference_registration .coauthorTitile{
    text-align: center;
    line-height: 2em;
    font-weight: normal;
    padding:20px 0 0 0;
    color:#eee;
}
#conference_registration #comment{
    width: 100%;
    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: #eee;
    color:#444
}
#conference_registration #comment{
    background: #eee;
}

#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 ;
}

/*FOOTER*/
.oblast_futera {
    width:100%; 
    border-top:1px solid #999;
    padding: 80px 0 20px; box-sizing: border-box;
   background: rgb(32,42,91);
   background: linear-gradient(0deg, rgba(32,42,91,1) 0%, rgba(24,34,59,1) 100%, rgba(194,24,35,1) 100%);
    margin-top: 60px; 
    position: relative;

}
.index .oblast_futera{margin-top: 60px;}
.futer-box{width: 90%; margin: auto; display: flex;justify-content: space-around; }
.futer-box .logo{width: 220px; margin-top: -30px  }
.futer-box .logo a{width: 100%; display: block;}
.futer-box .logo img{width: 100%; display: block; }
.brzi_linkovi,.kontakt-informacije{
    position: relative;
}
.brzi_linkovi:before,
.kontakt-informacije:before{
    content:"";
    background: linear-gradient(120deg, rgba(119,161,245,.2) 0%, rgba(0,0,0,0) 36%);
    position: absolute;
    top:-20px;left:-50px;
    z-index: 120;
    width:300px;
    height:300px;
     clip-path: polygon(100% 100%, 100% 0%,9% 0%, 0% 100%);
    pointer-events: none;

}

.futer-box .brzi_linkovi li{list-style: none; padding-bottom: 10px; position: relative; }
.futer-box .brzi_linkovi a{color: #fff; font-size: 14px;text-decoration: underline;}
.futer-box .brzi_linkovi a:hover {color: #7ac}

.futer-box .kontakt-informacije li{list-style: none; padding-bottom: 3px; color: #fff; font-size: 14px;}
.futer-box .kontakt-informacije a{color: #fff; font-size: 14px;}

.oblast_futera .mapa{margin-top: 40px; border: none; width:285px}
.oblast_futera .mapa iframe{width: 100%; border-radius:none;}
.oblast_futera .private ul:first-child {list-style: none; padding: 0px 0px 5px 50px; box-sizing: border-box; margin-top: 50px}
.oblast_futera .private ul:first-child li{padding-bottom: 2px; color: #eee; font-size: 14px}
.oblast_futera .private ul:first-child li a{color:#eee }
.oblast_futera .private ul:last-child{position: absolute; display: flex; left: 50px; bottom: 2px}
.oblast_futera .private ul:last-child li{list-style: none; padding-right: 10px;}
.oblast_futera .private ul:last-child li a{color:#eee ; font-size: 13px; }
.oblast_futera .private ul:last-child li a:hover {color: #fff}

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

/*BANER FLEX*/
.top_baner{margin-top:110px; width: 100%!important; display: block!important;position: relative}
.jssorb1{display: none}
.top_baner:before{
    content:"";
    position: absolute;
    top:100%;left:0;
    width:100%;height:60px;
    z-index: 200;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 56%);
    pointer-events: none;
}


/*OBUKE*/
.content_tabs .header_obuka{display: flex; justify-content: space-around; padding: 15px 0px; box-sizing: border-box;; background: #f2f2f2; border-bottom: 3px solid #5ab3c7}
.content_tabs .header_obuka .logo {width: 35%; display: block;}
.content_tabs .header_obuka .logo img{width: 100%; display: block}
.content_tabs .header_obuka .glavni_meni_obuka  {display: flex;}
.content_tabs .header_obuka .glavni_meni_obuka button {all: initial;}
.content_tabs .header_obuka .glavni_meni_obuka button{font-size: 20px; display: flex; align-items: center; justify-content: right; }
.content_tabs .header_obuka .glavni_meni_obuka .tablink {color:#828282; padding-right: 25px}
.content_tabs .header_obuka .glavni_meni_obuka .tablink:hover{color: #308598; text-decoration: underline }

.content_tabs{ background: #E1DDDD}
.content_tabs .box{background: #f2f2f2; width: 80%; margin: auto; padding: 0px 40px 50px 40px; box-sizing: border-box}
.content_tabs .box h2{color: #1f90a9; text-align: center; padding: 20px 0; font-size: 35px; font-weight: normal; font-weight: lighter;
font-family: playfairR}
.content_tabs .box .image-galery {display: flex; justify-content: space-between; margin-top: 20px}
.content_tabs .box .image-galery img{width: 100%; display: block}
.content_tabs .box p{color: #939394; margin-bottom: 20px;}
.content_tabs .flex-box{display: flex; justify-content: space-between; width: 70%; margin: auto}
.content_tabs .flex-box .box-inner{width: 35%; 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}
.content_tabs .box h4{margin: 20px 0px 10px; color: #1f90a9; 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: 50%;}
.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: 30%;}
.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{display: flex; justify-content: space-between}
.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 {display: flex; justify-content: space-between}
.footer_obuka ul li ul{display: flex; justify-content:  space-between}
.footer_obuka li{list-style: none; padding-right: 25px; color: #fefefe; font-weight: lighter}

.kurs_knjigovodstva, .kurs_analiza_finansijskih_izvestaja{width: 80%; margin: auto; background-color: #f2f2f2; padding: 0 40px 50px 40px;}
.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: 40px}
.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; color: #fff; font-size: 17px; 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: 40px}
.kurs_knjigovodstva table span img, .kurs_analiza_finansijskih_izvestaja table span img{width: 20px!important;; display: inline-block; padding-right: 10px}
.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{display: flex; justify-content: space-between; margin-top: 80px}
.kurs_knjigovodstva .sadrzaj_kursa .tekst ol, .kurs_analiza_finansijskih_izvestaja .sadrzaj_kursa .tekst ol{padding-left: 50px;}
.kurs_knjigovodstva .sadrzaj_kursa .tekst ol li, .kurs_analiza_finansijskih_izvestaja .sadrzaj_kursa .tekst ol li{ color: #939394; padding-bottom: 5px}

.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: 50px;}
.kurs_knjigovodstva .ishodi_kursa  ul li, .kurs_analiza_finansijskih_izvestaja .ishodi_kursa  ul li{ color: #939394; padding-bottom: 5px}

/*Impressum*/
.catid_77 .imressum .telefon { pointer-events: none; color:#5c5c5c;}
.imressum .blok { padding: 10px; margin-bottom: 20px; display: inline-block; width: 50%}
.imressum .blok li {list-style: none}
.imressum h3 {font-family: playfairR; color: var(--zlatna); margin: 10px 0; border-bottom: 1px solid var(--zlatna)}
.imressum p {padding-top: 5px}
.imressum .blok a {text-decoration: none; color: var(--zlatna)}

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

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

/*Kolacici*/
.catid_77 #pageBody {
    width: 1200px; margin: 80px auto;
}
.kolacici p {padding: 10px}
.kolacici h3 {font-family: playfairR; color: var(--zlatna); margin: 20px 0}


/*WIDE SCREEN*/
@media screen and (min-width: 1601px) {
    .top_baner{width:100%; background: var(--main); }
    .wrapperOuter{margin:auto}
    .pageBody, .catid_79 .pageBody{
        width:auto;
       max-width: 1800px;
    }
    
}