/*------ 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{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A646C;
	background: url(../pic/bckg_page.jpg) center top;
/*	background-attachment: fixed;	*/
}


/*----- layout ---------*/

#page{
	width: 920px;
	margin: 0 auto;
	border: 1px solid #C2CADF;
	border-top: 0 none;
	background: #FFFFFF;
}

#header_area{
	position: relative;
	width: 920px;
	height: 200px;
	background: url(../pic/bckg_header_area.jpg) repeat-x; 
}

	#logo{
		position: absolute;
		top: 12px;
		left: 36px;
		width: 273px;
		height: 77px;
		cursor: hand;
	}
	
	#search{
		position: absolute;
		top: 13px;
		left: 740px;
		width: 125px;
	}
	
		#search p{
			position: absolute;
			line-height: normal;
			font-family: "Trebuchet MS";
			font-size: 11px;
			color: #ccc;
			width: 110px;
			height: 11px;
		}
		
		#search input{
			border: 0;
			background: none;
			width: 110px;
			height: 17px;
			padding-left: 14px;
			font-size: 11px;
			line-height: 11px;
			margin: 15px 0 0 0;
		}

	#lang_menu{
		position: absolute;
		top: 74px;
		left: 675px;
		width: 222px;
		height: 20px;
	}

	#main_menu{
		position: absolute;
		top: 110px;
		left: 0px;
		width: 880px;
		height: 50px;
		padding: 25px 0px 0 40px;
	}
	
	#breadcrumbs{
		position: absolute;
		top: 178px;
		left: 20px;
		width: 880px;
		height: 22px;
	}

#content_area{
	padding-bottom: 30px;
}

	#content{
		float: left;
		width: 635px;
		padding-left: 20px;
		padding-top: 10px;
	}
	
	#content {
/*          width: 630px; */
            min-height: 400px;
            height:auto !important;
            height:400px;
            }


	#sidebar{
		float: right;
		width: 240px;
		padding-left: 20px;
		padding-top: 10px;
	}
	
		#sub_menu{
			margin-bottom: 30px;
		}
	
		#sidebar_content{}
	
#footer_area{
	width: 922px;
	height: 180px;
	margin: 0 auto;
	text-align: center;
}

	#owner{
		color: white;
		font-size: 10px;
		padding: 8px 0px;
		background: url(../pic/bckg_footer.jpg) repeat-x top left;
		margin-bottom: 10px; /*original 30px - pomaknuto zbog other menua*/
	}
	
	#other_menu {
	position: relative;
	margin-bottom: 20px;
	}
	
	#disclaimers{
		color: #9BA1A6;
		font-size: 11px;
	}
	

/*------ navigation items ----------*/

#lang_menu .menu_item {
float: left;
color: white;
padding-right: 15px;
}

#lang_menu .menu_item_last {
float: left;
color: #ccc;
padding-left: 30px;
}

#lang_menu .menu_item a{
	display: inline;
	/*float: left;
	padding-right: 15px;*/
	font-size: 11px;
	color: white;
	text-decoration: none;
}

#lang_menu .menu_item_last a{
	display: inline;
	/*float: left;
	padding-left: 30px;*/
	font-size: 11px;
	color: #ccc;
	text-decoration: none;
}

#main_menu .menu_item a,
#main_menu .menu_item_act a,
#main_menu .menu_item_last a,
#main_menu .menu_item_act_last a{
	float: left;
	padding: 0 11px;
	font-family: Georgia;
	font-size: 13px;
	color: black;
	text-decoration: none;
	border-right: 1px solid silver;
}

#main_menu .menu_item_act a,
#main_menu .menu_item_act_last a,
#main_menu .menu_item a:hover,
#main_menu .menu_item_last a:hover{
	color: #993300;
}

#main_menu .menu_item_last a,
#main_menu .menu_item_act_last a{
	border-right: 0px none;
	padding-right: 0;
}

