body { padding: 0; margin: 0; font: 0.7em Tahoma, 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; }	

/* headings */
h1 { font: bold 1.7em "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.2em "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;}
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; }

input.text{ 
  font-family:TrebuchetMS; 
  font-size:19pt; 
  font-weight:bold; 
  background-color:336699; 
  border-color:336699; 
  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;
   }
  

.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:1.1em 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: 1.1em Arial}
#tabs li a:hover { background: #fff url(images/barcurrent.gif) no-repeat; color: #000; font: 1.1em Arial}	
#tabs li a.current { background: #fff url(images/barcurrent.gif) no-repeat; color: #2C71AE; font: 1.1em Arial}	

/* 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; height: 8px; background: #dedede url(images/gboxtop.gif) no-repeat; color: #000; }
.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: 295px;
	margin: 0 0 10px 0;
}
	.boxtop { height: 19px; background: #fff url(images/boxtop.gif) no-repeat; color: #000; }
	.box { background: #fff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0; }
	.box p { padding: 0; margin: 0;}
	.image { float: left; margin: 0 9px 3px 0; }

#box a { color: #006699; background: #fff; text-decoration: none; float: right; font: bold 1em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px;}
#box a:hover { color: #2b2b2b; background: #FFF; float: right; font: bold 1em "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: 2em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; font: 1.3em Arial}
.middle { clear: both; text-align: center; line-height: 2em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; font: 1.6em 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;
	FONT-SIZE: 10pt;
	BORDER-LEFT-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: #f0f0f0;
	BORDER-RIGHT-WIDTH: 1px;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
	BORDER-RIGHT-COLOR: #006699
}
SELECT    {
		BORDER-TOP-WIDTH: 1px;
	FONT-WEIGHT: normal;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 7pt;
	BORDER-LEFT-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: #f0f0f0;
	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: 7pt;
	BORDER-LEFT-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: #f0f0f0;
	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;color:#006699;}
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;color:#006699;}
ul#nav h2 a{line-height:25px;padding: 0 15px;color:#006699;}
ul#nav li:hover,ul#nav h2 a:hover{background: #FFFFFF}
ul#nav h3{font-size:100%;margin:0}
ul#nav h3 a{color: #006699}
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: #006699;
  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: 922px;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #F5F5F5;
 margin: 10px 5px 5px 0px;
 padding: 10px;
 width: 205px;
 height: 400px;
 float: left;
 font:1.2em "Arial", Sans-Serif;
}
#leftmiddle { 
 color: #333;
 border: 1px solid #ccc;
 background: #F5F5F5;
 margin: 10px 5px 5px 0px;
 padding: 10px;
 width: 205px;
 height: 400px;
 float: left;
 font:1.2em "Arial", Sans-Serif;
}
#rightmiddle { 
 color: #333;
 border: 1px solid #ccc;
 background: #F5F5F5;
 margin: 10px 5px 5px 0px;
 padding: 10px;
 width: 205px;
 height: 400px;
 float: left;
 font:1.2em "Arial", Sans-Serif;
}
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #F5F5F5;
 margin: 10px 0px 5px 0px;
 padding: 10px;
 width: 204px;
 height: 400px;
 float: left;
 font:1.2em "Arial", Sans-Serif;
}

#middlemenu { 
 margin: 10px 0px 5px 0px;
 width: 922px;
 color: #006699;
 font:1.8em "Arial", Sans-Serif;
 text-align: center; 
}
.clear { float: left; width: 1px; }

img.float-right {
      float: right; 
    margin: 4px;  
}
img.float-left {
      float: left; 
    margin: 4px; 
}
#hardwarepanel
	{
	width:303px;
	height:231px;
	margin:0px;
	padding:0 18px 0 0;
	float:left;
	background:url(images/hardwarebg.jpg) no-repeat;
	}
#internetpanel
	{
	width:303px;
	height:231px;
	margin:0px;
	padding:0 18px 0 0;
	float:left;
	background:url(images/internetbg.jpg) no-repeat;
	}
#windowspanel
	{
	width:303px;
	height:231px;
	margin:0px;
	padding:0px;
	float:left;
	background:url(images/windowsbg.jpg) no-repeat;
	}
#hardwarepanel1
	{
	width:303px;
	height:231px;
	margin:0px;
	padding:0 18px 0 0;
	float:left;
	background:url(images/hardwarebg1.jpg) no-repeat;
	}
#internetpanel1
	{
	width:303px;
	height:231px;
	margin:0px;
	padding:0 18px 0 0;
	float:left;
	background:url(images/internetbg1.jpg) no-repeat;
	}
#windowspanel1
	{
	width:303px;
	height:231px;
	margin:0px;
	padding:0px;
	float:left;
	background:url(images/windowsbg1.jpg) no-repeat;
	}	
.settext
	{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#26231d;
	}
.settext2
	{
	width:251px;
	height:12px;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#26231d;
	padding:0 0 0 31px;
	float:left;
	}
.settext3
	{
	width:251px;
	font-family:Arial;
	font-weight:bold;
	font-size:48px;
	color:#FFFFFF;
	padding:17px 3px 30px 31px;
	float:right;
	}
	#hwinner
	{
	width:136px;
	height:94px;
	margin:0 0 30px 0;
	padding:27px 0 0 140px;
	float:left;
	}
#netinner
	{
	width:136px;
	height:94px;
	margin:0 0 30px 0;
	padding:27px 0 0 140px;
	float:left;
	}
#wininner
	{
	width:136px;
	height:94px;
	margin:0 0 30px 0;
	padding:27px 0 0 140px;
	float:left;
	}
.heading
	{
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	}
fieldset { padding: 0.5em 0.5em; border: 1px solid #006699;font: normal 1.2em "Arial";color:#006699;}

legend {
  
font: normal 1.3em "Arial";
  color:#006699;

  text-align:right;
  }
#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;
}