/*------ 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;
	}

em{
	font-style: italic;
}

strong{
	font-weight: bold;
}

body {
   behavior: url("/media/csshover3.htc");
}

body{
	background: url(../pic/body_bckg.jpg) repeat-x /* #F3F2ED */#F4F5F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #312B1E;
	padding: 0 0 40px 0;
	}


/*------ font embedding ------*/

@font-face {
	font-family: "ChunkFive";
	src: url("../js/Chunkfive.eot");
	}

@font-face {
	font-family: "ChunkFive";
	src: url("../js/Chunkfive.ttf") format('truetype');
	}


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

#wrapper {
width: 100%;
background: url(../pic/wrapper_bckg.gif) no-repeat top center;
}

#page{
	position: relative;
	width: 994px;
	margin: 0 auto;
	}

#header_area{
		position: relative;
		width: 994px;
		height: 387px;
		background: url(../pic/header_area_bckg.jpg) top left no-repeat;
		}

		#logo {
			position: absolute;
			width: 378px;
			height: 89px;
			top: 71px;
			left: 41px;
			}

		#toolbar {
			position: absolute;
			width: 550px; /*changed from 500 to fit*/
			top: 90px;
			right: 25px; /*changed from 35 to fit*/
			}

		#search {
			position: absolute;
			width: 640px;
			height: 165px;
			bottom: 0;
			left: 0;
			}

#content_area{
	position: relative;
	width: 994px;
	}

	#main_nav_area{
		position: relative;
		/*padding-bottom: 65px;*/
		}

		#menu_content {
		background: url(../pic/main_menu_middle_shade.jpg) repeat-y;
		}

			#main_menu {
			padding: 10px 28px 20px 28px;
			}

		#menu_bottom_shade {
		height: 7px;
		background: url(../pic/main_menu_bottom_shade.jpg) no-repeat top left;
		}

		#breadcrumbs {
			}

	#left_column {
		float: left;
		width: 636px;
		overflow: hidden;
		}

		#content {
		min-height:300px;
		height:auto !important;
		height:300px;
		padding: 20px 35px 35px 35px;
		}

	#right_column {
		float: right;
		width: 354px;
		}

		#right_column_content img {
		float: right;
		padding: 4px;
		}

		#right_column_content {
		margin-top: 40px;
		margin-bottom: 40px;
		}

#footer_area{
	position: relative;
	background: url(../pic/footer_bckg.jpg) no-repeat top left;
	padding-top: 24px;
	height: 15px;
	}

	#footer_menu {
	padding-left: 0px;
	overflow: hidden;
	}

/*------ home ------*/

#home_left{
	float:left;
	width: 520px;
}

#home_right{
	float: right;
	width: 370px;
	padding-left: 30px;

}

	#home_right .box1 {
	position: relative;
	height: 397px;
	padding-bottom: 20px;
	overflow: hidden;
	}

	#home_right .box2 {
	position: relative;
	height: 367px;
	/* padding-bottom: 20px; */
	overflow: hidden;
	}
	
	
	#home_right .box3 {
	position: relative;
	height: 340px;
	padding-bottom: 20px;
	overflow: hidden;
	margin-bottom: 30px;
	}

	
		#home_right .home_box_title {
		position: absolute;
		top: 32px;
		left: 30px;
		z-index: 100;
		}
	
		#home_right .home_box_title H1 {
		font-size: 22px;
		color: white;
		}

		#home_right .home_box1_picture,
		#home_right .home_box3_picture {
		position: absolute;
		height: 397px;
		width: 370px;
		top: 0;
		left: 0;
		}

		#home_right .home_box2_picture {
		position: absolute;
		height: 330px;
		width: 370px;
		top: 0;
		left: 0;
		}

		#home_right .home_box1_text,
		#home_right .home_box3_text {
		position: absolute;
		padding: 0 30px;
		color: white;
		top: 185px;
		}

		#home_right .home_box2_text {
		position: absolute;
		padding: 0 30px;
		color: white;
		top: 150px;
		}
		

			#home_right .home_box1_text P,
			#home_right .home_box2_text P,
			#home_right .home_box3_text P {
			line-height: 130%;
			padding-bottom: 10px;
			}

		#home_right .box1 .link,
		#home_right .box2 .link,
		#home_right .box3 .link {
		padding: 0 30px;
		}

		#home_right .box1 .link a,
		#home_right .box2 .link a,
		#home_right .box3 .link a {
		position: absolute;
		display: block;
		width: 30px;
		padding: 5px 20px;
		background: url(../pic/bckg_button.jpg) no-repeat;
		color: white;
		text-decoration: none;
		top: 295px;
		right: 20px;
		}

		#home_right .box1 .link a {
		top: 345px;
		}

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

