/*load fonts*/
 @font-face {
     font-family: roboto;
     src: url('fonts/Roboto-Regular.ttf');
}
 @font-face {
     font-family: roboto-bold;
     src: url('fonts/Roboto-Bold.ttf');
}
 @font-face {
     font-family: charter;
     src: url('fonts/charter_regular-webfont.ttf');
}
 @font-face {
     font-family: charter-bold;
     src: url('fonts/charter_bold-webfont.ttf');
     font-weight: bold;
}
 @font-face {
     font-family: charter-italic;
     font-style: italic;
     src: url('fonts/charter_italic-webfont.ttf');
}
 @font-face {
     font-family: charter-bold-italic;
     font-style: italic;
     src: url('fonts/charter_bold_italic-webfont.ttf');
}
/*general*/
 html{
     background-color: #fff;
}
 body,html{
     color: #211e1e;
     font-family: roboto, arial, sans-serif;
}
 h1,h2,h3,h4,h5,h6{
     font-family: roboto-bold;
}
 div,span{
     box-sizing: border-box;
}
 a{
     text-decoration: none;
     color: #0a305c;
     transition: color .2s ease;
}
 a:hover{
     color: #2c9da2;
     transition: color .2s ease;
}
 p,ul,ol{
     margin-bottom: 10px;
     line-height: 1.25em;
     text-align: left;
     font-family: charter, 'Times New Roman', serif;
}
 p:last-child{
     margin-bottom: 0px
}

p strong, p b{
     font-family: charter-bold, 'Times New Roman', serif;
}
 p em{
     font-family: charter-italic, 'Times New Roman', serif;
}
 p strong em, p b em, p em b, p em strong{
     font-family: charter-italic, 'Times New Roman', serif;
}
 p a{
     font-family: charter, 'Times New Roman', serif;
}
 .gumb{
     padding: 10px;
     background: #ccc;
     display: inline-block;
     margin-top: 10px;
}
 .tekst ul{
     list-style-type: disc;
     padding-left: 40px;
}

.zunanja_povezava,
 .puscica{
     position: relative;
     display: block;
     padding-left: 47px;
}

.zunanja_povezava:before,
 .puscica:before{
     position: absolute;
     top: 0px;
     left: 0px;
     content:' ';
     width: 27px;
     height: 100%;
     background-image:url('svg/ikona_puscica_desno_2.svg');
     background-size: 46px 22px;
     background-position: -22px 50%;
     background-repeat: no-repeat;
     overflow:hidden;
}
 .puscica:hover:before,
 .zunanja_povezava:hover:before{
     background-position: 3px 50%;
     transition: background-position .5s ease;
}


.zunanja_povezava:before{

     background-image:url('svg/ikona_web.svg');
   
}
#page {
    overflow-x: hidden;
}
/*header*/
 #oglavje{
     background: #fff;
}
 #logotip_glava{
     margin: 45px 0px;
}
 #logotip_glava img{
	 /*
     width: 320px;
     height: auto;
	 */
	  width: auto;
    height: 152px;
}
 .site-title{
     display: none;
}
/*glava desno*/
 #povezave_glava_mobile{
     display: none;
}
 #povezave_glava{
     width: 170px;
     margin: 40px 0px 0px auto;
}
 #izbira_jezika{
     display: inline-block;
     float: left;
     margin-right: 16.666666px;
}
 #izbira_jezika ul li a, #izbira_jezika_mobile ul li a{
     font-family: roboto;
     font-size: 16px;
     line-height: 30px;
     margin: 0px;
     padding: 0px;
     text-transform: uppercase;
}
 #menu_icon_header{
     display: inline-block;
     float: right;
     width: 30px;
     height: 30px;
}


 .menu_icon{
     width: 30px;
     height: 30px;
     position: relative;
     cursor: pointer;
     background-image:url('svg/ikona_menu.svg');
     background-size: contain;
     background-position: 50% 50%;
     background-repeat: no-repeat;
	 
	transition: transform .2s ease;
}

#menu_icon_header:hover .menu_icon{
	transform: scale(1.1);
	transition: transform .2s ease;
	}

 #header_search{
     width: 30px;
     height: 30px;
     display: inline-block;
     float: right;
     margin-right: 16.666666px;
     position:relative;
}
 #header_serach_ikona_mobile, #header_serach_ikona{
     width: 30px;
     height: 30px;
     position: relative;
     cursor: pointer;
     background-image:url('svg/ikona_iskanje.svg');
     background-size: 80% 80%;
     background-position: 50% 50%;
     background-repeat: no-repeat;
	 
	 transition: background-size .2s ease;
}

#header_serach_ikona_mobile:hover,
#header_serach_ikona:hover{
	 background-size: 100% 100%;
	 transition: background-size .2s ease;
}


 .main_search{
     display: block;
     position: absolute;
     top: -200px;
     right: 35px;
     height: 30px;
     box-sizing: border-box;
     font-size: 16px;
     font-family: roboto;
     color: #fff;
     background-color: #0b305e;
     width: 200px;
     padding: 16px;
     border: 0;
     font-weight: regular;
     transition: top .3s ease;
}
 .search_prikazan{
     top: -2px !important;
     transition: top .3s ease;
}
 #vis_link{
     color: #fff;
     background-color: #2c9da2;
     width: 62px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     padding: 0px;
     font-family: roboto-bold;
     font-size: 16px;
	 margin-top: 0px;
       display: inline-block;
	vertical-align: bottom;
	  transition: background-color .3s ease;
}
 #vis_link:hover{
     background-color: #4695c6;
     transition: background-color .3s ease;
}


#eucilnica_link{
	 color: #fff;
     background-color: #0b305e;
     width: 50px;
     height: 50px;
     line-height: 0px;
     text-align: center;
     padding: 0px;
     font-family: roboto-bold;
     font-size: 0px;
     display: inline-block;
	
	margin-top: 0px;
	background-image: url('svg/moodle_ikona_bela.svg');
	
     transition: background-color .2s ease;
	background-size: 22px auto;
	background-repeat:no-repeat;
	background-position: 48% 46%;
}

#eucilnica_link:hover{
	background-image: url('svg/moodle_ikona_barvna.svg');
	 background-color: #f98012;
     transition: background-color .3s ease;
}

#deus_link{
	 color: #fff;
     background-color:#15547a;
     width: 50px;
     height: 50px;
     line-height: 0px;
     text-align: center;
     padding: 0px;
     font-family: roboto-bold;
     font-size: 0px;
     display: inline-block;
	margin-top: 0px;
	background-image: url('svg/deus-logotip-bel.svg');
     transition: background-color .2s ease;
	background-size: 22px auto;
	background-repeat:no-repeat;
	background-position: 50% 50%;
}

#deus_link:hover{
	background-image: url('svg/deus-logotip.svg');
	 background-color: #4695c6;
     transition: background-color .3s ease;
}




#eucilnica_link_mobile{
	display: none;
}

#deus_link_mobile,
#vis_link_mobile{
	display: none;
}

 #sociala_ikone{
     margin-top: 18px;
     width: 170px;
     height: 30px;
}
 .sociala_ikona{
     background: #ccc;
     width: 30px;
     height: 30px;
     border-radius: 15px;
     display: inline-block;
     float: left;
     margin-right: 16.666666px;
     font-size: 0px;
     background-size: 80% 80%;
     background-position: 50% 50%;
     transition: background-color .2s ease;
     background-repeat: no-repeat;
}
 #sociala_ikone a:last-child .sociala_ikona{
     margin-right: 0px;
}
 #soc_fb,
 #soc_fb_menu{
    background-image:url('svg/ikona_fb.svg');
     background-color: #3D5A96
}
 #soc_tw_menu,
 #soc_tw{
    background-image:url('svg/ikona_tw.svg');
     background-color: #2AA3EF
}
 #soc_li_menu,
 #soc_li{
    background-image:url('svg/ikona_li.svg');
     background-color: #007AB7
}
#soc_ig_menu,
#soc_ig{

	  
	background-size: 95% 95%;
     background-color: #cd486b;
	  background-position:  50% 100%;
    background-image:url('svg/ikona_ig.svg');

}
 #soc_vi_menu,
 #soc_vi{
    background-image:url('svg/ikona_vi.svg');
     background-color: #1ab7ea
}


 #soc_yt_menu,
 #soc_yt{
    background-image:url('svg/ikona_yt.svg');
     background-color: #FF0000;
}


 .sociala_ikona:hover{
     background-color: #2c9da2!important;
     transition: background-color .2s ease;
}
/*main menu*/
/*main menu*/
 .glavni-menu{
     background-color: #0b305e;
 /*overflow:hidden;*/
}
 #site-navigation ul{
     display: table;
     width: 100%;
     table-layout: fixed;
     background-color: #0b305e;
     margin-bottom: 0px;
     font-size: 18px;
     line-height: 22px;
     position: relative;

}
 #site-navigation ul li{
     display: table-cell;
     text-align: center;
     height: 85px;
     vertical-align: middle;
     width: 20% ;
	 position: relative;
}


 #site-navigation:before{
     content: ' ' ;
     position: absolute;
     right: 110%;
     top: 0px;
     height: 100%;
     width: 1500px;
     background-image: url('svg/menu_okrasek_levo.svg');
     background-size: auto 100%;
     background-position: 100% 0px;
}
 #site-navigation:after{
     content: ' ' ;
     position: absolute;
     left: 110%;
     top: 0px;
     height: 100%;
     width: 1500px;
     background-image: url('svg/menu_okrasek_desno.svg');
     background-size: auto 100%;
     background-position: 0px 0px;
}
 #site-navigation ul li a{
     display: flex;
     height: 100%;
     color: #fff;
     padding: 0px 20px;
     margin: auto;
    /* Important */
     align-items: center;
     justify-content: center;
     text-align: center;
     transition: color .2s ease;
	 
}
 #site-navigation ul li.current_page_item a{
     color: #2c9da2;
}
 #site-navigation ul li a:hover{
     color: #2c9da2;
     transition: color .2s ease;
}

