@charset "utf-8";
@import url("noto-sans.css");
/*-------------------------------------
Developer:	
Date:		31.12.2012
Client:		
---------------------------------------
Content:
---------------------------------------
	1. Reset
	2. Global styles
	3. Containers
	4. Menus
	5. Galleries
	6. Forms
	7. Specific styles
---------------------------------------*/


/*---------------------------------------
	=RESET
---------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0 none;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}
strong {
	color: #333;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body {
	height: 100%;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ul, ol {
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------------------------------
	=GLOBAL STYLES
---------------------------------------*/

body {	
	background-color: #F3F3F1;
	font-family: 'Noto Sans', sans-serif;
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {}
h1 {}
p {}
ul, ol {}
li {}
a {
	color: #023777;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {}
i {
	font-style: italic;
}
sup
{
    font-size: 85%;
    vertical-align: text-middle;
    line-height: 0;
}

/*---------------------------------------
	=CONTAINERS
---------------------------------------*/

div {}

header, section, article, aside, footer { position: relative }
header {
	width: 100%;
	background-color: #FFFFFF;
	position: relative;
}
#header_line {
	width: 100%;
	height: 3px;
	background-color: #023777;
	box-shadow: 0 1px 3px 0 #CCCCCC;
}
#header_line_content {
	/*background-image: url(/pic/triangle-short.png);*/
	width: 160px;
	height: 32px;
	position: absolute;
	right: 0px;
	top: 0px;
	font-family: 'Noto Sans', sans-serif;
}
#header_content {
	width: 980px;
	height: 115px;
	margin: 0 auto;
	background-image: url(/pic/header4.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
}
#header_nav{
	width: 100%;
	height: 50px;
	margin-bottom:2px;
	/*background-image: url(../pic/header_nav.png);*/
	-webkit-box-shadow: 0 1px 3px 0 #CCC;
	-moz-box-shadow: 0 1px 3px 0 #CCC;
	box-shadow: 0 1px 3px 0 #CCC;
		
	background: #023777; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyMzc3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjJiNWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #023777 0%, #022b5b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#023777), color-stop(100%,#022b5b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #023777 0%,#022b5b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #023777 0%,#022b5b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #023777 0%,#022b5b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #023777 0%,#022b5b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023777', endColorstr='#022b5b',GradientType=0 ); /* IE6-8 */		
}
#nav_container{
	width: 980px;	
	height: 50px;
	margin: 0 auto 2px auto;
}
#container_naslovna {
    width: 980px;
	min-height: 760px;
	margin: 0 auto;
	overflow: auto;
	padding-bottom: 45px; /* must be same height as the footer */
	margin-bottom: 40px;
	padding-left: 2px;
	padding-right: 2px;
	position: relative;
	font-family: 'Noto Sans', sans-serif;
}
#container {
	width: 980px;
	min-height: 800px;
	margin: 0 auto;
	overflow: auto;
	padding: 5px 5px 100px 5px; 
	background:white;
	font-family: 'Noto Sans', sans-serif;
}

/* FOOTER */

