body { 	
background: #fff; color : #333; 	
font-family : Arial, Helvetica, sans-serif;
font-size:90%;	text-align:center;
margin:0;padding:0;	
} 
	
#contenuto { 	
position : absolute; 	
top: 50px; 	
left: 10%;
width:80%;	
overflow : hidden; 	
background: url(images/sopra2.jpg) #efefef no-repeat;
text-align : left; 
} 

#contenutodx { 
float:left;
width:75%; font-size:90%;margin-left:24%;
} 

#contenutodx2{
float:left;
margin-top: 100px; background:#fff;
padding: 0 20px 0 20px;
 }

#contenutosx { 
float:left; margin-left:-99%;
width:24%; 

} 

#contenutosx2 { 
margin-top: 40px; font-size:90%;
float:left; padding-left:10px;} 

div#contenutosx2 a { 	
font-weight: normal;	
padding : 0; 	
margin : 0; 	
text-decoration : none; 	
color : #336699; 	
background : #efefef; 	
} 
	
div#contenutosx2 a:hover { 	
color : #0099ff; 	
background : #efefef; 
} 	
	

div#logo {float:left; text-align:center;background: url(images/puntini3.gif) repeat-x;width:100%;}

#fondo	{clear: both; text-align:center;font-size:90%;}


div#menusopra { 	
position : absolute; 	
top : 150px; 	
right:10%; 
text-align:right;
height : 21px; width:100%;	
z-index:5;
font-size:90%;
} 	

div#menusopra ul { 	
margin : 0; 	
padding : 0 10px 0 10px; 	
font-weight : bold; 	
} 	
	
div#menusopra li { 	
list-style-type : none; 	
display : inline; 	
} 
	
div#menusopra li a { 	
text-decoration : none; 
font-weight: normal;	
} 	
	

bandasx {position: absolute; 	
top : 121px;
left:15%; height: 20px;
background : #efefef;
width:65%;}


div#menutop2 { 	
position : absolute; 	
top : 121px; 	
left:15%; 
height : 21px; 	
background : #1c5280; 	
color : #e0e0e0;
width:70%;
text-align:right;
}

div#menutop2 a:link { 		
background : #1c5280; 	
color : #e0e0e0; 	
font-size : 70%; 	
text-decoration : none; 
padding: 0 3px 0 3px;	
} 	
#menutop2 a:hover { 	
background : #1c5280; 	
color : #fff; 	
} 	

#menutop2 a:visited { 		
color : #f0f0f0; 	
background : #1c5280; 	
font-size : 75%; 	
text-decoration : none; 	
} 	
	
a.menuint:hover { 	
color : #333; 	
background : #fff; 	
font-size : 75%; 	
text-align : center; 	
padding : 5px; 	
} 	
	
a.menuint:active { 	
color : #666; 	
background : #fff; 	
font-size : 75%; 	
text-align : center; 	
text-decoration : none; 	
padding : 5px; 	
} 
	
h1 { font-size: 150%; font-weight: bold; color:#006393; background:#fff; line-height:100%;}

h1 span{font-size:70%;}	


h2{font-size : 120%; 
color : #caa200; background:#fff;}

h2 span{font-size: 60%;}

h3 {
color : #333; 
background : #fff; 
font-size:110%;
font-weight:bold;
}
h3 span {font-size:90%; font-weight:normal;}

h4 { 	
font-size : 100%; 	
color : #333; 	
background : #fff; 	
text-align : left; 	
font-weight:normal;
text-decoration:underline;
}

.piccolo { 	
font-size : 85%; 	
} 	

.prodotto { 	
float:left;
width:155px;
height:200px;
text-align : center; 	
overflow : hidden; 
background:#0062c4; color: #fff;
border:4px solid #1c5280;
} 	

.news { 	
float:left;
overflow : hidden; 
padding: 5px;
font-size:70%:
} 	

.pannello { 	
position : relative; 	
top : 20px; 	
left : 0; 	
z-index : 5; 
width:95%;	
background:#fff;color:#666;
padding-left:10px;
} 

.pannello img{margin:0 20px 10px 10px;}

.dida { 	
float:left;
z-index : 5; 
width:190px;
text-align:center;
} 


.didain{
padding:10px;
margin:10px;
text-align:center;
font-weight:bold;
font-size:80%;
}

.dida2 { 	
float:left;
z-index : 5; 
width:220px;	
text-align:center;
font-weight:bold;
}
 
.dida2 img{
margin: 10px;
border:1px solid #000;
}

	
div#contenutosx22 { 	
float:left;} 	

div#contenutosx22 a:hover { 	
color : #0099ff; 	
background : #9ddeff; 	
} 	
	
