#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;}

#barrasuperiore {
position:fixed;
left:50%;
top:0;
margin-left:-36em;
width:72em;
z-index:1;
}
@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 menu */
}
.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-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;}

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

#topbar {padding:0; height:27px;}

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;
}

#wrapper {	
  max-width: 72em;   /* o la larghezza che vuoi sul PC */
  width: 100%;        /* così sui cellulari si restringe */
  margin: 0 auto;     /* centra il wrapper sul PC */
  text-align: center;   /* o center, se vuoi centrare il testo */
}

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

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

.small {font-size: 0.8em;}

.tahoma {font-family:Tahoma;}

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;
}

#blutitle {font-size:130%; color:#505070; font-family:Arial,Helvetica,Geneva,sans-serif; font-weight:bold; background-color:#dddddd; padding-bottom:1%; text-align:center;}
.blutitle {font-size:111%; font-family:Arial,Helvetica,Geneva,sans-serif; color:#505070; text-align:left; font-weight:bold; padding-bottom:0.3%; background-color:#dddddd;}

/* 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;}

/* sfondo blu per le costellazioni */ 
#chartop {background-color:#536f90; padding:0;}
#costellazione img { display: block; margin: 0 auto; text-align:center;}
#chartbottom {background-color:#536f90; padding:0;}
#hevelius img { display: block; margin: 0 auto; text-align:center;}

#content {text-align:left; background-color:#dddddd; padding:2% 3%;}

/* l'eventuale didascalia sotto le cartine delle costellazioni e sotto le immagini di cielo sepolto*/
.dida {background-color:#dddddd; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:86%; color:#000000; line-height: 1.5; 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;}

#nota {background-color:#c0c0c0; font-family:Helvetica,Arial,Geneva,sans-serif; font-size:86%; line-height:1.4; color:#000000; padding:0.4em 0.6em 0.6em 0.6em; text-align:left;}

#notaphone {font-size:88%; color:#444444; font-weight:bold; text-align:center; background-color:#dddddd; padding:0 0 0.3em 0;}

#notatop {background-color:#bababa; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:95%; text-align:center; color:#505050; font-weight:bold; padding-top:3px; padding-bottom:4px; border-bottom:solid 5px #dddddd;}

#smallcontent {width:650px; font-size:90%; line-height:1.3; color:#000000; font-family:Arial,Helvetica,Geneva,sans-serif; text-decoration:none; text-align:justify; background-color:#dddddd; padding:30px;} 

/* 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%;}

/* la curva di luce della quasar */
.sxmax {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:60%;}

.dxmicro {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:16%;}

#wintitle {font-size:1.3em; color:#404040; font-family:Arial,Helvetica,Geneva,sans-serif; font-weight:bold; background-color:#dddddd; padding:1.8% 0 0 0; text-align:center;}