/*------ reset ---------*/

*{ 	padding: 0; 
	margin: 0;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
	}

fieldset,img {
	border:0;
	}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	}

li {
	list-style:none;
	}

input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	}

img a{
	border:0;
	}

body{
/* 	background: #333333; */
	background: #7E3C2F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	}


/*----- layout ---------*/

#page{
	width: 958px;
	margin: 0 auto;
	}

#header_area{
	position: relative;
	width: 958px;
	height: 122px;
	background: url(../pic/header_bckg.jpg) no-repeat;
	}

	#logo{
		position: absolute;
		display: block;
		top: 13px;
		left: 20px;
		width: 553px;
		height: 105px;
		}
	
	#tagline {
		position: absolute;
		top:90px;
		left: 33px;
		padding: 3px;
		background: #3E3E3E;
		font-family: "Gill Sans", Arial, sans-serif;
		font-size: 13px;
		font-weight: lighter;
		line-height: 120%;
		color: #ADADAD;
		}
	
	#top_menu {
		position: absolute;
		width: 270px;
		left: 650px;
		top: 27px;
		}
	
	#header_text {
	position: absolute;
	top: 57px;
	left: 650px;
	font-family: Geneva, Tahoma, sans-serif;
	font-size: 10px;
	line-height: 120%;
	color: #999999;
	}
	
	#language_menu {
	position: absolute;
	width: 200px;
	top: 28px;
	left: 435px;
	color: white;
	font-size: 11px;
	line-height: 100%;
	text-align: right;
	}

#main_content_wrap {
float: left;
margin-left: 8px;
width: 672px;
}

#main_menu_wrap {
width: 671px;
}

#main_menu{
/* 	background: url(../pic/main_menu_bckg.jpg) repeat-x; */
	background: url(../pic/bckg_main_menu_home.jpg) repeat-x;
	width: 670px;
	height: 18px;
	padding: 11px 0 11px 0;
	margin-left: 1px;
	}

#header_image {
	width: 670px;
	margin-left: 1px;
	height: 260px;
	background: white;
	}
	
#breadcrumbs{
	width: 654px;
	padding: 15px 0 20px 18px;
	background: url(../pic/content_bckg.jpg) repeat-y;
	}

#content_area{
	background-color: #ECECEC;
	padding-top: 18px;
	margin-bottom: 22px;
	}
	
	#content_wrap {
		width:672px;
		padding-bottom: 15px;
		}
	
	#content{
		width: 638px;
		height: 630px;
		background: url(../pic/content_bckg.jpg) repeat-y;
		padding: 0 18px 15px 16px;
		}
		
		html>body #content {
			height: auto;
			min-height: 630px;
			}
			
			#content_bottom_shade{
				height: 5px;
				background: url(../pic/content_bottom_shade.jpg) no-repeat top left;
				}

	#sidebar{
		float: left;
		width: 262px;
		background: url(../pic/sidebar_bckg.jpg) no-repeat 0 -18px;
		}
	
	#search{
		position: relative;
		width: 240px;
		height: 40px;
		margin:0 0 40px 18px;
		background: url(../pic/search_bckg.jpg) no-repeat;
		text-align: center;
		}
	
		#search p{
		}
		
		#search input{
			position: absolute;
			width: 165px;
			left: 25px;
			border: 0;
			background: none;
			height: 13px;
			font-size: 11px;
			line-height: 11px;
			margin: 13px 0 0 0;
			}
		
		#search input.submit {
			position: absolute;
			display: block;
			width: 20px;
			height: 16px;
			left: 200px;
			cursor: pointer;
			}
	
	#webmail{
		width: 240px;
		height: 147px;
		margin-left: 20px;
		}
	
	#sub_menu{
		background: url(../pic/submenu_bckg.jpg) no-repeat;
		width: 262px;
		margin-bottom: 25px;
		}
	
		.box_title {
			width: 220px;
			background: white;
			padding: 15px 15px 15px 20px;		
			}
		
		.sub_menu_wrap {
			width: 217px;
			background: white;
			padding:0 15px 10px 24px;
			border-bottom: 1px solid #E2E2E2;
			}
		
	#services_wrap{
		width: 242px;
		padding-left: 20px;
		margin-bottom: 30px;
		}
		
		#services {
			background: url(../pic/services_wrap_bckg.jpg) no-repeat top right;
			}
			
			#services_menu {
				padding-top: 4px;
				width: 235px;
				}
			
		.services_info {
			width: 219px;
			padding: 8px 8px 0 8px;
			border-left: 1px solid #DCDCDC;
			border-right: 1px solid #DADADA;
			}
			
			#left_second,
			#left_third {
				display: none;
				}
			
		.services_bottom_shade {
			height: 12px;
			overflow: hidden;
			background: url(../pic/services_bottom_shade.jpg) no-repeat left top;
			}
			
		#banner_area {
			width: 236px;
			padding-left: 10px;
			margin-bottom: 30px;
			}
	
