body{
	margin:0;
        padding:0;
	font-family:Verdana,sans-serif,Helvetica;
        font-size:0.9em;

}

#header{
	position:relative;
	background:#963 url('./img/sfondo_header.jpg') repeat-x;
	height:80px;
	width:100%;
}



#header #sottotitolo{
	font-family: Georgia,serif;
	color:#fff;
	font-variant:small-caps;
	font-size:1.1em;
	margin-top:-2.3em;
	margin-left:1.3em;
}

#header #like{	
	position:absolute;
	right:2%;
	top:5px;
	border:3px ridge #630;
	padding:2px;
	background:white;
}

#header #luogo{
	font-family: Georgia,serif;
	color:#fff;
	font-variant:small-caps;
	font-size:0.8em;
	margin-top:-1.5em;
	margin-left:2.5em;
}


a:visited { 
  color:#630; 
  text-decoration:underline;  
  }

a:hover{ 
  color:#33CC00; 
  font-variant:small-caps;
} 

a:active{
	color:#C60;
}

.menu_principale {
  float: left;
  width: 100%; 
  list-style:none;
  margin: 0;padding: 0;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}

.menu_principale li{float:left; margin:0;padding: 0;}
.menu_principale a{
	display:block; 
	width:130px;
	height:50px;
}

.menu_principale #home{
	background:url(./img/home.gif) 0px 0px;
}
.menu_principale #home:visited{
	background:url(./img/home.gif) 0px -100px;	
}
.menu_principale #home:hover{
	background:url(./img/home.gif) 0px -50px;
}
.menu_principale #home:active{
	background:url(./img/home.gif) 0px -150px;
}
.menu_principale #piro{
	background:url(./img/piro.gif) 0px 0px;
}
.menu_principale #rece{
	background:url(./img/rece.gif) 0px 0px;
}
.menu_principale #galle{
	background:url(./img/galle.gif) 0px 0px;
}
.menu_principale #eventi{
	background:url(./img/eventi.gif) 0px 0px;
}
.menu_principale #arti{
	background:url(./img/arti.gif) 0px 0px;
}
.menu_principale #piro:visited{
	background:url(./img/piro.gif) 0px -100px;	
}
.menu_principale #piro:hover{
	background:url(./img/piro.gif) 0px -50px;	
}
.menu_principale #rece:visited{
	background:url(./img/rece.gif) 0px -100px;	
}
.menu_principale #rece:hover{
	background:url(./img/rece.gif) 0px -50px;
}
.menu_principale #galle:visited{
	background:url(./img/galle.gif) 0px -100px;	
}
.menu_principale #galle:hover{
	background:url(./img/galle.gif) 0px -50px;
}
.menu_principale #eventi:visited{
	background:url(./img/eventi.gif) 0px -100px;	
}
.menu_principale #eventi:hover{
	background:url(./img/eventi.gif) 0px -50px;
}
.menu_principale #arti:visited{
	background:url(./img/arti.gif) 0px -100px;	
}
.menu_principale #arti:hover{
	background:url(./img/arti.gif) 0px -50px;
}
.menu_principale #piro:active{
	background:url(./img/piro.gif) 0px -150px;
}
.menu_principale #rece:active{
	background:url(./img/rece.gif) 0px -150px;
}
.menu_principale #galle:active{
	background:url(./img/galle.gif) 0px -150px;
}
.menu_principale #eventi:active{
	background:url(./img/eventi.gif) 0px -150px;
}
.menu_principale #arti:active{
	background:url(./img/arti.gif) 0px -150px;
}

.menu_principale span{
	float: left;
	padding: 1em 3em 0.2em 0;
	cursor: pointer;
	display:none
}

.menu_priciale #home:link.home_attiva{
	background:url(./img/home.gif) 0px -100px;
}
.menu_principale #galle:link.galle_attiva{
	background:url(./img/galle.gif) 0px -100px;
}
.menu_principale #piro:visited.piro_attiva{
	background:url(./img/piro.gif) 0px -50px;
}
.menu_principale #rece:visited.rece_attiva{
	background:url(./img/rece.gif) 0px -50px;
}
.menu_principale #galle:visited.galle_attiva{
	background:url(./img/galle.gif) 0px -50px;
}
.menu_principale #eventi:visited.eventi_attiva{
	background:url(./img/eventi.gif) 0px -50px;
}
.menu_principale #arti:visited.arti_attiva{
	background:url(./img/arti.gif) 0px -50px;
}
.menu_principale #home:visited.home_attiva{
	background:url(./img/home.gif) 0px -50px;
}

.menu_laterale{
	float:left;
	margin : 0 1em 0 1em;
	width:18%;
}
.menu_laterale ul{
	list-style-image:url("./img/small_124.gif");
	list-style-type:square;
}