#site-navigation ul ul{
	position: absolute;
	top: 80%;
	left: 0px;
	z-index: 5000;
	max-height: 0px;
	display: block;
	overflow: hidden;
	opacity: 0;
	transition: opacity .2s ease, max-height .2s ease, padding .2s ease ;
}


#site-navigation ul ul li{
	display: block;
	clear: both;
	height: auto;
	width: auto;
}

#site-navigation ul li:hover ul{
	padding-bottom: 8px;
	padding-top: 20px;
	max-height: 600px;
	opacity:1;
	transition: opacity .3s ease, max-height .2s ease, padding .2s ease ;
}

#site-navigation ul ul li a {
	font-size: 18px;
	display: block;
	 height: auto;
	 padding: 0px 13px 33px 13px;
	 margin: 0px;
	/* Important */
	 align-items: stretch;
	 justify-content: flex-start;
	 text-align: center;
	 transition: color .2s ease;
}

#site-navigation ul ul li:last-child a {
	 padding: 0px 13px 13px 13px;
}



 #site-navigation .p_m{
	 margin-top: 0px;
 }
/*polni menu (hamburger)*/
 #masthead{
}
 #polni_menu{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     box-sizing: border-box;
     background: #0b305e;
     z-index: 100;
     height: auto;
     overflow: auto;
     padding-bottom: 80px;
     opacity: 1;
     transition: opacity .2s linear;
}
 .menu_skrit{
     width: 0px !important;
     left: 100% !important;
     height: 0px !important;
     opacity: 0 !important;
     transition: opacity .2s linear, left 0s linear .2s, width 0s linear .2s!important;
}
#polni_menu  .p_m{
     margin-top: 80px;
     display: block;
}
#polni_menu .p_m li{
     text-transform: uppercase;
     display: inline-block;
     /*width:16.6666667%;*/
     width:25%;
     float: left;
     font-family: charter-bold, 'Times New Roman', serif;
     font-size: 20px;
     padding-right: 20px;
     box-sizing: border-box;
     line-height: 25px;
}
#polni_menu   .p_m li a{
     color: #fff;
     display: block;
	 position: relative;
     margin-bottom: 40px;
     transition: color .2s ease;
}
#polni_menu   .p_m li a:hover{
     color: #2c9da2;
     transition: color .2s ease;
}
#polni_menu   .p_m ul li{
     text-transform: none;
     line-height: 20px;
     font-size: 16px;
     display: block;
     width: auto;
     float: none;
}
#polni_menu   .p_m ul li a{
     margin-bottom: 10px;
}
#polni_menu   .p_m ul ul li{
     padding-left: 10px;
     font-family: charter, 'Times New Roman', serif;
}
#polni_menu   .p_m_nolink{
     color:#fff;
     font-size: 16px;
     display: block;
     margin-bottom: 10px;
}

#polni_menu   .p_m ul ul li .p_m_link:before{
	content:' ';
	width: 10px;
	height: 9px;
	display: inline-block;
	  background-image: url('svg/ikona_puscica_desno.svg');
     background-size: contain;
	 background-position: 50% 50%;
	 background-repeat: no-repeat;
}

#polni_menu   .p_m ul ul li .p_m_zunanja:before{
	content:' ';
	width: 14px;
	height: 11px;
	display: inline-block;
	  background-image: url('svg/ikona_web_2.svg');
     background-size: contain;
	 background-repeat: no-repeat;
	 background-position: 50% 50%;
}

 #polni_menu_okvir{
     position: relative;
	 padding-left: 23px;
}
 #menu_close{
     cursor: pointer;
     position: absolute;
     top: -34px;
     right: 23px;
     width: 30px;
     height: 30px;
     background-image: url('svg/ikona_close.svg');
     background-size: 30px 30px;
}
 #sociala_ikone_menu{
     display: none;
}
/*page menu*/
 .tinynav {
     display: none 
}
 .menu_strani{
     display: table;
/*      margin-top: -50px; */
     table-layout: fixed;
     background-color: #0b305e;
}
 .menu_strani li{
     display: table-cell;
     text-align: center;
     vertical-align: middle;
}
 .menu_strani li a{
     color: #fff;
     font-size:16px;
  display: flex;
height: 100%;
color: #fff;
padding: 23px 23px;
margin: auto;
align-items: center;
justify-content: center;
text-align: center;
transition: color .2s ease;
 }

 .menu_strani li a:hover{
     color: #2c9da2;
     transition: color .2s ease;
}
 .menu_strani.no-top-margin{
     margin-top: 0px;
}
/*drobtinice*/
 .drobtinice{
     position: relative;
}
 .jp_drobtinice{
     position: absolute;
     top: 23px;
     left: 0px;
     font-size: 14px;
     z-index:2;
}
 .jp_drobtinice .separator{
     padding: 0px 5px;
}
 .jp_drobtinice li{
     display: inline-block;
}
 .jp_drobtinice li a{
}
/*front*/
/*slider*/
#fakulteta_slider{
     width: 100%;
     height: 500px;
     height: 60vh;
	 max-height: 600px;
     background: #fff;
     position: relative;
     overflow: hidden;
}
 #slider_okvir{
     position: absolute;
     left: 0px;
     top: 0px;
     height: 100%;
     width: 1000%;
     transition: left .4s ease;
}
 .fakulteta_slide {
     position: relative;
     width: 10%;
     height: 100%;
     display: inline-block;
     background: #15547a;
     float: left;
}
 #slider_okvir a:nth-child(odd) .fakulteta_slide{
     background: #211e1e;
}
 .slide_video, .slide_image {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
}
 .slide_video iframe{
     width: 100%;
     height: 100%;
}
 .slider_puscica{
     position: absolute;
     top: 0px;
     height: 100%;
     width: 73px;
     cursor: pointer;
     z-index:12;
     transition: opacity .2s ease;
}
 .slider_puscica:after{
     width: 50px;
     height: 50px;
     font-size: 40px;
     font-family: roboto,arial, sans-serif;
     line-height: 40px;
     color: #fff;
     font-weight: bold;
     top: 50%;
     margin-top: -25px;
     text-align: center;
     position: absolute;
     background-size: 23px 23px;
     background-repeat: no-repeat;
     transition: background-color .2s ease;
     border-radius: 50%;
}
 #slider_puscica_levo{
     left: 0px;
     padding-left: 23px;
}
 #slider_puscica_desno{
     right: 0px;
     padding-right: 23px;
}
 #slider_puscica_levo:after{
     content: ' ';
     background-position:41% 50%;
     background-image:url('svg/ikona_levo.svg');
}
 #slider_puscica_desno:after{
     content: ' ';
     background-position: 59% 50%;
     background-image:url('svg/ikona_desno.svg');
}
 .slider_puscica:hover:after{
     background-color: #4695c6;
     transition: background-color .2s ease;
}
 .puscica_skrita{
     opacity: 0;
     transition: opacity .2s ease;
}
 .razdelek_naslov{
     padding: 100px 0px 30px 0px;
     font-size: 28px;
     color: #0B335E;
     text-align: center;
}
 .razdelek_naslov_studiji{
     padding: 100px 0px 30px 0px;
}
.vertical_center{
	align-self: center;
width: 100%;
text-align: center;
}

.slide_teksti{
	display: inline-block;
	max-width: 68.1%;
	
}

 .slide_vsebina{
	position: absolute;
	top: 50px;
	bottom:179px;
	right: 100px;
	left: 100px;
	overflow: hidden;
	color: #fff;
	text-align: center;
	display: flex;
	
}
 .slide_naslov{
     font-size:30px;
      font-family: charter-bold, 'Times New Roman', serif;
     line-height: 35px;
	 display: inline-block;
	 text-align: center;
	 padding: 13px 26px 12px 26px;
	 letter-spacing: .02em;
	
	 background: #0b305e;
	 
}

 .slide_opis{
     font-size: 20px;
     line-height: 25px;
     font-family: charter, 'Times New Roman', serif;
     text-align: center;
     position:relative;
	color: #fff;
}
 .slide_opis_text{
     margin: 15px auto 0px auto;
     background:#4695c6;
     padding: 11px 23px 11px 23px;
	 display: inline-block;
     text-align: center;
}

