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

body 			{
				background-color:#e5e5e5;
				transition: all 1s;
				}

li				{
				height:40px;

				transition: all 1s;
				}
				
a:hover 		{
				color:#828282;				
				}
				
a:hover p		{
				color:#828282;				
				}				

li p			{
				padding-top:11px;
				font-family:'Raleway', sans-serif;
				font-weight:300;
				letter-spacing: 0.1em;
				font-size:13px;
				color:#3c3c3c;
				line-height:1.5em;
				}

li a			{
				text-decoration:none;
				color:inherit;
				}

img				{
				display:inline;
				float:left;
				}
				
div.stica		{
				position: relative;
				float: left;
				padding-right: 50px;
				padding-top: 50px;
				}				
				
img.presV		{
				width:300px;
				}
				
img.presO		{
				width:377px;
				}	
				
.copriO			{
				width: 377px;
				height: 100%;
				background-color: transparent;
				position: absolute;
				left: 0px;
				z-index: 4;
				
				cursor: pointer;
				}
				
.copriV			{
				width: 300px;
				height: 100%;
				background-color: transparent;
				position: absolute;
				left: 0px;
				z-index: 4;
				
				cursor: pointer;
				}				
				

.container		{ 
				width:100%;
				position:initial;
				left:0px;
				right:0px;
				height:100%;
				min-height:800px;
				text-align:center;
				background-color:#e5e5e5;

				padding-top:230px;

				transition: all 1s;
				}

.cProgetti		{
				width:100%;
				background-color:#f0f0f0;
				position:relative;
				height: 0;
				overflow:scroll;

				transition: all 1s;
				}

.progetto		{
				background-color:#f0f0f0;
				position:relative;
				height:0px;
				overflow:scroll;

				transition: all 1s;
				}

.stica	p		{
				padding-left:35px;
				display:inline;
				float:left;
				width:300px;
				padding-right:50px;
				padding-top:50px;

				text-align:left;

				font-family:'Raleway', sans-serif;
				font-weight:300;
				letter-spacing: 0.1em;
				font-size:12px;
			/*	color:#666666;	*/
				line-height:1.5em;
				}

p.dida			{
				float:left;
				}

dida 			{
				height:650px;

				}


.dida	p		{
				padding-left:0px;
				display:inline;
				float:left;
				width:377px;
				padding-right:50px;
				padding-top:30px;

				text-align:left;

				font-family:'Raleway', sans-serif;
				font-weight:300;
				font-size:12px;
			/*	color:#666666;	*/
				line-height:1.3em;
				}
				
.didaV	p		{
				padding-left:0px;
				display:inline;
				float:left;
				width:300px;
				padding-right:50px;
				padding-top:30px;

				text-align:left;

				font-family:'Raleway', sans-serif;
				font-weight:300;
				font-size:12px;
			/*	color:#666666;	*/
				line-height:1.3em;
				}
				

.dida	p strong	{
				font-weight:500;

				}

.descrizione	p		{
				padding-left:35px;
				display:inline;
				float:left;
				width:450px;
				height:650px;
				padding-right:75px;
				padding-top:50px;

				text-align:left;

				font-family:'Raleway', sans-serif;
				font-weight:300;
				font-size:12px;
			/*	color:#666666;	*/
				line-height:1.3em;
				}
				
div.stica.descrizione {
				position: relative;
				left: 0px;
				width: 500px;
				padding-top: 0px;
				}
				
p.noText 		{
				padding-right:25px;
				width:0px;
				padding-left:10px;
				}				

/*

#pr1			{
				width:1300px;
				}

#pr2			{
				width:3560px;
				}

#pr3			{
				width:3725px;
				}

#pr4			{
				width: 3560px;
				}
#pr5			{				
				width: 2710px;
				}
#pr6			{				
				width: 2350px;
				}					
*/


#WB				{
				position:fixed;
				width:0px;
				height:100%;
				text-align:center;
				vertical-align:middle;
				background-color:#f0f0f0;
				opacity:0;
				z-index:10;
				
				overflow: hidden;

			/*	display:none;   */

				transition: all 1s;
				}
				
#WB2				{
				position:fixed;
				width:0px;
				height:100%;
				text-align:center;
				vertical-align:middle;
				background-color:#f0f0f0;
				opacity:0;
				z-index:10;

				display:none;   

				transition: all 1s;
				}
				
img#Ex_lei 		{				
				height: 100%;
				padding: 0px;
				width: auto;
				height: 100%;
				float: none;
				position: relative;
				}

.copri			{
				position:fixed;
				top:0px;
				left:0px;
				width:0px;
				height:0%;
				z-index:15;
				}
				
.Ex_copri			{
				position:fixed;
				top:0px;
				left:0px;
				width:0px;
				height:100%;
				z-index:15;
				}				

.immagineWB		{
				position: absolute;
				width: 60%;
				height: 60%;
				top: 15%;
				left: 20%;
				float: inherit;
				}
				
.immagineWB2		{
				position:relative;
				width:60%;
				height:60%;
				top:15%;
				left:20%;
				float:inherit;
				}				

.immagineWB	img	{
				height:100%;
				padding:0px;
				width:auto;
				height:100%;
				float:none;
				}

.WB				{
				left:20%;
				padding-right:0px;
				}

p.didaWB		{
				position:relative;

				width:100%;
				padding-top:30px;

				text-align:left;

				font-family:'Raleway', sans-serif;
				font-weight:300;
				font-size:12px;
				line-height:1.3em;
			/*	color:#666666;	*/
				}

#All {
			height:0px;
			overflow:hidden;
			transition: all 1s;

			}
			
#Books {
			height: 0px;
			overflow: hidden;
			transition: all 1s;
}			

a.selected {
			color:#828282;
			}

