/* Eric Meyer CSS Reset Reload */
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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
	color: #000;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol,ul {
	list-style: none;
}
caption,th,td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}
blockquote,q {
	quotes: "" "";
}
/* Fine Eric Meyer CSS Reset */

/* Stili base */
body {
	font-family: "Bitstream Vera Sans", Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
	font-style: italic;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
}

h5 {
	font-size: 1em;
	font-style: italic;
}

h6 {
	font-size: 1em;
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1.5;
}

a {
	color: #04f;
}

	a:hover {
		background-color: #9bf;
	}

.disabled {
	background-color: #faa;
}

#container {
	font-size: 1.2em;
	line-height: 1.5em;
}


/*****
	Layout generale
				*****/
				
body {
	background-image: url(img/tx_paper.jpg);
}

#container {
	width: 960px;
	padding-right: 10px;
	background: #fff url(img/fade_h_b-w.png) repeat-y top right;
	margin: 0 auto;
	border-left: 1px solid #eee;
	border-bottom: 2px solid #ddd;
}

	#header {
		background: #fff url(img/f_orange.png) repeat-x top left;
		min-height: 50px;
		overflow: auto;
	}
	
		#logo {
			width: 250px;
			height: 54px;
			padding: 6px 0 0 10px;
			background: transparent url(img/logo_suzaku.png) no-repeat 10px 6px;
			text-indent: -9999px;
			float: left;
		}
		
		#search {
			float: right;
			width: 30em;
		}
		
		#mainmenu {
			clear: both;
			width: 100%;
			overflow: auto;
		}
	
	#wrapper {
		width: 640px;
		clear: both;
		float: right;
		padding: 0 5px;
		overflow: auto;
	}
	
	#navigation {
		width: 300px;
		margin: 10px 0 2em 6px;
		float: left;
	}
	
	#footer {
		clear: both;
	}


/*****
	Form di ricerca nell'header
								*****/

#search {
	text-align: right;
	margin-right: 1em;
	margin-top: 0.5em;
}

	#search label {
		font-size: 1.3em;
	}
	
	#search input#s {
		width: 10em;
		margin-left: 0.5em;
		border: 1px solid #aaa;
	}
	
	#search input#ss {
		width: 16px;
		height: 16px;
		border: 0;
		padding: 0;
		margin: 0;
		text-indent: -3000px;
		background: url(img/icons/magnifier.png) no-repeat;
	}

	#search input#ss:hover {
		background-color: #cef;
		cursor: pointer;
	}
	
	#search span.advanced {
		display: block;
		text-align: right;
		padding: 10px 2px;
	}
	
		#search span.advanced a {
			color: #99f;
			text-decoration: none;
		}
	
			#search span.advanced a:focus,
			#search span.advanced a:hover,
			#search span.advanced a:active
			{
				border-bottom: 1px solid #99f;
				background-color: transparent;
			}

/*****
	Menu principale
					*****/

#mainmenu {
	padding: 0 0 10px 0;
	font-size: 1.2em;
	overflow: auto;
}

	#mainmenu ul.mainmenu {
		float: right;
		overflow: auto;
	}
	
		.mainmenu li {
			float: left;
			margin: 0 5px;
			/*box-shadow: 5px 5px 5px #999;*/
			font-weight: bold;
			background: #c4dbff url(img/h_bgfade_25.png) repeat-x center center;
			border: 1px solid #c4dbff;
		}
	
			.mainmenu a {
				display: block;
				padding: 8px 10px 8px 32px;
				width: .1em;
				text-decoration: none;
				color: #333;
				background: transparent no-repeat 5px center;
			}
	
				.mainmenu a:hover,
				.mainmenu a:focus,
				.mainmenu a:active {
					/*background-color: #fdb;*/
					background-color: #8cb2ff;
				}
	
		.mainmenu li.selected {
			background: #8cb2ff url(img/h_bgfade_25.png) repeat-x center center;
			border: 1px solid #8cb2ff;
		}
	
			.mainmenu li.selected a {
				color: #000;
			}
	
	#mainmenu>ul a {
		width: auto;
	}
	
		#mainmenu>ul li.selected a {
			width: auto;
		}
	
	#mainmenu .home {
		background-image: url(img/icons/house.png);
	}
	
	#mainmenu .search {
		background-image: url(img/icons/magnifier.png);
	}
	
	#mainmenu .products {
		background-image: url(img/icons/book.png);
	}
	
	#mainmenu .info {
		background-image: url(img/icons/information.png);
	}
	
	#mainmenu .contact {
		background-image: url(img/icons/email.png);
	}
	
	#mainmenu .forum {
		background-image: url(img/icons/comments.png);
	}
	
	#mainmenu .login {
		background-image: url(img/icons/user.png);
	}

