/* MAPA */

.map .oblast_sadrzaja{padding: 0; min-height:400px; }
.map .pageBody {width: 100%; margin: auto; padding: 0px 0px}
/* DESKTOP 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:#222;
    font-family:main,sans-serif;

}


/* VARIABLES */

:root {
    --dark_green:#006404;
    --orange:#F15A22;
    --main: #002245;
    --black:#212224;
    --blue:#358;
    --main_gradient:linear-gradient(#A61717 0%,#FFD500 100%);
    --grey: #1B243A;
    --pg: #4488aa;
    --slyel_20:rgba(254,193,39,.2);
    --fl:26px;
    --fxl:36px;
    --fm:18px;
    --fn:15px;
    --fs:13px;
    --fxs:11px;
    --fxxs:9px;
    --th:rgba(86,191,12,.05);
    --negative_color:#eee;
    --width_inner:1200px;
    --width_min: 800px;
}
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: icons_v6; src: url(font-awesome/fonts/fa-brands-400.ttf);}
@font-face {font-family: main; src: url('fonts/dinpro_regular.otf');}
@font-face {font-family: main_b; src: url('fonts/dinpro_bold.otf');}
@font-face {font-family: main_black; src: url('fonts/dinpro_black.otf');}
@font-face {font-family: g_icons; src: url('fonts/google_icons.ttf');}