footer {
	position: relative;
    height: 300px;
	clear: both;
	-webkit-box-shadow: 0 0 5px 2px #CCC;
	-moz-box-shadow: 0 0 5px 2px #CCC;
	box-shadow: 0 0 5px 2px #CCC;
	font-family: 'Noto Sans', sans-serif;
	background: #023777; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyMzc3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjJiNWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #023777 0%, #022b5b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#023777), color-stop(100%,#022b5b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #023777 0%,#022b5b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #023777 0%,#022b5b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #023777 0%,#022b5b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #023777 0%,#022b5b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023777', endColorstr='#022b5b',GradientType=0 ); /* IE6-8 */	
} 
#footer_container {
	width: 980px;
	font-size: 11px;
	margin: 0 auto;
	color: #E6E6E6;
	line-height: 13px;	
}
.footer_right {
	position:relative;
	padding-top: 23px;
	line-height: 20px;
	text-align: left;
	float: right;	
	width: 259px;
	letter-spacing: 0.8px;
}
.footer_right #grb{
float:left;
height:200px;
width:45px;
 margin-right: 20px;
}
.footer_right img {	
	margin-right: 4px;
	vertical-align: middle;
	float: left;
}
#soc-net{
	height:28px;
	overflow:hidden;
	margin-top:20px;
	margin-left:70px;
}
#soc-net img:hover{
	margin-top:-30px;
}
#footer-kolone h3{
    font-size: 145%;
    margin-bottom: 20px;
    border-bottom: 2px solid #002b5e;
    padding-bottom: 10px;
    letter-spacing: 0.8px;
    font-weight: 200;
}
/* naslov za kontakte u futeru */
#footer-desno h3{
	color: #e6e6e6;
    font-size: 180%;
    letter-spacing: 0.6px;
    font-weight: 200;
}
/* link za mejl u futeru */
#footer-desno a {
    color: #9bb1cf;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.6px;
}
#futer-img img{
	margin-left:70px;
}
#footer-kolone{
	position:relative;
	float:left;
	width: 720px;
}
.kolona{
    float: left;
    width: 205px;
    margin: 25px 35px 10px 0px;
    font-size: 127%;
}
.kolona-desno{
    float: left;
    width: 205px;
    margin: 25px 0px 10px 0px;
    font-size: 127%;
}
.kolona ul li{
list-style:none;
margin-top:10px;
margin-left:-40px;
}
.kolona a{
    color: #9bb1cf;
    font-size: 14px;
	line-height:17px;
    letter-spacing: 0.8px;
}
.kolona-desno ul li{
list-style:none;
margin-top:10px;
margin-left:-40px;
}
.kolona-desno a{
    color: #9bb1cf;
    font-size: 14px;
	line-height:17px;
    letter-spacing: 0.8px;
}
.copyright {
    float: left;
    padding: 12px 0;
    text-align: center;
    font-size: 12px;
    color: white;
    background-color: #023777;
    width: 100%;
    position: absolute;
    bottom: 0px;
}
#mapa-sajta {
    color: #E6E6E6!important;
    letter-spacing: 1.2px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 5px;
}
/* Sticky footer Opera Fix */

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

/*---------------------------------------
	=MENUS
---------------------------------------*/

nav#navigacija {
	font-size: 16px;
	height: 50px;
	width: 710px;
	float: left;
}

/*---------------------------------------
	=GALLERIES
---------------------------------------*/

/*---------------------------------------
	=FORMS
---------------------------------------*/

form {}

fieldset {}
legend {}

label {}
input {}
textarea {}

/*---------------------------------------
	=SPECIFIC STYLES
---------------------------------------*/

/* LOGO */

h1#logo a {
	display: block;
	width: 49px;
	height: 60px;
	position: absolute;
	top: 23px;
}
#ispis a {
	font-family: 'Noto Sans', sans-serif;
	font-size: 23px;
	text-decoration: none;
	position: absolute;
	top: 26px;
	left: 64px;
	letter-spacing: 0.03em;
}

/* LANGUAGE BAR */

#language {
	float: right;
}
#language ul {
	width: 40px;
	list-style: none;
	position: relative;
}
#language ul li {
	float: left;
	padding-right: 11px;
	line-height: 27px;
}
#language ul li:last-child {
	border: 0 none;
}
#language ul li a {
    color: #023777;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}
#language ul li a:hover {
	border-bottom: none;
	border-bottom: 1px solid #023777;	
}

/* GRUPE KORISNIKA */

#grupe_korisnika {
	font-size: 13px;
	line-height: 27px;
	position: absolute;
	width: 330px;
}
#grupe_korisnika ul {
	list-style: none;
	padding: 0;
}
#grupe_korisnika ul li {
	float: left;
	padding-left: 10px;
}
#grupe_korisnika .prvi{
	padding-left: 35px;
}
#grupe_korisnika ul li a {
	text-decoration: none;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	color: #023777;
}
#grupe_korisnika ul li a:hover {
	border-bottom: none;
	border-bottom: 1px solid #023777;
}

/* PRETRAGA */

#pretraga {
    margin-top: 8px;
    width: 220px;
    float: right;
    position: relative;
    padding-top: 4px;
}

/* BODY WRAPPER */

#body_wrapper {
	width: 1200px;
	margin: 0 auto;
	/*background-image: url(/pic/grb.png);*/
	background-repeat: no-repeat;
	background-position: 0 120px;
}

/* SLAJDER */