#main_menu .menu_item_act_last a{
	color: #993300;
}

#sub_menu .menu_item a,
#sub_menu .menu_item_act a{
	display: block;
	background: url(../pic/bckg_sub_menu_item.jpg) repeat-x #98A5AF;
	/*height: 21px;*/
	padding: 6px 10px 6px 20px;
	text-decoration: none;
	color: white;
	margin-bottom: 1px;
	line-height: 130%;
}

#sub_menu .menu_item_act a,
#sub_menu .menu_item a:hover{
	background: url(../pic/bckg_sub_menu_item_act.jpg) repeat-x #98C3E5;
	color: #333333;
}

#sub_menu .sub_menu_item a,
#sub_menu .sub_menu_item_act a{
	display: block;
	/*height: 21px;*/
	padding: 4px 10px 4px 22px;
	border-bottom: 1px solid white;
	background-color: #E8E8E8;
	text-decoration: none;
	color: #666;
	font-size: 11px;
}

#sub_menu .sub_menu_item_act a{
	font-weight: bold;
	color:#333;
}

#sub_menu .spacer{
	height: 25px;
}

#other_menu .menu_item {
display: inline;
}

#other_menu .menu_item a {
padding: 0 10px;
color: #333333;
text-decoration: none;
}

#other_menu .menu_item a:hover {
text-decoration: underline;
}

/*------ typo ----------*/

P, UL, OL, H1, H2, H3, H4, H5{
	line-height: 150%;
	margin-bottom: 18px;
}

#content H1{
	font-family: Georgia, serif;
	font-size: 22px;
	font-weight: lighter;
	margin-bottom: 22px;
	color: black;
}

#content H2{
	font-size: 17px;
	font-weight: lighter;
	margin-bottom: 10px;
}

#content H3{
	font-size: 16px;
	font-weight: lighter;
	color: #333;
}

#content H4{
	font-size: 14px;
	font-weight: bold;
}

#content H5{
	font-size: 15px;
	font-weight: lighter;
	font-style: italic;
	line-height: 130%;
	background-color: #F2F2F2;
	padding: 6px 8px;
}

#content UL, #content OL{
	margin-left: 30px;
}

#content OL{
	margin-left: 30px;
	list-style-type: decimal;
}

#content UL LI{
	list-style: circle;
	margin-bottom: 3px;
}

#content OL LI{
	list-style: decimal;
	margin-bottom: 3px;
}

#content a{
	text-decoration: none;
	color: #736531;
}

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


#disclaimers P{
	line-height: 130%;
	text-align: center;
}

#breadcrumbs{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
}

#breadcrumbs a{
	text-decoration: none;
	color: #736531;
}

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

#sidebar H1{
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: lighter;
	line-height: 100%;
}

#sidebar H2, #sidebar H3{
	background: url(../pic/bckg_sidebar_h_blue.jpg) no-repeat;
	padding: 3px 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: white;
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: lighter;
	line-height: 100%;
}

#sidebar H3{
	background: url(../pic/bckg_sidebar_h_green.jpg) no-repeat;
}

#sidebar H4{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0px;
}

/*------ other --------*/

.clearer{
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	display: block;
}

#content ul.csc-menu li {
background: url(../pic/bckg_sitemap.jpg) no-repeat 0 1px;
padding-left: 32px;
list-style: none;
margin-left: -20px;
}

form#mailform {
width: 280px;
padding: 15px;
background: url(../pic/bckg_mailform_generic.jpg) no-repeat #E5E5E5;
color: #000000;
}

form#mailform textarea {
width: 275px;
height: 87px;
}

form#mailform input#mailformPredmet,
form#mailform input#mailformE-mail {
width: 260px;
}

.csc-mailform-field {
padding-bottom: 10px;
}

.csc-mailform-field label{
display: block;
padding-bottom: 5px;
width: 260px;
}

.align-center {
text-align: center;
}

.align-right {
text-align: right;
}

