/* rete museale roero monferrato */
html,body{margin: 0;padding:0; background-color:#C8D3C8;}
body{font-size: 76%;text-align: center; background-image:url(index/museale.jpg); background-position: 1% 40%; background-repeat:no-repeat; background-attachment:fixed;}
div#container{position:relative;margin: 0 auto; width:910px; text-align:left; background-color:#FFFFFF}
body>div#container{height:auto;}


/* header */
#header {margin:0; }

/* menu */
#menu {margin:0; padding:0; background-image:url(index/sfondino.png); background-position:left; background-repeat:repeat-x; padding-top:1%; padding-bottom:1%; width:910px;}
#menu ul{margin: 0; padding-top:5px; padding-bottom:5px; list-style-type: none; text-align:left; padding-left:2%;}
#menu li{display: inline; margin-right:2%; padding: 0}

/* centro */
#centro {margin:0; background-color:#FFFFFF; height:1500px}
#colsx { float:left; width:23%; background-color:#E9EAEB; height:1350px;}
#coldx { float:right; width:72%; padding-left:3%; padding-top:2%;}


/* contenuto */
#dettaglio {padding-right:3%;text-align:justify; }
#locale { margin-top:10px;}
#specialità { margin:0;}
#elenco { margin:0; background-color:#FFFFFF; padding-left:5px; margin-right:5px}

 
 /* menù area */
#menu2 ul{margin: 0; padding-top:20px;  list-style-type: none; text-align:left; padding-left:2%; padding-right:1%;}
#menu2 li{ margin-left:20px;; margin-top: 20px; padding-top:10px; padding-bottom:10px; background-image:url(musei/pulsante.png); background-position:center; background-repeat:no-repeat;}
 
/* footer */
#footer { clear:both; text-align:center; margin-top:3%; height:40px; background-image:url(index/footer.jpg); background-position:bottom; background-repeat:no-repeat; padding-bottom:2%;}



/* testi */
#menu a {font-family:Arial, Helvetica, sans-serif; font-size:110%; color: #FFFFFF; font-weight:bold; text-decoration:none;}
#menu a:hover { text-decoration:underline; color:#FF9900;}
#footer {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:90%; color: #000000; line-height:20px; }
 
 /*  testo col*/
h1 {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:380%; color: #818382; font-weight: lighter; margin:0; padding:0; margin-bottom:-2%; }
h2 {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:140%; color: #818382; font-weight: lighter}
h3 {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:250%; color: #818382;  font-weight: lighter }
.rosso { color:#E74B26; margin:0; padding:0;}
.capolettera { color:#84C340; font-weight:bold; font-size:200%;}
#dettaglio p, #elenco p {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:100%; color: #333333; line-height:23px;}
a:hover { text-decoration:underline;}
#menu2 a {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:90%; color: #333333  ; text-align:justify; text-decoration:none; font-weight:bold;}
#menu2 a:hover { color:#CC6600; text-decoration:underline;}
#menu2  {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:90%; color:#84C340;
 text-align:justify; text-decoration:none; font-weight:bold;}
.nome {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:110%; color: #990000; font-weight:bold; }
.indirizzo { text-align:left; padding-left:4%; font-family:Verdana,Arial, Helvetica, sans-serif; font-size:110%; color: #818382; }

#dettaglio a { color:#333333; text-decoration:none;}