#studij-podrocja-studija {

}

#studij-podrocja-studija .heading-article ul li {
    color: #ffffff !important;
}

#podrocja-studija-slike {
    text-align: center;
}

#podrocja-studija-slike .item {
    width: 166px;
	height: 183px;
	border: 1px solid #e12a26;
	display: inline-block;
    margin: 0 22px 0px 0px;
    margin-top: 15px;
    vertical-align: top;
    position: relative;
}#podrocja-studija-slike .item.podrocja-studija-active .arrow-down{
    position: absolute;
    top: 204px;
    left: calc(50% - 7px);
    background-image: url(../images/studij-programi-arrow.png);
    height: 15px;
    width:15px;
}

#podrocja-studija-slike .item:hover {
	background-color: #e12a26;
	cursor: pointer;
}

#podrocja-studija-slike .item:hover .img-hover {
	display: inline-block;
}

#podrocja-studija-slike .item:hover img {
	display: none;
}

#podrocja-studija-slike .item:last-child {
	margin: 15px 0px 0px 0px;
}

.podrocja-studija-active {
	background-color: #e12a26;
    margin-bottom: 50px !important;
    
}

#podrocja-studija-slike .slika {
	height: 93px;
	vertical-align: middle;
	line-height: 93px;
    margin-top: 5px;
}

#podrocja-studija-slike .slika img {
	display: inline-block;
    vertical-align: middle;
}

#podrocja-studija-slike .slika .img-hover {
	display: none;
}



#podrocja-studija-slike .napis {
	font-size: 21px;
	color: #ffffff;
	text-align: center;
	padding: 25px 0px 10px 0px;
}

#podrocja-studija-slike .tekst-hidden {
	display: none;
}


#podrocja-studija-tekst {
	display: none;
    margin: 40px 20px 10px 20px;
}



#podrocja-studija-tekst .napis {
	display: inherit;
    -webkit-box-flex: 1 1 0;
    -moz-box-flex: 1 1 0;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;   
    
	font-size: 22px;
	color: #ffffff;
	vertical-align: top;
    padding-bottom: 20px;
    text-transform: uppercase;
    padding-right: 20px;
}

#podrocja-studija-tekst .predmeti {
	display: inherit;
	
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
    -webkit-box-flex: 2 1 0;
    -moz-box-flex: 2 1 0;
    -webkit-flex: 2 1 0;
    -ms-flex: 2 1 0;
    flex: 2 1 0;   
    
    margin: 0;
    padding-left: 0;
    list-style: none;
    
}

#podrocja-studija-slike .predmeti {
	margin-top: 25px;
}

#podrocja-studija-tekst .predmet {
	width: 45%;
	padding: 7px 15px;
    vertical-align: top;
    background-image: url('../images/rect_red.png');
    background-repeat: no-repeat;
    background-position: 0px 15px;
}

@media screen and (max-width: 1180px) {
	#podrocja-studija-tekst .predmet {
		width: 100%;	
	}
}

@media screen and (max-width: 790px) {
	#podrocja-studija-tekst {
	    -webkit-flex-flow: column wrap;
		-moz-flex-flow: column wrap;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
    }
    
    #podrocja-studija-tekst .predmeti {
    	-webkit-box-flex: none;
	    -moz-box-flex: none;
	    -webkit-flex: none;
	    -ms-flex: none;
	    flex: none; 
    }
    
    #podrocja-studija-tekst .napis {
    	-webkit-box-flex: none;
	    -moz-box-flex: none;
	    -webkit-flex: none;
	    -ms-flex: none;
	    flex: none; 
    }
}

#podrocja-studija-tekst .predmet-ime {
	color: #ffffff;
	font-size: 14px;
    font-family: "Verdana";
    font-weight: bold;
    padding-bottom: 20px;
}

#podrocja-studija-tekst .predmet-smeri {
	color: #ffffff;
	font-size: 11px;
    font-family: "Verdana";
    font-style: italic;
}

/* /////////////////////////////////////////////////////////////// */

#studij-nadgrajevanje-znanja {
	margin-top: 30px;
	margin-bottom: 40px;
}

#studij-nadgrajevanje-znanja .zgornji-del {
	margin-bottom: 25px;
	margin-top: 5px;
}

#studij-nadgrajevanje-znanja .zgornji-del .item {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-right: 30px;
}

@media screen and (min-width: 790px) {
	#studij-nadgrajevanje-znanja .zgornji-del .item {
		width: 45%;
	}
}