#content_left .spacer,
#content_middle .spacer,
.twocolumn .spacer,
#content .content_divider,
#content_right .content_divider {
display: block;
height: 0px;
line-height: 0px;
padding-bottom: 20px;
margin: 0px;
border-top: 1px dashed #333;
}


/* -------- search -------*/

.tx-indexedsearch-searchbox td {
padding-bottom: 10px;
padding-right: 5px;
}

input#tx_indexedsearch_extResume {
margin-top: 5px;
}


/* -------- tt_news -------*/

.news-latest-item {
/* border-bottom: 1px dashed #333; */
}

.news-latest-title {
	padding-bottom: 10px;
}

.news-latest-title-1 {
	/*background: url(../pic/bckg_sitemap.jpg) no-repeat -3px 1px;
	padding-left: 30px;*/
	padding-bottom: 10px;
	float: right;
	width: 310px;
}

#content_right .news-latest-title-1 {
	padding-bottom: 10px;
	width: 183px;
}

#content_right .news-latest-title-1 A {
	color: #666;
}

#content_right .news-latest-date {
display: none;
}

#content_left .news-latest-title-1 a{
	color: #5A646C;
/* 	line-height: 150%; */
}

.news-latest-date {
	font-weight: bold;
/* 	width: 65px; */
	float: left;
	font-family: /* Lucida Sans Unicode, Lucida Grande,  */Arial, Helvetica, sans-serif;
}

/*
.news-latest-title-1 {
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	padding-bottom: 10px;
}

#content_left .news-latest-title-1 a{
	color: #000;
	text-decoration: none;
}

.news-latest-date{
	color: gray;
	font-weight: normal;
	padding-right: 12px;
}
*/

#content_left .news-latest-container .news-latest-item .news-latest-title a {
font-family: Georgia, serif;
font-size: 16px;
color: #000000;
}

.news-latest-image {
float: left;
padding-bottom: 20px;
}

.news-latest-image img {
border: 1px solid #C2CADF;
margin-right: 10px;
}

#content_left .news-latest-container .news-latest-item .news-latest-title-sjednice a,
#content .twocolumn .news-latest-container .news-latest-item .news-latest-title-sjednice a {
font-family: /* Lucida Sans Unicode, Lucida Grande,  */Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
line-height: 160%
}

#content_left .news-latest-container .news-latest-item .news-latest-date-sjednice,
#content .twocolumn .news-latest-item .news-latest-date-sjednice {
float: left;
padding-right: 5px;
font-family: /* Lucida Sans Unicode, Lucida Grande,  */Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
line-height: 160%
}

.news-latest-subheader-sjednice p.bodytext{
	font-size: 11px;
}

.news-list-item{
	margin-bottom: 25px;
}

#content .news-list-item H3{
	margin-bottom: 8px;
}

.news-list-item .spacer{
	display: none;
}

.news-list-image,
.news-single-image{
	float: left;
	margin-right: 20px;
}

.news-list-date,
.news-single-date{
	color: white;
	background: url(../pic/bckg_lightblue.jpg) repeat-x bottom left;
	padding: 2px 6px;
	margin-right: 10px;
	font-size: 14px;
}



.news-single-item H2{
	margin-top: 20px;
}
/*

#pagebrowser{}

#pagebrowser .prev{
	padding-right: 20px;
}

#pagebrowser .link{}

#pagebrowser .next{
	padding-left: 20px;
}
*/

/*
.tx-ttnews-browsebox td{
	padding: 0 5px;
}
*/

.tx-ttnews-browsebox a {
line-height: 160%;
padding: 0 5px;
}

.tx-ttnews-browsebox span.browsebox-first,
.tx-ttnews-browsebox span.browsebox-last,
.tx-ttnews-browsebox span.browsebox-next,
.tx-ttnews-browsebox span.browsebox-previous {
padding: 0 5px;
line-height: 160%;
}

