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

   /* SFONDI COLONNA CENTRO */
.sfondi .col-xs-10.centro {
    padding-left:30px;
	padding-bottom:80px;	
}

@media (max-width: 767px) {
    .sfondi .col-xs-10.centro {
         width:100%;
	     margin-top: 12px;
    }
}

 /* sfondi testo */
.sfondi div.row.sfondi-testo {
	margin-left:34px;
	border:#3366FF solid 1px;	
	width:94%;
	margin-bottom:12px;	
}

.sfondi h1 {
    margin-left:auto;
	margin-right:auto;
	color:#FEFEFE;
	font-size:1.7em;
	font-style: italic;
	font-weight:700;
	margin-top:0px;
	padding-top:12px;
	word-wrap: break-word;
	letter-spacing:0.4em;	
}

.sfondi h2 {
	margin-left:auto;
	margin-right:auto;
	color:#FEFEFE;
	font-size:01em;
	font-weight:700;
	padding-bottom:9px;
	word-wrap: break-word;
	line-height:1.5;
	text-align:center;
}

   	 /* sfondi foto */
.sfondi div.row.sfondi-foto  {
    margin-left: 34px;
	padding-top:34px;
	padding-left: 12px;
    padding-right: 12px;
	list-style:none;
	border:#3366FF solid 1px;
	width:94%;
}

.sfondi div.col-sm-6.col-md-6 {
	margin-bottom:34px;
}

.sfondi div.col-sm-6.col-md-6 a  {
	text-decoration:none;
	color:#FEFEFE;
}

.sfondi div.col-sm-6.col-md-6 a:hover  {
	color:#D49FFF;
}

@media (max-width: 767px) {
	.sfondi div.col-sm-6.col-md-6 {
		height: auto;
    }
}

.sfondi .foto {
	border: #A6CAF0 double 8px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
	margin-top:-38px;
}

.sfondi .foto a {
	opacity:.0;
}

.sfondi .categ {
	position:absolute;
	text-align:center;
	background-color:#0000A0;
	width: 82%;
    margin-left: 16px;
    margin-top: -20px;
}

.sfondi .gioco {
	margin-top: 38px;
    margin-bottom: 34px;
}

@media (max-width: 1280px) {
	.sfondi div.row.sfondi-testo, .sfondi div.row.sfondi-foto {
		 margin-left:38px;
    }
}

@media (max-width: 1200px) {
	.sfondi div.row.sfondi-testo, .sfondi div.row.sfondi-foto {
		 margin-left:42px;
    }
}

@media (max-width: 970px) {
	.sfondi div.row.sfondi-testo, .sfondi div.row.sfondi-foto {
		 margin-left:34px;
    }
}

@media (max-width: 900px) {
	.sfondi div.row.sfondi-testo, .sfondi div.row.sfondi-foto {
		 margin-left:30px;
    }
}

@media (max-width: 767px) {
	.sfondi div.row.sfondi-testo {
	     width:100%;
		 margin-left:-10px;
		 line-height:1.3;
    }
	.sfondi h2 {
	     line-height:1.3;
    }
    .sfondi div.row.sfondi-foto {
		 width:100%;
	     margin-left:-10px;
    }
    .sfondi .foto {
		 //width:70%;
    }
	#layout {
         width:100%;
	     margin-top: 12px;
    }	
}

@media (max-width: 307px) {
    .sfondi h1 {
	     letter-spacing:0em;	
    }
}

     /* sfondi pagina */
.sfondi div.row.pagina {
	 margin-left:auto;
	 margin-right:auto;
	  margin-top: 120px;
	 margin-bottom:50px;
}


.sfondi h3 {
	margin-top: 134px;
    text-align: center;
    font-size: 1.1em;
    color: #FEFEFE;
    font-weight: 700;
	letter-spacing:0.1em;
	line-height:1.50;	
}


@media (max-width: 992px) {
    .sfondi h3 {
        text-align:center;
    }	
}