/* Font Helvetica 65 */
@font-face {
	font-family: 'HelveticaNeueLTPro-Md';
	src: local('HelveticaNeueLTPro-Md'),
		url('/fonts/2266/HelveticaNeueLTPro-Md.ttf') format('truetype'),
		url('/fonts/2266/HelveticaNeueLTPro-Md.woff') format('woff'),
		url('/fonts/2266/HelveticaNeueLTPro-Md.woff2') format('woff2'),
		url('/fonts/2266/HelveticaNeueLTPro-Md.swg') format('svg'),	
		url('/fonts/2266/HelveticaNeueLTPro-Md.eot?#iefix') format('eot');
}
/* Font Helvetica 65 fine */

/* Font Helvetica 75 */
@font-face {
	font-family: 'HelveticaNeueW02-75Bold';
	src: local('HelveticaNeueW02-75Bold'),
		url('/fonts/694033/HelveticaNeueW02-75Bold.ttf') format('truetype'),
		url('/fonts/694033/HelveticaNeueW02-75Bold.woff') format('woff'),
		url('/fonts/694033/HelveticaNeueW02-75Bold.woff2') format('woff2'),
		url('/fonts/694033/HelveticaNeueW02-75Bold.swg') format('svg'),
		url('/fonts/694033/HelveticaNeueW02-75Bold.eot?#iefix') format('eot');
}
/* Font Helvetica 75 fine*/

/* Regole generali */
html, body {
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
}

html, body {
	height: 100%;
}

* {
	margin: 0;
}

/* padding e border devono essere conteggiati nella larghezza totale dell'elemento a cui sono applicati */
* { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}

/* si annulla la sottolineatura */ 
a {
	text-decoration: none;   
}

a:link, a:visited {
	color: #0066ff;
}
a:hover, a:active {
	color: #0066ff;
}

/* Regole generali fine */

/* menu */
#menu {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	border-collapse: collapse;
	z-index: 100;
}

.ema {
	position: absolute;
	top: 34px;
	left: 36px;
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	font-size: 63px;  
	color: #0066ff;
	z-index: 100;
}

.apri {
	display: none;
}

.apri:target {
	display: block;
}

#aprimenu {
	top: 40px;
	right: 59px;
	width: 7px;
	height: 45px;
	position: absolute;
	background: #0066ff;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

#aprimenu:after {
	content: "";
	width: 7px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 19px;
	background: #0066ff;
}

#aprimenu:before {
	content: "";
	width: 7px;
	height: 45px;
	position: absolute;
	top: 0;
	left: -19px;
	background: #0066ff;
}

.aprimenu {
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	position: absolute;
	background: trasparent;
	z-index: 100;
}

#chiudi {
	top: 50px;
	right: 51px;
	width: 4px;
	height: 26px;
	position: absolute;
	background: #0066ff;
	-moz-transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
}

#chiudi:after {
	content: "";
	width: 26px;
	height: 4px;
	position: absolute;
	top: 11px;
	left: -11px;
	background: #0066ff;
}

.chiudi {
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	position: absolute;
	background: transparent;
	z-index: 100;
}

.lista {
	position: absolute;
	top: 0;
	left: 0;
	background: white;
	width: 100%;
	background: rgba(255, 255, 255, 1); /* colore tendina */
	font-family: HelveticaNeueW02-75Bold, arial, sans-serif;
	letter-spacing: 1px;
	font-size: 28px; 
	color: #0066ff;
	line-height: 60px; /* definisco l'interlinea */
	padding-top: 32px;
	padding-bottom: 32px;
	padding-left: 3px;
	padding-right: 100px;
	border-bottom: 1px solid #0066ff;
}

.lista a:link, a:visited, a:hover, a:active {
	text-decoration: none; /* si annulla la sottolineatura */
	color: #0066ff;
}

.sottoLista {
	display: inline-block;
	width: 100%;
	padding-left: 35px;
}

.percorso {
	position: absolute;
	top: 139px;
	left: 34px;
	font-size: 84px;  
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif; 
	color: #000000;
	letter-spacing: 1px;
	z-index: 100;
}

.percorsoLink {
	position: absolute;
	top: 229px;
	left: 39px; 
	word-spacing: 5px;
	z-index: 100;
}

.percorsoLinkSelezione {
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	word-spacing: 4px;
	z-index: 100;
}

.list {
	position: absolute;
	top: 137px;
	left: 38px;
	font-family: HelveticaNeueW02-75Bold, arial, sans-serif;
	letter-spacing: 1px;
	font-size: 28px;  
	color: #0066ff;
	z-index: 100;
}

