/* CSS Document */
body { 
	background: #348781;
	font-family:"Interstate light",arial,sans-serif;
}
h2 {
	color: #fff; 
	background:#348781;
	font-size:18px;
	height:24px; 
	line-height:24px; 
	margin:auto;
 }
p {margin:0;}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
	text-align: center;
	font-size:24px;
}

li {
     float:left;
	 border-right:1px solid black;
}

li a {
    display:block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #348781;
}
li:last-child {
    border-right: none;
}


#setting_pagina { 
	padding: 10px 10px 10px 5px; 
	width: 850px; 
	margin:10px auto; 
	background:white;
}
#intestazione{	
	height: 100px;
    background: gray; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left,gray, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,gray,, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left,gray,, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(right,gray,, white); /* Standard syntax (must be last) */
}
div.gallery {
    border: 2px solid black;
    float: left;
    width: 226px; /* larghezza bordi */
	height: 205px; /* lunghezza bordi */
	margin-top:150px;
}

div.gallery:hover {
    border: 2px solid blue;
}
div.desc {
    text-align: center;
}
#fondo{
	height: 100px;
    background: gray; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right,darkgray, gray); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left,darkgray,, gray); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,darkgray,, gray); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left,darkgray,, gray); /* Standard syntax (must be last) */
}
/* INIZIO IMMAGINI PAGINA SERVIZI */
.container {
  position: relative;
  width: 50%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 232px;
  width: 271px;
  opacity: 0;
  transition: .5s ease;
  background-color: #348781;
}

.container:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 13px;
  position: absolute;
  top: 5%;
  left: 1%;
  right: 1%;
  transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
}