/* general */
body, form, input, select, textarea {
	margin				: 0;
	padding				: 0;
	font-family			: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size			: 12px;
	color				: #000000;
}

IMG
{
	border				: 0;
}

a {
	color				: #B44400;
}

a:hover {
	text-decoration		: none;
}

p {
	margin				: 10px 0;
} 

h1, h2, h3 {
	margin				: 0;
	margin-bottom		: 10px;
	font-size			: 100%;
}

h3 {
	font-weight			: normal;
}

div.spacer {
	clear				: both;
	height				: 0;
	overflow			: hidden;
}

div.paging {
	margin-top			: 10px;
	clear				: both;
}

div.no_paging {
	clear				: both;
}

/* page layout */
#page {
	width				: 727px;
	text-align			: left;
}

/* top */
#top {

}

#top img {
	margin-top			: 10px;
	float				: right;
}


/* box layout */
.box {
	margin-bottom		: 15px;
}

#center .box h1 {
		color: #5f81aa;
		font-size: 120%;
}

.box h1 a {

}

.box .content {
	height				: 100%;
}

.box .top_left, .box .top_right, .box .bottom_left, .box .bottom_right {
	display				: none;
}

#center .box {
	margin-left: 15px;
}

#center .home .box {
	margin-left: 0px;
}


/* menu */
#menu ul {
	padding				: 5px 35px;
	margin				: 0px;
}

#menu ul li {
	display				: inline; 
}

#menu a {
	font-size			: 80%;
	text-decoration		: none;
	color				: #878684;
	border-right		: 1px solid #878684;
	padding-right		: 5px;
	margin-right		: 5px;
}

#menu a.last, #menu a.active_last {
	border				: none;
}

#menu a:hover, #menu a.active, #menu a.active_last  {
	text-decoration		: underline;
}

/* upper menu */

#menu_up ul {
	float: left;
	width: 100%;
	margin: 0;
	padding-left: 30px;
	list-style: none;
	background: #fff url(../dsg/menu_up_line.gif) repeat-x bottom;
}
#menu_up ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#menu_up ul a {
	font-size: 90%;
	display: block;
	margin: 0 4px 3px 0;
	color: #fff;
	text-decoration: none;
	background: url(../dsg/menu_up_bg1.gif) no-repeat top left;
}
#menu_up ul.student a {
	background-image: url(../dsg/menu_up_bg1_blue.gif);
}
#menu_up ul a span {
	display: block;
	padding: 3px 8px;
	background: url(../dsg/menu_up_bg2.gif) no-repeat top right;
}
#menu_up ul.student a span {
	background-image: url(../dsg/menu_up_bg2_blue.gif);
}
#menu_up ul a:hover,
#menu_up ul a.active,
#menu_up ul a.active_last {
	margin-bottom: 0;
	color: #80a190;
	background-image: url(../dsg/menu_up_bg1_active.gif) !important;
}	
#menu_up ul.student a:hover,
#menu_up ul.student a.active,
#menu_up ul.student a.active_last {
	color: #5495CD;
}	

#menu_up a:hover span,
#menu_up a.active span,
#menu_up a.active_last span {
	padding-bottom: 6px;
	background-image: url(../dsg/menu_up_bg2_active.gif) !important;
}	

/* sub menus */
#menu_sub ul {
	margin				: 15px 0;
	padding				: 0;
	list-style-type		: none;
	border-bottom		: 1px solid #fff;
}

#menu_sub a {
	text-decoration		: none;
	display				: block;
	padding				: 3px 8px;
	position			: relative;
	color				: #fff;
	background			: #80a190;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* #menu_sub a { height: 1%; }
/* End hide from IE5/mac */

#menu_sub a:hover,
#menu_sub a.active {
	background			: #878684;
}
#menu_sub ul li {
	margin				: 0;
	padding				: 0;
	border-top			: 1px solid #fff;
}

/* 2level of menu_sub */
#menu_sub ul ul {
	margin				: 0;
	border: none;
}
#menu_sub ul ul li {
	border: none;
	border-top: 1px solid #ccc;
}
#menu_sub ul ul a,
#menu_sub ul ul a.active {
	background: #B9B9B9;
	padding: 1px 4px 1px 15px;
}
#menu_sub ul ul a:hover,
#menu_sub ul ul a.active {
	background: #fff;
	color: #000;
}
#menu_sub ul ul ul a,
#menu_sub ul ul ul a.active {
	padding-left: 30px;
}

/* jump menu */


#left .box {
	/*background-color: #b9b9b9;*/
	border: 1px solid #fff;
	border-left: none;
	border-right: none;
	color: #fff;
	margin-top: 31px;
	padding: 0 0 0.5em 0;
	text-align: center;
}


#left h1 {
	padding: 0.5em 0;
	margin: 0;
}

.box .line_above {
	height: 16px;
	background: #b9b9b9;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}

#jump .box {
	margin-top: 0px;
}

/* columns containter */
#containter {
	margin-top			: 15px;
	background			: url(../dsg/main_bg.gif) repeat-y top left;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #containter { height: 1%; }
/* End hide from IE5/mac */

#containter #left {
	width				: 160px;
	margin-right		: 1px;
	float				: left;
	display				: inline;
	font-size: 90% !important;
}


/* The IE Three Pixel Text-Jog Fix */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #center { height: 1%; margin-left: 0; }
/* End hide from IE5/mac */

#containter #center {
	height: 100%;
	overflow: hidden;
	width: 560px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #center { float: left; }
/* End hide from IE5/mac */

#containter #right {
	width				: 180px;
	margin-left			: 15px;
	float				: right;
}

#spletna_postaja {
	text-align			: center;
}

#spletna_postaja a {
	font-size			: 90%;
	text-decoration 	: none;
}

#spletna_postaja img {
	margin-top			: 5px;
	border				: 1px solid #A5A5A5;
}

/* center content */

#center h1 {
	font-size: 133%;
	font-weight: bold;
}

/* popup image */
#image {
	text-align			: center;
	padding				: 5px;
}

/* bottom menu */
#menu_bottom {
	float				: right;
	margin-top			: -15px;
}

#menu_bottom ul {
	list-style			: none;
	list-style-image	: none;
	margin				: 0px;
}

#menu_bottom ul li {
	display				: inline;
}


#menu_bottom a {
	padding				: 0px 10px;
	background-image	: url(../dsg/vertical_line.gif);
	background-position	: right;
	background-repeat	: repeat-y;
	text-decoration		: none;
}

#menu_bottom a.last, #menu_bottom a.active_last {
	background-image	: none;
}

#menu_bottom a:hover, #menu_bottom a.active, #menu_bottom a.active_last  {
	text-decoration		: underline;
}