@charset "UTF-8";

#bgGreyBottomContentPaneWrapper{
	/*background-image: linear-gradient(to bottom, #e1e7f1, #e8ebf4, #eef0f6, #f4f4f8, #f9f9fb, #f9f9fb, #f9f9fb, #f9f9fb, #f4f4f8, #eef0f6, #e8ebf4, #e1e7f1);*/
	background-image: linear-gradient(to bottom, #e1e7f1, #FFFFFF, #FFFFFF, #e1e7f1);
	
	/*padding-bottom:30px;*/
	padding-bottom:0px;
}
#bgGreyBottomContentPaneWrapper table{
	margin-top: 50px;
}
#bgGreyBottomContentPaneWrapper h3{
	font-family: 'Raleway', sans-serif;
	color:#00205b;
	font-size:45px;
	text-transform:none;
	font-weight:300;
	margin-top:68px;
	margin-bottom:68px;
}
#bgGreyBottomContentPaneWrapper .titolo {
    font-family: 'Raleway', sans-serif;
    color: #00205b;
    font-size: 45px;
    font-weight: 300;
    line-height: 64px;
    margin-top: 0px;
}
#bgGreyBottomContentPaneWrapper .sottotitolo{
    font-family: 'Raleway', sans-serif;
    color: #6787b7;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 1rem;
}
#bgGreyBottomContentPaneWrapper .testo {
    font-family: 'Raleway', sans-serif;
    color: #58595b;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}
#dnn_bgGreyBottomContentPane{
	width:100%;
}
#bgGreyBottomContentPaneWrapper .boxContainer{
	float:left;
	width:100%;
	display: flex;
    display: -webkit-flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    align-items: stretch;
    -webkit-align-items: stretch;
}
#bgGreyBottomContentPaneWrapper .box{
	width: 24%;
	margin-right:1.33%;
	float:left;
	padding:3%;
	border:1px solid #a9a9a9;
	background:#FFF;
	min-height: 370px;
}
#bgGreyBottomContentPaneWrapper .box.first{
	margin-left:0%;
}
#bgGreyBottomContentPaneWrapper .box.last{
	margin-right:0%;
}
#bgGreyBottomContentPaneWrapper .box .titolo{
	font-family: 'Raleway', sans-serif;
	color:#00205b;
	font-size:24px;
	text-transform:uppercase;
	font-weight:400;
	line-height: 32px;
}
#bgGreyBottomContentPaneWrapper .box .testo{
	font-family: 'Raleway', sans-serif;
	color:#58595b;
	font-size:16px;
	line-height:20px;
	font-weight:400;
}
#bgGreyBottomContentPaneWrapper p.tasto_download{
	margin-top:40px;
}
#bgGreyBottomContentPaneWrapper p.tasto_download a{
	font-weight:400;
	font-size:16px;
	color:#00205b;
	padding-left: 3%;
    padding-right: 3%;
	padding-top: 1%;
    padding-bottom: 1%;
	border: 1px solid #00205b !important;
	font-family: 'Raleway', sans-serif;
	text-decoration:none;
}

@media only screen and (max-width: 768px) 
{
		.contentPane img {
		max-width: 100%;
	}
	#bgGreyBottomContentPaneWrapper .boxContainer {
		float: left;
		width: 100%;
		display: block;
		-webkit-flex-flow: initial;
		-webkit-align-items: initial;
		flex-flow: initial;
		align-items: initial;
	}
	#bgGreyBottomContentPaneWrapper .box {
		width: 100%;
		margin-bottom: 5%;
	}
	#bgGreyBottomContentPaneWrapper{
		padding-top:0px;
	}
	.contentPane{
		margin-bottom:80px;
	}
	table td{
		padding:0px;
	}
	#bgGreyBottomContentPaneWrapper .boxContainer{
		font-size: 2.8vw;
		line-height: 3.6vw;
	}
	#bgGreyBottomContentPaneWrapper h3{
		margin-top: 20px !important;
	}
	#bgGreyBottomContentPaneWrapper h3, #bgGreyBottomContentPaneWrapper .titolo{
		font-size: 5.8vw !important;
		margin-bottom: 1rem !important;
	}
	#bgGreyBottomContentPaneWrapper .sottotitolo{
		font-size: 3vw !important;
		line-height: 3.8vw !important;	
	}
	#bgGreyBottomContentPaneWrapper .testo{
		font-size: 2.8vw !important;
		line-height: 3.6vw !important;
	}
	#contentWrapper .titolo, #contentWrapper .sottotitolo{
		margin-top: 1rem;
	}
	#bgGreyBottomContentPaneWrapper{
		padding-top:0px;
		padding-bottom:30px;
	}
	#bgGreyBottomContentPaneWrapper table{
		margin-top: 0px;
	}
}