/* 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%;}
#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:1600px;}
#colsx { float:left; width:23%; background-color:#E9EAEB; height:1500px;}
#coldx { float:right; width:72%; padding-left:3%; padding-top:2%;}


/* contenuto */
#dettaglio {padding-right:3%;text-align:justify;}
#blocco { position:relative;clear:both; padding-top:15px;}
#img { float:left; width:20%;}
#testo { float:left; width:52%;}
#link { float: right; width:25%; padding-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:20px; 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}
.rosso { color:#E74B26; margin:0; padding:0;}
.capolettera { color:#84C340; font-weight:bold; font-size:200%;}
#dettaglio 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;}
#blocco {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:100%; color: #333333; line-height:18px;}
#link { font-size:90%; font-weight:bold; color:#548E11;}