* { margin:0; padding:0; line-height:18px; }
body { margin:0 auto; text-align:center; font: normal 12px Arial, Helvetica, sans-serif; font-stretch:expanded; color:#555555; background-color: #fff }
h1, h2 { text-transform:uppercase; font: bold 16px Arial, Helvetica, sans-serif; font-stretch:expanded; color:#555555 }
a { outline:none; color:#555; text-decoration:none; }
a:hover {text-decoration:underline}
/*------layout-----*/
#container { width:100%; margin:0 auto; text-align:center }
#header { width:100%; height:46px; background-color:#404040;  } /*5f858d*/
	a#logo { width:169px; height:50px; display:block; float:left; background:transparent url(../img/logo.png) no-repeat 0 -4px; text-indent:-5000px } 
	#wrapcontent {  width:894px; margin:15px auto; text-align:center }
	#content { float:left; text-align:left; width:894px; display:inline;  }
		.mostspace { margin-top:36px }	
	/*navigazione header*/
	div#Nav { width:894px; margin:0 auto }
		#Nav ul { float:left; width:894px; list-style:none; position:relative }
		#Nav ul li, #Nav ul li#selected { float:left; margin-top:15px; width:196px; height:31px; text-transform:uppercase; font:normal 14px Arial, Helvetica, sans-serif; font-stretch:expanded; line-height:35px; text-align:left; color:#FFF }
		/*border-left:1px solid #fff; text-indent:10px; */
		#Nav ul li#home { float:left; margin-top:0; border-left:0; margin-right:95px }	
			#Nav ul li a { color:#FFF; text-decoration:none }
				#Nav ul li a:hover { color:#fff; text-decoration:none }
				/*li a next e prev*/
				#Nav ul li#prev { position:absolute; text-indent:0; border:0; top:-8px; left:-50px; width:20px; font:normal 34px 'Trebuchet MS', Arial, Helvetica, sans-serif; font-stretch:expanded }
				#Nav ul li#next { position:absolute; text-indent:0; border:0; top:-8px; right:-50px; width:20px; font:normal 34px 'Trebuchet MS', Arial, Helvetica, sans-serif; font-stretch:expanded }
 	/*fine navigazione header*/
#footer { width:100%; margin:100px auto 0 auto; height:23px; background-color:#fff }
/*--------fine layout---------*/
/*--------------home----------*/
	a#logoHome { position:absolute; top:0; left:0; width:171px; height:411px; display:block; text-indent:-5000px; background:transparent url(../img/logo_home.png) no-repeat 0 0; z-index:1000; }
	a#logoHome:hover { background-position: 0 -410px; }

/*#headerHome { position:absolute; top:0; z-index:100; width:100%; margin:0 auto; text-align:center; height:500px; }	*/
	div#NavHome { width:894px; margin:267px auto 0 auto; position:relative } 
		#NavHome ul { float:left; width:894px; list-style:none }
			#NavHome ul li { float:left; height:31px; color:#FFF; text-transform:uppercase; font:normal 14px Arial, Helvetica, sans-serif; font-stretch:expanded; line-height:35px; text-align:left; text-indent:10px; margin-top:15px; display:inline; }
				#NavHome ul li a { color:#FFF; text-decoration:none; }
					#NavHome ul li a:hover { color:#fff; text-decoration:none }

/*---------fine home----------*/
/*------dettaglio progetto----*/
#projectDescription { float:left; display:inline; width:530px; margin: 5px 55px 30px 0; padding:15px 0 0 0; }
#projectCredits { float:left; display:inline; width:299px; margin:5px 0 30px 0; padding:15px 0 0 0; }	
	#projectDescription p, #projectCredits p { margin-bottom:15px }
		/*immagini 4 formati*/
		#container img { float:left; margin:0 0 10px 0}
		#container img.imgSx { float:left; margin:0 10px 10px 0}
		#container img.imgSx4 { float:left; margin:0 8px 10px 0}
/*---fine dettaglio progetti---*/
/*--------------------------------------------template navigation progetti-------------------------------------*/
#firstNav  { position:absolute; width:894px; top:0; left:0; z-index:99999 }
	#firstNav ul#ulabout { margin-left:290px; width:auto; list-style:none }
	#firstNav ul#temi, #firstNav ul#tipo_1 { margin-left:488px; width:auto; list-style:none }
	#firstNav ul#tipologie, #firstNav ul#tipo_2 { margin-left:686px; width:auto; list-style:none }
	/*temi*/
		#firstNav ul#tipo_1 ul { float:left; margin-left:-392px; width:auto; list-style:none; }
	/*tipologie*/    
		#firstNav ul#tipo_2 ul { float:left; margin-left:-590px; width:auto; list-style:none; }
		#firstNav ul li { 
			width:auto; 
			height:20px; 
			margin-bottom:10px; 
			color:#FFF; 
			text-transform:uppercase; 
			font:normal 14px Arial, Helvetica, sans-serif; 
			font-stretch:expanded
			}
			#firstNav ul li a {  
			width:auto; 
			height:20px;
			background: transparent url(../img/itemFirstNav.png) no-repeat 0 0;  
			text-decoration:none; 
			color:#FFF; 
			}
				#firstNav ul li a:hover { background-position:0 -48px }
					#firstNav ul li a span { padding:0 15px  }
						#firstNav ul li#selected a:hover { background:#000 }
						
			#firstNav ul#tipo_1 ul li, #firstNav ul#tipo_2 ul li { 
			width:auto; 
			height:20px; 
			margin-bottom:10px; 
			color:#FFF; 
			text-transform:uppercase; 
			font:normal 14px Arial, Helvetica, sans-serif; 
			font-stretch:expanded
			}
		#firstNav ul#tipo_1 ul li a, #firstNav ul#tipo_2 ul li a { 
		width:auto; 
			height:20px; 
			margin-bottom:10px; 
			color:#FFF; 
			text-transform:uppercase; 
			font:normal 14px Arial, Helvetica, sans-serif; 
			font-stretch:expanded
			 }
