/**************** NOTICE OF LICENSE********************************************

	Copyright (c) 2006 http://www.fascikla.com

	CSS fajlove je kreirao Nemanja Sreckovic [nemanja.sreckovic@gmail.com],
	STROGO JE ZABRANJENO KOPIRANJE, MODIFIKOVANJE I KORISCENJE ISTOG!

	STRUCTURE
		- GLOBAL
		- COMMON CLASSES
		- SIDEBAR
	MODULS
		- BORD
		- NEWS
		- NEWS AND BORD
		- ADD COMMENT FORM
	
	
	STRANICE - STUDIJSKI PROGRAMI I OBLASTI
	"KONTROLE" NA SVIM MODULIMA
	FORMA ZA DODAVANJE KOMENTARA
	STRANICA SPISAK UNIVERZITETA/FAKULTETA


*/

@import "basic.css";

/************** STRUCTURE *****************************************************/
/******************************************************************************/

/************** GLOBAL ********************************************************/
#main {
	width: 960px;
	margin-top:10px;
	text-align: left;}
#header {
	width:940px;
	padding:0 10px;
	float:left;
	height:80px;
	position:relative;}
	#header h1 {
		position:absolute;
		top:8px;
		left:10px;}
		#header h1 a {
			text-indent:-9999px;
			background: url(/data/logo.png) left center no-repeat;
			height:59px;
			width:295px;
			display:block;}
	#header #controls {
		width:420px;
		float:right;
		text-align:right;
		margin-top:8px;}
#h_content {
	background:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 948px;
	padding:6px;
	float:left;}
#main_content {
	float:left;
	width:548px;}
#advertising {
	width:160px;
	margin-left:6px;
	float:right;}
#footer {
	text-align:right;
	margin:0 8px;
	padding:10px;
	color:#929292;}
	#footer a {
		color:#929292;
		text-decoration:none;}
		#footer a:hover {
			text-decoration:underline;}

/************** COMMON CLASSES ************************************************/

/* system messages */
#msg {
	margin-bottom:8px;}
	.notice {
		background:#ffecc5;
		border:2px #f2e0c3 solid;}
	#msg p {
		line-height:17px;
		padding:8px;}

/* pagination */
#paginationControl {
	background:#f2f2f2;
	padding:4px 12px 4px 12px;
	margin-top:8px;
	color: #000;}
	#paginationControl a {
		text-decoration:none;}
		#paginationControl a:hover {
			text-decoration:underline;}
	#paginationControl a, #paginationControl span {
		padding:0 2px;}

/* controls for modules */
.controls {
	position:absolute;
	top:50%;
	margin-top:-9px;
	right:5px;}
	.controls a {
		display:block;
		height:18px;
		width:18px;
		text-indent:-9999px;
		float:right;}
	.controls a.hide {
		background:url(data/img/frontend/hide.gif) 0 0 no-repeat;}
		.controls a.hide:hover {
			background:url(data/img/frontend/hide.gif) 0px -18px no-repeat;}
	.controls a.show {
		background:url(data/img/frontend/show.gif) 0 0 no-repeat;}
		.controls a.show:hover {
			background:url(data/img/frontend/show.gif) 0px -18px no-repeat;}
	#bord .controls a.hide {
		background:url(data/img/frontend/o_hide.gif) 0 0 no-repeat;}
		#bord .controls a.hide:hover {
			background:url(data/img/frontend/o_hide.gif) 0px -18px no-repeat;}
	#bord .controls a.show {
		background:url(data/img/frontend/o_show.gif) 0 0 no-repeat;}
		#bord .controls a.show:hover {
			background:url(data/img/frontend/o_show.gif) 0px -18px no-repeat;}

/*  SIDEBAR
*******************************************************************************/

#sidebar {
	width:220px;
	margin-left:6px;
	float:left;}
