/* CSS Document */

body{
   padding:0px;
   margin:0px;
   background-color:#DCEEF2;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   }
   
body.popup{
  background-color:#DCEEF2; padding:10px;
}
   
br{
  clear:both;
  }

/* --------------------------------------------- PRINCIPALI -------------------------- */

#Container{
   position:absolute;
   top:0px;
   width:900px;
   left:50%;
   margin-left:-450px;
   background-color:#FFFFFF;
   }


#Header{
   
   height:140px;
   margin-bottom:43px;
   }

#Header #Logo{
  position:absolute;
  margin-left:10px;
  margin-top:10px;
border:none;
}




#Header #SubLogo{display:none; }


/* ---------------------------- POPUP -----------------------------------------------*/

#ContentPopUp{
  background-color:#FFFFFF;
  padding:20px;
  border:1px solid #94CAD3;
  }
  
#ContentPopUp p{
  color:#004D71;
  font-size:13px;
  }

#ContentPopUp ol li{
  color:#004D71;
  font-size:13px;
  }
  
#ContentPopUp h4{
  color:#004D71;
  font-weight:bold;
  font-size:1.3em;
  margin:0px;
  margin-bottom:-10px;
  margin-top:20px;
}

#ContentPopUp h2{
	color:#666666;
	font-size:12px;
	}

  
/* ---------------------------- MENU PRINCIPALE --------------------------------- */


ul#Menu{
	width: 900px;
	position: absolute;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 145px;
	height: 34px;
	clear: both;
	border-top: 2px solid #FFFFFF;
	background: #DB6F00 url(../images/bgButtonOut.gif) repeat-x left center;
	top: 5px;
}



ul#Menu li{
float:left;
border-right:2px solid #FFFFFF;
padding:9px 8px; 
}

ul#Menu li:hover{ background:#DB6F00 url(../images/bgButtonOver.gif) repeat-x left center; }
ul#Menu li.last{ border:none; }


ul#Menu li a{
    font-size:0.9em; 
    color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
  }
  


ul#Menu li a span{ visibility:hidden;}



ul#Menu li a{
background-repeat:no-repeat;
background-position:center center;
}

ul#Menu li.gallerie{ display:none; }

ul#Menu li a.home{ background-image:url(../images/menu/p_home.gif); }
ul#Menu li a.associazione{ background-image:url(../images/menu/p_associazione.gif); }
ul#Menu li a.attivita{ background-image:url(../images/menu/p_attivita.gif); }
ul#Menu li a.struttura{ background-image:url(../images/menu/p_struttura.gif); }
ul#Menu li a.bacheca{ background-image:url(../images/menu/p_bacheca.gif); }
ul#Menu li a.documenti{ background-image:url(../images/menu/p_documenti.gif); }
ul#Menu li a.approfondimenti{ background-image:url(../images/menu/p_approfondimenti.gif); }
ul#Menu li a.contatti{ background-image:url(../images/menu/p_contatti.gif); }
ul#Menu li a.gallerie{ background-image:url(../images/menu/p_gallerie.gif); }

/* ------------------------- MENU ACCESSIBILE HEADER ----------------------------- */

#Menu2{
width:200px;
position:absolute;
top:25px;
right:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#Menu2 span{
font-size:0.7em;
  margin:0px;
  padding:0px;
  color:#6fb0c0;
  padding-bottom:3px;
  }
  
  
#Menu2 ul{
  margin:0px;
  padding:0px;
  list-style:none;
  }

#Menu2 ul li{
  padding:2px 0px;
  border-top:1px solid #94CAD3;
  color:#DB6F00;
  background-color:#FFFFFF;
  }

#Menu2 ul li a, #Menu2 ul li a:visited{
  font-size:0.7em;
  color:#DB6F00;
  font-weight:bold;
  text-decoration:none;
  }

#Menu2 ul li a:hover{ text-decoration:underline; }





/* ------------------------------- TOP HOME PAGE ----------------------------- */

#TopHome{
  background-color:#FEFDA8;
  height:290px;
  background-position:left top;
  background-repeat:no-repeat;
  }

#TopHome.annamaria{ background-image:url(../images/top/annamaria.jpg); }
#TopHome.davide{ background-image:url(../images/top/davide.jpg); }
#TopHome.marco{ background-image:url(../images/top/marco.jpg); }
#TopHome.francesca{ background-image:url(../images/top/francesca.jpg); }
#TopHome.luca{ background-image:url(../images/top/luca.jpg); }
#TopHome.francescadino{ background-image:url(../images/top/francescadino.jpg); }
#TopHome.zoo{ background-image:url(../images/top/zoo.jpg); }