/*****
	Contenuti principali del sito
								*****/

#content {
	margin: 10px 0 2em 0;
}

	#content p {
		margin: 1em;
		line-height: 1.5em;
	}

	#content p:first-line {
		padding-left: 2em;
	}

	#content .box {
		width: 640px;
	}
	
		#content .box .header {
			background: transparent url(img/shadow_10_tr.png) no-repeat top right;
			padding-right: 10px;
		}
	
			
		#content .box .content {
			background: transparent url(img/shadow_10_r.png) repeat-y top right;
			padding-right: 10px;
			overflow: auto;
		}
		
			#content .box .content .body {
				background-color: #cef;
				padding: 8px;
			}
		
	
		#content .box .footer {
			clear: both;
			background: transparent url(img/shadow_10_b_large.png) no-repeat bottom right;
			padding: 0 10px 10px 0;
			height: auto !important;
			height: 0;
			min-height: 1px;
		}


.showroom {
	width: 640px;
	position: relative;
	overflow: auto;
	text-align: center;
}

		.showroom .header h2 {
			text-align: center;
			padding: 5px;
			background-color: #eff;
			border: 1px solid #cde;
			border-bottom: 0;
		}
	
	
	.showroom ul {
		overflow: auto;
		margin: 0 auto;
		background-color: #eff;
		background: #eff url(img/h_bgfade_blue_200.png) repeat-x center left;
/*		background: #eff url(img/d_bgfade_tl_250.png) no-repeat center left; */
		border: 1px solid #cde;
		border-top: 0;
		border-bottom: 0;
	}
	
		.showroom li.article {
			width: 290px;
			height: auto !important;
			min-height: 240px;
			height: 240px;
			float: left;
			padding: 10px;
		}

			.showroom li.article .description {
				
			}
				
	.showroom h6 {
		background-color: #eff;
		text-align: right;
		font-weight: normal;
		padding: 5px 2px;
		border: 1px solid #cde;
		border-top: 0;
	}
	
		.showroom h6 a {
			padding: 0 5px;
			text-decoration: none;
		}
		
			.showroom h6 a:focus,
			.showroom h6 a:hover,
			.showroom h6 a:active {
				border-bottom: 1px solid;
				background-color: transparent;
			}
			
	
	.showroom h3 {
		font-size: 0.9em;
	}
	
	.showroom h4 {
		font-size: 1.2em;
	}
	
	.showroom h5 {
		font-size: 1.2em;
	}
	


	.news {
		padding: 1em 0;
		margin: 1em;
		border-bottom: 2px solid #9bf;
		overflow: hidden;
		clear: both;
	}

		.news h3 {
			color: #999;
			font-size: 1em;
		}
		
		.news .content {
			padding: 1em;
			font-size: 1.2em;
		}
		
			.news .content img {
				display: block;
				float: left;
				padding: 0.5em 1em 0.5em 0;
			}

				.news .content img.floatcenter {
					margin: 0 auto;
					float: none;
				}

				.news .content img.floatright {
					float: right;
				}

div.wys {
	
}
	div.wys strong {
		color: #f00;
	}

	div.wys .floatcenter {
		margin: 0 auto;
		float: none;
	}

	div.wys .floatright {
		float: right;
	}

	div.wys .floatleft {
		float: left;
	}


