.TestoNormale
{
    font-family:Verdana;
    font-size:small;
    color:White;
}

.TestoNormaleBlu
{
    font-family:Verdana;
    font-size:small;
    color:Blue;
}

.TestoNormaleRosso
{
    font-family:Verdana;
    font-size:small;
    color:Red;
}

.TestoNormaleGiallo
{
    font-family:Verdana;
    font-size:small;
    color:Orange;
}

.TestoNormaleVerde
{
    font-family:Verdana;
    font-size:small;
    color:Green;
}

.TestoTitoloNormale
{
    font-family:Verdana;
    font-size:large;
    color:White;
}

.TestoGrassetto
{
	font-family:Verdana;
	font-size:small;
    font-weight:bold;
    color:White;
}
BODY
{
	background-color:#ccff99;
}
/* Immagini responsive  */

img.scala { 
 max-width:100%; 
 height:auto;
 width: auto; 
}
.contenitore {
 width:960px; 
 margin:0 auto; 
 padding:0; 
 background: #fff;
}

.riga {
 margin: 0 0 20px 0;
}

[class*='colonna-'] {
 display: block;
 float: left;
 padding: 0 20px;
}

.colonna-1-3 {
 width: 320px;
}

.colonna-1-2 {
 width: 480px;
}

.colonna-1 {
 width: 960px;
}
header {
 height: 70px;
 border-bottom: 1px solid #333;
 position: relative;
}
a.attiva-nav {
 display: none;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

.contenitore {
 width: 768px;
}
.colonna-1-3 {
 width: 256px;
}

.colonna-1-2 {
 width: 384px;
}

.colonna-1 {
 width: 768px;
}
}
@media only screen and (min-width:480px) and (max-width:767px) {

}
.contenitore {
 width: 460px;
}
.colonna-1, .colonna-1-2, .colonna-1-3 {
 width: 460px;
 margin:0; 
}

nav {
 float: right;
 padding: 20px 20px 0 0; 
}

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

nav ul li {
 list-style: none;
 float: left;
 margin-right: 5px;
}

nav ul li a {
 display: block;
 padding: 5px;
}

@media only screen and (max-width:479px) {
.contenitore {
 width: 310px;
}
.colonna-1, .colonna-1-2, .colonna-1-3 {
 width: 310px;
 margin: 0;
}