/* CSS Document */
/* rosso link e titoli principali #B20000 */

body{
  font-family:"Lucida Sans", "Lucida Sans Unicode", Times, serif;
  font-size:11px;
  background-color:#FFFFFF;
  color:#333333;
  margin:0px;
  padding:0px;
  /*
  background-color:#CCCCCC;
  background-image:url(../images/bgBody.gif);
  background-repeat:no-repeat;
  background-position: center top;*/
  }
  
a, a:visited{
  color:#B20000;
  text-decoration:underline;
  }
  
a.download_pdf{
  padding-left:20px;
  background:#FFFFFF url(../images/icon_pdf.gif) no-repeat left 3px;
  text-transform:uppercase;
  padding:5px 25px;
  display:block;
  width:280px;
  
  
  }
  
  
/* -------------------------- PRINCIPALI DI LAYOUT ------------------------- */  

#wrapper{
  position:absolute;
  width:980px;
  left:50%;
  margin-left:-490px;
  top:15px;
}
  
#Container{
  border:1px solid #CCCCCC;
  background:#FFFFFF url(../images/bgContainer.gif) repeat-y right top;
  }
  
#Header{
  height:134px;
  border-bottom:1px solid #FFFFFF;
  /*background-color:#b20000;*/
  background:#eaeaea url(../images/bgHeader.gif) repeat-x left bottom; 
  }

#ContentColumn{
  width:620px;
  border-right:1px solid #CCCCCC;
  }

  

#RightColumn{
width:357px;
background-color:#EAEAEA;
right:1px;
top:136px;
float: left;
	position: absolute;
}


#SelectLang{
  position:absolute;
  right:30px;
  margin-top:10px;
  }

#Header #Logo{
  position:absolute;
  margin-left:20px;
  margin-top:15px;
  z-index:10;
  }
  

/* ----------------------------- menu principale --------------------- */

#Header ul{
  position:absolute;
  margin:0px;
  padding:0px;
  list-style:none;
  margin-top:100px;
  right:20px;
  }

#Header ul li{
  display:inline;
  padding:0px 5px;
  }
   
#Header ul li a{
  text-transform:uppercase;
  }
  
#Header ul li a img{
  border:none;
  }

#Header ul li a:hover img{
 border-bottom:2px solid #333;
 }
 
/* ------------------------------- elementi esclusivi di home page    -------------------------------*/


#ContentColumn #FlashContent{
  background-color:#EAEAea;
  height:340px;
  }


#ContentColumn table#TableBottomHome{
  width:100%;
  border:none;
  }
  
#ContentColumn table#TableBottomHome td{
  width:50%;
  border:none;
  }

#ContentColumn table#TableBottomHome td{
  border-right:1px solid #CCCCCC;
  
}


#ContentColumn table#TableBottomHome td h2{
  background-color:#eaeaea;
  padding:0px;
  padding-left:15px;
  margin:0px;
  border-bottom:1px solid #CCCCCC;
  height:40px;
  line-height:30px;
  }
  

#ContentColumn table#TableBottomHome td:last-child{
  border:none;
  }

#RightColumn #BoxFoundation{
  background-color:#FFFFFF;
  }

#RightColumn #BoxFoundation h1{
  height:190px;
  margin:0px;
  padding:0px;
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  background-position:left top;
  }
  
#RightColumn #BoxFoundation h1 img{
  padding-top:165px;
  padding-left:10px;
  }

#RightColumn #BoxFoundation p{
  font-size:11px;
	padding: 10px 20px;
}



  

/* ----------------- tabella bottom home --------------------- */

#TableBottomHome td div {
  padding:20px;
  margin-top:10px;
  }
  
  
#TableBottomHome div h3{
    font-size:14px;
    margin:0px;
    padding:0px;
	color:#b20000;
    }
  

#TableBottomHome td h2 img{
  padding-top:15px;
  }
  
#TableBottomHome td div p{
  color:#333;
  }
  
  
/* -------------------- box bianchi colonna di destra -------------- */

#RightColumn .BoxWhite{
  border-top:1px solid #CCCCCC;
  background-color:#FFFFFF;
  }  

#RightColumn .BoxWhite div{
  padding:20px;
  }
 
