/* ------------------------ */
/*          CORPO           */
/* ------------------------ */

body {margin: 0px; overflow-x: hidden;}

.corpo1200 {max-width: 1200px; margin: 0 auto; padding: 24px; position: relative;}
.corpo1400 {max-width: 1400px; margin: 0 auto; padding: 24px; position: relative;}
.corpo1500 {max-width: 1500px; margin: 0 auto; padding: 24px; position: relative;}
.corpo1600 {max-width: 1600px; margin: 0 auto; padding: 24px; position: relative;}
.corpo100-padd {max-width: 100%; margin: 0 auto; padding: 36px; position: relative;}
/* ------------------------ */
/*          DISPLAY         */
/* ------------------------ */

.d-bl {display: block;}
.d-inl-bl {display: inline-block;}


/* ------------------------ */
/*          FLOAT           */
/* ------------------------ */


.floatsx {float:left}
.floatdx {float:right}




/* ---------------------------------------------------- */
/*               Blocchi txt                    */
/* ---------------------------------------------------- */

.sommario {font-size: 24px!important;
  line-height: 1.4!important;
  font-style: italic;
  font-weight: 300;
  color: #666;
  padding-bottom: 25px;
}

.pacc-meta-o { font-weight: bold; color: #999; font-size:16px; margin-top:16px;  line-height: 1; margin-bottom: 16px; }
.pacc-meta-i { font-weight: bold; color: #999; font-size:15px; margin-top:16px;  line-height: 1; margin-bottom: 16px; }
.pacc-meta-ii { font-weight: normal; color: #333; font-size:14px; margin-top:16px;  line-height: 1; }

.pacc-tit-i { color: #333; font-size:32px; margin-top:8px;  line-height: 1; font-weight: normal; }

.pacc-par-i, p.pacc-par-i, p .pacc-par-i, .pacc-par-i p {   color: #555; font-size:17px; margin-top:6px; line-height: 1.4   }
.pacc-par-ii, p.pacc-par-ii, p .pacc-par-ii {   color: #555; font-size:16px; margin-top:6px;  }


/* ---------------------------------------------------- */
/*                  Gestione box immagini               */
/* ---------------------------------------------------- */

.cont-img-fit-x {
width: 100%; height: 80vh; overflow: hidden;
}
.cont-img-fit-x img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.cont-img-fit-80-100 {
width: 100%; height: 80vh; overflow: hidden;
}
.cont-img-fit-80-100 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.cont-img-fit-42-100 {
width: 100%; height: 42vh; overflow: hidden;
}
.cont-img-fit-42-100 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cont-img-fit-x {
width: 100%; height: 80vh; overflow: hidden;
}
.cont-img-fit-x img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.cont-img-fit-larg-piena {
  width: 100%;
  height: 380px;;
  overflow: hidden;
    border-radius: 16px;
}
.cont-img-fit-larg-piena img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

/*variazioni*/
.img-fit-100-400 { max-width: 100%; height: 400px; border-radius: 12px; margin-bottom: 36px;  }





/* Thumbnail con testo a lato */
img.img-in-post {
  max-width: 268px;
  height: auto;
  margin-right: 32px;
  margin-bottom: 12px;
  border-radius: 12px;
  float: left;
}

img.img-in-post-orizz {
max-width: 500px;
max-height: 230px;
  margin-right: 32px;
  margin-bottom: 12px;
  border-radius: 12px;
  float: left;
}

img.img-in-post-quadr {
max-width: 380px;
max-height: 380px;
  margin-right: 32px;
  margin-bottom: 12px;
  border-radius: 12px;
  float: left;
}







/* ---------------------------------------------------- */
/*                  Gestione box immagini               */
/* ---------------------------------------------------- */


.lista--img-dx {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 204px);
}

.lista-singolo-img-dx {
  display: inline-block;
  vertical-align: top;
  padding-top: 12px;
}

.cont-img-fit-x {
width: 100%; height: 80vh; overflow: hidden;
}
.cont-img-fit-x img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.cont-img-fit-200-120 {
width: 200px; height: auto; overflow: hidden;
}
.cont-img-fit-200-120 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
    border-radius: 12px;
    object-position: top;
}


.cont-img-fit-150-220 {
width: 150px; height: 220px; overflow: hidden;
    border-radius: 12px;
}
.cont-img-fit-150-220 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
    
}


.cont-img-fit-80-100 {
width: 100%; height: 80vh; overflow: hidden;
}
.cont-img-fit-80-100 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