#footer_area{
	width: 958px;
	margin: 0 auto;
	padding-bottom: 30px;
	}

	#owner{
		padding-top: 15px;
		}	

/*------ navigation items ----------*/

#top_menu .menu_item a,
#top_menu .menu_item_act a,
#top_menu .menu_item_last a {
	float: left;
	font-family: Geneva, Arial, sans-serif;
	font-size: 11px;
	color: white;
	margin-right: 8px;
	border-right: 1px solid #9E9086;
	padding-right: 8px;
	text-transform: lowercase;
	}

	#top_menu .menu_item_last a,
	#top_menu .menu_item_last_act a {
		border: 0;
		}
		
#language_menu .menu_item,
#language_menu .menu_item_act {
display: inline;
}

#language_menu .menu_item a,
#language_menu .menu_item_act a {
color: white;
padding: 0 5px;
}

#main_menu .menu_item a,
#main_menu .menu_item_act a,
#main_menu .menu_item_last a,
#main_menu .menu_item_last_act a{
	float: left;
	font-family: "Gill Sans", Arial, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #FFFFFF;
	line-height: 120%;
	text-decoration: none;
	padding: 0 15px;
	border-right: 1px solid white;
	}
	
	#main_menu .menu_item_last a,
	#main_menu .menu_item_last_act a {
		border: 0;
		}
		
	#main_menu .menu_item a:hover,
	#main_menu .menu_item_last a:hover,
	#main_menu .menu_item_act a,
	#main_menu .menu_item_last_act a {
		text-decoration: underline;
		}

#sub_menu .menu_item a,
#sub_menu .menu_item_act a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 220%;
	text-decoration: none;
	}
	
	#sub_menu .menu_item_act a{
	font-weight: bold;
	}
	
	#sub_menu .menu_item a:hover,
	#sub_menu .menu_item_act a:hover{
		text-decoration: underline;
		}

#sub_menu .sub_menu_item a,
#sub_menu .sub_menu_item_act a{
	display: block;
	background: url(../pic/submenu_item_bckg.jpg) repeat-x;
	margin: 3px 0;
	padding: 3px 15px;
	font-family: Geneva, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #ede6d6;
	}
	
#sub_menu .sub_menu_item_act a{
	background: url(../pic/submenu_item_bckg.jpg) repeat-x;
	background-color: #ede6d6;
	font-weight: bold;
	}
	
#services_menu .menu_item a, 
#services_menu .menu_item_act a{
	display: block;
	background: url(../pic/services_menuitem_bckg.jpg) no-repeat 0 -30px ;
	margin-bottom: 1px;
	padding: 7px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: white;
	line-height: 120%;
	text-decoration: none;
	}
	
#services_menu .menu_item a:hover,
#services_menu .menu_item_act a {
	background: url(../pic/services_menuitem_bckg.jpg) repeat-x;
	}
	
#breadcrumbs a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	}
	
#breadcrumbs a.act {
color:#9F6E0E;
}

/*------ typo ----------*/

P, UL, OL, H1, H2, H3, H4, H5{
	line-height: 160%;
	padding-bottom: 16px;
	}

#content H1{
	font-family: Geneva, Arial, sans-serif;
	font-size: 22px;
	font-weight: lighter;
	color: black;
	}

#content H2{
	font-family: Geneva, Arial, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #333333;
	}

#content H3{
	font-weight: lighter;
	color: #9F6E0E;
	}

#content H4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	padding: 10px 0 17px 0;
	margin-bottom: 25px;
	}

#content UL, #content OL{
}

#content OL{
}

#content UL LI{
	list-style-type: disc;
	margin-left: 40px;
}

#content OL LI{
	list-style-type: decimal;
	margin-left: 40px;
	}

#breadcrumbs{
}

#breadcrumbs a{
}

#breadcrumbs a:hover{
}

#sidebar P {
font-family: Geneva, Arial, sans-serif;
font-size: 11px;
color: #666666;
}

#sidebar H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #996600;
	line-height: 120%;
	}
	
.services_info H2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	color: #996600;
	line-height: 120%;
	margin-bottom: 3px;
	margin-top: 10px;
	}


#sidebar .box_title H1 {
	background: url(../pic/box_title_bckg.jpg) repeat-x;
	font-size: 13px;
	color: white;
	margin: 0;
	padding: 7px 8px;
	}

#webmail H1 {
padding-bottom: 16px;
}

#owner P {
	font-family: Geneva, Tahoma, sans-serif;
	color: #999999;
	font-size: 10px;
	text-align: center;
	}

#owner a {
	color: #999999;
	}

/*------ other --------*/

.clearer,
.divider{
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	display: block;
}

.divider{
	border-top: 1px solid #CCC;
}

#top_menu img {
float: left;
padding-right: 10px;
}

