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

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

 /* sfondi foto */
.sfondi div.row.sfondi-foto {
	margin-left:34px;
    padding-top: 40px;
	padding-bottom: 40px; 
	border:#3366FF solid 4px;	
	width:94%;
	background:#E1FCFD url(../images/stelline-colorate.gif)
}

img  {
    margin-right: auto;
	margin-left:auto;	
}

  	 /* sfondi testo */
.sfondi div.row.sfondi-testo  {
    margin-right: auto;
	margin-left:auto;
	margin-bottom: 40px;
	width:90%;
	background:#FFFFCC;
}

.sfondi h1 {
	margin-left: 40px;
    font-size: 1.4em;
    letter-spacing: 0.1em;
    font-weight: 700;
    margin-top: 0px;
    padding-top: 12px;
    padding-bottom: 29px;
    margin-bottom: 0px;
    word-wrap: break-word;
}

.sfondi h2 {
	clear: both;
	background-color:#ff9966;
	font-size:1.1em;
	font-weight:700;
	padding-bottom: 4px;
	padding-top: 4px;
	word-wrap: break-word;
	line-height:1.5;
	margin-top: auto;
}

.sfondi h2 a {
    color: #660000;
	text-decoration: none;
}

.sfondi h2 a:hover{
    color:#008000;
} 

.sfondi .titolo {
	font-family: "MS Serif", "New York", serif;
    text-align: center;
    font-size:1em;
    font-weight: 500;
	margin-top:-12px;
}

.sfondi div.col-md-6.col-md-6 {
	background-color:#FFC;
	padding-top:20px;
	padding-bottom:20px;
}

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

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

.sfondi div.col-sm-3.col-md-2 {
	height:220px;
	margin-bottom:48px;
	width:33%;
	background:#FFC;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left:auto;	
}

.sfondi div.col-sm-3.col-md-2 a  {
	text-decoration:none;
	color: #660000;
}

.sfondi div.col-sm-3.col-md-2 a:hover  {
	color:#336600;
}

     /* sfondi pagina */
.sfondi div.row.pagina {
	 margin-left:auto;
	 margin-right:auto;
}

.sfondi h3 a:visited {
	color:#80A3FF;
}   

.sfondi h5 a:visited {
	color:#80A3FF;
}

@media (max-width: 1080px) {
	.sfondi div.col-sm-3.col-md-2 {
		 margin-bottom:129px;
    }
}

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

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

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

  	 /* leggi altro */
.box {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  background-image: none;
  border:none;
  margin-left: 40px;
  background-color: #FFC;
  color: #660000;
}

.box:focus,
.box:active {
    background-color: transparent !important; /* Sostituisci con il colore originale del bottone */
	color: #660000;
}