body { 
	scrollbar-arrow-color:#ffffff; 
	scrollbar-base-color:#ffffff;                   
	scrollbar-shadow-color:#ffffff; 
	scrollbar-face-color:#000000; 
	scrollbar-highlight-color:#000000;

	max-width:100%; margin:0; padding:0;
	background-image:url(images/cosmo.jpg); background-attachment:fixed; background-repeat:repeat; align:center;
}

/* QUESTO STILE FA LE VECI DEL VECCHIO <center> PER MANTENERE LA PAGINA AL CENTRO */
#page {
  max-width: 72em;   /* o la larghezza che vuoi sul PC */
  width: 100%;        /* così sui cellulari si restringe */
  margin: 0 auto;     /* centra il page sul PC */
  text-align: center; /* o center, se vuoi centrare il testo */
}

#bg {max-width:72em; background-image:url(images/header.jpg); background-repeat:no-repeat; padding-top:0; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:100%; line-height:1.4; color:#202020;}

/* INIZIO STILI DELLA BARRA SUPERIORE DEI MENÙ */
#barrasuperiore {
position:sticky;
left:50%;
top:0;
margin-left:-36em;
max-width:72em;
z-index:9999;
}
@media screen and (max-width:850px) {
#barrasuperiore {
width:100%;
left:0;
margin-left:0;
}
}

.main-menu {
	font-size:95%;
	font-family:Arial,Helvetica,Geneva,sans-serif; 
	text-align:center;
	list-style:none;
	background-color:#305070; border-top:solid 2px #4e6b8d; border-bottom:solid 1px #204060;
	padding:2px;
	margin:0;
	line-height:30px; /* larghezza della barra superiore dei menù */
}
.menu {
	display:inline;
	position:relative;
	margin:1px;
	padding:2px 3px;
	border-right:2px solid #6080aa; /* era border-right:1px solid #98a9b5 */
}
.menu:hover {
	background:none repeat scroll 0 0 #6080aa;
}
.menu.last {
	border:0;
}
.submenu {
	display:none;
	position:absolute;
	top:28px; /* questo valore "incolla" la tendina alla barra dei menu */
	left:-2px;
	text-align:left;
	color:#FFF;
	padding:3px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	background:none repeat scroll 0 0 #204060;
	box-shadow:2px 2px 2px #214166;
	opacity:0.90;
	z-index:1;
}
.submenu li {
	list-style:none inside none;
	margin:0 1px;
	border-bottom:1px solid #507090;
	padding:3px 3px;
	line-height:1.5em; /* larghezza delle voci del submenu */
	white-space:nowrap;
}
.submenu li:hover {
	background:none repeat scroll 0 0 #536f90;
}
.submenu li a {
	display:block;
	text-align:left;
}
.submenu li.lastrow {
	border:0;
}
.submenu.varie {
    transform:translateX(-138px);
}
.submenu.articoli {
    transform:translateX(-128px);
}
.submenu.vialattea {
    transform:translateX(-55px);
}
a.menuanchor {color:#ffffff; text-decoration:none;}
a.menuanchor:hover {color:#ffffff; text-decoration:none;}
a.dd {color:#ffffff; text-decoration:none;} /* dd indica il dropdown menu */
a.dd:hover {color:#ffffff;}
/* FINE STILI DELLA BARRA SUPERIORE DEI MENÙ */

#header {font-family:Arial,Helvetica,Geneva,sans-serif; font-size:1.6em; color:#ccddff; text-align:top; line-height:1.25; text-shadow:0 0.1em 0.4em #f2d5d2; padding-top:1em; padding-bottom:0.9em;}

/* QUESTA ASSIEME ALLA SEGUENTE MANIENE LE ICONE GIALLO-BIANCHE ADERENTI ALLA BARRA SFUMATA DEL TITOLO */
#topbar {padding:0; height:27px;}
.homemail {float:left; padding:0;}
.w3c {float:right; padding:0;}

/* LA BARRA AZZURRA SFUMATA COL TITOLO */
/* Webkit (Safari/Chrome 10) */
#head {background-image:-webkit-linear-gradient(top, #2a3a5a 0%, #6b90b2 100%); text-align:center; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:1.6em; font-weight:normal; color:#eeeeee; padding:0.6em 0; border-bottom:solid 1px #4a5a6a;}

/* Mozilla Firefox */
#head {background-image:-moz-linear-gradient(top, #2a3a5a 0%, #6b90b2 100%); text-align:center; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:1.6em; font-weight:normal; color:#eeeeee; padding:0.6em 0; border-bottom:solid 1px #4a5a6a;}

/* IE10 */
#head {background-image:-ms-linear-gradient(top, #2a3a5a 0%, #6b90b2 100%); text-align:center; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:1.6em; font-weight:normal; color:#eeeeee; padding:0.6em 0; border-bottom:solid 1px #4a5a6a;}

/* IL CORPO SCRITTO DELLE PAGINE WEB */
#content {text-align:left; background-color:#dddddd; padding:2% 3%;}

/* FORMATTAZIONE DEL TESTO */
p {text-align: center;}

img {max-width:100%; height:auto; border: 0;} 

/* posizione delle immagini nella pagina*/
.sx {float:left; padding:5px 10px 0px 0px; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:85%; line-height:1.2; color:#000000; text-align:center; width:32%;}
.dx {float:right; padding:5px 0px 0px 10px; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:85%; line-height:1.2; color:#000000; text-align:center; width:32%;}

.sxsmall {float:left; padding:4px 10px 0px 0px; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:85%; line-height:1.2; color:#000000; text-align:center; width:24%;}
.dxsmall {float:right; padding:4px 0px 0px 10px; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:85%; line-height:1.2; color:#000000; text-align:center; width:24%;}

.sxbig {float:left; padding:4px 10px 0px 0px; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:85%; line-height:1.2; color:#000000; text-align:center; width:45%;}
.dxbig {float:right; padding:4px 0px 0px 10px; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:85%; line-height:1.2; color:#000000; text-align:center; width:45%;}

a {color:#2222aa; text-decoration:none;}  
a:hover {color:#aa2222;}

.a {font-size:1em; font-family:Arial,Helvetica,Geneva,sans-serif; color:#600030;}
.b {font-size:1em; font-family:Arial,Helvetica,Geneva,sans-serif; color:#303030; font-weight:bold;}
.c {font-size:1em; font-family:Arial,Helvetica,Geneva,sans-serif; color:#803050; font-weight:bold;}

.small {font-size: 0.8em;}

.homemail {float:left; padding:0;}
.w3c {float:right; padding:0;}

a {color:#2222aa; text-decoration:none;}  
a:hover {color:#aa2222;}

.a {font-size:1em; font-family:Arial,Helvetica,Geneva,sans-serif; color:#600030;}
.b {font-size:1em; font-family:Arial,Helvetica,Geneva,sans-serif; color:#303030; font-weight:bold;}
.c {font-size:1em; font-family:Arial,Helvetica,Geneva,sans-serif; color:#803050; font-weight:bold;}

img {
  max-width:100%;
  height:auto;
  border: 0;
}

p {
  text-align: center;
}
    
/* "INIZIO PAGINA", "TORNA ALL'INIZIO", ecc" */
a.foot {font-size:0.88em; color:#000000; text-decoration:none; background-color:#ffffff; padding:2px 4px;}
a.foot:hover {color:#cc0000;}