#TopHome h2{
 color:#DB6F00;
 font-size:1.5em;
 margin:0px;
 padding-top:20px;
 padding-bottom:10px;
 }
 

#TopHome p{
  font-size:0.9em;
  color:#004D71;
  margin:0px;
  margin-left:640px;
  padding-top:80px;
  padding-right:20px;
  }

#TopHome ul{
  margin:0px;
  padding:0px;
  list-style:none;
  margin-left:640px;
  margin-top:20px;
  }

#TopHome ul li{ margin-top:5px; }

#TopHome ul li a, #TopHome ul li a:visited{
text-decoration:none;
font-size:0.9em;
display:block;
width:210px;
color:#FFFFFF;
padding:5px;
background-image:url(../images/bgButt.gif);
background-repeat:no-repeat;
background-position: left center;
font-weight:bold;
}

#TopHome ul li a:hover{ text-decoration:underline; }

/* ------------------------------ BOTTOM ------------------------------ */


#Bottom{
  border-top:2px solid #FFFFFF;
  }

div.BoxSecondary{
  background-image:url(../images/bgBottomh32.gif);
  background-repeat:repeat-x;
  background-position:left top;
  background-color:#FFFFFF;
  padding-bottom:10px;
}

div.BoxSecondary h3{
  color:#FFFFFF;
  margin:0px;
  padding:10px;
  padding-bottom:0px;
  padding-left:20px;
  font-size:0em;
  font-weight:normal;
  height:40px;
  background-position:15px 5px;
  background-repeat:no-repeat;
  }

div.BoxSecondary h3 span{ display:none; }

#Bottom div h3.centro, div.BoxSecondary h3.centro{ background-image:url(../images/t_centro.gif); }
#Bottom div h3.approfondimenti, div.BoxSecondary h3.approfondimenti{ background-image:url(../images/t_approfondimenti.gif); }
#Bottom div h3.bacheca, div.BoxSecondary h3.bacheca{ background-image:url(../images/t_bacheca.gif); }
#Bottom div h3.mappa, div.BoxSecondary h3.mappa{ background-image:url(../images/t_mappa.html); }
#Bottom div h3.contatti, div.BoxSecondary h3.contatti{ background-image:url(../images/t_contatti.html); }
#Bottom div h3.gallerie, div.BoxSecondary h3.gallerie{ background-image:url(../images/t_gallerie.gif); }


  
  
div.BoxSecondary p{
  color:#004D71;
  padding:0px;
  font-size:0.85em;
  margin:0px 20px;
  padding-bottom:15px;
  }


div.BoxSecondary p{ font-size:0.85em; }

div.BoxSecondary p a{color:#DB6F00;}

div.BoxSecondary p a.titolo, div.BoxSecondary p a.titolo:visited{ 
	color:#DB6F00;
	text-transform:uppercase; 
	font-weight:bold; 
	font-size:1.1em;
	text-decoration:underline;
	display:block;
	margin-bottom:3px;
}


#Bottom #Box1{
  width:450px;
  float:left;
  border-right:1px solid #94CAD4;
  
  }

#Bottom #Box1, #Bottom #Box2, #Bottom #Box3{ height:338px;}

#Bottom #Box2{
  width:447px;
  float:left;
  border-right:1px solid #94CAD4;
  }
  
  #Bottom #Box2 a.titolo{
    color:#DB6F00;
	font-weight:bold;
	display:block;
	font-weight:bold;
	margin:0px 15px;
	}
	
  #Bottom #Box2 p{
    padding:15px;
	margin:0px;
	}	
  
#Bottom #Box2 img{
  border:5px solid #DCEEF2;
  margin-right:5px;
  float:left;
  }

#Bottom #Box3{
  width:388px;
  float:right;
  background-color:#FDFDD2;
  }


/* ----------------------------------- short news ------------------------------- */

div.BoxSecondary div.BoxShortNews{
   margin-left:15px;
   clear:both;
   }

div.BoxSecondary div.BoxShortNews div.databacheca, div.BoxSecondary div.BoxShortNews div.ico_photogallery_big{
	  text-align:center;
	  display:block;
	  float:left;
	  width:80px;
	  height:85px;
	  background-image: url(../images/bgDataNews2.gif);
	  background-position: center top;
	  background-repeat:no-repeat;
	  padding-top:15px;
	  }

