/* Elementi stili font esterni */
@font-face {
  font-family:'OpenSansL';
  font-style: normal;
  font-weight: 300;
  src: local('OpenSans Light'), local('OpenSans_Light'), local('OpenSansL'),
       url('../font/open-sans-light.woff2') format('woff2'),
       url('../font/open-sans-light.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;
}


/* 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; }
.blu-00, .link-02 { color:#000099; }
.sfondo-nero { background-color:#000000; }
.sfondo-bianco { background-color:#ffffff; }
.sfondo-blu-00 { background-color:#000099; }
.sfondo-blu-01 { background-color:#ebf2f6; }
.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; }
.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; }
.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 2px 2px rgba(0, 0, 0, 0.5); }
.ombra-interna { box-shadow:0px -2px 2px rgba(0, 0, 0, 0.5); }
body { font-family:arial; font-size:0px; line-height:0px; -webkit-text-size-adjust:100%; color:#2d2d2d; z-index:0; background-color:#b1c4d0; }


/* -font- */
h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
h1 { font-size:30px; line-height:33px; }
p.box-titolo { font-size:20px; line-height:23px; font-weight:bold; text-align:center; text-transform:uppercase; margin:30px 0px 30px 0px; }
.txt-base { font-size:14px; line-height:20px; }
div.box-vetrina h2 { font-size:24px; line-height:27px; }
div.box-vetrina p { font-size:16px; line-height:19px; }
div.box-vetrina a { font-size:12px; line-height:15px; }
div.footer p { font-size:12px; line-height:15px; }
div.box-nome-socio p.maiuscolo { font-size:13px; line-height:20px; font-weight:bold; }
div.box-nome-socio p.box-data-socio { font-size:11px; line-height:20px; }
@media only screen and (min-width:0px) and (max-width:374px) {
  div.box-nome-socio p.maiuscolo { font-size:11px; line-height:18px; }
  div.box-nome-socio p.box-data-socio { font-size:9px; line-height:18px; }
}
@media only screen and (min-width:375px) and (max-width:599px) {
  div.box-nome-socio p.maiuscolo { font-size:12px; line-height:18px; }
  div.box-nome-socio p.box-data-socio { font-size:10px; line-height:18px; }
}
@media only screen and (min-width:0px) and (max-width:767px) and (orientation:landscape) {
  h1 { font-size:24px; line-height:27px; }
  div.box-vetrina h2 { font-size:30px; line-height:33px; }
  div.box-vetrina p { font-size:18px; line-height:24px; }
  div.box-vetrina a { font-size:14px; line-height:17px; }
}
@media only screen and (min-width:0px) and (max-width:767px) and (orientation:portrait) {
  h1 { font-size:18px; line-height:21px; }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  h1 { font-size:24px; line-height:27px; }
}
@media only screen and (min-width:768px) and (max-width:1259px) {
  div.box-vetrina h2 { font-size:17px; line-height:20px; }
  div.box-vetrina p { font-size:12px; line-height:15px; }
  div.box-vetrina a { font-size:10px; line-height:13px; }
}

/* -menu- */
@media only screen and (min-width:0px) and (max-width:1023px) {
  div#box-icona-menu { top:-50px; right:20px; width:24px; height:20px; display:block; z-index:20; }
  div#box-icona-menu div { position:absolute; width:100%; height:4px; background-color:#ffffff; }
  div#riga-up { top:0px; }
  div#riga-md { top:8px; }
  div#riga-dw { bottom:0px; }
  div#box-menu { position:absolute !important; top:1px; left:0px; width:100%; color:#ffffff; background-color:#000099; visibility:hidden; z-index:10000; }
  div.box-sottomenu { overflow:hidden; }
  div.voce-menu { font-size:16px; line-height:30px; padding:10px 0px 10px 0px; border-bottom:solid 2px #ffffff; }
  div.voce-smenu { font-size:14px; line-height:30px;  }
  div#box-menu p { padding:0px 25px 0px 25px; }
  div.sfondo-sottomenu { display:none; }
  div.voce-menu a, div.voce-smenu a { color:#ffffff; }
}
@media only screen and (min-width:1024px) {
  div#box-menu { height:34px; color:#ffffff; white-space:nowrap; margin:0px auto 0px auto; display:table; z-index:20; }
  div#sfondo-menu { display:none; }
  div.box-sottomenu { position:absolute; top:34px; left:0px; padding:15px 0px 15px 0px; opacity:.00; display:none; z-index:20; }
  div.voce-menu { font-size:14px; line-height:17px; vertical-align:middle; padding:0px 20px 0px 20px; display:table-cell; cursor:pointer; }
  div.voce-smenu { font-size:16px; line-height:28px; padding:0px 20px 0px 20px; }
  div.voce-menu a, div.voce-smenu a { color:#ffffff; }
}

/* -slide- */
div#box-slide { border-top:solid 1px #000000; border-bottom:solid 1px #000000; }
div#box-roll-slide div.box-roll { min-width:100%; }
div.box-indice-roll { display:flex; }
div.freccia-roll { position:absolute; top:50%; width:48px; margin:-24px 0px 0px 0px; visibility:hidden; cursor:pointer; border-radius:50%; }
div.freccia-roll div.content-ratio { background-position:center; background-size:30% auto; background-repeat:no-repeat; border-radius:50%; }
div#freccia-sx-slide { left:10px; }
div#freccia-sx-slide div.content-ratio { background-image:url(../img/icone/freccia-lightbox-sx.png); }
div#freccia-dx-slide { right:10px; }
div#freccia-dx-slide div.content-ratio { background-image:url(../img/icone/freccia-lightbox-dx.png); }
@media only screen and (min-width:0px) and (max-width:1023px) {
  div#box-touch { display:block; }
  div.freccia-roll { display:none; }
}

/* -elementi generali- */
div#schermo { width:100%; max-width:1260px; margin:0px auto 0px auto; }
div#sfondo-testata { top:0px; left:0px; width:100%; background:linear-gradient(160deg, transparent 50%, #3391c8 0) top left; }
table#box-header-unvs { border-spacing:10px 0px; }
div.logo-unvs { background-image:url(../img/logo-unvs-novara.png); }
div.box-fascia-testo { width:90%; margin:0px auto 0px auto; padding:20px 0px 20px 0px; text-align:center; }
div#box-video, img.foto-testo { width:25%; margin:0px 40px 40px 0px; border-radius:10px; float:left; }
div.footer { text-align:center; padding:10px 0px 10px 0px; border-top:solid 1px #cacaca; }
div#box-video { z-index:100; }
@media only screen and (min-width:0px) and (max-width:767px) {
  div#sfondo-testata { top:0px; left:40%; width:60%; background:linear-gradient(140deg, transparent 50%, #3391c8 0) top left; }
  div#testata { height:60px; border-top:10px solid transparent; border-bottom:10px solid transparent; }
  td#box-logo { width:60px; }
  div#box-video, img.foto-testo { width:100%; margin:0px auto 40px auto; }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  div#testata { height:100px; border-top:15px solid transparent; border-bottom:15px solid transparent; }
  td#box-logo { width:100px; }
  div#box-video, img.foto-testo { width:30%; margin:0px 20px 20px 0px; }
}
@media only screen and (min-width:1024px) {
  div#testata { height:120px; border-top:20px solid transparent; border-bottom:20px solid transparent; }
  td#box-logo { width:120px; }
}
@media only screen and (orientation:landscape) {
  .elemento-portrait { display:none; }
}
@media only screen and (orientation:portrait) {
  .elemento-landscape { display:none; }
}

/* -homepage- */
div#box-vetrina { padding:40px 0px 40px 0px; }
div.box-vetrina { width:29%; margin:20px 2% 20px 2%; border:solid 1px #aaaaaa; border-radius:20px 20px 0px 0px; float:left; }
div.box-logo-vetrina { position:absolute !important; top:5%; width:10%; right:5%; }
div.box-testo-vetrina { width:90%; margin:0px auto 0px auto; padding:4% 0px 0px 0px; }
div.box-testo-vetrina h2 { padding:0px 0px 8% 0px; }
div.box-foto-vetrina { position:absolute !important; bottom:-1px; width:100%; border-top:solid 1px #aaaaaa; }
div#box-vetrina-news { background-image:url(../img/foto-vetrina-news.jpg); }
div#box-vetrina-match { background-image:url(../img/foto-vetrina-match.jpg); }
div#box-vetrina-classifica { background-image:url(../img/foto-vetrina-classifica-individuale.jpg); }
@media only screen and (min-width:0px) and (max-width:767px) and (orientation:landscape) {
  div.box-vetrina { width:70%; margin:20px 15% 20px 15%; }
}
@media only screen and (min-width:0px) and (max-width:767px) and (orientation:portrait) {
  div.box-vetrina { width:90%; margin:20px 5% 20px 5%; }
}
@media only screen and (min-width:768px) and (max-width:1259px) {
  div.box-vetrina { width:31%; margin:20px 1% 20px 1%; }
  div.box-testo-vetrina h2 { padding:0px 0px 5% 0px; }
}

/* -soci- */
div.box-socio { float:left; }
div.box-foto-socio { border:solid 7px #3391c8; }
div.box-logo-soci { position:absolute !important; top:-14px; right:-14px; width:20%; background-color:#ffffff; border-radius:50%; }
div.box-logo-soci div.logo-unvs { background-repeat:no-repeat; background-position:center; background-size:70% auto; }
div.box-nome-socio { background-color:#ebf2f6; border:solid 1px #cacaca; }
@media only screen and (min-width:0px) and (max-width:767px) {
  div.box-socio { width:48%; margin:20px 1% 20px 1%; }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  div.box-socio { width:31.33%; margin:20px 1% 20px 1%; }
}
@media only screen and (min-width:1024px) {
  div.box-socio { width:18%; margin:20px 1% 20px 1%; }
}

/* -news- */
div.box-thumb { background-position:center; background-repeat:no-repeat; background-size:auto 50%; background-image:url(../img/logo-unvs-novara-bn.png); float:left; }
table#box-indice-gallery { border-spacing:10px 0px; }
table#box-indice-gallery td { font-size:14px; line-height:24px; padding:0px 10px 0px 10px; border-radius:3px 3px 0px 0px; background-color:#ebf2f6; border-bottom:solid 3px #000099; }
div.separatore { width:90%; height:2px; margin:0px auto 0px auto; }
@media only screen and (min-width:0px) and (max-width:767px) {
  div.box-thumb { width:48%; margin:20px 1% 20px 1%; }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  div.box-thumb { width:31.33%; margin:20px 1% 20px 1%; }
}
@media only screen and (min-width:1024px) {
  div.box-thumb { width:18%; margin:20px 1% 20px 1%; }
}

/* -lightbox- */
div.box-touch-smart, div.box-touch-tablet { display:block; }
div.schermo-desktop div#box-indice-gallery div.icona-zoom { display:none; }
div.schermo-desktop div#box-indice-gallery div.box-thumb:hover div.icona-zoom { display:block; }
.lightbox { position:fixed !important; top:0px; left:0px; width:100%; height:100%; display:none; overflow:hidden; z-index:10000; }
.slide-zoom { z-index:10000; }
.comando-zoom { z-index:10200; }
div#lightbox, div.slide-zoom-desktop, div#mappa-immobile, div#mappa-immobile iframe, div#box-tour-immobile, div#box-tour-immobile iframe { border-radius:10px; }
div#box-counter-zoom { top:5px; left:5px; width:50px; font-size:12px; line-height:30px; border-radius:5px; }
div#lightbox div.box-chiudi { top:5px; right:20px; font-size:0px; line-height:0px; }
div#lightbox div.box-chiudi-desktop { width:60px; }
div#lightbox div.box-chiudi-smart, div.box-chiudi-tablet { width:40px; }
div#lightbox div.box-freccia { position:absolute; top:50%; font-size:0px; line-height:0px; cursor:pointer; }
div#lightbox div.box-freccia-zoom { width:60px; margin-top:-30px; }
div#lightbox div#box-freccia-zoom-sx { left:20px; }
div#lightbox div#box-freccia-zoom-dx { right:20px; }
div#lightbox div.freccia-sx { background:url(../img/icone/freccia-lightbox-sx.png) 40% center no-repeat; background-size:auto 50%; }
div#lightbox div.freccia-dx { background:url(../img/icone/freccia-lightbox-dx.png) 60% center no-repeat; background-size:auto 50%; }
div.schermo-mob div#box-freccia-zoom-sx, div.schermo-mob div#box-freccia-zoom-dx { display:none; }
div#lightbox div#icona-chiudi { background:url(../img/icone/icona-chiudi-lightbox.png) center no-repeat; background-size:auto 40%; }
div#box-dida { bottom:5px; font-size:12px; line-height:20px; }
div#box-dida td#dida { padding:3px 10px 3px 10px; border-radius:5px; }

/* -contatti- */
div#box-mappa { margin:40px 0px 0px 0px; }