
/* ------- CORPO -------- */


.contenuto-max-i-b {
position: relative;
width: auto;
margin-left: 36px;
margin-right: 36px;
height: auto;
}


.contenuto-max-i-c {
position: relative;
width: auto;
margin-left: 12%;
margin-right: 12%;
height: auto;
	margin-top:36px;
}




/* ------- COLONNE -------- */


/* colonne flex */

.due-colonne-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  position: relative;
}





.due-colonne-flex .due-50 {
  flex: 1 1 50%;
  max-width: 50%;
}
.due-colonne-flex .due-48 {
  flex: 1 1 48%;
  max-width: 48%;
}


.due-colonne-flex .due-65 {
  flex: 1 1 65%;
  max-width: 65%;
}
.due-colonne-flex .due-32 {
  flex: 1 1 32%;
  max-width: 32%;
}


.due-colonne-flex .due-30 {
  flex: 1 1 32%;
  max-width: 30%;
}

.due-colonne-flex .due-75 {
  flex: 1 1 75%;
  max-width: 75%;
}
.due-colonne-flex .due-23 {
  flex: 1 1 23%;
  max-width: 23%;
}

.due-colonne-flex .due-78 {
  flex: 1 1 78%;
  max-width: 78%;
}
.due-colonne-flex .due-22 {
  flex: 1 1 22%;
  max-width: 22%;
}

.due-colonne-flex .due-80 {
  flex: 1 1 80%;
  max-width: 80%;
}
.due-colonne-flex .due-20 {
  flex: 1 1 20%;
  max-width: 20%;
}


/* ------- BOX -------- */


/*box due colonne inline */


.col-box-a .box-a-sx {
  display: inline-block;
  width: 65%;
  max-width: 65%;
  padding-right: 24px;
  vertical-align: top;
}
.col-box-a .box-a-dx { 
display: inline-block; 
width: 34%; 
max-width: 34%; 
padding-left: 2vw;}






.col-box-a-50 .box-a-sx-50 {
  display: inline-block;
  width: 49%;
  max-width: 49%;
  padding-right: 24px;
  vertical-align: top;
}
.col-box-a-50 .box-a-dx-50 { 
display: inline-block; 
width: 49%; 
max-width: 49%; 
padding-left:0px;}


.col-box-a-50 .box-a-sx-img-50 {
	  width: 100%; height: 405px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-top-left-radius: 28px; border-bottom-right-radius:28px; margin-bottom: 4px;
}
.col-box-a-50 .box-a-dx-img-50 {
	background-size: cover; background-position:center;  width: 100%; height: 405px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-top-left-radius: 28px; border-bottom-right-radius:28px; margin-bottom: 4px
}


/* ------- QUATTRO COLONNE ( DUE BLOCCHI DI DUE COLONNE) -------- */


.cont-coppie {white-space: nowrap;}
.coppia-gen {display: inline-block; width:50%; min-height: 120px; white-space: normal;}
.coppia-int {float:left; width: 50%;  padding-right: 12px;  }


/* ------- ---------- -------- */
/* ------- RESPONSIVE -------- */
/* ------- ---------- -------- */


@media screen and (max-width: 1200px) {

.col-box-a-50 .box-a-sx-img-50 {
	background-size: cover; background-position:center;  width: 100%; height: 274px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-top-left-radius: 28px; border-bottom-right-radius:28px; margin-bottom: 4px;
}
.col-box-a-50 .box-a-dx-img-50 {
	background-size: cover; background-position:center;  width: 100%; height: 274px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-top-left-radius: 28px; border-bottom-right-radius:28px; margin-bottom: 4px
}
}


@media screen and (max-width: 1000px) {

.col-box-a-50 .box-a-sx-img-50 {
	background-size: cover; background-position:center;  width: 100%; height: 220px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-top-left-radius: 28px; border-bottom-right-radius:28px; margin-bottom: 4px;
}
.col-box-a-50 .box-a-dx-img-50 {
	background-size: cover; background-position:center;  width: 100%; height: 220px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-top-left-radius: 28px; border-bottom-right-radius:28px; margin-bottom: 4px
}
}


