@import "navigazione.css";
/* CSS Document */
/* CSS - MODIFICHE DEL 09-NOV-2007 */
/* ------------------------------- */
/* ------------------------------- */
/*  STRUTTURA PRINCIPALE           */
/* ------------------------------- */
.piva {
position:absolute;
top:540px;
z-index:1000;
left:45%;
		font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
	font-size:11px;
	color:#ffffff;
}
body {
	margin: 0;
	overflow:hidden;
	font-family:arial, sans-serif;
	background-color: #000000;
}
#background {
	z-index:1;
	width:100%;
	height:100%;
	display: inline;
} 
#principale {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -475px;
	margin-right: auto;
	margin-top: -280px;
	width:950px;
	height:560px;
	z-index:20;
	border: 1px solid #ffffff;
	background: url(img/sfondo.gif);
}
#top {
    width:949px;
	height:221px;
	position:relative;
	z-index:2;
	margin:0;
	border:0px;
	/*border-style:dashed;*/
	border-color:#ff0000;
} 
#sx {
	position:absolute;
	height:221px;
	width:363px;
	padding:0;
	margin:0px;
	display: inline;
	border:0px dashed #11eeaa;
	float: left;
	z-index:5;
	left: 0px;
	top: 0px;
}
#fototop {
	width:363px;
	height:137px;
	padding:0;
	margin:0;
	border:0px;
	/*border-style:dashed;*/
	border-color:#11eeaa;
}
#imgsx1 {
	height:100%;
	width:100%;
	border:0;
	padding:0;
	margin:0;
}
#fotobottom {
	width:363px;
	height:84px;
	padding:0;
	margin:0;
	border:0px;
	/*border-style:dashed;*/
	border-color:#11eeaa;
}
#imgsx2 {
	height:100%;
	width:100%;
	border:0;
	padding:0;
	margin:0;
}
#center {
	position: absolute;
	left:363px;
	width:586px;
	height:221px;
	padding:0;
	margin:0;
	border:0px dashed #c80000;
}
#centertop {
	width:586px;
	height:137px;
	padding:0;
	margin:0;
	border:0px;
	border-style:dashed;
	border-color:#c80000;
}
#imgcenter1 {
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	border:0px;
	/*border-style:dashed;*/
	border-color:#990011;
}
#imgcenter2 {
	height:100%;
	width:100%;
	padding:0;
	margin:0;
    border:0px;
	/*border-style:dashed;*/
	border-color:#c80000;
}
#centerbottom {
	height:84px;
	width:586px;
	padding:0;
	margin:0;
	border:0px;
	/*border-style:dashed;*/
	border-color:#c80000;
}
#menu_index {
  width:345px;
	height: 25px;
	font-size:12px;
	position:relative;
	z-index:26;
	margin:0;
	/*margin-top:3px;*/
	border: 0px dashed #11eeaa;
	float:left;
}
#menu2en {
  width:100%;
	height:50%;
	font-size:12px;
	position:relative;
	z-index:26;
	margin:0;
	border:0px;
	/*border-style:dashed;*/
	border-color:#11eeaa;
	float:left;
}
#corpo {
  width:950px;
	position:relative;
	top:0px;
	z-index:25;
	margin:0;
	height:315px;
	border:0px dashed #ac99de; 
}
#nero  {
	position:relative;
	width:36%;
	background:#000000;
	border:0px;
	/*border-style:dashed;*/
	border-color:#ac99de;
	float:left;
	display:inline;
	z-index:7;
}
#lingue  {
	position:relative;
	width:235px;
	height: 27px;
	float:left;
	left:250px;
	display:inline;
	text-align:center;
	/*background:#000000;*/
	border:0px solid #cd87ec;
	z-index:26;
}
.lingue  {
	padding-left:0.2em;
	padding-right:0.2em;
	width:65px;
	font-size:12px;
	display: inline;
	float: left;
	line-height:1.5em;
	border:0px dashed #ac99de;
}
#vuoto  {
	position:relative;
	width:5%;
	float:left;
	border:0px;
	/*border-style:dashed;*/
	border-color:#ac99de;
	z-index:9;
	margin:0;
	padding:0;
}
#box_index {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -475px;
	margin-right: auto;
	margin-top: -280px;
	width:950px;
	height:560px;
	z-index:600;
	border: 1px solid #ffffff;
	background-color: #000000;
}
#logomenu {
    position:absolute;
	top: 70px;
	left: 10px;
	height: 200px;
	width:345px;
	border:0;
	padding:0;
	margin:0;
	display: inline;
	float:left;
	z-index: 500;
	border: 0px solid #ffffff;
}
#logo {
	height:98px;
	width:334px;
	border:0;
	padding:0;
	margin:0;
}
#imglogo {
    position:relative;
	height:98px;
	width:334px;
	border:0;
	padding:0;
	margin:0;
}
#orologi1 {
    position:absolute;
	top: 150px;
	left: 250px;
	height:315px;
	width:351px;
	border:0;
	padding:0;
	margin:0;
	display: inline;
	float: left;
	z-index:21;
}
#oro1 {
	height:100%;
	width:100%;
	border:0;
	padding:0;
	margin:0;
}
#orologi2 {
    position:relative;
	top: 150px;
	left:601px;
	height:315px;
	width:327px;
	border:0;
	padding:0;
	margin:0;
	display: inline;
	float: left;
	z-index:22;
}
#oro2 {
	height:100%;
	width:100%;
	border:0;
	padding:0;
	margin:0;
}
#lingueindex  {
	position: absolute;
	top: 169px;
	left: 640px;
	width:290px;
	height: 25px;
	/*background:#000000;*/
	border:0px;
	/*border-style:dashed;*/
	border-color:#ac99de;
	float:left;
	z-index:27;
	text-align:center;
	display:inline;
}
.lingueindex {
	padding-left:5%;
	padding-right:0%;
}