#RightColumn .BoxWhite h2{
  margin:0px;
  padding:20px 0px 0px 15px;
  background-color:#eaeaea;
  border-bottom:1px solid #CCCCCC;
  } 


#RightColumn .BoxWhite h3{
  margin:0px;
  padding:0px;
  font-size:13px;
  color:#b20000;
  } 
  
  
/* --------------------- box iscrizione newsletter in frame destro ------------------ */


#BoxNewsletter #FormSubscribe{
  padding:20px;
  }

#BoxNewsletter #FormSubscribe ol{
  margin:0px;
  padding:0px;
  list-style:none;
  margin-top:10px;
  }
  
#BoxNewsletter #FormSubscribe ol li{
padding-bottom:3px;

}

#BoxNewsletter #FormSubscribe ol li p{
   padding-left:120px;
   }

#BoxNewsletter #FormSubscribe ol li label{
  float:left;
  display:block;
  width:120px;
  }
  
#BoxNewsletter #FormSubscribe  #TextPrivacy{
  font-size:10px;
  overflow:auto;
  height:55px;
  margin-bottom:10px;
  }
  
#BoxNewsletter #FormSubscribe  #TextPrivacy p{ padding:0px; margin:0px; }


#BoxNewsletter #FormSubscribe input[type=text]{
  border:1px solid #999999;
  }


  
  
/* --------------------- box attività in frame destro ----------------- */

#BoxActivities{
  border-top:1px solid #CCCCCC;
  background-color:eaeaea;
  padding:20px;
  height: 170px;
  }

#BoxActivities_2{
  border-top:1px solid #CCCCCC;
  background-color:eaeaea;
  padding:20px;
  height: 170px;
  }
#BoxActivities_2 div{
  float:left;
  
  padding-right:10px;
  }

#BoxActivities div{
  float:left;
  width:145px;
  padding-right:10px;
  }
  
#BoxActivities div h3{
  font-size:11px;
  font-weight:normal;
  height:36px;
  }

#BoxActivities div h3 strong{
  display:block;
  font-weight:bold;
  text-transform:uppercase;
  }
  
    
#BoxActivities div p{
font-size:10px;
padding:0px;
height:105px;
}

#logo_filantropia{
	margin-bottom: px;
}

#servizi{
	float: left;
	width: 130px;

}

#servizi2{
	float: left;
	width: 130px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: -10px;
}

#donazioni{
	width: 350pz;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color:#fff;
	margin-top: -9px;
}

#RightColumn #BoxDonazioni{
  background-color:#;
	
}

#RightColumn #BoxDonazioni h1{
  height:190px;
  margin:0px;
  padding:0px;
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  background-position:left top;
  }
  
#RightColumn #BoxDonazioni h1 img{
  padding-top:165px;
  padding-left:10px;
  }

#RightColumn #BoxDonazioni p{
  padding:20px;
  font-size:11px;
  }

.link_attivita{
}

/* --------------------------------- pagine secondarie generali ------------------------------------- */

#TitlePage{
  background:#000000 url(../images/bgTitle.gif) repeat-x left top;
  height:70px;
  }

#TitlePage h1{
   margin:0px;
   padding:0px;
   padding-top:46px;
   padding-left:16px;
   }
   

#PageContent{
  padding:20px;
  min-height:850px !important;
  }

#PageContent hr{
  border:none;
  border-bottom:1px solid #CCCCCC;
  margin:30px 0px;
  }
  
#PageContent h4{
  color:#b20000;
  font-size:16px;
  margin:0px;
  padding-bottom:3px;
  }

#PageContent h5{
    color:#666666;
    font-size:13px;
    margin:0px;
  
  }
  
#PageContent p.tooglebutton{
	 text-align:right;
	 background:none;
	 padding-bottom:3px;
	 }
#PageContent p.tooglebutton a{
   padding-right:5px;
   }
   

/* -------------------------- campo select gallerie --------------------- */

#PageContent #SelGallery{
   margin-bottom:10px;
   padding-bottom:10px;
} 

#PageContent #SelGallery select{
  font-family:"Lucida Sans", "Lucida Sans Unicode", Arial;
  font-size:11px;
  }
  
#PageContent a.open{
   padding-top:10px;
   display:block;
   text-align:right;
   
   }  
  
/* ----------------------------- box news ----------------------------------------- */

