@charset "UTF-8";
/* CSS Document */
.titoloriga {
	background-color: darkseagreen;
	padding-top: 5px;
}

/* Create four equal columns that floats next to each other */
.colonna {
 float: left;
 width: 25%;
 padding-bottom: 5px;
 padding-top: 5px;
}

.colonna a, span.link {
    color: #3B3B3B;
    text-decoration: none;
}

.colonna a:hover {
    color: #006600;
}

.clear {
clear: both;
overflow: hidden;
height: 0;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
.colonna {
	width: 50%;
	border-top: 2px solid rgb(222, 226, 230);
 }
p, h3 {
text-align: center;
 }
div#custom-bannerblock p {
background-color: #ccc;
margin-left: 70px !important;
margin-right: 70px !important;
  }
p:hover {
background-color: #ccffcc;
  }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
 .colonna {
 width: 100%;
 border-top: 2px solid rgb(222, 226, 230);
}

p, h3 {
text-align: center;
  }
h2 {
font-size: 0.8em;
  }
}