@media screen and (max-width: 790px) {
	#studij-nadgrajevanje-znanja .item {
		width: 100%;
	}
    #studij-nadgrajevanje-znanja .zgornji-del .item {
        margin-right: 0px;
	}
}

#studij-nadgrajevanje-znanja .zgornji-del .naslov {
	margin-bottom: 5px;
	font-family: "Klavika-Medium";
	font-size: 20px;
}

#studij-nadgrajevanje-znanja .zgornji-del .tekst {
	font-family: "Verdana";
	font-size: 14px;
	line-height: 1.5em;
}

#studij-nadgrajevanje-znanja .zgornji-del .naslov span {
	padding: 3px 5px;
	display: inline-block;
	color: #ffffff;
}

#studij-nadgrajevanje-znanja .studijske-izmenjave .naslov span {
	background-color: #e12a26;
}

#studij-nadgrajevanje-znanja .studijske-prakse .naslov span {
	background-color: #333333;
}

#studij-nadgrajevanje-znanja {
}

#studij-nadgrajevanje-znanja .spodnji-del .gmap {
	width: 100%;
	height: 300px;
}

/* /////////////////////////////////////////////////////////////// */

#studij-koristne-povezave {
	padding-top: 30px;
	padding-bottom: 10px;
	margin-bottom: 40px;
	background-image: url('../images/bannerBottom_18.png');
    background-position: center;
}

#studij-koristne-povezave .povezave {
	margin-top: 15px;
	font-size: 18px;
}

#studij-koristne-povezave .povezave .item-list {
	list-style-type: none;
}

#studij-koristne-povezave .povezave .item {
    display: inline-block;
    width: 29%;
    padding: 5px 15px;
    vertical-align: top;
    background-image: url('../images/rect_black.png');
    background-repeat: no-repeat;
    background-position: 0px 14px;
}

#studij-koristne-povezave .povezave .item a:hover {
	color: #e12a26;
	text-decoration: underline;
}

/* /////////////////////////////////////////////////////////////// */

.sodobni-studijski-programi {
	
}
.sodobni-studijski-programi .stats{
	margin-bottom: 30px;
}

.sodobni-studijski-programi .naslov {
	font-size: 33px;
	text-align: center;
}

.sodobni-studijski-programi .item {
    text-align: center;
}

.sodobni-studijski-programi .stats .content .item .slika {
    position: relative;
    text-align: center;
    /*background-image: url("../images/ellipse_op.png");*/
	background-repeat: no-repeat;
	background-size: 104px 104px;
	width: 104px;
    height: 104px;
}

.sodobni-studijski-programi .stats .content .item .slika1 {
	background-image: url("../images/studijski_program.png");
}

.sodobni-studijski-programi .stats .content .item .slika2 {
	background-image: url("../images/izbirni_predmet.png");
}

.sodobni-studijski-programi .stats .content .item .slika3 {
	background-image: url("../images/prakticne_vaje2.png");
}

.sodobni-studijski-programi .stats .content .item .slika4 {
	background-image: url("../images/mednarodne_izmenjave.png");
}


/* /////////////////////////////////////////////////////////////// */

.page-studij .container {
    margin-left: auto;
    margin-right: auto;
}
.podrocja-studija-tekst-small .napis,
.podrocja-studija-tekst-medium2 .napis ,
.podrocja-studija-tekst-medium3 .napis 
{
    font-family: 'Klavika-Light';
    font-size: 18px;
    text-transform: uppercase;
}

.podrocja-studija-tekst-large .napis {
    font-family: 'Klavika-Light';
    font-size: 22px;
    text-transform: uppercase;
    width: 372px;
    text-align: left !important;
    
}
.podrocja-studija-tekst-large .predmeti {
    padding-left: 0px;
    margin-bottom: 0px;
}
.podrocja-studija-tekst-small .predmeti{
    
}
.podrocja-studija-tekst-small .predmeti .predmet,
.podrocja-studija-tekst-medium2 .predmeti .predmet,
.podrocja-studija-tekst-medium3 .predmeti .predmet,
.podrocja-studija-tekst-large .predmeti .predmet
{
    text-align: left;
    margin-bottom: 15px;
    background: url('../images/rect_red.png') no-repeat 16px 9px transparent;
    padding-left: 30px;
    list-style-type: none;
}
.podrocja-studija-tekst-small .predmeti .predmet .predmet-ime,
.podrocja-studija-tekst-medium2 .predmeti .predmet .predmet-ime,
.podrocja-studija-tekst-medium3 .predmeti .predmet .predmet-ime,
.podrocja-studija-tekst-large .predmeti .predmet .predmet-ime
{
    color: #ffffff;
	font-size: 14px;
    font-family: "Verdana";
    font-weight: bold;
    padding-bottom: 20px;
}

