body {font-family: Verdana, Geneva, sans-serif}

nav, ul, li, a  {margin: 0; padding: 0;}

.le1 {
	width: 100%;
	margin: 0 auto;
	}
.le21, .le22, .le20  {
	float: left; width: 90%;
	margin-left: 5%;
	margin-top: 1rem;
	}
.le20  {
	height:2em;
	}	
.le30  {
	float: left; width: 98%;
	margin-left: 5%;
	margin-top: 1rem;
	color:#2a6464;
	border: solid #2a6464;
	}

.le30 a {
	text-decoration: none;
	color:#2a6464;
	}
.link1 {
	text-decoration: none;
	color:#2a6464;
	}
.link1 hover {
	font-style:italic;
	font-weight:bolder;
	color:#FFFF00;	
	}		
.link2 {
	text-decoration: none;
	color:#2a6464;
	}
/* titolo */
.le31 {
	width: 98%;
	float: left;
	margin-left: 1%;
	margin-bottom: 1rem;
	border-bottom: solid #2a6464;
	color:#2a6464;
	}
.le31 h1 {
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	}
.le31 h2 {
	text-align: center;
	font-size: .8rem;
	font-weight: normal;
	}
.le31 h3 {
	text-align: center; font-size: .7rem;
	font-weight: normal;
	}
/* icone */
.le32 {
	 width:30%; float:left; margin-left:13.3%; text-align:top; text-align:center; margin-bottom:.5rem;
	}
.le32 img {
	width:50%;
	height:auto;
	}
.le322 {
	 width:25%; min-width:5%; float:left; margin-left:0%; text-align:top; text-align:center; margin-bottom:.5rem;
	}		
/* lectio */	
.le33  {
	display:flex;
	align-items:center;
	width:85%;
	height:2rem;
	float:left;
	text-align:left;
	vertical-align:text-top;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .9rem;
	margin-left: 2%;
	line-height: 1.2rem;
	padding-top:.5rem;
	}
.le33 p {
	font-size: 1rem;
	vertical-align: text-top;
	}
.le33 h1 {
	font-size: 0.8rem;
	font-weight: bold;
	}
.le33 h2 {
	font-size: 0.8rem;
	font-weight: bold;
	color: #FF0004;
	}
.le33 sup a {
	color: #FF0004;
	font-weight: bold;
	}
/* trascr */	
.le34  {
	width:10%;
	height:2rem;
	float:left;
	text-align:right;
	vertical-align:middle;
	display:inline-table;
	margin-right: 2%;
	line-height: 2.2rem;
	}
.img_le34 {
	width:100%;
	height:auto;
	padding-top:.8rem
	}
/* note */
.le35 {
	clear:both;
	display:block;
	width: 95%;
	margin: 0 auto;
	margin-bottom:.75rem;
	color:#2a6464;
	}
.le35 h2 {
	font-size: 0.8rem;
	font-weight: bold;
	color: #FF0004;	
	}
.le35 ol li {
	font-size: 0.8rem;
	font-weight: normal;
	color: #2a6464;	
	}	
/* link ai corsi */
.le7 {
	display: block;
	clear: left;
	margin: 0 auto;
	max-width:960px;
	width: 100%;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	}
.le7 h1 {
	text-align: center;
	color: #2a6464;
	font-size: 1.3rem;
	font-weight: bold
	}
.le7 p {
	text-align: center;
	color: #2a6464;
	font-size: 1.rem;
	}
.le7 a {
	text-align: center;
	color: #FF3300;
	font-size: 1.2rem;
	text-decoration: none;
	font-style: italic;
	font-weight:bolder;
	}

@media screen and (min-width : 456px ){
/* giallo */

.link1 {
	display: none;
	}	
	
.le21  {
	float: left;
	clear: both;
	width: 45.5%;
	margin-left: 3%;
	margin-top: 1rem;
	}
.le20  {
	display:none
	}		
.le22  {
	width: 45.5%;
	margin-left: 3%;
	margin-top: 1rem;
	}	
.le33  {
	width: 85%;
	margin-left: 2%;
	}	
.le34  {
	float: left;
	width: 10%;
	line-height: 2rem;
	text-align: right;
	margin-right: 2%;	
	}	
}	

@media screen and (min-width: 768px) {
/* verde */	
.le1 {
	width: 80%;
	margin-left: 10%;
	}
.img_le34 {
	padding-top:.4rem
	}		
}
@media screen and (min-width: 890px) {
/* viola */
.le1 {
	width: 100%;
	margin-left: 0%;
	}
.link2 {
	display: none;
	}	
.le21 {
	float: left;
	clear: none;
	width: 22%;
	margin-left: 2%;
	}
.le22 {
	width: 22%;
	margin-left: 2%;
	}
}
  
@media screen and (min-width: 1024px) {
/* blu */
.le1 {
	width: 90%;
	margin-left: 5%;
	margin-top: 6rem;
	}
.le21, .le22 {
	width: 22%;
	margin-left: 1.5%;
	}	
.le33 {
	font-size: .8rem;
	}
}

@media screen and (min-width: 1200px) {
/* rosa */
 .le1 {
	width: 70%;
	margin-left: 15%;
	margin-top: 0em; 
	}	
}

@media screen and (min-width: 1760px) {
/* grigio */
  .le1 {
	width: 60%;
	margin-left: 20%;  
	}
.img_le34 {
	padding-top:.8rem
	}	
}