.header-container {
	height: 125px;
	position: fixed;
	top: 0;
	left: 0;
	transform: translateY(-100%);
	transition: transform 0.4s ease-in-out;
	width: 100%;
	z-index: 999;
	background-color: #fff;	
}

.header-container.init {
	transform: translateY(0);
	background-color: transparent;
}

.header-container.is-open {
	transform: translateY(0);
	background-color: #fff;
	border-bottom: 1px solid #0066ff;
}
/* menu fine */


/* pagina nascosta home */
#paginaNascosta {
	height: 500px;
}
/* pagina nascosta home fine */

/* titolo pagina */
#testoLista {
	position: relative;
	font-family: HelveticaNeueW02-75Bold, arial, sans-serif;
	font-size: 32px;
	color: #0066ff;
	padding: 99px 0 13px 38px;
}


#previewlist {
	float:left;
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	font-size: 14px;
	color: #0066ff;
	padding: 153px 0 0 39px;
}

#listlist {
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	font-size: 14px;
	color: #000000;
	padding: 153px 0 0 125px;
}
/* titolo pagina fine */

/* slide */
#indexcontainer, #container {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

[data-am-gallery] input[type="radio"] {
	position: fixed;
	top: -9999px;
}

[data-am-gallery] #indeximage, #image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

[data-am-gallery] input[type="radio"]:checked:nth-child(8) ~ #indeximages #indeximage:nth-child(8) {
	opacity: 1; 
}
[data-am-gallery] input[type="radio"]:checked:nth-child(7) ~ #indeximages #indeximage:nth-child(7) {
	opacity: 1; 
}
[data-am-gallery] input[type="radio"]:checked:nth-child(6) ~ #indeximages #indeximage:nth-child(6) {
	opacity: 1; 
}
[data-am-gallery] input[type="radio"]:checked:nth-child(5) ~ #indeximages #indeximage:nth-child(5) {
	opacity: 1; 
}
[data-am-gallery] input[type="radio"]:checked:nth-child(4) ~ #indeximages #indeximage:nth-child(4) {
	opacity: 1; 
}
[data-am-gallery] input[type="radio"]:checked:nth-child(3) ~ #indeximages #indeximage:nth-child(3) {
	opacity: 1; 
}
[data-am-gallery] input[type="radio"]:checked:nth-child(2) ~ #indeximages #indeximage:nth-child(2) {
	opacity: 1;
}
[data-am-gallery] input[type="radio"]:checked:nth-child(1) ~ #indeximages #indeximage:nth-child(1) {
	opacity: 1;
}

[data-am-gallery] input[type="radio"]:checked:nth-child(8) ~ #images #image:nth-child(8) {
	opacity: 1; 
}
[data-am-gallery] input[type="radio"]:checked:nth-child(7) ~ #images #image:nth-child(7) {
	opacity: 1; 
}
[data-am-gallery] input[type="radio"]:checked:nth-child(6) ~ #images #image:nth-child(6) {
	opacity: 1; 
}
[data-am-gallery] input[type="radio"]:checked:nth-child(5) ~ #images #image:nth-child(5) {
	opacity: 1; 
}
[data-am-gallery] input[type="radio"]:checked:nth-child(4) ~ #images #image:nth-child(4) {
	opacity: 1; 
}
[data-am-gallery] input[type="radio"]:checked:nth-child(3) ~ #images #image:nth-child(3) {
	opacity: 1; 
}
[data-am-gallery] input[type="radio"]:checked:nth-child(2) ~ #images #image:nth-child(2) {
	opacity: 1;
}
[data-am-gallery] input[type="radio"]:checked:nth-child(1) ~ #images #image:nth-child(1) {
	opacity: 1;
}

/* frecce prev e next */
[data-am-gallery] .prev, [data-am-gallery] .next {
	position: absolute;
	display: none;
	top: 33.3%;
	bottom: 33.3%;
	width: 70px;
	cursor: pointer;
	background-color: transparent;
}

[data-am-gallery] .prev  {
	left: 0;
}

[data-am-gallery] .prev:before {
	content: "";
	position: absolute;
	width:30px;
	height:30px;
	top: 50%;
	left:17px; /* distanza da bordo di sinistra */
	margin-top: -16px;
	border-width:1px 0 0 1px; /* spessore freccia */
	border-style:solid;
	border-color:#0066ff #0066ff #0066ff #0066ff;
	background: transparent;
	transform:rotate(315deg);
	-ms-transform: rotate(315deg); /* IE 9 */
	-webkit-transform: rotate(315deg); /* Safari e Chrome */
}