#podrocja-studija-slike .predmet-ime a {
	color: white !important;
}

#podrocja-studija-slike .predmet-ime a:hover {
	color: #E12A26 !important;
}

.podrocja-studija-tekst-small .predmeti .predmet .predmet-smeri,
.podrocja-studija-tekst-medium2 .predmeti .predmet .predmet-smeri,
.podrocja-studija-tekst-medium3 .predmeti .predmet .predmet-smeri,
.podrocja-studija-tekst-large .predmeti .predmet .predmet-smeri
{
    font-family: "Verdana";
    font-style: italic;
    font-size: 11px;
    color: white;
}
.podrocja-studija-tekst-large .more-child{
     width: 765px;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.podrocja-studija-tekst-large .more-child .predmet{
    width: calc(50% - 30px);
}







.podrocja-studija-tekst-small{
    display: none;
}
.podrocja-studija-tekst-medium2{
    display: none;
}
.podrocja-studija-tekst-medium3{
    display: none;
}
.podrocja-studija-tekst-large{
        display: -webkit-box ;
        display: -moz-box ;
        display: -ms-flexbox ;
        display: -webkit-flex ;
        display: flex ;
}

.podrocja-studija-tekst-large .napis{
	padding-top: 15px !important;
}

@media screen and (max-width: 1160px) {
    #podrocja-studija-slike .item.podrocja-studija-active .arrow-down{
        display: none;
    }
    .podrocja-studija-active {
        margin-bottom: 0px !important;
    }
}
@media screen and (min-width:851px) and (max-width: 1160px) {
	#podrocja-studija-slike .item {
		    width: calc(33% - 2px - 15px);
	}
    #podrocja-studija-slike .item {
		margin: 15px 22px 0px 0px;
	}
    #podrocja-studija-slike .item.third-box {
		margin: 15px 0px 0px 0px;
	}
    .podrocja-studija-tekst-large{
        display: none;
    }
    .podrocja-studija-tekst-medium3.active-podrocje{
        display: -webkit-box ;
        display: -moz-box ;
        display: -ms-flexbox ;
        display: -webkit-flex ;
        display: flex ;
    }
}

@media screen and (min-width:621px) and (max-width: 850px) {
	#podrocja-studija-slike .item {
		width: calc(50% - 2px - 22px);
	}
    #podrocja-studija-slike .item {
		margin: 15px 22px 0px 0px;
	}
    #podrocja-studija-slike .item.second-box{
		margin: 15px 0px 0px 0px;
	}
    .podrocja-studija-tekst-large{
        display: none;
    }
    .podrocja-studija-tekst-medium2.active-podrocje{
        display: -webkit-box ;
        display: -moz-box ;
        display: -ms-flexbox ;
        display: -webkit-flex ;
        display: flex ;
    }
    .podrocja-studija-tekst-medium3{
        display: none;
    }
}
@media screen and (max-width: 850px) {
    .podrocja-studija-tekst-large{
        display: none;
    }
    .podrocja-studija-tekst-medium3{
        display: none;
    }
	#studij-koristne-povezave .povezave .item {
	    width: 90%;
	}
	
	#podrocja-studija-tekst .napis {
		width: 100%;
	}
}

@media screen and (max-width: 620px) {
    .podrocja-studija-tekst-small.active-podrocje{
        display: -webkit-box ;
        display: -moz-box ;
        display: -ms-flexbox ;
        display: -webkit-flex ;
        display: flex ;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        -o-flex-direction:column;
        -moz-flex-direction:column;
        flex-direction:column;
    }
    #podrocja-studija-slike .item {
		width: calc(100% - 2px);
	}
    #podrocja-studija-slike .item {
		margin: 15px 0px 0px 0px;
	}
	#studij-koristne-povezave {
		background-image: url("../images/image.png");
    	background-size: 100% 880px;
   }
}

@media screen and (max-width: 399px) {
	
	
	#studij-koristne-povezave .povezave .item {
	    width: 80%;
	}
}

.studij-programi .content a .title {
	color: #e12a26;
}