.menu_laterale h1{
	font-family:Georgia,serif;
	color:#824200;
	font-size:1.8em;
}

#gallery{
	float:left;
	width:60%;
	margin-left:2em;
	margin-bottom:2em;
}

#gallery h1{
	font-family:Georgia,serif;
	color:#824200;
	font-size:1.8em;
}

#gallery ul{
	list-style: none;
	padding:0;
	margin:0;
}
#gallery li {
	padding: 10px;
	float:left;
	position:relative;
	margin:0;
	width: 256px;
	height: 150px;
}

#gallery li span {
	width: 180px;
	height: 27px;
	display: block;
	position: absolute;
	top:120px;
	left: 45px;
	text-align:center;
    font-family:Verdana;
    font-size:0.8em;
    color:#963;
    padding:4px;
}

#gallery img{
	border:3px ridge #630;
	padding:4px;
	background:#963;
}

#gallery a{
	display:block;
	width:264px;
	height:109px;
}

#gallery a:link span{

color:#00f;
text-decoration:underline;

}

#gallery a:visited span{
	color:#630;
	text-decoration:underline;
}


#gallery a:hover span{
	color:#33CC00; 
   font-variant:small-caps;
}

#preview{
		position:relative;
		background-color:#fff;
		left:160px;
		clear:both;	
		margin:0 0 3em 0;
		width:60%;
}
#preview img{
	border:3px ridge #630;
	padding:12px;
	background:#963;
}

#preview #nav{
	position:absolute;
	left:0;
	bottom:-2em;
}
#preview a{
	margin:0 0.5em 0 0.5em;
	padding:0.2em;
}

#contenuto{
	position:relative;
	background-color:#fff;
   width:75%;
	margin-left:20%;
	margin-top:2%;
	float:left;
}

.tit_parag {
  color:#824200;
}


#contenuti img.extended_img {
	margin: 10px 20px 10px 0px;
	padding: 5px;
	background: #fff;
	border: solid 1px #ccc;
	float: left;
}

#contenuti img.extended_img_right {
	margin: 10px 0px 10px 20px;
	padding: 5px;
	background: #fff;
	border: solid 1px #ccc;
	float: right;
}


#footer{
		position:relative;
		background-color:#963;
		width:100%;
		border-top:1px solid #333;
		clear:both;
	}



	div#multi ul,div#multi li{margin:0;padding:0;list-style:none}

	div#multi{
		position:relative;
		width: 750px;
		overflow: hidden;
	    padding: 0.5em 0;
	    line-height: 1.4;
	    left:50%;
	    margin-left:-375px;
	}

	div#multi h3{
		font:120% Georgia,serif;
	    margin: 0.1em 0;color:#630;
	    border-bottom:1px solid #000;
	}
	div#multi ul,div#multi li{margin:0;padding:0;list-style:none}

	div#multi #contatti{
		float:left;
		width:70%;
	    display: inline;
	}
	

	div#multi li{
		margin-left:2em;
		font-size:80%;
		}


	div#multi #contatti a:hover{
	  color:#FC0;	
	}
	div#multi #contatti p{
		line-height:1;
		float:left;
	}
	div#multi #contatti h4{
		margin:0;
		padding:0;
		font-size:80%;
	}

div#footer hr{
	width:50%;
	color:#333;
	border-bottom:0;
	border-left:0;
	border-right:0;
}

div#footer #copyright{
   width:100%;
   margin:0;
   padding-top:0.4em;
   padding-bottom:0.4em;
   text-align:center;
   font-family:Verdana;
   font-size:0.7em;
   color:#630;	
}


.sub {
       font-style:italic;
     }

.initial:first-letter {
       font-size:2.5em;
       font-family:italic;
       color:#800000;
       }

.artista {
  color:#9A7800;
  font-size:1.2em;
}

div#valid_xhtml {
  position:absolute;
  top:45px;
  width:130px;
  height:30px;
  right:45px;
  background:url(./img/validxhtml.png) no-repeat;
}
div#valid_css {
  position:absolute;
  top:80px;
  width:130px;
  height:30px;
  right:45px;
  background:url(./img/validcss.png) no-repeat;
}
#tabella_eventi{
	margin:0 0 2em 0;
}
#tabella_eventi table{
	border:1px solid #963;
	border-collapse:collapse;
	width:100%;
}
#tabella_eventi table th{
	border:1px solid #630;
	padding-top:1em;
	padding-bottom:1em;
	background-color:#963;
	color:#fff;
}
#tabella_eventi table td{
	border:1px solid #630;
	padding:0.5em;
}
#tabella_eventi table tr:hover{
	background-color:#FFC;
	border:1px solid #630;
}
#tabella_eventi table tr:first-child{
	background-color:#963;
}