/*****
	Sidebar di navigazione
						*****/

		#navigation .box .header {
			background: transparent url(img/shadow_10_tr.png) no-repeat top right;
			padding-right: 10px;
		}
	
			#navigation .box .header h2 {
				text-align: center;
				padding: 5px;
				background-color: #daffda;
				border: 1px solid #82d982;
				border-bottom: 0;
			}
			
		#navigation .box .content {
			background: transparent url(img/shadow_10_r.png) repeat-y top right;
			padding-right: 10px;
		}
		
			#navigation .box .content .body {
				background-color: #daffda;
				padding: 5px;
				border: 1px solid #82d982;
				border-top: 0;
				border-bottom: 0;
			}
		
	
		#navigation .box .footer {
			background: transparent url(img/shadow_10_b.png) no-repeat bottom right;
			padding: 0 10px 10px 0;
		}

			#navigation .box .footer h6 {
				border: 1px solid #82d982;
				border-top: 0;
			}

			#navigation .box .footer * {
				background-color: #daffda;
			}
		
		#navigation .box .content p.body {
			font-size: 1.1em;
			padding: 5px 5px 10px 5px;
		}

	ul.sidemenu {
		font-size: 1.3em;
	}
		
		ul.sidemenu ul {
			margin-left: 0.5em;
		}
		
		ul.sidemenu li {
			margin: 5px 0 5px 5px;
		}
		
			ul.sidemenu li a {
				display: block;
				font-weight: bold;
				width: 85%;
				padding: 5px 22px 5px 5px;
			}
			
				ul.sidemenu a:hover {
					background-color: #9bf;
				}
			
			ul.sidemenu li.selected > a {
				background: #9bf url(img/icons/bullet_go.png) no-repeat right center;
				color: #000;
			}
	
	
		ul.sidemenu ul.submenu {
			margin: 4px 0;
			font-size: 0.8em;
		}
		
			ul.sidemenu ul.submenu li {
				margin: 0 0 0 10px;
			}
			
				ul.sidemenu ul.submenu li a {
					padding: 2px 22px 2px 5px;
					line-height: 1.2em;
					font-weight: normal;
				}


	#navigation .box .content ul.sidenews {
		padding: 5px 0;
	}
	
		ul.sidenews ul {
			margin-left: 10px;
		}
		
		ul.sidenews li {
			margin: 5px 22px 5px 5px;
		}
		
			ul.sidenews li a {
				display: block;
				font-weight: bold;
				width: 100%;
				padding: 5px 0;
			}
			
				ul.sidenews a:hover {
					background-color: #9bf;
					color: #008;
				}
			
			ul.sidenews li.selected {
				background: #9bf url(img/icons/bullet_go.png) no-repeat right center;
				color: #000;
			}
		
		ul.sidenews span.date {
			display: block;
			text-align: center;
			color: #333;
			font-style: italic;
			font-size: 1.3em;
		}
		
		ul.sidenews li.date {
			padding: 5px;
			margin: 0;
			background: transparent url(img/h_bgfade_green_50.png) repeat-x top left;
		}
		
		ul.sidenews ul.day {
			margin: 1em 0 3em 5px;
		}
		
		
			ul.sidenews ul.day  li {
				margin: 0;
			}
		
		ul.sidenews span.category {
			font-weight: bold;
			font-size: 1.1em;
		}
		
		ul.sidenews ul.category {
			margin: 0.3em 0 0.8em 5px;
			border-bottom: 1px solid #bdf;
		}
		
			ul.sidenews ul.category li {
				margin: 0;
				border-top: 1px solid #bdf;
			}
			
				ul.sidenews ul.category li a {
					padding: 2px 2px 4px 2px;
				}
		
/******
 	Footer
 		*****/
		
#footer {
	background-color: #ffddbb;
	margin: 2em 5px 5px 5px;
	padding: 1em;
	/*border-radius: 10px;*/
}


/*****
	Form
		*****/

