html{
	height: 100%;
}
body{
	margin:0;
	background-color: #DBDBEA;
	height: 100%;
	font: 12px 'Roboto', Arial;
}

.msg, .msgv{
	text-align: center;
	padding: 10px;
	margin: 10px 0 10px 0;
	border-radius: 5px;
	font: 15px 'Roboto', Arial;
	color: #fff;
	width: 100%;
	display: none;
}
.msg{
	background-color: #F44;}
.msgv{
	background-color: #198754;
}
#benvenuto{
	font: 25px 'Roboto', Arial;
	color: #198754;
	text-align: center;
	font-weight: bold;
}

#ie8{
	font: 15px 'Roboto', Arial;
	color: #ff6600 !important;
	font-weight: bold;
}
#sottologin{
	margin-bottom: 25px;
}



.body{
	position: relative;
	min-height: 100%;
}
.divprincipale{
	padding-bottom: 3rem;
}

.footer {
	text-align: center;
	background-color: #5b4c42;
	color: #fff;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2.5rem;            /* altezza del footer */	
}


@media (max-width: 550px) {
	.footer{
		font-size: 12px;
	}
	
}







div.cont{
	position:relative;
	width: 400px;
	border-radius: 10px;
	padding: 20px;
	margin: 30px;
	background-color: #fff;
}


@media (max-width: 404px) {

	#fondo{
		display: none;
	}
	body{
		background-color: #fff;
	}
	div.cont{
		padding: 0px;
		width: auto;
		margin: 5px;
	}
}
@media (min-width: 405px) {

	#fondo{
		position: fixed;
		bottom: 0px;
		height: 500px;
		width: 100%;
		margin:0;
		padding:0;
		z-index:-1;
		background-repeat: repeat-x;
	}
	#sottologin{
		margin-bottom: 5px;
	}

}