html {
	height: 100%;
	width: 100%;
}

body {
background-color: #ffffe6;
position: relative;
display: block;
margin: 0;
padding-bottom: 5%;
}




.piepagina {
font-size: 15px;
height: 17px;
width: 100%;
background-color: #366363;
text-align: center;
margin-top: 100px;
color: #ffffe6;
position: fixed;
bottom: 1px;
}

.descrizione {
width: 60%;
font-size: 15px;
font-family: "Comic Sans MS", sans-serif;
text-align: center;
font-style: italic;	
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
resize: both; 
overflow-x: auto;
}
.benvenuto{
margin-right: 100px;
margin-left: 100px;
font-size: 20px;
font-family: "Comic Sans MS", sans-serif;
text-align: justify;
resize: both; 
overflow-x: auto;
}

.menus {
width: 100%;
height: 50px;
margin-bottom: 30px;
resize: both; 
overflow-x: auto;
}

.titoli {
font-family: "Comic Sans MS", sans-serif;
font-size: 50px;
font-weight: bold;
text-align: center;
margin-top: 10px;
clear: left;
resize: both; 
overflow-x: auto;
resize: both; 
overflow-x: auto;
margin-bottom: 15px;
color: #366363;
}

.titoliraggio {
font-family: "Comic Sans MS", sans-serif;
font-size: 50px;
font-weight: bold;
text-align: center;
margin-top: 10px;
resize: both; 
overflow-x: auto;
color: #366363;
}

.raggio {
width: 60%;
font-size: 15px;
font-family: "Comic Sans MS", sans-serif;
text-align: justify;
font-style: italic;	
margin: auto;
resize: both; 
overflow-x: auto;
}

h2.benvenuto {
font-weight: bold;
font-size: 20px;
text-align: center;
text-transform: uppercase;
color: #cc4f49;
}

.sticker {
width: 300px;
height: 400px;
margin: 0 auto;
margin-bottom: 100px;
  position: relative;
animation-iteration-count:infinite;
  animation-name: animation3;
  animation-duration: 10s;
  resize: both; 
}		
@keyframes animation3 {
  0%   { left: 0px;}
  33%  { left: 300px;}
  66%  { left: -300px;}
  100%  { left: 0px;}
}



table {
border-collapse: collapse;
border: 1px  solid black;
width: 100%; 
resize: both; 

}

th {
border-collapse: collapse;
background-color: #ffffe6;
border: 1px  solid black;
font-size: 14px;
padding: 0px;
font-family: "Comic Sans MS", sans-serif
}



ul {
margin: auto;
padding: 0px;
width: 100%;
list-style-type: none;
background-color: #366363;
overflow: hidden;

}

li {
float: left;
}

li a{
display: block;
color: #ffffe6;
padding: 15px 17px;
text-align: center;
font-size: 20px;
text-decoration: none;
}

li a:hover {
  background-color: #e6e6ff;
  color: #4646b9;
}

li.destra{
float: right;
}

.corrente {
background-color: #bddbdb;
color: #366363;
}



.testata {
width: 1120px;
height: 120px;
margin: 0px auto;
resize: both; 
}
	
img.testata1 {
width: 89%;
height: 100%;
resize: both; 
overflow-x: auto;
}

img.testata2 {
width: 11%;
height: 100%; 
resize: both; 
overflow-x: auto;
}
	
.imgtesto {
width: 20%;
height: 90%;
float: left;
margin-top: 1%;
resize: both; 

}
	
img.riempi {
width:100%;
height:100%;
resize: both; 
overflow-x: auto;
}
	
.txtcane {
width: 50%;
height: 100%;
margin-right: 10px;
font-size: 15px;
font-family: "Comic Sans MS", sans-serif;
text-align: justify;
float: left;
resize: both; 
overflow-x: auto;
padding-right: 10px;
}	
	
.contenitore {
width: 100%;
height: 300px;
justify-content: center;
display: flex;
resize: both; 
overflow-x: auto;
}
	
.fissato {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
font-family: "Comic Sans MS", sans-serif;
resize: both; 
overflow-x: auto;
}

span {
color: #cc4f49;
}	
	
.tabella {
margin: 0px auto;
width: 50%;
resize: both; 
overflow-x: auto;
}	
	
.pip {
margin-left: auto;
margin-right: auto;
width: 40%;
height: 30%;
padding: 0px;
resize: both; 

}		
	
video{
 width: 100%;
 height: 100%;
 resize: both; 

}


.lista {
font-size: 20px;
text-align: center;
font-family: "Comic Sans MS", sans-serif;
color: black;
font-weight: bold;
resize: both; 
list-style-type: circle;
padding: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
width: 60%;
height: 5%;
border: 3px solid #366363;
}

.immagineraggio {
width: 64%;
height: 30%;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
clear: left;
resize: both; 
overflow-x: auto;
}

.indice {
margin-left: 20px;
margin-top: 0px;
font-family: "Comic Sans MS", sans-serif;
width: 20%;
height: 30%;
resize: both; 
font-size: 20px;
}

.listanumerata {
font-family: "Comic Sans MS", sans-serif;
clear: left;
font-size: 20px;
resize: both; 
resize: both; 
overflow-x: auto;
text-decoration: underline;
}