@charset "utf-8";
/*
************* CSS Document ***************
**										**
** web site:							**
**	Direct Media AD						**
**	http://www.directmedia.rs			**
**					 					**
** author:								**
**	DEV INTERNATIONAL DOO				**
**	http://www.dev.co.rs				**
**					 					**
** date: 		14.09.2007.				**
** version:		1.1						**
** vers. date:	14.01.2009.				**
**										**
******************************************
*/

html, body {
	background-color:#FFFFFF;
	height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*
*****************************************
* 				HEADER					*
*****************************************
*/

#headbar {
	background-color:#FF830A;
	width:100%;
	height:40px;
}
	#headbar_container {
		position:absolute;
		left: 50%;
		margin-left: -475px;
		width:950px;
		height:inherit;
		text-align:left;
	}

		#headbar_nav {
			position:absolute;
			width:600px;
			font-size:14px;
			color:#FFFFFF;
			text-transform:lowercase;
			text-align:left;
		}

			#headbar_nav a:link, #headbar_nav a:visited {
				display:block;
				width:80px;
				padding:2px;
				border:1px solid #FF830A;
				text-decoration:none;
				color:#FFFFFF;
				text-align:center;
				margin:10px 0 0 0;
			}

			#headbar_nav a:hover {
				border:1px solid #FFC185;
				background-image:url(../images/button_hover_bg.gif);
				background-repeat:no-repeat;
				background-repeat:repeat-x;
				margin:10px 0 0 0;
			}

			#headbar_nav div.hlm_active { /* header link menu*/
				height:30px;
				background-image:url(../images/header_marker.gif);
				background-repeat:no-repeat;
				background-position:center;
				background-position:top;
				margin:2px 2px 0 0;
				float:left;
			}

			#headbar_nav div.hlm_inactive {
				height:30px;
				margin:2px 2px 0 0;
				float:left;
			}

		#headbar_lang {
			position:absolute;
			width:200px;
			margin-top:12px;
			right:0px;
			font-size:11px;
			color:#FFFFFF;
			text-transform:lowercase;
			text-align:right;
			word-spacing:6px;
		}
			#headbar_lang a:link, #headbar_lang a:visited {
				text-decoration:none;
				color:#FFFFFF;
			}

			#headbar_lang a:hover {
				text-decoration:underline;
			}
			#headbar_lang a.active {
				text-decoration:underline;
			}

		#dmsite_nav {
			position:absolute;
			right:0px;
			top:20px;
		}

		#dmsite_nav img {
			border:0px;
			margin:0 0 0 10px;
		}

/*
*****************************************
* 			CENTRALNI DEO				*
*****************************************
*/


#container {
    position:absolute;
	top:40px;
	left: 50%;
	margin-left: -475px;
	width:950px;
	text-align:left;
}

	#dmsite_logo {
		height:60px;
	}

		#dmsite_logo img {
			margin:16px 0 0 0;
		}

	#promo_msg {
		height:200px;
		border-top:#B2B2B2 10px solid;
		border-bottom:#B2B2B2 10px solid;
		background-color:#E8E8E8;
	}

	#content_wrapper {
		background-color:#F0EEEE;
	}

		#content_nav {
			margin:20px 0 0 10px;
		}

			#content_nav h1 {
				color:#B2B2B2;
				font-size:20px;
				font-weight:normal;
			}

			#content_nav a:link, #content_nav a:visited {
				display:block;
				font-size:12px;
				font-weight:normal;
				color:#929292;
				text-decoration:none;
				margin:0 0 2px 20px;
				padding:2px 0 2px 5px;
				border-bottom:1px solid #F0EEEE;
			}

			#content_nav a:hover {
				border-bottom:1px solid #B1B1B1;
			}

			#content_nav a:active {
				border-bottom:1px solid #FF7B00;
			}

			#content_nav div.llm_active { /* left link menu*/
				height:20px;
				background-image:url(../images/nav_arrow.gif);
				background-repeat:no-repeat;
				background-position:center;
				background-position:left;
				margin:0;
			}

			#content_nav div.llm_inactive {
				height:20px;
				margin:0;
			}

