body { padding: 0; margin: 0; font: 1em Arial, sans-serif; line-height: 1.6em; background: #fff; color: #006699; }

/* links */
a { color: #006699; background: inherit; text-decoration:none}
a:hover { color: #FF8C00; background: inherit; }	


fieldset {padding : 0.5em 0.5em 0.5em 0.5em; margin : .5em .5em 0.5em 0.5em; border: 1px solid #006699; font: 0.9em Arial}
legend {font: normal 1.4em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; color: #006699;}
/* headings */
h1 { font: bold 1.5em "Verdana", Sans-Serif; margin: 0; color: #006699; letter-spacing: -1px; padding: 15px 50px 10px; text-align: left;}
h2 { font: bold 4.5em "Verdana", Sans-Serif; margin: 0; letter-spacing: -1px; color: #006699;}
h3 { font: bold 1.1em "Verdana", Sans-Serif; margin: 0; letter-spacing: -1px; color: #006699;}
h4 { font: bold 1.5em "Verdana", Sans-Serif; margin: 0; letter-spacing: -1px; color: #006699;}
h6 { font: bold 1.3em "Verdana", Sans-Serif; margin: 0; letter-spacing: -1px; color: #ff4500; text-align: center;}
h5 { font: bold 1.0em "Verdana", Sans-Serif; margin: 0; letter-spacing: -1px; color: #006699; text-align: center;}
h7 { font: bold 1.0em "Verdana", Sans-Serif; margin: 0; letter-spacing: -1px; color: #ffd700; text-align: center;}
h1 a, h2 a,  h3 a { color: #006699; background: #fff; text-decoration: none; color: #006699;}
h1 a:hover, h2 a:hover , h3 a:hover{ color: #FF9900; background: #FFF; }
.title { color: #808080; background: #fff; }
.citta { font: normal 1.2em "Arial", Sans-Serif; margin: 0; text-decoration: none; }
.citta a { font: normal 1.2em "Arial", Sans-Serif; margin: 0; text-decoration: none;}
.citta a:hover { font: normal 1.2em "Arial", Sans-Serif; margin: 0; text-decoration: none; color: #FF9900;}
/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
#mainleft { 
 display: inline;
 margin: 1px;
 padding: 1px;
 width: 770px;
 float: left;

}
input.text{ 
  font-family:TrebuchetMS; 
  font-size:19pt; 
  font-weight:bold; 
  background-color:ffffff; 
  border-color:ffffff; 
  border-style:inset; 
  border-width:2px; 
  color:FFFFFF; 
}

/* content holder */
#content { margin: 10px auto; width: 960px; }

/* header */
#header { height: 100px; }
#logo { padding: 5px 0 0 8px; }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }
#top_info { float: right; width: 570px; margin: 10px 20px 0 0; text-align: right; }
#top_img { background: #fff  }

.container {
   position: relative;
   height: 50px;
   }
.container span{color: #c30;}  

.left-element {
   position: absolute;
   left: 0;
   width: 50%;
   padding-top:0cm;

   }

.right-element {
   position: absolute;
   right: 0;
   width: 50%;
   text-align: right; /* depends on element width */
   

   } 	

/* horizontal tabbed menu */	
#tabs { background: #fff url(images/bigbox.gif) no-repeat top left; color: #000;  height: 64px; text-align: center; padding: 0 0 0 210px; }
#tabs li { display: inline; height: 45px; font: 0.9em Arial}
#tabs li a { float: left; background: #fff url(images/barbg.gif) no-repeat; color: #808080; padding: 7px 0; width: 82px; text-align: center; font-weight: normal; text-decoration: none; font: 0.9em Arial}
#tabs li a:hover { background: #fff url(images/barcurrent.gif) no-repeat; color: #000; font: 0.9em Arial}	
#tabs li a.current { background: #fff url(images/barcurrent.gif) no-repeat; color: #2C71AE; font: 0.9em Arial}	
.key { text-decoration: underline; }

/* search form */
#search { 
	float: left;
	clear: both;
	color: #000;
	background: #fff url(images/searchbg.gif) no-repeat;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0 0 0;
}
	#search p { padding: 0; margin: 0; }


/* grey subheader */
.gboxtop { clear: both; }
.gbox { background: #dedede url(images/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 20px 0; }
.gbox p { padding: 7px 0; margin: 0;}


/* left side */
.left { float: left; width: 950px; padding: 5px 5px 5px 5px; background-color:#F5F5F5;}
	.left_articles {
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		
		color: #000;
		background: #ddd;
	}
.main_page { float: left; width: 950px; margin: 0 0 10px 0; }
	
	
	.calendar { height: 50px; float: center; background: #fff url(images/calendar.gif) no-repeat; width: 50px; padding: 3px 0 0 9px;  color: #006699;}
	.calendar p { padding: 0; margin: 0; }
	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }


/* bottom thirds */
.thirds { float: left; width: 203px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtop { height: 14px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }

	
/* right side */
#right {
	float: right;
	width: 175px;
	margin: 5px 0 5px 0;
}
	.boxtop {margin:0;padding:0;}
	.box { margin:0;padding:0; }
	.box p { padding: 0; margin: 0;}
	.image { float: left; margin: 0 9px 3px 0; }
ul#box,ul#box li,ul#box ul{margin:0;padding:0;list-style:none;font: bold 1.5em "Arial", Sans-Serif; margin: 0}
#box a { color: #006699; background: #fff; text-decoration: none; float: right; font: bold 1.5em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px;}
#box a:hover { color: #2b2b2b; background: #FFF; float: right; font: bold 1.5em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px;}
/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(images/hoverbtn.gif) no-repeat; color: #fff; }

/* footer  */
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; font: 0.9em Arial}
.iframe { 

width: 620px; 
height: 2000px; 
overflow: auto;
border: 1px solid #006699;
padding: 2px;
}
.gray { color: #CCC; }
.orange { color: #FF9900; }
INPUT     {
	BORDER-TOP-WIDTH: 1px;
	FONT-WEIGHT: normal;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-WIDTH: 1px;
	FONT-SIZE: 10pt;
	BORDER-LEFT-COLOR: #006699;
	BORDER-TOP-COLOR: #006699;
	BORDER-RIGHT-COLOR: #006699;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: #006699;
	TEXT-TRANSFORM: none;
	COLOR: Navy;
	BORDER-TOP-COLOR: #006699;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #ffffff;
	BORDER-RIGHT-WIDTH: 1px;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
	BORDER-RIGHT-COLOR: #006699;
	padding: 2px;
}
SELECT    {
		BORDER-TOP-WIDTH: 1px;
	FONT-WEIGHT: normal;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 8pt;
	BORDER-LEFT-COLOR: #006699;
	BORDER-RIGHT-COLOR: #006699;
	BORDER-TOP-COLOR: #006699;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: #006699;
	TEXT-TRANSFORM: none;
	COLOR: Navy;
	BORDER-TOP-COLOR: #006699;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #ffffff;
	BORDER-RIGHT-WIDTH: 1px;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
	BORDER-RIGHT-COLOR: #006699;
}
TEXTAREA  {
	BORDER-TOP-WIDTH: 1px;
	FONT-WEIGHT: normal;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 8pt;
	BORDER-LEFT-COLOR: #006699;
	BORDER-RIGHT-COLOR: #006699;
	BORDER-TOP-COLOR: #006699;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: #006699;
	TEXT-TRANSFORM: none;
	COLOR: Navy;
	BORDER-TOP-COLOR: #006699;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #ffffff;
	BORDER-RIGHT-WIDTH: 1px;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
	BORDER-RIGHT-COLOR: #006699;
}
FORM      { margin-bottom: 0; }

div#menu{padding-top:0px;width:100%;background: #FFFFFF;}
ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none}
ul#nav{width:850px;margin: 0 auto;height:0px;
    background: #FFFFFF ;
    font: 1.5 Verdana,Tahoma,sans-serif}
ul#nav a{display:block;text-decoration:none}
ul#nav h2{font-size:120%;margin:0}
ul#nav h2 a{line-height:25px;padding: 0 15px;color:#000;}
ul#nav li:hover,ul#nav h2 a:hover{background: #FFFFFF}
ul#nav h3{font-size:100%;margin:0}
ul#nav h3 a{color: #666}
ul#nav h3 a:hover{text-decoration:underline}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;display: block !important;display: inline; /*IE6*/}


/*dichiarazioni chiave per i sottomenu e l'effetto a comparsa
NB: classe open è necessaria per JQuery*/

ul#nav div.mega{position: absolute;top: -9999px;left: -1px;
    width: 20em;padding: 0.7em;border: 1px solid #5898F2;
    background: #ffffff;overflow:hidden;line-height:1.5}
ul#nav li:hover div.mega,ul#nav li div.mega.open{top: 25px;z-index: 100}

/*tipologie di sottomenu:
small: colonna singola
mega: 2 colonne  - default
wide: 3 colonne
ultra: 4 colonne
alt: allineato sul lato destro */

ul#nav div.mega div{float:left;width:49%}
ul#nav div.mega.small{width:12em}
ul#nav div.mega.small div{float:left;width:99.9%}
ul#nav div.mega.wide{width:28em}
ul#nav div.mega.wide div{float:left;width:33%}
ul#nav div.mega.ultra{width:36em}
ul#nav div.mega.ultra div{float:left;width:24.9%}
ul#nav div.mega.alt{left:auto;right:-1px}

/*regole aggiuntive per i link dei sottomenu*/

ul#nav div.mega li a{padding:0 7px;color: #267BEE;
  background: #ffffff url(bullet.png) no-repeat left center;}
ul#nav div.mega li a:hover{color: #0B4295;text-decoration:underline}

#wrapper { 
 margin: 0 auto;
 width: 952px;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #F5F5F5;
 margin: 10px 5px 5px 0px;
 padding: 10px;
 width: 215px;
 height: 300px;
 float: left;
 font: 0.8em Arial
}
#leftmiddle { 
 color: #333;
 border: 1px solid #ccc;
 background: #F5F5F5;
 margin: 10px 5px 5px 0px;
 padding: 10px;
 width: 205px;
 height: 300px;
 float: left;
 font: 0.8em Arial
}
#rightmiddle { 
 color: #333;
 border: 1px solid #ccc;
 background: #F5F5F5;
 margin: 10px 5px 5px 0px;
 padding: 10px;
 width: 205px;
 height: 300px;
 float: left;
 font: 0.8em Arial
}
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #F5F5F5;
 margin: 10px 0px 5px 0px;
 padding: 10px;
 width: 215px;
 height: 300px;
 float: left;
 font: 0.8em Arial
}
#footer { 
 margin: 10px 0px 5px 0px;
 width: 922px;
 font: bold 1.1em "Arial", Sans-Serif;
 text-align: center; 
}
.clear { float: left; width: 1px; /* http://www.positioniseverything.net/explorer/peekaboo.html */ }

/* Alignment classes */
.float-left   { float: left; padding: 5px; }
.float-right  { float: right; padding: 5px;}
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;	}
.align-justify { text-align: justify; }
.right-login {

	text-align: right;
			
	}
/* display classes */
.clear  { clear: both; }
.block  { display: block; }
.hide   { display: none; }	
.orange { color: #FFA600; }

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Arial', 'courier new', monospace;
  /* white-space: pre; */
  background: #ffffff;
  border: 1px solid #f2f2f2;  
  border-left: 5px solid #006699;
}

code h1 {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #CCC;
	text-transform: lowercase;
	/* change the values of top and Left to adjust the position of the logo*/
	top: 0; left: 5px;	
}
label
{
width: 15em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
long_label
{
width: 15em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

img.float-right {
      float: right; 
    margin: 4px;  
}
img.float-left {
      float: left; 
    margin: 4px; 
}	
#fieldgreen {
 margin: 10px;
 padding: 1em;
 border: 2px solid #00C000;
 width: 690px;
 position: relative;

}
#fieldgreen h2 {
 display: inline;
 position: absolute;
 top: -13px;
 background: #ffffff;
 color: #008;
 margin: 0 3px;
 padding:2px;
 font: normal 1.4em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; color: #00C000;
}
#field {
 margin: 10px;
 padding: 1em;
 border: 2px solid #FF3300;
 width: 690px;
 position: relative;

}
#field h2 {
 display: inline;
 position: absolute;
 top: -13px;
 background: #ffffff;
 color: #008;
 margin: 0 3px;
 padding:2px;
 font: normal 1.4em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; color: #FF3300;
#fieldred {
 margin: 10px;
 padding: 1em;
 border: 2px solid #FF0000;
 width: 690px;
 position: relative;

}
#fieldred h2 {
 display: inline;
 position: absolute;
 top: -13px;
 background: #ffffff;
 color: #008;
 margin: 0 3px;
 padding:2px;
 font: normal 1.4em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; color: #FF0000;
}