@import url('cssPromenljive.css');


* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    color: #737373;
}

body.zabraniScroll {
    height: 100%;
    overflow: hidden;
}

a {
	color: #659AD2; 
	text-decoration: inherit;
}

h1 {
    font-weight: normal;
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--glavnaBoja1);
    letter-spacing: 3px;
}

h2 {
    margin: 0;
    margin-bottom: 30px;
    color: black;
    font-size: 25px;
    font-weight: normal;
    letter-spacing: 3px;
    color: var(--glavnaBoja1);
}

h5 {
    margin: 0;
    color: #8c8c8c;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 3px;
}

p {
    line-height: 30px !important;
	margin: 10px;
}

li {
    line-height: 30px !important;
}

.Naslov {
    color: black;
}

.NaslovCeline {
    display: flex;
    width: 100%;
    font-size: 30px;
    color: black;
}

.NaslovCeline div {
    display: flex;
    flex-direction: column;
}

.NaslovCeline div span:nth-child(2) {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 35px;
    color: #8c8c8c;
}

.NaslovCeline img {
    width: 35px;
    height: 35px;
}

.CBDnoCeline {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.OmotSadrzaja {
    width: 100%;
    display: flex;
}

.Sadrzaj {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.Sadrzaj.CelaSirina {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.BelaPozadina {
    background-color: white;
}

.SivaPozadina {
    background-color: #f5f5f5;
}

.SrednjeSivaPozadina {
    background-color: #e6e6e6;
}

.TamnoSivaPozadina {
    background-color: #737373;
}

.SvetloPlavaPozadina {
    background-color: var(--svetloPlavaPozadina);
}

.SrednjePlavaPozadina {
    background-color: #6599D1;
}

.TamnoPlavaPozadina {
    background-color: var(--glavnaBoja1);
}

.SvetloZelenaPozadina {
    background-color: #EAF3D8;
}

.DisplayNone {
    display: none !important;    
}

#Logotip {
    height: 120px;
}

#Logotip img {
    width: 215px;
    height: 128px;
}

#Logotip img.Proba {
    width: 215px;
    height: 70px;
}

#Logotip img {
    margin-top: -45px;
    cursor: pointer;
}

#FotoKontejner {
    margin-bottom: 0px;
/*    background-color: var(--glavnaBoja2);*/
}

#FotoKontejner.VecaMargina {
    margin-bottom: 50px; /* Kada se prilikom skorovanja pojavi fiksirani meni */
}

#Foto img {
    width: 100%;
    height: 100%;
	/*border-top: 3px solid var(--glavnaBoja2);*/
	/*border-bottom: 3px solid var(--glavnaBoja2);*/
	margin-left: -241px;
}


/*  NASLOV I PUTANJA  */
#NaslovPutanjaKontejner {
    display: flex;
    flex-direction: column;
}

#PutanjaDT {
    display: flex;
    align-items: center;
    color: var(--glavnaBoja2);
    margin-top: 10px;
    margin-bottom: 40px;    
}

#NaslovStranice {
    margin-bottom: 50px;
}



/*   KVANTIFIKACIJA   */

#KvantifikacijaKontejner {
    padding-top: 50px;
    padding-bottom: 50px;
}

#KvantifikacijaSadrzaj {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
}

.KvantifikacijaItem {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 120px;
    margin: 15px;
}

.KvantifikacijaItem span{
    font-size: 14px;
    color: black;
}

.KvantifikacijaItem span:first-of-type {
    font-size: 22px;
    color: var(--glavnaBoja2);
}


/*   DEŠAVANJA   */
#DesavanjaKontejner {
    display: flex;
    flex-direction: column;
    padding: 30px 0;
}

#DesavanjaSadrzaj {
    display: flex;
    flex-direction: column;
}

#DesavanjaSadrzaj .NaslovCeline {
    padding-bottom: 30px;
}

#Postovi {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-around;
}

#Postovi div {
    width: 360px;
}






/*   PRIJEMNI ISPIT - DESKTOP   */

#PrijemniIspitKontejner {
    margin-bottom: 0px;
}

