@charset "utf-8";
/* CSS Document */

/************* Menu ARTICOLI **************/


.ArticlesMenu {
	font-weight: 300;
	font-size: 1.1em;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	line-height: 35px;
    border-bottom-color: #CCCCCC;
    border-bottom-width: 1px;
	border-bottom-style: solid;
}

.ArticlesSubMenu {
    display: none;
	font-weight: 300;
	color: #626C75;
	font-size: 1em;
	text-align: left;
	padding: 2px 3px 2px 40px;
	vertical-align: top;
}

.ArticlesMenuTitle {
	font-weight: 300;
	color: #000000;
	font-size: 1.2em;
	text-align: left;
	vertical-align: top;
	line-height: 26px;
	padding: 0px 3px 15px 0px;
}

/************* Menu Bottom ARTICOLI **************/

.ArticlesBottomMenu {
	font-weight: 300;
	font-size: 1em;
	color: #000;
	text-align: left;
	vertical-align: top;
	line-height: 25px;
}

.ArticlesBottomSubMenu {
    display: none;
	font-weight: 300;
	color: #21245F;
	font-size: 1em;
	text-align: left;
	padding: 2px 3px 2px 0px;
	vertical-align: top;
}

.ArticlesBottomMenuTitle {
	font-weight: 300;
	color: #FFFFFF;
	font-size: 1.2em;
	text-align: left;
	vertical-align: top;
	line-height: 36px;
}

.TitoloBacheca{  /*Titoli cliccabili delle bacheche*/
	color: #960000;
	font-size: 1rem;
	font-weight: bold;	
	padding: /*sopra=*/0px /*destra=*/5px /*sotto=*/5px /*sinistra=*/0px;
}

@media screen and (min-width: 768px) {
  .PhotoArticlesDetail{
     width: 45%;
	 padding: 0px 10px 10px 0px;
  }
}
@media screen and (max-width: 767px) {
  .PhotoArticlesDetail{
	width: 95%;	 
	margin-right: auto;
	margin-left: auto;
  }
}

@media screen and (min-width: 768px) {
	div#HomeArticles_Box{
	  width: 33%;
	  float:left;
	  font-size: 1em;
	  text-align: justify;
	  color: #BBBBBB; 
	}
	
	div#HomeArticles_Pad{
	  padding: 0px 20px 10px 10px;
	}
}

@media screen and (max-width: 767px) {
	div#HomeArticles_Box{
	  width: 100%;
	  font-size: 1em;
	  text-align: justify;
	  color: #BBBBBB; 
	}
	
	div#HomeArticles_Pad{
	  padding: 0px 5px 10px 5px;
	}
}


@media screen and (min-width: 769px) {
	div#HomeNews_Box{
	  width: 33%;
	  font-size: 1em;
	  text-align: justify;
	  float: left;
	  color: #BBBBBB; 
	}
	
	div#HomeNews_Pad{
	  padding: 0px 0px 10px 10px;
	}
}

@media screen and (max-width: 768px) {
	div#HomeNews_Box{
	  width: 100%;
	  font-size: 1em;
	  text-align: justify;
	  color: #BBBBBB; 
	}
	
	div#HomeNews_Pad{
	  padding: 0px 5px 10px 5px;
	}
}