#slider {
	width: 980px;
	height: 354px;
	padding-bottom: 25px;
}
/* SREDNJI PROSTOR */

#middle {
    width: 980px;
    height: 25px;
    position: relative;
    clear: left;
}
#vesti_ispis, #linkovi_ispis, #clanice_ispis, #dogadjaji_ispis, #drustvene_mreze_ispis, #brzi_linkovi_ispis, .content_frame_en_name {
	background-color: transparent;
	line-height: 20px;
}
#vesti_ispis span, #linkovi_ispis span, #clanice_ispis span, #dogadjaji_ispis span, #drustvene_mreze span, #brzi_linkovi_ispis span, #drustvene_mreze_ispis span, .content_frame_en_name span{
	padding: 1px 0 1px 0;
    line-height: 20px;
    font-size: 17px;
    text-transform: uppercase;
    color: #333333;
    font-weight: bold;
    float: left;
    letter-spacing: 0.5px;
}
#dogadjaji {
    float: left; 
    margin-left: 18px;
    position: absolute;
    right: 0px;
	top: -426px;
}
#drustvene_mreze {
	width: 230px;
	height: 336px;
	float: left;
	margin-left: 18px;
}
.brzi_linkovi {
	width: 480px;
	height: 336px;
	float: left;
}
.brzi_linkovi_padding {
	margin-right: 19px;	
}
.brzi_linkovi_sadrzaj ul li a:hover, .brzi_linkovi_sadrzaj1 ul li a:hover {
	text-decoration: underline;
}
.content_frame_en {
	width: 280px;
	height: 336px;
	float: left;
	margin-right: 19px;
}
.content_frame1 {
	width: 230px;
	height: 336px;
	float: left;
	margin-right: 19px;
	padding-top: 20px;
}
.content_frame_last1 {
	padding-top: 20px;
}
/* NAJPOSECENIJE */