#PrijemniIspitSadrzaj {
    display: flex;
}

#PrijemniIspitSlika {
    width: 50%;
    display: flex;
    flex-direction: column;
}

#PrijemniIspitSlika img {
    width: 100%;
    filter: grayscale(100%);
    transition: all .8s;
}

#PrijemniIspitKontejner:hover img {
    filter: grayscale(0%);
}

#PrijemniIspitOpis {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
    align-items: flex-start;
    justify-content: center;
}

#PrijemniIspitOpis span:first-of-type {
    font-size: 28px;
    margin-bottom: 20px;
    color: black;
}

#PrijemniIspitOpis span:nth-child(2) {
    line-height: 26px;
}

#PrijemniIspitOpis .CB {
    margin-top: 20px !important;
}




/*   SM - DESKTOP   */

#SMKontejner {
    margin-top: 0px;
    margin-bottom: 0px;
	line-height: 13px;	
}

#SMSadrzaj {
    display: flex;
}

#SMSlika {
    width: 50%;
    order: 2;
}

#SMSlika img {
    width: 100%;
    filter: grayscale(100%) opacity(80%);
    transition: all .8s;
}

#SMKontejner:hover img {
    filter: grayscale(0%) opacity(100%);
}

#SMOpis {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-right: 30px;
    padding-left: 30px;
    align-items: flex-end;
    justify-content: center;
    order: 1;
}

#SMOpis span {
    text-align: right;
}

#SMOpis span:first-of-type {
    font-size: 22px;
    margin-bottom: 5px;
    color: black;
}

#SMOpis span:nth-child(2) {
    line-height: 26px;
    color: black;
}

#SMOpis span:nth-child(3) {
    line-height: 26px;
    margin-top: 15px;
}

#SMOpis .CB {
    margin-top: 20px !important;
}


/*   MR - DESKTOP   */

#MRKontejner {
    margin-top: 0px;
    margin-bottom: 0px;
	line-height: 13px;
}

#MRSadrzaj {
    display: flex;
}

#MRSlika {
    width: 50%;
    order: 2;
}

#MRSlika img {
    width: 100%;
    filter: grayscale(100%) opacity(80%);
    transition: all .8s;
}

#MRKontejner:hover img {
    filter: grayscale(0%) opacity(100%);
}

#MROpis {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-right: 30px;
    padding-left: 30px;
    align-items: flex-end;
    justify-content: center;
    order: 1;
}

#MROpis span {
    text-align: right;
}

#MROpis span:first-of-type {
    font-size: 28px;
    margin-bottom: 27px;
    color: black;
}

#MROpis span:nth-child(2) {
    line-height: 26px;
}

#MROpis span:nth-child(3) {
    line-height: 26px;
    margin-top: 15px;
}

#MROpis .CB {
    margin-top: 20px !important;
}


/*   DR - DESKTOP   */

#DRKontejner {
    margin-top: 0px;
    margin-bottom: 0px;
}

#DRSadrzaj {
    display: flex;
}

#DRSlika {
    width: 50%;
    display: flex;
    flex-direction: column;
}

#DRSlika img {
    width: 100%;
    filter: grayscale(100%);
    transition: all .8s;
}

#DRKontejner:hover img {
    filter: grayscale(0%);
}

#DROpis {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
    align-items: flex-start;
    justify-content: center;
}

#DROpis span:first-of-type {
    font-size: 28px;
    margin-bottom: 20px;
    color: black;
}

#DROpis span:nth-child(2) {
    line-height: 26px;
}

#DROpis .CB {
    margin-top: 20px !important;
}







/*  STUDENTI  */

#StudentiKontejner{
    margin-top: 0px;
}

#StudentiSadrzaj {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 30px 0;
}

#StudentiSadrzaj .NaslovCeline {
    margin-bottom: 30px;
}

.StudentiItem {
    display: flex;
    flex-direction: column;
    width: 190px;
    min-height: 150px;
    border: 1px dashed #8c8c8c;
    background-color: white;
    border-radius: 5px;
    align-items: center;
    text-align: center;
    margin: 20px;
    margin-top: 50px;
}

