/* CSS Document */

html{
	background-color: #F4F4F4;
	/*background-color: #e1ebf3;*/
}

body{
	/*background-image: url(../images/2018/body_bkg_18.jpg) !important;*/
	background-position:center top;
	background-repeat:no-repeat;	

}
strong {
    font-weight: 600 !important;
}

ul, ol {

    padding: 0 0 0 10px;
}

#main_header{
	/*background-image: url(../images/2018/head-bkg_2.jpg)!important;*/
	background-color: #f1f0f0;
	width: 100%;display: block;
	font-family: 'Muli', sans-serif !important;

}
#MMrow1{
	display: block;
	width: 100%;
	height: 165px;
	float: left;
}
#MMrow2{
	display: block;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center !important;
	display: block;
    float: left;
}

#MMrow3{
	display: block;
	width: 100%;
	height: 80px;
	float: left;

}

#MMlogo {
	display: block;
	float: left;
	text-align: center;
}

#img_logo {
width: 100%;
height: auto;
}

#MMline1{
	display: block;
	width: 45%;
	height: auto;
	float: right;
	padding-left: 90px;
}

#MMline2{
	font-size: 16px;
	background-color: #FFAEEB;		
}

#MMline2 ul{
margin-left: 10px;
}


#MMline2 ul li {
    float: left;
    list-style: none;
    padding-top: 10px;
    padding-right: 28px;
    padding-bottom: 10px;
    padding-left: 28px;
    border-bottom: solid 1px #f1f0f0;
}



#MMline2 ul li:hover{
	border-bottom: solid 1px rgb(0, 122, 209);

}
#MMline2 ul li.lastMM{
}

#MMline2 ul li.firstMM{
}

#MMline2 ul li a{
	text-decoration: none;
	color: #555;
	margin-top: 5px;
	margin-bottom: 10px;
}
#MMline2 ul li a:hover{
	text-decoration: none;
	color: rgb(0, 122, 209);
}

#MMrow3{
display: none;
padding: 20px;
text-align: center;
-webkit-transition: opacity 600ms, visibility 600ms;
transition: opacity 600ms, visibility 600ms;
	background-color: #9BC2DC;
	background-image: none;
}

#MMrow3 #searchbox input{
	font-size: 24px;
	margin-left: 10px;
	font-family: 'Muli', sans-serif !important;
}


/*///////  FINE HEAD /////////*/

.path{

	margin-top: 20px !important;
	display: block;
	font-size: 14px;

}

#primopiano{
    background: #f9f9f9;
    width: 94%;
    margin: 20px 3% !important;
	padding-bottom: 10px;
	border:1px solid #f0f0f0;
}
#primopiano p{
	font-family: 'Muli', sans-serif !important;
	font-size:16px !important;
	line-height: 25px;
	color:#353535;
}
#primopiano H2 {
    font-family: 'Muli', sans-serif !important;
	font-weight: 500;
	font-style: italic;
    font-size: 26px !important;
    line-height: 26px !important;
    padding-bottom: 0px !important;
    padding-top: 10px !important;
    color: #046C98;
}
#primopiano img {
    margin-right:20px;
	margin-bottom:5px;
	margin-top:7px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

#center_col_home{
	/*width: 65%;*/
	width: 60%;
}

#right_col_home {
/*width: 29%;*/
width: 35%;
clear: none;
margin-left: 2%;
padding-left: 1%;
/*border-left: 1px dotted rgba(193,193,193,1.00);*/
text-align: left;
font-family: 'Muli', sans-serif; !important;


}

#right_col_home H3 {
text-align: left;
font-family: 'Muli', sans-serif; !important;
font-size: 21px;
	padding-left: 0px;
	text-transform: uppercase;
	font-weight: 600;
	color: #046C98;
}

#right_col_home p {
text-align: left;
font-family: 'Muli', sans-serif !important;
font-size: 16px;
	line-height: 18px !important;
	color: #131717;
}

#right_col_home span a {
/*float: right;*/
	font-style: italic;
}




