/* ------- INDEX ha solo una colonna -------- */
#corpo-colonna1{ width:100%;  }

/* testo principale dell'index*/
.home-txt{margin-top:3em }
.home-txt h1{ font-size: 2.8em; font-weight: bold; text-align:left !important;
	  width:100%;  line-height:1.1em; margin-top:0 ;margin-bottom:0; color:#444;   }
.home-2{ font-size:1.4em; line-height:1.2em;}


.pulsante{ margin-bottom:2em; font-size:1.4em;}


/* 3 rettangoli prima pagina*/
.rett-index3{width:100%; min-height:420px}
.rett-index{width:33%; float:left; min-height:32em;   }
.rett-index p{ padding:0px 1.5em 0px 1.5em; text-align:left; margin-top:0px}
.rett-index h2{ margin-top:1.5em; margin-bottom:1em; display:block;width:94%;  text-decoration:none; font-size:1.3em;  text-align:center}
.rett-index img{width:94%; height:auto; margin:0 auto; text-align:center; display:block}
.rett-index h2 a{text-decoration:none; font-weight: normal; }
.rett-index h2 a:hover{text-decoration:none; font-weight:bold}

/* 4 rettangoli prima pagina*/
.rett-index2{width:25%; float:left; min-height:10em; margin-bottom:3.5em;  }
.rett-index2 p{ padding:0px 1.5em 0px 1.5em; text-align:left; margin-top:0px}
.rett-index2 h3{  margin-top:1.5em; margin-bottom:1em; display:block;width:94%;  text-decoration:none; font-size:1.3em; text-align:center  }
.rett-index2 h3 a{text-decoration:none; font-weight: normal}
.rett-index2 h3 a:hover{text-decoration:none; font-weight:bold}

.h2-index{}
.h2-index { margin-top:3em; font-size:1.4em; color:#444; font-weight:normal; }


/* bottone call to action nella home page*/
.home-button{	width: 200px; top: 20px;right:0px;  }
.home-button a{ text-decoration:none; color:white; background-color:#32855a; display:block; height:35px; line-height:35px;	text-align: center;font-size:0.9em }


/* quadrato prima pagina*/
.quadrato{width:33%; float:left; min-height:25em; margin-top:3em  }
.quadrato p{ padding:0px 1.5em 0px 1.5em; text-align:left; margin-top:0px}
.quadrato h2{ margin: 1em auto; display:block;width:80%; text-decoration:none; font-size:1.3em;  text-align:center}
.quadrato h2 a{text-decoration:none;}
.quadrato h2 a:hover{ font-weight:normal}
.quadrato img{width:90%; height:auto; margin:0 auto; text-align:center; display:block; 
border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)} 

@media only screen and (max-width: 800px) 
{ 
#corpo-colonna1{
	}
.home-page img{ margin-top:0px}
.home-txt h1{ 	  width:100%;  }
.home-txt p{   width:100%;  }
.home-txt ul{   width:70%;}
.rett-index{width:100%;}
.rett-index2{width:100%;}
.quadrato{width:100%;}
}