.StudentiItem:hover {
    border-color: var(--glavnaBoja1);
}

.StudentiItem img {
    width: 90px;
    height: 90px;
    margin-top: -40px;
    margin-bottom: 10px;
    transition: all .4s;
}

.StudentiItem:hover img {
    transform: scale(1.1, 1.1);
}

.StudentiItem .Naslov {
    font-size: 16px;
    padding: 0 10px;
    color: #595959;
}

.StudentiItem:hover .Naslov {
    color: black;
}



/*   O FAKULTETU   */

/*
#OFakultetuKontejner {
    margin-bottom: 50px;
}

*/

#OFakultetuKontejner {
    margin-bottom: 0px;
}



#OFakultetuSadrzaj{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 0;
}

#OFakultetuSadrzaj .NaslovCeline {
    color: white;
    margin-bottom: 60px;
}

.OFakultetuItem {
    display: flex;
    width: 45%;
    align-items: flex-start;
    text-align: left;
    transition: all .5s;
    margin-bottom: 40px;

}

.OFakultetuItem img {
    width: 90px;
    height: 90px;
    padding: 10px;
    transition: all .4s;
    background-color: white;
    border-radius: 5px;
    border: 3px solid var(--dodatnaBoja2);
}

.OFakultetuItem .Naslov {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}

.OFakultetuItem .Naslov span:first-of-type {
    font-size: 20px;
    color: white;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.OFakultetuItem .Naslov span:nth-of-type(2) {
    font-size: 14px;
    color: #cccccc;
}

.OFakultetuItem:hover img {
    transform: scale(1.02, 1.02);
    background-color: var(--dodatnaBoja2);
}





/*  OSTALO - ALUMNI, PRIVREDA, KURSEVI */

#OstaliSadrzaj {
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
}

.OstaliItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 300px;
    padding: 10px 30px;
    border-radius: 6px;
    border: 1px dashed white;
    transition: all .5s;
    justify-content: space-between
}

.OstaliItem img {
    width: 210px;
    height: 150px;
    transition: all .5s;
}

.OstaliItem span.Naslov{
    font-size: 30px;
    color: #595959;
    margin-top: 15px;
}

.OstaliItem span.Opis {
    margin-top: 15px;
    font-size: 15px;
    color: #595959;
}

.OstaliItem .CBDnoCeline {
    justify-content: center;
    padding: 0;
}




/*   STUDIJSKI PROGRAMI   */

#SPSadrzaj {
    display: flex;    
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 30px 0;
}

.SPItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 190px;
    height: 190px;
    padding: 10px 10px;
    border-radius: 6px;
    border: 1px solid #FFCB05;
    transition: all .5s;
    background-color: white;
    margin: 20px;
}

.SPItem img {
    width: 90px;
    height: 90px;
    transition: all .5s;
}

.SPItem span{
    font-size: 16px;
    color: #595959;
    margin-top: 10px;
}

.SPItem:hover img {
    transform: scale(1.1,1.1);
}

.SPItem:hover span {
    color: black;
}




/*  KURSEVI I SERTIFIKATI  */

#SertifikatiKontejner {
    padding-top: 50px;
	padding-bottom: 50px;
	background-color: #f5f5f5;
}

#Sertifikati .NaslovCeline {
    margin-bottom: 30px;
}

#Sertifikati {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.SertiItem {
    display: flex;
    flex-direction: column;
    width: 450px;
    border: 1px solid #cccccc;
    align-items: flex-start;
	background-color: white;
	height: max-content;
}

.SertiItem > img {
    width: 100%;
}

.SertiItem .Opis {
    display: flex;
    align-items: flex-start;
    padding: 15px;
    padding-bottom: 0;
}

.SertiItem .Opis span {
    padding-right: 20px;
    font-size: 20px;
}

.SertiItem a.CB {
    margin-bottom: 15px;
    margin-left: 15px;
}




/*   SRCEF   */

#SRCEFKontejner {
    display: flex;
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 30px;
}

#SRCEFKontejner .NaslovCeline {
    padding-bottom: 0px;
}

