body {
	color: white;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	background-color: #50657A;
}

.bkgChiaro {
  background-color: #91A4B7;
}
.bkgMedio {
  background-color: #647E99;
}

.bkgScuro {
  background-color: #50657A;
}


div {
	margin: 0;
  border-width: 0;	
	border-color: white;
	border-style: solid;
}

div.allinea8 {
 display: inline;
 float: left;
 margin-left: 2;
 	height: 20;
	width: 70;
	border-width: 0;
	line-height: 1.5;
	text-align: center;
	z-index: 2;
	left: 11;
	}
div.NOallinea {
 display: inline;
 float: left;
 margin-left: 2;
 	height: 20;
	width: 35;
	border-width: 0;
	}
div.allinea5 {
  float: left;
 width: 18%;
 border: 0px solid white;
 text-align: center;
}
div.allinea3 {
  float: left;
 width: 33%;
 border: 0px solid white;
 position: relative;
 height: 20;
 line-height: 2;
}

#altoSx {
position: absolute;
  left: 16;
  width: 739;
	border-width:0;
	border-color: red;
  height: 20;}

#container {
  position: absolute;
  top: 50%;
	left: 50%;
	width: 954;
	height: 600;
	margin-left:  -477;
	margin-top: -300;
	text-align: center;
	background-color: #50657A;
	border-width: 0;
	border-color: white;
}
#res800 {
  position: absolute;
  top: 0;
	left: 0;
	width: 954;
	height: 600;
	text-align: center;
	background-color: #50657A;
	border-width: 0;
	border-color: white;
}

#top {
  position: relative;
  top: 0;
	left: 0;
	width: 955;
	height: 20;
	font-weight: bold;
	font-family: tahoma,helvetica,arial;
	background-color: #50657A;
	border-width:0;
	border-color: lime;
	text-align: left;
}

#center {
  position: absolute;
	width: 400;
	height: 280;
  top: 50%;
	left: 50%;
	margin-left: -200;
	margin-top: -140;
	border-width: 0;
								z-index: 5;
}

#bigCenter {
  position: absolute;
  top: 50%;
	left: 50%;
	margin-left: -477;
	margin-top: -280;
	width: 954;
	height: 560;
	border-width: 0;
	border-style: solid;
	border-color:  red;
	background-color:#91A4B7;
}

#medCenter {
  position: absolute;
  top: 50%;
	left: 50%;
	margin-left: -350;
	margin-top: -278;
	width: 700;
	height: 556;
	overflow: auto;
}

#bottom {
  position: absolute;;
  width: 934;
	top: 580;
	left: 10;
	height: 20;
	background-color: #50657A;
	text-align: center;
	border-width: 0;
	border-color: purple;
}

#sottoMenu {
  visibility: hidden;
	position: absolute;
	top: 20;
	left: 0;
	width: 75%;
	height: 360px;
	border-width: 0;
background-color: transparent;}

div.sottovoce {
   position: relative;
	padding-left: 3;
	margin-top: 0;
	margin-left: 1;
		width: 150;
		text-align: left;
	font-weight: bolder;
	background-color: #647E99;
	border-color: #50657A;
	border-width: 0px 1px 1px 1px;
	z-index: 4;	
	cursor: default;
	overflow: visible;
}

div.sottovoceON {
  position: relative;
	padding-left: 3;
	margin-top: 0;
	margin-left: 1;
	width: 150;
	text-align: left;
	font-weight: bolder;
	background-color: #50657A;
	border-color: #50657A;
	border-width: 0px 1px 1px 1px;
	z-index: 4;	
	cursor: pointer;
}

a.sottovoce:link,  a.sottovoce:visited {
	color: silver;	
	width: 100%;
}

 a.sottovoce:hover {
	color: #FCCE55;
	width: 100%;
}  

 a.sottovoceON:link,  a.sottovoceON:visited {
	color: #FCCE55;	
	width: 100%;
}

a.sottovoceON:hover {
	color: #FCCE55;
	width: 100%;
}  


div.error {
  text-decoration: underline;
}


#immagine {
  position: absolute;
	left: 52;
	top: 68;
	width: 430;
	height: 430;
	border-style: solid;
	border-width: 0;
	border-color: green;
	text-align: center;
	}

#immagine img {
 
	cursor: pointer;
}
#tabella {
  position: absolute;
  left: 482;
	top: 68;
	width: 420;
	height: 430;
  border-style: solid;
	border-width: 0;
	border-color: purple;
