/* Elementi stili font esterni */
@font-face {
  font-family:'RalewayR';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway Regular'), local('Raleway_Regular'), local('RalewayR'),
       url('../font/raleway-regular.woff2') format('woff2'),
       url('../font/raleway-regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
@font-face {
  font-family:'RalewayE';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway ExtraBold'), local('Raleway_ExtraBold'), local('RalewayE'),
       url('../font/raleway-extrabold.woff2') format('woff2'),
       url('../font/raleway-extrabold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}

/* stili font */
* { border:0; margin:0; padding:0;}
a, .non-sottolineato { text-decoration:none; }
table { border-spacing: 0px 0px; }
div, table { position:relative; }
img { width:auto !important; }
.nero, .link-00{ color:#000000; }
.bianco, .link-01 { color:#ffffff; }
.base { color:#333333; }
.blu-00, .link-02 { color:#006699; }
.sfondo-nero { background-color:#000000; }
.sfondo-bianco { background-color:#ffffff; }
.sfondo-blu-00 { background-color:#e5f1f9; }
.sfondo-blu-01 { background-color:#0099cc; }
.sfondo-blu-02 { background-color:#006699; }
.sfondo-giallo-00 { background-color:#ff9933; }
.sfondo-temp { background-color:#ff00ff; }
.assoluto { position:absolute !important; }
.fisso { position:fixed !important; }
.origine { top:0px; left:0px; }
.totale { width:100%; height:100%; }
.largo, .ratio { width:100%; }
.alto { height:100%; }
.meta { width:50%; }
.content-ratio { position:absolute !important; top:0px; left:0px; width:100%; height:100%; }
.base-avviso { position:fixed !important; top:0px; left:0px; width:100%; height:100%; visibility:hidden; overflow:hidden; z-index:10000; }
.sfondo-base { background-position:center; background-repeat:no-repeat; background-size:cover; }
.sfondo-nosize { background-position:center; background-repeat:no-repeat; }
.centrato { margin:0px auto 0px auto; }
.chiusura { position:relative; clear:both; }
.rotondo { border-radius:50%; }
.arrotondato { border-radius:10px; }
.sinistra { float:left; }
.destra { float:right; }
.rovesciato { transform:rotate(180deg); }
.tabella { display:table; }
.cella { display:table-cell; }
.flessibile { display:flex; }
.txt-centro { text-align:center !important; }
.txt-destro { text-align:right !important; }
.txt-sinistro { text-align:left !important; }
.txt-alto { vertical-align:top; }
.txt-mezzo { vertical-align:middle; }
.txt-basso { vertical-align:bottom; }
.giustificato { text-align:justify; }
.minuscolo { text-transform:lowercase; }
.maiuscolo { text-transform:uppercase; }
.sottolineato { text-decoration:underline; }
.grassetto { font-weight:bold; }
.corsivo { font-style:italic; }
.normale { text-transform:none; }
.invisibile { visibility:hidden; }
.nascosto, .display-port { display:none; }
.limitato { overflow:hidden; }
.superiore { z-index:20; }
.cursore { cursor:pointer; }
.inlinea { white-space:nowrap; }
.font-zero { font-size:0px !important; line-height:0px !important; }
.fade { opacity:.00; visibility:hidden; }
.loader { background:#ffffff url(../img/icone/icona-loader.gif) center no-repeat; }
.opaco-00 { opacity:.00; }
.opaco-01 { opacity:.10; }
.opaco-02 { opacity:.20; }
.opaco-03 { opacity:.30; }
.opaco-04 { opacity:.40; }
.opaco-05 { opacity:.50; }
.opaco-06 { opacity:.60; }
.opaco-07 { opacity:.70; }
.opaco-08 { opacity:.80; }
.opaco-09 { opacity:.90; }
.ombra { box-shadow:0px 1px 1px rgba(0, 0, 0, 0.5); }
.ombra-interna { box-shadow:0px -2px 2px rgba(0, 0, 0, 0.5); }
body { font-family:"RalewayR"; font-size:0px; line-height:0px; -webkit-text-size-adjust:100%; color:#000000; z-index:0; }

/* -generali ratio- */
.ratio-quadrato { padding-top:100%; }
.ratio-16-9 { padding-top:56.25%; }
.ratio-altro-link { padding-top:87.13%; }
.ratio-esagono { padding-top:96.67%; }
.ratio-logo-arpa-piemonte { padding-top:46.51%; background-image:url(../img/logo-arpa-piemonte.png); }
.ratio-logo-arpa-vda { padding-top:102.70%; background-image:url(../img/logo-arpa-vda.png); }
.ratio-logo-arpal { padding-top:27.33%; background-image:url(../img/logo-arpal.png); }
.ratio-logo-atmo { padding-top:51.11%; background-image:url(../img/logo-atmo.png); }
.ratio-logo-atmosud { padding-top:40.98%; background-image:url(../img/logo-atmosud.png); }
.ratio-logo-interreg { padding-top:27.02%; background-image:url(../img/logo-interreg.png); }
.ratio-img-attivita { padding-top:39.33%; }
.ratio-icona-pdf { padding-top:129.79%; }
.ratio-icona-dashboard-pulsante { padding-top:100%; background-image:url(../img/icone/icona-dashboard-pulsante.png); }
.ratio-icona-news-pulsante { padding-top:125.00%; background-image:url(../img/icone/icona-news-pulsante.png); }

/* -generali font- */
.ral-reg { font-family:"RalewayR"; }
.ral-ext { font-family:"RalewayE"; }
h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
h1 { font-size:55px; line-height:58px; }
div#box-titolo-home h2 { font-size:22px; line-height:30px; }
div#box-titolo-partner h2, div.box-testo span { font-size:45px; line-height:48px; }
div.fascia-2 h2, div.fascia-2 h3 { font-size:55px; line-height:58px; }
.txt-base { font-size:22px; line-height:26px; }
.txt-piccolo { font-size:14px; line-height:17px; }
.txt-credits {font-size:12px; line-height:15px;  }
@media only screen and (min-width:0px) and (max-width:767px) {
  div#box-titolo-partner h2, div.box-testo span { font-size:20px; line-height:25px; }
  div.fascia-2 h3 { font-size:20px; line-height:23px; }
}
@media only screen and (min-width:768px) and (max-width:1240px) {
  div#box-titolo-partner h2, div.box-testo span { font-size:24px; line-height:27px; }
  div.fascia-2 h3 { font-size:28px; line-height:31px; }
}
@media only screen and (min-width:0px) and (max-width:1023px) {
  h1 { font-size:30px; line-height:33px; }
  div#box-titolo-home h2 { font-size:16px; line-height:22px; }
  div.fascia-2 h2 { font-size:30px; line-height:33px; }
  .txt-base { font-size:14px; line-height:20px; }
  .txt-piccolo { font-size:12px; line-height:15px; }
}
@media only screen and (min-width:1241px) and (max-width:1679px) {
  h1 { font-size:40px; line-height:43px; }
  div#box-titolo-home h2 { font-size:20px; line-height:26px; }
  div#box-titolo-partner h2, div.box-testo span { font-size:35px; line-height:38px; }
  div.fascia-2 h2, div.fascia-2 h3 { font-size:40px; line-height:43px; }
  .txt-base { font-size:20px; line-height:26px; }
  .txt-piccolo { font-size:14px; line-height:17px; }
}

/* -generali layout- */
div#box-contenuti { width:87.5%; max-width:1920px; margin:0px 7.5% 0px 5%; }
div.fascia-1 { margin:40px 0px 0px 0px; }
div#box-lingue { z-index:300; }
div#box-en { background-image:url(../img/icone/icona-en.png); }
div#box-fr { background-image:url(../img/icone/icona-fr.png); }
div#box-it { background-image:url(../img/icone/icona-it.png); }
div#box-altri-link { top:0px; right:0px; padding:280px 0px 0px 0px; z-index:200; }
div#altri-link { width:61.5%; max-width:75px; padding:5px 5px 5px 5px; background-color:#ffffff; }
div.box-altro-link { margin:0px 0px 10px 0px; }
div.box-testo-link { position:absolute; top:0px; left:-115px; width:110px; height:100%; visibility:hidden; }
div.box-testo-link table { border-radius: 10px 10px 10px 10px; }
div#altri-link { margin:0px auto 0px 20%; }
div#link-dashboard { background-image:url(../img/icone/icona-dashboard.png); }
div#link-news { background-image:url(../img/icone/icona-news.png); }
div#link-report { background-image:url(../img/icone/icona-report.png); }
div#box-sfondo-testata, div#box-testata { height:180px; }
div#box-testata { background-image:url(../img/logo-alpaera.png); background-size:auto 66.67%; background-repeat:no-repeat; background-position:0px center; }
div.fascia-esagono { margin-top:50px; }
div.riga-titolo { width:40px; height:2px; }
@media only screen and (min-width:0px) and (max-width:767px) {
  div.fascia-esagono h1 { margin:30px 0px 10px 0px; }
  div#box-titolo-home h2 { padding:0px 0px 24px 0px; }
  div#box-titolo-partner h2 { padding:20px 0px 20px 0px; }
  div.fascia-2 h2 {  padding:24px 0px 8px 0px; }
}
@media only screen and (min-width:768px) and (max-width:1240px) {
  div.fascia-esagono h1 { margin:80px 0px 10px 0px; }
  div#box-titolo-home h2 { padding:0px 0px 38px 0px; }
  div.fascia-2 h2 {  padding:30px 0px 14px 0px; }
}
@media only screen and (min-width:0px) and (max-width:1240px) {
  div#box-contenuti { width:85%; margin:0px auto 0px 3%; z-index:100; }
  div#box-sfondo-testata, div#box-testata { height:90px; }
  div.fascia-esagono { margin-top:30px; }
  div.fascia-1-sx { margin:0px 0px 40px 0px; }
  div.fascia-2 { margin:40px 0px 0px 0px; }
  div#box-altri-link { width:15%; padding:150px 0px 0px 0px; }
  div#box-lingue { top:15px; width:25px; right:3%; }
  div.box-lingua { margin:0px 0px 10px 0px; }
  div#box-esagono { width:75%; margin:0px auto 0px 3%; }
  div.riga-titolo { margin:20px 0px 0px 0px; }
  div#box-titolo-partner h2 { padding:20px 0px 20px 0px; }
}
@media only screen and (min-width:1241px) {
  div.fascia-0, div.fascia-1 { width:100%; display:table; }
  div.blocco-fascia-0 { display:table-cell; vertical-align:top; }
  div.fascia-0-sx { width:45%; }
  div.fascia-0-md { width:4%; }
  div.fascia-0-dx { width:51%; padding:0px 5% 0px 0px; }
  div.blocco-fascia-1 { display:table-cell; vertical-align:middle; }
  div.fascia-1-sx, div.fascia-1-dx { width:50%; }
  div.fascia-2 { margin:80px 0px 0px 0px; padding:0px 0px 0px 6.2%; }
  div#box-altri-link { width:7.5%; padding:280px 0px 0px 0px; }
  div#box-lingue { top:40px; width:40px; right:3%; }
  div.box-lingua { margin:0px 0px 10px 0px; }
  div.fascia-esagono h1 { margin:80px 0px 10px 0px; }
  div#box-titolo-home h2 { padding:0px 0px 38px 0px; }
  div#box-titolo-partner h2 { padding:30px 0px 30px 0px; }
  div.fascia-2 h2 {  padding:40px 0px 16px 0px; }
  div.riga-titolo { margin:30px 0px 0px 0px; }
}
@media only screen and (min-width:1241px) and (max-width:1679px) {
  div.fascia-esagono h1 { margin:40px 0px 10px 0px; }
  div#box-titolo-home h2 { padding:0px 0px 26px 0px; }
}

/* -generali menu- */
@media only screen and (min-width:0px) and (max-width:1240px) {
  div#box-icona-menu { top:28px; right:24px; width:24px; height:20px; display:block; }
  div#box-icona-menu div { position:absolute; width:100%; height:4px; background-color:#006699; }
  div#riga-up { top:0px; }
  div#riga-md { top:8px; }
  div#riga-dw { bottom:0px; }
  div#box-menu { position:absolute !important; top:80px; right:0px; color:#ffffff; background-color:#006699; visibility:hidden; z-index:10000; overflow:hidden; }
  div.box-sottomenu { overflow:hidden; }
  div.voce-menu { font-size:16px; line-height:30px; border-bottom:solid 1px #ffffff; }
  div.voce-puntata { background-image:url(../img/icone/icona-freccia-bianca.png); background-position:95% center; background-repeat:no-repeat; }
  div.voce-smenu { font-size:14px; }
  div#box-menu p { padding:10px 25px 10px 25px; }
  div.voce-smenu p { padding:0px 0px 0px 30px !important; }
  div.voce-menu a { color:#ffffff; }
  div.voce-smenu a { color:#ffffff; }
}
@media only screen and (min-width:1241px) {
  div#box-menu { position:absolute; bottom:0px; right:0px; color:#006699; white-space:nowrap; margin:0px 0px 0px auto; display:table; z-index:1000; }
  div.box-sottomenu { position:absolute; top:65px; left:0px; width:100%; text-align:center; background-color:#006699; opacity:.00; display:none; z-index:20; }
  div.voce-menu { height:66px; font-size:24px; line-height:40px; display:table-cell; cursor:pointer; }
  div.voce-puntata { background-image:url(../img/icone/icona-freccia.png); background-position:center bottom; background-repeat:no-repeat; }
  div.voce-menu p { padding:0px 50px 0px 50px; }
  div.voce-menu p.voce-bordata { border-left:solid 2px #006699; }
  div.voce-smenu {  font-size:20px; line-height:70px; border-top:solid 1px #ffffff; }
  div.voce-smenu p { padding:0px 0px 0px 0px; }
  div.voce-menu a, div.voce-menu a:hover { color:#006699; }
  div.voce-smenu a, div.voce-smenu a:hover { color:#ffffff; }
}
@media only screen and (min-width:1241px) and (max-width:1679px) {
  div.box-sottomenu { top:55px; }
  div.voce-menu { height:56px; font-size:20px; line-height:30px; }
  div.voce-menu p { padding:0px 30px 0px 30px; }
  div.voce-smenu {  font-size:16px; line-height:50px; }
  div.voce-smenu p { padding:0px 0px 0px 0px; }
}

/* -generali interne- */
div.box-testo span { font-family:"RalewayE"; color:#006699; }
div.box-testo p.bordo-01 { border-left:solid 1px #0099cc; }
div.box-testo p.bordo-02 { border-left:solid 1px #006699; }
div.icona-pdf-bianca { background-image:url(../img/icone/icona-pdf-bianca.png); }
div.icona-pdf-blu { background-image:url(../img/icone/icona-pdf-blu.png); }
@media only screen and (min-width:0px) and (max-width:767px) {
  table.box-titolo-interne { width:100%; margin:50px 0px 25px 0px; padding:10px 0px 10px 20px; border-radius:20px 20px 20px 20px; }
  table.box-pulsante { margin:50px 0px 25px 0px; padding:10px 15px 10px 15px; border-radius:20px 20px 20px 20px; }
  div.box-testo { padding:0px 0px 0px 20px; }
  div.box-testo p { padding:0px 0px 0px 20px; }
  div.box-riga-chiusura { margin:40px 0px 10px 0px; }
  div.riga-chiusura { width:20px; height:1px; }
}
@media only screen and (min-width:768px) and (max-width:1240px) {
  table.box-titolo-interne { width:60%; margin:60px 0px 30px 0px; padding:20px 0px 20px 30px; border-radius:20px 20px 20px 20px; }
  table.box-pulsante { margin:60px 0px 30px 0px; padding:20px 30px 20px 30px; border-radius:20px 20px 20px 20px; }
  div.box-testo { padding:0px 0px 0px 30px; }
  div.box-testo p { padding:0px 0px 0px 30px; }
  div.box-riga-chiusura { margin:50px 0px 50px 0px; }
  div.riga-chiusura { width:30px; height:1px; }
}
@media only screen and (min-width:1241px) {
  table.box-titolo-interne { width:730px; margin:100px 0px 50px 0px; padding:30px 0px 30px 50px; border-radius:20px 20px 20px 20px; rotate:-2deg; }
  table.box-pulsante { margin:75px 0px 75px 0px; padding:30px 20px 30px 20px; border-radius:20px 20px 20px 20px; rotate:-2deg; }
  div.box-icona-pulsante { width:24px; margin:0px 20px 10px 10px;  rotate:2deg; }
  table.box-titolo-interne h3, table.box-pulsante p { rotate:2deg; }
  div.box-testo { padding:0px 0px 0px 50px; }
  div.box-testo p { padding:0px 0px 0px 50px; }
  div.box-riga-chiusura { margin:100px 0px 100px 0px; }
  div.riga-chiusura { width:50px; height:1px; }
}

/* -generali footer- */
div#box-footer { padding:40px 0px 50px 0px; }
table#box-loghi-footer { width:71.80%; max-width:600px; margin:0px auto 0px auto; }
div#box-logo-interreg { width:66.71%; }
table#box-altri-loghi { margin:8% 20px 0px auto; }
td#box-logo-atmosud { width:16.03%; }
td#box-logo-atmo { width:17.48%; }
td#box-logo-arpa-piemonte { width:16.96%; }
td#box-logo-arpa-vda { width:9.72%; }
td#box-logo-arpal { width:23.27%; }
div#box-credits { margin:0px auto 0px auto; }
@media only screen and (min-width:0px) and (max-width:767px) {
  table#box-loghi-footer { width:100%; }
  div.blocco-credits { text-align:center; padding:5px 0px 0px 0px; }
}
@media only screen and (min-width:768px) {
  div#box-credits { display:table; }
  div.blocco-credits { height:40px; vertical-align:middle; padding:0px 20px 0px 20px; display:table-cell; }
}
@media only screen and (min-width:0px) and (max-width:1240px) {
  table#box-loghi-home { width:90%; }
  table#box-contatti-footer { margin:40px 0px 0px auto; padding:10px 15px 10px 15px; border-radius:10px 10px 10px 10px; }
  table#contatti-footer p { font-size:12px; line-height:20px; }
}
@media only screen and (min-width:1241px) {
  table#box-contatti-footer { margin:0px 0px 0px auto; padding:40px 80px 40px 40px; border-radius:20px 20px 20px 20px; rotate: 2deg; }
  table#contatti-footer {  rotate: -2deg; }
  table#contatti-footer p { font-size:14px; line-height:28px; }
}

/* -homepage- */
div#esagono-home { background-image:url(../img/esagono-home.png); }
@media only screen and (min-width:0px) and (max-width:1240px) {
  table#box-testo-home-00 { padding:20px 15px 20px 15px; border-radius:10px 10px 10px 10px; }
  table#testo-home-00 p { font-size:14px; line-height:20px; }
}
@media only screen and (min-width:1241px) {
  table#box-testo-home-00 { margin:0px 0px 0px auto; padding:60px 100px 60px 60px; border-radius:20px 20px 20px 20px; rotate: -1deg; }
  table#testo-home-00 {  rotate: 1deg; }
  table#testo-home-00 p { font-size:22px; line-height:30px; }
  div#box-video { left:-8%; }
}
@media only screen and (min-width:1241px) and (max-width:1679px) {
  table#testo-home-00 p { font-size:16px; line-height:24px; }
}

/* -partner- */
div#esagono-partner { background-image:url(../img/esagono-partner.png); }

/* -attivita- */
table.box-immagine-attivita { width:100%; border-radius:10px 10px 10px 10px; }
div.img-attivita { border-radius:10px 10px 10px 10px; }
div#box-img-emissioni { background-image:url(../img/collage-attivita-emissioni.jpg); }
div#box-img-monitoraggio { background-image:url(../img/collage-attivita-monitoraggio.jpg); }
div#box-img-scenari { background-image:url(../img/collage-attivita-scenari.jpg); }
@media only screen and (min-width:0px) and (max-width:1240px) {
  table.box-immagine-attivita { margin:40px 0px 0px 0px; padding:10px 10px 10px 10px; }
}
@media only screen and (min-width:1241px) {
  table.box-immagine-attivita { margin:80px 0px 40px 0px; padding:10px 20px 10px 20px; rotate: -1deg; }
  div.img-attivita { rotate: 1deg; }
}

/* -risultati- */
table#box-indice-risultati { margin:40px 0px 0px 0px; border-spacing:0px 2px; }
table#box-indice-risultati td.box-separatore-indice { height:100%; padding:0px 0px 0px 0px !important; }
table#box-indice-risultati div.separatore-indice { width:2px; height:87px; }
@media only screen and (min-width:0px) and (max-width:767px) {
  table#box-indice-risultati td { padding:10px 10px 10px 10px; }
  table#box-indice-risultati p { font-size:12px; line-height:16px; }
  table#box-indice-risultati div.icona-pdf { width:24px; }
}
@media only screen and (min-width:768px) and (max-width:1240px) {
  table#box-indice-risultati td { padding:20px 20px 20px 20px; }
  table#box-indice-risultati p { font-size:14px; line-height:18px; }
  table#box-indice-risultati div.icona-pdf { width:24px; }
}
@media only screen and (min-width:1241px) {
  table#box-indice-risultati td { padding:40px 40px 40px 40px; }
  table#box-indice-risultati p { font-size:22px; line-height:26px; }
  table#box-indice-risultati div.icona-pdf { width:47px; }
}

/* -contatti- */
div#box-img-contatti { background-image:url(../img/collage-contatti.jpg); }
@media only screen and (min-width:0px) and (max-width:767px) {
  p#box-testo-contatti { font-size:12px; line-height:22px; }
}
@media only screen and (min-width:768px) and (max-width:1240px) {
  p#box-testo-contatti { font-size:16px; line-height:28px; }
}
@media only screen and (min-width:1241px) {
  p#box-testo-contatti { font-size:22px; line-height:36px; }
}

/* -dashboard- */

div#esagono-dashboard { background-image:url(../img/esagono-dashboard.png); }
@media only screen and (min-width:0px) and (max-width:1240px) {
  div#fascia-dashboard { padding:30px 20px 30px 20px; }
}
@media only screen and (min-width:1241px) {
  div#fascia-dashboard { padding:40px 0px 40px 0px; }
  div#fascia-dashboard div#box-esagono { width:90%; margin:0px auto 0pc auto; }
}

/* -news- */
div.fascia-news { padding:40px 0px 40px 6.2%; }
table#box-indice-news { width:95%; margin:40px 0px 0px 0px; border-spacing:0px 2px; }
table#box-indice-news td.box-separatore-indice { height:100%; padding:0px 0px 0px 0px !important; }
table#box-indice-news div.separatore-indice { width:2px; height:87px; }
@media only screen and (min-width:0px) and (max-width:767px) {
  table#box-indice-news td { padding:10px 10px 10px 10px; }
  table#box-indice-news p { font-size:12px; line-height:16px; }
  table#box-indice-news div.icona-pdf { width:24px; }
}
@media only screen and (min-width:768px) and (max-width:1240px) {
  table#box-indice-news td { padding:20px 20px 20px 20px; }
  table#box-indice-news p { font-size:14px; line-height:18px; }
  table#box-indice-news div.icona-pdf { width:24px; }
}
@media only screen and (min-width:1241px) {
  table#box-indice-news td { padding:40px 40px 40px 40px; }
  table#box-indice-news p { font-size:22px; line-height:26px; }
  table#box-indice-news div.icona-pdf { width:47px; }
}