/*novice_front*/
 #novice_front{
     margin-top: -129px;
     font-family: charter, 'Times New Roman', serif;
     display: block;
}
 #novice_front a{
     color: #fff;
}
 .novica_front{
     background: #15547A;
     color: #fff;
     padding: 23px;
     min-height: 195px;
     box-sizing: border-box;
     vertical-align: bottom;
}

.novica_front_link{
	display: block;
	min-height: 149px;
}

 .novica_front_datum{
     font-size: 16px;
     margin-bottom: 20px;
}
 .novica_front h1{
     font-family: charter-italic, 'Times New Roman', serif;
     font-size: 20px;
     line-height: 26px;
}
 .novica_front_vec{
     vertical-align: bottom;
     font-size: 20px;
     line-height: 25px;
     text-align: right;
     position: absolute;
     bottom: 23px;
     right: 23px;
     transition: color .2s ease;
}
 .novica_front_vec:hover{
     color: #2c9da2;
     transition: color .2s ease;
}
 .front_vec_tekst{
     display: inline;
}
 .novica_front_vec:before {
     content: "";
     display: inline-block;
     vertical-align: middle;
     height: 100%;
}


.novica_front_link:hover .novica_front_vec{
	 color: #2c9da2;
     transition: color .2s ease;
}
.novica_front_link:hover .novica_front_vec:before{
	background-position: 3px 50%;
transition: background-position .5s ease;
}

 .front_arhiv_link{
     background: #2c9da2;
     padding: 23px;
     text-align: right;
     font-size: 20px;
     transition: color .2s ease;
}
 .front_arhiv_link:hover{
     color: #0B305E;
     transition: color .2s ease;
}
 #arhiv_link_obvestila{
     background:#0B305E;
     transition: color .2s ease;
}
 #arhiv_link_obvestila:hover{
     color: #2c9da2;
     transition: color .2s ease;
}
 #novice_front_vec {
     color: #fff;
}

/*obvestila_front*/

#obvestila_front{
	   font-family: charter, 'Times New Roman', serif;
     display: block;
	 margin-top: 20px;
}

.obvestilo_front{
	background-color: #c7c7c7;
	color: #fff;
	padding: 16px 23px;
	font-size: 18px;
	
     transition: color .2s ease;
}
.obvestilo_front::after {
    content: ' ';
    position: absolute;
    right: 23px;
    top: 0px;
    width: 27px;
    height: 100%;
    background-image: url('svg/ikona_arhiv_link_bela.svg');
    background-size: 46px 28px;
    background-position: -22px 50%;
    background-repeat: no-repeat;
    overflow: hidden;
}

.obvestilo_front:hover{
		background-color: #e1e1e1;
		transition: background-color .2s ease
}
.obvestilo_front:hover::after {
    background-position: 3px 50%;
    transition: background-position .5s ease;
}


.obvestilo_front a{
	color: #fff;
	padding: 16px 0px;
}
.obvestilo_front:hover a h1{
	color: #2c9da2;
	
     transition: color .2s ease;
}


.obvestilo_front_datum{
	width: 20%;
	 display: inline-block;
	 vertical-align: top;
	 
	  line-height: 1.25em;
}

.obvestilo_front h1{
	  font-family: charter, 'Times New Roman', serif;
	  display: inline-block;
	  width: 60%;
	  line-height: 1.25em;
}

#arhiv_link_obvestila{
	width: 33.33333%;
	float: right;
	color: #fff;
}
/*studijski_programi_front*/
 .zbirna_stran{
     position: relative;
}
 #pregled_studijev h3{
     font-size: 20px;
     color: #fff;
     padding: 25px;
     font-family: charter-bold, 'Times New Roman', serif;
}
 #pregled_studijev .jp-s:nth-child(1) h3, #pregled_studijev .jp-s:nth-child(1) li{
     background-color: #4695C6 
}
 #pregled_studijev .jp-s:nth-child(2) h3, #pregled_studijev .jp-s:nth-child(2) li{
     background-color: #19537B 
}
 #pregled_studijev .jp-s:nth-child(3) h3, #pregled_studijev .jp-s:nth-child(3) li{
     background-color: #0B305E 
}
 #seznam_studijev_front{
     margin-bottom: 0;
}
 #seznam_studijev_front li{
     text-align: left;
     padding: 0px 25px;
}
 #seznam_studijev_front li:last-child a{
     padding-bottom: 25px 
}
 #seznam_studijev_front li a{
     padding: 15px 25px 15px 47px;
     display: block;
     color: #fff;
     font-size: 18px;
}
 #izpostavljeno{
     margin-bottom: 0;
}
 #izpostavljeno li{
     text-align: center;
}
 #izpostavljeno li a{
     padding: 10px;
     display: block;
     background: #0a305c;
     color: #fff;
}
 #seznam_studijev_front li a:hover{
     color: #2c9da2;
     transition: color .2s ease;
}
/*zbirne strani*/
 .naslovje_s_sliko{
     z-index: -1;
     position: relative;
     height: 250px;
}
 .naslovje_brez_slike{
}
 .naslovje_slika{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     z-index: -1;
     overflow: hidden;
}
 .naslovje_slika img{
}
 .naslov_zbirne{
     text-align: center;
     text-transform: uppercase;
     padding: 130px 0px 30px 0px ;
     font-size: 40px;
     color: #0a305c;
     font-family: roboto-bold;
}
 .zbirna_stran_naslovje .podnaslov{
     display: block;
     clear: both;
     text-transform: none;
     font-family: charter-italic, 'Times New Roman', serif;
     font-size: 32px;
     margin-top: 23px;
     color: #ababab;
     font-weight: normal;
}
 .naslov_na_sliki{
     font-family: roboto-bold;
     font-size: 40px;
     text-align: center;
     text-transform: uppercase;
     position: absolute;
     bottom: 75px;
     left: 0px;
     padding:0 23px 0px 23px;
     width:100%;
     color: #fff;
	 text-shadow: 0px 0px 46px rgba(0,0,0,1);
     box-sizing: border-box;
}
 .podstrani_okvircki{
     display: block;
     height: 600px;
     position: relative;
}
 .p_o{
     background: #4695C6;
     position: absolute;
     background-size: cover;
     background-position: 50% 50%;
}
 .p_o:nth-child(1){
    background-color: #0b305e;
}
 .p_o:nth-child(2){
    background-color: #19537b;
}
 .p_o:nth-child(3){
    background-color: #4695c6;
}
 .p_o:nth-child(4){
    background-color: #0b305e;
}
 .okvircki-1 .p_o{
     width: 100%;
     height: 100%;
}
 .okvircki-2{
     height: 400px;
}
 .okvircki-2 .p_o:nth-child(1){
     width: 50%;
     height: 100%;
     left: 0;
}
 .okvircki-2 .p_o:nth-child(2){
     width: 50%;
     height: 100%;
     right:0 
}
 .okvircki-3 .p_o:nth-child(1){
     width: 50%;
     top: 0px;
     left: 0px;
     height: 50%;
}
 .okvircki-3 .p_o:nth-child(2){
     width: 50%;
     height: 50%;
     bottom: 0px;
     left: 0px;
}
 .okvircki-3 .p_o:nth-child(3){
     width: 50%;
     height:100%;
     right: 0px;
     top: 0px;
}
 .okvircki-4{
     height: 600px;
}
 .okvircki-4 .p_o:nth-child(1){
     width: 50%;
     height: 50%;
     left: 0px;
     top: 0px;
}
 .okvircki-4 .p_o:nth-child(2){
     width: 50%;
     height: 50%;
     bottom: 0px;
     left: 0px;
}
 .okvircki-4 .p_o:nth-child(3){
     width: 50%;
     height: 50%;
     top: 0px;
     right: 0px;
}
 .okvircki-4 .p_o:nth-child(4){
     width: 50%;
     height: 50%;
     bottom: 0px;
     right: 0px;
}
 .okvircki-5{
     height: 900px;
}
 .okvircki-5 .p_o:nth-child(1){
     width: 50%;
     height: 33.3333%;
     left: 0px;
     top: 0px;
}
 .okvircki-5 .p_o:nth-child(2){
     width: 50%;
     height: 33.3333%;
     top: 0px;
     right: 0px;
}
 .okvircki-5 .p_o:nth-child(3){
     width: 50%;
     height: 33.3333%;
     top: 300px;
     left: 0px;
}
 .okvircki-5 .p_o:nth-child(4){
     width: 50%;
     height:33.3333%;
     bottom: 300px;
     right: 0px;
}
 .okvircki-5 .p_o:nth-child(5){
     width: 100%;
     height:33.3333%;
     right: 0px;
     bottom: 0px;
}



 .link_okvircek{
     padding: 11px 23px 11px 50px;
     display: inline-block;
     clear:both;
     float:right;
     background: #0a305c;
     color: #fff;
     margin-bottom: 20px;
     font-size: 18px;
    /*text-align: right;
    */
     font-family: charter, 'Times New Roman', serif;
}
 .link_okvircek:before{
     margin-left: 11px 
}
 .p_o_povezave{
     position: absolute;
     bottom: 0px;
     right: 20px;
     left: 20px;
}
 .seznam_podstrani{
     margin-bottom: 0px;
}
 .seznam_podstrani li{
     text-align: left;
     margin-bottom: 0px;
}
 .seznam_podstrani li a{
     padding: 23px 23px 23px 50px;
     display: block;
     background: #0a305c;
     color: #fff;
     transition: color .2s ease;
     font-size: 18px;
     margin-top: 0px;
}
 .seznam_podstrani li:nth-child(odd) a{
     background: #15547a;
}
 .seznam_podstrani li a:hover{
     color: #2c9da2;
     transition: color .2s ease;
}
 .seznam_podstrani li a:before{
     left: 11px;
}
/*studij*/
 .naslov_strani{
     text-align: center;
     font-size: 40px;
     margin: 0px auto;
     text-transform: uppercase;
     font-weight: bold;
}
 .video_okvir{
     width: 100%;
     height: 0px;
     padding-bottom: 56.25%;
     background: #fff;
     position: relative;
     overflow: hidden;
}