div#contenutosx22 a span { 	
display : none; 	
} 	
div#contenutosx22 a:hover span { 	
display : block; 	
position : absolute; 	
top : 800px; 	
right: 0px; 	
width : 30%; 	
padding : 5px; 	
margin : 10px; 	
z-index : 1000; 
font-weight:normal;
font-size:85%;	
color : #666; 	
background : #fff; 	
border : 2px solid #1c5280; 	
text-align : left; 	
} 
	
div#contenutosx23 { 	
float:left;
} 	


div#contenutosx23 a:hover { 	
color : #0099ff; 	
background : #9ddeff; 	
} 	
	
div#contenutosx23 a span { 	
display : none; 	
} 	
div#contenutosx23 a:hover span { 	
display : block; 	
position : absolute; 	
top : 1200px; 	
right: 0px; 	
width : 30%; 	
padding : 5px; 	
margin : 10px; 	
z-index : 1000; 
font-weight:normal;
font-size:85%;	
color : #666; 	
background : #fff; 	
border : 2px solid #1c5280; 	
text-align : left; 	
} 
	
/* *************************** */	

div#contenutosx24 { 	
float:left;
} 	

div#contenutosx24 a:hover { 	
color : #0099ff; 	
background : #9ddeff; 	
} 	
	
div#contenutosx24 a span { 	
display : none; 	
} 	
div#contenutosx24 a:hover span { 	
display : block; 	
position : absolute; 	
top : 1700px; 	
right: 0px; 	
width : 30%; 	
padding : 5px; 	
margin : 10px; 	
z-index : 1000; 
font-weight:normal;
font-size:85%;	
color : #666; 	
background : #fff; 	
border : 2px solid #1c5280; 	
text-align : left; 	
} 

.boxblu { 	
padding : 5px; 	
border : 1px solid #3366ff; 	
} 	

.clearboth { clear: both; }

.picc{
font-size:85%;padding:10px;
}

.picctab tr, td, th {
font-size: 90%;
}

.picc2{
font-size:85%;padding:10px;color:#f0f0f0;background:#1c5280;
}

#menudx { 	
position : absolute; 	
top : 240px; 	
left :0px; 	
z-index : 10; 	
line-height : 130%; 	
font-size : 72%; 	
text-align : left; 	
width : 18%; 	
overflow : hidden;
} 

.b10r{
text-align:right;
font-weight:bold;
padding-right:10px;
}

#button {
	width: 89%;
	background: #e0e0e0;
	color: #333;
	}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
		
#button li {
	border-bottom: 1px solid #666;
	margin: 0;
	}


#button li a {
	display: block;
	padding: 5px 5px 15px 0.5em;
	/* border-left: 10px solid #ccc; */
	background: #ccc url(images/colonnasx.gif) repeat-y;
	color: #333;
	text-decoration: none;
	width: 100%;
	}

html>body #button li a {
	width: auto;
	}

#button li a:hover {
	/* border-left: 10px solid #95bdea; */
	background: #ccc url(images/tastoblu.jpg) repeat-y;
	color: #333;
	}

.lista li { 
list-style-image: url(images/asterisco1.gif);
}

.lista2 li { 
text-align:left;
list-style-image: url(images/asterisco2.gif);
}