.vest_poc, .vest_poc_last, .brzi_linkovi_sadrzaj, .brzi_linkovi_sadrzaj1, .dogadjaji_sadrazaj, .drustvene_mreze_sadrzaj, .content_frame_en_content {
	position: relative;
	float: left;	
	height: 340px;	
	margin-top: 12px;
	background-image: url(/pic/vest-bg.png);
	-moz-box-shadow: 0 0 2px 1px #E0E0E0;
	-webkit-box-shadow: 0 0 2px 1px #E0E0E0;
	box-shadow: 0 0 2px 1px #E0E0E0;
	font-family: 'Noto Sans', sans-serif;
}
.vest_poc_footer {
	float: left;
	position: absolute;
	bottom: 30px;
	width: 230px;
	height: 25px;
	background-color: #EAEAE2;
	font-size: 13px;
	color: #666;
	line-height: 25px;
	font-family: 'Noto Sans', sans-serif;
}
.vest_poc_stuff {
	margin-left: 17px;	
}
.vest_poc_footer a {
	color: #023777;
	text-decoration: none;
	font-family: 'Noto Sans', sans-serif;
}
.vest_poc_footer a:hover {
	text-decoration: underline;
}
.vest_poc_footer p {
	padding-left: 10px;
	font-family: 'Noto Sans', sans-serif;
}
.vest_poc_footer p span {
	float: right;
	color: #333;
	padding-right: 10px;
	font-family: 'Noto Sans', sans-serif;
}
.brzi_linkovi_sadrzaj {
	width: 450px;
	padding: 12px 15px 18px;
	height: 270px;	
}
.brzi_linkovi_sadrzaj1 {
	width: 450px;
	padding: 10px 15px;
	height: 270px;	
}
.brzi_linkovi_sadrzaj ul, .brzi_linkovi_sadrzaj1 ul {
	width: 435px;
	height: 270px;
	text-align: left;
	float: left;
	padding-left: 15px;
}
.content_frame_en_content ul {
	width: 190px;
	height: 270px;
	text-align: left;
	float: left;
	padding: 10px 0 0 25px;
}
.content_frame_en_content h1{
	padding-top: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'Noto Sans', sans-serif;
}
.brzi_linkovi_sadrzaj ul li, .content_frame_en_content ul li {
	width: 200px;
	line-height: 15px;
	padding: 0 16px 11px 1px;
	font-size: 14px;	
	list-style-image: url(/pic/list.png);
	float: left;
}
.brzi_linkovi_sadrzaj1 ul li {
	width: 196px;
	line-height: 15px;
	padding: 0 16px 9px 1px;
	font-size: 13px;	
	list-style-image: url(/pic/list.png);
	float: left;
}
.brzi_linkovi_sadrzaj ul li a, .brzi_linkovi_sadrzaj1 ul li a, .content_frame_en_content ul li a {
    text-decoration: none;
    color: #023777;
    font-size: 14px;
    letter-spacing: 0.4px;
}
.brzi_linkovi_sadrzaj ul li a:hover, .brzi_linkovi_sadrzaj1 ul li a:hover, .content_frame_en_content ul li a:hover {
	text-decoration: underline;
}
.drustvene_mreze_sadrzaj {
	width: 215px;
	height: 290px;
	text-align: left;
	font-size:13px;
}
.drustvene_mreze_sadrzaj {
	padding: 10px 0 0 15px;
}
.content_frame_en_content {
    width: 300px;
    height: 370px;
    text-align: left;
    font-size: 13px;
}
.content_frame_en_content p {
	padding: 10px 10px 0 10px;
	line-height: 16px;
}
.content_frame_en_last {
	margin: 0;
}
.slika_linkedin {
	padding: 8px 10px 0 10px;
}
.drustvene_mreze_sadrzaj p {
	line-height: 40px;
	font-size: 13px;
	margin-bottom: 3px;
	color: #333;
	clear: left;
}
.drustvene_mreze_sadrzaj .social {
	width: 220px;
	height: 50px;
	clear: left;
}
.drustvene_mreze_sadrzaj .multimedia {
	width: 200px;
	height: 45px;
	clear: left;
}
.drustvene_mreze_sadrzaj .multimedia a {
	padding-right: 5px;
}
.drustvene_mreze_sadrzaj a {
	text-align: center;
	background: transparent url(http://www.bg.ac.rs/pic/social.png) no-repeat;
	width: 45px;
	height: 45px;
	display: block;
	margin: 0 none;
	text-indent: -9999px;   
	overflow: hidden;
	float: left;
}
/* ISPISI CLANICE I VESTI */

.ispis_container {
	width: 980px;
	height: 20px;
	padding-bottom: 12px;
	position: relative;
    margin-top: 75px;
}

/* VESTI CONTENT */
/*
#vesti_content {
	width: 700px;
	float: left;
	padding-bottom: 40px;
}
*/
/* DOGADJAJI CONTENT */

#dogadjaji_content {
	width: 630px;
	padding-left: 38px;
	padding-right: 30px;
	float: left;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	font-family: 'Noto Sans', sans-serif;
}
#dogadjaji_content p {
	padding-left: 20px;
}
#nazad {
	padding-top: 18px;
}
#nazad a {
	font-size: 13px;
	color: #7F0000;
	text-decoration: none;
}
#nazad a:hover {
	text-decoration: underline;
}

/* VESTI PORTAL BAR */

#vesti_bar {
	width: 692px;
	height: 20px;
	line-height: 18px;
	background: url("/pic/vesti-bar.png") repeat-x #B9BDC0;
    color: #FFFFFF;
    font-size: 18px;
	margin: 0 0 2px 0;
    padding: 4px;
    text-shadow: -1px -1px 0 #A4ABAE;
}

/* VESTI I-FRAME */