.lingueindex a:hover,
.lingueindex a:focus,
.lingueindex a:active {
	text-decoration:none;
	background:#a0a0a0;
	text-align:center;
}
.lingueindex a {
	font-family:arial;
	font-size:12px;   
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}
#barretta {
    position: absolute;
	top: 165px;
	left: 640px;
	height:3px;
	width:290px;
	border:0;
	padding:0;
	margin:0;
	z-index: 24;
}
#imgbarretta {
	height:100%;
	width:100%;
	border:0;
	padding:0;
	margin:0;
}

#village {
    position:absolute;
	top: 450px;
	left: 50px;
	height:40px;
	width:274px;
	border:0;
	padding:0;
	margin:0;
	display: inline;
	float:left;
	z-index: 28;
}
#imgvillage {
	height:100%;
	width:100%;
	border:0;
	padding:0;
	margin:0;
}
#riflesso {
    position:absolute;
	top: 463px;
	left: 270px;
	height:40px;
	width:351px;
	border:0;
	padding:0;
	margin:0;
	display: inline;
	float:left;
	z-index: 28;
}
#imgriflesso {
	height:100%;
	width:100%;
	border:0;
	padding:0;
	margin:0;
}
#riflesso2 {
    position:absolute;
	top: 463px;
	left: 621px;
	height:40px;
	width:327px;
	border:0;
	padding:0;
	margin:0;
	display: inline;
	float:left;
	z-index: 28;
}
#imgriflesso2 {
	height:100%;
	width:100%;
	border:0;
	padding:0;
	margin:0;
}

/* MENU PRINCIPALE HOME PAGE */
/* gestisce le proprietà delle voci di menu di primo livello */
/* cioè quelle definite dalla prima serie di tag <ul> nel codice XHtml*/
/* la classe menuNavigazione definisce il comportamento del tag <ul> */
.menuNavigazione {
	margin:0px;
	padding:0px;
	height: 25px;
	width: 350px;
	list-style:none;
	height:1.3em;
	border:0px solid #0000ff;
	line-height:1.4em;
}
/* vengono definite le proprietà delle voci di elenco */
/* le larghezze sono personalizzabili */
.menuNavigazione li {
	float:left;
	position:relative;
	width:105px;
	padding:0px;
	font-family:arial;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	line-height:1.3em;
	border:0px solid #0000ff;
	
}

.menuNavigazione li .menucuorematto {
	float:left;
	position:relative;
	width:105px;
	padding:0px;
	font-family:arial;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	line-height:1.3em;
	border:0px solid #0000ff;
}

.menuNavigazione li .menudestriero {
	float:left;
	position:relative;
	width:105px;
	padding:0px;
	font-family:arial;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	line-height:1.3em;
	border:0px solid #0000ff;
	
}

.menuNavigazione .rivenditori {
	float:left;
	position:relative;
	width:79px;
	padding:0px;
	font-family:arial;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	line-height:1.3em;
}

.menuNavigazione .rivenditori_es {
	float:left;
	position:relative;
	margin-left:5px;
	width:82px;
	padding:0px;
	font-family:arial;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	line-height:1.3em;
}
.menuNavigazione .rivenditori_en {
	float:left;
	position:relative;
	margin-left:5px;
	width:82px;
	padding:0px;
	font-family:arial;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	line-height:1.3em;
}	
.menuNavigazione .contatti_es {
	float:left;
	position:relative;
	margin-left:-10px;
	width:75px;
	padding:0px;
	font-family:arial;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	line-height:1.3em;
	}