#SRCEFSadrzaj {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.SRCEFItem {
    display: flex;
    flex-direction: column;
    /*    justify-content: flex-start;*/
    width: 180px;
    background-color: white;
    align-items: center;
    padding-bottom: 10px;
    text-align: center;
    border-radius: 5px;
    margin-top: 30px;
    border: 1px solid #cccccc;


}

.SRCEFItem .Slika {
    width: 180px;
    height: 120px;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.SRCEFItem img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: all 1s;
}

.SRCEFItem span {
    display: flex;
    padding: 0 5px;
    font-size: 14px;
    margin-top: 10px;
    color: #888888;
    line-height: 20px;
    background-color: white;
    /*    min-height: 50px;*/
    align-items: center;
}

.SRCEFItem:hover img {
    transform: scale(1.1,1.1);
}

.SRCEFItem:hover span {
    color: black;
}




/*  ČASOPISI  */

#CasopisiKontejner {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    padding-top: 0px;
    padding-bottom: 30px;
}

#CasopisiKontejner .NaslovCeline {
    padding-bottom: 15px;
}

#CasopisiSadrzaj {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.CasopisiItem {
    display: flex;
    width: 450px;
    background-color: white;
    margin-top: 30px;
}

.Korice img {
    width: 180px;
    height: 250px;
}

.DetaljiCasopisa {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
}

.DetaljiCasopisa span {
    font-size: 12px;
}

.DetaljiCasopisa span:first-of-type {
    font-size: 20px;
    color: black;
    margin-bottom: 20px;
}

span.PodnaslovCasopisa {
    font-size: 14px;
    margin-top: -15px;
    margin-bottom: 20px;
    color: #404040;
}






#NaVrhStranice {
    position: fixed;
    bottom: -100px;
    right: 20px;
    height: 35px;
    width: 35px;
    background-color: var(--glavnaBoja2);
    background-image: url('/images/NaVrhStranice.png');
    background-size: 100% 100%;
    cursor: pointer;
    transition: all .5s;
}

.PrikaziNaVrhStranice {
    bottom: 20px !important; 
}



.resp {
  max-width: 100%;
  height: auto;
}





@media screen and (min-width: 800px) {
    .sap {
        margin-top: 30px;
    }
}

@media screen and  (max-width: 1440px) {
    .Sadrzaj {
        max-width: 1000px; /* Ova širina je potrebna da bi se negativnom levom marginom loga postigao kaskadni lay-out */
    }
}


@media screen and  (min-width: 1450px) {


    .StudentiItem {
        width: 200px;
        margin: 40px;
        margin-top: 40px;
    }

    .SPItem {
        width: 200px;
        height: 200px;
        padding: 20px 20px;
        margin: 30px;
    }

    .SPItem img {
        width: 100px;
        height: 100px;
    }
}




@media screen and  (max-width: 1200px) {

    #Logotip img {
        margin-left: 105px;
        width: 185px;
        height: 110px;
    }

}





