body {
    margin: 10px;
	background: url('immagini/cieaem.png') repeat fixed #FE9B00;	
	background-color: #ffffff;
	font-family: Arial;
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
	border: solid 0px;
    border-color: red;
}

div {
	padding:14px;
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 8px 8px 8px 8px;
	}

.link a{
text-align: center;
text-decoration:none; 
color: #ffffff;
}

.link  a:hover {
text-allign: center;
background-color:#bcbcbc; 
text-decor ation:underline;
} 	
	
	
#album {
	display: table-cell;
	position:relative;
	margin-top: -180px; 
	margin-left: 20px;
	padding:3px;
	text-decoration: none;
	border: solid 3px #A8151C;
	border-radius: 5px 5px 5px 5px;
	background-color: #c8c8c8;
	font-size: 20px; 
	text-align: center; 
	color: #A8151C ; 
	font-weight: bold;
	
	width:460px; height: 200px;
	}
#CONTAINERB {
	width: 800px;
	height:auto;
	text-decoration: none;
	border: solid 2px #A8151C;
	border-radius: 8px 8px 8px 8px;
	background-color: #ebebeb;
	}
#CONTAINER {
	width: 800px;
	height:auto;
	text-decoration: none;
	border: solid 2px #A8151C;
	border-radius: 8px 8px 8px 8px;
	background-color: #ebebeb;
	}
	
div.logo {
    padding:24px;
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	
	width: 200px; 
	height:auto;
	color:  #A8151C;
	 box-shadow: 0 0px 0px #A8151C, inset 0 5px 8px #d2d2d2;
  -o-box-shadow: 0 0px 1px #A8151C, inset 0 1px 10px #ffffff;
  -webkit-box-shadow: 0 0px 1px #A8151C, inset 0 1px 10px #ffffff;
  -moz-box-shadow: 0 0px 1px #A8151C, inset 0 1px 10px #ffffff;
  margin: 0px;
  background: #ffffff;
	}	
	
div.logot {
    padding:24px;
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	width: 200px; 
	height:auto;
	color:  #A8151C;
	}	
#contenitore{  
	background: #ebebeb;
	padding: 0px;
	width: 400px;
	height:auto;
	margin-left: auto; 
	margin-right: auto;
	border:2px solid #A8151C;
	border-radius: 8px	8px 8px	8px;
	text-decoration: none;
}

#contenitoret{  
	background: #ffffff;
	padding: 0px;
	width: 400px;
	height:auto;
	margin-left: auto; 
	margin-right: auto;
	border:2px solid #A8151C;
	border-radius: 8px	8px 8px	8px;
	text-decoration: none;
}
h1 {    
    text-align: center;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #A8151C;
}
/*h1 a:link  {
    text-align: center;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #A8151C;
}*/

h1 a:hover   {
    
    text-align: center;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	color: #A8151C;
}

h2 {
    color: #A8151C;
    text-align: center;
	font-size: 14px;
	font-weight: bold;
}


#tasto1 div{	
			display: table-cell;
			width: 180px;
			height: 100px;
			text-align: center;
			vertical-align: middle;
			background:	#00A86B;
			border-radius: 5px 5px 5px 5px;			
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
			background-image: url('../immagini/cieaem.png');
}		
		
#tasto1 div:hover {
			width: 174px;
			height: 94px;
			border: solid 3px #A8151C;			
			text-decoration: none;
			text-align: center;
			background-image: none;
			BACKGROUND-COLOR: #c0c0c0;
		}

#tasto2 div{
			display: table-cell;
			width: 180px; 
			height:100px;
			text-align: center;
			vertical-align: middle;
			background:#cc0000;
			border-radius: 5px 5px 5px 5px;			
			color:#ffffff; 
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
		}
		
#tasto2 div:hover {
			width: 174px; 
			height:94px;
			border: solid 3px #A8151C;
			BACKGROUND-COLOR: #c0c0c0;
			text-decoration: none;
			text-align: center;
		} 
		
#tasto3 div{
			display: table-cell;
			width: 180px; 
			height:100px;
			text-align: center;
			vertical-align: middle;
			background:#1b7b98;
			border-radius: 5px 5px 5px 5px;			
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
		}
		
#tasto3 div:hover {
			width: 174px;
			height: 94px;
			border: solid 3px #A8151C;
			BACKGROUND-COLOR: #c0c0c0;
			text-decoration: none;
			text-align: center; 
		} 
		
#tasto4 div{
			display: table-cell;
			width: 180px; 
			height:228px;
			text-align: center;
			vertical-align: middle;
			BACKGROUND-COLOR: #c0c0c0;
			border-radius: 5px 5px 5px 5px;
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			border: solid 3px transparent;
			padding: 7px;
			background-image: url('../immagini/Poster.png');
			background-size: 204px 254px;
			background-repeat: no-repeat;
			background-position: center;
}		
		