.vsebina-page-navaden  .video_okvir{
	margin-bottom: 50px;
}

 



 .video_okvir iframe{
     position: absolute;
     width: 100%;
     height: 100%;
	 top:0;
	 left:0;
	
}
 .vsebina_podstrani{
     position: relative;
}
 .vsebina_podstrani .tekst:before,
 .vsebinastrani  .tekst:before{
     position: absolute;
     width: 5070px;
     right: 90%;
     height: 185px;
     top: -120px;
     background: #0a305c;
     content: " ";
     z-index:-1 
}
 .vsebina_ene_strani h2, .vsebina_podstrani h2{
     padding: 200px 0px 23px 10%;
     text-align: left;
     font-size: 25px;
     color: #0b305e 
}

.naslov_podstrani{
text-align: center;
text-transform: uppercase;
margin: 20px auto;
font-size: 20px;
}



/*novice pod vsebino jan 2019 */

.novice_pod_vsebino{
	padding: 100px 0px 0px 0px;
}

.npv-naslov{
	padding: 0px 0px 23px 10%;
text-align: left;
font-size: 20px;
color: #0b305e;
}
/*aktualno*/

.hitre_povezave{
	margin-bottom: 80px;
}
.h_p_okvir{
	display: table;
	width:100%;
	 table-layout: fixed ;
	 background: #ccc;
}
.h_p_enota{
	display: table-cell;
	text-align: left;
	
	background: #19537b;
	vertical-align: middle;
}

.h_p_enota:nth-child(even){
		background: #0b305e;
		
}

.h_p_enota .gumb{
	margin-top:0px;
	background-color: transparent;
}

.h_p_enota a{
	   font-size: 18px;
    color: #fff;
  padding: 23px 23px 23px 50px;
    font-family: charter, 'Times New Roman', serif;
	display: block;
}

.h_p_enota a::before {
    left: 11px;
}

.h_p_enota a:hover{
	color: #2c9da2
}

@media (max-width: 750px) {
	
.h_p_okvir{
	displaY: block;
}

.h_p_enota{
display: block;
background-image: url('svg/Gumb_trikotniki_4.svg');
background-size: auto 60px;
background-position: 100% 0px;
background-repeat: repeat-y;
}

.h_p_enota:nth-child(even){
	background-image: url('svg/Gumb_trikotniki_3.svg');
	background-size: auto 60px;
background-position: 100% 0px;
background-repeat: repeat-y;
}
}

 #aktalno_search{
     margin-bottom: 0;
}
 .novicka{
     margin-bottom: 23px;
     text-align: left;
}
 .novicka:last-child{
     margin-bottom: 0px;
}
 .novicka_vsebine{
     background: #ebebeb;
     position:relative;
}
 .novicka_vsebine:after{
     position: absolute;
     width: 5000px;
     right: 0px;
     bottom: -46px;
     height: 69px;
     background-color: #0B335E;
     content: ' ';
     z-index: -1;
}
 .novicka:last-child .novicka_vsebine:after{
     display: none;
}
 .novicka_vsebine a{
     color: #211e1e;
}
 .novicka_slika{
     width: 100%;
     overflow:hidden;
	 background-color: #fff;
}
 .novicka_slika img{
     width: 100%;
     height: auto;
}
 .novicka-header{
     padding: 23px;
     font-size: 18px;
     color: #211e1e;
}
 .post-categories {
     padding-top: 15px;
     margin-bottom: 15px;
     font-family: roboto;
     font-size: 16px;
}
 .post-categories li{
     display: inline-block;
}
 .post-categories li:after{
     content: '|';
     margin-left: 5px;
     margin-right: 5px;
}
 .post-categories li:last-child:after{
     content: '';
     margin-left: 0px;
     margin-right: 0px;
}
 .novicka_datum{
     font-size: 10px;
}
 .novicka-content{
     font-size: 16px;
     padding: 0px 23px 23px 23px;
}
/*aktualno-Oglasnadeska*/

.aktualno_obvestila .jp-s{
	padding-left:0;
}
	


 .loading_gif{
     height: 140px;
     position: relative;
}
 .loading_gif:before {
     content: " ";
     width: 40px;
     height: 40px;
     position: absolute;
     top: 50px;
     left: 50%;
     margin-left: -20px;
     background-size: contain;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-image: url("svg/nu-logo.svg");
}
 .loading_gif:before {
     -webkit-animation: anim 0.8s infinite cubic-bezier(0.45, 0.01, 0.54, 0.99);
     animation: anim 0.8s infinite cubic-bezier(0.45, 0.01, 0.54, 0.99);
}
 @-webkit-keyframes anim {
     0% {
         -webkit-transform: rotateY(0deg);
    }
     100% {
         -webkit-transform: rotateY(360deg);
    }
}
 @keyframes anim {
     0% {
         transform: rotateY(0deg);
    }
     100% {
         transform: rotateY(360deg);
    }
}
 #oglasna-deska-feed{
     display: block;
     clear: both;
     position: relative;
}
 #oglasna-deska-feed:before{
     background-color: #0b305e;
     right: 100%;
     margin-right:-23px;
     top: 0px;
     position: absolute;
     content:" ";
     height: 100%;
     width: 5000px;
}
 .aktualno_podnaslov{
     margin: 150px 0 30px 0px;
     padding-left:23px;
     font-size: 25px;
     color: #0b305e;
}
 .oglasna-header{
     padding:23px 23px 8px 23px;
     background-color: #0b305e;
     color: #fff;
     width: 33.333333% 
}
 .oglasna-header a{
     color: #fff;
}
 .oglasna-content{
     padding: 23px;
     background-color: #c7c7c7;
     color: #fff;
	 position: relative;
	transition: background-color .2s ease;
}

 .oglasna-content:hover{
	 background-color: #e1e1e1;
transition: background-color .2s ease;
 }
 
.oglasna-content:hover h1 {
    color: #2c9da2;
    transition: color .2s ease;
}

 .enovicka_slika{
     width: 100%;
     height: 0px;
     padding-top: 100%;
}
/*aktualno - enovice*/
 #e-novice-feed{
     padding-left: 23px;
}
 .enovicka-title{
     position: absolute;
     z-index: 2;
     left: 23px;
     right: 23px;
     bottom: 23px;
     color: #fff;
     background: #0a305c;
     transition: color .2s ease;
     font-family: charter, 'Times New Roman', serif;
     padding: 23px 23px 23px 70px;
     font-size: 16px;
}
 .enovicka-title:hover{
     color: #2c9da2;
     transition: color .2s ease;
}
 .enovicka-title:before{
     left: 23px;
}
 .prikazi_vec_okrog{
     text-align: right;
}
 .iskanje_prikazi_vec, .gumb_prikazi_vec, .povezava_arhiv{
     cursor: pointer;
     font-family: charter, 'Times New Roman', serif;
     width: 33.3333%;
     color: #fff;
     box-sizing: border-box;
     padding: 23px 23px 23px 70px;
     background: #0a305c;
     display: block;
     position: relative;
     margin: 0px 0px 0px auto;
     text-align: lefT;
     background-image: url('svg/Gumb_trikotniki_4.svg');
     background-size: auto 60px;
     background-position: 100% 0px;
     background-repeat: repeat-y;
     transition: color .2s ease;
}
 .povezava_arhiv{
     background-image: url('svg/Gumb_trikotniki_3.svg');
}
 .povezava_arhiv:before{
     left: 23px;
}
 .iskanje_prikazi_vec:before, .gumb_prikazi_vec:before{
     position: absolute;
     top:0px;
     left: 23px;
     content:' ';
     width: 27px;
     height: 100%;
     background-image:url('svg/ikona_vec.svg');
     background-size: 46px 22px;
     background-position: -22px 50%;
     background-repeat: no-repeat;
     overflow:hidden;
     transition: color .2s ease;
}
 .iskanje_prikazi_vec:hover, .gumb_prikazi_vec:hover{
     color: #2c9da2;
     transition: color .2s ease;
}
 .iskanje_prikazi_vec:hover:before, .gumb_prikazi_vec:hover:before{
     background-position: 3px 50%;
     transition: background-position .5s ease;
}