/*
	*****************************************
	* 			GLAVNI SADRŽAJ				*
	*****************************************
*/
		#content {
			padding:14px 10px 14px 10px;
			line-height:20px;
			min-height:300px;
		}

		*html #content {
			height:300px;
		}

			#content p {
				margin:5px 0 5px 0;
			}

			#content a:link, #content a:visited {
				color:#929292;
				text-decoration:underline;
			}

			#content a:hover {
				color:#FF830A;
				text-decoration:underline;
			}

			#content_title {
				position:absolute;
				width:380px;
				white-space:normal;
				top:150px;
				right:20px;
				line-height:32px;
				text-align:right;
			}

			#content_title h1 {
				font-weight:normal;
				font-size:28px;
				color:#B0B0B0;
			}
	/* index */

		#index_content {
			padding:14px 0 14px 0;
			line-height:14px;
			min-height:300px;
			font-size:12px;
		}

		*html #index_content {
			height:300px;
		}

		#index_table {
			margin:0;
		}

		#index_table h1 {
			font-size:16px;
			color:#333333;
			margin:10px 0 5px 0;
		}

		#index_table h2 {
			font-size:16px;
			color:#FF830A;
			margin:10px 0 5px 0;
		}
		#index_table a:link, #index_table a:visited {
			font-size:11px;
			color:#FF830A;
			text-decoration:none;
		}

		#index_table a:hover {
			text-decoration:underline;
		}

		.content_table_cell {
			padding:0 10px 0 10px;
			font-size:11px;
			color:#333333;
			text-align:justify;
		}

	/* mapa sajta*/

			#sitemap {
				text-align:left;
			}

			#sitemap h1 {
				display:block;
				border:1px solid #B0B0B0;
				width:80px;
				padding:2px;
				font-size:12px;
				font-weight:bold;
				text-align:center;
				margin:0 0 10px 0;
			}

			#sitemap h2 {
				font-size:12px;
				font-weight:bold;
				margin:0 0 0 20px;
				padding:0 0 0 10px;
			}

			#sitemap h3 {
				font-size:12px;
				font-weight:normal;
				margin:0 0 0 20px;
				padding:0 0 0 30px;
			}

			#sitemap h4 {
				font-size:12px;
				font-weight:normal;
				margin:2px 0 2px 50px;
			}

			#sitemap a:link, #sitemap a:visited {
				color:#B2B2B2;
				text-decoration:none;
			}

			#sitemap a:hover {
				color:#FF830A;
				text-decoration:underline;
			}

				h3.leaf {
					background-image:url(/public/images/tree/tree_connector_cross.png);
					background-repeat:no-repeat;
					background-position:left;
				}

				h3.first_leaf {
					background-image:url(/public/images/tree/tree_connector_cross.png);
					background-repeat:no-repeat;
					background-position:left;
				}

				h3.last_leaf {
					background-image:url(/public/images/tree/tree_connector_elbow.png);
					background-repeat:no-repeat;
					background-position:left;
				}

	/* login */
			.button {
				border:1px solid #FFFFFF;
				padding:4px;
				FONT-WEIGHT: bold;
				FONT-SIZE: 11px;
				BACKGROUND: #e9ecef;
				COLOR: #666666;
			}
			.login {
				border:1px solid #FFFFFF;
				padding:15px;
				margin: 6em auto auto auto;
				width:429px;
			}
			.login H1 {
				padding:15px 4px 0 50px;
				font-size: 1.5em;
				background: url(../images/login_header.png) no-repeat left top;
				margin: 0px;
				color: #333;
				height: 50px;
				text-align: left
			}
			.login P {padding:0 1em 0 1em;}
			.form-block {border: #cccccc 1px solid; padding:15px 10px 10px 10px; text-align:left;}
			.login-form {float: right; width: 60%; text-align: left}
			.login-text {float: left; width: 40%; text-align: left; font-size:11px;}
			.inputlabel {font-weight: bold; text-align: left}
			.inputbox {border:1px solid #FFFFFF; margin: 0px 0px 1em; width: 150px;}
			.clr {CLEAR: both}
			.ctr {TEXT-ALIGN: center;}

			.sessinfobox {
				font-size:14px;
				font-style:italic;
				font-weight:bold;
				margin:2px;
				color:#777777;
			}

			#loginframe
			{
			   padding:5px 5px 5px 5px;
				border:1px solid #333333;
				text-align:center;
			}

/*
*****************************************
* 				FOOTER					*
*****************************************
*/

	#footer {
		height:75px;
		background-color:#B2B2B2;
		color:#4F4F4F;
		margin-bottom:10px;
	}

		#footer_copyright {
			width:230px;
			height:43px;
			padding-top:32px; /* 75-43 */
			background-color:#959595;
			color:#D9D7D7;
			text-align:center;
			float:left;
		}

		#footer_address {
			width:230px;
			height:67px;
			padding:8px 0 0 8px;
			float:left;
		}

		#footer_contact {
			position:absolute;
			width:230px;
			height:60px;
			padding:15px 8px 0 0;
			right:8px;
			left:auto;
			text-align:right;
		}

			#footer_contact a:link, #footer_contact a:visited {
				color:#4F4F4F;
				text-decoration:none;
			}

			#footer_contact a:hover {
				color:#111111;
				text-decoration:underline;
			}

tr.normal {
	background-color:transparent;
}

tr.highlighted {
	background-color:lightyellow;
}