@charset "utf-8";
/* CSS Document */

body{
	font:11px tahoma;
	margin:0px;
	color:#666666;
}
input, select, textarea{
	font:11px tahoma;
}
form{
	margin:0px;
}
a{
	text-decoration:none;
}
a.hyper:link, a.hyper:visited{
	color:#f28112
}
a.hyper:hover, a.hyper:active{
	color:#459541
}
a.hyper2:link, a.hyper2:visited{
	color:#FFF;
}
a.hyper2:hover, a.hyper2:active{
	color:#333;
}
a.hyper3:link, a.hyper3:visited{
	color:#459541
}
a.hyper3:hover, a.hyper3:active{
	color:#f28112
}
.OKMsg{
	padding:2px 30px 3px 30px;
	background:#459541;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:10px;
}
.ERRMsg{
	padding:2px 30px 3px 30px;
	background:#990000;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:10px;
}
.ZELENA{
	color:#459541;
}
.NARANDZASTA{
	color:#f28112; /* f16f01 */
}
.BORDURA{
	border:1px solid #cccccc;
}
.TABLE_CELL_L{
	border:1px solid #CCCCCC;
	border-bottom:none;
	border-right:none;
}
.TABLE_CELL_R{
	border:1px solid #CCCCCC;
	border-bottom:none;
	border-left:none;
}
.TABLE_CELL_LR{
	border:1px solid #CCCCCC;
	border-bottom:none;
}
.TABLE_CELL_ROOF{
	border-top:2px solid #f16f01;
}

.PD_Pro_Text{
	padding:3px 5px 3px 5px;
}
.PD_Pro_Label{
	padding:10px 5px 10px 5px;
}

.callout {
	float:left;
	width:190px;
	font:12px tahoma;
	margin-bottom:5px;
}
.callout h3 {
	padding-top:3px;
	width:15px;
	float:left;
	margin:0px;

	font:12px tahoma;
}
.callout * {
	width:160px;
	float:left;
	font:12px tahoma;
	margin:0px;
	font-weight:bold;
}
.callout * * {
	width:auto;
	float:none;
	font:12px tahoma;
	margin:0px;
		font-weight:bold;
}
.GRAYBOX{
	background:#e6e6e6;
	padding:3px;
	padding-top:2px;
	padding-bottom:4px;
	color:#459541;
}

#TABLE_CELL .MIDROW_L{
	border-bottom:1px solid #CCC;
	border-left:1px solid #f5f5f5;
	border-right:none;
	text-transform:uppercase;
	font-size:10px;
}
#TABLE_CELL .MIDROW_R{
	border-bottom:1px solid #CCC;
	border-left:1px solid #f5f5f5;
	border-right:1px solid #f5f5f5;
}
#TABLE_CELL .MIDROW_LR{
	border-bottom:1px solid #CCC;
	border-left:1px solid #f5f5f5;
	border-right:1px solid #f5f5f5;
}
.WARNING_MSG{
	font-weight:bold;
	color:#df1a23;
}

#OKVIR_TOP{
	background:url(images/okvir_top%5B757x33%5D.jpg);
	height:23px;
	padding-top:10px;
	font-weight:bold;
}
#HEAD{
	background:url(images/h_background_autostrech1x101.jpg) repeat-x center 0px;
}
#MAIN{
	width:757px;
	float:left
}
#SIDEBAR{
	width:193px;
	float:right;
}
#BODY{
	width:960px;
	text-align:left;
}
#MAIN_DIV{
	clear:both;
	background:url(images/okvir_middle757x1.jpg) repeat-y;
}
#AKTUELNO{
	width:200px;
	float:left;
	padding:5px 10px 0px 15px;
}
#OGLASNA{
	width:500px;
	padding:10px 10px 0px 15px;
	margin-left:225px;
	color:#666666;
}
#AKTUELNO,#OGLASNA{
	-ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
#AKTUELNO_HEAD{
	width:200px;
	float:left;
	font-size:13px;
	color:#459541;
	padding-left:19px;
}
#OGLASNA_HEAD{
	width:500px;
	margin-left:225px;
	padding:0px 10px 0px 15px;
	font-size:13px;
	color:#459541;
}
#SIDEBOX{
	background:url(images/login_background%5B193x165%5D.png) no-repeat;
	height:165px;
	margin-bottom:10px;
	width:193px;
}
#SIDEBOX2{
	background:url(images/servisi_okvir_zeleni[193x165].jpg) no-repeat;
	height:165px;
	margin-bottom:10px;
	width:193px;
}
#SIDEBOX3{
	width:193px;
	margin-bottom:10px;
	color:#666;
}
#SIDEBOX_LOGIN{
	width:193px;
	margin-bottom:10px;
	color:#666;
}
#SIDEBOX_LOGIN #TITLE{
	background:url(images/login_top_back%5B193x40%5D.jpg);
	height:25px;
	font-size:12px;
	text-align:center;
	padding-top:5px;
	width:193px;
	font-weight:bold;
	color:#FFF;
}
#SIDEBOX_LOGIN #BODY{
	background:url(images/login_middle_back%5B193x1%5D.jpg) repeat-y;
	font-size:11px;
	text-align:center;
	padding-top:5px;
	padding-right:10px;
	width:183px;
	font-weight:bold;
	color:#FFF;
}
#SIDEBOX_LOGIN #FOOT{
	background:url(images/login_bottom_back%5B193x127%5D.jpg);
	height:122px;
	font-size:11px;
	text-align:right;
	padding-top:5px;
	padding-right:10px;
	width:183px;
	color:#FFF;
}
#SIDEBOX3 #TITLE{
	background:url(images/anketa_back_top%5B193x25%5D.jpg);
	height:20px;
	font-size:12px;
	text-align:center;
	padding-top:5px;
	width:193px;
	font-weight:bold;
	color:#f28112;
}
#SIDEBOX3 #TITLE #TITLE_FIX{
	padding-top:7px;
	width:193px;
	font-weight:bold;
	color:#f28112;
}
#SIDEBOX3 #BODY{
	background:url(images/anketa_back_middle%5B193x1%5D.jpg);
	width:173px;
	padding:0px 10px 0px 10px;

}
#SIDEBOX3 #FOOT{
	background:url(images/anketa_back_bottom%5B193x25%5D.jpg);
	height:25px;
	width:193px;
}
#SIDEBOX #TITLE, #SIDEBOX2 #TITLE{
	color:#FFF;
	font-size:12px;
	text-align:center;
	padding-top:5px;
	width:193px;
	font-weight:bold;
}
#SIDEBOX #BODY{
	padding:20px 10px 0px 10px;
	width:173px;
	color:#FFF;
}
#SIDEBOX2 #BODY{
	padding:20px 10px 0px 10px;
	width:173px;
	color:#666;
}