/*---------------------menu provvisorio navigazione progetti----------------------*/
	#firstNavRandom  { float:left; width:894px; }
	/*#firstNavRandom ul#ulabout { margin-left:290px; width:auto; list-style:none }*/
	#firstNavRandom ul#temi, #firstNavRandom ul#tipo_1 { margin-left:488px; width:auto; list-style:none }
	#firstNavRandom ul#tipologie, #firstNavRandom ul#tipo_2 { margin-left:686px; width:auto; list-style:none }
	/*temi*/
		#firstNavRandom ul#tipo_1 ul { float:left; margin-left:-392px; width:auto; list-style:none; }
	/*tipologie*/    
		#firstNavRandom ul#tipo_2 ul { float:left; margin-left:-590px; width:auto; list-style:none; }
		#firstNavRandom ul li { 
			width:auto; 
			height:20px; 
			margin-bottom:10px; 
			color:#FFF; 
			text-transform:uppercase; 
			font:normal 14px Arial, Helvetica, sans-serif; 
			font-stretch:expanded
			}
			#firstNavRandom ul li a {  
			width:auto; 
			height:20px;
			background: transparent url(../img/itemFirstNav.png) no-repeat 0 0;  
			text-decoration:none; 
			color:#FFF; 
			}
				#firstNavRandom ul li a:hover { background-position:0 -48px }
					#firstNavRandom ul li a span { padding:0 15px  }
						#firstNavRandom ul li#selected a:hover { background:#000 }
						
			#firstNavRandom ul#tipo_1 ul li, #firstNavRandom ul#tipo_2 ul li { 
			width:auto; 
			height:20px; 
			margin-bottom:10px; 
			color:#FFF; 
			text-transform:uppercase; 
			font:normal 14px Arial, Helvetica, sans-serif; 
			font-stretch:expanded
			}
		#firstNavRandom ul#tipo_1 ul li a, #firstNavRandom ul#tipo_2 ul li a { 
		width:auto; 
			height:20px; 
			margin-bottom:10px; 
			color:#FFF; 
			text-transform:uppercase; 
			font:normal 14px Arial, Helvetica, sans-serif; 
			font-stretch:expanded
			 }		 
			 
/*--------------------------------------------------------------------------------*/			 
#contact { margin-left:94px; }
  .testuale { float:left; width:560px; margin-bottom:23px; }
 
/*gototop*/
#gototop { width:40px; height:40px; padding:10px; display:block; _display:none; position:fixed; z-index:9999; overflow:hidden; outline:none; right:60px; bottom:30px }
	#gototop a { text-decoration:none; background: transparent url(../img/top.png) no-repeat 0 -40px; width:40px; height:40px; display:block }
	#gototop a span { color:#FFF; text-transform:uppercase; display:block; padding:11px 0 2px 0 }
		#gototop a:hover { background-position: 0 -40px }
		#gototop a:hover span { color:#000; text-decoration:none }