[data-am-gallery] .next {
	right: 0;
}

[data-am-gallery] .next:before {
	content: "";
	position: absolute;
	width:30px;
	height:30px;
	top: 50%;
	right:17px; /* distanza da bordo di destra */
	margin-top: -16px;
	border-width:1px 0 0 1px; /* spessore freccia */
	border-style:solid;
	border-color:#0066ff #0066ff #0066ff #0066ff;
	background: transparent;
	transform:rotate(135deg);
	-ms-transform: rotate(135deg); /* IE 9 */
	-webkit-transform: rotate(135deg); /* Safari e Chrome */
}

[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(8) ~ #prev-container .prev:nth-child(7) {
	display: block;
}
[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(7) ~ #prev-container .prev:nth-child(6) {
	display: block;
}
[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(6) ~ #prev-container .prev:nth-child(5) {
	display: block;
}
[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(5) ~ #prev-container .prev:nth-child(4) {
	display: block;
}
[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(4) ~ #prev-container .prev:nth-child(3) {
	display: block;
}
[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(3) ~ #prev-container .prev:nth-child(2) {
	display: block;
}
[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(2) ~ #prev-container .prev:nth-child(1) {
	display: block;
}

[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(7) ~ #next-container .next:nth-child(8) {
	display: block;
}
[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(6) ~ #next-container .next:nth-child(7) {
	display: block;
}
[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(5) ~ #next-container .next:nth-child(6) {
	display: block;
}
[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(4) ~ #next-container .next:nth-child(5) {
	display: block;
}
[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(3) ~ #next-container .next:nth-child(4) {
	display: block;
}
[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(2) ~ #next-container .next:nth-child(3) {
	display: block;
}
[data-am-gallery~="3"][data-am-gallery~="next-prev-navigation"] input[type="radio"]:checked:nth-child(1) ~ #next-container .next:nth-child(2) {
	display: block;
}

#images span {
	position: absolute;
	bottom: 37px;
	padding: 0 35px 0 35px;
	z-index: 90;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: 600;  
	color: #0066ff;
}

#indeximages span {
	position: absolute;
	bottom: 37px;
	padding: 0 35px 0 35px;
	z-index: 90;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: 600;  
	color: #0066ff; 
}

#images span {
	visibility: hidden;
}

#indeximages span {
	visibility: hidden;
}

#images:hover span {
	visibility: visible;
}
#indeximages:hover span {
	visibility: visible;
}
/* slide fine */

/* footer */
#contenitoreFooter {
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 14px 21px 14px 21px;
	border-top: 1px solid #0066ff;
	background-color: #fff;
	
}

#grigliaFooter:last-child {
	flex-grow: 1;
	-webkit-flex-grow: 1;
}

#grigliaFooter {
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	width: 25%;
	padding: 20px 18px 20px 18px;
}

.MaFooter {
	position: relative;
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	font-size: 53px;
	line-height: 36px;
	padding-top: 14px;
	margin-left: -2px;
	color: #0066ff;
}

.testoFooter {
	font-family: arial, sans-serif;
	font-size: 18px;  
	line-height: 25px;
	color: #000000;
	word-wrap: break-word;
}

.testoFooterSeguici {
	font-family: arial, sans-serif;
	font-size: 18px;  
	line-height: 25px;
	color: #000000;
	padding-top: 1px;

}

.testoFooterPrivacy {
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	font-size: 18px;  
	line-height: 25px;
	color: #0066ff;
	padding-top: 2px;
		letter-spacing: 1px;
}

.testoFooterMenu {
	font-family: HelveticaNeueW02-75Bold, arial, sans-serif;
	font-size: 18px;  
	line-height: 25px;
	letter-spacing: 1px;
}

.testoFooterSocial {
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	font-size: 18px;  
	line-height: 25px;
	padding-top: 2px;
		letter-spacing: 1px;
}
/* footer fine */

/* scheda progetto */
#contenitoreProgetto {
	position: relative;
	width: 100%; 
	float: left;
}

#titoloProgetto {
	position: relative;
	width: 100%; 
	float: left;
	text-align: center;
	padding: 83px 40px 13px 40px;
}

.titolo {
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	color: #000000;
	font-size: 84px;
	line-height: 101px;
	word-wrap: break-word; /* Utilizzare overflow-wrap nei moderni CSS */
}

