HTML { font-size: 2.6vw;}
BODY { text-align: center; margin: 0px; padding: 0px; background-color: #EFFFFF; color: #005;}
H1 { display: block; margin: 0.5vw; font-size: 1.4rem; margin-top: 3vw; font-weight: 900;}
H2 { display: block; margin: 0.5vw; font-size: 0.9rem; margin-top: 3vw; font-weight: 600;}
H3 { display: block; margin: 0.5vw 11vw; font: italic normal 500 0.67rem serif; color: #4D4D4D; }
H4 { display: block; margin: 0.5vw; font-size: 0.75rem; font-weight: 400;}
H5 { display: block; margin: 0.5vw; font-size: 0.8rem; margin-top: 5vw; font-style: italic; font-weight: 400;}
H6 { display: block; margin: 0.5vw; font-size: 1rem; margin-top: 3vw;}
H7 { display: block; margin: 0.5vw; position: fixed; bottom: 0.2vw; left: 0.5vw; font: italic normal 300 0.4rem serif; z-index: 2;}
DIV#slide2 { display: block; position: absolute; top: 0vh; left: 0vw; margin: 47vh 49vw; height: 0vh; width: 0vw; background-color: #FFF; z-index: 1; overflow: hidden; border: none; transition: width 1s, height 1s, margin 1s; overflow-Y: scroll;}
P#to1, P#to2, P#to3, P#to4 { display: block; margin: 0px; position: fixed; width: 5vw; height: 7vw; top: 0px; left: 0px; z-index: 2;}
P#to2, P#to4 { left: auto; right: 0px;} P#to3, P#to4 { top: auto; bottom: 0px;}
DIV#slide3 { display: none; position: absolute; top: 0vh; left: 0vw; margin: 0px; height: auto; width: 100vw; background-color: #DFD; z-index: -1; overflow-Y: scroll; border: none; transition: height 1s; padding: 1vw; text-align: center;}
IMG#Tit1 { display: block; margin: 0px; width: 35vw; height: 27vh; position: absolute; left: 31vw; top: 26vh; z-index: 2;}
H3#frec1, H3#frec2, H3#frec3, H3#frec4 { display: none; position: absolute; font-size: 1.7rem; color: #5c5c5c; -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -o-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); left: 19vw;}
H3#fase1, H3#fase2, H3#fase3, H3#fase4 { display: none; margin: 0px; width: 24vw; height: 1.4vw; text-align: center; padding: 0vw; color: #001; line-height: 1.4vw; border-radius: 1.4em 0.3em; border: 0.3vw double #005; z-index: 2; overflow: hidden; font-size: 1.3vw; white-space: pre; position: absolute; right: 69.8vw; background-color: #ADF;}
H3#frec3 { left: 53vw; }
H3#fase3 { width: 22vw; right: auto; left: 67.4vw;}
H3#frec2, H3#frec4 { left: 52vw; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg);}
H3#frec4 { left: 17.5vw; }
H3#fase2 { right: auto; left: 67vw; width: 27vw;}
H3#fase4 { right: 71.4vw; width: 27vw;}
B.xmn { display: block; border: thin solid #F00; color: #F00; font: normal normal 900 1.3vw serif; margin: 0px; padding: 0px; border-radius: 50%; width: 1.5vw; height: 1.5vw; text-align: center; line-height: 1.3vw; position: absolute; top: 0.2vw; right: 0.2vw; z-index: 2; cursor: pointer;} 
SPAN.subM { display: block; margin: 1vh; font: italic normal 500 1vw serif; width: 24vw; text-align: left; line-height: 2vw;}
I.ros { font: italic normal 500 1vw serif; color: #070; display: block; margin: 0.2vw 1vw; width: 24vw; text-align: left; padding: 0px; text-decoration: underline;}
H5#terz { display: none; margin: 0px; border: double medium #005; font: italic normal 500 1.1vw serif; background-color: #DFF; color: #005; position: absolute; top: 40vh; left: 29vw; border-radius: 0.6em 1.4em; width: auto; text-align: justify; line-height: 2vw; padding: 0.5vw 1.5vw; z-index: 3; hyphens: auto; padding-bottom: 2.5vw;}
text.st { display: block; font: italic normal 500 0.9em serif; margin: 0px; color: #900;}
H6#uda { display: none; margin: 0px; position: fixed; bottom: 0px; right: 48vw; width: 0vw; height: 1.5vw; z-index: 3; border-left: 3vw solid transparent; border-right: 3vw solid transparent; border-bottom: 1.4vw solid #005;}
IMG#mappa, IMG#griglia { width: 59vw; height: auto; margin-left: 2vw; border: medium double #006;}
textarea#DB { display: block; background-color: transparent; border: none; width: 63.6vw; margin: -0.7vw -1.5vw; padding: 1.5vw 2vw; height: auto; font: italic normal 600 1.1rem serif; color: #005; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; text-align: justify; line-height: 2rem;}
H6#rtn { position: fixed; top: 6vw; right: 2vw; font: italic normal 500 1.4vw serif; color: #050;}
IMG.fdx { display: inline-block; height: 8vw; width: auto; float: left; padding: 0px; margin: 0.5vw 1vw 0.5vw 1vw;  border: thin solid #003; padding: 0px;}
IMG.fsx { display: inline-block; height: 8vw; width: auto; float: right; padding: 0px; margin: 0.5vw 1vw;  border: thin solid #003;}
I.meno { display: inline-block; font: italic normal 400 0.95vw serif;}
video { display: none; position: fixed; top: 30vh; left: 3vw; width: 55vw; height: auto; z-index: 10; margin: 0px; border: thin solid red;}
iframe { display: none; position: fixed; top: 5vh; left: 3vw; height: 92vh; width: 92vw; border: double medium #060; z-index: 3;}
B#xfr { display: none; position: fixed; top: 6vh; left: 86vw; height: 2vw; width: 2vw; border: solid medium #900; color: #900; cursor: pointer; z-index: 4; border-radius: 50%; line-height: 1.8vw; font-size: 1.5vw;}