#tasto4 div:hover {
			display: table-cell;
			width: 174px;
			height: 222px;
			border: solid 3px #A8151C;
			text-decoration: none;
			text-align: center;
			/*background-image: url('../immagini/Postern.png');*/
			BACKGROUND: #c0c0c0;
			padding: 10px;		
		} 
#tasto5A div{
			display: table-cell;
			width:580px; 
			height:228px;
			text-align: center;
			vertical-align: middle;
			background:	#bf3032;			
			border: solid 3px #bf3032;
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
}
			
#tasto5B div{
			display: table-cell;
			width:580px; 
			height:100px;
			text-align: center;
			vertical-align: middle;
			background:	#bf3032;			
			border: solid 3px #bf3032;
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
}		
		
/* #tasto5 div:hover {
			width: 174px;
			height: 94px;
			background:	#a22456;#ce3a3,d#d34e51
			border-radius: 5px 5px 5px 5px;
			BACKGROUND-COLOR: #c0c0c0;
			text-decoration: none;
			text-align: center;
		} */

#tasto6 div{
			display: table-cell;
			width: 174px; 
			height:90px;
			text-align: center;
			vertical-align: middle;
			background:#eb8c2d;
			border-radius: 5px 5px 5px 5px;
			color:#ffffff; 
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
			border: solid 3px transparent;
		}
		
#tasto6 div:hover {
			width: 174px;
			height: 90px;
			border: solid 3px #A8151C;
			BACKGROUND-COLOR: #c0c0c0;
			text-decoration: none;
			text-align: center;
		}  
		
#tasto7 div{
			display: table-cell;
			width: 180px; 
			height:100px;
			text-align: center;
			vertical-align: middle;
			BACKGROUND-COLOR: #c0c0c0;
			border-radius: 5px 5px 5px 5px;
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			border: solid 3px transparent;
			padding: 7px;
			background-image: url('../immagini/Program.jpg');
			background-size: 200px ;
			background-repeat: no-repeat;
			background-position: center;
		}
		
/* */#tasto7 div:hover {
			width: 180px;
			height: 100px;
			border: solid 3px #A8151C;
			BACKGROUND: #c0c0c0;
			text-decoration: none;
			text-align: center; 
		} 


		

		
#tasto8 div{
			display: table-cell;
			width: 180px; 
			height:100px;
			text-align: center;
			vertical-align: middle;
			background:	#990000;
			border-radius: 5px 5px 5px 5px;
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
}		
		
#tasto8 div:hover {
			width: 174px;
			height: 94px;
			border: solid 3px #A8151C;
			BACKGROUND-COLOR: #c0c0c0;
			text-decoration: none;
			text-align: center; 		
		}
		
		
#tasto9 div{
			display: table-cell;
			width:154px; 
			height:200px;
			text-align: center;
			vertical-align: middle;
			BACKGROUND-COLOR: #00AF50;
			border-radius: 5px 5px 5px 5px;
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			border: solid 3px transparent;
			padding: 7px;
			background-image: url('../immagini/Tuesday-July-21R.png');
			background-size: 350px;
			background-repeat: no-repeat;
			background-position: center;
		}
		
#tasto9 div:hover {
			width:154px; 
			height:200px;
			border: solid 3px #A8151C;
			BACKGROUND: #c0c0c0;
			background-image: url('../immagini/Tuesday-July-21RG.png');
			background-size: 350px;
			background-repeat: no-repeat;
			background-position: center;
			text-decoration: none;
			text-align: center; 
		} 

#tasto9b div{
			display: table-cell;
			width:366px; 
			height:200px;
			text-align: center;
			vertical-align: middle;
			BACKGROUND-COLOR: #A8151C;
			border-radius: 5px 5px 5px 5px;
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			border: solid 3px transparent;
			padding: 7px;
			background-image: url('../immagini/libretto.png');
			background-size: 390px;
			background-repeat: no-repeat;
			background-position: center;
		}
		
#tasto9b div:hover {
			width:366px; 
			height:200px;
			border: solid 3px #A8151C;
			BACKGROUND: #c0c0c0;
			background-image: url('../immagini/librettoG.png');
			background-size: 390px;
			background-repeat: no-repeat;
			background-position: center;
			text-decoration: none;
			text-align: center; 
		} 

		
#tasto1A div{
			display: table-cell;
			width: 180px;
			height: 100px;
			text-align: center;
			vertical-align: middle;
			background:	#990000;
			border-radius: 5px 5px 5px 5px;			
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
}		
		
#tasto1A div:hover {
			width: 174px; 
			height:94px;
			border: solid 3px #A8151C;
			BACKGROUND-COLOR: #c0c0c0;
			text-decoration: none;
			text-align: center;
		}