.sottoTitolo {
	font-family: HelveticaNeueW02-75Bold, arial, sans-serif;
	color: #000000;
	font-size: 38px;
	letter-spacing: 1px;
	padding: 30px 0 30px 0;	
}

#datiProgetto {
	position: relative;
	width: 50%; 
	float: left;
	padding: 32px 40px 200px 40px;
}

.dati {
	font-family: HelveticaNeueW02-75Bold, arial, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	color: #000000;
}

.sottoDati {
	padding-top: 13px;
	padding-bottom: 29px;
	font-family: arial, sans-serif;
	font-size: 16px;
	line-height: 30px;
	color: #000000;
}

#contenutoProgetto {
	position: relative;
	width: 50%; 
	float: left;
	padding: 32px 40px 200px 0;
	column-count: 1;
	column-gap: 35px;
	-moz-column-count: 1; /*Amplifica il supporto alle vecchie versioni di Firefox e Chrome/Safari */
	-moz-column-gap: 35px; 
	-webkit-column-count: 1;
	-webkit-column-gap: 35px;
}

.contenuto {
	font-family: arial, sans-serif;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: -0.5px;
	color: #000000;
}
/* scheda progetto fine */

/* griglia selezione progetti */
#contenitore {
	position: absolut;
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 268px 21px 0 21px;
	background-color: #fff;
}

#griglia {
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	width: 33.3%;
	padding: 0 18px 0 18px;
}

#griglia:last-child {
	flex-grow: 1;
	-webkit-flex-grow: 1;
}

#foto {
	position: relative;
}

#foto img {
	position: relative;
	display: block;
	height: auto;
	margin: auto;
	max-width: 100%;
	width: 100%;
	border: none;
}

#foto span {
	position: absolute;
	bottom: 18px;
	padding: 0 35px 0 15px;
	z-index: 90;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: 600;  
	color: #0066ff; 
}

#foto span {
	visibility: hidden;
}

#foto:hover span {
	visibility: visible;
}

#testoTitolo {
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	padding: 18px 0 0 0;
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	font-size: 22px;
	letter-spacing: 1px;
	color: #0066ff;
}

#testoLuogo {
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	padding: 5px 0 76px 0;
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	font-size: 18px;
	letter-spacing: 0.5px;
	color: #000000;
}
/* griglia selezione progetti fine */

/* griglia selezione lista progetti */
#listaProgetti {
	position: relative;
	padding: 263px 37px 100px 37px;
}

.table {
	width: 100%;
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	font-size: 22px;
	letter-spacing: 1px;
}

td, th {
	text-align: left;
	user-select: none;
}

tr, td {
	cursor: pointer;
}

.bui, .city, .state, .year {
	display: table-cell;
}

.bui {
	width: 50%;
	padding: 0 0 10px 0;
}

.city {
	width: 16.66%;
	padding: 0 0 10px 50px;
}	

.state {
	width: 16.66%;
	padding: 0 0 10px 50px;
}	

.year {
	width: 16.66%;
	padding: 0 0 10px 50px;
}	

th {
	font-family: arial, sans-serif;
	font-size: 18px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	pointer-events: none;
}	

tr {
	color: #0066ff;
}

tr:hover {
	color: #0066ff;
}
/* griglia selezione lista progetti fine */

/* griglia selezione progetti */
#inCostruzione {
	position: relative;
	top: 0;
	left: 0;
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	letter-spacing: 1px;
	font-size: 28px; 
	width: 100%;
	height: 100%;
	padding: 265px 40px 40px 38px;
}
/* griglia selezione progetti fine */

/* em biografia */
#titoloEm {
	position: relative;
	width: 100%; 
	float: left;
	text-align: center;
	padding: 268px 40px 30px 40px;
}

#fotoEm img {
	height: 668px;
	width: 668px;
}

#contenutoEm {
	position: relative;
	width: 668px; 
	float: center;
	margin: auto;
	padding: 0 0 200px 0;
	column-count: 1;
	-moz-column-count: 1; /*Amplifica il supporto alle vecchie versioni di Firefox e Chrome/Safari */
	-webkit-column-count: 1;
}

.contenutoEmBio {
	font-family: arial, sans-serif;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: -0.5px;
	text-align: left;
	color: #000000;
	padding-top: 7px;
}

.contenutoEmCurriculum {
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	font-size: 22px;
	letter-spacing: 1px;
}

/* em biografia fine */