.arhiv_enovic{
	padding: 23px 23px 23px 75px;
	background:#0b305e;
	color:#fff;
font-size: 18px;
font-family: charter, 'Times New Roman', serif;
}

.arhiv_enovic:before{
	left: 23px;
}

.arhiv_enovic:hover{}

/*ARHIVI*/
 .arhiv_polja{
     margin-bottom: 7px;
}
 .arhiv_polje{
     background: #0a305c;
     padding: 23px;
     font-size: 0px;
     line-height: 0px;
     box-sizing: border-box;
}
 .select_wrap{
     width: 100%;
     max-width: 244px;
     position:relative;
}
 .select_arrow{
     top: 1px;
     right: 1px;
     width: 44px;
     height: 40px;
     position: absolute;
     background-image: url('svg/ikona_select.svg');
     background-size: 16px auto;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     pointer-events: none;
}
 .arhiv_polje select{
     cursor: pointer;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     font-size: 16px;
     line-height: 16px;
     color: #fff;
     border: 1px solid #fff;
     display: block;
     padding: 11px 12px;
     background-color: #0a305c;
     font-family: charter, 'Times New Roman', serif;
     position: relative;
     width: 100%;
     box-sizing: border-box;
}
 .arhiv_polje input[type='text']{
     font-size: 16px;
     line-height: 16px;
     color: #fff;
     border: 1px solid #fff;
     border-right: 0px solid #fff;
     padding: 12px;
     background-color: #0a305c;
     font-family: charter, 'Times New Roman', serif;
     width: 90%;
     max-width: 200px;
     box-sizing: border-box;
     height: 42px;
     vertical-align: bottom 
}
 .arhiv_polje input[type='hidden']{
     displaY: none;
     height: 0px;
     padding: 0px;
     margin: 0px;
}
 .arhiv_polje input[type='submit']{
     margin-left: 0px;
     padding-left: 0px;
     font-size: 16px;
     line-height: 16px;
     border: 1px solid #fff;
     border-left: 0px solid #fff;
     height: 42px;
     max-width: 42px;
     display:inline;
     color: #fff;
     background-color: #0a305c;
     content:' 
    ';
     cursor: pointer;
     background-image: url('svg/ikona_iskanje_bela.svg');
     background-size: 16px 16px;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     width: 10%;
     box-sizing: border-box;
     -webkit-appearance: none;
}
 select:hover, .group:hover input{
     border-color:#4695C6 
}
 .arhiv_iskanje{
     text-align: right;
}
 .enota_arhiva{
     background-color: #fff;
     margin-bottom: 7px;
}
 .enota_arhiva_podatki{
     padding-top: 30px;
     padding-bottom: 30px;
     padding-right: 60px;
     display: block;
     position: relative;
}
 .enota_arhiva_podatki:hover{
     background-color: #eee 
}
 .enota_arhiva_podatki:after{
     content: ' ';
     position: absolute;
     right: 23px;
     top: 0px;
     width: 27px;
     height: 100%;
     background-image: url('svg/ikona_arhiv_link.svg');
     background-size: 46px 22px;
     background-position: -22px 50%;
     background-repeat: no-repeat;
     overflow: hidden;
}
 .enota_arhiva_podatki:hover:after{
     background-position: 3px 50%;
     transition: background-position .5s ease;
}
 .enota_arhiva a{
     display: block;
     height: 100%;
     width: 100%;
}
 .arhiv_datum {
     color: #211e1e;
}
 .arhiv_naslov{
     font-family: charter, 'Times New Roman', serif;
     font-size: 16px;
     line-height: 20px;
     color: #211e1e;
}
 .arhiv_objave{
     position: relative;
     padding-bottom: 42px;
}
 #rezultati_iskanja:before, .arhiv_objave:before{
     content:' ';
     position: absolute;
     right: -40px;
     top: -50px;
     width: 5000px;
     background: #c7c7c7;
     height: 100%;
     z-index: -1;
     border-top: 50px solid #c7c7c7;
}
 .iskanje_prikazi_vec, .prikazi_vec_arhiv{
     margin-right: -40px;
}
/*SEARCH - ISKANJE*/
 .iskanje_iskanje {
     text-align: right;
}
 #rezultati_iskanja {
     position: relative;
     padding-bottom: 42px;
}
 {
}
/*IMENIK*/
 .enota_imenika {
     display: block;
     clear: both;
     background-color: #fff;
     margin-bottom: 7px;
}
 #iskanje_imenik{
     border: 1px solid #fff;
}
 .imenik_vsebine{
     font-family: charter, 'Times New Roman', serif;
     padding-top: 30px;
     padding-bottom: 30px;
     padding-right: 30px;
     padding-left: 7px;
     padding-right: 30px;
     display: block;
     position: relative;
}
 #imenik_fakultete{
     padding-bottom: 42px;
}
 #imenik_fakultete::before {
     content: ' ';
     position: absolute;
     right: -40px;
     top: -50px;
     width: 5000px;
     background: #c7c7c7;
     height: 100%;
     z-index: -1;
     border-top: 50px solid #c7c7c7;
}
 .imenik_naslov_polozaj{
  display: block;
	clear: both;
	text-transform: none;
	font-family: charter-italic, 'Times New Roman', serif;
	font-size: 32px;
	margin-top: 0;
	margin-bottom: 32px;
	color: #ababab;
	font-style: italic;
	text-align: center;
}
/*PREDMETNIKI*/
 .predmetnik{
     display: none;
}
 .prikazan_predmetnik{
     display: block;
}
 .flash{
     background: #fff;
     animation-name: flash;
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-iteration-count: 1 
}
 @keyframes flash {
     from {
        background-color: #fff;
    }
     to {
        background-color: #ebebeb;
    }
}
 .zavihek{
     font-family: charter, 'Times New Roman', serif;
     padding: 23px 23px 23px 70px;
     color: #fff;
     background: #0a305c;
     margin-bottom: 0px;
     position: relative;
     transition: color .2s ease;
     background-image:url('svg/Gumb_trikotniki_1.svg');
     background-size: auto 60px;
     background-position: 100% 0px;
     background-repeat: repeat-y;
     transition: color .2s ease;
}
 .link_zavihek:nth-child(odd) .zavihek{
     background-image:url('svg/Gumb_trikotniki_2.svg');
}
 .zavihek:before{
     position: absolute;
     top: 0px;
     left: 23px;
     content: ' ';
     width: 27px;
     height: 100%;
     background-image: url('svg/ikona_puscica_levo.svg');
     background-size: 46px 22px;
     background-position: 3px 50%;
     background-repeat: no-repeat;
     overflow: hidden;
}
 .zavihek:hover{
     color: #2c9da2;
     transition: color .2s ease;
}
 .zavihek:hover::before {
     background-position: -22px 50%;
     transition: background-position .5s ease;
}
 .zavihek_aktivni{
     background-color: #ebebeb;
     color: #0a305c;
}
 .zavihek_aktivni:hover{
     color: #0a305c;
}
 .zavihek_aktivni:before{
     display: none;
}
/*PREDMETI*/
 .nosilec_naslov{
     padding: 23px;
     background: #ebebeb;
     display: none;
}
/*dokumenti*/
 #seznam_dokumentov {
     position: relative;
     padding-bottom: 42px;
}
 #seznam_dokumentov::before {
     content: ' ';
     position: absolute;
     right: -40px;
     top: -50px;
     width: 5000px;
     background: #a2a2a2;
     height: 100%;
     z-index: -1;
     border-top: 50px solid #a2a2a2;
}
 .en_dokument{
     display: block;
     clear: both;
     background-color: #fff;
     margin-bottom: 7px;
}
 .dokument_vsebine{
     font-family: charter, 'Times New Roman', serif;
     padding-top: 30px;
     padding-bottom: 30px;
     padding-right: 30px;
     padding-left: 7px;
     padding-right: 30px;
     display: block;
     position: relative;
}
 .dokumnet-header{
     padding-left: 87px;
     position: relative;
}
 .dokumnet-header::before{
     content: ' ';
     width: 30px;
     height: 30px;
     display: block;
     background-image: url('svg/ikona_datoteka.svg');
     background-size: contain;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     position: absolute;
     top: -5px;
     left:30px 
}
 .dokumnet-title{
     font-family: charter-bold, 'Times New Roman', serif;
     font-size: 16px;
     line-height: 20px;
     color: #211e1e;
     display: inline-block;
     float: lefT;
}
 .dokument-content{
}
 .download_ikona{
     position: absolute;
     right: 30px;
     top: 23px;
     width: 30px;
     height: 30px;
     display: block;
     background-image: url('svg/ikona_download.svg');
     background-size: 19px auto;
     background-position: 50% -43px;
     background-repeat: no-repeat;
}
 .dokument_vsebine:hover .download_ikona{
     background-position: 50% 3px;
     transition: background-position .4s ease;
}
 .gumb_vec_dokumentov{
     cursor: pointer;
     font-family: charter, 'Times New Roman', serif;
     width: 33.3333%;
     color: #fff;
     box-sizing: border-box;
     padding: 23px 23px 23px 70px;
     background: #0a305c;
     display: block;
     position: relative;
     margin: 0px 0px 0px auto;
     margin-right: 0px;
     text-align: lefT;
     margin-right: -40px;
}
 .gumb_vec_dokumentov::before {
     position: absolute;
     top: 0px;
     left: 23px;
     content: ' ';
     width: 27px;
     height: 100%;
     background-image: url('svg/ikona_vec.svg');
     background-size: 46px 22px;
     background-position: -22px 50%;
     background-repeat: no-repeat;
     overflow: hidden;
     transition: color .2s ease;
}
 .gumb_vec_dokumentov:hover {
     color: #2c9da2;
     transition: color .2s ease;
}
 .gumb_vec_dokumentov:hover::before {
     background-position: 3px 50%;
     transition: background-position .5s ease;
}
/*TEKST!*/
 .tekst,
 .tekst_novica{
     padding-top: 40px;
     padding-bottom: 17px;
     background-color: #ebebeb;
	 text-align: justify;
}
 .tekst p{
	font-size: 16px;
	line-height: 1.45em;
	padding-left: 13.33333%;
	padding-right: 13.33333%;
	margin-bottom: 23px;
	text-align: justify;
}

