html {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }

  body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    
  }
  a {
	text-decoration: none;
	color: #F7924F;
}

  #bg {
    width: 100%;
    height: 100%;
    background: url('../foto/musica.jpg') no-repeat center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    -webkit-animation: myfirst 7s ; /* Chrome, Safari, Opera */
    animation: myfirst 7s ;
  }

  /* Chrome, Safari, Opera */
  @-webkit-keyframes myfirst {
    from {opacity: 0.1;}
    to {opacity: 1;}
  }

  /* Standard syntax */
  @keyframes myfirst {
    from {opacity: 0.1;}
    to {opacity: 1;}
  }
  .vertical-panel-title{
  font-family: 'montserratsemibold';
  font-size: 12px;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 1em;
  color: #F7924F;
  position: fixed;
  left: 25px;
  margin:0 auto;
  width: 1px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
   -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
 }
 /* ---- fine stile ---- */

div#pagine-menu {
width: 100%;
float: left;
margin: 0;
padding: 0;
background: rgba(0,0,0,0.0);

}
div#pagine-menu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
div#pagine-menu li
{
width:60px;
float:left;
margin: 0;
padding: 0;

   
}
div#pagine-menu a
{
display: block;
padding: 5px;
color: #FFFFFF;
text-decoration: none;

}
div#pagine-menu a:hover
{
background-color: rgba(0,0,0,0.25);
color: #FFFFFF;
text-decoration: none;
box-shadow: 5px 5px 5px #dedede;
}
div#pagine-menu li ul
{
display: none
}
div#pagine-menu li:hover ul
{
display: block;
z-index:1;
width:200px;
padding: 0;
margin: 0 0 0 -1px;
border:0px solid rgba(255,255,255,0.90);
opacity: .75; filter: alpha(opacity=35);
background: rgba(0,0,0,0.25);
box-shadow: 5px 5px 5px #dedede;

}
div#pagine-menu li li { border:none; width:200px; }
div#pagine-menu li li a { padding:2px 2px 2px 10px; }



/* ---- fine stile ---- */

.testoCorpo{
	font-family: 'kolker_brushregular';
	font-size:58px;
	
}

@font-face {
    font-family: 'kolker_brushregular';
    src: url('intro/kolkerbrush-regular-webfont.woff2') format('woff2'),
         url('intro/kolkerbrush-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.testoCorpo2{
	font-family: 'hassianuncialregular';
	font-size:20px;
	
}

@font-face {
    font-family: 'hassianuncialregular';
    src: url('viking/hassianuncial-jwqm-webfont.woff2') format('woff2'),
         url('viking/hassianuncial-jwqm-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}