/* STRUTTURA GENERALE */

body { margin:0; background-color: #ffffff;}
section {position:relative; clear:both;}


a { -moz-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;  }


/* STRUTTURA BOX */

.float-sx { float:left; }
.float-dx { float:right;}

.display-block { display:block;}
.display-inlineblock {display:inline-block;}
.display-inline {display:inline;}

.display-flex { display: -webkit-flex; /* Safari */
    display: flex;}
	
.display-flex-center { display: -webkit-flex; /* Safari */
    display: flex;
	align-items: center}
.flex-auto {   -webkit-flex: auto;  /* Safari 6.1+ */
    -ms-flex: auto;  /* IE 10 */    
    flex: auto;  }
.flex-0 {   -webkit-flex: 0;  /* Safari 6.1+ */
    -ms-flex: 0;  /* IE 10 */    
    flex: 0;}
.flex-1 {   -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1; }


.flex-column {      display: flex;
    flex-direction: column;   }


.flex-end {align-self: flex-end;}
.flex-center {align-self: center; }

/* POSITION */
.absolute { position:absolute;  }
.absolute-centro {  
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
 }
.btm-0 { bottom:0; }
.absolute-dx {  position:absolute; right:0;  }


/* ALLINEAMENTI */

.txt-center { text-align:center; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }

/* COLORI */
.color-fff {color:#fff;}
.color-000 {color:#000;}
.color-333, a.color-333, .color-333 a  {color:#333;}
.color-666, .color-666 a {color:#666;}
.color-999 {color:#999;}
.color-aaa {color:#aaa;}
.color-eee {color:#eee;}
.rosso-cgl { color:#e40410;  }
.color-blu-1 { color:#2c78aa;  }


/* BACKGROUND */
.bg-nero { 
background:#000; }
.bg-bianco { 
background:#fff; }
.bg-3 { 
background:#333; }
.bg-6 { 
background:#666}
.bg-a { 
background:#aaa}
.bg-c { 
background:#ccc}
.bg-d { 
background:#ddd}
.bg-e { 
background:#eee}

.bg-rosso-cgl { background:#e40410;  }
.bg-verde-1 { background:#a5cdbb;   }
.bg-blu-1 { background:#2c78aa;  }  



/*testo in colonne*/

.txt-due-colonne {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
			       -webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
}

.txt-tre-colonne-i {-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}



/* SEPARATORE */
.separatore-a {
width:100%; 
height:8px;  }
.separatore-b {
width:100%; 
height:4px;  }
.separatore-c {
width:100%; 
height:1px;  }


/* SPAZIATURE */
.pad-6 { padding-top:6px; padding-bottom:6px;  }
.pad-12 { padding-top:12px; padding-bottom:12px;  }
.pad-12-boxsize { padding-right:12px; padding-left:12px; box-sizing: border-box;   }
.pad-bt-12 {padding-bottom:12px; }
.pad-dx-12 { padding-right:12px;   }
.pad-dx-12-boxsize { padding-right:12px; box-sizing: border-box;  }
.pad-24-12 { padding-top:24px; padding-bottom:12px;  }

.mrg-12 { margin-top:12px; margin-bottom:12px;  }
.mrg-sx-12 { margin-left:12px;  }
.mrg-dx-12 { margin-right:12px;  }
.mrg-bt-12 {margin-bottom:12px;}
.mrg-bt-24 {margin-bottom:24px;}
.mrg-bt-36 {margin-bottom:36px;}
.mrg-tp-12 {margin-top:12px; }
.mrg-tp-24 {margin-top:24px; }
/* margine che varia con la versione responsive */
.mrg-tp-x40 {margin-top:40px; }
.mrg-tp-x60 {margin-top:60px; }
.mrg-tp-x80 {margin-top:80px; }
.mrg-tp-x100 {margin-top:100px; }
.mrg-tp-x140 {margin-top:140px; }

.mrg-24 { margin-top:24px; margin-bottom:24px;  }
.mrg-sx-24 { margin-left:24px;  }
.mrg-dx-24 { margin-right:12px;  }
.mrg-0-auto {margin:0 auto;}



/* BORDI */
.bordo-fino { width:100%; height:1px;  }
.bordo-a { width:100%; height:8px;  }

/* BORDI */
.over-auto {overflow: auto;} /* questa regola serve per colmare gli spazi vuoti che rendono visibile lo sfondo fisso o altri sfondi del caso */
.over-hid {overflow:hidden;}

/* HEADER */

header {position:relative; }

/* testata fissa */
.testata-fissa {position:fixed; top: 0; left: 0; right: 0; z-index:0;}
.mrg-tp-100vh { margin-top:100vh; position:relative;}

/* testata cornice */
.testata-cornice { height:80vh; width:80vw; margin:0vh auto 0vh;   }
.testata-cornice-ii { height:80vh; width:90vw; margin:0vh auto 0vh;   }
.blocco-testo-cornice { height:10vh; width:80vw; margin:0vh auto 0vh;    }
.blocco-testo-cornice-ii { height:10vh; width:90vw; margin:0vh auto 0vh;    }

/* testata lunga - margine alto e basso*/
.testata-lunga { height:60vh; width:100vw; max-width:100%;   }
.blocco-testo-testata-lunga { height:20vh; width:100vw; max-width:100%;    }
.blocco-testo-testata-lunga-bassa { height:10vh; width:100vw; max-width:100%;  min-height: 160px; padding-top:12px; }

/* testata lunga per pagina interna- margine alto e basso*/
.testata-lunga-interna { height:42vh; width:100vw; max-width:100%;   }
.testata-lunga-interna-media { height:52vh; width:100vw; max-width:100%;   }
.testata-lunga-interna-alta { height:72vh; width:100vw; max-width:100%;   }
.blocco-testo-testata-lunga { height:18vh; width:100vw; max-width:100%;  min-height: 160px;  }
.blocco-testo-testata-lunga-bassa { height:10vh; width:100vw; max-width:100%;  min-height: 160px; padding-top:12px; }




/* LAYOUT */

.h100 { height:100vh;  }


.contenuto-max-i { position:relative; margin: 0 auto;}
.contenuto-max-ii { position:relative; margin: 0 80px;}
.contenuto-larg { max-width: 1110px; margin:0 auto;   }
.contenuto-pieno { position:relative; margin:0; width:100%; min-height:120px;    }
.contenuto-pieno-1000h { position:relative; margin:0; width:100%; min-height:1000px;    }
.contenuto-pieno-2 { position:relative; margin:0; width:100%; min-height:2px; background:#eee;  }
.contenuto-pieno-3 { position:relative; margin:0; width:100%; min-height:2px; background:#fafafa;  }





/* COLONNE */

/* singola */
.singola--colonna {width:100%;
position:relative; }


/* due colonne con float */

/* Create two unequal columns that floats next to each other */
.due-colonne-i {
    float: left;
/*    height: 300px; /* Should be removed. Only for demonstration */
	width:100%;
	overflow: hidden;
}

.due-colonne-i .larga-min-i {width:66%;     float: left; }
.due-colonne-i .piccola-min-i {width:33%;     float: left;}
.due-colonne-i .larga-i {width:56%;     float: left; }
.due-colonne-i .piccola-i {width:33%;     float: left;}
.due-colonne-i .larga-ii {width:50%;     float: left; }
.due-colonne-i .piccola-ii {width:43%;     float: left;}
.due-colonne-i .larga-iii {width:48%;     float: left; }
.due-colonne-i .piccola-iii {width:50%;     float: left;}

/* test sticky */
.due-colonne-i .sticky-spacer {width:30%!important;} 
.due-colonne-i .piccola-min-sticky {width:auto; float:left; float: left;
  overflow: hidden;}


/* due colonne */

.due-colonne {  width:100%;    }
.due-colonne .larga {width:66%; display: inline-block;}
.due-colonne .piccola {width:33%; display: inline-block;}

.due--colonne { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width:100%;
position:relative; 
flex-flow: row wrap;}
.due--colonne .pari {width:50%; flex: 1 1 50%;}
.due--colonne .pari-2 {width:50%; flex: 1 1 50%;}



/* tre colonne */
.tre--colonne { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width:100%;
position:relative; }
.tre--colonne .tre--i {flex:1 1 33%; max-width:33%;}
.tre--colonne .tre--ii {flex:1 1 33%; max-width:33%;}
.tre--colonne .tre--iii {flex:1 1 33%; max-width:33%;}

.tre--colonne .tre--doppia {flex:1 1 66%; max-width:66%;}

.tre--colonne-giustificate { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position:relative; 
justify-content: space-between;}
.tre--colonne .tre--i {}
.tre--colonne .tre--ii {}
.tre--colonne .tre--iii {}


/* tre colonne allineate a destra*/
.tre-colonne-rx {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
 -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

.tre-colonne-rx-ele:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.tre-colonne-rx-ele:nth-child(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.tre-colonne-rx-ele:nth-child(3) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
     -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

/* quattro colonne */
.quattro--colonne { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width:100%;
position:relative; 
flex-flow: row wrap;}
.quattro--colonne .quattro--i { flex: 1 1 25%}
.quattro--colonne .quattro--ii {flex: 1 1 25%}
.quattro--colonne .quattro--iii {flex: 1 1 25%}
.quattro--colonne .quattro--iv {flex: 1 1 25%}
.quattro--colonne .quattro--doppia {flex: 1 1 50%}





/* ----------------------------------------------- */
/* Composizioni e impaginazioni                    
/* ----------------------------------------------- */



/* blocchi alternati */

ul.blocchi-alternati li:nth-child(1) .immagine {  
order: 2; text-align:left;
}
ul.blocchi-alternati li:nth-child(1) .testo {  
order: 1; text-align:right;
}

ul.blocchi-alternati li:nth-child(2n) .immagine {  
order: 1; text-align:right;
}
ul.blocchi-alternati li:nth-child(2n) .testo {  
order: 2; text-align:left;
}

ul.blocchi-alternati li:nth-child(2n+1) .immagine {  
order: 2; text-align:left;
}
ul.blocchi-alternati li:nth-child(2n+1) .testo {  
order: 1; text-align:right;
}



/* impaginazione speciale */
 
.speciale img.floatdx-1 { 
float: right; 
margin-right:-80px;
height: 900px;
width: auto;
}
.speciale img.floatsx-1 { 
float: left; 
margin-right:-70px;
height: 1000px;
width: auto;

}
.speciale img.oltresx { 
max-width: 500px;
float: left; 
margin-left:-80px;}

.speciale img.oltretop { margin-top:-120px;}

.speciale .topx1 { margin-top: 20px;}
.speciale .topx2 { margin-top: 40px;}
.speciale .topx3 { margin-top: 60px;}
.speciale .topx4 { margin-top: 80px;}
.speciale .topx5 { margin-top: 100px;}
.speciale .topx6 { margin-top: 120px;}
.speciale .topx7 { margin-top: 140px;}
.speciale .topx8 { margin-top: 160px;}
.speciale .top10vh {margin-top: 10vh; }
.speciale .top20vh {margin-top: 20vh; }
.speciale .top30vh {margin-top: 30vh; }
.speciale .top40vh {margin-top: 40vh; }

.speciale .paragrafo-dx {width: 60%; float: right; padding-right:50px; text-align:justify;   font-family: 'dinlight';}
.speciale .paragrafo-sx {width: 60%; float: left; text-align:justify; margin-top:240px; padding-right:50px;   font-family: 'dinlight'; }
.speciale .paragrafo-sx-ii {width: 90%; padding-right:40px; text-align:justify;   font-family: 'dinlight'; margin-left:-40px;}
.speciale .paragrafo-sx-ii p { line-height:34px;}



/* riga con blocchi equidistanti nella metà di destra (usato in: minerva 4) */


.riga-contenitore-flex-a {   
  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;}

.riga-elemento-flex-a-i {  -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;  }



.riga-elemento-flex-a-ii-end { 
       -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: flex-end;
    align-self: flex-end;
      }

.riga-elemento-flex-a-iii-end { 
-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: flex-end;
    align-self: flex-end;
}














/* ------------------------------------------------------------------------------- */
/*  Composizioni e impaginazioni  / Pianoforte 1
/* ------------------------------------------------------------------------------- */

/* Pianoforte 1 */ 

a.testo-box-1, a.testo-box-2, a.testo-box-3, a.testo-box-4, a.testo-box-5, a.testo-box-6 {font-weight:300; margin-left:0px; color:#999; text-decoration:none; } 
.testo-box-b-1, .testo-box-b-2, .testo-box-b-3, .testo-box-b-4, .testo-box-b-5, .testo-box-b-6 {font-weight:300; margin-left:0px; color:#000; font-size: 60px; text-decoration: none; } 

.pianoforte-riga-contenitore {
   height:76vh; 
   margin-left:220px; 
   padding-top:20px; 
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-align-content: space-around;
   -ms-flex-line-pack: distribute;
   align-content: space-around;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;	
	
}

.pianoforte-riga-elemento {
	 max-width: 600px;
         webkit-order: 0;
         -ms-flex-order: 0;
          order: 0;
         -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
          flex: 0 1 auto;
         -webkit-align-self: flex-start;
         -ms-flex-item-align: start;
        align-self: flex-start;
}




/* Pianoforte 2 */ 
.contenitore-testo-box {display:block; position:absolute; top:45vh; right:-110%;  }
.contenitore-testo-box-1 {display:block; position:absolute; top:45vh; left:70%; text-align:left; width:80vw; }
.contenitore-testo-box-2 {display:block; position:absolute; top:45vh; width:80vw; }
/* Effetto per dissolvenza*/
.evidenzia2off {display:none;}

.box-img {position:relative;}
.box-img img {position:absolute; width:100%; top:10%;}






/* ----------------------------------------------- */
/*   Titoli,  paragrafi , img, elenchi                 
/* ----------------------------------------------- */



/* titoli e separatori */
.blocco-centrato-i {width:1000px; margin: 0 auto;}

/* titoli  */
h1.grande { font-size:52px;   }
h1.grande-alto { font-size:52px; text-transform:uppercase;   }
h1.medio-1 { font-size:22px;   }
h1.medio-1 a { text-decoration:none; color:#777;  }
h1.medio-1 a:hover { text-decoration:none; color:#ddd;  }
h1.medio-alto-1 { font-size:22px; text-transform:uppercase;   }
h1.medio-2 { font-size:32px;   }
h1.medio-alto-2 { font-size:32px; text-transform:uppercase;   }

h1 { font-size:24px;  }
h2 { }

h2.piccolo-alto {text-transform:uppercase; font-size:11px;}
h2.piccolo-alto-12 {text-transform:uppercase; font-size:12px;}
h2.piccolissimo-alto {text-transform:uppercase; font-size:10px;}
h3.piccolo-alto {text-transform:uppercase; font-size:11px;}
h3.piccolo-alto-12, h3.piccolo-alto-12 a {text-transform:uppercase; font-size:12px;}
h3.piccolissimo-alto {text-transform:uppercase; font-size:10px;}

/* paragrafi e testo  */
.piccolo-alto, .piccolo-alto p {text-transform:uppercase; font-size:11px;}
.par-medio, .par-medio p {  font-size:15px;   }
.gras {font-weight:bold;}
.norm {font-weight:normal;}



/* titoli con separatori */

.separatore-txt-ctr {width: 100%; height: 25px; border-bottom: 1px solid black; text-align: center}
.separatore-txt-ctr h2 { font-size: 30px; background-color: #fff; padding: 0 10px; display:inline; text-transform:uppercase; line-height:30px; }
.separatore-txt-img-ctr {width: 100%; height: 23px; text-align: center}
.separatore-txt-img-ctr img { max-width:90px;  }
.separatore-txt-img-ctr .largo img { max-width:180px; }



/* img */

.riga img.imglarg1 {max-width:600px; width:100%; padding-right:12%; padding-left:0%;}
.riga img.imglarg2 {max-width:700px; width:100%; padding-right:6%; max-height:70vh;}
.riga img.imglarg3 {max-width:800px; width:100%;  /*max-height:70vh;*/}



/*elenchi*/
ul.elenco-1 li { padding: 6px 0; display: block; border-bottom:1px solid #666;     margin-bottom: 24px;
    max-width: 400px;
   }
   ul.elenco-1 li:last-child { padding: 6px 0; display: block; border:none;   margin-bottom: 24px;
    max-width: 400px; padding: 8px; background: #222; border-radius: 4px; display: inline-block;
   }
    ul.elenco-1 li:hover:last-child { background:#aaa;
   }
     ul.elenco-1 li:last-child a { color:#fff;
   }
ul.elenco-1 li a {text-decoration:none; color:#666; }
ul.elenco-1 li a:hover { color:#000; text-decoration:underline }

/* ----------------------------------------------- */
/*   Forme ed elementi grafici                
/* ----------------------------------------------- */



.circolo-3
  {
    border-radius: 50%;
    width: 30px;
    height: 30px; 
  }

.circolo
  {
    border-radius: 50%;
    width: 100px;
    height: 100px; 
  }
.circolo-120
  {
    border-radius: 50%;
    width: 120px;
    height: 120px; 
  }
.circolo-150
  {
    border-radius: 50%;
    width: 150px;
    height: 150px; 
  }
  
.circolo-200
  {
    border-radius: 50%;
    width: 200px;
    height: 200px; 
  }
  
.circolo-300
  {
    border-radius: 50%;
    width: 300px;
    height: 300px; 
  }


.bordo-circolo {
	border-radius: 50%;
    width: 40px;
    height: 40px;
    border-color: black;
    display: inline-block;
    background: #;
    border: 1px solid #999;
    text-align: center;
    padding-top: 14px;
}

.verticale-90 {  
 -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	transform-origin: left top 0; }

.annullavert {  
 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	transform-origin: left top 0;
display: inline-block; }



.linea-prima::before {
    width: 30px;
    display: block;
    content: "──";
    text-align: right;
    display: inline;
    height: 1px;
    padding-right: 4px;
    letter-spacing: 0px;
	
}

.linea-prima-abs::before {
    text-align: right;
    height: 1px;
    padding-right: 4px;
    letter-spacing: 0px;
    position: absolute;
    top: 12px;
    left: -42px;
    background: #999;
    height: 1px;
    width: 30px;
    content: "";
	  -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	
	
	-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);

	
	

}

.linea-prima-abs:hover::before {
width:12px;
left:-24px;
	-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transform-origin: left top 0;
}

.linea-prima-2::before {width: 30px;
display: block;
content: "-------";
text-align: right;
display: inline;
height: 1px;
padding-right: 4px;
letter-spacing: -1px;
margin-left:-12px;
font-weight:normal;
padding-right:8px;}

.linea-dopo::after {
    width: 30px;
    display: block;
    content: "---------------------------------------------";
    text-align: right;
    display: inline;
    height: 1px;
    padding-right: 4px;
	padding-left:14px;
    letter-spacing: 0px;
	font-size:10px;
}


.linea-dopo-bg::after {
    width: 120px;
    display: block;
    text-align: right;
    display: inline-block;
    height: 1px;
    padding-right: 4px;
    padding-left: 14px;
    letter-spacing: 0px;
    font-size: 6px;
    background: #777;
    margin-top: 12px;
	content:"-";
	margin-left:24px;
	
}

.linea-dopo-bg-2::after {
    width: 120px;
    display: block;
    text-align: right;
    display: inline-block;
    height: 1px;
    padding-right: 4px;
    padding-left: 14px;
    letter-spacing: 0px;
    font-size: 6px;
    background: #777;
    margin-top: 12px;
	content:"-";
	margin-left:24px;
	
}



.linea-prima-bg-0::before {
    width: 24px;
    display: block;
    text-align: right;
    display: inline-block;
    height: 1px;
    padding-right: 4px;
    padding-left: 14px;
    letter-spacing: 0px;
    font-size: 2px;
    background: #aaa;
    margin-top: 12px;
	content:"-";
	margin-left:24px;
	margin-right:12px;
	
}

a.linea-prima-bg-0::before {
    width: 24px;
    display: block;
    text-align: right;
    display: inline-block;
    height: 1px;
    padding-right: 8px;
    letter-spacing: 0px;
    font-size: 2px;
    background: #aaa;
    margin-top: 12px;
	content:"-";
	margin-right:12px;
	
}

a.linea-prima-bg-0:hover::before {
    width: 22px;
    display: block;
    text-align: right;
    display: inline-block;
    height: 1px;
    padding-right: 4px;

	
}




.linea-prima-bg-1::before {
    width: 60px;
    display: block;
    text-align: right;
    display: inline-block;
    height: 1px;
    padding-right: 4px;
    padding-left: 14px;
    letter-spacing: 0px;
    font-size: 6px;
    background: #777;
    margin-top: 12px;
	content:"-";
	margin-left:24px;
	
}

.linea-prima-bg-2::before {
    width: 120px;
    display: block;
    text-align: right;
    display: inline-block;
    height: 1px;
    padding-right: 4px;
    padding-left: 14px;
    letter-spacing: 0px;
    font-size: 6px;
    background: #777;
    margin-top: 12px;
	content:"-";
	margin-left:24px;
	
}



/* ----------------------------------------------- */
/*   Menu               
/* ----------------------------------------------- */

/* menù 1 */


.menu-contenitore {width:45%}


nav.menu-i ul {
margin-top: 74px;
margin-left: 4%;
border-bottom: 1px solid #eee;
	 }
.menu-i ul li {list-style:none; display:inline-block; margin-right: 15%; line-height:12px; }
.menu-i ul li a {margin-right:10px; font-family:'Futura-Medium'; color:#333; text-decoration:none; font-size: 12px; text-transform: uppercase; line-height:12px; }
.menu-i ul li a:hover { border-bottom: 1px solid #666;   }


/* menù 2 */

.menu-ii ul {
margin-top: 68px;
margin-right: 4%;
border-bottom: 1px solid #eee;
 }
.menu-ii ul li {list-style:none; display:inline-block; margin-right: 15%; line-height:12px; }
.menu-ii ul li:last-child { margin-right: 0; }
.menu-ii ul li a {margin-right:10px; font-family:'Futura-Medium'; color:#333; text-decoration:none; font-size: 12px; text-transform:uppercase;  line-height:12px;}
.menu-ii ul li a:hover { border-bottom: 1px solid #666;   }
.menu-ii ul li a img {  width:24px; max-height:22px;    }


/* menù 3 */
.menu-iii a { text-decoration:none; color: #777; position:relative; margin-left:50px;}
.menu-iii a:hover { color:#000; }



/* ----------------------------------------------- */
/*   Effetti                 
/* ----------------------------------------------- */


/* Effetto colore */
.effetto-1 {
-webkit-transition: 1s ease; /* Safari */
transition-timing-function: ease;
transition-property: color;
transition-duration: 0.4s;
}

/* Effetto creazione linea */
.linea-prima-bg-ani {
    width: 0px;
    display: inline-block;
    height: 1px;
    letter-spacing: 0px;
    font-size: 6px;
    background: #777;
    margin-top: 12px;
	content:"-";
	margin-left:0;
	transition-timing-function: ease, ease;
transition-property: width, margin-left;
transition-duration: 0.2s, 0.2s; 

color:#fff;
margin-right:10px;
}

.linea-prima-bg-ani.evidenzia1 {
    width: 30px;
	margin-left:-10px;
	margin-right:10px; 
    font-weight:300; color:#000;
}




/* Test Effetto creazione linea */
 .evidenzia1 {margin-left:0px; }
 .evidenzia1::before {   }
 .rimuovi-evidenzia1 { transition:none!important; }
.rallenta {transition-delay:1s;}
.evidenzia2on { opacity:1;}




/* font awesome */
.codice:before { content:'\f121';   font-family: "FontAwesome"; font-weight:bold; }



/* ----------------------------------------------- */
/*   Temi               
/* ----------------------------------------------- */

.minervaimg1 img {margin-top:10%; max-width:1000px;}
.minerva-testo-menu {padding-top:18px; text-align:left;
    letter-spacing:-0.3px;
    font-size:15px; }





.euterpe h2.titolo-blocco-pieno { font-size: 8.7vw; color: #bbb; font-weight: 300; letter-spacing: 14px; font-family: 'dinmediumalt'; margin-top:-82px;  }

.euterpe .primafrase {position:absolute; left:24px; bottom: 32px; color:#fff; width:600px;}
.euterpe .primafrase h1 {text-align:left; margin-bottom:44px; font-family: 'dinbold';}
.homeplaylist .wp-playlist-light {background: #111!important; border:none!important; }
.homeplaylist .wp-playlist-item-meta,  {display:none!Important;}
.homeplaylist.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed bod {background:#111!important;}
.homeplaylist .wp-playlist-current-item {/*display:none!important;*/ margin-bottom: 0px!important;
height: auto!important;}
.homeplaylist .wp-playlist-item {
    position: relative;
    cursor: pointer;
    padding: 0 3px;
    border-bottom:1px solid #444!important;
    padding: 12px!important;
	font-weight: 300;!important;
	  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;}

.homeplaylist .wp-playlist-item-title {color:#fff; padding-left:12px;}
.homeplaylist .wp-playlist-light .wp-playlist-playing {
    background: none!important;
    color: orange!Important;
}
.homeplaylist .wp-playlist-playing {
    font-weight: 700;
    background: none!important;
}
.homeplaylist .wp-playlist-item:nth-child(5) {padding-top:160px!important;}


.wp-playlist-light {border:none!important; }
.wp-playlist-item {
    position: relative;
    cursor: pointer;
   
    border-bottom:1px solid #444!important;
    padding: 12px!important;
	font-weight: 700;!important; 
}

.wp-playlist-item-length {display:none!Important;}
a.more-link {color:#666;}
a.more-link:hover {color:#000;}
.sd-social-icon .sd-content ul li[class*="share-"].share-facebook a.sd-button {
    background: #999;
    color: #fff !important;
}
.sd-social-icon .sd-content ul li[class*="share-"].share-twitter a.sd-button {
    background: #999;
    color: #fff !important;
}
.sd-social-icon .sd-content ul li[class*="share-"].share-jetpack-whatsapp a.sd-button {
    background: #999;
    color: #fff !important;
}

.sfondo-frase { width: auto; height:auto; background:#eee; max-width:620px;   }
.sfondo-frase h1 { text-align: left;  padding-top: 20%; padding-left:10%; line-height: 44px;  padding-top: 10%; padding-bottom:10%; padding-right:10%; }

.euterpe .disassato-sx { margin-left:-60px; max-height:360px;  }
.euterpe .disassato-alto { position:relative; margin-top:-220px; }

ul.comment-list {margin-left:300px;}

.commenti-home { width:800px; margin:0 auto; margin-bottom:200px; clear:both; height:auto; margin-top:30vh; }
h2.comments-title { font-size: 66px; color: #bbb; font-weight: 300; letter-spacing: 14px; font-family: 'dinmediumalt'; padding-left:120px; margin-bottom:64px;}
h2.comment-reply-title { font-size: 44px; color: #bbb; font-weight: 300; letter-spacing: 14px; font-family: 'dinmediumalt'; padding-left:0px; margin-bottom:44px;}
ul.comment-list {list-style:none;}
ul.comment-list li { margin-bottom:44px;  }
.comment-metadata a {font-size:13px; color:#666; text-decoration:none; }
.comment-content {margin-top: 12px; margin-bottom:12px;}
a.comment-reply-link { font-size:15px; color:#666;  }
.comment-form p {display:inline-flex; width:100%; margin-top:12px; font-size:15px;}
.comment-form .submit { border:none; margin-top:32px; padding:18px; cursor:pointer;}
.comment-form .submit:hover { border:none; margin-top:32px; padding:18px; cursor:pointer; color:#000;}
.comment-form label {width:300px; display:inline-block; margin-top:12px;}
.comment-form input {padding:8px; font-family:roboto; color:#333;}
.comment-form textarea {padding:8px; font-family:roboto; color:#333; font-size:15px;}
p.comment-notes {font-size:13px; margin-bottom:64px;}
img.box-txt-img-sx {
    width: 100%;
    padding-left: 120px;
    float: right;
}
h1.titolo-pag-4 { max-width:400px; text-align:left; margin-bottom:24px; font-family: 'dinbold';  margin-left: -60px;
background: #fff;
padding: 8px; position:absolute; }
.riga-resp1 {display:none; height:80vh; margin-left:92px; margin-top:0vh; }
.riga-1 {margin-left:90px; }
.pag-3 article {margin-left:42px; margin-right:6px;}
/*Comuni */
.sharedaddy::before, .sharedaddy:last-child::after { content:none!Important;}
.titolofooter { width:500px; margin:0 auto; padding-top:200px; }

@media only screen and (max-width:1600px) {


/* euterpe */

 .euterpe  .tre--i {flex:1 1 33%; max-width:18%;}
 .euterpe  .tre--ii {flex:1 1 33%; max-width:44%;}
 .euterpe  .tre--iii {flex:1 1 33%; max-width:37%;}
 .speciale .paragrafo-sx-ii {width:84%;}
.euterpe .tre--i.box-txt-img-dx {position:relative; margin-top:-160px; max-width:33%!important;}
img.box-txt-img-sx { width: 100%;
padding-left: 0px;
float: right;}
.euterpe .pieno .tre--i {max-width:33%;}
}


@media only screen and (max-width:1500px) {


/* euterpe */

	.euterpe .blocco-testo-cornice-ii { width:86vw;  }
	.euterpe .testata-cornice-ii { width:86vw; }
.speciale .paragrafo-dx {
    width: 80%;
    float: right;
   padding-right:0px;
    text-align: justify;
}

.speciale .paragrafo-sx {
    width: 80%;
    float: right;
    text-align: justify;
    margin-top: 120px;
	padding-right:0px; 
   margin-top:240px;
}

.speciale img.oltredx {
float: right;
margin-right: 1px;
width: auto;
max-height: 900px;

}

.speciale img.floatdx-1 {margin-right:0px;}

}


@media only screen and (max-width:1400px) {


/* euterpe */
 .euterpe  .tre--i {flex:1 1 33%; max-width:18%;}
 .euterpe  .tre--ii {flex:1 1 33%; max-width:46%;}
 .euterpe  .tre--iii {flex:1 1 33%; max-width:35%;}
.speciale img.floatdx-1 {margin-right:0px;}
h1.grande-alto {font-size:42px;}


}



@media only screen and (max-width:1100px) {
	article {margin-right:40px;}
h1.grande-alto {font-size:36px;}
	.euterpe .blocco-testo-cornice-ii { width:80vw;  }
	.euterpe .testata-cornice-ii { width:80vw; }
.euterpe .tre--i {display:none;}
		.euterpe .video .tre--i {
		width:100%;
		display:block;
		margin-top:144px;
	}
 .euterpe  .tre--ii {flex:1 1 33%; max-width:56%;}
 .euterpe  .tre--iii {flex:1 1 33%; max-width:44%;}

.speciale .paragrafo-sx-ii {margin-left:42px;}
.speciale .paragrafo-dx {
width: 90%;
float: right;
padding-right: 30px;
text-align: justify;
margin-top: -48px;
background: white;
padding-left: 40px;
}

.speciale .paragrafo-sx {
    width: 90%;
    float: right;
    text-align: justify;
    margin-top: 180px;
    text-align: left;
}

.speciale img.oltredx { float:left;}

.tre--colonne .tre--ii {width:100%}

.tre--colonne .tre--iii {width:100%}
.euterpe .tre--i.box-txt-img-dx {position:relative; margin-top:-120px; max-width:33%!important; display:block;}
.euterpe .pieno .tre--i {
    display: block;
}
.euterpe .pieno .tre--i {max-width:33%;}
.euterpe .pieno .tre--colonne.fisse .tre--i {max-width:33%;}

ul.blocchi-alternati li:nth-child(2n+1) .testo {
order: 2;
}
.due--colonne .pari {width:100%; flex: 1 1 100%}


	.menu-contenitore {width:0%}
	.menu-i ul li {margin-right:5%;}
     .menu-ii ul li {margin-right:5%;}
	
.sfondo-frase { margin-left:-80px;  }
.sticky-spacer  .sharedaddy {display:none;}


}



@media only screen and (max-width:1040px) {
	
	.colonna-dx-eut-3 { width:100%}
h1.titolo-pag-4 {   margin-left: 12px;
}
h1.medio-1 {margin-left:12px;}
.sfondo-pag-4 {background:none!important;}
.riga-resp0 {display:none;}
.riga-resp1 {display:block; margin-left:0!important; height:80vh; display:block;  margin-top:0vh; }
.riga-1 {margin-left:18px; }
.pag-3 article {margin-left:0px; margin-right:6px;}
.titolofooter { width:250px; margin:0 auto; padding-top:200px; }
.titolofooter h1 {margin-left:0px;}
}



@media only screen and (max-width:800px) {
	.sfondo-frase { margin-left:0px;  }
	#respond {margin: 0 24px;}
	ul.elenco-1 {margin-left:20px;}
	.euterpe .disassato-sx {margin-left:20px;}
.euterpe .blocco-testo-cornice-ii { width:100vw;  }
.euterpe .testata-cornice-ii { width:100vw; }
.tre--colonne {display:inline-block;} .euterpe  .tre--ii {flex:1 1 33%; max-width:100%;}
 .euterpe  .tre--iii {flex:1 1 33%; max-width:100%;}
 #news .tre--colonne .tre--i {display:none;}
 #news .tre--colonne .tre--ii {max-width:100%}
 #news .tre--colonne .tre--iii {max-width:100%}
  .speciale .paragrafo-sx {margin-top:0px; padding-left:40px; padding-right:30px;}
  .tre--colonne.euterpe .tre--doppia {width:100%; max-width:100%;}
    .tre--colonne.euterpe .tre--doppia img {float:none;}
	img.box-txt-img-sx{ width: 100%;
padding-left: 0px;
float: none;}
h1.grande-alto {
    font-size: 42px;
    text-transform: uppercase;
}

.euterpe .tre--i.box-txt-img-dx {position: relative;
margin-top: -120px;
max-width: 53% !important;
display: block;}
.euterpe .pieno .tre--i {display:none;}
.euterpe .pieno .tre--colonne.fisse .tre--i {max-width:33%; display:block;}
.commenti-home { width:100%; margin:0 auto; margin-bottom:200px; clear:both; height:auto; }
.sfondo-frase {
    width: auto;
    height: auto;
    background: #eee;
    max-width: 500px;
}
.verticale-90 {display:none;}
ul.comment-list {margin-left:200px;}


}

@media only screen and (max-width:660px) {
	ul.comment-list {margin-left:120px;}
	h2.comments-title {
    font-size: 44px;
    color: #bbb;
    font-weight: 300;
    letter-spacing: 14px;
    font-family: 'dinmediumalt';
    padding-left: 10px;
    margin-bottom: 64px;
}
	.euterpe h2.titolo-blocco-pieno { font-size: 50px; }
	.euterpe .primafrase h1 {text-align:left; margin-bottom:2px; font-family: 'dinbold';}
	h1.grande-alto {
    font-size: 32px;
    width: 300px;
}
	.euterpe .primafrase {width:320px; left:12px; bottom:12px;}
.speciale img.oltredx {float:none; margin-right:0;}	
	.tre--colonne .tre--i {width:100%}
	
	.speciale .paragrafo-dx {
    width: 100%;

}

.speciale .paragrafo-sx {
    width: 100%;

}

.euterpe .tre--i.box-txt-img-dx {position: relative;
margin-top: -40px;
max-width: 100% !important;
display: block;}


.txt-due-colonne {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
}


.euterpe .disassato-sx { margin-left:20px; max-height:460px;  }
.euterpe .disassato-alto { position:relative; margin-top:0px; }



.homeplaylist .wp-playlist-item:nth-child(5) {
    padding-top: 12px !important;
}

}