.tekst_novica p{
	font-size: 16px;
	line-height: 1.45em;
	padding-left: 11%;
	padding-right: 11%;
	margin-bottom: 23px;
	text-align: justify;
}

.tekst ul, .tekst ol{
	 font-size: 16px;
     line-height: 1.45em;
     padding-left: 13.333333%;
     margin-left: 40px;
     padding-right: 13.333333%;
     margin-bottom: 23px;
	 
	 text-align: justify;
}

.tekst_novica ul, .tekst_novica ol{
     font-size: 16px;
     line-height: 1.45em;
     padding-left: 11%;
     margin-left: 40px;
     padding-right: 11%;
     margin-bottom: 23px;
	 text-align: justify; 
}

 .tekst_novica ul,
 .tekst ul{
     list-style-type: disc;
}

 .tekst_novica ol,
 .tekst ol{
     list-style-type: decimal;
}

.tekst h2, .tekst h3, .tekst h4, .tekst h5,.tekst h6,
.tekst_novica h2,
.tekst_novica h3,
.tekst_novica h4,
.tekst_novica h5,
.tekst_novica h6{
     line-height: 1.45em;
     padding-left: 11%;
     padding-right: 11%;
     margin-bottom: 32px;
     padding-bottom: 0px;
     padding-top: 0px;
     color: #211e1e;
     font-family: charter-bold;
}

.tekst h2, .tekst h3, .tekst h4, .tekst h5,  .tekst h6{
	 padding-left: 13.33333%;
}

.tekst_novica ul li strong, .tekst_novica ul li b,
.tekst ul li strong, .tekst ul li b,
.tekst_novica p strong, .tekst_novica p b,
.tekst p strong, .tekst p b{
    font-family: charter-bold, 'Times New Roman', serif;
}

.tekst h2,
.tekst_novica h2{
	font-size: 20px;
}
 .tekst h3,
 .tekst_novica h3{
     font-size: 18px;
}
 .predmetnik h3{
     font-size: 25px;
}

 .tekst h4,
 .tekst_novica h4{
     font-size: 16px;
}
 .predmetnik h4{
     font-size: 22px;
}
.predmetnik h5{
     font-size: 18px;
}
.predmetnik h6{
     font-size: 16px;
}

.tekst_novica img,
.tekst img{
     padding-left: 13.33%;
     padding-right: 13.33%;
     margin-bottom: 23px;
     max-width: 78%;
	 height: auto
}

.tekstimg.aligncenter,
.tekst_novica img.aligncenter {
     margin: 0px auto 23px auto;
     text-align: center;
     display: block;
}
 .tekstimg.alignleft,
 .tekst_novica img.alignleft {
     display: inline-block;
     float: left;
     margin: 0px 23px 23px 0px;
     text-align: center;
     display: block;
     padding-right: 0px;
}
 .tekstimg.alignright,
 .tekst_novica img.alignright {
     display: inline-block;
     float: right;
     margin: 0px 0px 23px 23px;
     text-align: center;
     display: block;
     padding-left: 0px;
}


/*zemljevidi*/


.tekst .zemljevid{
	height: 400px;
	width: 100%;
	position: relative;
	overflow:hidden;
}

.tekst .zemljevid iframe{
	width: 100%;
	height: 450px;
	top: -50px;
	left: 0px;
	position: absolute;
}


/*TABELE*/


/*tabele v novicah in straneh in podobno*/
.okrogtabele{
	width:100%;
	overflow-x:auto;
}
 .tekst table,
 .tekst_novica table{
	min-width: 500px;
	border-bottom:0px solid #4695c6;
	font-size: 16px;
	
	 border-left: 1px solid #ebebeb;
	 border-right: 1px solid #ebebeb
 }

 .tekst table,
 .tekst_novica table,
 .tekst table p,
 .tekst_novica table p{
     width: 100%;
     margin-bottom: 23px;
	 font-family: roboto, arial, sans-serif;
}
 .tekst table tr,
 .tekst_novica table tr{
     background: #ffffff;
}
 .tekst table tr:nth-child(even),
 .tekst_novica table tr:nth-child(even){
     background: #f1f1f1;
}

 .tekst table thead tr td,
 .tekst table tr th,
 .tekst_novica table thead tr td,
 .tekst_novica table tr th{
     padding: 12px 15px;
     background-color: #4695c6;
     color: #fff;
     font-family: roboto-bold;
     font-size: 16px;
     vertical-align: middle;
}

 .tekst table tr td,
 .tekst_novica table tr td{
     text-align: center;
     padding: 12px 15px;
     vertical-align: middle;
	 line-height: 1.5em;
}

 .tekst_novica table tr th:first-child,
 .tekst table tr th:first-child{
     text-align: left;
     padding-left: 23px;
}

 .tekst_novica table tr td:first-child,
 .tekst table tr td:first-child{
     text-align:left;
     padding-left: 23px;
     /*width: 300px;*/
}
 .tekst_novica table tr.ects,
 .tekst table tr.ects{
     background-color: #4695c6;
     color: #fff;
     font-family: roboto-bold;
}
 .tekst_novica table tr.ects td:first-child,
 .tekst table tr.ects td:first-child{
     text-align: right;
}

.tekst_novica table strong, .tekst_novica table b,
.tekst table strong, .tekst table b{
	  font-family: roboto-bold;
}

.tekst table p,
.tekst_novica table p{
	padding-left: 0px;
}



/*fotogalerije*/
 .fotogalerija{
     display: block;
     width: 100%;
     font-size: 0px;
     line-height: 0px;
	 margin-bottom: 23px
}
 .galerija-slika{
     display: inline-block;
     width: 33.3333%;
     height: 0px;
     padding-bottom: 33.333333%;
     float: left;
	 position:relative !important;
}
 .galerija-slika img{
     padding: 0px;
     margin-bottom: 0px;
     max-width: 1000%;
	transition: opacity .2s ease;
}

.galerija-slika:hover img{
	opacity: .8;
	transition: opacity .2s ease;
}