form fieldset {
/*	border: 1px solid #9bf;*/
	border: 1px solid #bbc;
	margin: 1em;
	padding: 1em 2em;
}

	form fieldset legend {
		font-weight: bold;
		font-size: 1.2em;
	}
	
	
		.form .form_row,
		#navigation .form_row {
			clear: both;
			padding: 1em 0;
		}
		
			.form .form_row label {
				font-weight: bold;
			}
			
			.admin .form_row label {
				width: 160px;
				float: left;
				text-align: right;
			}
			
			.form .form_row .input {
			
			}
			
			.admin .input {
				margin-left: 180px;
				clear: right;
			}

			.form .form_row input,
			.form .form_row textarea,
			.form .form_row select {
				width: 500px;
				border: 1px solid #9bf;
				background-color: #fff;
			}
			
				#navigation .form_row input,
				#navigation .form_row textarea,
				#navigation .form_row select {
					border: 1px solid #9bf;
					background-color: #fff;
					display: block;
					width: 250px;
				}

				.admin .form_row input,
				.admin .form_row select,
				.admin .form_row textarea {
					width: 400px;
				}
				
			.form .form_row textarea {
				height: 300px;
			}

				#navigation .form_row textarea {
					
					height: 100px;
				}
			
			.form select.form_date_day,
			.form select.form_date_month,
			.form select.form_date_year {
				width: 80px;
			}
			
			.form_row img {
				display: block;
				float: right;
			}
			
		.form_ops {
			margin-top: 1em;
			/*border-top: 1px solid #9bf;*/
			border-top: 1px solid #bbc;
			padding: 2em 0 1em 0;
		}
		
			.form_ops input {
				padding: 5px;
			}


	
			
