/*
	-------------------------
	GESTIONE DEL FONDO PAGINA
	-------------------------
*/
body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	font-family:verdana, arial, sans-serif;
	background:#ffffff;
}
#background {
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	border-left: 0px;
	border-right: 0px;
	margin: 0px 0px;
	display: inline;
} 

#contenitore {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -480px;
	margin-right: auto;
	margin-top: -280px;
	width:960px;
	height:560px;
	z-index:600;
	border: 1px solid #000000;
	
}

#sinistro {
	height: 560px;
	width: 461px;
	border-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	float: left;
	margin: 0% 0% 0% 0%;
	padding:0em;
	background: #ffffff;
    background-position:0% 0%;
	z-index:2;
	position:absolute;
}

#bianco {
	width: 361px;
	height: 15px;
	position: relative;
	z-index:7;
	padding: 0;
	margin:0;
	line-height: 1em;
	border:0px dashed #332211;

}
#orologio {
	font-family: arial;
	font-size: 1em;
	letter-spacing: -0.03em;
	color:#6c4c23;
	text-decoration: none;
	text-align: right;
	padding-right:10px;
	padding-top:10px;
}
#codice {
	position: absolute;
	top: 30px;
	left: 290px;
	font-family: arial;
	font-size: 0.8em;	
	text-decoration: none;
	font-style: italic;	
	text-align: right;
	padding-right:10px;
}
#sezione {
	height: 332px;
	width: 361px;
	border-bottom: 0px solid #000000;
	padding:0em;
	z-index:4;
}

#logo {
	position: absolute;
	top: 0px;
	height: 33px;
	width: 361px;
	border: 0px;
	padding:0em;
	z-index:500;
	margi:0px;
}
#imglogo {
	height: 33px;
	width: 361px;
	border: 0px;	
	padding:0em;
	margin: 0px;
}

#varianti {
	width: 361px;
	height: 147px;
	border: 0;	
}
#variante1 {
	position:relative;
	width: 180px;
	height: 141px;
	float: left;
	border:0px dashed #444400;
}
#variante2 {
	position:relative;
	width: 180px;
	height: 141px;
	float: left;
	border:0px dashed #444400;
}
#testo_variante1 {
	position: absolute;
	left: 81px;
	top: 120px;
	font-family: arial;
	width:80px;
	font-size: 0.6em;
	letter-spacing: -0.02em;
	color:#000000;
	text-decoration: none;
	
	border:0px dashed #ee2211;
}
#testo_variante2 {
	position: absolute;
	left: 81px;
	top: 120px;
	font-family: arial;
	width:80px;
	font-size: 0.6em;
	letter-spacing: -0.02em;
	color:#000000;
	text-decoration: none;
	
	border:0px dashed #ee2211;
}
.var {
	width: 78px;
	height: 141px;
	margin-left: 22px;	
	border:0px dashed #ee2211;
}


testo {
	position: absolute;
	top:485px;
	left:0px;
	height: 79px;
	width: 360px;
	border: 0px solid #ccddaa;
	z-index:20;
	padding-top: 40px;
	padding-left: 8px;
	background: url(img/skyline.jpg) no-repeat;
}
.testo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	text-decoration: none;
	float: left;
}

a.info {
	text-decoration: none;
	font-size: 0.6em;
	margin: 0;
}

a.info:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #672324;
}
a.info:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #6b6b6d;
}
a.info:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #8b8b8b;
}

#imggrande {
	height: 332px;
	width: 361px;
	border: 0px;
	padding:0em;
	z-index: 10;
}

#destro {
	position:absolute;
	float: left;
	width: 498px;
	height: 560px;
	padding:0%;
	margin-left:362px;
	z-index:0;
	background:#ffffff;
} 
 /* prima riga */