div.BoxSecondary div.BoxShortNews div.ico_photogallery_big{
  background-image: url(../images/ico_photogallery_big.png);
}


div.BoxSecondary div.BoxShortNews div.databacheca span{

}

div.BoxSecondary div.BoxShortNews div.databacheca span.giorno{
  color:#DB6F00;
  font-family:Georgia, "Times New Roman", Times, serif;
  display:block;
  font-size:2.4em;
}


div.BoxSecondary div.BoxShortNews div.databacheca span.mese{
  color:#004D71;
  font-size:0.65em;
  text-transform:uppercase;
  letter-spacing:1px;
}
	  
div.BoxSecondary div.BoxShortNews div.databacheca span.anno{ display:none; }


div.BoxSecondary div.BoxShortNews p{
 padding-left:80px;
 }
 

/* ------------------------------- CONTENT contenuto principale di pagine secondarie  ------------------- */


#BoxToResize{
  background-image:url(../images/bgBoxResize.gif);
  background-repeat:repeat-y;
  background-position:right top;

}


#Content{
  padding:20px;
  width:570px;
  background-repeat:no-repeat;
  background-position:left top;
  min-height:830px; 
  }
  
#Content.associazione{ background-image:url(../images/h_associazione.gif); }
#Content.attivita{ background-image:url(../images/h_attivita.gif); }
#Content.approfondimenti{ background-image:url(../images/h_approfondimenti.gif); }
#Content.bacheca{ background-image:url(../images/h_bacheca.gif); }
#Content.contatti{ background-image:url(../images/h_contatti.gif); }
#Content.documenti{ background-image:url(../images/h_documenti.gif); }
#Content.struttura{ background-image:url(../images/h_struttura.gif); }
#Content.gallerie{ background-image:url(../images/h_gallerie.gif); }

#Content a, #ContentRight a{
  color:#DB6F00;
  font-weight:bold;
  }
  
#Content h2{
  visibility:hidden;
  margin-bottom:40px;
  }
  
#Content h3, #ContentPopUp h3{
  color:#DB6F00;
  font-weight:bold;
  font-size:1.3em;
  margin:0px;
  margin-bottom:-10px;
  margin-top:20px;
}

#Content p{
  color:#004D71;
  padding:0px;
  font-size:0.85em;
}

#Content ol{
  list-style: none;
  margin:0px;
  padding:20px;
  list-style-type:lower-alpha;
  margin-right:20px;
  }

#Content ol li{
  color:#004D71;
  padding:0px;
  font-size:0.85em;
  padding-bottom:8px;
  border-bottom:1px solid #ccc;
  margin-bottom:8px;
}



  
/* -------------------------------- lista news --------------------------------------------- */

div.listnews{
  border:1px solid #CCCCCC;
  padding:10px;
  margin-bottom:10px;
}

div.listnews h4{
   background:#FFFFFF url(../images/icon/icon_news.gif) no-repeat left top;
   height:50px;
   padding-left:50px;
   padding-top:5px;
   margin:0px;
   font-size:15px;
   text-transform:uppercase;
}

div.listnews div{
    padding-left:50px;
	margin-top:-15px;
}


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

#BoxPresVideo{
   width:314px;
   background-image:url(../images/bgPresVideo_new.jpg);
   background-position:left top;
   background-repeat:no-repeat;
   height:112px;
   margin-top:20px;
   float:left;
   }

#BoxPresVideo p{
  display:block;
  margin-left:135px;
  padding-top:30px;
  font-size:12px;
  padding-right:10px;
  padding-left:4px;
  }

#BoxPresCda{
   width:220px;
   background-image:url(../images/bgPresCda.jpg);
   background-position:left top;
   background-repeat:no-repeat;
   height:112px;
   margin-top:20px;
   margin-left:20px;
   float:left;
   }

#BoxPresCda p{
  display:block;
  margin-left:84px;
  padding-top:40px;
  font-size:12px;
  }

 
  
/* -------------------------------- banner 5 x1000 -- */

div#Banner5x1000{
clear:both;
  background-image:url(../images/banner_5x1000.gif);
  background-position:center top;
  background-repeat:no-repeat;
  height:160px;
  }

div#Banner5x1000 h3{
  visibility:hidden;
  margin:0px;
  }

div#Banner5x1000 p{
  font-size:12px;
  padding:10px 20px;
  padding-bottom:5px;
  }
  