.slika_vest {
	width: 230px;
	height: 140px;
}
iframe#news_home {
	width: 980px;
	height: 800px;
	padding-bottom: 15px;
	clear: both;
}
iframe#news_home a:link, iframe#news_home a:active, iframe#news_home a:visited {
	color: #FFF;
    text-decoration :none;
}
iframe#news_media {
	width: 235px;
	height: 344px;
	clear: both;
	padding: 1px 0 0 13px;
}
iframe#news_media a:link, iframe#news_media a:active, iframe#news_media a:visited {
	color: #FFF;
    text-decoration :none;
}
iframe#news_events {
	width: 235px;
	height: 344px;
	clear: both;
	padding: 1px 0 0 17px;
}
iframe#news_events a:link, iframe#news_events a:active, iframe#news_events a:visited {
	color: #FFF;
    text-decoration :none;
}
#iframe_body {
	background-image:none;
	background-color:transparent;
}
iframe#news {
	width: 980px;
	/*height:1800px;*/
}
iframe#news a:link, iframe#news a:active, iframe#news a:visited {
	color: #FFF;
    text-decoration: none;
}
#sednice {
	width: 560px;
	/*height: 1600px;*/
}
#nastavnici {
	width: 560px;
	/*height: 12000px;*/
}
#events {
    width: 300px;
    height: 336px;
    position: absolute;
    right: 0px;
    top: -375px;
}
.pregled {
	font-size: 13px;
	margin: 40px 0 20px 0;
}
.pregled td {
	padding-bottom: 6px;
}
.pregled .tacka {
	padding: 0px 10px 8px 10px;
	width: 65px;
	font-weight: bold;
}
.pregled .title {	
	width: 215px;
	font-weight: bold;
	padding-bottom: 6px;
}
.pregled a:link, .pregled a:active, .pregled a:visited {
	color: #333;
    text-decoration: none;
}

/* VESTI PORTAL I-FRAME */

iframe#news_portal {
    width: 950px;
   /* height: 1800px;*/
}
iframe#news_portal a:link, iframe#news_portal a:active, iframe#news_portal a:visited {
	color: #FFF;
    text-decoration :none;
}

/* DOGADJAJI PORTAL I-FRAME */

iframe#events_portal {
	width: 734px;
	height: 1060px;
}

/* RIGHT COLUMN */

#right_column {
	width: 180px;
	float: right;
	padding-right: 5px;
}
#right_column h2 {
    color: #023777;
	margin-top: 5px;
    padding-bottom: 10px;
	font-size: 18px;	
    font-weight: bold;
    width: 184px;
	border-bottom: 5px solid #CFD2D4;	
}
#vesti_kat {
	padding: 0;
	text-transform: lowercase;
}
#vesti_kat li {
	list-style: none;
}
#vesti_kat li a {
    color: #666666;
    font-weight: bold;
    width: 180px;
	display: block;
    text-decoration: none;
	font-size: 13px;
	line-height: 17px;
	border-bottom: 1px solid #CFD2D4;	
	padding: 9px 0;
}
#vesti_kat li a:active {
    color: #023777;
    text-decoration: none;
}
#vesti_kat li:last-child {
	border-bottom: none;
}
#vesti_kat li a:hover {
	color: #023777;
}
#vesti_kat li a span {
	color: #A4ABAE;
    font-size: 13px;
    font-weight: normal;
}

/* CONTENT */

#content {
	width: 560px;
	float: left;
	font-size: 14px;
	line-height: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
    color: #505050;
}
#content p {
    padding-bottom: 11px;
    text-align: justify;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.6px;
    color: #505050;
}
#content h2 {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 10px;
    color: #333;
    line-height: 19px;
    letter-spacing: 0.6px;
}
#content h3 {
	text-align: left;
	font-size: 17px;
	padding-top: 18px;
	padding-bottom: 10px;
	color: #333;
}
#content hr {
	margin-top: 15px;
	margin-bottom: 20px;
}
#division {
	padding-top: 30px;
}
.content_column_left {
	width: 260px;
	float: left;
	padding: 20px 20px 0 0;
	margin: 10px 0;
}
.content_column_right {
	width: 260px;
	float: left;
	padding: 20px 0 0 20px;
	margin: 10px 0;
}
.content_column_left p, .content_column_right p {
	padding-bottom: 7px;
	text-align: left;
}
#content .content_column_left a h2, #content .content_column_right a h2 {
    color: #023777;
    font-weight: 600;
    padding-bottom: 10px;
}
.content_division {
	height: 170px;
}
#content .content_division h2 {
	padding-bottom: 6px;
	height: 20px;
}
.content_division_double {
    height: 180px;
    padding-top: 10px;
    padding-bottom: 30px;
}
#content .content_division_double h2 {
	padding-bottom: 6px;
	height: 40px;
}
.content_faculties {
	height: 130px;
}
.content_faculties_double {
	height: 150px;
}
.content_faculties_triple {
	height: 170px;
}
.content_faculties h2 {
	height: 20px;
}
.content_faculties_double h2 {
	height: 40px;	
}
.content_faculties_triple h2 {
	height: 60px;	
}
.faculty_logo {
	padding: 100px 0 0 0;
}
.image_right {
	float: right;
	padding: 10px 0 20px 20px;
}
.image_left {
	float: left;
	padding: 10px 20px 20px 0px;
}
.image_left2 {
	float: left;
	padding: 10px 5px 20px 0px;
}
.image_left3 {
	float: left;
	padding: 0px 0px;
}
.image_center {
	display: block;
	margin: 15px auto;
}
.image_razmak {
	padding-right: 16px;
}
.file_type {
	padding-left: 5px;
}
/* PRETRAGA CONTENT */