@media screen and (max-width: 900px) {

	
.col-box-a-50 .box-a-sx-50 {
  display: block;
  width: 100%;
  max-width:100%;
  padding-right: 0px;
  vertical-align: top;
}
.col-box-a-50 .box-a-dx-50 { 
display: block; 
  width: 100%;
  max-width:100%;
	padding-left: 0px;
}	
	
	
.col-box-a-50 .box-a-sx-img-50 {
	background-size: cover; background-position:center;  width: 100%; height: 330px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-top-left-radius: 28px; border-bottom-right-radius:28px; margin-bottom: 4px;
}
.col-box-a-50 .box-a-dx-img-50 {
	background-size: cover; background-position:center;  width: 100%; height: 330px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-top-left-radius: 28px; border-bottom-right-radius:28px; margin-bottom: 4px
}
}


@media screen and (max-width: 1600px) {

.contenuto-max-i-c {
position: relative;
width: auto;
margin-left: 8%;
margin-right: 8%;
height: auto;
}

}

@media screen and (max-width: 1300px) {

.contenuto-max-i-c {
position: relative;
width: auto;
margin-left: 40px;
margin-right:40px;
height: auto;
}

}

@media screen and (max-width: 1200px) {

/* ------- CORPO -------- */


.contenuto-max-i-b {
position: relative;
width: auto;
margin-left: 8px;
margin-right: 8px;
height: auto;
}

/* ------- COLONNE -------- */



.due-colonne-flex .due-78 {
  flex: 1 1 74%;
  max-width: 74%;
  min-width: 74%;
}
.due-colonne-flex .due-22 {
  flex: 1 1 26%;
  max-width: 26%;
}



.due-colonne-flex .due-80 {
  flex: 1 1 74%;
  max-width: 74%;
}
.due-colonne-flex .due-20 {
  flex: 1 1 74%;
  max-width: 74%;
}


.testata.due-colonne-flex .due-78 {
  flex: 1 1 78%;
  max-width: 78%;
}




}



@media screen and (max-width: 1100px) {


/* ------- BOX -------- */


/*box due colonne inline */

.col-box-a .box-a-sx {
  display: block;
  width: 100%;
  max-width: 100%;
  padding-right: 24px;
  

}
.col-box-a .box-a-dx { 
display: block; 
width: 100%; 
max-width: 100%; 
padding-right: 24px;
padding-left: 0px;}

}


@media screen and (max-width: 1000px) {



/* ------- COLONNE -------- */

.testata.due-colonne-flex .due-78 {
display: none;
}



.due-colonne-flex .due-22 {
  flex: 1 1 34%;
  max-width: 34%;
}





.due-colonne-flex .due-80 {
  flex: 1 1 64%;
  max-width: 64%;
}
.due-colonne-flex .due-20 {
  flex: 1 1 64%;
  max-width: 64%;
}



.coppia-gen {width:100%; display: block; }
.coppia-int { }



}



@media screen and (max-width: 800px) {

.due-colonne-flex { display: block; }

.due-colonne-flex .due-78 {
display: block;
width: 100%;
max-width: 100%;
}
.due-colonne-flex .due-30 {
display: none; }
.due-colonne-flex .due-22.laterale {
display: none;

}

}

@media screen and (max-width: 700px) {



/* ------- COLONNE -------- */

.due-colonne-flex { display: block; }

.due-colonne-flex .due-78 {
display: block;
width: 100%;
max-width: 100%;
}

.due-colonne-flex .due-80 {
display: block;
width: 100%;
max-width: 100%;
}
.due-colonne-flex .due-20 {
display: block;
width: 100%;
max-width: 100%;
}


.coppia-gen {width:100%; display: block; }
.coppia-int { width: 100%; min-height: 120px;}


/* ------- BOX -------- */


/*box due colonne inline */

.col-box-a .box-a-sx {
  display: block;
  width: 100%;
  max-width: 100%;
  padding-right: 0px;
  

}
.col-box-a .box-a-dx { 
display: block; 
width: 100%; 
max-width: 100%; 
padding-right: 0px;
padding-left: 0px;}

}




@media screen and (max-width: 600px) {

.contenuto-max-i-c {
position: relative;
width: auto;
margin-left: 20px;
margin-right:20px;
height: auto;
}

}