/* legal */
#legal {
	position: relative;
	width: 668px; 
	float: center;
	margin: auto;
	padding: 260px 0 200px 0;
	column-count: 1;
	-moz-column-count: 1; /*Amplifica il supporto alle vecchie versioni di Firefox e Chrome/Safari */
	-webkit-column-count: 1;
}

.legalContenuto {
	font-family: arial, sans-serif;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: -0.5px;
	text-align: left;
	color: #000000;	
}

.legalTitolo {
	font-family: HelveticaNeueLTPro-Md, arial, sans-serif;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: left;
	color: #000000;
	padding-top: 40px;
	padding-bottom: 15px;
}

.legalSottoTitolo {
	font-family: arial, sans-serif;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: left;
	color: #000000;
	padding-bottom: 20px;
}
/* legal fine */

@media all and (max-width: 768px) 
{

/* griglia selezione progetti */
#testoLuogo {
	padding: 5px 0 36px 0;
}	

#griglia {
	width: 50%;
}
/* griglia selezione progetti fine */

/* griglia selezione lista progetti */
.state {
	display: none;
}

.bui {
	width: 66.66%;
}
	
.city {
	width: 16.66%;
}
	
.year {
	width: 16.66%;
}	
/* griglia selezione lista progetti fine */

/* slide */	
#header {
	position: relative;
	width: 100%;
	height: 0;
	background-color: #fff;
}	

#container {
	margin: 0 auto;
	width: 100%;
	height: 0;
	padding-bottom: 66.66%;
}

[data-am-gallery] #image {
	background-size: contain;
}	
/* slide fine */		

/* scheda progetto */
.contenuto {
	font-size: 18px;
	line-height: 26px;
}
	
.sottoDati {
	line-height: 26px;
	font-size: 14px;
	padding-bottom: 26px;
}
	
#titoloProgetto {
	padding: 39px 40px 0 40px;
}
	
.titolo {
	font-size: 63px;
	line-height: 78px;
}
	
.sottoTitolo {
	font-size: 30px;
	padding: 10px 0 0 0;	
}

#datiProgetto {
	padding-top: 33px;
}
	
#contenutoProgetto {
	padding-top: 33px;
}	
/* scheda progetto fine */	

/* em biografia */	
#fotoEm img {
	height: auto;
	width: 100%;
}

.contenutoEmBio {
	font-size: 18px;
	line-height: 26px;
}	

#contenutoEm {
	width: 100%; 
}
	
/* em biografia fine */	
	
/* footer */
#grigliaFooter {
	width: 50%;
}
/* footer fine */	

/* legal */
#legal {
	width: 100%; 
	padding: 260px 40px 30px 40px;
}

.legalContenuto {
	font-size: 18px;
	line-height: 26px;
}
	
.legalSottoTitolo {
	font-size: 16px;
}	
/* legal fine */

}	

@media all and (max-width: 480px) 
{

/* menu */	
.percorso {
	top: 148px;
	left: 36px;
	font-size: 63px;
}

.percorsoLink {
	top: 224px;
	left: 39px; 
}
/* menu fine */	
	
/* griglia selezione progetti */
#griglia {
	width: 100%;
}

/* griglia selezione progetti fine */

/* griglia selezione lista progetti */

.table {
	font-size: 18px;
}
	
.city, .state {
	display: none;
}

.bui {
	width: 66.66%;
}	
	
.year {
	width: 33.33%;
}	
/* griglia selezione lista progetti fine */

/* scheda progetto */
#titoloProgetto {
	position: relative;
	width: 100%; 
	float: left;
	text-align: left;
	padding: 36px 40px 0 40px;
}
	
#datiProgetto {
	position: relative;
	width: 100%; 
	float: left;
	padding: 30px 40px 0 40px;
}

#contenutoProgetto {
	position: relative;
	width: 100%; 
	float: left;
	padding: 2px 40px 200px 40px;
}

.titolo {
	font-size: 42px;
	line-height: 53px;	
}
	
.sottoTitolo {
	font-size: 24px;
	padding: 15px 0 0 0;	
}
/* scheda progetto fine */

/* slide */	
#header {
	position: relative;
	width: 100%;
	height: 125px;
	background-color: #fff;
}	

#container {
	margin: 0 auto;
	width: 100%;
	height: 0;
	padding-bottom: 66.66%;
}

#images #images {
	background-size: contain;
}	
/* slide fine */	

/* footer */
#grigliaFooter {
	width: 100%;
}	
/* footer fine */
	
}