/*vsebina novice*/
 .novica_naslovje{
}
 .naslov_novice{
     text-align: center;
     padding: 130px 0px 30px 0px;
     font-size: 40px;
     color: #0a305c;
     font-family: roboto-bold;
}
 .novice-meta{
     padding: 35px 45px;
     background-color: #0a305c;
     color: #fff;
     font-family: roboto-bold;
     position: relative;
     text-align: right;
}
 .novice-meta:after{
     content: ' ';
     position: absolute;
     right: 0px;
     top: 0px;
     height: 100%;
     width: 6000px;
     background: #0a305c;
     border-bottom: 45px solid #0a305c;
     z-index: -1;
}
 .novica_datum{
     font-family: roboto;
}
 .novica_kategorija{
}
 .novica_kategorija ul{
     text-align: right;
     padding-top: 23px;
     font-family: roboto-bold;
     margin-bottom: 0px;
}
 .novica_kategorija li{
}
 .novica_kategorija li a{
     color: #fff;
}
 .vsebina_novice{
}
 .vsebina_novice .obstranje{
     padding-top: 45px;
}
/*navadne_vsebine*/
.naslov_ene_strani{
     text-align: left;
     color: #0a305c;
     font-family: roboto-bold;
	 padding: 200px 0px 23px 10%;
font-size: 25px;
color: #0b305e;
}


 .entry-header{
     padding: 10px;
     text-align: center;
}
 .entry-content{
     padding: 10px;
     background: #ebebeb;
}
 .povezana_vsebina{
     font-family: charter, 'Times New Roman', serif;
     padding: 23px 23px 23px 70px;
     color: #fff;
     background: #0a305c;
     margin-bottom: 0px;
     position: relative;
     background-image:url('svg/Gumb_trikotniki_1.svg');
     background-size: auto 60px;
     background-position: 100% 0px;
     background-repeat: repeat-y;
     transition: color .2s ease;
}
 .povezana_vsebina:nth-child(odd){
     background-image:url('svg/Gumb_trikotniki_2.svg');
}
 .povezana_vsebina:hover{
     color: #2c9da2;
     transition: color .2s ease;
}
 .povezana_vsebina:before{
     position: absolute;
     top:0px;
     left: 23px;
     content:' ';
     width: 27px;
     height: 100%;
     background-image:url('svg/ikona_puscica_desno_2.svg');
     background-size: 46px 22px;
     background-position: -22px 50%;
     background-repeat: no-repeat;
     overflow:hidden;
}
 .povezano-dokumenti:before{
     background-image:url('svg/ikona_priponka.svg');
}
 .povezano-povezava:before{
     background-image:url('svg/ikona_web.svg');
}
 .povezano-posta:before{
     background-image:url('svg/ikona_posta.svg');
}
 .povezano-telefon:before{
     background-image:url('svg/ikona_telefon.svg');
}
 .povezana_vsebina:hover:before{
     background-position: 3px 50%;
     transition: background-position .5s ease;
}
 .predstavnostna_slika_side img{
     width: 100%;
     height: auto;
     display: block;
}
 .predstavnostna_slika_side_okvir{
}
 .gumb_uredi{
     padding: 10px;
     color: #fff;
     background: #ccc;
}
/*pogosta vprašanja*/
 .pogosta{
     padding:0px;
}
 .pogosta h2{
     padding: 23px 70px 23px 23px ;
     color: #fff;
     background-color: #4695c6;
     display: block;
     margin-bottom: 0px;
     font-family: charter;
     cursor: pointer;
     position: relative;
}
 .pogosta h2:after{
     position: absolute;
     top: 0px;
     right: 23px;
     content: ' ';
     width: 27px;
     height: 100%;
     background-image: url('svg/ikona_desno.svg');
     background-size: 22px 22px;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     overflow: hidden;
     transition: transform .2s ease, color .2s ease;
}
 .pogosta h2:hover{
     background-color: #19537b;
     transition: color .2s ease;
}
 .pogosta h2:hover:after{
     transform: rotate(90deg);
     transition: transform .2s ease;
}
 .prikazanavprasanja h2:after{
     transform: rotate(90deg);
     transition: transform .2s ease;
}
 .prikazanavprasanja h2:hover:after{
     transform: rotate(-90deg);
     transition: transform .2s ease;
}
 .eno_vprasanje h3{
     padding: 23px 23px 23px 70px ;
     display: block;
     margin-bottom: 0px;
     font-family: charter;
     cursor: pointer;
     position: relative;
}
 .eno_vprasanje{
     display: block;
     overflow: hidden;
     max-height: 0px;
     transition: max-height .3s ease;
}
 .eno_vprasanje h3::before{
     position: absolute;
     top: 0px;
     left: 23px;
     content: ' ';
     width: 27px;
     height: 100%;
     background-image: url('svg/ikona_desno_crna.svg');
     background-size: 22px 22px;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     overflow: hidden;
     transition: transform .2s ease, color .2s ease;
}
 .eno_vprasanje h3:hover{
     color: #4695c6;
     transition: color .2s ease;
}
 .eno_vprasanje h3:hover:before{
     transform: rotate(90deg);
     transition: transform .2s ease;
}
 .odprtovprasanje h3:before{
     transform: rotate(90deg);
     transition: transform .2s ease;
}
 .odprtovprasanje h3:hover:before{
     transform: rotate(-90deg);
     transition: transform .2s ease;
}
 .prikazanavprasanja .eno_vprasanje{
     max-height: 10000px;
     transition: max-height .3s ease, margin-bottom .3s ease;
}
 .eno_vprasanje .eno_vprasanje_vsebina{
     display: block;
     overflow: hidden;
     max-height: 0px;
     margin-bottom: 0px;
     transition: max-height .3s ease, margin-bottom .3s ease;
}
 .odprtovprasanje .eno_vprasanje_vsebina{
     max-height: 5000px;
     transition: max-height .3s ease, margin-bottom .3s ease;
}
/*sidebar*/
 .preberite_se{
     padding: 23px;
     color: #0a305c;
     font-size: 24px;
     font-family: charter-italic, 'Times New Roman', serif;
}
 .sostrani li a{
     font-family: charter, 'Times New Roman', serif;
     display: block;
     padding: 23px 23px 23px 70px;
     color: #fff;
     background: #0a305c;
     margin-bottom: 0px;
     position: relative;
     transition: color .2s ease;
}
 .sostrani li a::before {
     position: absolute;
     top: 0px;
     left: 23px;
     content: ' ';
     width: 27px;
     height: 100%;
     background-image: url('svg/ikona_puscica_desno_2.svg');
     background-size: 46px 22px;
     background-position: -22px 50%;
     background-repeat: no-repeat;
     overflow: hidden;
}
 .sostrani li a:hover{
     color: #2c9da2;
     transition: color .2s ease;
}
 .sostrani li a:hover::before{
     background-position: 3px 50%;
     transition: background-position .5s ease;
}
/*footer*/
 .kontakt_footer{
     margin-top: 125px;
}
 .kontakt_footer h3{
     font-size: 18px;
     line-height: 24px;
     margin: 0px 0px 23px 0px;
}
 .kontakt_footer p{
     color: #0B305E;
     line-height: 22px;
     font-size: 16px;
}
 #noga_povezave{
     margin-top: 100px;
     background:#0B305E;
     padding-top: 0px;
}
 .noga_povezava{
     display: table-cell;
     vertical-align: middle;
     height: 83px;
     white-space: nowrap;
     text-align: center;
}
 .helper {
     display: inline-block;
     height: 100%;
     vertical-align: middle;
}
 .noga_povezava img{
     width: 100%;
     max-width: 200px;
     height: auto;
     vertical-align: middle;
}
 #noga_copy{
     color: #fff;
     text-align: center;
     font-size: 13px;
     padding-top: 11px;
     padding-bottom: 23px 
}

#noga_copy .separator{
	margin: 0px 10px;
	
	color: #fff;
}


#noga_copy a{
	color: #fff;
}



