﻿/* Reset styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}

a img {
	border:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul {
	list-style:none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content:"";
}

/* Site styles */

html {
	background:#BFA56C url("../images/bg-html.jpg");
	height:100%;
}

body {
	font:0.75em Tahoma;
	color:#8F4461;
	height:100%;
}

a {
	text-decoration:underline;
	color:#741839;
}

a:hover {
	text-decoration:none;
}

/* Titles */

h1 {
	font:normal 2.7em/1em "Times New Roman";
	margin-bottom:12px;
}

h2 {
	font:normal 2em/1em "Times New Roman";
	margin-bottom:5px;
}

h3 {
	font:normal 1.7em "Times New Roman";
}

/* Structure */

.wrapper {
	background:url("../images/bg.jpg") repeat-y center;
	min-height:100%;
	min-width:996px;
}


.container {
	width:996px;
	margin:0 auto;
	background:#fff url("../images/container.png") no-repeat center top;
	padding:24px 0 0;
}

	.container:after {
		height:9px;
		display:block;
		clear:both;
		content:"";
		background:url("../images/bg.jpg") repeat-y center;
	}

/* Header */

.header {
	position:relative;
	width:996px;
	margin:0 auto;
	background:url("../images/header.png") no-repeat center top;
	height:171px;
}

	/* Language menu */
	
	.lang {
		position:absolute;
		top:0;
		left:44px;
		/*background:url("../images/lang.png") no-repeat left top;*/
		width:112px;
		height:20px;
		padding-top:4px;
		text-align:center;
	}
	
		.lang li {
			display:inline;
			padding:0 2px 0 3px;
		}
		
			.lang a img {opacity:0.3}
			.lang a:hover img {opacity:1}
	
	.cathedrals {
		position:absolute;
		top:0;
		right:111px;
	}
	
	.map {
		padding:80px 0 0 25px;
		color:#fff;
		width:63px;
		background:url("../images/map.png") no-repeat left top;
		position:absolute;
		top:3px;
		right:33px;
		text-decoration:none;
		font:1.2em/1em Tahoma;
		overflow:hidden;
		height:0;
	}
	
		.map:hover {
			background:url("../images/map.png") no-repeat right top;
			height:auto;
		}
	
	/* Title */

	.title {
		position:absolute;
		left:42px;
		bottom:42px;
		color:#98667D;
		font:normal 14px "Times New Roman";
		text-decoration:none;
		width:400px;
	}
	
		.title span {
			font-size:2.1em;
			text-transform:uppercase;
			letter-spacing:-1px;
		}
	
	.title:hover {
		color:#b8869D;
	}
	
		.title .name {
			color:#fff;
			font-size:1.4em;
			line-height:1em;
			text-transform:uppercase;
			letter-spacing:0;
		}
	
	/* Search */
	
	.search {
		position:absolute;
		top:148px;
		right:0;
	}
	
		.search .textbox {
			border:1px solid #7B3E3F;
			border-bottom:1px solid #A67953;
			border-right:1px solid #A67953;
			background:none;
			font:normal 1em Tahoma;
			color:#784335;
			width:337px;
			margin-top:1px;
		}
		
		.search input {
			vertical-align:top;
		}
	
	/* Navigation */

	.nav {
		position:absolute;
		top:147px;
		left:49px;
		width:535px;
		color:#500025;
		font:0.8em/1.1em Tahoma;
	}
	
		.nav li {
			display:inline;
		}
		
			.nav a {
				color:#500025;
				text-decoration:none;
				padding-right:8px;
				background:url("../images/nav.gif") no-repeat right 5px;
			}
			
			.nav a:hover {text-decoration:underline}
	
/* Intro */

.intro {
	margin:0 auto 2px;
	width:996px;
}

	.intro img, .intro object {vertical-align:top}

/* Menu */