.hidden, .dektop_off, .sideCatNav{display: none!important;}
h3{font-size: var(--fl); padding: 20px 0px;}
h5{font-size: var(--fm)}
p{font-size: var(--fn); line-height: 22px; padding:0px 0px 10px 0px}
.txtbox ul{margin:10px 20px}
li{font-size: var(--fn)}
img {width: 100%; height:auto;}
a{text-decoration:none;outline:none;}
.handle{width:20px;}
.icons, .searchDugme {font-family: icons;}
.g_icon{font-family: g_icons}
.buttons{background: #fff; border:2px solid var(--main); color:var(--main);
    padding: 12px 30px; max-width:260px; min-width:220px;
    border-radius: 24px; cursor:pointer; user-select: none;
    font-weight:bold;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-size:var(--fn);

}
.buttons:hover{background: var(--main); color:#eee }
.active_page{display: block!important; }
.app_messages{text-align: center; padding: 30px 20px; border:1px solid var(--main); width:80%; margin:30px auto 0 auto; background: #fff; border-radius: 10px; color:#f33; font-size:var(--fn) }
.icons_v6{font-family: icons_v6;}

/* GENERAL LAYOUT */
.pageBody {width: 90%; margin: auto; padding: 0px 0px}
.pageTitle {width: 90%; text-align: center; margin: auto; }
.footer_cnt, .inner_90 {width: 90vw; margin: auto; }
.oblast_zaglavlja {width: 100%; position: fixed; background: #fffa; top:40px; box-sizing: border-box}
.top_baner{width:100vw; position: relative; }
.top_baner:after{content:""; position: absolute; bottom:-200px; right:-200px; background: #fffd; border-radius:0%; height:400px; width:400px;transform: rotate(45deg) }
.top_baner:before{}
#jssor1_container:before{content:""; width:85vw; height:40px; position: absolute; bottom:-54px; right:58px; background-image: url('../../cms_upload/pages/files/128_graphic_lines_horizontal.svg'); background-repeat: repeat-x; z-index: 20; background-position-x: 100%; background-size:contain; _filter: hue-rotate(40deg) grayscale(1); }
#jssor1_container:after{content:""; width:85vw; height:30px; position: absolute; background: linear-gradient(to right, #fff 30%, #fff0); z-index: 20; bottom: -44px; right:140px }
.baner_slide_title{position: absolute; top:280px; background: #fffe; padding: 20px; font-size:var(--fxl); _border-radius:0 50px 6px 0; border-top:10px solid var(--main); border-right:3px solid var(--main); }
.baner_slide_description{position: absolute; top:410px; background: #fffa; padding: 20px; font-size:var(--fl); _border-radius:0 6px 50px 0; border-bottom:3px solid var(--main); width:700px; }
.baner_slide_description nav{position: absolute; top:130%; background: #fff; padding: 10px 40px 14px 40px; border-radius: 40px;min-width: 140px; font-size:var(--fm); text-align: center; font-weight:bold; }
.mini_menu.oblast_zaglavlja{top:0; background:#fffe; transition: 1s all; border-bottom:4px solid var(--main); }
.mini_menu.oblast_zaglavlja .catNav{display: none; }
.mini_menu.oblast_zaglavlja .itemIcon img{height: 40px;width:auto; }
.mini_menu.oblast_zaglavlja .wrapperTraka{padding: 0 10px; height: 40px }
.mini_menu .glavni_meni .menutype_1{padding: 0 }
.mini_menu .wrapperTraka .d_right .item{height: 24px; }
.mini_menu .catalog_search{display: none }
.oblast_sadrzaja{padding:0; background: #124;  border-top:1px solid #555;
    background-image: url('../../cms_upload/pages/files/127_background_home_blue.jpg');
    background-blend-mode: overlay
}
.page .oblast_sadrzaja{padding: 100px 0 100px 0;  }

.fullwidth{width: 100%}
.grayBckg {background: #FAFAFA}
.greenBckg{background:#04805F; color: #fff;}
.flexbox{display: flex;}

/*header*/
.zaglavlje_content{position: relative; display: flex; justify-content: space-between; align-items: center;}
.wrapperTraka {background: #fff8; display: flex;
    justify-content: space-between; align-items: center;
    padding: 10px; color: var(--black); font-size: var(--fn); height:60px; box-sizing: border-box;

}
.wrapperTraka .d_left{width: 20vw; }
.wrapperTraka .d_right{display: flex; width: 10vw; justify-content: space-around; }
.wrapperTraka .d_right .item{height: 30px; }
.wrapperTraka .d_right .item img{display: block; height: 100%; }
.itemIcon{height: 50px; }
.itemIcon img{display: block; height: 100%; width: auto; }
.wrapperTraka a{color: inherit; }
.userBar {position: absolute; top: -30px; right: 10px; font-size: var(--fs); display: flex; gap:20px;margin-right:20px

}
.userBar a{color: #eee;
    display: block;
    padding:3px 20px 4px ;
    background: var(--blue)
}
.userBar a:hover{
    background:#fff;
    color:var(--main)
}
.meni_jezici{list-style: none; padding: 0 10px;}
.meni_jezici li{padding: 0;line-height: 1.2em; display: block;}
.meni_jezici li a{
    color:inherit;
    line-height: 1em;

}
.meni_jezici li a span{
    padding: 0;
    line-height: 1em;

}
.meni_jezici .markLng span{


    color:red;
}
.item.i_left{
    position: absolute;
    background: #fffc;
    width:420px;height:auto;
    top:-20px;
    left:20px;
    padding: 0 20px;
}
.mini_menu .item.i_left{
    top:-1px
}
.item.i_left .itemIcon{
    display: block;
    height: auto;
}
.item.i_left img{
    display: block;width: 100%;
    height:auto;
}

/*wrapper traka je visine 60px*/
.glavni_meni{_background:red; width: fit-content;  top:10px;  }
.catalog_search {position: absolute; top: 15px; right: 5vw; height: 40px; display:none}
.catalog_search input{border: none; padding: 10px 10px 10px 40px; border-radius: 20px; width: 250px; background: #eeee; position: relative; }
.catalog_search a:before{content: "f002"; position: absolute; width: 20px; height: 20px; top:10px; left:15px; color: var(--black); }
#autoSuggestionsList{background: #fffe; width:600px; display: block; height:400px; overflow-y:scroll; }
#autoSuggestionsList li{display: flex; }
#autoSuggestionsList img{width:100px; display: block; }
#autoSuggestionsList li div{padding: 10px 20px; display: flex; align-items: flex-start; text-align: left; flex-direction: column; justify-content: flex-start; }
#autoSuggestionsList li div h3{padding: 0; font-size: var(--fn) }
.glavni_meni .menutype_1{display: flex; gap: 20px; justify-content: center; /*! padding: 10px; */ }
.glavni_meni .menutype_1 li{list-style: none; position: relative; border-bottom:1px solid #ddd}
.glavni_meni .menutype_1 li a{color: inherit; font-size:var(--fs);display:flex; justify-content: flex-start; gap:20px; align-items: center}
.glavni_meni .menutype_1 li a span img{
    display: block;
    width:50px;
}

.glavni_meni li ul{

    position: absolute;
    background: linear-gradient(to bottom,#fff0 5%,#fffe 15%);
    top:20px;
    width:300px;
    padding: 40px 0 0 0;

}
.glavni_meni li ul li a{
    display: block;
    padding: 10px 20px;
}

/*navigacija*/
.catNav .ulLv1 {display: flex; _background: orange; position: relative; justify-content: flex-start; padding: 10px; }
.catNav > li{list-style: none; font-size:var(--fs); padding: 0 14px; }
.catNav li a{color:inherit }
.catNav .all_cat{display: flex; gap: 40px; background: #fffa; padding: 0; justify-content: center; color:#377; position: relative; }
.catNav .all_cat .catalog_cat{list-style: none; }
.catNav .all_cat .catalog_cat .prvi_nivo{padding: 6px 20px; }
.catNav .drugi_nivo_cnt{display: none; position: absolute; top:36px;left:0; width:100vw;height:400px; background: #fff; }
.catNav .all_cat .drugi_nivo{}
.catNav .all_cat .catalog_cat:hover .drugi_nivo_cnt{display: block; columns:4; column-gap: 10px; padding: 20px 30px; }
.catNav .all_cat .catalog_cat .drugi_nivo {break-inside: avoid; padding: 0 0 10px 20px }
.catNav .all_cat .catalog_cat .drugi_nivo > a{color:var(--main); font-size:var(--fn); display: block; }
.catNav .all_cat .catalog_cat .drugi_nivo .catalog_subcat {display: block; list-style: none; }
.catNav .all_cat .catalog_cat .drugi_nivo .catalog_subcat a{font-size:var(--fs) }
.catNav .subLvCnt{display: none;
    /*privremeno*/
    position: absolute; background: #fff; z-index: 100; border-radius: 10px; top: 60px; left: 0px; border: solid blue; font-size: 16px; width: 90vw; }
.catNav .subLvCnt .leftBox{width: 30%; padding: 20px; box-sizing: border-box; }
.leftBox li{border-bottom :solid #eee 1px; display: flex; }
.leftBox li:last-child{border-bottom: none; }
.leftBox li .productImg {width: 30%; }
.leftBox li .productImg img{display: block; width: 100%; }
.leftBox .productTitle {font-size: 16px; color: var(--black); flex-grow: 1; width: 70%; }
.leftBox .productTitle a{color: inherit; }
.catNav .subLvCnt .rightBox{flex-grow: 1; background: lime; padding: 20px; box-sizing: border-box; }
.catNav .subLvCnt .rightBox .ulLv2{display: flex; flex-wrap: wrap; background: #fff; box-sizing: border-box; }
.rightBox .ulLv2 .liLv2{width: 25%; padding:10px 0px 30px 0px; }
.rightBox .ulLv2 .liLv2 .aLv2{font-size: 16px; font-weight: bold; color: var(--black); }
.rightBox .ulLv3 li a{color: #717273; font-size: 16px; }
.catNav .subLvCnt .divLv2{display: flex; }

/*home page*/
.index .pageBody{
    padding: 0 0 100px 0;
}
.blockWrapper{width:60%; margin: 20px auto 0; background: #2976; min-height: 10vw; padding: 40px; box-sizing: border-box; }
.catid_1 h1{color:#eee; padding: 20px 0 30px 0; text-shadow:1px 1px 1px #4444;}
.catid_1 .blockWrapper{
    padding: 40px 40px;

}
.catid_1 .blockWrapper p{
    line-height:1.8em;
    color:#fff;
    text-shadow:1px 1px 1px #4446;
}
.catid_1 .blockWrapper li{
    margin-left:40px;
    line-height:1.6em;
    color:#fff;
    text-shadow:1px 1px 1px #444a;
}

/*home page - video*/

.videoCnt .info_video{
    padding: 20px 0 0;

}

.videoCnt .info_video p{
    font-size: 18px;
}
.videoCnt .info_video p a{
    color: inherit;
    text-decoration: underline;
}
/*home page - vesti*/

.catid_1 .dogadjajiTitle{
    text-align: left;
    display: flex;
    justify-content: left;
    padding: 15px 0;

}
.catid_1 .dogadjajiTitle a{

    background: linear-gradient(to right,#45ac, #78e6);
    width: fit-content;
    padding: 40px 60px 20px 30px;
    color: #fff;
}


.blockWrapper.pagewrapper[data-id="188"],
.blockWrapper.pagewrapper[data-id="190"]{
    margin: 100px auto 50px;
    width: 900px;
    background: none;
    _border: solid 3px var(--main);
    padding: 0px;

}


.catid_1 .dynamicContent{
    _background: var(--darkblue);
    _padding: 20px;
    margin: auto;

}

.catid_1 .dynamicContent ul {
    padding: 0px;
    display: grid;
    width: 900px;
    margin: 0px auto;
    _row-gap: 5px;
    _column-gap: 5px;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    border: none;
    box-sizing: border-box;
    _border:1px solid #bbb;
    min-height: 100%;
    grid-template-areas:
        "main sidea"
        "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;
    align-self:  stretch;
    flex-direction: column;
    _clip-path: polygon(3% 0, 100% 0, 97% 100%, 0% 100%);
    _border: solid 1px #bbb;
    box-sizing: border-box;

}

.catid_1 .dynamicContent ul li .publish_date{

    position: absolute;
    top:15px;left: 30px;
    font-size: 14px;
    color: #fff;
}
.catid_1 .dynamicContent ul li{
    position: relative;
}

.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;
    height: 100%;
    min-height: 60px;
    _border: solid 1px #ddd;
    display: flex;


}

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


}
.catid_1 .dynamicContent .page-pID:first-child .info h2 a{
    color: #fff;
    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){
    align-self: stretch;
    _border: 1px solid #fff;
    margin: 0 0 0 15px;
    box-sizing: border-box;
}
.catid_1 .dynamicContent .page-pID:nth-child(2){
    margin-bottom: 15px;
}

.catid_1 .dynamicContent .page-pID:not(:first-child) .info h2{

    background: var(--main);
    color: #fff;
    font-size:15px;
    line-height:1.3em;
    padding: 6px 28px;
    font-weight:normal;
    display: flex;
    align-items: center;
    min-height: 160px;


}

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

.catid_1 .dynamicContent .navigatorStrana {display: none;}



/* GENERAL PAGE page.php */
.page #coll_middle{
    position: relative;
}
.page .pageTitle{
    position: absolute;
    top:-40px;right:calc(10vw - 12px);
    background: linear-gradient(to right,#45ac, #78e6);
    width: fit-content;
    padding: 40px 60px 20px 30px;
    color:#fff;


}
.page .pageBody{
    width:1024px;
    margin: 60px auto 0px;
    background:#fff;
    padding: 80px 30px 80px 60px;
    box-sizing: border-box;

}
.page .pageBody p{
    line-height:1.8em;
    max-width: 80%;
    padding: 20px 0 0 0;
}
.page .pageBody ul{
    _padding: 20px 0 0 0;
}
.page .pageBody li{
    line-height: 1.5em;
    margin-left: 2em;
    list-style-type: square;
    max-width: 80%;


}
.page .pageBody li::marker{
    color:var(--main);
    font-size:1.3em;
}
.alumniClubs{
    position: relative;
}

/* LOGIN ON PAGE */

.login_area{
    background: #fff;
    width:900px;
    margin:60px auto;
    padding: 30px;
    box-sizing: border-box;
    position: relative;
}
.login_head{
    cursor: pointer
}
.login_area .login_icon{
    width: 50px;
    position: absolute;
    top:50px;right:40px;
    color:var(--blue);
    pointer-events: none;

}
.login_area .login_icon span{
    font-size:50px;
}

/* TIMELINE*/
.timelineUl{
    position: relative;
    margin-left:calc(50% - 20px);
    border-left:10px solid var(--main);
}
#coll_middle .timelineLi{
    display: block;
    margin-top:40px;
}

#coll_middle .timelineLi:nth-child(2n){

}
#coll_middle .timelineLi .tlYear{
    color:var(--main);
    font-size:40px;

    background: #fff;
    padding: 6px 30px;
    box-sizing: border-box;
    border:1px solid var(--main)
}
#coll_middle .timelineLi:nth-child(2n) .tlYear{

    margin-left:-110px;

}
#coll_middle .timelineLi:nth-child(2n+1) .tlYear{

    margin-left:280px;

}
#coll_middle .timelineLi:nth-child(2n+1){
    margin-left:-360px;
}
#coll_middle .timelineLi p{
    line-height:1.3em;
}

/*koordinatori kluba*/

.odborCardBox .odborUl{
    display: flex;
    box-sizing: border-box;
    padding: 0;
    margin:0 0 60px 0;
    gap:30px;
}

.odborCardBox .odborUl li{
    display: flex;
    flex-direction: row-reverse;
    box-sizing: border-box;
    width: 45%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.odborCardBox .odborUl li .cardImage a{
    display: block;
    width: 180px;
    height: 180px;
    overflow: hidden;

}

.odborCardBox .odborUl li .cardImage img{
    display: block;
    width: 100%;
}
.odborCardBox .odborUl li .cardInfo{
    padding: 0px 20px;
    box-sizing: border-box;


}
.odborCardBox .odborUl li .cardInfo p{
    line-height: 1.4em;
    padding: 5px 0px;
    font-size: var(--fn);
    max-width: 100%;
    display: flex;
    gap:5px;

}
.odborCardBox .odborUl li .cardInfo h3{
    margin: 0;padding: 0 0 5px;
    font-size: var(--fm)

}
.odborCardBox .odborUl li .cardInfo a{
    cursor: pointer;
    color: inherit;
}

.odborCardBox .odborUl li .cardInfo a:hover{
    color: var(--blue)
}


/*footer*/
.newsleter_cnt .flexbox{width: 60vw; margin: auto; justify-content: space-between; gap: 30px; align-items: center;padding: 40px 0px}
.newsleter_cnt .flexbox .newsletter_img{width: 20vw}
.newsleter_cnt .email_cnt input{border: none; color: #fff; background: transparent; outline: 1px #fff solid; padding: 10px 20px; border-radius: 20px; margin-top: 10px; width: 250px}
.footer_cnt {background: #fff; padding: 20px }
.footer_cnt a{color: inherit; }
.footer_cnt li{list-style: none; padding: 5px 0px; font-size: var(--fs); }
.footer_cnt p{font-size: var(--fs); }
.footer_middle{display: flex; gap: 20px; justify-content: space-between }
.footer_middle .colltxt{margin-top: 60px;}
.footer_middle h4{font-size: var(--fn);  }
.footer_middle .m04 {width: 150px; margin: 80px 0px 0px 10px}
.footer_logo img{display: block; width: 300px; }
.footer_bottom{display: flex; justify-content: space-between; padding: 15px 0px; }
.footer_bottom .socialnet_cnt{display: flex; gap: 10px; }
.footer_bottom .socialnet_cnt .icons{font-size: 30px; }
.payment_cnt{display: flex; gap:15px; }
.payment_cnt li{list-style: none; }
.footer_cnt .footer_copyright{  border-top: solid 1px #DBDCDC;justify-content: space-between }
.footer_copyright .copy_rightBox{gap: 20px; text-decoration: underline;}



/* CATALOG */
.kataloski_prikaz_proizvoda{width:90%; }
.kataloski_prikaz_proizvoda > ul {display: flex; flex-wrap: wrap; justify-content: space-around; }
.kataloski_prikaz_proizvoda > ul > li{border:1px solid #666; width:23%; box-sizing: border-box; margin-bottom: 1em; position: relative; }
.catalogueThumbLink{display: block; width:100%; height: 180px; padding: 30px 0 0 0 }
.catalogueThumbLink img{display: block; width:100%; padding: 6px; box-sizing: border-box; }
.catalogueItemText{color:#444; padding: 8px; line-height: 1em; height:100px; }
.catalogueItemText p{position: absolute; bottom:24px; right:6px; font-size:var(--fs); border-bottom:1px solid #444; padding: 0; }
.catalogueItemText h3{color:var(--main); font-size:var(--fn); position: absolute; bottom: -16px;right:6px }

/*product page*/

/*navigacija kataloga*/
.CatTrackNav{display: none; width:240px; margin-top:120px }
.CatTrackNav ul{background: red; display: flex; flex-direction: column; gap: 20px; justify-content: center; }
.CatTrackNav ul li{list-style: none; color:#ffff; padding: 10px; }
.CatTrackNav ul li a{color: inherit; }

/* KATEGORIJE */
.katalog_prikaz{padding: 30px; }
.naslov_kategorije{padding: 0 0 20px 0; }
.kategorije ul{display: flex; flex-wrap: wrap; gap:20px; }
.kategorije ul li{list-style: none; width:230px; border:1px solid var(--main); padding: 10px }

/* PROIZVOD */
.oblast_kataloga {display: flex; border: solid 1px #555; margin: auto; width: 90%; }
.filterOuter{_border: solid 1px var(--main); width: 200px; color: #fff; background: var(--main); padding: 10px; flex-basis: 240px; min-width:200px; }
.filterOuter fieldset ul{display: block!important; }
.filterOuter fieldset ul li{list-style: none; padding: 3px 10px }
.katalog_navigacija{display: none; min-width:230px; }
.katalog_prikaz .proizvodi{list-style: none; }
.katalog_prikaz .proizvod{padding: 15px; _display: flex; position: relative; }
.katalog_prikaz .proizvod .prodSlika {width: 400px; position: absolute; top: 0px; }
.katalog_prikaz .proizvod .prodSlika img{display: block; width: 100%; }
.akcijskiProizvod{position: absolute; top:0;right:0; width:36px; border-radius: 50%; padding: 4px; box-sizing: border-box }
.productPrice{position: absolute; top:10px; background: #394; padding: 4px 10px; display: block; color:#eee; font-weight:bold; font-size:var(--fn) }
.akcijskiProizvod img{display: block; border-radius: 50%; }
.boksNalsov{display: block; position: absolute; top:0px; left: 400px; background: red; }
.proizvodjac{}
.compareProd{}
.prodOpis{position: absolute; width: 550px; right: 0px; }
.prodMoreDescription {margin-top: 300px; }
.naslovTabelaArtikala{}
.tableOfAricles_container{}
.msg_napomena{grid-area: info; }
.articleTable{width: 80%; border-collapse: collapse; text-align: left; }
.articleTable th{padding: 10px; }
.articleTable td{padding: 10px; }
.articleTable tr{border: dotted 1px #555; }
.naslovTabelaArtikala {font-size: var(--xs); display: block; width: 80%; text-align: right; }

/* REGISTRATOR */
#myaccount_style{background: var(--main); padding: 180px 0 40px 0}
#myaccount_style h1{color:#fff; padding: 10px 0 20px 0; }
.contentTABLE{width:960px; margin: auto; }
.registracijaCnt{

    background:#fff;
    text-align: center;

}
.registracijaCnt .form_container{
    display: inline-block;

    flex-grow:1;
    flex-basis: 0;
    width:46%;
    vertical-align: top

}

.registracijaCnt form{
    flex-direction: column;
    flex-grow:1;
    padding: 12px
}
.registracijaCnt .imate_nalog_dugme{min-width:100%; display: none }
#registrujte_se{display:none}

#ulogujte_se{background: #fff; border-radius: 6px; margin: auto; }
#ulogujte_se .fieldset_group_h{
    display: flex;
    justify-content:center;
    gap:40px;
    padding: 40px 0
}
#ulogujte_se .fieldset_group_h fieldset{
    flex-grow:1;
    border: none;
    position: relative;
    display: flex;
    justify-content: center;
}
#ulogujte_se label{
    position: absolute;
    top:6px;left:78px;
    font-size:var(--fs)
}
.fieldset_group_h input{
    font-size:var(--fm);
    padding: 26px 10px 12px;
    border-radius:6px;
    border: 1px solid var(--main)
}
.fieldset_group_single{
    display: flex;
    justify-content: center;
}
.forgot_pass a, .lost_passcreateUserAccountPage a{
    text-decoration: underline;
    font-size:var(--fm);
    color:var(--main)
}

.menuArea{vertical-align: top; list-style: none }
.menuArea li{list-style: none; color:#eee; border:1px solid #aaa; margin-bottom: 5px}
.menuArea li a{color: inherit; padding: 16px 10px 16px 10px; display: block; box-sizing: border-box; width:180px;}

.registracijaCnt form input[type="text"],
.registracijaCnt form input[type="password"],
.registracijaCnt form input[type="email"]{padding: 32px 10px 10px 12px; border: 1px solid var(--main); border-radius: 6px; width: 90%; box-sizing: border-box; }

.potvrda_prijave{
    background: #fffd;
    padding: 40px 20px;
    box-sizing: border-box;
    color:var(--main);
    display: flex;
    justify-content: center;
    align-items: center;
    gap:40px
}
.potvrda_prijave span{
    font-size:var(--fm);

    padding: 10px
}
.potvrda_prijave .icons{
    font-size:50px;
    color:#195;
    background: #fff;
    border-radius: 50%;


}


#myaccount_style .contentArea{
    background: #fff;
    padding: 30px 40px ;
    box-sizing:border-box;
}
#myaccount_style .account-info{
    border:3px solid #ddd;
    width:400px;
    border-radius:6px;
    margin: 0 auto 30px auto;
    background: #45a2;
    padding:20px 10px;
    box-sizing:border-box;
}
.account-info .info-item{
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid #ccc
}
.account-info .info-item label{
    padding: 6px;
    font-weight: bold;

}
#myaccount_style .contentArea h1{
    color:var(--blue);

}
#myaccount_style .contentArea > div{
    text-align: center;
}
#myaccount_style .forgot_pass fieldset{
    border:none;
    padding: 0 0 40px 0;
    position: relative;
    width:300px;
    margin: auto;

}
#myaccount_style .forgot_pass fieldset input{
    padding: 34px 10px 12px 10px;
    width:300px;
    border-radius: 10px;
    border: 1px solid var(--main);

}
#myaccount_style .forgot_pass fieldset label{
    position: absolute;
    top:5px; left:10px;
}
#myaccount_style .messages{
    font-size: var(--fm);
    padding: 40px 20px 40px 80px;
    width:500px;
    margin: 30px auto;
    border:3px solid #494;
    background:#4944;
    color:#171;
    border-radius:6px;
    position: relative;
}
#myaccount_style .messages a{
    display: inline-block;
    padding: 0 6px;
    color:inherit;
    text-decoration: underline
}
#myaccount_style .messages.error{
    color:#a11;
    border:3px solid #e33;
    background:#e663;
}
#myaccount_style .messages.warning{
    color:#a41;
    border:3px solid #f81;
    background:#f816;
}
.input-container{
    position: relative;
    padding: 10px;
    width:420px;
    margin: auto;
}
.input-container input{
    width:260px;
    padding: 32px 10px 12px 10px;
    border-radius: 6px;
    border:1px solid var(--blue);
    font-size:var(--fm);
    color:var(--blue);
    background: #00f1;
}
.input-container label{
    position: absolute;
    left:90px;
    color:#999;
}
.myAcc_container form fieldset{
    width:460px;
    margin:30px auto;
    padding: 20px 0;
    border:1px solid var(--blue);
    border-radius:10px;
    background: var(--blue)
}
.myAcc_container form fieldset legend{
    border:1px solid #eee;
    margin-left:30px;
    background: var(--blue);
    color:#eee;
    padding: 10px 40px;
    border-radius:6px;

}
.myAcc_container form fieldset input{
    background: #f6f6f6;
}
.input-container.chk_bx_negative label{
    color:#eee;
    font-size:var(--fn)
}
.input-container.chk_bx{
    padding: 20px 20px 0 20px
}
.input-container.chk_bx label{
    color:var(--main);
    font-size:var(--fn);
}

.input-container.chk_bx_negative input[type="checkbox"]{
    width:24px;
    height:24px;
    margin-left:40px;
}
.input-container.chk_bx input[type="checkbox"]{
    width:24px;
    height:24px;
    margin-left:40px;
}
.button-container{
    display: flex;
    width:400px;
    margin: auto;
    justify-content: space-around;
    gap:20px;
}
.button-container input{

}
.messages:after{
    font-family: icons;
    font-size:60px;
    position: absolute;
    top:20px;
    left:12px;
}
.messages.info:after{
    content:"f05a";

}
.messages.error:after{
    content:"f071";
    color:#d11
}
.messages.warning:after{
    content:"f06a";
    color:#f81
}
.napomenaContainer h4{
    text-align: left;
    padding-left:90px;
    font-size:var(--fn);
    padding-top: 40px
}
.napomenaContainer .napomena_list{
    text-align: left;
    width:70%;
    margin: auto
}
.napomenaContainer .napomena_list

    /*biografije*/
.catid_39 .pages{display: flex; flex-wrap: wrap; width: 70%; margin: auto; gap: 30px; padding: 50px 0px; justify-content: center}
.catid_39 .page-pID .img{width: 250px; height: 250px; overflow: hidden; }
.catid_39 .page-pID .img img{display: block; width: 100%}
.catid_39 .page-pID {list-style: none;}
.catid_39 .page-pID h2{font-size: var(--fm);}
.catid_39 .pageBody .infoBox p{
    line-height:1.2em ;
    padding: 6px;
}
.catid_39 .pageBody .infoBox h3{
    padding: 0 0 20px 0;
}
.biografije .flexbox{gap: 30px;  margin-bottom: 50px;
    display:flex;
    justify-content: space-around;

}
.biografije .flexbox h3{padding-top: 0px;}
.biografije .infoBox{
    flex-grow: 1;
}
.biografije .infoBox a{
    color:inherit;
}
.biografije .infoBox p span{
    display: inline-block;
    padding: 0 20px 0 0;
    font-size:1.4em;
    vertical-align: middle;


}
.biografije .imageBox{
    width:280px;
}


/*registracija alumnista*/

.catid_40 .pageBody{
    background-image: url('../../cms_upload/pages/files/127_background_home.jpg');
    background-size: contain
}

#alumniRegistrationForm {
    width: 50%;
    margin: 30px auto;
}

#alumniRegistrationForm li{
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 5px 0px;
    margin: 10px auto;

}
#alumniRegistrationForm input,
#alumniRegistrationForm select{

}
#alumniRegistrationForm label{
    padding: 0 0 3px 5px;
}

#alumniRegistrationForm .submitLi input{
    width: fit-content;
    padding: 15px 80px;
    margin: 20px auto;
    border: none;
    background: var(--blue);
    color:#eee;
    font-size: var(--fn);

}
#alumniRegistrationForm .submitLi input:hover{
    background: var(--main);
    cursor: pointer;
}

#alumniRegistrationForm .selectField select{
    background: #fffd;
    border: none;
    padding: 16px 6px 10px 6px;
    border-bottom: 1px solid var(--blue);

}

.antrafile_forme{
    width:80%;
    margin: auto;
    color:var(--main);
    padding: 10px 20px;
    background: #fffa;

}
.inputField{
    position: relative;
    margin: 4px
}
.inputField label{
    position: absolute;
    pointer-events: none;
    font-size:var(--fs);
    top:1px; left:4px;
    color:#888
}
.inputField input{
    font-size:var(--fn);
    padding: 24px 6px 10px 10px;
    color:var(--blue);
    background: #fffd;
    border:1px solid #aaa
}
.inputField input:focus{

    outline:1px solid var(--blue);
    background:#eef;
    border:1px solid transparent;
}

/*dogadjaji*/

.catid_66 .pages, .catid_69 .pages{
    display: flex;
    flex-wrap: wrap;
    gap:30px;
    width: 80%;
    margin:100px auto 0;
    background: #fff;
    box-sizing: border-box;
    padding: 40px;
}

.catid_66 .pages .page-pID, .catid_69 .pages .page-pID{
    width: 30%;
    border: solid 1px var(--main);
    list-style: none;
    box-sizing: border-box;
}


.catid_66 .pages .page-pID .info, .catid_69 .pages .page-pID .info{
    padding: 20px;
}


.catid_66 .img img, .catid_69 .img img{
    display: block;
    width: 100%;
}

.catid_66 .img, .catid_69 .img {
    height: 220px;
    overflow: hidden;
}


.catid_66 .pages .page-pID .info .antrafile, .catid_69 .pages .page-pID .info .antrafile{
    margin-top: 20px;
}
.catid_66 h2, .catid_69 h2{
    font-size:var(--fn)
}
.catid_66 .antrafile, .catid_69 .antrafile{
    font-size:var(--fs)
}
.catid_66 .publish_date, .catid_69 .publish_date{
    font-size: var(--fs);
}


/* ALUMNISTI - KATEGORIJE */
.catid_41 .pages{
    display: flex;
    width:80%;
    flex-wrap: wrap;
    margin: 40px auto 0;gap:10px;
    padding: 0 0 40px 0;

}
.catid_41 .pages li img{
    width:240px;
    transition: .5s all;

}

/*  mirrow img vozilasi */


.catid_41 .pages li:hover img{


}
.catid_41 .pages li{
    list-style: none;
    background: #fff;
}
.catid_41 .pages li .info{
    margin: -24px 0 10px 0;
}
.catid_41 .pages li .info a{
    font-size:var(--fn);
    color:var(--main);
    display: block;
    text-align: center;
}

#pretraga_tabele{
    padding:10px 16px;
    border:1px solid var(--main);
    font-size:var(--fn);
    box-sizing: border-box;
    color:var(--main)

}
#pretraga_tabele:focus{
    background: #eef;
    outline:1px solid #abe;
    outline-offset: 4px
}
.tabelaAlumnista{
    width:70%;
    border-collapse: collapse;
    border-left:10px solid #126;
    margin: 20px auto;
}
.tabelaAlumnista td{
    border-bottom:1px dashed #139;
    padding: 6p 0x;
    text-transform: uppercase;

}
.tabelaAlumnista th{
    padding: 16px;
    text-align: left;

}

/*vesti - pages*/
.catid_66 .pageBody p{
    max-width: 100%;
}
.catid_66 .pageBody{
    padding: 100px;
}
.vestiImg{
    width: 600px;
    margin:20px auto;
}

.vestiImg.flex{
    display: flex;
    gap: 20px;
    max-width: 600px;
}

.vestiImg.flex img{
    max-width: 280px;
}

.logoImg{
    width: 150px;
    margin: auto;
}


.newsPages h3{
    text-align: center;}

.newsPages h4{
    font-size: var(--fm);
    margin: 40px 0px 10px 0px;
}

.newsPages img{
    display: block;
    width: 100%;
}
/* MAPA */

.map .oblast_sadrzaja{padding: 0; min-height:400px; }
.map .pageBody {width: 100%; margin: auto; padding: 0px 0px}

/*donatori*/

.pageBody .payments li{
    list-style: none;
}

.pageBody .payments .uplimg{
    width: 500px;
}
.pageBody .payments .qrlimg{
    width: 300px;
}
.pageBody .payments img{
    width: 100%;
    display: block;
}


/*kontakt pg*/

.kontaktPg .flex.contactInfobox{
    display: flex;
    justify-content: space-between
}

.kontaktPg .flex.contactInfobox .ul2388{
    _margin-right: 80px;
    _border: solid 1px;
    width: 45%;




}

.kontaktPg .contactInfobox:not(.kontaktPg .contactInfobox:last-child){
    border-bottom: solid 1px var(--main);

}

.catid_73 .kontaktPg .contactInfobox{
    padding: 30px 0;
}

.kontaktPg .ul2388 li{
    list-style: none;
    margin: 0;
}
.catid_73 .kontaktPg p{
    padding: 0px;
}
.catid_73 .kontaktPg a{
    color: var(--blue)
}

/*uspesne price - main page*/

.catid_67 .catShort {
    color: #fff;
    width: 950px;
    margin: 80px auto 0px;

}
.catid_67 .catShort h2{
    font-size: 24px;
    line-height: 2em;
}
.catid_67 .catShort p{
    font-size: 18px;
}

.catid_67 .pages{
    width: 800px;
}


.catid_67 .pages{
    display: flex;
    flex-wrap: wrap;
    gap:30px;
    width: 80%;
    margin:100px auto 0;
    background: #fff;
    box-sizing: border-box;
    padding: 40px;
}

.catid_67 .pages .page-pID{
    width: 30%;
    border: solid 1px var(--main);
    list-style: none;
    box-sizing: border-box;
}


.catid_67 .pages .page-pID .info{
    padding: 20px;
}


.catid_67 .img img{
    display: block;
    width: 100%;
}

.catid_67 .pages .page-pID .info .antrafile{
    margin-top: 20px;
}
.catid_67 h2{
    font-size:var(--fn)
}
.catid_67 .antrafile{
    font-size:var(--fs)
}
.catid_67 .publish_date{
    font-size: var(--fs);
}




/*you tube video - uspesne price, donatori ...*/

.yutubeCnt{
    margin: 50px 0;

}

.yutubeCnt iframe{
    padding: 0 0 40px 0;
    width: 700px;
    height: 400px
}

/*footer*/
.footer{
    background: #cad9df;

}


.footer .logo_cnt{
    width: 400px;

}

.footer .logo_cnt img{
    width: 100%;
    display: block;
}

.footer .flexbox{
    justify-content: space-between;
    width: 90%;
    margin: auto;
    padding: 30px 0px;
}

.footer .flexbox li{
    list-style: none;
    font-size: 16px;
}
.footer .flexbox li a{
    color: #358;;
}
.footer .flexbox .socialntw_ul{
    display: flex;
    gap: 15px;
}
.footer .flexbox .socialntw_ul li{
    font-size: 23px;
}

.footer .flexbox ul{
    padding: 0 0 10px 0;
}