#search label {
display: block;
float: left;
width: 65px;
font-size: 12px;
color: white;
}

#search input {
background: transparent;
border: 0;
width: 138px;
}

#search .title {
position: absolute;
width: 210px;
height: 25px;
top: 22px;
left: 25px;
line-height: 100%;
}

#search .author {
position: absolute;
width: 210px;
height: 25px;
top: 68px;
left: 25px;
}

#search .publisher {
position: absolute;
width: 210px;
height: 25px;
top: 113px;
left: 25px;
}

#search .year {
position: absolute;
width: 210px;
height: 25px;
top: 22px;
left: 255px;
}

#search .city {
position: absolute;
width: 210px;
height: 25px;
top: 68px;
left: 255px;
}

#search .description {
position: absolute;
width: 210px;
height: 25px;
top: 113px;
left: 255px;
}

#search input.search_submit {
position: absolute;
top: 88px;
right: 0;
width: 138px;
height: 36px;
background: url(../pic/search_button_bckg.jpg) no-repeat;
line-height: 100%;
cursor: pointer;
color: white;
}

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

#toolbar .menu_item a,
#toolbar .menu_item_last a,
#toolbar .menu_item_act a {
	float: right;
	height: 15px;
	color: black;
	text-decoration: none;
	padding: 0 15px 0 10px;
	color: #666;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 100%;
	background: url(../pic/toolbar_bckg.jpg) no-repeat top right;
	background-position-y: -2px;
	}

	#toolbar .menu_item a:hover,
	#toolbar .menu_item_last a:hover {
		text-decoration: none;
		color: #474747;
		}

			#toolbar .menu_item a.brown {
			background-position: 100% -54px;
			}

			#toolbar .menu_item a.green {
			background-position: 100% -105px;
			}

#language_menu .menu_item a,
#language_menu .menu_item_act a,
#language_menu .menu_item_last a {
	float: right;
	color: black;
	text-decoration: none;
	padding: 2px 10px 4px 10px;
	margin-left: 10px;
	background: #E8E8E8;
	font-size: 11px;
	}

	#language_menu .menu_item_act a,
	#language_menu .menu_item_act_last a {
		background: #D2D2D2;
		}

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


#main_menu .menu_item a,
#main_menu .menu_item_act a,
#main_menu .menu_item_last a,
#main_menu .menu_item_last_act a {
	display: block;
	font-size: 16px;
	color: #674C71;
	text-decoration: none;
	padding: 9px 8px 10px 8px;
	border-bottom: 1px solid #DAD3C3;
	}

	#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_act a:hover,
	#main_menu .menu_item_last a:hover,
	#main_menu .menu_item_last_act a:hover {
	color: #742C98;
	color: black;
		}

		#main_menu .selected a {
		color: black;
		}


#footer_menu .menu_item a,
#footer_menu .menu_item_act a,
#footer_menu .menu_item_last a,
#footer_menu .menu_item_last_act a {
float: left;
font-size: 14px;
line-height: 100%;
color: #666;
text-decoration: none;
margin-right: 12px;
padding-right: 12px;
border-right: 1px solid #666;
}

	#footer_menu .menu_item_last a,
	#footer_menu .menu_item_last_act a {
	border: 0;
	padding: 0;
	margin: 0;
	}

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

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


#content{
	line-height: 150%;
	padding-top: 62px;
}

#content A{
	text-decoration: none;
	color: #006699;
}

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

#content .pagination A{
	color: white;
}

#content P{
	font-size: 14px;
	}

#content H1{
	font-size: 26px;

	color: #895E1F;
	}

#content H2{
	font-size: 20px;
	font-weight: lighter;
	color: #333333;
}

#left_column #content H2{
	color: black;
}

#content H3{
	font-size: 17px;
	font-weight: bold;
	color: #333333;

}

#content H4{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 0px;
	}

#content H5{
	font-family: 'VegurExtraLight';
	font-size: 30px;
/* font-weight: lighter; */
	color: #333333;
	padding-bottom: 10px;
	}