#menu {
	width:961px;
	margin:0 auto 7px;
	background:url("../images/menu.png") no-repeat center top;
	height:27px;
	padding:12px 0 0 35px;
	position:relative;
	z-index:3;
}

	#menu li {
		float:left;
		padding:0 11px 9px;
		position:relative;
	}
	
		#menu a {
			display:block;
			height:18px;
			background-repeat:no-repeat;
			background-image:url("../images/menu-script.png");
		}
		
			.menu01 {width:41px;background-position:0 0;}
			.menu02 {width:61px;background-position:-41px 0;}
			.menu03 {width:76px;background-position:-102px 0;}
			.menu04 {width:189px;background-position:-178px 0;}
			.menu05 {width:140px;background-position:-367px 0;}
			.menu06 {width:122px;background-position:-507px 0;}
			.menu07 {width:161px;background-position:-629px 0;}
			
			   .menu01:hover, .act .menu01 {background-position:0 -18px;}
               .menu02:hover, .act .menu02 {background-position:-41px -18px;}
               .menu03:hover, .act .menu03 {background-position:-102px -18px;}
               .menu04:hover, .act .menu04 {background-position:-178px -18px;}
               .menu05:hover, .act .menu05 {background-position:-367px -18px;}
               .menu06:hover, .act .menu06 {background-position:-507px -18px;}
               .menu07:hover, .act .menu07 {background-position:-629px -18px;}
		
		#menu div {
			position:absolute;
			top:27px;
			left:14px;
			background:#E2D9B9 url("../images/menu.jpg");
			padding:7px 0 12px 20px;
			display:none;
		}
		
		#menu li:hover div, #menu .iehover div {
			display:block;
		}
		
			#menu ul {
				border-top:1px solid #660027;
				padding:3px 10px 5px 0;
				background:url("../images/menu.gif") repeat-x bottom;
				width:150px;
			}
		
				#menu ul li {
					float:none;
					padding:0 0 7px;
					position:relative;
				}
			
					#menu ul a {
						background:none;
						display:inline;
						height:auto;
						font:normal 1.2em Tahoma;
						text-decoration:none;
						color:#660027;
					}
					
					#menu ul a:hover {text-decoration:underline}
					
					#menu li:hover li div, #menu .iehover li div {
						position:absolute;
						top:0;
						left:0;
						margin-left:100%;
						background:#E2D9B9 url("../images/menu.jpg");
						padding:7px 0 12px 20px;
						display:none;
					}
					
						#menu li li:hover div, #menu li .iehover div {display:block}
				
					#menu li:hover li .last, #menu .iehover li .last {
						right:0;
						margin-right:100%;
						left:auto;
						padding-right:20px;
					}

/* Content */

.content {
	float:left;
	width:596px;
	padding-bottom:10px;
}

