@charset "utf-8";
/* CSS Document */

   /* SFONDI COLONNA CENTRO */  

     /* sfondi testo */
.sfondi h2 {
	width:65%;		
	margin-left:auto;
	margin-right:auto;
	border-top:#3366FF solid 1px;
	color:#3366FF;
	font-size:2em;
	letter-spacing:0.4em;
	font-style:italic;
	font-weight:700;
	margin-top:0px;
	padding-top:12px;
	padding-bottom:12px;	
}

.sfondi .web-desk {
	width:65%;
	margin-left:auto;
	margin-right:auto;		
	color:#FEFEFE;
	font-size:1.3em;
	letter-spacing:0.2em;
	font-weight:700;
	border-bottom:#3366FF solid 1px;
	padding-bottom:8px;
}

.sfondi h3 {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	color:#FEFEFE;
	font-style:italic;
	font-size:1em;
	font-weight:700;
	margin-top:32px;
	line-height:1.3;	
}

	 /* sfondi foto */
	 
.sfondi div.row.sfondi-foto  {
	margin-right: 20px;
    margin-left: 48px;
    margin-top: 20px;
	list-style:none;
	clear:both;
}

.sfondi div.row.sfondi-foto a  {
	text-decoration:none;
	color:#FEFEFE;
}

.sfondi div.row.sfondi-foto a:hover  {
	color:#D49FFF;
}

.sfondi div.col-sm-6.col-md-4 {
  height: 220px;
}

.sfondi .foto {
	border:#3366FF groove 7px;
	width:100%;
}

.sfondi .titolo {
	text-align:center;
	margin-top:4px;
	margin-bottom:44px;
}

.sfondi .titolo1 {
	margin-top:4px;
	margin-bottom:14px;
	text-align:center;
}

@media (max-width: 767px) {
	.sfondi div.row.sfondi-foto, .top .sinistra, .top .destra, .top .centro, .sfondi h2, .sfondi h3, .sfondi .web-desk {
		display:none;
    }
	.sfondi  {
		padding-bottom:20px;
    }	 
	#layout {
         width:100%;
	     margin-top: 12px;
    }	
}

@media (max-width: 567px) {
    #layout, .sfondi div.col-sm-6.col-md-4  {
         width:100%;
	     margin-top: 12px;
    }	
}