#content H1 A,
#content H2 A,
#content H3 A,
#content H4 A,
#content H5 A{
	color: #333;
}

#content UL{
	padding-left: 20px;
}


#content OL{
	padding-left: 45px;
}


#content UL LI{
	/* list-style-type: disc; */
	background: url(../pic/list_bullet.gif) no-repeat 0px 5px;
	padding-left: 20px;
}

#content OL LI{
	list-style-type: decimal;
	}


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

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

.spacer{
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	display: block;
	border-bottom: 1px dotted #C5B79D;
	padding-top: 5px;
	margin-bottom: 15px;
}

/*------ detail view --------*/

.detail#content{
	padding-top: 0;
}

#one_column #content {
/* padding: 35px; */
}

.item_postcard_wrap {
position: relative;
/* padding-left: 30px; */
margin-bottom: 30px;
}

	.item_postcard_top_shade {
	width: 824px;
	padding: 45px 70px 45px 70px;
	background: url(../pic/item_postcard_wrap_bckg.jpg) repeat-y;
	}

	.item_left {
	float: left;
	width: 380px;
	height: 240px;
	}

	.item_right {
	float: right;
	width: 380px;
	height: 240px;
	}

	.detail_image {
	position: relative;
	height: 240px;
	overflow: hidden;
	/* margin-bottom: 15px; */
	}

		.item_left a.maximize,
		.item_right a.maximize {
		position: absolute;
		display: block;
		background: url(../pic/maximize_icon.png) no-repeat;
		width: 50px;
		height: 45px;
		right: 0;
		bottom: 0;
		}

.item_postcard_wrap_bottom_shade {
width: 964px;
height: 6px;
background: url(../pic/item_postcard_wrap_bottom_shade_bckg.jpg) no-repeat right top;
}

.item_postcard_data {
padding-left: 30px;
padding-bottom: 45px;
}

	.item_postcard_summary {
	float: left;
	width: 380px;
	}

	.item_postcard_datasheet {
	float: right;
	width: 484px;
	}

	.item_postcard_datasheet td {
	padding: 6px 20px;
	border-bottom: 1px solid #D6C8AF;
	}

		.item_postcard_datasheet td.label {
		padding-left: 0;
		border-right: 1px solid #D6C8AF;
		font-weight: bold;
		}

		.item_postcard_datasheet td.value {
		padding-right: 90px;
		color: #9F6F0F;
		}

/*------ collection list view --------*/


.gradja{
	font-size: 13px;
}

.gradja td {
	padding: 3px 20px;
	border-bottom: 1px solid #D6C8AF;
	}

		.gradja td.label {
		padding-left: 0;
		border-right: 1px solid #D6C8AF;
		font-weight: bold;
		width: 140px;
		}

		.gradja td.data {
		padding-right: 90px;
		color: #9F6F0F;
		width: 190px;
		}

.collection_list_wrap {

}

.collection_list_top {
/*border-bottom: 1px solid #E9E4DA;*/
	/* padding-bottom: 35px; */
}

	.collection_list_top .left {
	float: left;
	width: 374px;
	}

	.collection_list_top .right {
	float: right;
	width: 450px;
	text-align: right;
	}

.collection_list_bottom {
	margin-bottom: 30px;
	width: 690px;
	float: left;
}

#filter .collection_list_bottom {
	width: 924px;
}

.collection_list_bottom .list_item {
float: left;
width: 210px;
padding: 20px 20px 20px 0px;
line-height: 120%;
color: #666666;
font-size: 13px;
}

.collection_list_bottom{
	border-left: 1px solid silver;
}

 /*------- collection list ------*/

.collection_list_wrap#coll_list .collection_list_bottom .list_item {
float: left;
width: 180px;
padding: 20px 20px 0px 20px;
line-height: 120%;
color: #666666;
font-size: 13px;
/* text-align: center; */
border-right: 1px solid silver;
border-top: 1px solid silver;
border-bottom: 1px solid #D9D9D9;
height: 266px;
 	padding-bottom: 12px;
 	overflow: hidden;
}

.collection_list_wrap#coll_list .collection_list_bottom .list_item_image {
	/* height: 120px; */
	padding-bottom: 12px;
	}


 .collection_list_wrap#coll_list .collection_list_bottom .list_item:hover {
background-color: #F3F3F3;
border-right: 1px solid #929292;
border-top: 1px solid #929292;

}

 /*------- collection list gradja------*/

