﻿/* FOTOGALLERY */	
#wrapper-fotogallery {
	clear:both;
	float:left;
	display:block;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:1.5%;
	margin-bottom:10%;
}
ul.fotogallery {
	display:inline-block;
	list-style-type:none;
	width:96%;
	min-height:120px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}
ul.fotogallery li {
	clear:none;
	float:left;
	margin:5% 7%;
	width:86%;
	position:relative;
}
ul.fotogallery img {
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-position:50% 50%;
}
ul.fotogallery li span {
	position:relative;
	width:100%;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:1em; /* 13px */
	padding:4% 2%;
	color:#EFEFEF;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    display: block;
/* effetto hoverdir */
}
ul.fotogallery li a {
	display: block;
	position: relative;
}
ul.fotogallery li a {
	overflow: hidden;
}
ul.fotogallery li a div {
	position: absolute;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	min-height:125px;
	background-image:url(../images/expand.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
ul.fotogallery li span h3 {
	display:inline-block;
	width:96%;
	margin:2% 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:1.38em; /* 18px: */
	text-align:center;
}
ul.fotogallery li span p {
	display:inline-block;
	width:96%;
	margin:2% 0;
	color:#666666;	
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.0em; /*13 px */
	line-height:16px;
	text-align:center;
	/* effetto hoverdir */
}
#box-testo {
	clear:both;
	float:left;
	display:block;
	width:80%;
	min-height:auto;
	margin-top:1%;
	margin-bottom:2%;
	margin-left:8%;
	margin-right:8%;
	padding:0;
	text-align:center;
}
#box-testo p {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1em; /* 13px */
	color:#666666;
	margin:0;
	padding:1%;
	line-height:18px;
	text-align:center;
}
/* FOTOGALLERY */	
/* Layout tablet portrait: da 481 px a 768 px. Eredita stili da: Layout mobile. */
@media only screen and (min-width: 481px ) {
/* FOTOGALLERY */	
#wrapper-fotogallery {
	clear:both;
	float:left;
	display:block;
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:2.5%;
	margin-bottom:1.5%;
}
ul.fotogallery {
	clear:both;
	float:left;
	width:94%;
	margin-left:3%;
	margin-right:3%;
	margin-top:0;
	margin-bottom:5%;
	list-style-type:none;
}
ul.fotogallery li {
	clear:none;
	float:left;
	margin:1.5%;
	width:47%;
}
ul.fotogallery li span {
	width:100%;
	height:125px;
}
ul.fotogallery li span h3 {
	display:inline-block;
	width:96%;
	margin:2% 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:1.53em; /* 20px: */
	text-align:left;
}
ul.fotogallery li span p {
	display:inline-block;
	width:96%;
	margin:2% 0;
	color:#666666;	
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.0em; /*13 px */
	line-height:16px;
	text-align:left;
}
#box-testo {
	clear:both;
	float:left;
	display:block;
	width:86%;
	min-height:auto;
	margin-top:1%;
	margin-bottom:2%;
	margin-left:5%;
	margin-right:5%;
	padding:0;
	text-align:center;
}
#box-testo p {
	font-size:1.076em; /* 14px */
	line-height:18px;
/* FOTOGALLERY */	
}
}
/* Layout landscape: da 769 px a 1024 px max.  Eredita stili da: Layout mobile e Layout tablet portrait */
@media only screen and (min-width: 769px ) {
/* FOTOGALLERY */	
#wrapper-fotogallery {
	clear:both;
	float:left;
	display:block;
	width:94%;
	margin-left:2%;
	margin-right:2%;
	margin-top:2.5%;
	margin-bottom:1.5%;
}
ul.fotogallery {
	clear:both;
	float:left;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	margin-top:0;
	margin-bottom:2%;
	list-style-type:none;
}
ul.fotogallery li {
	clear:none;
	float:left;
	margin:1.5%;
	width:30.33%;
}
ul.fotogallery li span {
	width:100%;
	height:130px;
}
ul.fotogallery li span h3 {
	display:inline-block;
	width:96%;
	margin:2% 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:1.53em; /* 20px: */
	text-align:left;
}
ul.fotogallery li span p {
	display:inline-block;
	width:96%;
	margin:2% 0;
	color:#666666;	
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.0em; /*13 px */
	line-height:16px;
	text-align:left;
}
#box-testo {
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:auto;
	margin-top:0;
	margin-bottom:0;
	margin-left:3%;
	margin-right:3%;
	padding:0;
	text-align:center;
}
#box-testo p {
	font-size:1.076em; /* 15px */
	text-align:center;
/* FOTOGALLERY */	
}
}
/* Layout desktop: da 1025 px a superiori. Eredita stili da: Layout tablet landscape */
@media only screen and (min-width: 1025px ) {
/* FOTOGALLERY */	
#wrapper-fotogallery {
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:200px;
	margin-left:5%;
	margin-right:5%;
	margin-top:1.5%;
	margin-bottom:1.5%;
}
ul.fotogallery {
	clear:none;
	float:left;
	width: 96%;
	margin-left:2%;
	margin-right:2%;
	min-height:120px;
	margin-top:0;
	margin-bottom:2%;
	list-style-type:none;
}
ul.fotogallery li {
	clear:none;
	float:left;
	margin:1.5%;
	width:22.0%;
}
ul.fotogallery li:nth-child(n+5){
    display:block;
}
ul.fotogallery li span {
	width:100%;
	height:140px;
}
ul.fotogallery li span h3 {
	display:inline-block;
	width:96%;
	margin:2% 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:1.84em; /* 24px */
	text-align:left;
}
ul.fotogallery li span p {
	display:inline-block;
	width:96%;
	margin:2% 0;
	color:#666666;	
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.076em; /* 14px */
	line-height:18px;
	text-align:left;
}
#box-testo {
	clear:both;
	float:left;
	display:block;
	width:100%;
	min-height:auto;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding:0;
	text-align:center;
}
#box-testo p {
	margin-top:1%;
	font-size:1.15em; /* 15px */
	text-align:center;
/* FOTOGALLERY */	
}
}