/* SEZIONI NEWS */
.section-news {
  padding:30px 0px;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 14px;
  color:#4d4d4d;
  background-color: #ffffff;
}

.section-news h1 {
  font-family: 'Roboto';
  font-size: 36px;
  font-weight: 100;
  border-bottom: 0px solid #ccc;
  padding-bottom:5px;
  opacity:0.6;
  font-weight:200;
}

.section-news p {
  padding:10px 0px;
  font-size: 16px;
  font-weight: 300;
}

.col-news {
  padding:0px 20px 0px 0px;
  margin:0px;
  border-right: 1px dotted #cccccc;
  min-height:300px;

}

.single-news {
  padding:0px 0px 10px 0px;
  border-bottom: 2px solid #cccccc;
}

/* cont titolo e data */
.single-news-title {
  border:0px;
  width:100%;
  padding:15px 0px 0px 0px;
  border-bottom: 1px solid #cccccc;
}

.first-news {
  padding:0px 0px 0px 0px;
}


/* titolo */
.single-news h1 {
  width:70%;
  float:left;
  font-weight: 200;
  font-size: 24px;
  border:0px;
}

/* data */
.single-news h2 {
  width:30%;
  float:right;
  font-weight: 400;
  font-size: 14px;
  padding-top:20px;
  text-align: right;
}

/* contenitore testo */
.cont-testo {
  width:70%;
  float:left;
}

/* testo */
.single-news p {
  padding:10px 0px;
  font-size: 14px;
  font-weight: 300;
}

.single-news span {
  padding:10px 0px 0px 0px;
  font-size: 14px;
  font-weight: 300;
  display:block;
}

.single-news span a {
  color:#4d4d4d;
}

/* tasto leggi tutto/chiudi */
.single-news h3 {
  font-weight: 300;
  font-size: 14px;
  text-decoration: underline;
  border:0px;
  cursor:pointer;
  margin-top:5px;
}

/* contenitore icona */
.cont-icona {
  width:30%;
  float:right;
  text-align:right;
  padding-top:20px;
}


/* icona news - vedi regole responsive in fondo */
.icona_news {
  width: 140px;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
}

/* contenitore icone gallery */
.cont-thumbs {
    width: 70%;
    margin: 0px;
    padding: 0px;
    border: 0px solid red;
    float: left;
    
}

.cont-thumbs img {
    width:31%;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

/* colonna dx anni news */
#row-years-no-xs {
  display:block;
}

.col-years {
  padding:0px 20px;
  margin:0px;
  
}

.col-years h1 {
  font-weight: 400;
  font-size: 18px;
  padding:0px;
  margin:0px 0px 15px 0px;
  border:0px;
}

.col-years p {
  font-weight: 400;
  font-size: 20px;
  padding:2px 0px;
  margin:0px;
  border:0px;
}

.col-years a {
  color:#4d4d4d;
  font-weight:400;
}

.col-years a:hover {
  color:#cccccc;
  text-decoration: none;
}


/* colonna anni news sopra per smartphone (bootstrap xs) */
#row-years-xs {
  display:none;
}

.col-years-xs {
  padding:10px 0px 20px 0px;
  margin:0px 0px 10px 0px;
  border-bottom: 0px solid #ccc;
}

.col-years-xs h1 {
  font-weight: 400;
  font-size: 18px;
  padding:0px;
  margin:0px 0px 15px 0px;
  border:0px;
}

.col-years-xs p {
  font-weight: 400;
  font-size: 20px;
  padding:2px 0px;
  margin:0px;
  border:0px;
}

.col-years-xs a {
  color:#4d4d4d;
  font-weight:400;
}

.col-years-xs a:hover {
  color:#cccccc;
  text-decoration: none;
}


/* MEDIA QUERY */

/* bootstrap xs */
@media (max-width : 767px) { 
  /* icona news */
  .icona_news {
    width: 80px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
  }
  /* contenitore anni - se xs visualizza sopra, altrimenti a dx */
  #row-years-xs {
    display:block;
  }
  #row-years-no-xs {
    display:none;
  }

}
/* bootstrap sm */
@media (min-width : 768px) { 
  /* icona news */
  .icona_news {
    width: 100px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
  }
}
/* bootstrap md */
@media (min-width : 992px) { 
  /* icona news */
  .icona_news {
    width: 140px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
  }
}
/* bootstrap lg */
@media (min-width : 1200px) { 
  /* icona news */
  .icona_news {
    width: 140px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
  }
}