#pretraga_content {
	width: 760px;
	float: left;
	padding-left: 10px;
	padding-right: 5px;
}

/* INFO - VI STE NA STRANI */

#info {
	font-size: 11px;
	margin: 10px 20px 30px 0;
}
#info a:link, #info a:visited, #info a:active {
	text-decoration: underline;
	color: #333;
}
#info h1 {
	text-align: center;
	font-size: 22px;
	margin-top: 25px;
	font-weight: bold;
	color: #023777;
	line-height: 27px;
}
.info a:hover {
	text-decoration:underline;
}

/* STRANA SA LOGOIMA */

#content div.left {
	float: left;
	padding-bottom: 78px;
}
#content div.left h2 {
	font-weight: normal;
}
#content div.right {
	float: left;
	padding-bottom: 78px;
}
#content div.right h2 {
	font-weight: normal;
}
/* LEFT COLUMN */

#left_column {
	width: 180px;
	float: left;
	padding-left: 5px;
}

/* LINKOVI */

.linkovi {
	width: 182px;
	text-align: center;
	font-size: 13px;
	margin-top: 10px;
	color: #333;
	text-decoration: none;
}
.linkovi a {
	color: #333;
	text-decoration: none;
}
.linkovi img {
	padding-bottom: 20px;
}

/* ACCORDION MENU */

.glossymenu {
	margin: 0;
	padding: 0;
	width: 178px; /*width of menu*/
	border-bottom-width: 0;
}
.glossymenu a.menuitem {
	font-size: 14px;
    color: #333;
    display: block;
    position: relative;
    width: auto;
    padding: 7px 27px 7px 0;
    line-height: 19px;
    text-decoration: none;
    border-bottom: 1px solid #DDD;
    letter-spacing: 0.6px;
}

/* Istaknuto za Congrad istrazivanje */
.glossymenu a.fokus {
	background-color: #D5951A;
	font-size: 13px;
	color: #333;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 7px 3px;
	line-height: 16px;
	text-decoration: none;
	border-bottom: 1px solid #DDD;
}
.glossymenu a.menuitem:hover {
	background-color: #D2623D;
}

/* Kraj */

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
	color: #333;
}
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 8px;
	right: 5px;
	border: none;
}
.glossymenu a.menuitem:hover {
	/*background-image: url(../pic/accordion_menu/glossyback2.gif);*/
	background-color: #f2f2f2;
}
.glossymenu div.submenu { /*DIV that contains each sub menu*/
	/*background: white;*/
}
.glossymenu div.submenu ul { /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.glossymenu div.submenu ul li {
	margin-left: 15px;
	border-bottom: 1px solid #DDD;
}
.glossymenu div.submenu ul li a {
	display: block;
    font: normal 13px 'Noto Sans', sans-serif;
    color: #333;
    text-decoration: none;
    padding: 3px 10px 3px 0;
    letter-spacing: 0.4px;
}
.glossymenu div.submenu ul li a:hover {
	background: #E6E6E6;
}
.submenuheader:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #555;
    z-index: 100;
    content: '';
    top: 14px;
    right: 8px;
}
/* TABELA */

#tabela {
	position: relative;	
	padding-bottom: 15px;
}
#tabela a:link, #tabela a:active, #tabela a:visited {
	color: #333;
    text-decoration: none;
}
#tabela h2 {
	color: #333;
	font-weight: bold;
	font-size: 17px;
}
#tabela p {
	line-height: 24px;
	font-weight: bold;	
	padding-bottom: 0;
}
#tabela br {
	line-height: 24px;
}
#tabela p span {
	color: #333;
	font-weight: normal;
	padding-right: 5px;
	position: absolute;
	left: 270px;
	line-height: 24px;
}
#tabela p span a:hover {
	text-decoration: underline;
}
#tabela iframe {
	padding-top: 30px;
}