.collection_list_wrap#coll_list_gradja .collection_list_bottom .list_item {
float: left;
width: 180px;
padding: 20px 20px 0px 20px;
line-height: 120%;
color: #666666;
font-size: 13px;
/* text-align: center; */
border-right: 1px solid silver;
border-top: 1px solid silver;
border-bottom: 1px solid #D9D9D9;
height: 350px;
padding-bottom: 12px;
overflow: hidden;
}



.collection_list_wrap#coll_list_gradja .collection_list_bottom .list_item_image {
	padding-bottom: 12px;
	}



 .collection_list_wrap#coll_list_gradja .collection_list_bottom .list_item:hover {
background-color: #F3F3F3;
border-right: 1px solid #929292;
border-top: 1px solid #929292;

}


 /*------- collection list with large thumb ------*/

.collection_list_wrap#coll_list .collection_list_bottom {
width: 688px;
}

.collection_list_wrap#coll_list .collection_list_bottom .coll_large_thumb .list_item {
float: left;
width: 400px;
padding: 20px 20px 20px 20px;
line-height: 120%;
color: #666666;
font-size: 13px;
/* text-align: center; */
border-right: 1px solid silver;
border-top: 1px solid silver;
border-bottom: 1px solid #D9D9D9;
height: 600px;
padding-bottom: 12px;
background-color: white;
}

.collection_list_wrap#coll_list .collection_list_bottom .coll_large_thumb .list_item:hover {
background-color: #F3F3F3;
border-right: 1px solid #929292;
border-top: 1px solid #929292;

}

.collection_list_wrap#coll_list .collection_list_bottom .coll_large_thumb .list_item_two_pages {
    float: left;
    width: 600px;
    padding: 20px 20px 20px 20px;
    line-height: 120%;
    color: #666666;
    font-size: 13px;
    /* text-align: center; */
    border-right: 1px solid silver;
    border-top: 1px solid silver;
    border-bottom: 1px solid #D9D9D9;
    height: 440px;
    padding-bottom: 12px;
    background-color: white;
}

.collection_list_wrap#coll_list .collection_list_bottom .coll_large_thumb .list_item_two_pages:hover {
    background-color: #F3F3F3;
    border-right: 1px solid #929292;
    border-top: 1px solid #929292;

}

 /*------- collection filter ------*/

#filter.collection_list_wrap .collection_list_bottom .list_item {
float: left;
width: 190px;
padding: 20px 20px 0px 20px;
line-height: 120%;
color: #666666;
font-size: 13px;
/* text-align: center; */
border-right: 1px solid silver;
border-top: 1px solid silver;
border-bottom: 1px solid #D9D9D9;
height: 280px;
overflow: hidden;
}


#filter.collection_list_wrap .collection_list_bottom .list_item:hover {
background-color: #F3F3F3;
border-right: 1px solid #929292;
border-top: 1px solid #929292;

}

#filter.collection_list_wrap .collection_list_bottom .list_item_image {
	/* height: 140px; */
	padding-bottom: 12px;
	}

 /*------- collection book detail ------*/

.collection_list_wrap#coll_book_detail .collection_list_bottom {
float: left;
}

.collection_list_wrap#coll_book_detail .collection_list_bottom .list_item {
float: left;
width: 120px;
padding: 20px 20px 0px 20px;
line-height: 120%;
color: #666666;
font-size: 13px;
text-align: center;
border-right: 1px solid silver;
border-top: 1px solid silver;
border-bottom: 1px solid #D9D9D9;
height: 200px;
padding-bottom: 12px;
}

.collection_list_wrap#coll_book_detail .collection_list_bottom .list_item_two_pages {
    float: left;
    width: 180px;
    padding: 20px 20px 0px 20px;
    line-height: 120%;
    color: #666666;
    font-size: 13px;
    text-align: center;
    border-right: 1px solid silver;
    border-top: 1px solid silver;
    border-bottom: 1px solid #D9D9D9;
    height: 150px;
    padding-bottom: 12px;
}

.collection_list_wrap#coll_book_detail .collection_list_bottom .list_item_image {
	/* height: 210px; */
	padding-bottom: 12px;
	}

.collection_list_wrap#coll_book_detail .collection_list_bottom .list_item:hover {
background-color: #F3F3F3;
border-right: 1px solid #929292;
border-top: 1px solid #929292;

}