div#Banner5x1000 a{
margin-left:170px;
}



/* ------------------------------ pagina documenti scaricabili  ------------------------------ */


div.BoxGalleryDocumenti{
    border:1px solid #ccc;
	padding:10px;
	padding-bottom:5px;
	padding-left:60px;
	margin-bottom:5px;
	background-repeat:no-repeat;
	background-position:left top;

}

div.BoxGalleryDocumenti a{
  font-size:14px;
  text-transform:uppercase;
  display:block;
  }


  
/* ---------------------------- frame destro pagine secondarie ---------------------------- */

#ContentRight{
position:absolute;
top:183px;
width:289px;
margin-left:611px;
padding-bottom:20px;
/*border-bottom:1px solid #94CAD4;
background-color:#FFFFFF;*/
}

#ContentRight div.BoxSecondary{ 
  background:none;
  background-image:url(../images/bgBottomh32.gif);
  background-repeat:repeat-x;
  background-position:left top;
  
	 }
  
/* ------------------------------------- FOOTER ----------------------------- */

#Footer{
  border-top:2px solid #94CAD4;
}

#Footer p{
  font-size:0.7em;
  color:#666666;
  margin:0px;
  padding:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  float:left;
  width:30%;
  }
  
#Footer p a img{ border:none; }

#Footer p#p1 { 
	clear : both;
	padding-left:20px; 
 }
#Footer p#p1 strong{ color:#004D71;}
#Footer p#p2{ width:38%; }
#Footer p#p3{ width:22%; }
  
#Footer p a, #Footer p a:visited, #Footer p a:hover{
  text-decoration:underline;
  color:#DB6F00;
  }
  

  
#Footer p#p2 img, #Footer p#p3 img {
    float: left;
	margin-right:5px;
}

#Footer p#p2 span{
  display:block;
  float:left;
  }
  
  
  
/* ------------------------------ a continua ----------------------------------------- */

a.continua, a.continua:visited, a.continua:link{
  background-image:url(../images/bgButt2.gif);
  background-repeat:no-repeat;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  display:block;
  width:100px;
  padding:6px 10px;
  text-decoration:none;
  }
 
 
 
/* ----------------------------------- gallerie fotografiche Alberto 12.11.2009 ------------------------- */


div.box-photogallery-small{
  padding-bottom:10px;
  background-image:url(../images/ico_photogallery_small.gif);
  background-repeat:no-repeat;
  background-position:10px 3px;
  padding-left:60px;
  padding-right:20px;
  }

div.box-photogallery-small p{ padding:0px; margin:0px; }
  
div.box-photogallery-small a{
   display:block;
   text-transform:uppercase;
   margin-bottom:3px;
   padding-top:5px;
   }
 

#BoxGalleriaFoto{

}

#BoxGalleriaFoto div{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  }
  
  
  #BoxGalleriaFoto div a img{
    border:5px solid #DB6F00;
	  width:120px;
  height:90px;
  overflow:hidden;
	}
	
  #BoxGalleriaFoto div p{
    display:block;
	font-size:11px;
	text-align:center;
	margin-top:5px;
	padding:0px;
	width:120px;
	line-height:13px;
	}
	
	#BoxGalleriaFoto div p strong{ display:block; }
	
	
  
#ul-list-gallery{ display:none; }

#content .documenti a{
	text-decoration: underline;
}

#ContentPopUp .informazioni{
	width: 140px;
	float: left;
	text-align:left;
	padding:3px;
}

#ContentPopUp .titolo{
	clear: both;
}

  
#Content .gallerie .fotografie{
	max-width: 100;
	max-eight: auto;
}

#LatoSx , #LatoDx{
	float: left;
    width: calc(50% - 20px);
    padding: 10px;
}

#Bottom #Box2 img {
    border: 5px solid #DCEEF2;
    margin-right: 5px;
    float: left;
    max-width: 78%;
    margin-bottom: 10px;
}

.thumblist {
    padding: 0;
    margin: 0;
    list-style: none;
}

.thumblist li {
    float: left;
    height: 180px;
    width: 180px;
    margin: 5px;
    overflow: hidden;
}

.thumblist img {
    display: inline-block;
    min-width: 100%;
    min-height: 100%;
    -ms-interpolation-mode: bicubic; /* Better image scaling in IE */
}

ul.thumblist IMG {
    max-width: 180px;
    height: auto;
}

#Content.gallerie{
	height:1961px;
}