@charset "UTF-8";
/*	-------------------------------------------------------------- 
   	NOSTATIC 2009
	-------------------------------------------------------------- 
*/
@import "script.css";



/* CSS RESET
--------------------------------------------------------------------------------------------------------------------- */
*					{margin:0;padding:0;}

html, body, div, span, applet, object, p, pre, a, code, font, img, small, strong, b, u, i, center,ul, li, fieldset, form, label { margin: 0; padding: 0; border: none; outline: none; vertical-align: baseline; background: transparent; }
blockquote, q 		{quotes: none; }
textarea 			{overflow: auto; border: none; outline: none; margin: 0; padding: 5px; }
input, select 		{border: none; outline: none; margin: 0; padding: 0; }
strong, b 			{font-weight: bold;}
em, i 				{font-style: italic;}
.a:active,a:focus	{outline:none;}/* bordo firefox  */

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


 
/* tipografia  */
body{
	
	height: 100%;
	
	color: #666;
	font-size:.8em;
	line-height:120%;
	font-family:Helvetica, Verdana, Arial, Sans-Serif; 
	font-weight:normal;
	font-size:62.5%;
	background:url(images/f2.gif);
	background-color: #DDD;
}

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

h1	{font-size:1.8em;letter-spacing: -1px;}
h2	{font-size:1.6em;letter-spacing: 0px;}
h3	{font-size:1.4em;}
h1, h2, h3, h4, h5, h6	{font-weight:normal;}
p	{color:#666666;font-size:0.9em;margin-top:.5em;}



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

.grigio{ color:#AAA;}
.separatore{width:900px;height:10px;background:url(images/separatore.gif) no-repeat;}
/* --------------------------------------------------------------------------- */
/* struttura  */
  
#pagina				{width:900px;padding:0;margin:0;margin:0 auto;}
#header         	{width:900px;height:250px;margin:0 auto;background-color:#FFF;}
#header_in       	{float:left; width:400px;margin-left:100px;margin-top:60px;}
#logo        		{background:url(images/logo.gif) no-repeat 0px 0px; height:68px;margin-top:5px;}
#intro      		{margin-top:0px;}
#swfmatrice			{float:right;padding:20px;margin-right:90px;}

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


#info				{background:url(images/info.gif) no-repeat;height:14px;line-height:14px;padding-left:17px;margin-left:90px;clear:both;text-align:left;}
#formulario			{width:900px; }


/* catalogo formule  */
#catalogo			{width:900px;background-color:#F4F4F1;padding:0;margin:0;}
#catalogo .centrato	{display:block;width:90%;margin:0 auto;padding:10px;padding-bottom:40px;clear:both;}
#catalogo .block	{float:left;width:30%; margin:0px 10px 0 10px;}
#catalogo .sx		{float:left;font-size:1.6em;margin-left:60px;height:50px;line-height:50px;}
#catalogo .dx 		{float:right;height:50px;line-height:50px;margin-right:70px;font-size:.8em;}


#footer         	{clear:both; width:900px;background-color:#FFF;color:#666;}
#footer_in			{padding:10px;text-align:right;padding-right:30px;}


ul.gallery 		{list-style:none; }
ul.gallery li 	{ padding:0px;margin:0;}

 
/* gruppo formula  */
.formula{width:900px;margin:0 auto;padding:0;margin:0;}


.esempio		{display:block;height:580px;padding:0;margin:0;background-color: #F2F3F5;}
.esempio h1 { height:40px;}
.einfo			{padding:20px;padding-left:100px;}
.etitolo		{font-size:40px;}
.edida			{color:#888;font-size:15px;}
.ebase			{clear:both;width:706px;height:456px;background:url(images/pannello.gif) no-repeat;margin:0px auto;}
.eswf			{width:700px;height:410px;margin-left:2px;}


.codice{display:none;width:900px;height:500px;color:#000;margin-top:-30px;background-color: #E9E9E9;}
.cbase{width:700px;height:475px;background:url(images/pannello_codice.gif) no-repeat 0px 0px;margin:0 auto;}

ul.cgrid			{list-style:none;}
ul.cgrid li 		{margin:0; padding:0; background:transparent; }
ul.cgrid li.top		{height:50px;}
ul.cgrid li.header	{height:50px;}
ul.cgrid li.corpo	{width:650px;height:320px;margin:0 auto;}
ul.cgrid li.footer	{height:50px;}
h1.id				{float:right;color:#DDD;margin-right:25px;font-size:30px;}

.script				{font-size:1.4em;height:320px;padding:8px;line-height:1.2em;font-size:1.6em;	background-color: #FAFAFA;  }



ul.lista			{list-style-type:none;border-top:1px solid #DDD;margin-top:20px;}
ul.lista li			{list-style-type:none;margin:0;padding:0.1em 0;border-bottom:1px solid #DDD;height:20px;}
ul.lista .num		{color:#999;padding-right:10px;}
ul.lista a			{color:#666;text-decoration:none;font-size:1.2em;font-weight:bold;font-variant:small-caps;display:block;padding:4px;}
ul.lista a:hover	{ background-color: #DDD; }
ul.lista .vuoto		{font-size:1.2em;font-weight:bold;font-variant:small-caps;display:block;padding:4px;}



/* --------------------------------------------------------------------------- BOTTONI */

a.btn_code			{display:block;width:70px;height:28px;background:url(images/btn_code.gif) no-repeat 0px 0px;float:right;margin-right:20px;margin-top:0px;}
a.btn_code:hover	{background-position:0 -28px;}
a.btn_chiudi		{display:block;width:25px;height:25px;background:url(images/btn_chiudi.gif) no-repeat 0px 0px;top:20px;left:527px;position:relative;}
a.btn_chiudi:hover	{background-position:0 -25px;}
 

	
	
	
	
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
 
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #EEE;
	background:url(images/stripe1.gif);
}
.jScrollPaneDrag {
	position: absolute;
	
	cursor: pointer;
	overflow: hidden;
	background:url(images/arrow4.gif) no-repeat 4px 20px;
	background-color: #666;
	
	}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
 
}