.side_box {
	margin-bottom:8px;
	background:#ececec;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
			-webkit-border-top-left-radius:5px;
			-webkit-border-top-right-radius:5px;}
	.side_box .container {
		margin-bottom:8px;
		position:relative;
		overflow:hidden;}
		.side_box h2 {
			font-size:13px;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
			-webkit-border-top-left-radius:5px;
			-webkit-border-top-right-radius:5px;
			text-shadow: 0 1px 0 rgba(255,255,255,0.8);
			background:#d2d2d2;
			height:16px;
			line-height:16px;
			padding:10px;
			margin-bottom:8px;
			position:relative;}
		.side_box .container ul {
			list-style-type:none;
			padding:0 8px;
			font-size:12px;}
			.side_box .container li {
				margin-bottom:6px;}

/************** MODULS ********************************************************/
/******************************************************************************/

/************** BORD **********************************************************/	
#bord {
	position:relative;
	margin-bottom:12px;
	background:#FFECC5;/* stara boja #ffecc5;*/
	overflow:hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}
	#bord .area {
		color:#444444;}
		#bord .area a {
			color:#444444;}
	#bord h1 {
		font-size:13px;
		background:#56452a;/* stara boja #ffd24f;*/
		color:#fff;
		height:16px;
		line-height:16px;
		padding:10px;
		margin-bottom:8px;
		position:relative;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		text-shadow: 0 1px 2px rgba(0,0,0,0.5);}
		#bord h1 a.select {
			color:#fff;/* stara boja #2a2a2a;*/
			padding:4px;
			text-decoration:underline;}
		#bord h1 a:hover {
			text-decoration:none;}
	#bord p.bords {
		padding:0 10px;
		margin-bottom:10px;
		text-align:right;}
	.bord_item {
		margin-bottom:12px;
		padding:0 8px 8px 8px;}
		.bord_item h2 {
			font-size:14px;
			text-shadow: 0 1px 1px rgba(0,0,0,0.2);
			font-weight: normal;
			padding-bottom:6px;}
			.bord_item h2 a {
				color:#403524;}

/************** NEWS **********************************************************/
.news {
	margin-bottom:12px;
	padding:0 8px 8px 8px;
	border-bottom:1px solid #e5e5e5;}
	.news h2, .news h3 {
		font-size:14px;
		text-shadow: 0 1px 1px rgba(0,0,0,0.2);
		font-weight: normal;
		padding-bottom:6px;}
		.news h2 a, .news h3 a {
			color:#403524;}
	.news p {
		line-height:17px;
		margin-bottom:16px;}
.short_news {
	margin-bottom:8px;
	padding:0 8px 8px 8px;}
	.short_news ul {
		list-style-type: none;}
		.short_news ul li {
			margin-bottom: 12px;}

/************** NEWS AND BORD *************************************************/
.author {
	padding-bottom:2px;
	font-size:11px;}
.no_area {
	margin-bottom:12px;}
.area {
	font-size:11px;
	margin-bottom:12px;
	color:#929292;}
	.area a {
		color:#929292;
		text-decoration:underline;}
		.area a:hover {
			color:#929292;
			text-decoration:none;}
/*
#comments h3 {
	padding-bottom:8px;}
#comments p {
	padding-bottom:0;}
#comments ol.comment {
	margin:0;
	padding-left:42px;}
	#comments ol.comment li {
		margin-bottom:12px;
		border-bottom:1px solid #e5e5e5;
		padding-bottom:8px;}
	#comments ol.comment cite {
		font-style:normal;}*/

/************** ADD COMMENT FORM **********************************************/
#add_comment {}
	#add_comment h3, #comments h3 {
		font-weight:bold;
		line-height:18px;
		font-size:11px;
		font-family: Tahoma, Helvetica, Sans-serif;}
	#add_comment form {}
		#add_comment form label {
			float:left;
			display:block;
			width:60px;
			margin: 12px 0 0;
			text-align:right;}
		#add_comment form input, #add_comment form textarea, #add_comment form button {
			margin: 7px 0 0 5px;
			font-size:12px;
			padding: 4px;}
		#add_comment form input {
			width:180px;}
		#add_comment form textarea {
			width:320px;
			height:160px;
			font-family: Tahoma,Helvetica,Sans-serif;}
		#add_comment form button {
			width:80px;}

/*  STRANICA SPISAK UNIVERZITETA/FAKULTETA
*******************************************************************************/

