/* 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-face {
  font-family:'RalewayM';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway_Medium'), local('RalewayM'),
       url('../font/raleway-medium.woff2') format('woff2'),
       url('../font/raleway-medium.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-face {
  font-family:'RalewayB';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway_Bold'), local('RalewayB'),
       url('../font/raleway-bold.woff2') format('woff2'),
       url('../font/raleway-bold.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-face {
  font-family:'RalewayExb';
  font-style: normal;
  font-weight: 800;
  src: local('Raleway Extrabold'), local('Raleway_Extrabold'), local('RalewayExb'),
       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-face {
  font-family:'RalewayBl';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Black'), local('Raleway_Black'), local('RalewayBl'),
       url('../font/raleway-black.woff2') format('woff2'),
       url('../font/raleway-black.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;
}



/* Elementi stili font */
* { border:0; margin:0; padding:0;}
a, .non_sottolineato { text-decoration:none; }
table { border-spacing: 0px 0px; }
div, table { position:relative; }
.nero, .link-00 { color:#000000; }
.bianco, .link-01 { color:#ffffff; }
.base, .link-02 { color:#333333; }
.sfondo-nero { background:#000000; }
.sfondo-bianco { background:#ffffff; }
.sfondo-marrone-00 { background:#2d211c; }
.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; }
.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; }
.tabella { display:table; }
.cella { display:table-cell; vertical-align:top; }
.flessibile { display:flex; }
.txt-centro { text-align:center; }
.txt-destro { text-align:right; }
.txt-sinistro { text-align:left; }
.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; }
.cursore { cursor:pointer; }
.inlinea { white-space:nowrap; }
.font-zero { font-size:0px; line-height:0px; }
.fade { opacity:.00; visibility:hidden; }
.loader { background:url(../img/loading.gif) center top no-repeat; }
.opaco-00 { filter: alpha(opacity=80); opacity:.80; }
.opaco-01 { filter: alpha(opacity=50); opacity:.50; }
.ombra { 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:#333333; background:#ffffff; z-index:0; }
h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
.ral-reg { font-family:'RalewayR'; }
.ral-med { font-family:'RalewayM'; }
.ral-bol { font-family:'RalewayM'; }
.ral-exb { font-family:'RalewayExb'; }
.ral-bla { font-family:'RalewayBl'; }

/* -generali layout comuni- */
.schermo-grande div#box-testata { height:150px; }
.schermo-piccolo div#box-testata { height:70px; }
div#box-foto-titolo { width:71.09%; background-size:cover; }
div#testata { display:table; margin:30px 0px 0px 9.8%; }
.schermo-grande div#testata { height:90px; }
.schermo-piccolo div#testata { height:50px; }
.schermo-grande div#box-logo-interne { width:100px; }
.schermo-piccolo div#testata div#box-logo-interne { width:50px; }
.schermo-grande div#box-icona-menu { width:50px; }
.schermo-piccolo div#box-icona-menu { width:25px; }
div#testata div.blocco { vertical-align:middle; display:table-cell; }
div#icona-menu { height:20px; margin:0px auto 0px auto; }
div#icona-menu div { position:absolute; width:100%; height:2px; background:#696969; }
div#riga-up { top:0px; }
div#riga-md { top:9px; }
div#riga-dw { bottom:0px; }
div#testata div#logo-interne { background:url(../img/logo-mines-de-montagnes.png) center no-repeat; background-size:cover; }
div#griglia-menu { width:95%; margin:0px 0px 0px auto; }
div#griglia-menu span { font-size:14px; line-height:normal; padding:0px 20px 0px 0px; }
table#box-titolo-pagina { top:29.5%; left:80.17%; width:61%; height:41%; }
h1 { font-size:30px; line-height:normal; }
h2 { font-size:28px; line-height:32px; margin:0px 0px 10px 0px; }
div#box-contatti { font-size:14px; line-height:24px; margin:50px 0px 50px 0px; }
div#box-loghi-istituzionali { margin:10px 0px 0px 0px; }
.blocco-testo { font-size:14px; line-height:24px; }
p#box-credits { font-size:10px; line-height:13px; }
@media only screen and (min-width:1280px) and (max-width:1599px) {
  .blocco-testo { font-size:12px; line-height:24px; }
}
@media only screen and (min-width:1600px) {
  .blocco-testo { font-size:14px; line-height:34px; }
}
@media only screen and (min-width:0px) and (max-width:1279px) {
  div#box-contatti { width:94%; margin:30px auto 30px auto; }
}
@media only screen and (min-width:0px) and (max-width:567px) {
  div#griglia-menu span { font-size:12px; padding:0px 10px 0px 0px; }
  h1 { font-size:18px; }
}
@media only screen and (min-width:568px) and (max-width:1023px) {
  h1 { font-size:24px; }
}
@media only screen and (min-width:0px) and (max-width:799px) {
  div#box-loghi-istituzionali { background:url(../img/sfondi/loghi-istituzionali-small.jpg) center no-repeat; background-size:100% auto; }
}
@media only screen and (min-width:800px) {
  div#box-loghi-istituzionali { background:url(../img/sfondi/loghi-istituzionali-big.jpg) left center no-repeat; background-size:60% auto; }
}

/* -homepage- */
table#lingue { border-spacing:15px 10px; }
table#lingue td { border-radius:5px; }
table#lingue td img { width:32px; }
.schermo-grande div#box-griglia { width:66.31%; max-width:1290px; margin:0px 0px 0px 12.10%; }
.schermo-piccolo div#box-griglia { width:94%; margin:0px auto 0px auto; }
div#box-logo-home { background:url(../img/logo-mines-de-montagnes.png) center no-repeat; background-size:auto 71%; }
div#box-foto-home-01 { background:url(../img/home-01.jpg); }
div#box-logo-interreg { top:0px; right:0px; width:48%; background:url(../img/logo-interreg.png) center bottom no-repeat; background-size:75% auto; }
div#sfondo-interreg { background:url(../img/sfondi/sfondo-interreg.jpg) center; background-size:cover; }
div#box-indice-partner { width:34.5%; font-size:14px; line-height:28px; margin:0px 0px 0px auto; padding:28% 0px 15% 0px; }

@media only screen and (min-width:0px) and (max-width:1023px) {
  div#testata { margin:20px 0px 0px 0px; }
}
@media only screen and (min-width:0px) and (max-width:1279px) {
  div.blocco-1 div#blocco-dx, .separatore-grande { display:none; }
  div#box-foto-home-02  { background:#ffffff url(../img/home-02.jpg); background-size:cover; }
  div#box-testo-home-01 { width:94%; margin:30px auto 30px auto; display:block; }
  div#home-blocco-2 { margin:30px 0px 0px 0px; }
}
@media only screen and (min-width:768px) {
  .schermo-piccolo div#box-griglia-home { width:66.31%; max-width:1290px; margin:0px 0px 0px 12.10%; }
}
@media only screen and (min-width:1024px) {
  div.blocco-1 { width:100%; display:table; z-index:10; }
  div.blocco-1 div.blocco { vertical-align:top; display:table-cell; }
  div.blocco-1 div#blocco-sx { width:60%; }
  div.blocco-1 div#blocco-dx p { width:85%; margin:75% 0px 0px 11.5%; }
}
@media only screen and (min-width:1280px) {
  div.foto-titolo { margin:0px 0px 0px 22.89%; }
  div#box-foto-home-02  { background:#ffffff url(../img/home-02.jpg) left top no-repeat; background-size:96.38% auto; }
  div#home-blocco-2 { width:85%; margin:-17% 0px 0px auto; }
}

/* -il progetto- */
div#box-foto-progetto-01 { background:url(../img/progetto-01.jpg); }
div#box-risultati { width:97%; max-width:1174px; padding:65px 0px 240px 0px; border:solid 5px #333333; }
div#testo-risultati { width:88%; margin:0px auto 0px auto; }
@media only screen and (min-width:0px) and (max-width:1279px) {
  div#box-foto-progetto-02  { margin:20px 0px 0px 0px; background:#ffffff url(../img/progetto-02.jpg); background-size:cover; }
}
@media only screen and (min-width:1280px) {
  div#box-foto-progetto-02  { width:70%; margin:-17% 0px 0px auto; background:#ffffff url(../img/progetto-02.jpg) center no-repeat; background-size:92% auto; }
}
@media only screen and (min-width:0px) and (max-width:1279px) {
  div#box-testo-progetto div.blocco { width:94%; margin:30px auto 0px auto; }
  div#box-risultati { margin:30px 0px 0px 0px; padding:40px 0px 40px 0px; }
}
@media only screen and (min-width:1280px) {
  div#box-testo-progetto { width:80%; margin:50px 0px 50px auto; display:table; }
  div#box-testo-progetto div.blocco { width:42%; vertical-align:top; padding:0px 8% 0px 0px; display:table-cell; }
  div#box-risultati { width:88%; margin:0px auto 0px 0px; }
  div.contatti-progetto-mines-de-montagnes { width:40%; margin:50px 0px 50px auto !important; }
}

/* -i prodotti- */
div#box-foto-prodotti-01 { background:url(../img/prodotti-01.jpg); }
table#box-link-prodotti { border-spacing: 10px 10px; }
table#box-link-prodotti td.box-icona-prodotto { width:32px; font-size:0px; line-height:0px; }
table#box-link-prodotti div.content-ratio { background-size:cover; }
div#sfondo-prodotti-02 { background:url(../img/prodotti-03.jpg) left center no-repeat; }
div.icona-yt { background:url(../img/icone/icona-youtube.png); }
div.icona-fb { background:url(../img/icone/icona-facebook.png); }
div.icona-pdf { background:url(../img/icone/icona-pdf.png); }
div.icona-zip { background:url(../img/icone/icona-zip.png); }
div.icona-web { background:url(../img/icone/icona-web.png); }
@media only screen and (min-width:0px) and (max-width:1279px) {
  div#box-foto-prodotto-02  { margin:20px 0px 0px 0px; background:#ffffff url(../img/prodotti-02.jpg); background-size:cover; }
  div#sfondo-prodotti-02 { margin:20px 0px 0px 0px; background-size:cover; }
}
@media only screen and (min-width:1280px) {
  div#box-foto-prodotto-02  { width:70%; margin:-17% 0px 0px auto; background:#ffffff url(../img/prodotti-02.jpg) center no-repeat; background-size:92% auto; }
  div#sfondo-prodotti-02 { background-size:auto 100%; }
}

/* -luoghi- */
div#box-foto-luoghi-01 { background:url(../img/luoghi-01.jpg); }
div#sfondo-luoghi-02 { background:url(../img/luoghi-02.jpg) left center no-repeat; }
div#box-foto-luoghi-02  { background-color:#ffffff; background-position:center; background-repeat:no-repeat; }
div#dida-luogo { bottom:0px; left:0px; height:40px; font-size:14px; padding:0px 10px 0px 0px; }
@media only screen and (min-width:0px) and (max-width:1279px) {
  div#box-foto-luoghi-02  { margin:20px 0px 0px 0px; background-size:cover; }
  div#sfondo-luoghi-02 { margin:20px 0px 0px 0px; background-size:cover; }
}
@media only screen and (min-width:1280px) {
  div#box-foto-luoghi-02  { width:70%; margin:-17% 0px 0px auto; background-size:92% auto; }
  div#sfondo-luoghi-02 { background-size:auto 100%; }
  table#dida-luogo { bottom:5%; left:4%; font-size:12px; line-height:15px; padding:10px 30px 10px 0px; }
}

/* -dettaglio siti- */
div#box-dati-sito { border:solid 5px #333333; }
div#box-foto-brusson-01 { background:url(../img/siti/brusson/titolo.jpg); }
div#box-foto-cogne-01 { background:url(../img/siti/cogne/titolo.jpg); }
div#box-foto-espace-alu-01 { background:url(../img/siti/espace-alu/titolo.jpg); }
div#box-foto-gran-filon-01 { background:url(../img/siti/gran-filon/titolo.jpg); }
div#box-foto-plagne-tarentaise-01 { background:url(../img/siti/plagne-tarentaise/titolo.jpg); }
div#box-foto-saint-marcel-01 { background:url(../img/siti/saint-marcel/titolo.jpg); }
div#foto-brusson { background-image:url(../img/siti/brusson/immagine.jpg); }
div#foto-cogne { background-image:url(../img/siti/cogne/immagine.jpg); }
div#foto-espace-alu { background-image:url(../img/siti/espace-alu/immagine.jpg); }
div#foto-gran-filon { background-image:url(../img/siti/gran-filon/immagine.jpg); }
div#foto-plagne-tarentaise { background-image:url(../img/siti/plagne-tarentaise/immagine.jpg); }
div#foto-saint-marcel { background-image:url(../img/siti/saint-marcel/immagine.jpg); }

@media only screen and (min-width:0px) and (max-width:1279px) {
  div#box-dati-sito { margin:30px 0px 20px 0px; padding:40px 30px 40px 30px; }
  div#foto-dettaglio-big { display:none; }
  div.foto-dettaglio { background-size:cover; }
}
@media only screen and (min-width:1280px) {
  div#box-dati-sito { padding:80px 0px 150px 9.4%; margin:15% 0px 0px 0px; }
  img#foto-dettaglio-smart { display:none; }
  div#foto-dettaglio-big { top:-20%; right:-25%; width:68%; }
  div.foto-dettaglio { background-color:#ffffff; background-position:center; background-repeat:no-repeat; background-size:92% auto; }
}