body { 
height:100%;
width:100%;
margin: 0; 
padding: 0;
font-family: 'Lusitana', serif; 
font-size:18px;
}

#content{
margin:0px auto;
height:100%;
width:100%;
bottom: 0%;
position:absolute;
		}

#supersize img, #supersize a{
    height:100%;
    width:100%;
    display:none;
}
#supersize .activeslide, #supersize .activeslide img{
    display:inline;
}

img.resize {
	width: 100%;
	margin: 0 auto;
	display: block;
}

span.resize {
	width: 100%;
	margin: 0 auto;
	display: block;
}

p { 
border: 0;
margin: 0;
padding: 0;
font-size:100%;
}

a { 
text-decoration:none;
color: #FFFFFF;
}

#sfondo {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1;}

#titolo_sezione { 
font-family: 'Lusitana', serif;
font-weight: 700;
color: #FFFFFF;
width: 35%;
position: absolute;
top: 0%;
left: 0%;
margin: 0px;
padding: 3% 1% 2% 2%;
background-color: rgba(0, 0, 0, 0.7);
-webkit-border-radius: 0px 0px 20px 0px;
		border-radius: 0px 0px 20px 0px;
z-index: 50;	
}


#scheda_libro {
        display: block;
        position: absolute;
        width: 14%;
        z-index: 200;
		left: 0;
		margin-top: 37%;
		margin-left: 5%;
}
#scheda_libro p { 
font-family: 'Lusitana', serif;
font-weight: 700;
color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.7);
padding: 5px -10px 5px 0px;
text-align: center;
}


#title_schede { 
font-family: 'Lusitana', serif;
font-weight: 700;
color: #d5d5d5;
padding: 5px 10px 5px 10px;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1000;
font-size: 90%;
line-height: 35px;
-webkit-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;
}
#title_schede:hover { 
background-color: rgba(121, 121, 121, 0,8);
color: rgba(184, 184, 184, 1);
-webkit-box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, 1);
        box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, 1);
}

#title_schede_online { 
font-family: 'Lusitana', serif;
font-weight: 700;
color: #FFFFFF;
padding: 5px 10px 5px 10px;
background-color: rgba(0, 0, 0, 1);
z-index: 1000;
font-size: 90%;
line-height: 35px;
-webkit-border-radius: 10px 0px 10px 0px;
border-radius: 10px 0px 10px 0px;
}
#title_schede_online:hover { 
color: #fffe97;
background-color: rgba(0, 0, 0, 1);
-webkit-box-shadow:  0px 0px 10px 2px rgba(255, 255, 10, 1);
        box-shadow:  0px 0px 10px 2px rgba(255, 255, 10, 1);
}

#title_schede_piccole { 
font-family: 'Lusitana', serif;
font-weight: 700;
color: #d5d5d5;
padding: 5px 10px 5px 10px;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1000;
font-size: 75%;
font-style: italic;
line-height: 35px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
#title_schede_piccole:hover { 
background-color: rgba(121, 121, 121, 0,8);
color: rgba(184, 184, 184, 1);
-webkit-box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, 1);
        box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, 1);
}

#title_schede_piccole_online { 
font-family: 'Lusitana', serif;
font-weight: 700;
color: #FFFFFF;
padding: 5px 10px 5px 10px;
background-color: rgba(0, 0, 0, 1);
z-index: 1000;
font-size: 75%;
font-style: italic;
line-height: 35px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
#title_schede_piccole_online:hover { 
color: #fffe97;
background-color: rgba(0, 0, 0, 1);
-webkit-box-shadow:  0px 0px 10px 2px rgba(229, 0, 0, 1);
        box-shadow:  0px 0px 10px 2px rgba(229, 0, 0, 1);
}

#boxinfo {
  padding: 10px;
  color: #000000;
  font-size: 80%;
  font-style: italic;
  font-weight: normal;
  background-color: rgba(256, 256, 256, 0.9);
  margin-top: -3px;
}

.box { 
background-color: rgba(256, 256, 256, 0.9);
}

div#video, #videolezione {
width: 18%;
border: 0px solid #000000;
-webkit-border-radius: 8px;
border-radius: 4px;
}


#pup {
  position:absolute;
  z-index:1000; 
  padding: 10px;
  margin-left: 10px;
  margin-top: -50px;
  width: 200px;
  border: 1px solid black;
  background-color: rgba(256, 256, 256, 1);
  color: #000000;
  font-size: 80%;
  font-style: italic;
  -webkit-border-radius: 8px;
		border-radius: 8px;
  -webkit-box-shadow:  0px 0px 7px 1px rgba(0, 0, 0, 0.7);
        box-shadow:  0px 0px 7px 1px rgba(0, 0, 0, 0.7);			
}

#puplungo {
  position:absolute;
  z-index:1000; 
  padding: 10px;
  margin-left: 10px;
  margin-top: -50px;
  border: 1px solid black;
  background-color: rgba(256, 256, 256, 1);
  color: #000000;
  font-size: 80%;
  font-style: italic;
  -webkit-border-radius: 8px;
		border-radius: 8px;
  -webkit-box-shadow:  0px 0px 7px 1px rgba(0, 0, 0, 0.7);
        box-shadow:  0px 0px 7px 1px rgba(0, 0, 0, 0.7);			
}

.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
}

.tiltist {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tiltist:hover {
  -webkit-transform: rotate(5deg);
     -moz-transform: rotate(5deg);
       -o-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
          transform: rotate(5deg);
}