.three .content {
	width:370px;
}

	.prod {
		background:#8f4461;
		border-collapse:separate;
		border-spacing:1px;
		width:100%;
	}
	
		.prod td {
			background:#fff;
			padding:3px 5px;
		}
	
	.content ul {
		margin-left:25px;
		list-style:disc;
	}
	
	.content ol {
		margin-left:30px;
		list-style:decimal;
	}
	
	.event {
		margin-bottom:15px;
		overflow:hidden;
	}
	
		.event a {
			color:#8F4461;
			text-decoration:none;
		}
		
		.event a:hover {
			color:#B67C94;
		}
		
		.date {
			font-family:"Times New Roman";
			margin-bottom:8px;
		}
		
			.event-date {
				color:#fff;
				background:url("../images/event-date.gif") repeat-x left 4px;
				padding:2px 10px;
				font:normal 1.7em Tahoma;
			}
		
			.event-place {
				color:#fff;
				background:url("../images/event-place.gif") repeat-x left 2px;
				padding:1px 10px;
			}
			
			.event-add {
				color:#fff;
				background:url("../images/event-add.gif") repeat-x left 2px;
				padding:1px 10px;
			}

	/* Event description */
	
	.event-desc {
		overflow:hidden;
		margin-bottom:10px;
	}
	
		.event-desc p {
			margin-bottom:5px;
		}
		
		.event-desc dt {
			float:left;
			width:75px;
			margin-right:20px;
			text-align:center;
		}
		
			.event-desc dt span {
				display:block;
				background:url("../images/event-desc-date.gif") repeat-x top;
				font:normal 3.3em/60px Tahoma;
				color:#fff;
				text-align:center;
			}
		
		.event-desc dd {
			display:table;
		}
		
			.event-desc h1 {
				margin-bottom:5px;
			}
		
		.aboniment {
			font:normal 1.8em Tahoma;
			color:#fff;
			padding:1px 10px;
			background:url("../images/aboniment.gif") repeat-x left 4px;
		}
		.aboniment a {
		color:white;
		text-decoration:none;
		}
	.ab-desc {
		border-bottom:1px solid #8f4461;
		padding-bottom:5px;
		margin-bottom:10px;
	}
	
		.ab-desc p {
			margin-bottom:5px;
		}
	
	/* Page title */

	.page-title {
		background:url("../images/preview-bottom.gif") repeat-x bottom;
		font:normal 1.5em "Times New Roman";
		padding:16px 0 15px;
		margin-bottom:12px;
		text-transform:uppercase;
	}
	
		.page-title span {
			margin-left:40px;
			word-spacing:10px;
		}
		
		.page-title a {
			color:#CEAFBA;
			text-decoration:none;
		}
		.page-title a:hover {color:#8F4461}
	
	.sub-title {
		border-bottom:1px solid #8F4461;
		font:1.5em "Times New Roman";
		text-transform:uppercase;
		padding-bottom:4px;
		margin-bottom:10px;
	}
	
	.img-left {
		float:left;
		margin-right:10px;
	}
	
	.img-right {
		float:right;
		margin-left:10px;
	}
	
	/* Question list */
	
	.question-list {
		font:1.5em "Times New Roman";
		margin-bottom:15px;
		margin-left:0 !important;
		list-style:none !important;
	}
	
		.question-list li {
			margin-bottom:8px;
		}
	
			.question-list a {
				color:#8F4461;
				text-decoration:none;
			}
			
			.question-list a:hover {text-decoration:underline}
	
	/* Error */
	
	.error {
		font:normal 5.5em/1em "Times New Roman";
		margin-bottom:10px;
	}
	
		.error-reason {
			font:2.6em "Times New Roman";
		}
	
	.leftside .content-intro {
		margin-right:-48px;
	}

	/* Search result */
	
	.search-result {
		color:#A7A9AC;
		margin-bottom:15px;
	}
	
		.search-result span {
			color:#8F4461;
		}
		
		.search-result a {text-decoration:none}
		.search-result a:hover {text-decoration:underline}
		
		.search-result p {margin-bottom:3px;color:#494949}
	
	/* Site map */
	
	.map-table {
		border-collapse:collapse;
		background:none !important;
	}
	
	.map-table td {
		vertical-align:top;
		padding-right:80px;
		background:none;
	}
	
	.sitemap a {
		text-decoration:none;
		color:#8F4461;
	}
	
	.sitemap a:hover {text-decoration:underline}
	
		.sitemap .first {
			margin-bottom:12px;
		}
		
			.sitemap .secondmenu {
				overflow:hidden;
				margin:-9px 0 12px;
			}
	
				.sitemap .second {
					background:url("../images/sitemap.gif") no-repeat left top;
					padding:10px 0 0 17px;
					margin-top:-5px;
				}
	
	/* Catalogue preview */
	
	.c-preview {
		overflow:hidden;
		padding-left:6px;
		margin-bottom:20px;
	}
	
		.c-preview dl {
			background:url("../images/c-preview.png") no-repeat center top;
			width:162px;
			height:211px;
			padding:10px 14px;
			text-align:center;
			font:1.2em/1em "Times New Roman";
			float:left;
			margin:0 6px 6px 0;
		}
		
			.c-preview dt {
				background:url("../images/preview.gif") repeat-x bottom;
				height:143px;
				margin-bottom:9px;
			}
			
				.c-preview a {text-decoration:none}
				.c-preview a:hover {text-decoration:underline}
			
			.c-preview dd {
				height:50px;
				background:url("../images/preview.gif") repeat-x bottom;
			}
	
	/* Presentation */
	
	.presentation {
		width:100%;
		font-size:0.9em;
		border-collapse:collapse;
		background:none !important;
	}
	
		.presentation td {
			padding:0 10px 30px 0;
			background:none;
		}
		
			.p-name {
				font:normal 1.7em/1em "Times New Roman";
				padding-top:4px;
			}
			
				.p-name a {
					color:#8F4461;
					text-decoration:none;
				}
				
				.p-name a:hover {text-decoration:underline}
	
	/* Price */
	
	.price {
		border-top:1px solid #8F4461;
		padding-top:5px;
		margin-bottom:10px;
	}
	
		.price span {
			font:2.6em "Times New Roman";
		}
	
	/* Archive */
	
	.archives {
		overflow:hidden;
		color:#C7A1B0;
		padding-bottom:5px;
		margin-left:0 !important;
		list-style:none !important;
	}
	
		.archives li {
			float:left;
			height:196px;
			width:169px;
			padding:0 13px;
		}
		
			.archives .sep {
				background:url("../images/archives.gif") no-repeat center top;
				height:1px;
				font-size:0;
				border:none;
				margin-top:5px;
			}
		
			.archives table {
				background:url("../images/archives.gif") no-repeat center top;
				border-collapse:collapse;
			}
			
				.archives th {
					padding:7px 3px;
					width:22px;
					text-align:left;
					font-weight:normal;
					background:none;
				}
				
				.archives td {
					padding:3px 3px;
					width:22px;
					background:none;
				}
				
					.archives a {
						color:#8F4461;
						text-decoration:none;
					}
					.archives a:hover {text-decoration:underline}
			
			.archives .month {
				display:block;
				background:url("../images/month.png") no-repeat center top;
				width:169px;
				font:normal 1.8em/27px "Times New Roman";
				text-transform:uppercase;
				text-align:center;
				text-decoration:none;
				color:#8F4461;
				margin:0 auto 5px;
			}
			
			.archives .month:hover {
				text-decoration:none;
				color:#6f2441;
			}
	
	/* Feedback */
	
	.feedback {
		background:#DBDBDC url("../images/feedback.jpg") no-repeat left top;
		width:491px;
		height:370px;
		padding:33px 50px 0;
	}
	
		.feedback table {
			border-collapse:collapse;
			background:none;
		}
	
		.feedback td {
			padding:0 15px 6px 0;
			vertical-align:top;
			background:none;
		}
	
			.feedback .textbox input, .feedback textarea {
				background:#D8D8DB;
				font:normal 1.5em Tahoma;
				color:#939598;
				padding:1px 10px;
				width:310px;
			}
			
			.feedback textarea {
				font:normal 1.3em Tahoma;
				padding:5px 10px;
				margin-bottom:15px;
			}
			
			.input-name {
				color:#C59EB1;
				font:normal 1.6em/1.5em Tahoma;
				text-transform:uppercase;
			}
			
			.note {
				font-size:0.9em;
			}
			
			.code {
				font-size:0.9em;
				color:#939598;
				padding-top:55px;
			}
			
				.code p {
					margin-bottom:3px;
				}
		
				.feedback .code .textbox input {
					width:110px;
					font:normal 1.65em Tahoma;
				}
			
				.code a {
					color:#8F4461;
					text-decoration:none;
				}
				.code a:hover {text-decoration:underline}
			
			.right {text-align:right}
	
	/* Eventline */
	
	.eventline {
		overflow:hidden;
		border-bottom:1px solid #8f4461;
		list-style:none !important;
		margin:0 0 10px !important;
		background:url("../images/eventline.gif") repeat-x top;
	}
	
		.eventline li {
			float:left;
			border-right:1px solid #fff;
			margin-bottom:1px;
		}
		
			.eventline a {
				display:block;
				background:url("../images/eventline.gif") repeat-x top;
				color:#939598;
				font:normal 1.1em Arial;
				text-decoration:none;
				height:38px;
				padding:6px 10px 0;
				float:left;
			}
			
			.eventline a:hover, .eventline .act a {
				color:#d8c296;
				background:url("../images/eventline-act.gif") repeat-x top;
			}
	
	/* Month select */
	
	.month-select {
		border-bottom:2px solid #8f4461;
		padding-bottom:3px;
		margin:0 0 10px !important;
		list-style:none !important;
		font:normal 1.6em "Times New Roman";
		text-transform:uppercase;
	}
	
		.month-select li {
			display:inline;
			margin-right:15px;
		}
		
			.month-select a {
				color:#939598;
				text-decoration:none;
			}
			
			.month-select a:hover, .month-select .act a {
				color:#8f4461;
			}
	
	/* Paging */
	
	.paging {
		overflow:hidden;
		border-top:1px solid #8F4461;
		padding-top:5px;
		margin:0 !important;
		list-style:none !important;
	}
	
		.paging li {
			float:left;
			padding:0 1px;
		}
		
			.paging img {
				vertical-align:top;
			}
			
			.paging a {
				border:1px solid #E5E5E5;
				background:#D3D3D3;
				color:#fff;
				text-decoration:none;
				font:1.5em "Times New Roman";
				padding:2px 3px 2px 4px;
				display:block;
			}
			
			.paging a:hover, .paging .act a {
				color:#B2B2B2;
				border:1px solid #ccc;
				background:#EFEFEF;
			}
			
		.paging .prev {padding:0 15px 0 5px}
		.paging .next {padding:0 45px 0 15px}
		
			.next a, .prev a, .next a:hover, .prev a:hover {
				border:none;
				background:none;
			}
		
		.paging .archive {padding:3px 0 0 0;}
		
			.archive a {
				border:none;
				background:none;
				text-transform:uppercase;
				color:#B2B2B2;
			}
	
			.archive a:hover {
				border:none;
				background:none;
				color:#999;
			}
			
/* Left column */

.leftside {
	float:left;
	width:285px;
	padding:0 48px 20px 44px;
}

.three .leftside {
	width:220px;
	padding:0 38px 20px 39px;
}

	/* Preview */

	.preview {
		background:url("../images/preview.png") repeat-y center;
		width:220px;
		margin-bottom:10px;
	}
	
		.preview .ins {background:url("../images/preview.png") no-repeat left top}
		
		.preview dl {
			background:url("../images/preview.png") no-repeat right bottom;
			padding:10px 10px 20px;
		}
		
			.preview dt {
				background:url("../images/preview.gif") repeat-x bottom;
				padding-bottom:12px;
			}
			
			.preview dd {
				background:url("../images/preview-bottom.gif") repeat-x bottom;
				padding:6px 6px 10px;
			}
			
				.preview a {
					color:#8F4461;
					text-decoration:none;
					font:normal 1.5em "Times New Roman";
					text-transform:uppercase;
				}
				
				.preview a:hover {color:#B67C94}
	
	/* Info */

	#info {
		margin:0 auto 27px;
		position:relative;
		width:178px;
	}
	
		#info .info {
			position:relative;
			z-index:2;
			display:block;
			width:178px;
			height:49px;
			background:url("../images/info.png") no-repeat left top;
		}
		
		#info .info:hover, #info.act .info {background:url("../images/info.png") no-repeat left bottom}
		
		#info div div {
			position:absolute;
			top:30px;
			left:27px;
			background:#E2D9B9 url("../images/menu.jpg");
			padding:29px 0 12px 20px;
			display:none;
		}
		
		#info:hover div div, #info .iehover div {
			display:block;
		}

			#info ul {
				border-top:1px solid #660027;
				padding:3px 10px 5px 0;
				width:155px;
				background:url("../images/menu.gif") repeat-x bottom;
			}

				#info ul li {
					margin-bottom:7px;
				}
			
					#info ul a {
						font:normal 1.2em Tahoma;
						text-decoration:none;
						color:#660027;
					}
					
					#info ul a:hover {text-decoration:underline}
	
	/* Content intro */
	
	.content-intro {
		background:url("../images/preview-bottom.gif") repeat-x bottom;
		padding-bottom:10px;
		margin:0 0 20px;
		height:46px;
	}
	
		.content-intro #info {
			margin:0;
			width:178px;
		}
		
			.content-intro #info .info {
				background:url("../images/info-small.png") no-repeat left top;
				height:44px;
			}
			.content-intro #info .info:hover, .content-intro #info.act .info {background:url("../images/info-small.png") no-repeat left bottom}
	
	/* About */
	
	#about {
		position:relative;
		width:136px;
	}
	
		#about img {
			position:relative;
			z-index:2;
		}
		
		#about div div {
			position:absolute;
			top:30px;
			left:27px;
			background:#E2D9B9 url("../images/menu.jpg");
			padding:29px 0 12px 20px;
			display:none;
		}
		
		#about:hover div div, #about .iehover div {
			display:block;
		}

			#about ul {
				border-top:1px solid #660027;
				padding:3px 0 5px 0;
				width:155px;
				background:url("../images/menu.gif") repeat-x bottom;
				margin:0 !important;
				list-style:none !important;
			}

				#about ul li {
					margin-bottom:7px;
					padding-right:10px;
					position:relative;
				}
			
					#about ul a {
						font:normal 1.2em Tahoma;
						text-decoration:none;
						color:#660027;
					}
					
					#about ul a:hover {text-decoration:underline}
					
					#about:hover li div, #about .iehover li div {
						position:absolute;
						top:-15px;
						margin-left:100%;
						left:0;
						background:#E2D9B9 url("../images/menu.jpg");
						padding:10px 0 12px 20px;
						display:none;
					}
					
					#about li:hover div, #about li.iehover div {display:block}
					
	