z-index: 4;
background-color: #91A4B7;
	}

#barraNav {
  position: absolute;
  left: 52;
	top: 498;
	width: 430;
	height: 21;
	border-style: solid;
	border-width: 0;
	border-color: cyan;
	
	}




#id1su5 {
  position: absolute;
  bottom: 0;
	left: 0;
	width: 20%;
	height: 20;
}

#id2su5 {
  position: absolute;
  bottom: 0;
	left: 20%;
	width: 20%;
	height: 20;
}

#id3su5 {
  position: absolute;
  bottom: 0;
	left: 40%;
	width: 20%;
	height: 20;
}

#id4su5 {
  position: absolute;
  bottom: 0;
	left: 60%;
	width: 20%;
	height: 20;
}

#id5su5 {
  position: absolute;
  bottom: 0;
	left: 80%;
	width: 20%;
	height: 20;
}

#id1su3 {
  position: absolute;
  bottom: 0;
	left: 0;
	width: 33%;
	height: 20;
	text-align: left;
	padding-left: 7;
	font-size: x-small;
	line-height: 20px;
	background-color: #50657A;
}

#id2su3 {
  position: absolute;
  bottom: 0;
	left: 33%;
	width: 34%;
	height: 20;
	text-align: center;
	font-size: small;
	line-height: 20px;
	background-color: #50657A;
}

#id3su3 {
  position: absolute;
  bottom: 0;
	left: 67%;
	width: 33%;
	height: 20;
	text-align: right;
	font-size: x-small;
	line-height: 20px;
	background-color: #50657A;
}


.giustificato {
	vertical-align: middle;
	text-align: justify;
}

.centrale {
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
}

table {  
	padding: 0;;
}

#grigliaColori td {
	width: 12%;
	height: 21px;
	text-align: center;
	line-height: 21px;
	vertical-align: middle;
	font-size: 13px;
	
}

#catalog  {
  width: 395;
	border-width: 0;
	vertical-align: middle;
	border-style: solid;
	border-width: 0px;
	border-color: red;
	top: 65;
	position: relative;
}

#catalog td {
  background-color: #50657A;
	margin: 3;
	padding: 4;
	text-align: center;
}


 td {
  font-size: 14px;
}

#ricerca {
	width: 100%;
	text-align: left;
	line-height: 21px;
	vertical-align: middle;
	font-size: 13px;
	padding: 3;
	border-style: solid;
	border-color: red;
	border-width:0 ;
	
}
#risultati {
	width: 100%;
	text-align: left;
	line-height: 21px;
	vertical-align: middle;
	font-size: 13px;
	padding: 3;
	border-style: solid;
	border-color: red;
	border-width:0 ;}


img {
  margin: 0;	
	text-align: center;
	vertical-align: middle;
}

img.nav {  
  border-width: 0;
	width: 21px;
	height: 21px;
}

img.map {
  left:0;
	
}

#piu {
			position: absolute;
			top: 230;
			left: 610;
}

#meno {
			position: absolute;
			top: 230;
			left: 45;
}

a:link, a:visited {
  text-decoration: none; 
	color: #FCCE55;
}

a:hover {
  text-decoration: none; 
	color: white; 
}

a.home:link, a.home:visited, a.home:hover {
	font-size: 16;
	font-weight: bold;
}

 

a.off:link, a.off:visited {
	color: white;
}

a.off:hover {
	color: #FCCE55; 
}

.left  {
text-align: left;
}


.right  {
text-align: right;
}

#n-o {
  position: absolute;
	top: 0;
	left: 0;
	border-width: 0;
}

#n-e {
 position: absolute;
	top: 0;
	left: 926;
	border-width: 0;
}

#s-e {
  position: absolute;
	top: 532;
	left: 0;
	border-width: 0;
}

#s-o {
 position: absolute;
	top: 532;
	left: 926;
	border-width: 0;
}


#linguetta {
  position: absolute;
	left: 0;	
	top: 0;
	border-width: 0;
	width: 954;
	height: 20;
margin: 0;
padding: 2;
z-index: 0;

}
	
#naturale {
  position: absolute;
  float: left;
	 left: 753;
  width: 100;
  background-image: url("../graphics/Folder.gif");
  height: 20;
  color: #647E99;	
	line-height: 1.5;
		text-align: center;
border-width: 0;

z-index: 0;

	}