@media screen and  (max-width: 1000px) { /* Od ove širine se računa da je mobilni telefon */


    body {
        font-size: 14px;
    }

    #Logotip {
        height: auto;
        margin-bottom: 15px;
    }

    #Logotip img {
        margin-top: 25px;
        margin-left: 30px;
        width: 140px;
        height: 84px;
    }

    #FotoKontejner {
        margin-bottom: 0px;
    }

    #Foto {
        overflow: hidden;
    }

    #Foto img {
        width: auto;
        height: 200px;
		margin-left: -335px;
    }

    h1 {
        font-size: 30px;
        margin-top: 0;
    }

    h5 {
        font-size: 15px;
    }


    #NaVrhStranice {
        display: none;
    }
    
    .NaslovCeline {
        padding: 0 20px;
        font-size: 22px;
        margin-bottom: 30px;
        justify-content: space-between;
    }

    .NaslovCeline div span:nth-child(2) {
        font-size: 14px;
        margin-top: 3px;
        margin-bottom: 0px;
    }

    .NaslovCeline img {
        width: 25px;
        height: 25px;
        margin-left: 10px;
    }

    .CBDnoCeline {
        padding: 0 20px;
    }


    /*  NASLOV I PUTANJA- MOB     */

    #PutanjaDT {
        display: none;
    }

    #NaslovStranice {
        padding-left: 10px;
        margin-top: 30px;
        margin-bottom: 30px;
    }


    /*   KVANTIFIKACIJA  - MOB     */

    #KvantifikacijaKontejner {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #KvantifikacijaSadrzaj {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: flex-start;
    }

    .KvantifikacijaItem {
        width: 100px;
        margin: 10px;
        margin-top: 20px;
    }

    .KvantifikacijaItem span{
        font-size: 11px;
    }

    .KvantifikacijaItem span:first-of-type {
        font-size: 16px;
    }



    /*   PRIJEMNI ISPIT  - MOB     */

    #PrijemniIspitKontejner {
        margin-bottom: 10px;
    }

    #PrijemniIspitSadrzaj {
        display: flex;
        flex-direction: column;
    }

    #PrijemniIspitSlika {
        width: 100%;
    }

	#PrijemniIspitSlika img {
    filter: none;
	}

    #PrijemniIspitOpis {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        align-items: flex-start;
    }

    #PrijemniIspitOpis span:first-of-type {
        font-size: 22px;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    #PrijemniIspitOpis span:nth-child(2) {
        margin-bottom: 0;
        line-height: 26px;
    }

    #PrijemniIspitOpis a.CB {
        margin-top: 20px;
        margin-bottom: 30px;
    }



    /*   DR  - MOB     */

    #DRKontejner {
        margin-bottom: 10px;
    }

    #DRSadrzaj {
        display: flex;
        flex-direction: column;
    }

    #DRSlika {
        width: 100%;
    }

	#DRSlika img {
    filter: none;
	}

    #DROpis {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        align-items: flex-start;
    }

    #DROpis span:first-of-type {
        font-size: 22px;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    #DROpis span:nth-child(2) {
        margin-bottom: 0;
        line-height: 26px;
    }

    #DROpis a.CB {
        margin-top: 20px;
        margin-bottom: 30px;
    }





    /*   SM  - MOB     */

    #SMKontejner {
        margin-top: -10px;
        margin-bottom: 40px;
		line-height: 25px;	
    }

    #SMSadrzaj {
        flex-direction: column;
    }

    #SMSlika {
        width: 100%;
        order: 1;
    }

	#SMSlika img {
    filter: none;
	}

    #SMOpis {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        align-items: flex-start;
        order: 2;
    }

    #SMOpis span {
        text-align: left;
    }

    #SMOpis span:first-of-type {
        margin-bottom: 3px;
    }


    #SMOpis span:nth-child(3) {
        margin-bottom: 15px;
        line-height: 20px;
    }

    #SMOpis .CB {
        margin-top: 30px !important;
    }





    /*   MR  - MOB     */

    #MRKontejner {
        margin-top: -10px;
        margin-bottom: 40px;
		line-height: inherit;	
    }

    #MRSadrzaj {
        flex-direction: column;
    }

    #MRSlika {
        width: 100%;
        order: 1;
    }

	#MRSlika img {
    filter: none;
	}

    #MROpis {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        align-items: flex-start;
        order: 2;
    }

    #MROpis span {
        text-align: left;
    }

    #MROpis span:first-of-type {
        margin-bottom: 13px;
		margin-top: 10px;
		font-size: 22px;
    }


    #MROpis span:nth-child(3) {
        margin-bottom: 15px;
        line-height: 20px;
    }

    #MROpis .CB {
        margin-top: 30px !important;
    }











    /*  STUDENTI - MOB     */

    #StudentiSadrzaj {
        padding: 20px 0;
    }

    .StudentiItem {
        width: 130px;
        min-height: 130px;
        margin: 20px 10px;
    }

    .StudentiItem img {
        width: 70px;
        height: 70px;
        margin-top: -30px;
    }

    .StudentiItem .Naslov {
        font-size: 13px;
        padding: 0 15px;
    }





    /*   O FAKULTETU  - MOB     */

    #OFakultetuKontejner {
        margin-bottom: 0;
    }

    #OFakultetuSadrzaj{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 20px 0;
    }

    #OFakultetuSadrzaj .NaslovCeline {
        margin-bottom: 40px;
    }

    .OFakultetuItem {
        width: 90%;
        padding-left: 15px;
        margin-bottom: 30px;
    }

    .OFakultetuItem:last-of-type {
        margin-bottom: 0px;
    }

    .OFakultetuItem img {
        width: 75px !important;
        height: 75px !important;
        padding: 5px;
        border-radius: 5px;
        border: 3px solid #cccccc;
    }

    .OFakultetuItem .Naslov {
        padding-left: 15px;
    }


    .OFakultetuItem .Naslov span:first-of-type {
        font-size: 15px;
        margin-bottom: 5px;
        color: white;
    }

    .OFakultetuItem .Naslov span:nth-of-type(2) {
        font-size: 12px;
        color: #cccccc;
    }







    /*  OSTALO - ALUMNI, PRIVREDA, KURSEVI - MOB     */

    #OstaliSadrzaj {
        flex-direction: column;
        align-items: center;
        padding-bottom: 20px;
    }

    .OstaliItem {
        flex-direction: column;
        align-items: center;
        margin: 10px 0;
    }

    .OstaliItem span.Naslov{        
        font-size: 25px;
        color: black;
        margin-top: 0;
    }

    .OstaliItem img {
        width: 150px;
        height: 107px;
    }

    .OstaliItem span.Opis {
        margin-top: 5px;
        font-size: 14px;
    }

    #SaradnjaSaPrivredom {
        width: 100%;
        border: none;
        background-color: #f5f5f5;
        padding: 20px 40px;
    }


    /*   STUDIJSKI PROGRAMI  - MOB     */

    #SPSadrzaj {
        display: flex;    
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 30px 0;
    }

    .SPItem {
        width: 150px;
        height: 170px;
        padding: 0px 20px;
        margin: 10px;
    }

    .SPItem img {
        width: 80px;
        height: 80px;
    }

    .SPItem span{
        font-size: 14px;
        margin-top: 5px;
    }



    /*  KURSEVI I SERTIFIKATI - MOB - MOB     */

    #SertifikatiKontejner {
        padding-top: 20px;
		background-color: #f5f5f5;
    }

    #Sertifikati .NaslovCeline {
        margin-bottom: 20px;
        font-size: 20px;
    }

    #Sertifikati {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .SertiItem {
        width: 100%;
        border-width: 0;
        margin-bottom: 40px;
    }

    .SertiItem .Opis span {
        padding-right: 20px;
        font-size: 16px;
    }




    /*   SRCEF  - MOB     */

    #SRCEFKontejner {
        margin-top: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #SRCEFKontejner .NaslovCeline {
        padding-bottom: 0px;
    }

    .SRCEFItem {
        width: 45%;
        max-width: 160px;
        padding-bottom: 10px;
        text-align: center;
        border-radius: 5px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .SRCEFItem .Slika {
        width: 100%;
        height: auto;
    }

    .SRCEFItem span {
        font-size: 13px;
        line-height: 18px;
        min-height: 0px;
        margin-top: 5px;
    }

    .SRCEFItem:hover img {
        transform: scale(1.2,1.2);
    }




    /*  ČASOPISI - MOB     */

    #CasopisiKontejner {
        margin-top: 30px;
        padding-top: 0px;
        padding-bottom: 30px;
    }

    #CasopisiKontejner .NaslovCeline {
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    .CasopisiItem {
        width: 90%;
        margin-top: 30px;
        margin-bottom: 50px;
    }


    .Korice img {
        width: 120px;
        height: 167px;
    }

    .DetaljiCasopisa span:first-of-type {
        font-size: 15px;
        color: black;
        margin-bottom: 20px;
    }

    span.PodnaslovCasopisa {
        font-size: 12px;
        margin-top: -15px;
        margin-bottom: 20px;
        color: #404040;
    }

.resp {
  max-width: 100%;
  height: auto;
}

}