div.BoxNews{

}

div.BoxNews div.overflow{

}

div.BoxNews h4{
  background:#FFFFFF url(../images/0171_new_page.png) no-repeat left 3px;
  padding-left:20px;
  }

  
div.BoxNews p{

}

div.BoxNews p i{
  font-style:normal;
  background-color:#eaeaea;
  }
    
  
/* --------------------------------- pagina statuto toogle -------------------------------------- */

#BoxStatutoToogle{
  margin-top:20px;
}

#BoxStatutoToogle h2, #BoxStatutoToogle h3{
  margin:0px;
  padding:0px;
  padding-bottom:3px;
  }

#BoxStatutoToogle h3{
color:#666666;
}


#BoxStatutoToogle h4 a{
  cursor:pointer;
  }

#BoxStatutoToogle h4{
  font-size:12px;
  color:#333333;
  border-bottom:1px solid #eaeaea;
  margin:0px;
  padding:8px 5px;
  background:#FFFFFF url(../images/0171_new_page.png) no-repeat left 10px;
  padding-left:20px;
  }

#BoxStatutoToogle div{
  padding:10px;
  background-color:#f4f4f4;
  border:1px solid #eaeaea;
  border-top:none;
  margin-left:5px;
  }

#BoxStatutoToogle div ol li{
  padding-bottom:3px;
  } 
  
/* ----------------------------- pagina contatti -------------------------------- */

.BoxAddressLogo{
   float:left;
   margin-right:10px;
   border:1px solid #CCC;
   padding:10px;
   text-align:center;
   height:300px;
   width:160px;
   }
   
 .BoxAddressLogo_dx{
   float:left;
   
   border:1px solid #CCC;
   padding:10px;
   text-align:center;
   height:300px;
   width:160px;
   }
  
/* ---------------------------- form contatti e iscrizione newsletter --------------------------- */

#FormContact{
 padding:10px;
}


#FormContact ol{
  list-style:none;
  margin:0px;
  padding:0px;

}


#FormContact ol li{

   margin-bottom:6px;
   padding:3px 0px;

}

#FormContact ol li label{
  display:block;
  float:left;
  width:100px;
  padding-top:5px;
  }
  
#FormContact ol li div{
  padding-left:100px;
  }

#FormContact ol li.obbl{
  background-color:#eaeaea;
  }
  
#FormContact ol li.obbl label{
  font-weight:bold;
  }
  
form input[type=text], form select, form textarea{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  padding:2px;
  }
  
/* ----------------------------------- lista thumb gallerie fotografiche  ----------------------- */

div.BoxListGallery{
height: 100px;
border:1px solid #CCC;
padding:10px;
background-color:#eaeaea;
margin-bottom:10px;

}

div.BoxListGallery a.thumbList{
   border:none;
   display:block;
   width:150px;
   float:left;
   margin-right:10px;
   }


div.BoxListGallery a.thumbList img{
  border:none;
  }

div.BoxListGallery div{
    

}

/* --------------------------------- tabella foto in photogallery.php ------------------------ */

table.TableGallery{
  margin-left:0px;
  margin-top:20px;

     }
	 
table.TableGallery td{
  /*background-image:url(../images/loading.gif); */
  background-repeat:no-repeat;
  background-position:center center;
  text-align:center;
  background-color:#FFFFFF;
  }

table.TableGallery td a img{
 border:4px solid #eaeaea;
}

table.TableGallery td a:hover img{
 border:4px solid #b20000;
}
  
table.TableGallery td span{ display:none; }


/* ----------------------------- varie ----------------------------------- */

h5.data{
  color:#333;
  text-transform:uppercase;
  letter-spacing:2px;
  font-weight:normal;
  margin:0px;
  font-size:13px;
  }


/* ----------------------------- footer fondo pagina -------------------------------- */





#Footer{
  margin-top:10px;
  height:30px;
}

#Footer p{
  margin:0px;
  padding:0px;
  float:left;
  }
  
#Footer p#p1{
  float:left;
  text-transform:uppercase;
  letter-spacing:2px;
  }
  
#Footer p#p2{
  float:right;
  text-align:right;
  }
  
#Footer p#p2 a{
  padding-right:2px;
  margin-right:2px;
  border-right:1px solid #CCC;
  }