#colorato {
position: absolute;
float: left;
 left: 855;
 width: 100;
 background-image: url("../graphics/Folder.gif");
 height: 20;
 color: #647E99; 
	line-height: 1.5;
		text-align: center;
border-width: 0;
border-color: cyan;

z-index: 0;
	}


#immagine .v {
  position: relative;
  border-color: red;
	border-style: solid;
	border-width: 0;
	top: 75;
	left: 0;
	cursor: pointer;
}
#immagine .o {
  top: 0;
	left: 75;
	cursor: pointer;

}



#tabella  table  {
  position: absolute;
  top: 97;
	left: 38;
  width: 344;
  height: 236;
	vertical-align: middle;
	border-style: solid;
	border-color: magenta;
	border-width:0;
	padding: 2;
	margin: 2;
	
}

#tabella  table td {
	background-color: #647E99;
	}

#tabella  table td.dx {
	width: 60%;
}
#tabella  table td.sx {
	width: 40%;
}

#tabcolori , #tabcolore, #tabass {
  color: #FCCE55;
  position: absolute;
  visibility: visible;
	z-index: 3;
	left: 526;
	top: 171;
	
	border-style: solid;
	border-width: 0;
	border-color: black;
	height: 227;
	width: 336;
	background-image: url(../graphics/bckgr.gif);
	background-repeat: repeat;
	background-color: transparent;
	}

	
#tabcolori #zion {
  width: 280;
	cursor: crosshair;
	position: absolute;
	top: 35;
	left: 28;
	border-width: 0;
	border-style: solid;
	border-color: black;
}
#tabass #zion {
  width: 270;
	height: 80;
	cursor: crosshair;
	position: absolute;
	top: 70;
	left: 32;
}	

#tabass #zion td.nomeass{
   width:265;
	height: 40;
	text-align: center;
	font-weight: bold;
	border-width: 0;
	border-style: solid;
	border-color: green;
}	


#tabass #zion td.colass{
 	height: 40;
 width: 270;
}	
	#tabcolore #zion {
  width: 100;
	height: 40;
	cursor: crosshair;
	position: absolute;
	top: 65;
	left: 100;
	border-width: 0;
	border-style: solid;
	border-color: black;
}
	
#divchiudi {
	top: 0;
	left: 210;
	height: 25;
	position: absolute;
	color: #91A4B7;	
	width: 125;
	border-width: 0;
	border-style: solid;
	border-color: black;
	text-align: right;
}


#tabcolori  td {
  border-width: 0;
	border-style: solid;
	border-color: #91A4B7;

	}
	
#grigliaAssortimenti td {
  width: 119;
	height: 16;
}
		
	
		
#pagassort {
	 width: 100%;
   height: 100%;	
	vertical-align: middle;
}

#pagassort table td{
	vertical-align: middle;
	text-align: center;

}

 tr.col td{	 
   height: 45;
}

#pagassort table tr.nome{	 
   height: 35;
	 font-weight: bold;
}

#pagassort table tr.col td{	 
  width: 45;
	
}

#pagassort table tr.col td.bordo{	 
  width: 20;
}

#popup {
color: #91A4B7;	
}


#scoprimg {
position : relative;
z-index:2;
background-color:  transparent;
top: 0;
left: 0;
}

#imma1 {
background-color: transparent;
position:absolute;
z-index: 1;
 width: 100%;
 top: 20;
}
#imma2 {
background-color:  transparent;
position:absolute;
z-index:-1;
text-align: center;
 width: 100%;
 height: 100%;
 top: 20;
}

#homebottom {
position: relative;
border-width: 0;
border-style: solid;
top: 80;
text-align: center;
font-size: 13px;
width:95%;
	line-height: 1.3;
}

#mapCenter {
  position: absolute;
  top: 50%;
	left: 50%;
	margin-left: -350;
	margin-top: -278;
	width: 700;
	height: 556;
	overflow: auto;
	border-width: 0;
	visibility: hidden;
}
#ita {
	visibility: hidden;
	position: absolute;
	width: 450;
	height: 664;
	z-index: 0;
	margin-left: -225;
	margin-top: -332;
	left: 50%;
	top: 50%;
	z-index: 9;
	border-width: 1;
	border-color: #50657A;
	color: #91A4B7;
	
	text-align: right;
	padding: 15;
}

#altro {
  visibility: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 450;
	height: 664;
	z-index: 9;
	margin-left: -225;
	margin-top: -332;
	border-width: 1;
	border-color: white;
	color: #91A4B7;
	text-align: right;
	
	padding: 15;
}