/* --------------------------- */
/* GENERALs */
/* --------------------------- */
html, body { 
	margin: 0px; 
	padding: 0px; 
	height: 100%; 
}

body {
	line-height: 1;
	text-align: center;
	margin: 0px; 
	padding: 0px;
	background-color: #F1F5FA;
}
 
html, body, td, div, p {
	font-size: 12px; 
	font-family: Verdana, arial, geneva, helvetica, tahoma;
	color: #666;
}
a:link, a:visited, a:active { color: #96302b; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
a { outline: none; }

p { margin: 0px; }



/* --------------------------- */
/* DIVs */
/* --------------------------- */
.openBlock { display: block; }
.closedBlock { display: none; }


/* Pages */
div#mainBoard {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	text-align: center;
	vertical-align: middle;
	z-index: 0;
	border: 0px solid #000;
}

	div#container {
		width: 800px;
		height: 620px;
		position: relative;
		top: 10%;
		bottom: 90%;
		margin-left: auto !important; 
		margin-right: auto !important;
		text-align: center;
		vertical-align: top;
		z-index: 1;
		border: 0px solid #000;
	}
	
	
		div#pageTop {
			width: 800px;
			height: 46px;
			position: absolute;
			top: 0px;
			left: 0px; 
			text-align: right;
			vertical-align: top;
			background-color: #849EB5;
			background-position: left;
			background-repeat: no-repeat;
			background-image: url( ../../graphics/header_bg.gif );
			
			z-index: 2;
			border: 0px solid #000;
		}
		div#pageTop p { height: 46px; float: right; font-size: 12px; color: #fff; line-height: 46px; margin-top: 0px;  margin-bottom: 0px; margin-left: 0px;  margin-right: 16px; font-weight: bold; }
		div#pageTop p a:link, div#pageTop p a:visited { color: #fff; text-decoration: none; }
		div#pageTop p a:active, div#pageTop p a:hover { color: #fff; text-decoration: underline; }
		
		
		
	
		div#pageMiddle {
			width: 800px;
			height: 528px;
			position: absolute;
			top: 46px;
			left: 0px; 
			text-align: left;
			vertical-align: top;
			background-color: #fff;
			z-index: 2;
			border: 0px solid #f0f;
		}
		
			div#imageContainerMax {
				width: 800px;
				height: 528px;
				position: absolute;
				top: 0px;
				left: 0px; 
				text-align: left;
				vertical-align: top;
				z-index: 3;
				border: 0px solid #f0f;
			}
			div#imageContainerMax img { width: 800px; height: 528px; border: 0px solid #fff; }
			div#imageContainerMax div.loadingImg { width: 100px; height: 40px; position: absolute; top: 120px; left: 50px; }
	
		div#pageFooter {
			width: 800px;
			height: 46px;
			position: absolute;
			bottom: 0px;
			left: 0px; 
			color: #fff; 
			text-align: left;
			vertical-align: top;
						
			background-color: #849EB5;
			background-position: right;
			background-repeat: no-repeat;
			background-image: url( ../../graphics/footer_bg.gif );
			
			z-index: 2;
			border: 0px solid #000;			
		}
		div#pageFooter p { height: 46px; float: left; color: #fff; line-height: 46px; margin-top: 0px;  margin-bottom: 0px; margin-left: 16px;  margin-right: 0px; font-weight: bold; }
		div#pageFooter p a:link, div#pageFooter p a:visited { color: #fff; text-decoration: none; }
		div#pageFooter p a:active, div#pageFooter p a:hover { color: #fff; text-decoration: underline; }
		
			div#musicFooter {
				width: 60px;
				height: 35px;
				position: absolute;
				top: 5px;
				right: 10px; 					
				z-index: 3;
				border: 0px solid #000;			
			}
	
	
	
	
	/* Company */
		div#companyArea {
			color:#fff;
			width: 360px;
			height: 380px;
			position: absolute;
			top: 120px;
			right: 20px; 
			text-align: left;
			vertical-align: top;
			line-height: 140%;
			overflow: auto;
			z-index: 4;
			border: 0px solid #f0f;
		}
	
	/* Contacts */
		div#contactsArea {
			color:#fff;
			width: 360px;
			height: 380px;
			position: absolute;
			top: 120px;
			right: 20px; 
			text-align: left;
			vertical-align: top;
			line-height: 120%;
			z-index: 4;
			border: 0px solid #f0f;
		}
	
	/* Products */
		div#productsArea {
			color:#fff;
			width: 232px;
			height: 250px;
			position: absolute;
			bottom: 20px;
			right: 10px; 
			text-align: center;
			vertical-align: bottom;
			z-index: 4;
			border: 0px solid #f0f;
		}
			div#productsImageBox {
				width: 170px !important;
				width: 172px;
				height: 248px !important;
				height: 250px;
				position: absolute;
				bottom: 0px;
				left: 30px; 
				text-align: center;
				vertical-align: bottom;
				z-index: 4;
				border: 1px solid #fff;
			}
			div#productsImageBox img { width: 166px; height: 244px; margin: 2px; border: 0px solid #fff; cursor: pointer; }
				
				div#clickZoom {
					width: 232px; 
					height: 20px; 
					position: absolute; 
					top: -20px; 
					left: 0px; 
					font-size: 10px;
					text-align: center;
					display: none;
					color: #fff;
					z-index: 20;
				}
			
			
			
			/*div.productsNavig {
				width: 28px;
				height: 30px;
				position: absolute;
				top: 100px;
				font-size: 30px;
				font-weight: bold;
				text-align: center;
				vertical-align: top;
				z-index: 4;
				border: 0px solid #fff;
			}*/
			div.productsNavig {
				width: 40px;
				height: 40px !important;
				height: 45px;
				position: absolute;
				bottom: 0px;
				font-size: 45px;
				font-weight: bold;
				text-align: center;
				vertical-align: bottom;
				z-index: 4;
				border: 0px solid #fff;
			}
			div.productsNavig a:link, div.productsNavig a:visited { color: #96302B; text-decoration: none; }
			div.productsNavig a:active, div.productsNavig a:hover { color: #ff6666; text-decoration: none; }
			
			div#productsNavigPrev { right: 70px; }
			div#productsNavigNext { right: 10px; }
	
	
	
/* --------------------------- */
/* TOOLBAR */
/* --------------------------- */
	
	DIV#toolBar {
		width: 540px;
		height: 28px;
		position: absolute; 
		top: 0px;
		right: 0px;
		margin-right: 0px; 
		text-align: right;
		border: 0px solid #0f0;
		z-index: 10;
	}
		DIV.toolBarBut {
			width: 110px;
			height: 28px;
			float: right; 
			background-color: #DBDBDC;
			margin-left: 2px; 
			text-align: center;
			color: #fff;
			font-weight: bold;
			line-height: 28px;
			border: 0px solid #000;
			z-index: 10;
		}
		DIV.toolBarBut a:link, DIV.toolBarBut a:visited, DIV.toolBarBut a:active, DIV.toolBarBut a:hover { color: #fff; text-decoration: none;}

		DIV.toolBarButOver { 
			width: 110px;
			height: 28px;
			float: right; 
			background-color: #96302b;
			margin-left: 2px; 
			text-align: center;
			color: #fff;
			font-weight: bold;
			line-height: 28px;
			border: 0px solid #000;
			z-index: 10;
		}
		DIV.toolBarButOver a:link, DIV.toolBarButOver a:visited, DIV.toolBarButOver a:active, DIV.toolBarButOver a:hover { color: #fff; text-decoration: none;}
		
		
		DIV#toolCollectionList {
			width: 222px;
			position: absolute; 
			top: 30px;
			right: 168px;
			display: none;
			/*background-color: #96302b;*/
			text-align: center;
			color: #fff;
			font-weight: bold;
			line-height: 28px;
			border: 0px solid #000;
			z-index: 11;
		}
	
		DIV#toolCollectionList a:link, DIV#toolCollectionList a:visited { color: #96302B; text-decoration: none;}
		DIV#toolCollectionList a:active, DIV#toolCollectionList a:hover { color: #96302B; text-decoration: underline; }
		
		DIV#toolCollectionList .tool2ndActive a:link, DIV#toolCollectionList .tool2ndActive a:visited { color: #CC9715; text-decoration: none; }
		DIV#toolCollectionList .tool2ndActive a:active, DIV#toolCollectionList .tool2ndActive a:hover { color: #CC9715; text-decoration: underline; }
	

/* --------------------------- */
/* FONTs */
/* --------------------------- */

 /* titoli pagine */
h1 {
	margin: 0px 0px 20px 0px;
	font-size: 16px; 
	font-weight: bold;
	color: #96302b;	
	text-decoration: none;
}
h1 A:link, h1 A:visited { text-decoration: none; color: #fff; }
h1 A:active, h1 A:hover { text-decoration: underline; color: #96302b; }


 /* sottocategorie */
h2 {
	margin: 0px 0px 6px 0px;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
h2 A:link, h2 A:visited { text-decoration: none; color: #96302b; }
h2 A:active, h2 A:hover { text-decoration: underline; color: #96302b; }


/* Titolo Grosso */
h3 {
	margin: 0px 0px 8px 0px;
	color: #96302B;
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
}
h3 A:link, h3 A:visited { text-decoration: none; color: #96302B; }
h3 A:active, h3 A:hover { text-decoration: underline; color: #96302B; }


/* Liste titolo */
h4 {
	margin: 0px 0px 8px 0px;
	color: #498bad;
	font-size: 11px; 
	font-weight: bold;
	text-decoration: none;
}
h4 A:link, h4 A:visited { text-decoration: none; color: #498bad; }
h4 A:active, h4 A:hover { text-decoration: underline; color: #498bad; }




	.navigLink {	
		font-size: 14px;
		font-weight: bold;
		text-decoration: none; 
		color: #005B89; 
		background-color: #fff;
		line-height: 12px;
		padding: 2px;
		border: 1px solid #D8E6ED;
	}
	a.navigLink:link, a.navigLink:visited { 
		color: #005B89; 
		font-weight: bold;
		text-decoration: none; 
		background-color: #D8E6ED;
		/*padding: 1px;*/
		border: 1px solid #D8E6ED;
	}
	a.navigLink:active, a.navigLink:hover { 
		color: #005B89; 
		text-decoration: none; 
		font-weight: bold;
		background-color: #BFD6E2;
		border: 1px solid #D8E6ED;
	}