.tx-ttnews-browsebox a span.browsebox-first,
.tx-ttnews-browsebox a span.browsebox-last,
.tx-ttnews-browsebox a span.browsebox-next,
.tx-ttnews-browsebox a span.browsebox-previous {
padding: 0;
}

#content .tx-ttnews-browsebox P.browsebox-title{
margin-bottom: 0;
}



/* ---------- HOME SECTION ---------------*/


#content_left{
	width: 370px;
	padding-left: 19px;
	padding-right: 5px;
	padding-top: 10px;
	float: left;
}

#float_wrap{
	width: 526px;
	float: right;
}

#content_middle_wrap{
	width: 317px;
	float: left;
	background: url(../pic/bckg_c_middle.jpg) repeat-y;
}

#content_middle{
	padding: 10px 20px;
}

	#top_shade{
		height: 10px;
		background: url(../pic/bckg_top_shade.jpg) no-repeat;
	}
	
	#bottom_shade{
		height: 10px;
		background: url(../pic/bckg_bottom_shade.jpg) no-repeat;
	}

#content_right{
	width: 183px;
	padding-right: 17px;
	float: right;
	padding-top: 10px;
}

#float_wrap H1,
#content_left H1{
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: lighter;
	line-height: 100%;
}


#content_middle H1{
	margin-bottom: 2px;
}

#float_wrap H2, #float_wrap H3,
#content_left H2, #content_left H3{
	background: url(../pic/bckg_sidebar_h_blue.jpg) repeat-y;
	padding: 3px 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: white;
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: lighter;
	line-height: 100%;
}

#float_wrap H3,
#content_left H3{
	background: url(../pic/bckg_sidebar_h_green.jpg) repeat-y;
}

#float_wrap H4,
#content_left H4{
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

#float_wrap P,
#content_left P{
	font-size: 12px;
	line-height: 140%;
}


#banner_area{
	padding: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	background: url(../pic/bckg_banner_area.jpg) repeat-x #D5D5D5;
	/* height: 175px; */
}

#banner_area .csc-textpic-imagewrap{
	padding-bottom: 4px;
}

/* nicosdirectory */

.tx-nicosdirectory-pi1 td {
padding: 5px 0;
margin: 0;
}

.tx_nicosdirectory-pi1-dotted {
border: 0;
border-bottom: 1px solid #DADADA;
}

.nicosdirectory_catselect, 
.nicosdirectory_pagebrowse {
border-bottom: 1px solid #DADADA;
}

/* wt_directory */

table.wtdirectory_list {
width: 630px;
}

table.wtdirectory_list td {
padding: 5px;
font-size: 11px;
border-bottom: 1px solid #DADADA;
border-left: 1px solid white;
}

table.wtdirectory_list .wtdirectory_list_header td {
text-align: center;
background: #AED5F6;
}

table.wtdirectory_list .name {
width:110px;
}

table.wtdirectory_list .title {
width:140px;
}

.wtdirectory_filter {
text-align: center;
padding-bottom: 20px;
}

table.wtdirectory_list .email img,
table.wtdirectory_list .phone img,
table.wtdirectory_list .fax img {
display: none;
}

.wt_directory_detail_item {
position: relative;
border: 1px solid #C2CADF;
margin-bottom: 20px;
background: #F2F2F2;
padding: 0;
width: 635px;
}

/*.wt_directory_detail_right {
position: relative;
float:right;
}*/

	.wt_directory_detail_image img {
	bottom: 0;
	float: right;
	}

.wt_directory_detail_left {
position: relative;
float: left;
padding:10px;
}

	.wt_directory_detail_title,
	.wt_directory_detail_name,
	.wt_directory_detail_address,
	.wt_directory_detail_phone,
	.wt_directory_detail_fax,
	.wt_directory_detail_email,
	.wt_directory_detail_cv,
	.wt_directory_detail_company {
	padding-bottom: 3px;
	}

.wt_directory_detail_name h2 {
color: #0087C7;
padding-bottom: 15px;
}

