
#menupfoto ul {
	/*background: #efefef; 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);*/
font-size:13px;
	padding: 0 16px;
	
	list-style: none;
	position: relative;
	display: inline-table;
}
#menupfoto ul li {
	float: left;
	
	margin-right: 3px;
	
	
}
#menupfoto ul li a, #menupfoto ul li a:active, #menupfoto ul li a:visited{
	border: 1px solid #BABABA;
	background-color: #FF0000;
	padding: 6px 6px;
	color: fff;
	font-weight: bold;
color: #000;
}
#menupfoto ul li a.current{
border: 1px solid #BABABA;
background-color: #fff;
padding: 6px 6px;}
#menupfoto ul li a:hover  {
		background: #fff;
color: #000;
	}
.archiviomese{
background-color: #EAEAEA;
 margin-bottom: 2px;
    margin-top: 2px;
    padding: 6px }
.archivioanno{
background-color: #ED1E79;
 margin-bottom: 2px;
    margin-top: 2px;
    padding: 6px }
.archivioanno a, .archiviomese a{
font-weight: bold;
color: #000;
}
.accordion {   
     /*width:160px;  */
     overflow:hidden;   
  /*   margin:10px auto;   
     color:#474747;   
     background:#414141;   
     padding:10px;   */
}  
.accordion mesefoto{   
      float:left;  
      overflow:hidden;   
      color:#333;   
      cursor:pointer;   
   background-color: #EAEAEA;      
    

    margin-bottom: 2px;
    margin-top: 2px;
    padding: 6px; 
}  
.accordion mesefoto:hover {  
      background:#444;  
}  
.accordion mesefoto p {   
      display:none;   
}  
.accordion mesefoto:after{  
      position:relative;  
      font-size:24px;  
      color:#000;  
      font-weight:bold;  
}  
/*.accordion mesefoto:nth-child(1):after{ content:'1'; }  
.accordion mesefoto:nth-child(2):after{ content:'2'; }  
.accordion mesefoto:nth-child(3):after{ content:'3'; }  
.accordion mesefoto:nth-child(4):after{ content:'4'; }  
.accordion mesefoto:nth-child(5):after{ content:'5'; } */
.accordion mesefoto::target {   
      background:#FFF;   
      padding:10px;  
}  
.accordion mesefoto:target:hover {   
      background:#FFF;   
}  
.accordion mesefoto:target h3 {  
      width:100%;  
}  
.accordion mesefoto:target h3 a{   
      color: #000000;
    font-weight: bold;   
      padding:0;  
}  
.accordion mesefoto:target p {  
      display:block;
 font-size: 13px;  
}  
.accordion mesefoto h3 a{  
    /*  padding:8px 10px;  */
margin-top: -14px;
      display:block;   
      font-size:16px;   
       color: #000000;
    font-weight: bold; 
        
      text-decoration:none;   
}  

.vertical mesefoto{   
     width:100%;   
     height:25px;   
     -webkit-transition:height 0.6s ease-out;  
     -moz-transition:height 0.6s ease-out;  
     -o-transition:height 0.6s ease-out;  
     transition:height 0.6s ease-out;  
}  
  
/*Set height of the slide*/  
.vertical :target{   
     height:250px;   
     width:97%;  
}  


/*Version 2 del menu serate foto*/
#menuf {
	padding: 5px 0px 0px;

	width: 208px;

	left: 0px;
	top: 10px;
	right: 0px;
	bottom: 10px;
	}
	
#menuf a {
	text-decoration:none;
	color:#000;
font-weight: bold; 
	}
	
#menuf ul {
	list-style:none;
	padding:0;
	margin:0;
	/*font-size:14px;*/
	}
	
#menuf ul li {
	padding:0px;
	margin:0;
	display:block;
	/*background-color: #3B8FFF;*/
	width:208px;
 	}
	
#menuf dl dd ul li a {
	color:#333;

	}

#menuf dl dd ul li a:hover {
	color:#333;
	}
	
#menuf dd {
	    
	padding:0;
	margin:0;
 	}

#menuf dt {
	display:block;
	background-color: #EAEAEA;
    color: #000;
	padding: 5px 2px 5px 2px;
	
margin:2px;

	}
#menuf li a{
	display: block;
	/*color: #CCCCCC;*/
font-weight: normal; 
font-size:12px;

}
#menuf li a:hover{
	background-color: #00FFFF;