#f_univerzitet, #f_fakultet {
	float:left;
	width:760px;
	padding:0 8px;}
	#univerzitet h2, #fakultet h2, #f_univerzitet h2, #f_fakultet h2 {
		font-size:16px;
		border-bottom:2px solid #e5e5e5;
		margin:8px 0;
		padding-bottom:4px;}
	#p_univerzitet, #p_fakultet {
		padding:4px 0;
		float:left;
		width:540px;
		margin-bottom:12px;}
		#p_fakultet ul {
			margin-top:8px;
			list-style-type:none;}
			#p_fakultet ul li {
				float:left;}
				#p_fakultet ul li a {
					background:#f6f6f6;
					text-decoration:none;
					padding:7px 8px 7px 8px;
					line-height:18px;
					margin-right:3px;
					float:left;
					display:block;
					color: #484848;}
					#p_fakultet ul li a.select {
						background:#e5e5e5;
						padding:7px 8px 7px 8px;}
					#p_fakultet ul li a:hover {
						text-decoration:underline;}
	#osnovni_podaci, #sluzba, #prodekan {
		display:none;
		width:532px;
		padding:8px 4px;
		float:left;
		clear:both;
		border-top:2px solid #e5e5e5;}
		#p_univerzitet p, #p_fakultet p {
			line-height:13px;
			margin-bottom:4px;}
		#p_univerzitet h3, #p_fakultet h3 {
			line-height:30px;
			font-size:11px;
			font-weight:bold;}
		#p_univerzitet h3 a, #p_fakultet h3 a {
			color:#444444;
			text-decoration:underline;}
			#p_univerzitet h3 a:hover, #p_fakultet h3 a:hover {
				text-decoration:none;}
.fakultet, .univerzitet {
	padding:8px 0;}
	.fakultet img {
		float:left;
		padding:2px;
		border:1px solid #adadad;
		margin-right:8px;}
	.fakultet p, .univerzitet p {
		line-height:17px;}
	.fakultet h3, .univerzitet h3 {
		line-height:16px;
		padding-bottom:4px;
		font-size:13px;
		font-weight:bold;}
	.fakultet h3 a, .univerzitet h3 a {
		color:#444444;
		text-decoration:underline;}
		.fakultet h3 a:hover, .univerzitet h3 a:hover {
			text-decoration:none;}
	.univerzitet p.pripadajuci_f {
		line-height:22px;}

/*  STRANICE - STUDIJSKI PROGRAMI I OBLASTI
*******************************************************************************/

#studijski_programi, #studijske_oblasti {
	float:left;}
	#studijski_programi h2, #studijske_oblasti h2 {
		font-size:13px;
		border-bottom:2px solid #e5e5e5;
		margin:8px 0;
		padding-bottom:4px;
		font-family: Tahoma, Helvetica, Sans-serif;}
	#studijski_programi h3 {
		margin:12px 0 0 0;}
	#studijski_programi h4 {
			margin:8px 0 0 0;}
	#studijske_oblasti ul {
		list-style-type:none;}
		#studijske_oblasti li {
			padding-bottom:4px;}

/* IZGLEDA DA SE NE KORISTI */

/*
.controls div#edit_options {
	display:none;
	position:absolute;
	margin-right:19px;
	background:#fff url(data/img/frontend/edit_div_rightbg.gif) top right no-repeat;
	width:100px;}
	.controls a.edit {
		background:url(data/img/frontend/edit.gif) 0 0 no-repeat;}
		.controls a.edit:hover {
			background:url(data/img/frontend/edit.gif) 0px -18px no-repeat;}


	div.news_page p {
		margin-bottom:12px;}


#privremeno_navigacija {
	background:#fffccc;
	border:2px #ffe761 solid;
	margin-bottom:6px;}
	#privremeno_navigacija p {
		line-height:17px;
		padding:6px;}
#greska_obavestenje {
	background:#fffccc;
	border:2px #f2e0c3 solid;
	margin-bottom:6px;}
	#greska_obavestenje p {
		line-height:17px;
		padding:6px;}

#contentAdd {
	padding:6px 4px;
	background:#D2D2D2;
	margin-bottom:12px;}


*/