#noga_copy a:hover{
	color: #2c9da2;
	transition: color .2s ease;
}

 #na_vrh{
     position: fixed;
     bottom: 23px;
     right: -200px;
     z-index: 100;
     padding: 17px 17px 17px 52px;
     background-color:#4695c6;
     color: #fff;
     font-family: roboto-bold;
     text-transform: uppercase;
     cursor: pointer;
     background-image: url('svg/ikona_na_vrh.svg');
     background-size: 23px auto;
     background-repeat: no-repeat;
     transition: background-color .2s ease, right .2s ease;
     background-position: 17px 13px;
}
 .na_vrh_prikazan{
     right: 0px !important;
     transition: right .2s ease;
}
 #na_vrh:hover{
     background-color: #19537b;
     background-position: 17px -48px;
     transition: background-color .2s ease, background-position .2s ease;
}
/*mobile*/
 @media (max-width: 1016px) {
     #polni_menu{
         height: 100%;
         overflow-y: auto;
    }
     #menu_close{
         right: 23px;
         top: -55px;
    }
    
	#polni_menu .p_m {
         margin-top: 80px;
         display: block;
    }
     #polni_menu .p_m li{
         text-transform: uppercase;
         display: block;
         width: 100%;
         float: none;
         font-size: 20px;
         padding-right: 37px;
         line-height: 25px;
		 position:relative;
    }
     #polni_menu .p_m li a {
         margin-bottom: 10px;
    }
	
	
	#polni_menu .p_m ul {
		max-height: 0px;
		overflow: hidden;
		position: relative;
		
		transition: max-height .2s ease;
		
	}
	
	#polni_menu .raztegnjen ul{
		max-height: 1500px;
		transition: max-height .2s ease;
	}
	
	#polni_menu .raztegni{
		content: ' ';
		position: absolute;
		right: 0px;
		top: -4px;
		height: 30px;
		width: 30px;
		background-image: url('svg/ikona_select.svg');
		background-size: 20px auto;
		background-repeat: no-repeat;
		transition: background-color .2s ease, right .2s ease;
		background-position: 50% 60%;
		cursor: pointer;
		
		border-radius: 15px;
	}
	
	#polni_menu .raztegni:hover{
		background-color: #4695c6;
		transition: background-color .2s ease;
	}
	
	
     #sociala_ikone_menu{
         display: block;
         margin: 23px 0px 23px 0px;
         height: 30px;
    }
     #novice_front {
         margin-top: 0px;
    }
    .slide_vsebina{
		top: 66px;
		right: 66px;
		left: 66px;
		bottom: 66px;
	}
     .vsebina_ene_strani h2, .vsebina_podstrani h2 {
         padding: 100px 0px 23px 10%;
    }
	
	 .vsebina_ene_strani .text h2, .vsebina_podstrani .tekst h2,
	 .vsebina_ene_strani .tekst_novica h2, .vsebina_podstrani .tekst_novica h2 {
		   padding: 0px 13.333% 0px 13.333%;
	 }
	
	.naslov_ene_strani{
    
	 padding:100px 0px 23px 10%;

}
     .vsebinastrani .tekst::before,
     .vsebina_podstrani .tekst::before {
         right: 95%;
		 top: -76px;
    }
}
 @media (max-width: 750px) {
	 
	
	 
     #oglavje{
         height: 110px;
         margin-bottom: 23px;
    }
     #logotip_glava {
         margin: 23px 0px;
    }
     #logotip_glava img{
         width: auto;
         height: 110px;
    }
     #povezave_glava{
         display: none;
    }
     #header_search_mobile{
         position: relative;
    }
     #povezave_glava_mobile{
         display: block;
         position: absolute;
         right: 23px;
         top: 0px;
    }
	
		
	 #vis_link_mobile{
     color: #fff;
     background-color: #2c9da2;
 
     width: 118px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     padding: 0px;
     font-family: roboto-bold;
     font-size: 16px;
        display: inline-block;
	float:left;
	 
     transition: background-color .2s ease;
	}
	 #vis_link_mobile:hover{
		background-color: #4695c6;
		 transition: background-color .3s ease;
	}
	
		#eucilnica_link_mobile{
		 color: #fff;
		 background-color: #4695c6;
		 width: 50px;
		 height: 50px;
		 line-height: 0px;
		 text-align: center;
		 padding: 0px;
		 font-family: roboto-bold;
		 font-size: 0px;
		 display: inline-block;
		vertical-align: top;
		margin-top: 0px;
		background-image: url('svg/moodle_ikona_bela.svg');
		margin-left: 5px;
		background-size: 22px auto;
		background-repeat:no-repeat;
		background-position: 48% 46%;
		
     transition: background-color .2s ease;
	}

	#eucilnica_link_mobile:hover{
		background-image: url('svg/moodle_ikona_barvna.svg');
		 background-color: #f98012;
		 transition: background-color .3s ease;
	}

	#deus_link_mobile{
		 color: #fff;
		 background-color:#15547a;
		 width: 50px;
		 height: 50px;
		 line-height: 0px;
		 text-align: center;
		 padding: 0px;
		 font-family: roboto-bold;
		 font-size: 0px;
		 display: inline-block;
		vertical-align: top;
		margin-top: 0px;
		background-image: url('svg/deus-logotip-bel.svg');
		margin-left: 2px;
		background-size: 22px auto;
		background-repeat:no-repeat;
		background-position: 50% 50%;
		
     transition: background-color .2s ease;
	}

	#deus_link_mobile:hover{
		background-image: url('svg/deus-logotip-bel.svg');
		  background-color: #4695c6;
		 transition: background-color .3s ease;
	}
     .mobile_menu_enota{
         margin-bottom: 10px;
         text-align: center;
    }
     .mobile_menu_enota:last-child{
         margin-bottom:0;
    }
     .lang-item{
         width: 30px;
         text-align:center;
    }
     .glavni-menu{
         display: none;
    }
     .tinynav {
         cursor: pointer;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
         font-size: 16px;
         line-height: 16px;
         color: #fff;
         border: 0px solid #fff;
         display: block;
         padding: 11px 12px;
         background-color: #0a305c;
         font-family: charter, 'Times New Roman', serif;
         position: relative;
         width: 100%;
         box-sizing: border-box;
         background-image:url('svg/ikona_menu_bela.svg');
		 background-position: 98% 50%;
		 background-repeat: no-repeat;
		 background-size:  23px auto;
    }
	
	.tinynav{
		
	}
	
     .menu_strani {
        display: none;
    }
     #nav {
         display: none 
    }
     #fakulteta_slider {
         padding-bottom: 0%;
		 margin-left:23px;
		 margin-right: 23px;
		 box-sizing: border-box;
		 overflow:hidden;
		 width:auto;
    }
	.slide_teksti {
    display: inline-block;
    max-width: 90%;
}
     .novica_front_vec {
         text-align: right;
         position: relative;
         bottom: auto;
         margin: 23px 0px 0px auto;
         width: 76px;
    }
     .novica_front {
         min-height: 0px;
    }
		
	#arhiv_link_obvestila{
		width: 100%;
		float: none;
		color: #fff;
	}
     .kontakt_footer{
         margin-top: 50px;
    }
     #e-novice-feed, .oglasna_vsebine, .prikazi_vec_okrog {
         padding-left: 0px;
    }
     .iskanje_prikazi_vec, .gumb_prikazi_vec, .povezava_arhiv {
         width: 100%;
    }
     .oglasna-header {
         width: 66.66%;
    }
     .aktualno_podnaslov {
         margin: 100px 0 30px 0px;
         padding-left: 0px;
    }
     .arhiv_polje input[type="text"] {
         width: 90%;
         max-width: 1000px;
    }
     .arhiv_iskanje {
    }
     .select_wrap {
         max-width: 1000px;
    }
	
	.eno_vprasanje h3::before {
		left: 0px;
		width: 10%;
		background-size: 14px 14px;
	}
	
	/*mobile vsebine*/
	
	
	.jp_drobtinice {
    position: relative;
    top: auto;
    left: auto;
	display: block;
	margin-top: 23px;
	margin-bottom: 0px;
}
	
	.naslov_zbirne {
    padding: 50px 0px 30px 0px;
    font-size: 25px;
}
	
	.naslov_strani {
    font-size: 25px;
}

	.zbirna_stran_naslovje .podnaslov {
   
    font-size: 20px;
}	


	.naslov_novice {
    text-align: center;
    padding: 50px 0px 30px 0px;
    font-size: 25px;
	}
	.vsebina_novice .obstranje{
     padding-top: 0px;
}
.tekst h2, .tekst h3, .tekst h4, .tekst h5,
.tekst_novica h2,
.tekst_novica h3,
.tekst_novica h4,
.tekst_novica h5{

 
    padding-left: 10%;
    padding-right: 10%;
}
	
	 .tekst_novica p{
     padding-left: 10%;
     padding-right: 10%;
}
.tekst p {
    padding-left: 10%;
    padding-right: 10%;
}
	.tekst ul, 	.tekst ol {
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 23px;
}
	
	.vsebina_ene_strani h2, .vsebina_podstrani h2 {
		padding: 46px 0px 23px 10%;
	}

	 .vsebina_ene_strani .text h2, .vsebina_podstrani .tekst h2,
	 .vsebina_ene_strani .tekst_novica h2, .vsebina_podstrani .tekst_novica h2 {
		   padding: 23px 10% 23px 10%;
	 }

.naslov_ene_strani{
    
	 padding: 23px 0px 23px 10%;

}
	
.vsebinastrani .tekst::before ,
	.vsebina_podstrani .tekst::before {
      top: -43px;
}

	
	/*footer*/

	
     .noga_povezava {
         display: block;
         vertical-align: top;
         height: auto;
         white-space: nowrap;
         text-align: center;
         margin-bottom: 23px;
    }
     .noga_povezava{
         height: 100%;
         max-width: 2000px;
         width: auto;
         vertical-align: middle;
    }
     .noga_povezava:last-child{
         margin-bottom: 0px;
    }
     .helper{
         display: none;
    }
     #noga_povezave {
         margin-top: 55px;
         background: #0B305E;
         padding-top: 23px;
    }
}
 @media (max-width: 600px) {
     #fakulteta_slider {
         padding-bottom: 133%;
    }
     #slider_puscica_levo {
         padding-left: 0px;
    }
     #slider_puscica_desno {
         padding-right: 0px;
    }
      .slide_vsebina {
         top: 23px;
         bottom: 23px;
         right: 23px;
         left: 23px;
    }
     .slide_naslov {
         font-size: 22px;
         line-height: 25px;
         padding: 15px;
         text-align: left;
    }
     .slide_opis_text {
         display: block;
         max-width: 100%;
         padding: 15px;
         text-align: left;
         margin: 0px 0px 0px 0px;
         font-size: 15px;
         line-height: 18px;
    }
     .podstrani_okvircki{
         display: block;
         height: auto;
         position: relative;
    }
     .p_o{
         background: #4695C6;
         position: relative;
         background-size: cover;
         background-position: 50% 50%;
         width: 100% !important;
         min-height: 400px ;
		 height: auto !important;
		 left: auto !important;
		 right: auto !important;
		 top: auto !important;
		 bottom: auto !important;
    }
     .p_o:nth-child(1){
        background-color: #0b305e;
    }
     .p_o:nth-child(2){
        background-color: #19537b;
    }
     .p_o:nth-child(3){
        background-color: #4695c6;
    }
     .p_o:nth-child(4){
        background-color: #0b305e;
    }
     .p_o:nth-child(5){
        background-color: #4695c6;
    }
     .p_o_povezave {
         position: auto;
         bottom: 0px;
         right: 20px;
         left: 20px;
    }
     .link_okvircek {
         padding: 23px 23px 23px 50px;
         display: inline-block;
         clear: both;
         float: right;
         background: #0a305c;
         color: #fff;
         margin-bottom: 20px;
         font-size: 18px;
         text-align: right;
         font-family: charter, 'Times New Roman', serif;
    }
}

 @media (max-width: 546px) {
	 .tekst , .tekst_novica{
		 overflow-x: auto;
	 }

 }