/* STRANA LINKOVI.PHP */

#linkovi h2 {
	color: #333;
	font-weight: bold;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 5px;
}
#linkovi p {
	line-height: 20px;
}

/* SEARCH BAR U NAVIGACIJI */

#pretraga table.gsc-search-box td.gsc-input {
	padding-right: 0px !important;
}
#pretraga .gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 0px !important;
}
#pretraga .cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
    left: 189px !important;
    margin-top: 4px; !important;
    padding: 5px !important;
    position: absolute !important;
    top: 3px !important;
}
.cse .gsc-control-cse,
.gsc-control-cse {
	background-color: #fff;
	border: 1px solid #fff;
	padding: 0 !important;
}
input.gsc-input {
	font-size: 14px !important;
	color: #333  !important;
	width: 100%  !important;
}
.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
	padding: 0 !important;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: 17px !important;
    padding-bottom: 4px !important;
    text-decoration: none !important;
	color: #023555;
}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
    color: #023777 !important;
    padding-bottom: 3px !important;
}
#pagination {
    background: url("/images/bg-box-4col-pagination.png") no-repeat scroll -1000px 0 transparent;
    display: block;
    margin: 0 auto;
    padding-top: 9px;
    position: relative;
    width: 900px;
}
#pagination li a.next {
    background: url("/images/sprite.png") no-repeat scroll -290px -394px transparent;
    text-indent: -5000px;
    width: 10px;
}
#pagination li a, #pagination li span {
    border-right: 1px solid #565656;
    color: #FFFFFF;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px;
}
#pagination a {
    color: #FFFFFF;
    font-weight: bold;
}

/*  MEDIJI  */ 

#media {
	position: absolute;
	width: 205px;
	height: 280px;
	top: 40px;
	left: 520px;
}
#media h2 {
	font-size: 22px;
	text-shadow: #666 2px 2px 2px;
	color: white;
	padding: 5px;
	margin: 0;
	font-style: normal;
	font-weight: 100;
	padding-bottom: 60px;
}
#media p {
	margin: 0 5px;
	font-size: 13px;
	line-height: 18px;
	color: #F0F0F0;
	text-shadow: #333 1px 1px 1px;
}
#media1 {
	font-family: 'Noto Sans', sans-serif;
	padding: 15px;
	position: absolute;
	width: 470px;
	height: 330px;
	top: 10px;
	left: 0px;
}
#media1 p {
	font-size: 13px;
	line-height: 13px;
	color: #333;
	text-shadow: #F0F0F0 1px 1px 1px;
}
#media_potpis {
	font-family: 'Noto Sans', sans-serif;
	color: #039;
	font-size: 14px;
	font-style: italic;
	position: absolute;
	width: 300px;
	top: 312px;
	left: 15px;
}
#alumni {
	position: absolute;
	width: 230px;
	height: 280px;
	top: 40px;
	left: 690px;
}
#alumni h2 {
	font-size: 22px;
	text-shadow: #666 2px 2px 2px;
	color: white;
	padding: 5px;
	margin: 0;
	font-style: normal;
	font-weight: 100;
	padding-bottom: 60px;
}
#alumni p {
	margin: 0 5px;
	font-size: 13px;
	line-height: 18px;
	color: #F0F0F0;
	text-shadow: #333 1px 1px 1px;
}

/* OSOBLJE */

#osoblje_dogadjaji{
	position: relative;	
}

/* STUDENTI */

#okvir {
	padding-top: 12px;
	padding-bottom: 20px;	
}

#okvir1 {
	padding-top: 12px;	
}

#okvir1 span{
	font-size: 20px;
	line-height: 24px;	
}

#okvir span{
	font-size: 20px;
	line-height: 24px;	
}

/* STIPENDIJE */

