/* ******************************************* GIORNO */

body.giorno{
	background-color: #f5f3f2;
	color:#000;
}

.giorno .testata{
	color:#fff;
}

.giorno p{
	color:#000;
}
.giorno .quadrato{
	color:#000;
}

.giorno #interruttore-notte{
	color: #ABA9A8;
}

.giorno #interruttore-giorno{
	color: #000;
}


.giorno .pacchetto .titolo {
	color: #898887;
}

.giorno .sfuma-alto{
	position: absolute;
	top: 0;
	width: 100%;
	height: 70%;
	background: rgb(31,31,31);
	background: -moz-linear-gradient(0deg, rgba(245, 243, 242,0) 0%, rgba(245, 243, 242,0) 30%, rgba(245, 243, 242,0.5) 60%, rgba(245, 243, 242,1) 93%);
	background: -webkit-linear-gradient(0deg, rgba(245, 243, 242,0) 0%, rgba(245, 243, 242,0) 30%, rgba(245, 243, 242,0.5) 60%, rgba(245, 243, 242,1) 93%);
	background: linear-gradient(0deg, rgba(245, 243, 242,0) 0%, rgba(245, 243, 242,0) 30%, rgba(245, 243, 242,0.5) 60%, rgba(245, 243, 242,1) 93%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f1f1f",endColorstr="#1f1f1f",GradientType=1);
}

.giorno .sfuma-basso{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70%;
	background: rgb(31,31,31);
	background: -moz-linear-gradient(180deg, rgba(245, 243, 242,0) 0%, rgba(245, 243, 242,0) 30%, rgba(245, 243, 242,0.5) 60%, rgba(245, 243, 242,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(245, 243, 242,0) 0%, rgba(245, 243, 242,0) 30%, rgba(245, 243, 242,0.5) 60%, rgba(245, 243, 242,1) 100%);
	background: linear-gradient(180deg, rgba(245, 243, 242,0) 0%, rgba(245, 243, 242,0) 30%, rgba(245, 243, 242,0.5) 60%, rgba(245, 243, 242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f1f1f",endColorstr="#1f1f1f",GradientType=1);
}

.giorno .pacchetto-dividi-nero {
	border-top: 1px solid #000;
	background-color: #fff;
}

.giorno .pacchetto-dividi-nero h5.titolo {
	color: #000;
}

.giorno .pacchetto-dividi-nero p {
	color: #898887;
}

.giorno .pacchetto-dividi-nero .segnaposto {
	border: 1px solid #000;
}

.giorno  ul {
	color:000;
}

.giorno .navigatore-giorno .navigatore-elementi {
    background-color: #DCDAD9;
}

#testata{
	color: #fff;
}

#andamento {
	color:#fff;
}

#menu-mobile{
	color:#fff;
}

#navigatore-legenda-box{
	background: #ffffff;
}

#navigatore-legenda-box .quadrato{
	color: #000000;
}

#navigatore-legenda-box:after {
    border-left-color: #ffffff;
}


/*
grigio #898887