/* 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:2240px}
#colsx { float:left; width:23%; background-color:#E9EAEB; height:2000px;}
#coldx { float:right; width:72%; padding-left:3%; padding-top:2%;}
#museo { margin-top:20px; padding-right:1%; clear:both; }

/* museo */
.nome { float:left; width:65%;}
.luogo { float:right; width:22%;}
.descrizione { clear:both; margin-top:-2%;}
.orari { margin-top:5px;}
.img { float:left; width:20%;}
.testo { float:left; width:70%}
.telefono { clear:both; padding-top:10px;} 
.mail { clear:both;}
.entra { clear:both;}
.img2 { float:left; width:70%;}
.testo2{ float:right; width:28%;}
#spacer { clear:both;} 
 
 /* menù area */
#menu2 ul{margin: 0; padding-top:60px;  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}
 .rosso { color:#E74B26; margin:0; padding:0;}
 .nome { font-family:"Times New Roman", Times, serif; font-size:200%; color:#582201;}
 .luogo { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:140%; color:#582201; }
 .descrizione {  font-family:Verdana, Arial, Helvetica, sans-serif;font-size:90%; color: #333333;
 text-align:justify; line-height:20px; }
 .telefono, .mail, .orari {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:80%; color: #072C0E ; text-align:justify; }
 .entra a { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%; color: #FF3103;
 text-align:justify; font-weight:bold; text-decoration:none;}
 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:#84C340; text-decoration:underline;}

.testo a{ color:#000000; text-decoration:none; }