#content_stipendije {
	width: 745px;
	float: left;
	font-size: 13px;
	line-height: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.stipendije {
	margin: 40px 0 20px 0;
}
.stipendije td {
	padding-bottom: 6px;
	background-color: #F1F1F1;
	border: 2px solid white;
	border-collapse: collapse;
	vertical-align: middle;
	padding: 2px 8px 2px 8px;
}
.stipendije th {	
	height: 25px;
	line-height: 18px;
	background: url("/pic/vesti-bar.png") repeat-x #B9BDC0;
	color: white;
	font-size: 18px;
	margin: 0 0 2px 0;
	padding: 4px;
	text-shadow: -1px -1px 0 #A4ABAE;
	text-align: left;
	border: 2px solid white;
	border-collapse: collapse;
	vertical-align: middle;
}
.stipendije .naziv {	
	width: 390px;
}
.stipendije .zemlja {	
	width: 90px;
}
.stipendije .rok {	
	width: 82px;
}
.stipendije .nivo {	
	width: 150px;
}
.stipendije a:link, .pregled a:active, .pregled a:visited {
	color: #333;
    text-decoration: none;
}

/* PODMENI */

#podmeni {
	padding-top: 5px;
	padding-bottom: 25px;
}
#podmeni li {
	text-transform: uppercase;
	list-style: none;
	display: inline;
	padding: 3px 5px;
	margin-right: 5px;
	font-size: 17px;
	color: #333;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#podmeni li a {
	text-decoration: none;
}
#podmeni li:hover {
	background-color: #DDD;
}
#podmeni li.aktivan{
	color: #FFF;
	background-color: #023777;
}
#podmeni li.aktivan a {
	color: #FFF;
}

/* MAPA SAJTA */

.glavna_lista {
	list-style: none;
	font-size: 15px;
	padding-bottom: 40px;	
}
.podlista {
	padding-top: 6px;
}
.mapa_sajta li ul li {
	list-style-image: url(/pic/list.png);
	font-size: 13px;
}

/* SIMPLE SLIDESHOW */

#csh_slideshow {
	width: 560px;
	padding-top: 10px;
	padding-left: 30px;
}
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* OBAVESTENJA */

span.datum_obav {
	font-size: 14px;
	color: #C4652D;
}
span.pasus {
    display: block;
    font-size: 15px;
    text-align: justify;
    color: #6F7B80;
    letter-spacing: 0.6px;
    line-height: 19px;
    padding: 6px 0 11px 0;
}
/* KONTAKT */
#tabela small a {
	color: #023777;
	text-decoration: none;
}
#tabela small a:hover {
	text-decoration: underline;
}
#tabela small a:visited {
	color: #023777;
	text-decoration: none;
}

/* KANDIDATI */

#kandidati {
	width: 980px;
	/*height: 12000px;*/
}

/* linkovi iznad futera */
.dugmici ul {
	list-style-type: none;
	width:100%;
    margin-left: -40px;
}
.dugmici li a {
    position: relative;
    float: left;
    display: block;
	text-decoration: none;
    width: 215px;
    margin: 10px 40px 10px 0px;
    color: white;
    background-color: #0f4d96;
    text-align: center;
    font-size: 120%;
	letter-spacing:0.4px;
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.dugmici li a:hover{
	-moz-box-shadow: 0 1px 8px 0 rgba(36, 100, 176, 1), 0 6px 20px 0 rgba(36, 100, 176, 1);
	-webkit-box-shadow: 0 1px 8px 0 rgba(36, 100, 176, 1), 0 6px 20px 0 rgba(36, 100, 176, 1);
}
.dugmici li.last a {
    margin-right: 0!important;
	padding-top: 12px;
	height: 58px!important;
	line-height:20px;
}
.dugmici li.double a{
    padding-top: 12px;
	height: 58px!important;
	line-height:20px;
}
.dugmici li.line a {
    height: 70px;
    line-height: 60px;
}
/* link za sve vesti na naslovnoj */
.kockica a {
    display: block;
    border-left: 1px solid #E0E0E0;
    color: #0f4d96;
    float: left;
    width: 85px;
    padding: 5px 2px;
    text-align: center;
    position: relative;
    bottom: 4px;
    text-decoration: none;
    font-size: 90%;
	letter-spacing: 0.4px;
}
/* linkovi za sve dogadjaje */
.kockica a:hover{
	text-decoration: underline;
}
.kockica1 a:hover{
	text-decoration: underline;
}