.button {
	margin-right: 10px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

	.button a,
	a.button {
		border: 1px solid;
		background-color: #ddd;
		padding: 2px 5px;
	}

.ok {
	border: 1px solid #0f0;
	background-color: #dfd;
}

.error,
.notavailable {
	background-color: #fdd;
}

	div.error {
		border: 1px solid #f00;
		padding: 1em;
		margin: 1em;
	}
	
	div.error ul {
		list-style-type: disc;
	}
	
		div.error ul li {
			margin-left: 1.5em;
		}
	
.wrong {
	color: #f00;
}

.info {
	background-color: #ddf;	
}

	div.info {
		border: 1px solid #00f;
		padding: 1em;
		margin: 1em;
	}

.insert a,
input.insert {
	border: 1px solid #0f0;
	background-color: #dfd;
}

	.insert a:hover,
	input.insert:hover {
		background-color: #afa;
		cursor: pointer;
	}

.delete a,
input.delete,
a.delete {
	border: 1px solid #f00;
	background-color: #fdd;
}

	.delete a:hover,
	input.delete:hover,
	a.delete:hover {
		background-color: #faa;
		cursor: pointer;
	}
	
.update a,
input.update,
a.update {
	border: 1px solid #00f;
	background-color: #ddf;
}

	.update a:hover,
	input.update:hover,
	a.update:hover {
		background-color: #aaf;
		cursor: pointer;
	}

/*****
	Admin
		*****/

.inline {
	display: inline-block;
}

.adminright {
	float: right;
}
		
ul.adminops {
	overflow: auto;
	padding: 0.5em 1em;
}

	ul.adminops li {
		display: block;
		float: left;
		border: 0;
		padding: 0;
	}

		ul.adminops li a {
			display: block;
			margin: 3px 0;
		}

table.admin {
	border: 1px solid #9bf;
	border-collapse: collapse;
	width: 95%;
}
	
	table.admin th,
	table.admin td {
		border: 1px solid #9bf;
		padding: 5px 10px;
		vertical-align: middle;
	}
	
	table.admin th {
		font-weight: bold;
		text-align: center;
	}

	table.admin td {
	}

ul.adminlist {
	
}

	ul.adminlist > li {
		border: 1px solid #def;
		margin-bottom: 1em;
	}
	
		ul.adminlist > li.disabled {
			border-color: #faa;
		}

		ul.adminlist li h3 {
			background-color: #def;
			padding: 5px 0 5px 10px;
			overflow: auto;
			font-size: 1.5em;
		}

			ul.adminlist li.disabled h3 {
				background-color: #faa;
			}


		ul.adminlist ul.adminsublist {
		}
		
			ul.adminsublist > li {
				display: block;
				overflow: auto;
				padding: 5px 0 0 2em;
				border-bottom: 1px solid #def;
			}

				ul.adminsublist > li.disabled {
					background-color: #faa;

				}
			
ul.adminpager,
ul.pager {
	overflow: auto;
	padding: 10px;
	height: auto !important;
	height: 2em;
}

ul.pager {
	border: 1px solid #def;
	margin: 1em 0;
}

	ul.adminpager li,
	ul.pager li {
		float: left;
		width: 2.5em;
		margin-right: 0.1em;
		text-align: center;
		border: 1px solid transparent;
	}
	
		ul.adminpager li.pager_current,
		ul.pager li.pager_current {
			border: 1px solid #00f;
		}
		
		ul.adminpager li a,
		ul.pager li a {
			display: block;
			width: 100%;
		}

a.shiftup {
	width: 16px;
	height: 16px;
	background: url(img/icons/arrow_up.png) no-repeat 5px 2px;
	text-indent: -9999px;
}

a.shiftdown {
	width: 16px;
	height: 16px;
	background: url(img/icons/arrow_down.png) no-repeat 5px 2px;
	text-indent: -9999px;
}

/*****
	Parti specifiche
					*****/

ul.productlist {
	font-size: 1.2em;
	border-top: 2px solid #def;
	margin: 2em 0;
	overflow: auto;
}

	ul.productlist > li {
		padding: 10px 0;
		border-bottom: 2px solid #def;
		overflow: auto;
	}
		
		ul.productlist > li a {
			overflow: auto;
		}
		ul.productlist > li a:hover div {
			background-color: #9bf;
		}
		
		ul.productlist > li img {
			float: left;
		}
		
		ul.productlist > li .description {
			margin-left: 75px;
		}
		
			ul.productlist .category {
				display: block;
				position: relative;
				top: 10px;
				text-align: right;
				font-size: 3em;
				height: 0 !important;
				color: #eee;
				z-index: 1;
			}
			
			ul.productlist .series {
				display: block;
				position: relative;
				height: 1.5em;
				z-index: 5;
			}
			
			ul.productlist .name {
				display: block;
				position: relative;
				font-weight: bold;
				font-size: 1.1em;
				height: 1.5em;
				z-index: 5;
				
			}
			
			ul.productlist .editor {
				display: block;
				position: relative;
				height: 1.5em;
				z-index: 5;
				color: #999;
			}


.productdetails {
	font-size: 1.2em;
	padding: 0.5em 1em 3em;
}
	
	.productdetails .images {
		width: 302px;
		float: right;
		padding: 0 0 2em 1em;
		background-color: #fff;
	}
	
		.productdetails .images .preview {
			text-align: center;
			padding-bottom: 1em;
			width: 300px;
			height: 400px;
		}
		
			.productdetails .images .preview img {
				text-align: left;
				margin: 0 auto;
			}
		
		
		.productdetails .images .images_mini {
			
		}
		
			.productdetails .images .images_mini img {
				float: left;
				padding: 2px;
				border: 1px solid #bbb;
				margin: 2px;
			}
			
				.productdetails .images .images_mini img.selected {
					border: 1px solid #333;
				}
			
		.productdetails .header {
			margin: 1em 0;
		}
	
			.productdetails .category {
				display: block;
				height: 0;
				position: relative;
				top: 10px;
				text-align: right;
				font-size: 2em;
				color: #eee;
				z-index: 1;
			}
			
			.productdetails .series {
				display: block;
				position: relative;
				/*height: 1.2em;*/
				z-index: 5;
			}
			
			.productdetails .name {
				display: block;
				position: relative;
				font-weight: bold;
				font-size: 1.4em;
				font-style: normal;
				font-weight: bold;
				/*height: 1.8em;*/
				z-index: 5;
				
			}
			
			.productdetails .editor {
				display: block;
				position: relative;
				/*height: 1.5em;*/
				z-index: 5;
				color: #999;
			}
		
		.productdetails .description {
			border-top: 2px solid #def;
			border-bottom: 2px solid #def;
			padding: 2em 0;
			margin: 2em 0;
		}
		
		.productdetails .details {
			margin-top: 2em;
		}
		
		
table.orario {
	width: 90%;
	margin: 1em auto;
	border: 2px solid #9bf;
	border-collapse: collapse;
	font-size: 1.3em;
}

	table.orario td,
	table.orario th {
		border: 1px solid #9bf;
		padding: 0.5em;
		font-weight: bold;
		text-align: center;
	}
	
	table.orario th {
		background-color: #9bf;
	}


/***
	Parti personalizzate per pagina
											***/

body#page_ricerca #content h2 {
	margin: 1em 0 2em 0;
}