#tasto1B div{
			display: table-cell;
			width: 180px;
			height: 100px;
			text-align: center;
			vertical-align: middle;
			background:	#b30000;
			border-radius: 5px 5px 5px 5px;			
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
}		
		
#tasto1B div:hover {
			width: 174px; 
			height:94px;
			border: solid 3px #A8151C;
			BACKGROUND-COLOR: #c0c0c0;
			text-decoration: none;
			text-align: center;
		}
		
#tasto1C div{
			display: table-cell;
			width: 180px;
			height: 100px;
			text-align: center;
			vertical-align: middle;
			background:	#cd0000;
			border-radius: 5px 5px 5px 5px;			
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
}		
		
#tasto1C div:hover {
			width: 174px; 
			height:94px;
			border: solid 3px #A8151C;
			BACKGROUND-COLOR: #c0c0c0;
			text-decoration: none;
			text-align: center;
		}		
#tasto2A div{
			display: table-cell;
			width: 180px; 
			height:100px;
			text-align: center;
			vertical-align: middle;
			background:	#004d9b;
			border-radius: 5px 5px 5px 5px;
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
}		
		
#tasto2A div:hover {
			width: 174px; 
			height:94px;
			BACKGROUND-COLOR: #c0c0c0;
			border: solid 3px #A8151C;
			text-decoration: none;
			text-align: center;
		}
		
#tasto2B div{
			display: table-cell;
			width: 180px; 
			height:100px;
			text-align: center;
			vertical-align: middle;
			background:	#0073e7;
			border-radius: 5px 5px 5px 5px;
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
}		
		
#tasto2B div:hover {
			width: 174px; 
			height:94px;
			BACKGROUND-COLOR: #c0c0c0;
			border: solid 3px #A8151C;
			text-decoration: none;
			text-align: center;
		}
		
#tasto2C div{
			display: table-cell;
			width: 180px; 
			height:100px;
			text-align: center;
			vertical-align: middle;
			background:	#3599ff;
			border-radius: 5px 5px 5px 5px;
			color:#ffffff;
			font-size: 16px;
			font-weight:bold;
			padding: 10px;
}		
		
#tasto2C div:hover {
			width: 174px; 
			height:94px;
			BACKGROUND-COLOR: #c0c0c0;
			border: solid 3px #A8151C;
			text-decoration: none;
			text-align: center;
		}	

#tastoA div{
			display: table-cell;
			width: 540px; 
			height:220px;
			text-align: justify;
			vertical-align: middle;
			border: solid 3px #A8151C;
			background:#ffffff;
			border-radius: 5px 5px 5px 5px;			
			color:#ff0000; 
			font-size: 16px;
			font-weight:normal;
			padding: 10px;
		}
		
#tastoA div:hover {
			width: 540px; 
			height:220px;
			border: solid 3px #A8151C;
			BACKGROUND-COLOR: #c0c0c0;
			text-decoration: none;
			text-align: center;
			color:#ffffff;
			text-align: justify;
		} 




		
#homeper {
	position:relative;
	top: 20px;
	left: -380px;
	padding:1px;
	text-decoration: none;
	border: solid 0px #A8151C;
	text-align: left;
	border-radius: 4px 4px 4px 4px;
	width:24px;
	}
	
.homeper {
 background-image: url('http://www.perladidattica.it/immagini/home.png');
 background-color: #ffffff;
 background-repeat: no-repeat; 
 background-position: center center;
 height:24px; 
 width:24px;
 position:relative;
 left: ;
 top: ;
 z-index: 1;
 border: solid 2px #990000;
 border-radius: 4px 4px 4px 4px;
}

.homeper:hover {
 background-image: url('http://www.perladidattica.it/immagini/perladidattica.gif');
 background-repeat: no-repeat; 
 background-position: center center;
 left: ;
 top: ;
 height:24px; 
 width:24px;
 border: solid 2px #ff0000;
 border-radius: 4px 4px 4px 4px;
}
.home65 {
 background-image: url('../immagini/HomeCIEAEM65.png');
 background-color: #ffffff;
 background-repeat: no-repeat; 
 background-position: center center;
 width:48px;
 height:48px; 
 position: relative;
 left: 364px ;
 top: 78px ;
 z-index: 1;
 border: solid 3px #cccccc;
 border-radius: 4px 4px 4px 4px; 
 padding:0px;
}


.home65:hover {
 background-image: url('../immagini/Home2CIEAEM65.png');
 background-repeat: no-repeat; 
 background-position: center center;
 top:;
 width:48px;
 height:48px; 
 padding:0px;
 border: solid 3px #FFCC00;
 border-radius: 4px 4px 4px 4px;
}