#dx_1{
    width:598px;
	height:75px;
	/* si può usare la proprietà compatta border */
	padding:0%;
	margin:0%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #672324;
}
/* prima riga --- prima cella */
#dx_1_home {
    width:99px;
	height:74px;

	/* si può usare la proprietà compatta border */
	padding:0%;
	margin:0%;
	float:left;
}
/* prima riga --- seconda cella */
#dx_1_company {
    width:100px;
	height:74px;
	/* si può usare la proprietà compatta border */
	padding:0%;
	margin:0%;
	float:left;
}
/* prima riga --- terza cella */
#dx_1_watches {
    width:99px;
	height:74px;
	border-style:dashed;
	border-color:#ff0000;
	border-width:0px;
	/* si può usare la proprietà compatta border */
	padding:0%;
	margin:0%;
	float:left;
}
/* prima riga --- quarta cella */
#dx_1_services {
    width:100px;
    height:74px;
	/* si può usare la proprietà compatta border */
	padding:0%;
	margin:0%;
	float:left;
}
/* prima riga --- quinta cella */
#dx_1_communication {
    width:100px;
    height:74px;
	/* si può usare la proprietà compatta border */
	padding:0%;
	margin:0%;
	float:left;
}
/* prima riga --- sesta cella */
#dx_1_contact {
    width:99px;
	height:74px;
	/* si può usare la proprietà compatta border */
	padding:0%;
	margin:0%;
	float:left;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-color: #672324;

}
/* fine prima riga */
/* --------------- */
#img_99 {
	width:99px;
 	height:74px;
 	padding:0%;
 	border:0px;
	margin: 0%;
}

#img_100 {
	width:100px;
 	height:74px;
 	padding:0%;
 	border:0px;
	margin: 0%;
}
#img {
	width:100px;
 	height:74px;
 	padding:0%;
 	border:0px;
	margin: 0%;
}
/* seconda riga */
#dx_2{
    width:598px;
	height:20px;
	/* si può usare la proprietà compatta border */
	padding:0%;
	margin:0%;
	display: inline;
	border-style:dashed;
	border-color:#ff0000;
	border-width:0px;
}
/* seconda riga --- prima cella */
/* seconda riga --- prima cella */
#dx_2_home {
    width:98px;
	height:20px;
  	float:left;
	text-align: center;
	white-space: nowrap;
	background: #eae9e9;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	overflow:hidden;
	padding-top:3px;
}
/* seconda riga --- seconda cella */
#dx_2_company {
    width:99px;
	height:20px;
  	float:left;
	text-align: center;
	background: #eae9e9;
	white-space: nowrap;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	overflow:hidden;
	padding-top:3px;
}
/* seconda riga --- terza cella */
#dx_2_watches {
    width:98px;
	height:20px;
  	float:left;
	background: #eae9e9;
	text-align: center;
	white-space: nowrap;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	overflow:hidden;
	padding-top:3px;
}
/* seconda riga --- quarta cella */
#dx_2_services {
    width:99px;
	height:20px;
	background: #eae9e9;
  	float:left;
	text-align: center;
	white-space: nowrap;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	overflow:hidden;
	padding-top:3px;
}
/* seconda riga --- quinta cella */
#dx_2_communication {
    width:99px;
	height:20px;
	background: #eae9e9;
  	float:left;
	text-align: center;
	white-space: nowrap;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	overflow:hidden;
	padding-top:3px;
}
/* prima riga --- sesta cella */
#dx_2_contact {
    width:99px;
	height:20px;
	background: #eae9e9;
  	float:left;
	text-align: center;
	white-space: nowrap;
	border-right-style: solid;
	border-right-width: 0px;
	border-color: #000000;
	border-style: solid;
	border: 0px;
	overflow:hidden;
	padding-top:3px;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.65em;
	text-align: center;
	
}

a:link {
	color: #672324;
	overflow:hidden;
	font-size: 0.65em;
	margin: 0;
}
a:hover {
	color: #6b6b6d;
	overflow:hidden;
	font-size: 0.65em;
}
a:visited {
	color: #6b6b6d;
	overflow:hidden;
	font-size: 0.65em;
}
/* fine seconda riga */
#elenco {
	position: absolute;
	width: 598px;
 	height: 120px;
	left: 0px;
	top: 110px;
	padding:0%;
	margin:0%;
	background: #ffffff;
	border-width:0px dashed #ff0000;
	white-space: nowrap;
	z-index: 100;
	line-height: 0.65em;
}
.elenco_packaging {
	color: #b16e70;
}
.elenco_packaging:link {
	color: #b16e70;
}
.elenco_packaging:hover {
	color: #d1bdbd;
}