.intro a{
	font-size: 16px;
	font-style: italic;
	color: #046C98;
	float: right !important;

}

.intro img{
	margin-right: 15px;
}


b, strong {
    font-weight: bold;
    color:#222222;
}

a:visited{
color:#046C98;
}

#content{
	width: 700px;
}

#center_col_home #content{
	width:100%;
}

#content p{
	font-family: 'Muli', sans-serif !important;
	font-size:16px !important;
	line-height: 25px;
	color:#000;
}

.aforisma p{
	color: #800000;
}
.aforisma strong{
	color: #800000;
}
.aforisma a{
	color: #800000;
}




 .page_title{
	font-family: 'Muli', sans-serif !important;
	font-size: 26px !important;
	color:#999;
	/* background-color: #E1EAF0;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 6.74%,rgba(141,198,225,0.28) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 6.74%,rgba(141,198,225,0.28) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 6.74%,rgba(141,198,225,0.28) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 6.74%,rgba(141,198,225,0.28) 100%);*/
	border-bottom: #f3f3f3 1px solid;
	/*border-top: hsla(205,100%,76%,1.00) 1px solid;*/
	line-height:60px !important;
	padding-left:10px;
}

#content H1{
	font-family: 'Muli', sans-serif !important;
	font-size: 26px !important;
	line-height: 26px !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	color:#666;
	
}

#content H2{
	font-family: 'Muli', sans-serif !important;
	font-size: 22px !important;
	font-weight:normal;
	line-height: 24px !important;
	color:#868686;
	
}
#content H3{
	font-family: 'Muli', sans-serif !important;
	font-size: 17px !important;
	font-weight: 300;
	font-style: italic;
	line-height: 20px;
	color:#046C98;
	
}
#content p img{
margin-left: 0px !important;
border:0px;
border-radius: 2px;
}


#content_inhome H3{
	font-family: 'Muli', sans-serif !important;
	font-size: 23px !important;
	line-height: 26px !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	color:#046C98;
	font-weight: 600;
}
#content_inhome p{
	font-family: 'Muli', sans-serif !important;
	font-size:16px !important;
	line-height: 22px;
	color:#000;
}
#content_inhome img{
	margin-right: 15px;
}

#content_inhome a{
	font-size: 16px;
	font-style: italic;

}



.btn_detail_home{
	border-bottom: 1px solid #3F83B4 !important;
	font-size: 16px !important;
	font-style: italic;
	display: block;
	width: 100%;
	line-height: 30px;
	/*border-bottom: hsla(205,100%,76%,1.00) 1px solid;*/

}
#content p .btn_detail_home {
	text-decoration:none;

}


#content .aforisma {
	padding: 10px 10px 10px 10px;
	margin: 30px 0px 0px 0px !important;
	background-color: #f4f4f4;
	background-image: url(../images/2018/virgolettato.png);
	background-position: top left;
	background-repeat: no-repeat;
	/*background-image: -webkit-linear-gradient(270deg,rgba(225,237,244,1.00) 0%,rgba(202,237,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(225,237,244,1.00) 0%,rgba(202,237,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(225,237,244,1.00) 0%,rgba(202,237,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(225,237,244,1.00) 0%,rgba(202,237,255,1.00) 100%);
	*/
	width:97%;
	border: 1px solid #f2f2f2;
	border-radius: 1px;
	/*-webkit-box-shadow: 0px 0px 2px 2px hsla(204,100%,34%,0.30);
	box-shadow: 0px 0px 2px 2px hsla(204,100%,34%,0.30);*/
	font-style:italic;
}