#FOOTER{
	background:url(images/f_background_autostrech1x59.jpg) repeat-x;
	height:59px;
	clear:both;
	color:#FFF;
	text-align:center;
}
#FOOTER #BACK{
	background:url(images/footer_background960x59.jpg) no-repeat center 0px;
}
#CONTENT{
	font-size:11px;
	text-align:justify;
}
#PREDAVAC_ROW{
	margin-bottom:2px;
	padding:3px;
}

.head_image {
    width: 960px;
    height: 101px;
    margin-bottom: 30px;
    background-image: url('images/head/head.jpg');
    background-repeat: no-repeat;
    position: relative;
}

.head_image .menu {
    position: absolute;
    top: 51px;
    left: 219px;
    right: 0;
    padding: 0;
    margin: 0;
    text-align: left;
}

.head_image .menu > li {
	position: absolute;
    display: inline-block;
    width: 100px;
    height: 50px;
    padding: 0;
    margin: 0;
    opacity: 1;
}

.head_image .menu > li > a{
    width: 100%;
    height: 100%;
    display: block;
}

.head_image .menu > li#m_ofakultetu {
    width: 101px;
}

#m_ofakultetu ul{
    display: none;
}

.head_image .menu > li#m_ofakultetu:active,
.head_image .menu > li#m_ofakultetu:hover,
.head_image .menu > li#m_ofakultetu.active{
    background: url('images/head/bitmap21.png') no-repeat;
}

.head_image .menu > li#m_ofakultetu:active ul,
.head_image .menu > li#m_ofakultetu:hover ul,
.head_image .menu > li#m_ofakultetu.active ul{
    display: block;
}

.head_image .menu > li#m_predavaci {
    width: 90px;
    margin-left: 108px;
}

.head_image .menu > li#m_predavaci:active,
.head_image .menu > li#m_predavaci:hover,
.head_image .menu > li#m_predavaci.active{
    background: url('images/head/bitmap18.png') no-repeat;
}

.head_image .menu > li#m_predmeti {
    width: 82px;
    left: 205px;
}

.head_image .menu > li#m_predmeti:active,
.head_image .menu > li#m_predmeti:hover,
.head_image .menu > li#m_predmeti.active{
    background: url('images/head/bitmap15.png') no-repeat;
}

.head_image .menu > li#m_pdir {
    width: 130px;
    left: 298px;
}

.head_image .menu > li#m_pdir:active,
.head_image .menu > li#m_pdir:hover,
.head_image .menu > li#m_pdir.active{
    background: url('images/head/bitmap12.png') no-repeat;
}

.head_image .menu > li#m_dload {
    width: 97px;
    left: 437px;
}

.head_image .menu > li#m_dload:active,
.head_image .menu > li#m_dload:hover,
.head_image .menu > li#m_dload.active{
    background: url('images/head/bitmap3.png') no-repeat;
}

.head_image .menu > li#m_gallery {
    width: 112px;
    left: 539px;
}

.head_image .menu > li#m_gallery:active,
.head_image .menu > li#m_gallery:hover,
.head_image .menu > li#m_gallery.active{
    background: url('images/head/bitmap6.png') no-repeat;
}

.head_image .menu > li#m_contact {
    width: 80px;
    left: 657px
}

.head_image .menu > li#m_contact:active,
.head_image .menu > li#m_contact:hover,
.head_image .menu > li#m_contact.active {
    background: url('images/head/bitmap9.png') no-repeat;
}

#m_ofakultetu ul{
	position: absolute;
	left: 0;
	bottom: -28px;
	right: 0;
	height: 30px;
	line-height: 30px;
	width: 650px;
}
#m_ofakultetu ul li {
	display: inline-block;
	margin-right: 10px;
}

#m_ofakultetu ul li a,
#m_ofakultetu ul li a:visited,
#m_ofakultetu ul li a:hover,
#m_ofakultetu ul li a:visited{
	color:#f28112;
    font-size: 13px;
}