#quadrati {
	position: absolute;
	left: 40px;
	top: 3px;
	width: 25px;
 	height:100px;
	padding:0px;
	margin: 0px;
	border:0px dashed #000000;
	display: inline;
	z-index: 100;
}
#quadratini {
	position: absolute;
	width:20px;
 	height:90px;
	float: left;
 	padding: 0px;
	border:0px dashed #000000;
	margin: 0px;
}
#vocimenu {
	position: absolute;
	top:2px;
	margin-left:70px;
	width: 300px;
 	height: 100px;
	padding: 0;
	text-align: left;
	border-style:dashed;
	border-color:#ff0000;
	border-width:0px;
	float:left;
	display: inline;
	line-height: 1.3em;
}
/* menu principale */
.menuNavigazione {
	list-style:none;
	text-decoration:none;
	text-align:left;
	overflow:hidden;
}
.menuNavigazione li {
	float:left;
	width:100%;
	
	margin:0;
	padding:0%;
	position:relative;
}
.menuNavigazione a {
	float:left;
	height:100%;
	width:100%;
	
	display:block;
	text-align: left;
	text-decoration:none;
	margin:0;
	padding:0% 0% 0% 0%;
	overflow:hidden;
}
/* fine menu principale */
/* -------------------- */
/* sotto menu */
.menuNavigazione ul {
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
}
.menuNavigazione ul li{
	float:none;
	margin:0;
	padding:0;
}
.menuNavigazione ul a{
	float:none;
	display:block;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}
/* fine sotto menu */
/* --------------- */
/* ---------------------------------- */
/* colori */
.menuNavigazione {
	background:#ffffff;
	color:#000000;
	width:100%;
	text-decoration:none;
	text-align:left;
	margin:0;
	padding:0;
}
.menuNavigazione a {
	background:#ffffff;
	color:#000000;
	width:100%;
	text-decoration:none;
	text-align: left;
	margin:0;
	padding:0;
}
/* fine colori */
/* ----------- */
/* effetto rollover */
.menuNavigazione a:hover{
	text-decoration:none; text-align:left;}
.menuNavigazione a:focus{
	text-decoration:none; text-align:left;}
.menuNavigazione a:active {
	text-decoration:none; text-align:left;}
/* fine effetto rollover */
/* --------------------- */
/* frecce */
/* qui si può inserire una gif a freccia per far capire */
/* che il menu si espande */
.menuNavigazione a.continua {
	background: #eeeeee;
}
.menuNavigazione ul a.continua {
	background: #eeeeee;
}
/* fine frecce */
a {
	text-decoration: none;
	text-align: center;
}