#content .intro {
	padding: 10px 10px 10px 10px;
	margin: 30px 0px 30px 0px !important;
	background-color:#E6EEF3;
	/*background-image: url(../images/2018/virgolettato.png);*/
	background-position: top left;
	background-repeat: no-repeat;
	/*background-image: -webkit-linear-gradient(270deg,rgba(225,237,244,1.00) 0%,rgba(202,237,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(225,237,244,1.00) 0%,rgba(202,237,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(225,237,244,1.00) 0%,rgba(202,237,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(225,237,244,1.00) 0%,rgba(202,237,255,1.00) 100%);
	*/
	width:97%;
	border: 1px solid #f2f2f2;
	border-radius: 1px;
	/*-webkit-box-shadow: 0px 0px 2px 2px hsla(204,100%,34%,0.30);
	box-shadow: 0px 0px 2px 2px hsla(204,100%,34%,0.30);*/
	font-style:italic;
}


/*COL DX*/
#inhome img{
	margin: 0px !important;
	/*border-radius: 3px !important;
	-webkit-box-shadow: 0px 0px 2px 2px hsla(0,0%,0%,0.17) !important;
	box-shadow: 0px 0px 2px 2px hsla(0,0%,0%,0.17) !important;*/
	background-position: 0px 0% !important;
	background-size: 0px auto !important;
	/*border: 1px solid white !important;*/
	padding: 15px !important;
    background: #f9f9f9 !important;
}

#right_col_home img{
	margin-right: 8px!important;
}

/*MENU DX*/
ul.sidemenu{
font-family: 'Muli', sans-serif !important;
	font-style: italic;
	/*-webkit-box-shadow: 0 0px 2px 0px hsla(0,0%,0%,0.37);
	box-shadow: 0 0px 2px 0px hsla(0,0%,0%,0.37);*/

}

ul.sidemenu li{
	/*background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 6.74%,rgba(141,198,225,0.28) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 6.74%,rgba(141,198,225,0.28) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 6.74%,rgba(141,198,225,0.28) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 6.74%,rgba(141,198,225,0.28) 100%);
	background-image: none !important;
	border-bottom: hsla(205,100%,76%,1.00) 1px solid;
	border-top: hsla(205,100%,76%,1.00) 1px solid;*/
    background-image: none !important;
    border-bottom: hsl(0, 0%, 89%) 1px solid;
}

ul.sidemenu li a{
	font-size: 14px !important;
	color: hsla(204,100%,25%,1.00) !important;
}
ul.sidemenu li a:hover{
	color: white !important;
}

	#contact_footer{
		display: none;
	}


@media only screen and (max-width: 769px) {

	#content{
	width: 100%;
	}
	#MMlogo {
	width: 100%;
	display: block;
	float: left;
	}
	.path{
	display: none;
	}
	#center_col_home{
	width: 100%;
		display: block;
		float: left;
	}
	#center_col{
	width: 100%;
	}
	#center_col img{
	width: 100%;
		height: auto;
	}
	#right_col{
		width: 100%;
		padding-right: 5%;
		padding-left: 3%;
	}
	#right_col ul{
		margin-bottom: 30px;
	}
		#right_col ul li{
		min-height: 40px;
			padding-top: 12px;
	}
	
	/*COL DX HOME*/
	#right_col_home{
		width: 100% !important;
		display: block !important;
		float: left;
		
	}

	
	#inhome {
    display: block!important;
    
}
	
	
	/*Menu*/

	
	#main_header{
		background-repeat: repeat-x;
		background: #f4f4f4 !important;

	}
	#MMline1{
	display:none;
	}

	ul, ol {
    padding: 0 0 0 0px;
}
	
	#MMline2 ul {
    margin-left: 0px;
}
	
	#MMline2 ul li{
	width: 50%;
		float: left;
		background-color:white!important;
		background: white!important;
		min-height: 30px;
		padding-top: 5px;
	}
	
	#MMrow2{
		background: #21577D;
		background-color: #21577D;
		display:block;
	}
	#MMrow3{
		background-color: #21577D;
		display: flex;
	}
	
	#MMrow1 {
    display: block;
    width: 100%;
    height: 98px;
	}
	#MMrow1 .row{
    margin-right: 0px !important;
    margin-left: 0px !important;
	}
	
	#contact_footer{
		display: block;
	}

}