/* Right column */

.rightside {
	width:327px;
	float:right;
}

	/* Accent */

	.accent {
		background:#e2e2e2 url("../images/accent.jpg") no-repeat center top;
		width:255px;
		border:3px solid #fff;
		overflow:hidden;
		margin-bottom:10px;
		padding:12px;
	}
	
		.accent dt {
			float:left;
			margin-right:10px;
		}
		
		.accent dd {
			display:table;
		}
		
			.accent p {
				margin-bottom:5px;
			}
			
			.accent-title {
				border-top:1px solid #8F4461;
				border-bottom:1px solid #8F4461;
				padding:3px 0 6px;
			}
			
			.accent a {
				color:#8F4461;
				text-decoration:none;
				font:normal 1.8em/1em "Times New Roman";
			}
			
			.accent a:hover {color:#B67C94}

/* Footer */

.footer {
	clear:both;
	background:url("../images/menu.gif") repeat-x top;
	padding:12px 0 10px 0;
	margin:0 43px 0 377px;
	font:normal 1em Georgia;
	color:#4C4C4C;
	overflow:hidden;
}

.three .footer {
	margin:0 43px 0 297px;
}
	
	.copyright {
		float:right;
	}
	
/* Gallery */

ul.gallery, .gallery li {
	list-style:none;
	margin-left:0px;
}
	.gallery li {float:left;margin-right:10px;margin-bottom:8px;}
	.gallery li img {
		padding:1px;
		border:1px solid #520026;
	}