/* vengono definite le proprietà per i link */
.menuNavigazione a {
	float:left;
	height:1.1em;
	line-height:1.4em;
	padding:0.2em;
	text-decoration:none;
	white-space:normal;
/*	border:1px solid #FFFFFF;*/
	font-size:12px;
	
}
/* SOTTO MENU */
/* viene definito il comportamento del secondo elenco  */
.menuNavigazione ul {
	margin:0%;
	padding:0%;
	list-style:none;
	width:75px;
	font-size:12px;
}
.menuNavigazione .rivenditori .collezioni li {
	margin:0%;
	padding:0%;
	list-style:none;
	width:78px;
	font-size:12px;
}

/* SOTTO MENU */
/* viene definito il comportamento del secondo elenco  */
.menuNavigazione .com {
	margin:0%;
	padding:0%;
	list-style:none;
	font-size:12px;
}
.menuNavigazione .riv {
	margin:0%;
	padding:0%;
	list-style:none;
	font-size:12px;
}
.menuNavigazione ul li {
	float:none;
	font-size:12px;
	width:75px;
	
}
.menuNavigazione ul a {
    font-size:12px;
	float:none;
	display:block;
	height:21px;
	/*line-height:1.3em;*/
	border-right:0px solid #0000ff;
	border-left:0px solid #ee00ff;
	border-bottom:1px solid #ffffff;
	white-space:normal;
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	text-align:left;
}


/* ---------------------------------- */
.menuNavigazione .com li {
	float:none;
	font-size:12px;
	width: 93px;
}
.menuNavigazione .riv li {
	float:none;
	font-size:12px;
	width: 120px;
}
.menuNavigazione .comunicazione_en {
	float:left;
	position:relative;
	width:105px;
	padding:0px;
	margin-left:-7px;
	font-family:arial;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	line-height:1.3em;
	border:0px solid #0000ff;
	
}
.menuNavigazione .com_en li {
	float:none;
	font-size:12px;
	width: 96px;
}
.menuNavigazione .riv_en li {
	float:none;
	font-size:12px;
	width: 110px;
}
.menuNavigazione .com a {
    font-size:12px;
	float:none;
	display:block;
	height:21px;
	/*height:1.2em;*/
	/*line-height:1.3em;*/
	border-right:0px solid #0000ff;
	border-left:0px solid #0000ff;
	border-bottom:1px solid #ffffff;
	white-space:normal;
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	text-align:left;
}
.menuNavigazione .riv a {
    font-size:12px;
	float:none;
	display:block;
	height:21px;
	/*height:1.2em;*/
	/*line-height:1.3em;*/
	border-right:0px solid #0000ff;
	border-left:0px solid #0000ff;
	border-bottom:1px solid #ffffff;
	white-space:normal;
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	text-align:left;
}
/* menu ON/OFF */
/* quando il valore della classe subMenu è impostato a OFF */
/* questo insieme di voci non è visibile */
.menuNavigazione ul, .menuNavigazione ul.subMenu-off {
	position:absolute;
	visibility:hidden;
}
/* quando il valore della classe subMenu è impostato a ON */
/* questo insieme di voci è visibile */
.menuNavigazione ul.subMenu-on {
	visibility:visible;
	z-index:26;
}

.menuNavigazione ul .menucuorematto.subMenu-on {
	visibility:visible;
}

.menuNavigazione ul .menudestriero.subMenu-on {
	visibility:visible;
}

/* POSIZIONAMENTO DEL SOTTO MENU */
.menuNavigazione ul.subMenu-on {
	position:absolute;
	/*top:1.6em;*/
	top:21px;
	left:0em;
	visibility:visible;
	border:0px solid #00ffff;
}

.menuNavigazione ul ul.subMenu-on {
	position:absolute;
	top:0.8em;
	left:75px;
	visibility:visible;
	padding-left:5px;
	border:0px solid #ffffff;
}

/* colori */
.menuNavigazione {
	color:#ffffff;
}
.menuNavigazione a {
    background:#000000;
	color:#ffffff;
	height:21px;
}
/* effetto rollover */
.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active {
	text-decoration:none;
	background:#a0a0a0;
	padding-right:2pt;
}


.menuNavigazione .menucuorematto a {
  background:#333333;
	color:#ffffff;
	height:21px;
}

.menuNavigazione .menudestriero a {
  background:#333333;
	color:#ffffff;
	height:21px;
}

/* effetto rollover */
.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active {
	text-decoration:none;
	background:#a0a0a0;
	padding-right:2pt;
}

/* MENU DI DESTRA */

.lingue a:hover,
.lingue a:focus,
.lingue a:active {
	text-decoration:none;
	background:#a0a0a0;
	text-align:center;
	padding-top: 0em;
	padding-bottom: 0.5em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	color: #ffffff;
	font-size:12px;
}
.lingue a {
	font-family:arial;
	font-size:12px;
  /*background:#000000;*/
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}
#allineamento {
	position: absolute;
	top:-7px;
	left:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	 /*border :2px solid #000000; */
	 
	
}

