.header {
	width:100%;
	height: 120px;
	background: #f5f5f5;
    border-bottom: solid 1px #eaeaea;
	padding: 10px;
	padding-left: 20px; 
}

.logo {
	width: 280px;
}

.data_eventi {
	text-align: right;
}

.data_eventi span{
	font-weight: bold;
    color: #033b6a;
}

.body {
	padding: 10px;
	padding-left: 20px; 
	background: url(/images/logo_confindustria_calendario.jpg) no-repeat center 20px;
	min-height: 80%;
}

.body h3 {
	color: #033B6A;
	margin-bottom: 5px;
	font-size: 30px;
}

.evento {
	border-bottom: solid 1px #eaeaea;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.dettagli {
    font-size: 20px;
}

.label {
	font-weight: bold;
}

.data_eventi img {
	width: 15px;
	margin-bottom: 4px;
}

#date-l {
	cursor: pointer;
}

#date-r {
	cursor: pointer;
}

@media only screen and (max-width: 600px) {
    .data_eventi {
        margin-top: 20px;
		text-align: center;
		padding: 0px;
    }
	
	.header {
		height: 160px; 
	}
	
	.body h3 {
		font-size: 20px;
	}
	
	.dettagli {
		font-size: 15px;
	}
	
}

@media only screen and (max-width: 350px) {
	
	.header {
		height: 140px; 
	}
	
	.logo {
		width: 240px;
	}
}