#content .csc-textpic-image {
padding: 15px;
border: 1px solid #CCCCCC;
background-color: #ffffff;
}

.services_info img {
	float: left;
	padding-right: 25px;
	}
	
#breadcrumbs img {
	padding-right: 8px;
	}
	
	
	
#content .tx-indexedsearch li {
	margin-left: 0;
	margin-right: 10px;
	}
	
	#content .tx-indexedsearch li.tx-indexedsearch-browselist-currentPage a {
		color: #333333;
		text-decoration: none;	
		}
		
	#content .tx-indexedsearch-redMarkup {
		color: #FF6600;
		}
	
#content .tx-indexedsearch td {
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 160%;
	}
	
#content td.tx-indexedsearch-info {
	padding: 10px;
	background: #E9F3F8;
	font-size: 11px;
	}
	
	
/*---- webmail -----*/

.webmail_box .username input,
.webmail_box .password input {
	display: block;
	background: none;
	border: 0;
	width: 137px;
	height: 15px;
	margin-bottom: 11px;
	margin-left: 10px;
	line-height: 14px;
	font-size: 12px;
	}
	
.webmail_box .password input {
	margin-bottom: 16px;
	}
	
.webmail_box .button input {
	display: block;
	border: 0;
	width: 60px;
	height: 20px;
	background: none;
	}
	
	
/*----- tt_news -----*/

.news-latest-item-home {
	margin-bottom: 18px;
	}

.news-latest-item-home .news-latest-image,
.news-latest-item-home .news-latest-date {
	float: left;
	}
	
.news-latest-item-home .news-latest-image img {
	padding: 7px;
	border: 1px solid #B0B0B0;
	margin-right: 10px;
	}
	
.news-latest-item-home .news-latest-date {
	line-height: 160%;
	margin-right: 5px;
	}
	
.news-latest-item-home .news-latest-title H2 {
	font-size: 12px;
	line-height: 160%;
	padding: 0;
	}

.news-latest-item-home .news-latest-title H2 a {
	color: black;
	text-decoration: none;
	}
	
	.news-latest-item-home .news-latest-title H2 a:hover {
		text-decoration: underline;
		}
	
.news-list-item-home {
	margin-bottom: 5px;
	}

.news-list-item-home .news-list-date {
	float: left;
	display: block;
	font-size: 12px;
	line-height: 150%;
	color: white;
	background: #EADA9E;
	padding: 0 3px;
	margin-right: 10px;
	}
	
.news-list-item-home .news-list-bulletin-date {
	float: left;
	display: block;
	font-size: 12px;
	line-height: 150%;
	color: white;
	background: #BCCEB0;
	padding: 0 3px;
	margin-right: 10px;
	}
	
.news-list-item-home .news-list-title H3 {
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	padding: 0;
	}

#news .news-list-item-home #bulletin .news-list-title {
	float:right;
	width: 350px;
}		

 #bulletin .news-list-item-home .news-list-title {
	float:right;
	width: 385px;
}


.news-list-item-home .news-list-title H3 a {
	color: #333333;
	text-decoration: none;
	}
	
	.news-list-item-home .news-list-title H3 a:hover {
		text-decoration: underline;
		}
		
.news-single-item {
	padding-bottom: 40px;
	}
	
.news-single-img {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
.news-single-img img {
	padding: 7px;
	border: 1px solid #B0B0B0;
	}
	
.news-single-item .news-single-textfiles {
	padding-bottom: 10px;
	font-weight: bold;
	}
	
.news-single-item .news-single-filelink {
	padding-bottom: 10px;
	}
	
	.news-single-item .news-single-filelink dd {
		padding-bottom: 5px;
		}

.news-list-item{
	margin-bottom: 18px;
	}


.news-list-date{
	float: left;
	font-size: 12px;
	line-height: 150%;
	color: white;
	background: #EADA9E;
	padding: 0 3px;
	margin-right: 10px;
	}

.news-list-title H3{
padding-bottom: 12px;
	
}

.news-list-image{
float: left;
margin-right: 12px;
width: 117px;
}

.tx-ttnews-browsebox td{
padding: 2px 6px;
}

#content a{
color: #3398CC;
color: #238DBE;
	
}
	
/*--- Content tipografija prenesena sa starog sajta --*/

#content A:hover{
	text-decoration: underline;
} 


#content P{
	font-size: 12px;
	line-height: 160%;
	font-weight: normal;
}

#content UL, #content LI{
	font-size: 12px;
	font-weight: normal;
	list-style-position: outside;
}

#content LI{
 		padding-bottom: 10px;
		list-style-image: url(pic/li_dot4.gif);
		
 }

#content li p {
	margin:0;
	padding:0;
}

#news {
	line-height: 160%;
}


.csc-textpic-caption{
	padding-top: 6px;
	font-size: 11px;
	color: #666;

}