.collection_list_wrap#coll_book_detail .collection_list_bottom list_item_data{
	padding-top: 12px;
}


.list_item_title{

}

.list_item_no_data {
padding: 8px;
background: white;
border: 1px solid #929292;
border-left: 0;
}

 /*------- other collection styles ------*/

#content .collection_list_bottom .list_item_data A {
	display: block;
	text-decoration: none;
	color: black;
	font-size: 13px;
	font-weight: bold;
	line-height: 130%;
	padding-bottom: 8px;
	}

.collection_item{
	/* padding: 20px; */
	margin-bottom: 30px;
	/* border: 1px solid silver; */
}

.list_metadata{
	float: right;
	width: 200px;
	padding: 15px;
	background: url(../pic/bckg_blank.jpg) repeat-y white;
	border: 1px solid #DBDBDB;
	margin-bottom: 30px;
}

.list_metadata .label{
	color: black;
}

#content .list_metadata P{
	font-size: 12px;
	color: #895E1F;
	line-height: 180%;
}

#content .collection_item P {
	font-size: 13px;
}

#content .collection_item H3 A {
	color: #333;
}

.collection_item .label {
	color: #666;
	font-weight: bold;
}

.collection_thumb{
	float: left;
	padding-right: 30px;
}

 /*------- pagination ------*/

.pagination span.current,
.pagination span.disabled {
background: #DFD8CA;
padding: 4px 8px 5px 8px;
font-weight: bold;
color: white;
line-height: 100%;
}

.pagination A {
background: #B5A686;
padding: 4px 8px 5px 8px;
font-weight: bold;
color: white;
text-decoration: none;
line-height: 100%;
}

.pagination_text {
font-family: Georgia, Arial, Helvetica, sans-serif;
font-style: italic;
}

/*------ news ------*/

.news_latest_wrapper{

}

.news_latest_item {
	margin-bottom: 30px;
	width: 478px;
	background: url(../pic/bckg_news.jpg) no-repeat white;
	border: 1px solid #DBDBDB;
	padding: 20px;
}

.news_latest_date {
font-size: 13px;
color: #666;
}

.news_latest_title A {
color: #333;
text-decoration: none;
}

.news_latest_image img {
float: left;
padding-right: 25px;
padding-bottom: 10px;
padding-top: 16px;
}

.news_latest_text{
	padding-top: 16px;
}

.more {
	width: 30px;
	padding: 5px 20px;
	background: url(../pic/bckg_button.jpg) no-repeat;
	float: right;
}

#content .more a {
	color: white;
	text-decoration: none;
}

.news_detail_item {
}

.news_detail_date {
font-size: 13px;
color: #666;
}

.news_detail_title A {
	color: #333;
	text-decoration: none;
	}

.news_detail_image img {
	float: left;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-top: 16px;
}

.news_detail_image {

}

.news_detail_shorttext {
	padding-top: 16px;
}

.news_detail_wrapper{
	margin-bottom: 30px;
	width: 520px;
	background: url(../pic/bckg_news_detail.jpg) no-repeat white;
	border: 1px solid #DBDBDB;
	padding: 25px;
}

.news_detail_links{
	width: 90px;
	padding: 5px 20px;
	background: url(../pic/bckg_button.jpg) no-repeat;
	float: right;
}

#content .news_detail_links a{
	color: #FFF;
	text-decoration: none;
}


.news_list_item{
	margin-bottom: 30px;
	width: 520px;
	background: url(../pic/bckg_news_detail.jpg) no-repeat white;
	border: 1px solid #DBDBDB;
	padding: 25px;
}

.news_list_date{
	font-size: 13px;
	color: #666;
}

.news_list_image img {
	float: left;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-top: 20px;
}

.news_list_title A {
	color: #333;
	text-decoration: none;
}

.news_list_text{
padding-top: 16px;}


/*------- contact form ------*/

#content_area label {
float: left;
width: 120px;
}

#content_area input{
}

/*----- drugo --------*/

.content_image{
	float: left;
	padding-right: 20px;
	padding-bottom: 30px;
}

#coll_list_gradja .collection_thumb {
	clear: left;
	}

.breadcrumbs {
position: absolute;
width: 650px;
height:12px;
padding: 20px 0 20px 0;
}

.breadcrumbs LI {
float: left;
padding-left: 5px;
font-size: 12px;
color: #690;
}

.breadcrumbs LI A{
color: #006699;
}