.sottomenu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #672324;
	overflow:hidden;
	font-weight: normal;
	margin: 0;
}
.sottomenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #6b6b6d;
	overflow:hidden;
	font-weight: normal;
	margin:0;
}
.sottomenu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #8b8b8b;
	overflow:hidden;
	font-weight: normal;
	margin: 0;
}
#spaziobdx {
	width: 40%;
 	height: 100%;
	padding:0;
	margin:0;
	border-style:dashed;
	border-color:#ff0000;
	border-width:0px;
	display: inline;
	position: absolute;
}
#titolo {
	/*
	position:absolute;
	top:10px;
	left:461px;
	width:361px;
	height:30px;
	margin:0px;
	float:left;
	color: #464545;
	line-height: 30px;
	display: inline;
	letter-spacing: -0.3;
	overflow:hidden;
	z-index: 250;
	border: 0px dashed #c80000;
	*/
	/*background-color: #eae9e9;*/
	display:none;
}
#tit_sezione {
	width: 361px;
	position:absolute;
	left:48px;
	font-weight: normal;
	font-size:0.75em;
	float:left;
	z-index: 250;
}
#grigio {
	position: absolute;
	top: 0px;
	left: 0px;
	float:left;
	width: 461px;
	height: 300px;
	border: 0px solid #000000;
	background-color: #eae9e9;
	z-index: 200;
}
#vocielenco1 {
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 1em;
	font-weigth:normal;
	line-height: 0.85em;
	width:125px;
	height: 320px;
	border: 0px solid #12dddd;
	float:left; 
	display: block;
}
#vocielenco1 ul {
		list-style: none;
		margin: 0;
		padding: 0;
}		
	#vocielenco1 li {
		border-bottom: 0;
		margin: 0;
		text-align: left;
		height: 0.6em;
		padding: 0px;
		border: 1px solid #edd2dd;

}
	#vocielenco1 li a {
		display: block;
		text-decoration: none;
		text-align: left;
}

	#vocielenco1 li a:hover {
		display: block;
		border: 0;
		text-align: left;
		color:#6b6b6d;
}
#vocielenco1 li a:link {
		display: block;
		border: 0;
		text-align: left;
		color:#672324;
}
#vocielenco2 {
	position: absolute;
	top: 5px;
	left: 155px;
	font-size: 1em;
	line-height: 0.85em;
	width:145px;
	height: 320px;
	border: 0px solid #12dddd;
	float:left; 
	display: block;
}
#vocielenco2 ul {
		list-style: none;
		margin: 0;
		padding: 0;
}		
	#vocielenco2 li {
		border-bottom: 0;
		margin: 0;
		text-align: left;
		padding: 0px;
		border: 1px solid #edd2dd;

}
	#vocielenco2 li a {
		display: block;
		text-decoration: none;
		text-align: left;
}

	#vocielenco2 li a:hover {
		display: block;
		border: 0;
		text-align: left;
		color:#6b6b6d;
}
#vocielenco2 li a:link {
		display: block;
		border: 0;
		text-align: left;
		color:#672324;
}
#vocielenco3 {
	position: absolute;
	top: 10px;
	left: 300px;
	font-size: 1em;
	line-height: 0.9em;
	width:120px;
	height: 320px;
	border: 0px solid #12dddd;
	float:left; 
	display: block;
}
#vocielenco3 ul {
		list-style: none;
		margin: 0;
		padding: 0;
}		
	#vocielenco3 li {
		border-bottom: 0;
		margin: 0;
		text-align: left;
		padding: 0px;
		border: 1px solid #edd2dd;

}
	#vocielenco3 li a {
		display: block;
		text-decoration: none;
		text-align: left;
}

	#vocielenco3 li a:hover {
		display: block;
		border: 0;
		text-align: left;
}
#vocielenco4 {
	position: absolute;
	top: 10px;
	left: 455px;
	font-size: 1em;
	line-height: 0.9em;
	width:120px;
	height: 165px;
	border: 0px solid #12dddd;
	float:left; 
	display: block;
}
#vocielenco4 ul {
		list-style: none;
		margin: 0;
		padding: 0px;
}		
	#vocielenco4 li {
		border-bottom: 0;
		margin: 0;
		text-align: left;
		padding: 0px;
		border: 1px solid #edd2dd;

}
	#vocielenco4 li a {
		display: block;
		text-decoration: none;
		margin: 0;
		text-align: left;
		padding: 0px;
}

	#vocielenco4 li a:hover {
		display: block;
		margin: 0;
		text-align: left;
		padding: 0px;
}
a.elenco {
	text-decoration: none;
	text-align: center;
	overflow:hidden;
	font-weight: bold;
	margin: 0px;
	height: 1.4em;
}

a.elenco:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #6c4c23;
	height: 1.4em;
}
a.elenco:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #6b6b6d;
	height: 1.4em;
}
a.elenco:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #8b8b8b;
	height: 1.4em;
}


