@charset "UTF-8";


/*	-------------------------------------------------------------- 
  
   	NOSTATIC09   
   	Version:   1.0
   
	-------------------------------------------------------------- 
*/



/* reset */
*{margin:0;padding:0;}
html,body{margin:0;padding:0;border:0;}




body{
height: 100%;
background-color: #667480;
color: #333;
font: 62.5% 'Lucida Grande','Lucida Console',Helvetica, Verdana, Arial, Sans-Serif; /* 10px */
line-height:1.6em;
}

 
img{border:none;outline:none;padding:0;margin:0;}
fieldset,input,textarea{border:none;outline:none;}


a:link,a:visited,a:active{color:#336699;text-decoration:none;}
a:hover{color:#003366;}

a.linkesterno 			{font-weight:bold;height:15px;line-height:15px;display:block;padding-left:19px;background:url(images/more.gif) no-repeat 0 0px;margin:.5em; }
a.linkesterno:hover   	{color:red;background-position: 0px -15px;}



/* firefox bordo */
a:active,a:focus{outline:none;}

/* tipografia */
h1	{font-size:2em;}
h2	{font-size:1.6em;}
h3	{font-size:1.4em;}

h1, h2, h3, h4, h5, h6	{
	font-weight:100;	
}


p	{color:#666;}



/* Clearing floats without extra markup  */
.wrapper{display:inline-block;margin:0 auto;}

.wrapper{display:block;height:1%;}
.wrapper:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* --------------------------------------------------------------------------- */
/* struttura */
  
#pagina					{width:950px;margin:0 auto;background:url(images/m1.gif);background-color:#F4F4F4;font-size: 1.1em;}
#header           	  	{width:910px; margin: 0 auto; }
#headerlogo        	 	{background:url(images/logo.gif) no-repeat 20px 20px;}
#headerlogo a      		{width: 200px; height:100px; display:block; }
#headertestata     		{width: 910px; height:250px; background:#222; }

#headerpath        	 	{width: 910px; height:20px; text-align:right; color:#333; font: 100% Helvetica, Verdana, Arial, Sans-Serif;font-weight: bold;}
#headerpath a        	{color:#888;text-decoration:none; padding:2px; 	}
#headerpath a:hover		{color:#3366AA; }


#contenuto				{ width: 910px;margin: 0 auto;margin-bottom:20px;}
#menuhome				{ margin-top: 50px;height:300px;margin-left:30px;}
#introduzione			{ width: 910px; height:120px; border-bottom:5px solid #666; }
#introduzione .contenuti{width:90%;padding:40px 0 0 30px;}
#footer         		{ clear:both; height:100px; width: 910px; margin:0 auto;border-top:5px solid #666;  }
#footer a       		{ color:#336688; }
#footer a:hover 		{ color:#FF0000; }
#footer ul	    		{list-style-type:none;white-space:nowrap;margin-top:10px;}
#footer li	    		{float:left; width:280px;height:50px;line-height:50px;margin:10px;}


#gallery	{ width:910px;}
#lista		{ clear:both; width:910px; margin-top:10px;}






/* menu home */
.colonna		{float:left;width:270px;margin:0px;padding:10px;}
.colonna p		{color:#666666;padding:5px;padding-left:15px;height:130px;font-size:1em;width:250px;border-top:1px solid #DDD;}
.colonna h2		{padding-left:5px;height:30px;line-height:32px;border-left:10px solid #DDD;}



/* sezione about */
#about			{width:910px;margin-top:10px;float: left;}
#about .box 	{float:left; width:400px; padding:15px;}
#about p 		{padding:0px; font-size:.9em; }
#about h2		{margin-bottom:10px; font-size:1.3em; color:#333;  }



/* lista progetti */
.progetti				{width: 910px; height:150px; background:url(images/fondo2.gif); margin-top: 1px;background:#FFF; }
.progetti_img			{float:left; width: 400px; height:150px; background:#222; }
.progetti_dati 			{float:left;width: 380px; height:140px; text-align:left;margin-left:30px;} 
.progetti_btn 			{font-size:0.8em; float:right; width: 80px; height:50px; margin-top:80px; } 

.progetti .contenuti	{padding-right:30px; padding-top:20px;margin:0;}
.progetti h1			{padding-bottom:5px;}
.progetti a       		{color:#333;}
.progetti a:hover 		{text-decoration:none;color:#336699;}


/* progetto singolo */
#progetto				{width:910px; margin:0 auto; background:#FAFAFA; padding-bottom:4em; }
#progetto .contenuti	{width:840px;padding:30px;margin:0 auto;}
#progetto .titolo		{border-left:6px solid #678;padding-left:10px;margin-top:60px;margin-bottom:30px;}
#progetto .sezione		{width:800px;margin:0px;padding-bottom:2em;margin-left:17px;}
#progetto .gallery		{width:850px;margin-top:20px; margin:0 auto;text-align:center;}
#progetto .video		{width:660px;background-color:#2C3033;margin:0 auto;text-align:center;padding:20px;}
#progetto .centro 		{margin:0 auto;padding:20px;width:700px;}
#progetto .gallery	img{float:left;border:2px solid #FFF;}

#progetto h3			{color:#888;font-size:1.0em;padding:3px;padding-left:0px;}
#progetto .colonna 		{float:left;width:390px;border:0px solid red;margin-bottom:20px;}
#progetto .colonna p	{color:#222; font-size:1em; width:330px; border-bottom:1px solid #DDD; }
#progetto .box 			{float:left;width:400px;}
#progetto .box300 		{float:left;width:300px;border:1px solid red;}


/* experimenta */
.exp_categoria	        {float:left;width:910px;margin-bottom:30px;padding-bottom:10px;}
.exp_titolocategoria 	{float:left; width: 910px; height:30px; color:#336688; margin-top:5px;}
.exp_tag				{float:left;background:url(images/tag.gif) no-repeat 0 0px;width:30px;height:15px;}


/* gallery a pannelli */
#gallery			{float:left;width:910px;counter-reset: id;margin-top:10px;	}
#gallery ul			{list-style:none; }
#gallery li			{list-style:none; float:left; width:226px; height:250px;  }		
#gallery .dati 		{width:200px; height:40px;padding:5px;padding-left:10px;}
#gallery h6  		{float:left;font-size:1.6em;padding-left:10px;margin-top:2px;}
#gallery h6:after 	{content:counter(id,decimal-leading-zero); counter-increment: id;  color:#DDD; }
#gallery h5  		{float:right;padding-right:15px;text-align:right;font-size:1.1em;margin-top:3px;}
#gallery p			{color:#666;font: 80% Verdana, Arial, Sans-Serif;}
#gallery imgs		{width:220px; height:165px; background-color:#666;  border:none;margin:1px 1px; }
#gallery  .normale 	{float:left; width:227px; height:250px; background: url("images/pannello.gif") no-repeat 0 0;}
#gallery  .neutro 	{float:left; width:227px; height:250px; background: url("images/pannellovuoto.gif") no-repeat 0 0;}




/* --------------------------------------------------------------------------- */
/* education */
.edubox 		{width: 910px; height:150px; background:url(images/fondo2.gif); margin-top: 1px; } 
.edubox_img 	{float:left; margin-left:30px; margin-top:10px; }
.edubox_dati 	{float:left; width: 500px; height:120px; padding-top:20px; margin-left:30px; margin-top:10px; } 
.edubox_btn		{font-size:0.8em; float:right; width: 80px; height:50px; margin-top:80px; }
.edubox a       		{color:#333;font-size:1.8em;}
.edubox a:hover 		{text-decoration:none;color:#336699;}




.iconaphoto 	{ width: 120px; height:120px; background: url("images/sezphoto.gif") no-repeat;} 
.iconaflash1 	{ width: 120px; height:120px; background: url("images/sezflash1.gif")no-repeat;}
.iconaflash2 	{ width: 120px; height:120px; background: url("images/sezflash2.gif")no-repeat;}
.iconarisorse 	{ width: 120px; height:120px; background: url("images/risorse.gif")  no-repeat;}



/* education categorie*/
.edu_titolocategoria		{width:910px;background-color:#FFF;height:60px;}
.edu_titolocategoria .icona	{float:left;background:url(images/tag.gif) no-repeat 0 0px;width:40px;height:21px;margin:5px;margin-top:12px;}
.edu_titolocategoria .dati	{float:left;width: 400px;  font-size:1em;color:#000;margin-top:12px;margin-left:5px;}
.edu_titolocategoria .dati	{float:left;width: 400px;  font-size:1em;color:#000;margin-top:12px;margin-left:5px;}
.edu_freccia				{width: 42px;height:26px;background: url("images/freccia.gif")  no-repeat 0 0;margin-left:28px;}
 

/* lista education */
.edu_lista			    	{list-style-type: none;font-size:1em;border:0px solid red;width:860px;}
.edu_lista ul		    	{list-style-type:none;height:30px;line-height:30px;margin-bottom:1px;}
.edu_lista li		    	{float: left;}
.edu_lista li.id			{width:60px;color:#888;text-align:center;font-size:.8em;}
.edu_lista li.titolo		{width:680px;color:#000;}
.edu_lista li.btn			{float:right;width:120px;text-align:center;}

.edu_lista li a	        	{color:#666;height:30px;font-size:.9em;padding-left:10px;display:block;font-weight:bold;	}
.edu_lista li a:hover   	{color:#369;}
.edu_lista li h2			{letter-spacing: 0px;}

.download					{width:80px;height:20px;margin: 5px auto;}
.edu_lista li.btn a	        {float:left;width:80px;height:20px;color:#888;background:url(images/download.gif) no-repeat 0px 0px;}
.edu_lista li.btn a:hover   {color:#000;background-position: 0px -20px;}

.zebra2						{background-color:#FFF;}
.zebra1						{background-color:#F0F0F0;}

/* education flash */
.eflash_sezione	            	{float:left;width:910px;margin-bottom:0px;padding-bottom:50px;}
.eflash_colonna					{width:870px;margin-left:20px;margin-bottom:40px;}
.eflash_categoria 				{height:40px;padding-left:70px;line-height:40px;color:#222;background:url(images/dot1.gif) no-repeat 20px 8px;}



/* education links */
.lista_links					{float:left;width:910px;counter-reset: id;margin-top:10px;}
.elink_sezione 		    		{float:left;margin-bottom:50px;padding-bottom:10px;margin-top:10px;}
.elink_sezione ul		    	{list-style-type:none;white-space:nowrap; margin-top:10px;font-size:1em;width:100%;}
.elink_sezione li	    		{float: left;width:150px;height:25px; line-height:25px;	 margin:1px;background-color:#FEFEFE;border-bottom:1px solid #DDD;font-family: georgia, arial,verdana, sans-serif;	font-style:italic;	}
.elink_sezione li a				{display: block;text-decoration: none;width: 100%; text-align:center;color:#333;}

.elink_sezione li a:visited		{color:#FFF;background:#555;}
.elink_sezione li a:hover		{color:#FFF;background:#333; }
.elink_sezione .neutro			{background:transparent;border:none;}
.elink_sezione .titolo			{width:910px;padding:10px;padding-left:40px;}


/* --------------------------------------------------------------------------- */
.spazio     { clear: both; height: 50px; }
.clearboth  { clear: both; }	
.blu{color:#006699;}
.grigio{color:#666;}
.rosso{color:#AA0000;}
.bianco{background-color:#F6F6F2;padding:4px;}

.separatore 		{border-bottom: 1px solid #DDD;width: 100%; height:1px;margin-bottom:1em;} 
.interno 			{ width: 80%; height:300px; padding:50px 0 0 50px;}
.plugin  			{float:left; margin-left:0px;}
.frecciarossa 		{background: url("images/frecciarossa.gif") no-repeat 0 0px;  height:15px;padding:1px;padding-left:20px;}
.frecciadestra 		{background: url("images/frecciadestra.gif") no-repeat 0 2px;  height:15px;padding:1px;padding-left:15px;}
.frecciagrigia 		{background: url("images/freccia1.gif") no-repeat 0 7px;padding:5px; padding-left:12px; height:10px;}
.note				{background:url(images/note.gif) no-repeat 0px 3px;padding:0px;height:15px;padding-left:18px;}
.mouse	 			{height:30px;line-height:30px;margin-top:10px;padding-left:35px;background: url("images/mouse.gif") no-repeat;border:0px solid red;text-align:left;}
.destra 			{float:right;}
.sinistra 			{float:left;}
.centrato 			{margin-left:auto;margin-right:auto;}
.zeropad			{padding:8px;}




/* --------------------------------------------------------------------------- */

a.btn_next  		{ display:block; width:44px; height:44px; background: url("images/btn1.gif") no-repeat; }
a.btn_next:hover	{ background-position: 0 -44px;}
a.btn_next:active	{ background-position: 0 -88px;}

a.btn_prev  		{ display:block; width:44px; height:44px; background: url("images/btn_indietro.gif") no-repeat; }
a.btn_prev :hover	{ background-position: 0 -44px;}
a.btn_prev :active	{ background-position: 0 -88px;}

/* --------------------------------------------------------------------------- */


#scheda_contatti	{clear:both;width:900px;height:450px;margin:10px auto;}
#inputform			{float:left;width:425px;height:450px;border-right:1px solid #DDD;margin-left:30px;}
#errorform			{float:left;padding:30px;color:#333;line-height:1.8em;margin-left:20px;}
#errorform ul		{list-style-type:none;}
#countdown 			{font-size:3em;color:#EEE;width:106px;height:100px;text-align:center;background:url(images/emailinviata.gif) no-repeat 0 0;}

.zemText,.zemTextarea		{width:300px;}
.zemContactForm         	{color:#888;}
.zemContactForm .Nome   	{float:left;background:url(images/persona.gif) no-repeat 2px 6px;padding:4px 20px;}
.zemContactForm .Email  	{float:left;background:url(images/mail.gif) no-repeat 2px 6px;padding:4px 20px;}
.zemContactForm .Messaggio	{float:left;background:url(images/bubble.gif) no-repeat 2px 6px;padding:4px 20px;}
.zemContactForm #Nome,.zemContactForm #Email,.zemContactForm #Messaggio{padding:.5em;color:#000;margin-bottom:2em;font-weight:bold;}
.zemContactForm .zemSubmit  {width:100px;height:25px;display:block;background:url(images/invia.gif) no-repeat 0px 0px;margin-left:200px;}
.zemContactForm .zemSubmit:hover{background-position:0 -25px;}
.zemThanks      			{font-size:1.1em;color:#666;margin-top:40px;margin-left:20px;}
#Nome.zemRequirederrorElement,#Email.zemRequirederrorElement,#Messaggio.zemRequirederrorElement{background-image:url(images/patternrosso.gif);color:#FFF;}



#esitoricerca			{ clear:both; width:900px;margin:0 auto;counter-reset: id; height:300px;}
#esitoricerca ul		{ list-style:none;margin-top:20px;}
#esitoricerca ul li		{ float:left; list-style:none; display:block; width: 210px;height:100px; background:#FFF; padding:2px;margin:4px; border-right:1px solid #DDD; border-bottom:1px solid #DDD;background:url(images/fodoricerca.jpg) no-repeat 0 0; }



#esitoricerca a  	    {height:15px; background:url(images/more.gif) no-repeat 0 0;padding-left:20px;display:block;font-size:.7em; }
#esitoricerca h5  		{float:right;margin-right:5px;}
#esitoricerca h5:after  {font-size:.9em; content:counter(id,decimal-leading-zero); counter-increment: id;  color:#BBB;padding:4px; }
#esitoricerca .tag		{font: 10px Verdana, Tahoma, Arial, Helvetica, sans-serif;padding-top:5px;color:#AAA;font-weight:bold;} 
#esitoricerca .contenuto{ margin-top:10px; padding-left:10px; height:70px;}


/* hilite trovato */
.hilitegallery		{position: absolute; z-index:100; width:66px;height:37px;background:url(images/hilite.png) no-repeat 0 0;margin-top:-15px;}
.hilitelista  		{background:url(images/hilitelista.gif) no-repeat 0 0;background-color:#FFEEDD;}
.nontrovato         {background:url(images/nontrovato.gif) no-repeat 0 0;width:206px;height:106px;padding: 30px 0 0 120px;font-size:1.2em;margin:20px auto;}

 


/* form ricerca */ 
.ricercabox             {float:right;width:195px;height:50px;font-size:.7em;background:url(images/ricerca.jpg) no-repeat 0 0;margin-right:0px;}
.ricercabox:hover       {background-position:0 -50px;}
.ricerca                        {border:none;margin-left:10px;margin-top:0px;}
.ricerca input,.ricerca button  {float:left;border:none;font-size:10px;}
.ricerca input.campo            {color:#FFF;width:130px;height:15px;background:url(images/search.gif) no-repeat left top;margin-top:16px;padding-left:5px; }
.ricerca input.campo:focus      {background:url(images/search.gif) no-repeat left -15px;outline:none;}
.ricerca button.btn             {font-size:14px;background:transparent;color:#333;margin-top:13px;margin-left:-1px;}
.ricerca button.btn:hover       {color:#000;}