.none {
			color:inherit;
}

.progetto {
			transition: all 1s;
}

#INDIRIZZO {
			height: 0;
			overflow: hidden;
			transition: all 1s;
}

.tutto {
	transition: all 1s;
}

a {
	cursor:pointer;
}

.descrizione a {
	color: inherit;
	text-decoration: none;
	line-height: 20px;
	color: #828282;
}

img#prev.prev {
	position: fixed;
	left: 25px;
	top: 48%;
	height: 8%;
	width: auto;
}

img#next.next {
	position: fixed;
	right: 25px;
	top: 48%;
	height: 8%;
	width: auto;
}

div.nextDiv {
	width: 50%;
	height: 80%;
	position: fixed;
	right: 0px;
	top: 20%;
}

div.prevDiv {
	width: 50%;
	height: 80%;
	position: fixed;
	left: 0px;
	top: 20%;
}

div#close.close {
	position: fixed;
	right: 35px;
	width: 56px;
	top: 36px;
	z-index: 100;
}

img.imgClose {
	width: 100%;
}

.introSTxt a {
	color: inherit;
	text-decoration: none;
}

li#titolo p{
	font-weight:300; 
	font-size:30px;
}






.contenitore {
	height:1126px;
}

.fintaTabella {
	display: inline-flex;
	height: 60%;
	margin: 0px 0 0px 60px;
	float: left; 
}

.colonna {
	display: table-column;
	float: left;
	padding-right: 25px;
	height: 100%;
}

.cellaSup {
	/*display:table-cell;*/
	height: 65%;
}

.cellaInf {
	margin-top: 30px;
}

.dida {
	display:table-cell;
	margin-top: 30px;
}

img {
	height: 100%;
}



.dida {
	display:table-cell;
	
	text-align:left;

	font-family:'Raleway', sans-serif;
	font-weight:300;
	font-size:12px;
/*	color:#666666;	*/
	line-height:1.3em;
}


div.utility {
	text-align: left;
	margin: 30px 0 25px 60px;
	
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 14px;
}

.utility a {
	text-decoration: none;
	margin-left: 0px;
	margin-right: 40px;
	letter-spacing: 0.1em;
	font-size: 13px;
}

.wbT {
	position: fixed;
	left: -120%;
	width: 100%;
	height: 100%;
	
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	
	z-index: 100;
	background-color: #e5e5e5;
}

.on {
	left: 0%;
	
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
}

.testo {
	position: relative;
	width: 80%;
	left: 10%;
	margin-top: 46px;
	height: 90%;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 18px;
	
	line-height: 1.4em;
	overflow: scroll;
}

.titolo {
	padding-bottom: 30px;
}

.txt {
	position: relative;
	top: 60px;
	overflow: scroll;
	max-height: 85%;
}

a.txtClose {
	position: absolute;
	right: 35px;
	width: 56px;
	height: 56px;
	top: 36px;
	z-index: 100;
}

img.txtClose {
	height: 56px;
}

.primaLinea {
	width: 40px;
	left: 0px;
	top: 30px;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
}

div.chiudi {
	right: 25px;
	top: -25px;
	height: 100%;
	width: 100%;
	position: relative;
}

.secondaLinea {
	width: 40px;
	top: 38px;
	left: 4px;
	position: relative;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
}

#CONTACT {
	display: block;
} 

#MENU {
	display: none;
}

.menu on {
	display: '';
}

.menu off {
	display: '';
}

.videoContainer {
	width: 100%;
	text-align: center;
}

video {
	width:auto;
	height:40%;
}

li#CONTACT {
	height: auto;
}



@media (max-height: 630px) {
	p.dida {
		display: none;
	}
	
	.utility a {
		display: block;
		padding-top: 0px;
		height: intrinsic;
	}
	
	.menu a {
		display: block;
		line-height: 50%;
	}
	
	.container {
		padding-top: 0px;
	}
	
	.fintaTabella {
		margin: 0px 0 0px 30px;
	}
	
	div.utility {
		margin: 30px 0 25px 60px;
	}
	
	li#titolo {
		padding-top: 60px;
		height: intrinsic;
		font-weight:300; 
		font-size:25px;
	}
	
	li#titolo p{
		font-weight:300; 
		font-size:25px;
	}
	
	li.menu {
		height: intrinsic;
	}
	
	.utility a {
		padding-top: 0px;
	}
	
	div.chiudi {
		right: -35px;
		top: -35px;
	}
	
	#CONTACT {
		display: none;
	} 
	
	#MENU {
		display: block;
	}
	
	.menu on {
		display: block;
	}
	
	.menu off {
		display: none;
	}
	
	video {
		width:100%;
		height:auto;
	}
}


@media (max-width: 650px) {
	
	.utility a {
		display: block;
		padding-top: 0px;
		height: intrinsic;
	}
	
	.menu a {
		display: block;
		line-height: 50%;
	}
	
	.container {
		padding-top: 0px;
	}
	
	.fintaTabella {
		margin: 0px 0 0px 30px;
	}
	
	div.utility {
		margin: 30px 0 25px 30px;
	}
	
	li#titolo {
		padding-top: 60px;
		height: intrinsic;
	}
	
	li#titolo p{
		font-weight:300; 
		font-size:25px;
	}
	
	li.menu {
		height: intrinsic;
	}
	
	div.chiudi {
		right: -35px;
		top: -35px;
	}
	
	#CONTACT {
	/*	display: none;*/
	} 
	
	#MENU {
	/*	display: block;*/
	}
	
	.menu on {
		display: block;
	}
	
	.menu off {
		display: none;
	}
	
	video {
		width:100%;
		height:auto;
	}
	
}


@media (max-width: 350px) {
	li#titolo p{
		font-weight:300; 
		font-size:22px;
	}
}