@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,300italic,400italic);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

html > body { font-family: "Open Sans", sans-serif; font-size: 1em; font-weight: 400; line-height: 1.3em; width: 1920px; height: 1080px; overflow: hidden; position: relative; color: #333333; margin: 0; cursor: none; background-color: white; background-image: url('../layout/bg-home.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: 1920px 1080px; }
html > body * { /* Questo codice serve a togliere gli effetti di highlight e select al tap su dispositivo mobile */ /*faccio in modo che il testo non venga selezionato*/ -webkit-user-select: none; -moz-user-select: none; /*Nascondo il mouse*/ cursor: none; resize: none; }
html > body.tesori { background-image: url('../layout/ajax-loader-large.gif'); background-position: center center; }
html > body.piano-terra { background-image: url('../layout/piano-terra.jpg'); background-position: 0 0; }
html > body.piano-primo { background-image: url('../layout/piano-1.jpg'); background-position: 0 0; }
html > body.piano-primo-mezzanino { background-image: url('../layout/piano-1.jpg'); background-position: 0 0; }
html > body.piano-secondo { background-image: url('../layout/piano-2.jpg'); background-position: 0 0; }
html > body.piano-secondo-mezzanino { background-image: url('../layout/piano-2.jpg'); background-position: 0 0; }
html > body.piano-terzo-mm1 { background-image: url('../layout/piano-3.jpg'); background-position: 0 0; }
html > body.piano-terzo-mm2 { background-image: url('../layout/piano-3.jpg'); background-position: 0 0; }
html > body.piano-terzo-mm3 { background-image: url('../layout/piano-3.jpg'); background-position: 0 0; }
html > body sup { font-size: 0.7em; line-height: 1em; vertical-align: top; }
html > body strong { font-weight: 600; }
html > body strong em { font-style: italic; }
html > body em { font-style: italic; }
html > body em strong { font-weight: 600; }
html > body > iframe { width: 1624px; height: 1080px; border: 0; margin-left: 296px; background-color: white; }
html > body > .logo { position: absolute; z-index: 999; top: 0; height: 683px; left: 0; width: 1830px; padding-top: 397px; padding-left: 90px; background-color: #e6432e; }
html > body > .logo.interna > .home-button { opacity: 0; width: 84px; height: 84px; position: absolute; top: 186px; left: 105px; border: 1px solid #eb6958; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; transition: opacity 500ms ease; background-color: #d63b27; background-image: url('../layout/button-home.png'); background-size: auto; background-repeat: no-repeat; background-position: center center; }
html > body > .logo.interna > .home-button.show { opacity: 1; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; transition: opacity 500ms ease; }
html > body > .logo.interna > header { position: absolute; top: 327px; text-align: center; width: 296px; left: 0; opacity: 0; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; transition: opacity 500ms ease; }
html > body > .logo.interna > header > h1 { color: white; font-size: 1.25em; font-weight: 700; width: 90%; margin-left: 5%; line-height: 1.2em; }
html > body > .logo.interna > header.show { opacity: 1; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; transition: opacity 500ms ease; }
html > body > .logo.load { width: 206px; -webkit-transition: width 500ms ease; -moz-transition: width 500ms ease; -o-transition: width 500ms ease; -ms-transition: width 500ms ease; transition: width 500ms ease; }
html > body > .logo.iframe { width: 206px; -webkit-transition: width 500ms ease; -moz-transition: width 500ms ease; -o-transition: width 500ms ease; -ms-transition: width 500ms ease; transition: width 500ms ease; }
html > body > .logo.home { width: 1830px; -webkit-transition: width 500ms ease; -moz-transition: width 500ms ease; -o-transition: width 500ms ease; -ms-transition: width 500ms ease; transition: width 500ms ease; }
html > body > .logo.load-home { left: 1807px; top: 397px; width: 113px; height: 354px; padding-top: 0px; padding-left: 0px; -webkit-transition: width 750ms ease, left 750ms ease, padding-left 750ms ease, top 500ms ease 750ms, padding-top 500ms ease 750ms, height 500ms ease 750ms; -moz-transition: width 750ms ease, left 750ms ease, padding-left 750ms ease, top 500ms ease 750ms, padding-top 500ms ease 750ms, height 500ms ease 750ms; -o-transition: width 750ms ease, left 750ms ease, padding-left 750ms ease, top 500ms ease 750ms, padding-top 500ms ease 750ms, height 500ms ease 750ms; -ms-transition: width 750ms ease, left 750ms ease, padding-left 750ms ease, top 500ms ease 750ms, padding-top 500ms ease 750ms, height 500ms ease 750ms; transition: width 750ms ease, left 750ms ease, padding-left 750ms ease, top 500ms ease 750ms, padding-top 500ms ease 750ms, height 500ms ease 750ms; }
html > body > .logo.change { top: 0; height: 683px; left: 0; width: 1830px; padding-top: 397px; padding-left: 90px; -webkit-transition: top 500ms ease, padding-top 500ms ease, height 500ms ease, left 750ms ease 500ms, width 750ms ease 500ms, padding-left 750ms ease 500ms; -moz-transition: top 500ms ease, padding-top 500ms ease, height 500ms ease, left 750ms ease 500ms, width 750ms ease 500ms, padding-left 750ms ease 500ms; -o-transition: top 500ms ease, padding-top 500ms ease, height 500ms ease, left 750ms ease 500ms, width 750ms ease 500ms, padding-left 750ms ease 500ms; -ms-transition: top 500ms ease, padding-top 500ms ease, height 500ms ease, left 750ms ease 500ms, width 750ms ease 500ms, padding-left 750ms ease 500ms; transition: top 500ms ease, padding-top 500ms ease, height 500ms ease, left 750ms ease 500ms, width 750ms ease 500ms, padding-left 750ms ease 500ms; }
html > body > .logo-lingua { position: absolute; z-index: 999; top: 0; height: 1080px; left: 0; width: 1920px; background-color: #e6432e; -webkit-transition: background-color 500ms ease; -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -ms-transition: background-color 500ms ease; transition: background-color 500ms ease; }
html > body > .logo-lingua > figure > img { position: absolute; left: 90px; top: 397px; width: 113px; height: 354px; }
html > body > .logo-lingua > figure > img.load { top: 57px; left: 835px; width: 250px; height: 750px; -webkit-transition: width 750ms ease 500ms, height 750ms ease 500ms, top 750ms ease 500ms, left 750ms ease 500ms; -moz-transition: width 750ms ease 500ms, height 750ms ease 500ms, top 750ms ease 500ms, left 750ms ease 500ms; -o-transition: width 750ms ease 500ms, height 750ms ease 500ms, top 750ms ease 500ms, left 750ms ease 500ms; -ms-transition: width 750ms ease 500ms, height 750ms ease 500ms, top 750ms ease 500ms, left 750ms ease 500ms; transition: width 750ms ease 500ms, height 750ms ease 500ms, top 750ms ease 500ms, left 750ms ease 500ms; }
html > body > .logo-lingua > figure > img.clicked { left: 90px; top: 397px; width: 113px; height: 354px; -webkit-transition: width 750ms ease 500ms, height 750ms ease 500ms, top 750ms ease 500ms, left 750ms ease 500ms; -moz-transition: width 750ms ease 500ms, height 750ms ease 500ms, top 750ms ease 500ms, left 750ms ease 500ms; -o-transition: width 750ms ease 500ms, height 750ms ease 500ms, top 750ms ease 500ms, left 750ms ease 500ms; -ms-transition: width 750ms ease 500ms, height 750ms ease 500ms, top 750ms ease 500ms, left 750ms ease 500ms; transition: width 750ms ease 500ms, height 750ms ease 500ms, top 750ms ease 500ms, left 750ms ease 500ms; }
html > body > .logo-lingua > .lingue { position: absolute; left: 835px; top: 880px; width: 250px; opacity: 0; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; transition: opacity 500ms ease; }
html > body > .logo-lingua > .lingue.show { opacity: 1; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; transition: opacity 500ms ease; }
html > body > .logo-lingua > .lingue > ul { width: 100%; }
html > body > .logo-lingua > .lingue > ul > li { text-align: center; background-color: white; margin-bottom: 42px; padding: 15px 0; -webkit-transition: background-color 500ms ease; -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -ms-transition: background-color 500ms ease; transition: background-color 500ms ease; }
html > body > .logo-lingua > .lingue > ul > li > a { display: block; color: #e6432e; font-size: 1.313em; font-weight: 600; -webkit-transition: color 500ms ease; -moz-transition: color 500ms ease; -o-transition: color 500ms ease; -ms-transition: color 500ms ease; transition: color 500ms ease; text-decoration: none; text-transform: uppercase; }
html > body > .logo-lingua.bianco { background-color: white; -webkit-transition: background-color 500ms ease; -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -ms-transition: background-color 500ms ease; transition: background-color 500ms ease; }
html > body > .logo-lingua.bianco > .lingue > ul > li { background-color: #e6432e; -webkit-transition: background-color 500ms ease; -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -ms-transition: background-color 500ms ease; transition: background-color 500ms ease; }
html > body > .logo-lingua.bianco > .lingue > ul > li > a { color: white; -webkit-transition: color 500ms ease; -moz-transition: color 500ms ease; -o-transition: color 500ms ease; -ms-transition: color 500ms ease; transition: color 500ms ease; }
html > body > .languages { width: 473px; position: absolute; top: 120px; left: 90px; }
html > body > .languages > ul { width: 100%; opacity: 1; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; transition: opacity 500ms ease; }
html > body > .languages > ul.hide { opacity: 0; }
html > body > .languages > ul > li { display: block; width: 50%; float: left; font-size: 1.25em; font-weight: 600; background-color: #efefef; position: relative; }
html > body > .languages > ul > li > a { color: black; text-align: center; text-decoration: none; text-transform: uppercase; opacity: 0.4; display: block; padding: 14px 22px; }
html > body > .languages > ul > li.select { background-color: #e6432e; z-index: 1; box-shadow: 0 0 6px #333333; -webkit-box-shadow: 0 0 6px #333333; -moz-box-shadow: 0 0 6px #333333; -o-box-shadow: 0 0 6px #333333; }
html > body > .languages > ul > li.select > a { opacity: 1; color: white; }
html > body > .navigazione { width: 473px; position: absolute; top: 397px; left: 35px; }
html > body > .navigazione > ul { width: 100%; opacity: 1; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; transition: opacity 500ms ease; }
html > body > .navigazione > ul.hide { opacity: 0; }
html > body > .navigazione > ul > li { display: block; width: 100%; font-size: 1.313em; margin-bottom: 46px; overflow: hidden; background-color: transparent; background-image: url('../layout/bg-button.png'); background-repeat: no-repeat; background-position: 0 0; background-size: auto auto; padding-left: 55px; }
html > body > .navigazione > ul > li.bottone-1 { background-position: 0 0px; }
html > body > .navigazione > ul > li.bottone-2 { background-position: 0 -55px; }
html > body > .navigazione > ul > li.bottone-3 { background-position: 0 -110px; }
html > body > .navigazione > ul > li.bottone-4 { background-position: 0 -165px; }
html > body > .navigazione > ul > li > a { color: white; text-decoration: none; display: block; padding: 17px 22px; background-color: #e6432e; }
html > body > .intro { position: absolute; left: 0; /*296px;*/ top: 0; width: 716px; height: 1080px; background-color: white; }
html > body > .intro > .testo { position: absolute; left: 105px; top: 245px; width: 542px; }
html > body > .intro > .testo > header > h1 { font-size: 2.125em; font-weight: 700; font-family: "Roboto Slab"; margin-bottom: 55px; }
html > body > .intro > .testo > p { font-size: 1.125em; font-weight: 300; line-height: 1.4em; margin-bottom: 45px; }
html > body > .intro > .vista { position: absolute; left: 105px; bottom: 55px; width: 542px; }
html > body > .intro > .vista > ul { width: 100%; }
html > body > .intro > .vista > ul > li { float: left; width: 50%; text-align: center; padding: 15px 0; background-color: #efefef; font-size: 1.25em; font-weight: 700; font-family: "Roboto Slab"; }
html > body > .intro > .vista > ul > li.select { background-color: #e6432e; color: white; }
html > body > .intro > .filtri { position: absolute; left: 105px; bottom: 228px; width: 542px; }
html > body > .intro > .filtri > header > h1 { font-size: 1.25em; font-weight: 700; font-family: "Roboto Slab"; margin-bottom: 40px; }
html > body > .intro > .filtri > ul { width: 100%; overflow: auto; }
html > body > .intro > .filtri > ul > li { float: left; width: 50%; margin-bottom: 17px; }
html > body > .intro > .filtri > ul > li > span { display: inline-block; vertical-align: middle; }
html > body > .intro > .filtri > ul > li > span.square { width: 40px; height: 40px; background-color: #efefef; -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; -ms-transition: background-color 300ms ease; transition: background-color 300ms ease; }
html > body > .intro > .filtri > ul > li > span.label { font-size: 1.125em; margin-left: 14px; max-width: 200px; }
html > body > .intro > .filtri > ul > li.select > span.square { background-color: #e6432e; -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; -ms-transition: background-color 300ms ease; transition: background-color 300ms ease; }
html > body > .intro > .filtri > ul > li.select > span.label { font-weight: 700; }
html > body > .poi { position: absolute; left: 716px; /*1012px;*/ top: 0; width: 908px; height: 1080px; overflow: hidden; background-color: #efefef; -webkit-transition: left 500ms ease 0ms, width 500ms ease 0ms; -moz-transition: left 500ms ease 0ms, width 500ms ease 0ms; -o-transition: left 500ms ease 0ms, width 500ms ease 0ms; -ms-transition: left 500ms ease 0ms, width 500ms ease 0ms; transition: left 500ms ease 0ms, width 500ms ease 0ms; }
html > body > .poi > div { position: absolute; height: 1080px; top: 0; left: 0; width: 1816px; -webkit-transition: left 500ms ease; -moz-transition: left 500ms ease; -o-transition: left 500ms ease; -ms-transition: left 500ms ease; transition: left 500ms ease; }
html > body > .poi > div.right { left: -908px; -webkit-transition: left 500ms ease; -moz-transition: left 500ms ease; -o-transition: left 500ms ease; -ms-transition: left 500ms ease; transition: left 500ms ease; }
html > body > .poi > div > .mappa { position: relative; width: 908px; height: 1080px; float: left; -webkit-transition: width 500ms ease 500ms; -moz-transition: width 500ms ease 500ms; -o-transition: width 500ms ease 500ms; -ms-transition: width 500ms ease 500ms; transition: width 500ms ease 500ms; }
html > body > .poi > div > .mappa.open { width: 0; -webkit-transition: width 500ms ease 500ms; -moz-transition: width 500ms ease 500ms; -o-transition: width 500ms ease 500ms; -ms-transition: width 500ms ease 500ms; transition: width 500ms ease 500ms; }
html > body > .poi > div > .mappa > #map { width: 908px; height: 1080px; -webkit-transition: width 500ms ease 500ms; -moz-transition: width 500ms ease 500ms; -o-transition: width 500ms ease 500ms; -ms-transition: width 500ms ease 500ms; transition: width 500ms ease 500ms; }
html > body > .poi > div > .mappa > #map.open { width: 0; -webkit-transition: width 500ms ease 500ms; -moz-transition: width 500ms ease 500ms; -o-transition: width 500ms ease 500ms; -ms-transition: width 500ms ease 500ms; transition: width 500ms ease 500ms; }
html > body > .poi > div > .elenco { position: relative; width: 908px; height: 1080px; float: left; opacity: 1; -webkit-transition: opacity 500ms ease 500ms, width 500ms ease 500ms; -moz-transition: opacity 500ms ease 500ms, width 500ms ease 500ms; -o-transition: opacity 500ms ease 500ms, width 500ms ease 500ms; -ms-transition: opacity 500ms ease 500ms, width 500ms ease 500ms; transition: opacity 500ms ease 500ms, width 500ms ease 500ms; }
html > body > .poi > div > .elenco > .button { display: block; height: 123px; background-color: transparent; background-position: center 0; background-repeat: no-repeat; background-image: url('../layout/slide.png'); overflow: hidden; opacity: 0.5; }
html > body > .poi > div > .elenco > .button.down { background-position: center -123px; }
html > body > .poi > div > .elenco > .button.active { opacity: 1; }
html > body > .poi > div > .elenco > .slide { position: relative; height: 834px; overflow: hidden; }
html > body > .poi > div > .elenco > .slide > ul { position: absolute; top: 0; left: 0; width: 100%; }
html > body > .poi > div > .elenco > .slide > ul > li { width: 25%; float: left; margin-bottom: 11px; }
html > body > .poi > div > .elenco > .slide > ul > li > a { display: block; color: #333333; text-decoration: none; font-size: 1em; font-weight: 300; }
html > body > .poi > div > .elenco > .slide > ul > li > a > figure > img { display: block; margin: 0 auto 13px; }
html > body > .poi > div > .elenco > .slide > ul > li > a > figure > figcaption { text-align: center; }
html > body > .poi > div > .elenco > .poi-info { opacity: 0; position: absolute; top: 84px; left: 37px; width: 1425px; visibility: hidden; -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms; -moz-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms; -o-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms; -ms-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms; }
html > body > .poi > div > .elenco > .poi-info.open { opacity: 1; visibility: visible; -webkit-transition: opacity 500ms ease 1200ms; -moz-transition: opacity 500ms ease 1200ms; -o-transition: opacity 500ms ease 1200ms; -ms-transition: opacity 500ms ease 1200ms; transition: opacity 500ms ease 1200ms; }
html > body > .poi > div > .elenco > .poi-info > .close { width: 52px; height: 48px; margin-bottom: 110px; background-color: #333333; background-repeat: no-repeat; background-position: center center; background-size: auto; background-image: url('../layout/close.png'); }
html > body > .poi > div > .elenco > .poi-info > .testo { width: 560px; }
html > body > .poi > div > .elenco > .poi-info > .testo > header { margin-bottom: 55px; }
html > body > .poi > div > .elenco > .poi-info > .testo > header > h1 { font-size: 2.125em; font-family: "Roboto Slab"; font-weight: 700; line-height: 1.2em; }
html > body > .poi > div > .elenco > .poi-info > .testo > .scroll-text { position: relative; height: 565px; overflow: hidden; }
html > body > .poi > div > .elenco > .poi-info > .testo > .scroll-text > div { position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: top 300ms ease; -moz-transition: top 300ms ease; -o-transition: top 300ms ease; -ms-transition: top 300ms ease; transition: top 300ms ease; }
html > body > .poi > div > .elenco > .poi-info > .testo > .scroll-text > div > p { font-size: 1.125em; font-weight: 300; line-height: 1.5em; }
html > body > .poi > div > .elenco > .poi-info > .testo > .scroll-text > div.more { top: -565px; -webkit-transition: top 300ms ease; -moz-transition: top 300ms ease; -o-transition: top 300ms ease; -ms-transition: top 300ms ease; transition: top 300ms ease; }
html > body > .poi > div > .elenco > .poi-info > .testo > .more { font-size: 1.125em; font-weight: 700; color: #333333; text-decoration: none; padding: 12px 56px 11px 0; display: block; max-width: 115px; margin-top: 45px; background-image: url('../layout/more.png'); background-color: transparent; background-size: auto auto; background-repeat: no-repeat; background-position: right center; }
html > body > .poi > div > .elenco > .poi-info > .testo > #more { display: none; }
html > body > .poi > div > .elenco > .poi-info > .testo > .nav-text { height: 80px; margin-top: 31px; position: relative; width: 100%; opacity: 0; }
html > body > .poi > div > .elenco > .poi-info > .testo > .nav-text.active { opacity: 1; }
html > body > .poi > div > .elenco > .poi-info > .testo > .nav-text > div { width: 50%; float: left; height: 80px; background-color: transparent; background-repeat: no-repeat; background-size: auto; background-position: center -25px; background-image: url('../layout/slide.png'); opacity: 0.5; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; transition: opacity 300ms ease; }
html > body > .poi > div > .elenco > .poi-info > .testo > .nav-text > div.next { background-position: center -150px; }
html > body > .poi > div > .elenco > .poi-info > .testo > .nav-text > div.active { -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; transition: opacity 300ms ease; opacity: 1; }
html > body > .poi > div > .elenco > .poi-info > .gallery { position: absolute; top: 158px; right: 0; width: 810px; }
html > body > .poi > div > .elenco > .poi-info > .gallery > .immagine { float: left; }
html > body > .poi > div > .elenco > .poi-info > .gallery > .immagine.immagine-1 { margin-bottom: 26px; }
html > body > .poi > div > .elenco > .poi-info > .gallery > .immagine.immagine-2 { margin-right: 30px; }
html > body > .poi > div > .elenco > .poi-info > .gallery > .immagine > a > figure > img { display: block; line-height: 1em; }
html > body > .poi > div > .elenco.open { width: 1556px; }
html > body > .poi > div > .elenco.open > div { opacity: 0; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; transition: opacity 500ms ease; }
html > body > .poi > div > .elenco.open > div.active { opacity: 0; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; transition: opacity 500ms ease; }
html > body > .poi > div > .elenco > div { opacity: 1; -webkit-transition: opacity 500ms ease 1000ms; -moz-transition: opacity 500ms ease 1000ms; -o-transition: opacity 500ms ease 1000ms; -ms-transition: opacity 500ms ease 1000ms; transition: opacity 500ms ease 1000ms; }
html > body > .poi > div > .elenco.load { background-image: url('../layout/ajax-loader-large.gif'); background-position: center center; background-repeat: no-repeat; }
html > body > .poi.open { left: 68px; width: 1556px; -webkit-transition: left 500ms ease 500ms; -moz-transition: left 500ms ease 500ms; -o-transition: left 500ms ease 500ms; -ms-transition: left 500ms ease 500ms; transition: left 500ms ease 500ms; }
html > body > .poi.open > div { width: 2464px; -webkit-transition: width 500ms ease 500ms; -moz-transition: width 500ms ease 500ms; -o-transition: width 500ms ease 500ms; -ms-transition: width 500ms ease 500ms; transition: width 500ms ease 500ms; }
html > body > .sito { width: 1624px; height: 1080px; position: absolute; top: 0; left: 296px; background-color: white; }
html > body > .sito > iframe { position: absolute; top: 0; left: 302px; width: 1020px; height: 1080px; }
html > body > div > .opera { position: absolute; left: 499px; /*795px;*/ top: 0; width: 1125px; height: 918px; overflow: hidden; background-color: #efefef; }
html > body > div > .opera > .immagine { max-width: 980px; max-height: 878px; margin: 139px auto 0; }
html > body > div > .opera > .immagine > figure { width: 100%; height: 100%; }
html > body > div > .opera > .immagine > figure > img { max-width: 980px; max-height: 840px; display: block; width: auto; height: auto; margin: 0 auto; opacity: 1; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; transition: opacity 300ms ease; }
html > body > div > .opera > .immagine > figure > img.hide { opacity: 0; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; transition: opacity 200ms ease; }
html > body > div > .opera > .immagine > figure > figcaption { font-size: 1.125em; font-weight: 300; line-height: 1.4em; opacity: 1; display: block; width: auto; height: auto; margin: 20px auto 0; text-align: center; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; transition: opacity 300ms ease; }
html > body > div > .opera > .immagine > figure > figcaption.hide { opacity: 0; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; transition: opacity 200ms ease; }
html > body > div > .descrizione { position: absolute; left: 0; /*296px;*/ top: 0; width: 499px; height: 918px; background-color: white; }
html > body > div > .descrizione > .testo { position: absolute; left: 105px; top: 245px; width: 314px; }
html > body > div > .descrizione > .testo > header > h1 { font-size: 2.125em; font-weight: 700; font-family: "Roboto Slab"; line-height: 1.2em; margin-bottom: 55px; }
html > body > div > .descrizione > .testo > p { font-size: 1.125em; font-weight: 300; line-height: 1.4em; margin-bottom: 45px; }
html > body > div > .descrizione > .testo > p.didascalia { margin-top: 45px; }
html > body > div > .descrizione > .testo > p.didascalia > strong { display: block; opacity: 1; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; transition: opacity 300ms ease; }
html > body > div > .descrizione > .testo > p.didascalia > strong.hide { opacity: 0; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; transition: opacity 200ms ease; }
html > body > div > .descrizione > .testo > p.didascalia > span { display: block; opacity: 1; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; transition: opacity 300ms ease; }
html > body > div > .descrizione > .testo > p.didascalia > span.data { margin-top: 45px; }
html > body > div > .descrizione > .testo > p.didascalia > span.hide { opacity: 0; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; transition: opacity 200ms ease; }
html > body > div > .opere { position: absolute; left: 0; /*296px;*/ top: 918px; width: 1624px; height: 162px; overflow: hidden; background-color: #dedede; }
html > body > div > .opere > .button { display: block; height: 162px; width: 76px; background-color: transparent; background-position: center 0; background-repeat: no-repeat; background-image: url('../layout/slide-gallery.png'); overflow: hidden; opacity: 0.5; position: absolute; top: 0; }
html > body > div > .opere > .button.prev { background-position: 0px 20px; left: 0; }
html > body > div > .opere > .button.next { background-position: 0px -104px; right: 0; }
html > body > div > .opere > .button.active { opacity: 1; }
html > body > div > .opere > .slide { position: relative; width: 1472px; height: 162px; overflow: hidden; left: 76px; }
html > body > div > .opere > .slide > ul { position: absolute; left: 0; top: 0; width: 100%; padding-top: 26px; -webkit-transition: left 500ms ease; -moz-transition: left 500ms ease; -o-transition: left 500ms ease; -ms-transition: left 500ms ease; transition: left 500ms ease; }
html > body > div > .opere > .slide > ul > li { float: left; width: 160px; height: 106px; margin: 0 8px; border: 4px solid #dedede; overflow: hidden; -webkit-transition: border-color 200ms ease; -moz-transition: border-color 200ms ease; -o-transition: border-color 200ms ease; -ms-transition: border-color 200ms ease; transition: border-color 200ms ease; }
html > body > div > .opere > .slide > ul > li.select { border: 4px solid #8a8787; -webkit-transition: border-color 500ms ease; -moz-transition: border-color 500ms ease; -o-transition: border-color 500ms ease; -ms-transition: border-color 500ms ease; transition: border-color 500ms ease; }
html > body > div > .opere > .slide > ul > li > a { display: block; line-height: 1em; }
html > body > div > .opere > .slide > ul > li > a > figure { display: block; line-height: 1em; width: 100%; height: 100%; position: relative; }
html > body > div > .opere > .slide > ul > li > a > figure > img { position: absolute; width: 180px; height: 180px; display: block; left: -10px; top: -10px; }
html > body > div > .opere > .slide > ul > li > a > figure > figcaption { width: 100%; height: 100%; visibility: none; }
html > body > div > .protection { width: 1920px; height: 1080px; position: absolute; left: 0; top: 0; z-index: 999; background-color: black; opacity: 0; display: none; }
html > body > div > .protection.active { display: block; }
html > body > .protection { width: 1920px; height: 1080px; position: absolute; left: 0; top: 0; z-index: 999; background-color: black; opacity: 0; display: none; }
html > body > .protection.active { display: block; }