/*---- jkpoll ----*/

.tx-jkpoll-pi1{
padding: 10px;
background: url(../pic/bckg_poll.jpg) no-repeat;
color: #333333;
}

.poll_question p.bodytext{
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid silver;
}

.tx-jkpoll-pi1 .poll_voteitem {
padding-bottom: 10px;
clear: left;
}

.tx-jkpoll-pi1 .poll_voteitem input {
float: left;
margin-right: 5px;
margin-bottom: 10px;
}

.tx-jkpoll-pi1 input.pollsubmit {
margin-left: 100px;
}

.tx-jkpoll-pi1 p {
padding-bottom: 10px;
margin: 0;
}

.pollimgresult {
width: 100%;
background: #CCCCCC;
}


/** CSS Filelinks hack **/
 
.filelinks_layout_0 .ime {
display:none;
} 

.filelinks_layout_1 .opis {
display:none;
} 

/** END CSS Filelinks hack **/


/*------ Two column flex ------*/

.twocolumn {
width: 635px;
}

	.twocolumn .left {
	float: left;
	width: 345px;
	padding-right: 30px;
	}
	
	.twocolumn .right {
	float: left;
	width: 260px;
	}
	
	.twocolumn form#mailform {
	width: 220px;
	}
	
	.twocolumn form#mailform textarea {
	width: 215px;
	}
	
	.twocolumn form#mailform input#mailformPredmet,
	.twocolumn form#mailform input#mailformE-mail {
	width: 200px;
	}
	
	.twocolumn .csc-mailform-field label{
	width: 200px;
	}
	
	#content .twocolumn ul.csc-menu li {
	padding-left: 32px;
	margin-left: -32px;
	}
	
	#content .twocolumn ul.csc-menu {
/* 	margin-bottom: 0; */
	}
	
	.twocolumn .news-latest-title {
	font-size: 14px;
	line-height: 160%;
	}
	
/*------ pp_feregister ------*/

.tx-ppferegister-pi1 label {
display: block;
float: left;
width: 100px;
}

.tx-ppferegister-pi1 input {
width: 130px;
}

.tx-ppferegister-pi1 input.submit {
width: auto;
margin-left: 100px;
}


/*------ felogin ------*/

.tx-felogin-pi1 label {
display: block;
float: left;
width: 100px;
}

.tx-felogin-pi1 input {
margin-left: 100px;
}

.tx-felogin-pi1 input#user {
width: 130px;
margin-left: 0px;
}

.tx-felogin-pi1 input#pass {
width: 130px;
margin-left: 0px;
}

.tx-felogin-pi1 div{
	padding-bottom:15px;
}

.tx-felogin-pi1 legend{
	display:none;
}

/*------ file_list extension ------*/

.tx-filelist-pi1-table {
overflow: hidden;
}

.tx-filelist-pi1-table td {
padding: 2px 0;
}

/*------ powermail ------*/

#content .tx-powermail-pi1 label {
display: block;
/* width: 100px; */
}

#content .tx-powermail-pi1 input {
width: 210px;
margin-bottom: 10px;
}

#content .tx-powermail-pi1 label span.powermail_mandatory {
display: inline;
}

#content .tx-powermail-pi1 .powermail_mandatory_js {
font-size: 11px;
margin-top: -10px;
padding: 3px 0 6px 0;
}

#content .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_captcha input,
#content .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_captcha img,
#content .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_captcha span {
display: block;
}

#content .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_captcha span {
padding: 3px 0;
}

#content .tx-powermail-pi1 .tx-srfreecap-pi2-cant-read {
color: #333;
}

#content .tx-powermail-pi1 .powermail_submit,
#content .tx-powermail-pi1 .tx-powermail-pi1_mandatory_submit {
width: auto;
margin-top: 20px;
}

.tx-powermail-pi1_mandatory strong {
display: none;
}

	.tx-powermail-pi1_mandatory li strong {
	display: block;
	}