body {
        min-width: 280px;
	max-width: 1100px;
	margin: auto;
	background-color: #fafab9;
	color: #005500;
	font-family: sans-serif	
}

h1, h2, h3, h4, h5 { text-align: center }

header {
       position: relative;
       background-color: #fafab9
}

header.attivita {
       position: sticky;
       top: 0;
       z-index: 2
}

footer {
	   margin-bottom: 1ex;
	   font-size: 75%;
	   text-align: center
}

div.ombreggiato {
	   background-image: linear-gradient( #90ed98 , #fafab9 );
	   margin-left: 1ex;
	   margin-right: 1ex;
	   margin-top: 0;
	   margin-bottom: 1ex;
	   padding: 1em;
	   font-size: 125%
}

div.testo {
	   margin: 1ex;
	   padding-left: 1em;
	   padding-right: 1em;
	   font-size: 120%;
	   text-align: justify
}

div#intestazione {
		    margin-left: 1ex;
		    margin-right: 1ex;
		    margin-top: 1ex;
		    margin-bottom: 0;
		    border: 5pt groove #a5e5a5
}

div.areautenti {
	        margin-left: 1ex;
		margin-right: 1ex;
		margin-top: 0;
		margin-bottom: 0;
	       	padding-top: 1ex;
	       	height: 4.5ex;
	  	background: linear-gradient( #fafab9, #ffffff, #ffffff, #fafab9);
	        text-align: center;
	        font-size: 130%
}

div.login {
	  display: inline-block;
	  border: 3px inset green;
	  border-radius: 1em;
	  padding: 1em;
	  background-color: #f0f0c0
}

p.spaziato { line-height: 2 }

p.attenti { color: red }

img { width: 100%; vertical-align: middle }

span#logosx {
	    display: inline-block;
	    width: 24%;
	    vertical-align: middle;
	    text-align: center
}

span#logosxutenti {
	    display: inline-block;
	    width: 10%;
	    vertical-align: middle;
	    text-align: center
}

span#tutoring {
	      display: inline-block;
	      width: 74%;
	      vertical-align: middle;
	      font-size: 120%;
	      font-family: serif;
	      text-align: center;
	      white-space: nowrap
}

span#tutoringutenti {
	      display: inline-block;
	      width: 88%;
	      vertical-align: middle;
	      font-size: 140%;
	      font-family: serif;
	      text-align: center;
	      white-space: nowrap
}

span#hcaption {
	      font-size: 150%;
	      font-weight: bold
}

span#iban {
	  font-size: 90%;
	  font-family: sans-serif
}

a:link { color: #00aa00 }

a:visited { color: #003300 }

a.incorniciato {
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 5px;
	line-height: 1
}

a.incorniciato:link { border: 2px dashed #00aa00 }

a.incorniciato:visited { border: 2px dashed #003300 }

a.areautenti {
	position: absolute;
	right: 2em;
	margin-top: 8px;
	border: 1px solid #00aa00;
	padding: 3px;
	color: #00aa00;
	font-size: 80%;
	text-decoration: none
}

li {
   margin: 1ex;
   text-align: left
}

.tenue { color: #99dd99 }

.chiama {
	padding: 8pt;
	color: #005500;
	font-size: 125%
}

form { text-align: center }

form.login { margin-top: 3em }

textarea { vertical-align: top }

table, td, th {
       margin-left: auto;
       margin-right: auto;
       border: 2px solid orange;
       text-align: center
}

td, th { padding: .5ex }

td.numero, th.numero { width: 15% } 

.striscia0 {
	white-space: nowrap;
	margin-top: .5ex;
	text-align: center;
	font-size: 140%
}

.striscia1 {
	background-color: #006666;
	white-space: nowrap;
	padding-top: 1.2ex;
	padding-bottom: .3ex;
	text-align: center
}

.striscia2 {
	background-color: #33cc99;
	white-space: nowrap;
	padding-top: 1.2ex;
	padding-bottom: .3ex;
	text-align: center
}

.striscia3 {
	background-color: #99cc99;
	white-space: nowrap;
	padding-top: 1.2ex;
	padding-bottom: .3ex;
	text-align: center
}

.voce_menu {
	display: inline;
	margin: 0;
	border: 0;
	padding: .3ex 1.5em 1.3ex 1.5em;
	font-size: 92%
}

.voce_corrente0 {
	display: inline;
	background-color: #006666;
	margin: 0;
	padding: .3ex 1.5em 1.3ex 1.5em;
	font-size: 92%
}

.voce_corrente1 {
	display: inline;
        background-color: #33cc99;
	margin: 0;
	padding: .3ex 1.5em 1.3ex 1.5em;
	font-size: 92%
}

.voce_corrente2 {
	display: inline;
	background-color: #99cc99;
	margin: 0;
	padding: .3ex 1.5em 1.3ex 1.5em;
	font-size: 92%
}

.voce_corrente3 {
	display: inline;
	background-color: #99ff99;
	margin: 0;
	padding: .3ex 1.5em 1.3ex 1.5em;
	font-size: 92%
}

div.riga1 {
	margin: 0;
	border: 0;
	padding: 0;
	height: 1.8ex;
	background-color: #006666
}

div.riga2 {
	margin: 0;
	border: 0;
	padding: 0;
	height: 1.3ex;
	background-color: #33cc99
}

div.riga3 {
	margin: 0;
	border: 0;
	padding: 0;
	height: 1.3ex;
	background-color: #99cc99
}

div.riga4 {
	margin: 0;
	border: 0;
	padding: 0;
	height: 1.3ex;
	background-color: #99ff99
}	

.striscia0  a:link, .striscia0  a:visited, .striscia1  a:link, .striscia1  a:visited, .striscia2  a:link, .striscia2  a:visited {
	color: #ffffff;
	text-decoration: none
}

.striscia0 a:hover, .striscia1 a:hover, .striscia2 a:hover {
	color: #ffffcc;
	text-decoration: none
}

.striscia3  a:link, .striscia3  a:visited {
	color: #006666;
	text-decoration: none
}

.striscia3 a:hover {
	color: #33cc99;
	text-decoration: none
}

@media only screen and (min-width: 580px) {

       span#tutoring { font-size: 220% }

}

@media only screen and (min-width: 900px) {

       span#tutoring { font-size: 320% }

}