#testo_sezione {
	position: absolute;
	top:260px;
	left: 0px;
	width: 588px;
	height: 335px;
	background-color: #eae9e9;
	font-family: arial;
	font-size: 0.78em;
	display: inline;
	color: #4b5352;
	line-height: 1.2em;
	text-align:justify;
}
 #img_testosezione {
 	float: right;
	margin: 10px;
 	width: 200px;
	height: 139px;
	border: 1px solid #000000;
 }
 .sede {
	margin:0px;
	padding: 2px;
}
#titolo_car {
	position:relative;
	top: -20px;
	left: 67px;
	float:left;
	font-family: arial;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.72em;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	border: 0px solid #000000;
	/*background-color:#c80000;*/
	text-align:center;
	padding-left: 1px;
	padding-right: 2px;
	margin:0;
	z-index:50;
}
#tit_carat {
	width:598px;
	height:22px;
	margin:0;
	border: 0px dashed #000000;
}
#sfondo_car {
	position: absolute;
	top: 430px;
	left: 0px;
	width: 598px;
	height:22px;
	border:0px solid #000022;
	float:left;
	display: block;
	background: #ffffff;
}
#caratteristiche {
	position: absolute;
	top: 370px;
	left: 370px;
	width: 240px;
	height:250px;
	border:1px solid #000022;
	z-index:2000;
	background:transparent;
}
#car1 {
	position: absolute;
	left:15px;
	font-family: arial;
	color: #6c4c23;
	font-size: 0.7em;
	line-height: 1.5em;
	margin:5px;
	overflow: hidden;
	
}
#car2 {
	position: absolute;
	left: 280px;
	font-family: arial;
	color: #6c4c23;
	font-size: 0.7em;
	line-height: 1.5em;
	margin:5px;
	overflow: hidden;
}
#car2b {
	position: absolute;
	left: 235px;
	font-family: arial;
	color: #6c4c23;
	font-size: 0.7em;
	line-height: 1.5em;
	margin:5px;
	overflow: hidden;
}

#car2a {
	position: absolute;
	left: 310px;
	font-family: arial;
	color: #6c4c23;
	font-size: 0.7em;
	line-height: 1.5em;
	margin:5px;
	overflow: hidden;
}

#car3 {
	position: absolute;
	left: 425px;
	font-family: arial;
	color: #6c4c23;
	font-size: 0.7em;
	line-height: 1.5em;
	margin:5px;
	overflow: hidden;
}
#car3a {
	position: absolute;
	left: 400px;
	font-family: arial;
	color: #6c4c23;
	font-size: 0.7em;
	line-height: 1.5em;
	margin:5px;
	overflow: hidden;
}

div.textimage{
width: 100%;
height: 35%;
margin: 0% 1% 1% 2%;     
float:left;
border-style:dashed;
border-color:#ff0000;
border-width:0px;
overflow:hidden;
}

div.textimage img{
width: 25%;
height: 68%;
float:right;
margin: 0% 6% 0% 1%;
	border-style:solid;
	border-color:#000000;
	border-width:1px;
}

div.clearer{clear: left}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 66%;
	color:#333333;
	text-align:justify;
	margin-left: 5%
}


.tit_sede{
	font-family: Arial, Helvetica, sans-serif;
	font-size:66%;
	font-weight:bold;
	color:#c80000;
	text-align:justify;
	margin-left: 0%
}

#vocielenco {
	position: relative;
	width:90%;
	height:21%;
	float:left; 
	padding: 0.3%; 
}
#vociform {
	position: relative;
	width:90%;
	height:40%;
	float:left; 
	padding: 0.3%;
	 
}
.fasi {
	font-size:60%;
	
	line-height:1.5em;
	margin-left:10%;
	text-align:left;
}
#modulo {
	width:100%;
	height:100%;
	margin-left:5%;
	margin-top:0%;
	float:left; 
	border-color: #22eedd;
	border-style: solid;
	border-width: 0px;
}
#bottoni {
	width:90%;
	margin-left:7%;
	margin-right:10%;
	float:left;
	padding-top:1%; 
}

label {
	font-size:0.65em;
	font-family: arial;
	color: #684c2b;
	width: 13%;		
}
input {
	border:1px solid #7e9fa4;
	background: #fbfafa;
	margin-bottom:1%;
	margin-right:5%;
}
.dati {
	font-size:0.5em;
	font-family: arial;
	color: #684c2b;
}
.privacy {
	font-size:0.5em;
	font-family: arial;
	color: #684c2b;
	margin-top:1%;
	margin-left:0%;
}