/*fine gototop*/
/*contatti form

input, textarea {
	float:left;
	margin-right:7px;
	margin-bottom:10px;
	width:200px!important;
	width:185px;
	clear:left;
	border:0;
}
#invia{
	float:left;
	width:50px!important;
	width:185px;
	color:#000;
	background-color:#FFF;
	border:0;
	font: normal 12px Arial, Helvetica, sans-serif;
	cursor:pointer;
}
#c_obb {
	float:left;
	color:#fff;
	font-size:10px;
}
.error {
	clear:both;
	color:#fff;
	float:left;
	font-size:10px;
	width:280px;
	margin-top:-10px;
	}	*/	 
/*fine form*/
/*.gototop {text-decoration:none; background: transparent url(../img/itemFirstNav.png) no-repeat 0 0; color:#FFF; text-transform:uppercase; font: bold 12px "Times New Roman", Times, serif; display:block; _display:none; position:fixed; z-index:9999; overflow:hidden; outline:none; left:120px; bottom:40px }*/

/*---------------------pagine iniziali----------------------*/	
/*	
.homebg { background: transparent url(../img/bg_home.jpg) no-repeat 0 0; width:990px; height:663px }
.projectsbg { background: transparent url(../img/bg_projects.jpg) no-repeat 0 0; width:990px; height:663px }
.contattibg { background: transparent url(../img/bg_contatti.jpg) no-repeat 0 0; width:990px; height:663px }
	
	#leftCol { float:left; padding:20px 0 20px 30px; display:inline; width:530px; position:relative }
	#rightCol { float:right; padding:30px; display:inline; width:370px; }
	
	#logo { float:left; margin-top: 310px; height:60px; width:340px; position:relative }
	  a#linkTipologie { position:absolute; text-indent:-5000px; left:105px; top:-120px; display:block; background:transparent url(../img/linkTipologie.png) no-repeat 0 0; height:118px; width:20px; }
		a#linkTipologie:hover { background-position:0 -122px; }
	   a#linkTemi { position:absolute; text-indent:-5000px; left:105px; top:55px; display:block; background:transparent url(../img/linkTemi.png) no-repeat 0 0; height:52px; width:20px; }
		a#linkTemi:hover { background-position:0 -57px; }
	
	  
	  a#logonero { display:block; float:left; height:60px; width:340px; background:transparent url(../img/logo_nero.png) no-repeat 0 0; text-indent:-5000px }
	  a#logonero:hover { background-position: 0 -60px }
	  
	  
	 #rLeft { float:left; display:inline; margin-top: 270px; height:24px; width:90px }
	 #rRight { float:right; display:inline; width:280px; position:relative }
	  
	  a#linkProjects { display:block; float:left; height:24px; width:84px; background:transparent url(../img/link_project.png) no-repeat 0 0; text-indent:-5000px }
	  a#linkProjects:hover { background-position: 0 -24px }
	  #linkProjectSelected { display:block; float:left; height:24px; width:84px; background:transparent url(../img/link_project.png) no-repeat 0 -24px; text-indent:-5000px }
	  
	  
	  a#linkAbout { display:block; float:right; height:22px; width:86px; background:transparent url(../img/link_about.png) no-repeat 0 0; text-indent:-5000px }
	  a#linkAbout:hover { background-position: 0 -22px }
	  #linkAboutSelected { display:block; float:right; height:22px; width:86px; background:transparent url(../img/link_about.png) no-repeat 0 -22px; text-indent:-5000px }
	  #about { color:#fff; width:480px; background: transparent url(../img/velatura.png) no-repeat 0 0; overflow:hidden; padding:10px; }
	  
	  
	  #contact { position:absolute; top:525px; right:0;}
	  a#linkContact { display:block; float:right; height:23px; width:112px; background:transparent url(../img/link_contact.png) no-repeat 0 0; text-indent:-5000px }
	  a#linkContact:hover { background-position: 0 -23px }
	  #contactSelected { display:block; float:right; height:23px; width:112px; background:transparent url(../img/link_contact.png) no-repeat 0 -23px; text-indent:-5000px }
	  /*---------------------pagine iniziali----------------------*/
/*scarti dubbi

a#logobianco { display:block; float:left; height:60px; width:340px; background:transparent url(../img/logo_bianco.png) no-repeat 0 0; text-indent:-5000px }
	  a#logobianco:hover { background-position: 0 -60px }

a#logobiancoSmall { display:block; float:left; height:53px; width:190px; background:transparent url(../img/logo_bianco_small.png) no-repeat 0 0; text-indent:-5000px }
	  a#logobiancoSmall:hover { background-position: 0 -53px; display:block; float:left; }*/