/*-----------------------------------------------------------------------*/
/*       Stylesheet for screen rendering  - aggiornato il 5-02-2008      */
/*-----------------------------------------------------------------------*/
/* REMARK: FONT-SIZE DEFINITIONS                                         */
/*-----------------------------------------------------------------------*/
/* Relative font-sizes in "em" are used where necessary. To make the     */
/* "em"-units normed, the incoming font sizes are set to 1.0 em. The     */
/* font-size variations throughout the webpage are then expressed in     */
/* percentage values respective to the incoming font-size. To make       */
/* calculations easier, the font definition in "body" is such that       */
/* 1.0em = 10px. This makes life a real breeze!                          */
/*-----------------------------------------------------------------------*/

/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

/*-------------------------------*/
/* Section 1.1 - Page definition */
/*-------------------------------*/

body {
	font-size: 62.5%; margin: 0em auto; padding: 0em;  font-family: "trebuchet ms", verdana, arial, sans-serif;
}

#page-container {
	width: 780px; margin: 0px auto; padding: 0px;   background-color: #FFFFFF;
}

/*-------- allineamento form -------------*/
.allinea_dx {display:block; width:220px; margin:2px 0 1px 0; float:left }
.valign_top {vertical-align:top;}
.margin-top {margin-top:25px}
.form {height:250px; overflow:auto}
/**********************/
/* SECTION 2 - HEADER */
/**********************/
.n_articoli {font-size:small; padding:0px 15px 0px 0px; margin-top:-16px; float:right;}
/*--------------------------------------*/
/* Section 2.1 - Global navigation menu */
/*--------------------------------------*/

.nav-global-container {
	float: left; position: absolute; z-index: 3; width: 780px; top: 5px; background-color: transparent;
}

.nav-global ul {	
	float: right; margin: 0px; padding: 0px; list-style: none;
}	

.nav-global li {
	float: left; white-space: nowrap; text-transform: uppercase;
}

.nav-global li a {
	display: block; margin: 0px; padding: 0px 5px 0px 5px; border-left: solid 1px #969696; background-color: #FFFFFF; color: #C43C9F; text-decoration: none; font-size: 100%;
}

.nav-global a:hover {
	background-color: #FFFFFF; color: #000000; text-decoration: underline;
}

.img-flag {
	display: block; height: 1.2em; margin: 0px; padding: 0px; border: solid 1px rgb(0,0,0);
}

/*-----------------------------------*/
/* Section 2.2 - Sitename and Banner */
/*-----------------------------------*/

.site-name  {
	clear: both; float: left; position: absolute; z-index: 1; width: 700px; top: 20px; margin: 0px; padding-left: 14px; background-color: transparent; color: rgb(225,225,225); font-weight: bold; font-size: 24px; display:none
}

.site-slogan  {
	float: left; position: absolute; z-index: 2; width: 11.7em; top: 1.9em; left: 16px; margin: 0px; padding: 0px 3px 1px 3px; background-color: rgb(150,150,150);	color: rgb(225,225,225); font-weight: bold; font-size: 14px; display:none
}

.img-header {
	clear: both; float: left; width: 766px; height: 110px; margin: 0px; padding: 0px;
}

/*------------------------------------*/
/* Section 2.3 - Main navigation menu */
/*------------------------------------*/

.nav-main {
	clear: both; float: right; width: 766px; margin: 0px; padding: 0px; background-color: #0776AA /* blu logo Nexus */;
}
/*------------------------------------*/
/*  box stondato head blu logo Nexus  */
/*------------------------------------*/
    div.b_lato_sup {
      width: 100%;
      background-color: #0776AA /* blu logo Nexus */;
      background-image: url(../img/b_lato_sup.gif);
	  background-position: top;
      background-repeat: repeat-x;
    }
    div.b_lato_dx {
      background-image: url(../img/b_lato_dx.gif);
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.b_lato_inf {
      background-image: url(../img/b_lato_inf.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    div.b_lato_sx {
      background-image: url(../img/b_lato_sx.gif);
      background-position: top left;
      background-repeat: repeat-y;
    }
    div.b_a_sup_sx {
      background-image: url(../img/b_angolo_sup_sx.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.b_a_sup_dx {
      background-image: url(../img/b_angolo_sup_dx.gif);
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.b_a_inf_sx {
      background-image: url(../img/b_angolo_inf_sx.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.b_a_inf_dx {
      background-image: url(../img/b_angolo_inf_dx.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 10px 15px 15px 15px;
    }
    div.innercontent_head {
      width: 100%; margin:0px;
    }
	
/* --- Barra di navigazione superiore NEW ---- */

.innercontent_head ul {list-style: none; margin: 0px; margin-top:-5px; padding: 0px; font-weight: bold;}	
.innercontent_head li {display: block; white-space: nowrap; background-color: inherit;}
.innercontent_head li.first {border-left: solid 1px rgb(255,255,255);}

#nav-left li {float: left;}
#nav-right  li {float: right;}

.innercontent_head li a {
	color: #D5E4EA; /* bianco azzurrino */ 
	margin: 0px; 
	padding: 0px 10px 0px 10px; 
	border-right: solid 1px rgb(255,255,255); 
	text-decoration: none; 
	font-size: 120%;		
}

.innercontent_head a:hover, .innercontent_head a.selected {
	background-color:inherit;
	background-color: #D5E4EA; /* bianco azzurrino */ 
	color:#1077A9; /* blu logo Nexus*/ 
	text-decoration: none;
}


/*************************************/
/* SECTION 3 - FRONT-PAGE SIDEBANNER */
/*************************************/

.sidebanner-frontpage {
	float: right; width: 140px; margin: 0px; padding: 0px;
}

.img-sidebanner {
	width: 140px; margin: 0px; padding: 0px; border: none;
}

/******************************/
/* SECTION 4 - SUB-NAVIGATION */
/******************************/

/*--------------------*/
/* Section 4.1 - Size */
/*--------------------*/

.nav-sub {
	clear: both; min-height: 400px; float: left; width: 160px; margin: 0px; padding: 0px; color: rgb(110,110,110);
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub {
	height: 400px;
} 
/* End IE-Hack */

/*--------------------*/
/* Section 4.2 - Menu */
/*--------------------*/

.nav-sub ul {	
	float: left; list-style: none; width: 160px; margin: 0px; padding: 0px; border-bottom: solid 1px rgb(200,200,200);
}	

.nav-sub li {
	margin: 0px; padding: 0px;
}

.nav-sub li.title {
	vertical-align: top; margin: 0px; padding: 10px 7px 10px 14px; text-transform: uppercase; color: rgb(175,175,175); font-weight: bold; font-size: 140%;
}

.nav-sub li.group a {
	display: block; min-height: 1.5em; margin: 0px; padding: 3px 7px 2px 10px; border-top: solid 1px rgb(200,200,200); border-left: solid 5px rgb(235,235,235); text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 120%;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li.group a {
	height: 1.5em;
}
/* End IE-Hack */
	
.nav-sub li a {
	display: block; min-height: 1.5em; margin: 0px; padding: 3px 7px 2px 10px; border-left: solid 5px rgb(235,235,235); color: rgb(110,110,110); text-decoration: none; font-size: 120%;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li a {
	height: 1.5em;
}
/* End IE-Hack */

.nav-sub li.group a:hover, .nav-sub li.group .selected {
	border-left: solid 5px rgb(175,175,175); background-color: rgb(225,225,225); text-decoration: none;
}

.nav-sub a:hover, .nav-sub .selected {
	border-left: solid 5px rgb(175,175,175); background-color: rgb(225,225,225); text-decoration: none;
}

.nav-sub-align {
	text-align: left;
}

/*******************************************************************/
/* SECTION 5 -  Extend left column height to footer                */
/*-----------------------------------------------------------------*/
/* TRICK: To nest the right two columns (content and sidebar) and  */
/* give them a minimum height and white background. Then let the   */
/* left column have transparent background so the light-grey color */
/* from the global page definition comes through. However, nesting  */
/* floats inside each other with identical widths may activate the */
/* IE character duplicating bug, where the last characters of the  */
/* last float statement are duplicated outside the float. The      */
/* correction for this is to reduce the sidebar float so that the  */
/* sum of the content and sidebar floats are 6px less than the     */
/* container holding them. See Section 7.1, where this is done.    */
/* ----------------------------------------------------------------*/
/* RESTRICTION: For situations where the left navigation menu is   */
/* expanding over the minimum 600px height, it must remain smaller */
/* than the right columns. Otherwise the global page grey back-    */
/* will shine through after the end of the content and sidebar     */
/* columns. This situation may arise when you have very long left  */
/* navigation menus, and short content and sidebars. If this is    */
/* your situation, then simply increase the minimum height of the  */
/* left column, as well as the container defined in this section.  */
/*******************************************************************/

/* Contain both right columns (content and sidebar) in one         */
/* container and extended to a minimum height of 600 px            */
/* The "!important" statement is for Firefox so that the           */
/* "height" statement still allows the container to grow and       */
/* not remain fixed size. Necessary because IE cannot render       */
/* the "min-height" property                                       */

.container-content-sidebar {
   float: left; width: 620px; min-height: 400px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .container-content-sidebar {
	height: 400px;
} 
/* End IE-Hack */

/* Put a buffer between sub-navigation column and      */
/* main-navigation so that the global page background  */
/* color does not come through in this place           */

.buffer {
 	float: left; width: 160px; height: 20px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);	
}

/***********************/
/* SECTION 6 - CONTENT */
/***********************/

/*--------------------*/
/* Section 6.1 - Size */
/*--------------------*/

.content {
	float: left; width: 570px; margin: 0px; padding: 20px 20px 0px 20px;	
}

/*-------------------------*/
/* Section 6.2 - Pagetitle */
/*-------------------------*/

.content-pagetitle {
	width: 390px; margin: 0px 0px 10px 0px; padding: 0px;
}

.content-pagetitle p {
	padding: 0px; margin: 0px; font-weight: bold; font-size: 140%;
}

/*----------------------------------*/
/* Section 6.3 - Extra container    */
/*----------------------------------*/
/* To ensure that no problems arise */
/* with right and left floatings    */
/* and make the implementation      */
/* robuster.                        */
/*----------------------------------*/

.contentbox-container-full {
	 float: left; width: 570px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-container-left {
	float: left; width: 265px; height:140px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-container-right {
	float: right; width: 265px; height:140px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

/*-----------------------------*/
/* Section 6.4 - Content title */
/*-----------------------------*/

.contentbox-title-noshading-noline {
	display: block; margin: 0px; padding: 0px; background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox-title-noshading-line {
	display: block; margin: 0px 0px 0.2em 0px; padding: 0px; border-bottom: solid 2px rgb(135,135,135); background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox-title-shading {
  	margin: 0px; padding:0px; background-color: rgb(225,225,225); font-weight: bold; font-size: 150%;	
}

/*--------------------------------*/
/* Section 6.5 - Contentbox size  */
/*--------------------------------*/

/* No shading */
.contentbox-noshading {
	margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;
}

.contentbox-noshading p {
	text-align:justify;
}
.content-overflow {overflow:auto; height:360px; padding-right:20px; padding-top:15px}
.content-overflow_p {overflow:auto; height:200px; padding-right:20px; padding-top:15px}

/* Shading */
.contentbox-shading {
	margin: 0px; padding: 7px 10px 5px 10px; background-color: transparent;
}

/*-------------------------------*/
/* Section 6.6 - Contentbox text */
/*-------------------------------*/

/* Heading */
h1 {clear: left; margin: 0.5em 0px 0.5em 0px; font-weight: bold; font-size: 110%;}
h2 {clear: left; margin: 1.5em 0px 1.0em 0px; font-weight: bold; font-size: 140%;}
h3 {clear: left; margin: 1.5em 0px 1.0em 0px; font-weight: bold; font-size: 130%;}
h4 {clear: left; margin: 1.0em 0px 0.6em 0px; font-weight: bold; font-size: 130%;}
h5 {clear: left; margin: 0.5em 0px 0.5em 0px; font-weight: bold; font-style: italic; font-size: 100%;}

.contentbox-noshading h3 {margin: 15px 0px 10px 0px; }
.contentbox-noshading h4 {margin: 0px 0px 10px 0px; }

.eventi h3 {margin: 15px 0px 0px 0px; font-size: 140%; color:#8B84D2 /* blue07 */}
.eventi h4 {margin: 0px 0px 10px 0px; }
.novita h3 {margin: 15px 0px 0px 0px; font-size: 140%; color:#C43C9F /* red11 */}
.novita h4 {margin: 0px 0px 10px 0px; }
.progetti h3 {margin: 15px 0px 0px 0px; font-size: 140%; color: rgb(97,177,25); /* green09 */}
.progetti h4 {margin: 0px 0px 10px 0px; }

.mappa {background-image:url(../img/Nexus_n_stage_p.jpg); background-position:right; background-repeat:no-repeat}
.mappa ul {list-style: none; margin-left:0px; padding-left:0px; color: rgb(122,114,204)/* blue08 */; font-weight:bold }
.mappa ul li {list-style: none; padding:2px 0px 1px 0px;}

.mappa ul ul {list-style-type:square; font-weight:200;font-size:small }
.mappa ul ul li {list-style-type:square; }

.mappa ul ul ul {list-style-type: disc }
.mappa ul ul ul li {list-style-type: disc }


.mappa a, .mappa a:link, mappa a:visited {text-decoration:none;}
/* link box con + Primo livello */
.mappa ul a, .mappa ul a:link, mappa ul a:visited {text-decoration:none; background-color: rgb(205,202,236); /* blue03 */ padding:0px 2px 0px 2px; border: 1px solid #1E1E54; /* viola scuro */}
.mappa ul a:hover {text-decoration:none; background-color: #EEEDF9;/* blue01 */ padding:0px 2px 0px 2px; border: 1px solid #1E1E54; /* viola scuro */}

.mappa ul ul a, .mappa ul ul a:link, mappa ul ul a:visited {text-decoration:none; padding:0px; border: 0px; background-color:#FFFFFF;}
.mappa ul ul a:hover {text-decoration:underline; background-color: transparent; padding:0px; border: 0px}

/* Paragraph text */
p {
   clear: left; margin: 0em 0px 0.5em 0px; padding: 0px; font-size: 130%;
}

/* Quote */
p.quote {
   clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;
}

/* Embedded */
.embed {
   float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(225,225,225); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 180%;
}

.embed-caption {
   float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 50%;
}

/* Unordered list */
.content ul {
	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 30px; list-style-type: disc; list-style-position: outside; font-size: 130%;
}
.index_novita ul {
	margin: 0px 10px 0px 15px;
	padding: 0px;
	list-style-type: disc;
	list-style-position: outside;
}

/* Ordered List */
.content ol {
	margin: 0px 10px 0px 17px; padding: 0px 0px 0px 30px; list-style-type: decimal; list-style-position: outside; font-size: 130%;
}

/*--------------------------*/
/* Section 6.7 - Datatables */
/*--------------------------*/

.tabledata {
	clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(225,225,225);
}

.tabledata tr {
	margin: 0px; padding: 0px;
}

.tabledata td {
	padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;
}

.tabledata th {
	margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	
}

p.tabledata-caption {
	margin: 0em 0px 10px 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;
}

/*----------------------*/
/* Section 6.8 - Images */
/*----------------------*/

/* No border */
.img-left-noborder {
	float: left; margin: 0.3em 7px 3px 0px;
}

.img-right-noborder {
	float: right; margin: 0.3em 0px 3px 7px;
}

/* Border */
.img-left-border {
	float: left; margin: 0.3em 7px 3px 0px; border: solid 1px rgb(150,150,150);
}

.img-right-border {
	float: right; margin: 0.3em 0px 3px 7px; border: solid 1px rgb(150,150,150);	
}

/***********************/
/* SECTION 7 - SIDEBAR */
/***********************/

/*-----------------------------------------------*/
/* Section 7.1 - Size                            */
/*-----------------------------------------------*/
/* Because of IE float-rendering bug, the width  */
/* must be reduced by 6px, otherwise it will     */
/* duplicate characters after the last float     */
/* Reason: IE may not alwys allow nested floats  */
/* have identical widths, but inside float must  */
/* be smaller than outside float. This IE-bug is */
/* somewhat unpredictable. See Section 5 header  */
/* for more details on this topic.               */
/*-----------------------------------------------*/

.sidebar {
	 float: left; width: 140px; margin: 0px ; padding: 20px 5px 5px 17px; background-color: rgb(255,255,255);
}

/*-----------------------*/
/* Section 7.2 - Textbox */
/*-----------------------*/

.sidebarbox-noborder {
	width: 140px; margin: 0em 0px 1.0em 0px; padding: 0px;
}

.sidebarbox-border {
	width: 130px; margin: 0px 0px 1.0em 0px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);
}

/*------------------------------*/
/* Section 7.2.1 - box stondato lilla */
/*------------------------------*/
    div.lato_sup {
      width: 100%;
      background-color: #D4D6FF;
      background-image: url(../img/lato_sup.gif);
	  background-position: top;
      background-repeat: repeat-x;
    }
    div.lato_dx {
      background-image: url(../img/lato_dx.gif);
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.lato_inf {
      background-image: url(../img/lato_inf.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    div.lato_sx {
      background-image: url(../img/lato_sx.gif);
      background-position: top left;
      background-repeat: repeat-y;
    }
    div.a_sup_sx {
      background-image: url(../img/angolo_sup_sx.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.a_sup_dx {
      background-image: url(../img/angolo_sup_dx.gif);
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.a_inf_sx {
      background-image: url(../img/angolo_inf_sx.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.a_inf_dx {
      background-image: url(../img/angolo_inf_dx.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 10px 15px 15px 15px;
    }
    div.innercontent {
      width: 100%;
    }
.innercontent p {
	margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; font-size: 110%;
}
/*------------------------------*/
/* Section 7.2.1 - box stondato giallo */
/*------------------------------*/
	div.g_lato_sup {
      width: 100%;
      background-color: #FAF3BD;
      background-image: url(../img/g_lato_sup.gif);
	  background-position: top;
      background-repeat: repeat-x;
    }
    div.g_lato_dx {
      background-image: url(../img/g_lato_dx.gif);
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.g_lato_inf {
      background-image: url(../img/g_lato_inf.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    div.g_lato_sx {
      background-image: url(../img/g_lato_sx.gif);
      background-position: top left;
      background-repeat: repeat-y;
    }
    div.g_a_sup_sx {
      background-image: url(../img/g_angolo_sup_sx.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.g_a_sup_dx {
      background-image: url(../img/g_angolo_sup_dx.gif);
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.g_a_inf_sx {
      background-image: url(../img/g_angolo_inf_sx.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.g_a_inf_dx {
      background-image: url(../img/g_angolo_inf_dx.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 10px 15px 15px 15px;
    }
    div.innercontent {
      width: 100%;
    }
.innercontent p {
	margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; font-size: 110%;
}
/*------------------------------------*/
/* Section 7.2.1 - box stondato verde */
/*------------------------------------*/
    
	div.vd_lato_sup {
      width: 100%;
      background-color: #E4EFCE;
      background-image: url(../img/vd_lato_sup.gif);
	  background-position: top;
      background-repeat: repeat-x;
    }
    div.vd_lato_dx {
      background-image: url(../img/vd_lato_dx.gif);
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.vd_lato_inf {
      background-image: url(../img/vd_lato_inf.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    div.vd_lato_sx {
      background-image: url(../img/vd_lato_sx.gif);
      background-position: top left;
      background-repeat: repeat-y;
    }
    div.vd_a_sup_sx {
      background-image: url(../img/vd_angolo_sup_sx.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.vd_a_sup_dx {
      background-image: url(../img/vd_angolo_sup_dx.gif);
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.vd_a_inf_sx {
      background-image: url(../img/vd_angolo_inf_sx.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.vd_a_inf_dx {
      background-image: url(../img/vd_angolo_inf_dx.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 10px 15px 15px 15px;
    }
    div.innercontent {
      width: 100%;
    }
.innercontent p {
	margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; font-size: 110%;
}

/*------------------------------------*/
/* Section 7.2.1 - box stondato viola */
/*------------------------------------*/
    
	div.v_lato_sup {
      width: 100%;
      background-color: #DECEE5;
      background-image: url(../img/v_lato_sup.gif);
	  background-position: top;
      background-repeat: repeat-x;
    }
    div.v_lato_dx {
      background-image: url(../img/v_lato_dx.gif);
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.v_lato_inf {
      background-image: url(../img/v_lato_inf.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    div.v_lato_sx {
      background-image: url(../img/v_lato_sx.gif);
      background-position: top left;
      background-repeat: repeat-y;
    }
    div.v_a_sup_sx {
      background-image: url(../img/v_angolo_sup_sx.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.v_a_sup_dx {
      background-image: url(../img/v_angolo_sup_dx.gif);
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.v_a_inf_sx {
      background-image: url(../img/v_angolo_inf_sx.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.v_a_inf_dx {
      background-image: url(../img/v_angolo_inf_dx.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 10px 15px 15px 15px;
    }

/*------------------------------*/
/*          box arancio         */
/*------------------------------*/
    div.alato_sup {
      width: 100%;
      background-color: #F7DFB4;  /* arancio chiaro */
      background-image: url(../img/a_lato_sup.jpg);
	  background-position: top;
      background-repeat: repeat-x;
    }
    div.alato_dx {
      background-image: url(../img/a_lato_dx.jpg);
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.alato_inf {
      background-image: url(../img/a_lato_inf.jpg);
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    div.alato_sx {
      background-image: url(../img/a_lato_sx.jpg);
      background-position: top left;
      background-repeat: repeat-y;
    }
    div.aa_sup_sx {
      background-image: url(../img/a_angolo_sup_sx.jpg);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.aa_sup_dx {
      background-image: url(../img/a_angolo_sup_dx.jpg);
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.aa_inf_sx {
      background-image: url(../img/a_angolo_inf_sx.jpg);
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.aa_inf_dx {
      background-image: url(../img/a_angolo_inf_dx.jpg);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 10px 15px 15px 15px;
    }
/*------------------------------*/
/*          box azzurro         */
/*------------------------------*/
    div.az_lato_sup {
      width: 100%;
      background-color: #CAE1EC;  /* azzurro */
      background-image: url(../img/az_lato_sup.gif);
	  background-position: top;
      background-repeat: repeat-x;
    }
    div.az_lato_dx {
      background-image: url(../img/az_lato_dx.gif);
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.az_lato_inf {
      background-image: url(../img/az_lato_inf.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    div.az_lato_sx {
      background-image: url(../img/az_lato_sx.gif);
      background-position: top left;
      background-repeat: repeat-y;
    }
    div.az_sup_sx {
      background-image: url(../img/az_angolo_sup_sx.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.az_sup_dx {
      background-image: url(../img/az_angolo_sup_dx.gif);
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.az_inf_sx {
      background-image: url(../img/az_angolo_inf_sx.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.az_inf_dx {
      background-image: url(../img/az_angolo_inf_dx.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 10px 15px 15px 15px;
    }

/* --- innercontent (contenitore del box stondato del menu di sx) ----- */

div.innercontent {
      width: 100%;
    }
.innercontent p {
	margin: 0px; padding: 0px; background-color: transparent; font-size: 110%;
}
.innercontent ul {
	margin: 0px 0px 5px 0px; padding: 0px 0px 0px 1em; font-size: 120%;
}
.innercontent li {
	margin: 0px; padding: 0px 0px 2px 0px;
}

.innercontent a:link, .innercontent li a:visited {
	text-decoration:none;
}
.innercontent a:hover {
	text-decoration:underline;
}
/* --- link sidebar ----- */
.sidebar a:link, .sidebar a:visited {
	color:#1E1E54; /* viola scurissimo */
	text-decoration:none;
	padding: 0 2px 0 2px;
}
.sidebar a:hover {
	color:#1E1E54; /* viola scurissimo */
	background-color:#FFFFFF;
	padding: 0 2px 0 2px;
}


/*-----------------------------*/
/* Section 7.3 - Textbox title */
/*-----------------------------*/

.sidebarbox-title-noshading-noline {
	 display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px;font-weight: bold; font-size: 120%;
}

.sidebarbox-title-noshading-line {
	display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px; border-bottom: solid 1px rgb(135,135,135); background-color: transparent; font-weight: bold; font-size: 120%;
}

.sidebarbox-title-shading {
	display: block; margin: 0px 0px 0.5em 0px; padding: 2px 5px 2px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 120%;
}

/*------------------------------*/
/* Section 7.4 - Paragraph text */
/*------------------------------*/

.sidebarbox-noborder p {
	margin: 0px 4px 0.4em 4px; padding: 0px; background-color: transparent; font-size: 110%;
}

.sidebarbox-border p {
	margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; font-size: 110%;
}

/**********************/
/* SECTION 8 - FOOTER */
/**********************/

/* Somehow not possible to use percentage values to scale the font-size here. */
/* Therefore the is the font-size definition given in the generic CSS-class   */
/* "footer-font", even though those generic font classes should all have a    */
/* normed size of 1.0em. But making footer an exception will not hurt us.     */

.footer {
	clear: both; width: 760px; margin: 0em 0px 0px 15px; padding: 5px 0px 5px 0px; border-top: solid 1px rgb(200,200,200); border-bottom: solid 1px rgb(200,200,200); background-color: rgb(255,255,255); text-align: center;	
}

/***************************************************/
/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/

.content a, .sidebar a, .content a:visited {
	color:#1E1E54; /* viola scuro */ text-decoration: underline;
}

.content a:hover {
	color:#C43C9F; /* magenta Dialogo */ text-decoration: none;
}


.footer a, .footer a:visited {
	color:#969696; /*grigio medio*/ text-decoration: underline;
}

.footer a:hover {
	color: #000000; /* nero */ text-decoration: none;
}

/********************************/
/* SECTION 10 - GENERIC CLASSES */
/********************************/

/*------------------------------------------*/
/* Section 10.1 - Global default fonts      */
/*------------------------------------------*/
/* Only applied to the main div-statements  */
/* for the basic page regions.              */
/*------------------------------------------*/

.nav-global-font {
	font-size: 1.0em;
}

.nav-main-font {
	font-size: 1.0em;
}

.nav-sub-font {
	font-size: 1.0em;
}

.content-font {
	font-size: 1.0em; line-height: 1.7em; color:#5E5E5E /* grigio medio più scuro */;
}

.sidebar-font {
	font-size: 1.0em; line-height: 1.4em; color:#6E6E6E;
}

/* Percentage value does not work in "footer", so we     */
/* cannot give the normed size of "1.0em" here and scale */
/* it up inside the "footer". Thus we define the final   */
/* font-size here the way it will appear on screen.      */
.footer-font {
	font-size: 1.1em; color: rgb(150,150,150);
}

/*--------------------------------------*/
/* Section 10.2 - Horizontal alignments */
/*--------------------------------------*/

.align-left {text-align: left;}
.align-right {text-align: right;}
.float-left {float: left;}
.float-right {float: right;}

/*-------------------------------------*/
/* Section 10.3 - Title decoration box */
/*-------------------------------------*/

.box-on {float: left; width: 0.8em; margin-right: 0.2em; padding-left: 0.3em;}
.box-off {display: none;}

/*---------------------------*/
/*          Colors           */
/*---------------------------*/

/* Basic Colors */
.txt-white {color: rgb(255,255,255);}
.txt-black {color: rgb(0,0,0);}

.bg-white {background-color: rgb(255,255,255);}
.bg-black {background-color: rgb(0,0,0);}

/* Grey */
.txt-grey01 {color: rgb(242,242,242);}
.txt-grey02 {color: rgb(230,230,230);}
.txt-grey03 {color: rgb(217,217,217);}
.txt-grey04 {color: rgb(204,204,204);}
.txt-grey05 {color: rgb(191,191,191);}
.txt-grey06 {color: rgb(178,178,178);}
.txt-grey07 {color: rgb(153,153,153);}
.txt-grey08 {color: rgb(127,127,127);}
.txt-grey09 {color: rgb(89,89,89);}
.txt-grey10 {color: rgb(51,51,51);}

.bg-grey01 {background-color: rgb(242,242,242);}
.bg-grey02 {background-color: rgb(230,230,230);}
.bg-grey03 {background-color: rgb(217,217,217);}
.bg-grey04 {background-color: rgb(204,204,204);}
.bg-grey05 {background-color: rgb(191,191,191);}
.bg-grey06 {background-color: rgb(178,178,178);}
.bg-grey07 {background-color: rgb(153,153,153);}
.bg-grey08 {background-color: rgb(127,127,127);}
.bg-grey09 {background-color: rgb(89,89,89);}
.bg-grey10 {background-color: rgb(51,51,51);}

/* Yellow */
.txt-yellow01 {color: rgb(254,252,232);}
.txt-yellow02 {color: rgb(253,249,201);}
.txt-yellow03 {color: rgb(253,246,185);}
.txt-yellow04 {color: rgb(252,243,162);}
.txt-yellow05 {color: rgb(251,239,139);}
.txt-yellow06 {color: rgb(250,236,116);}
.txt-yellow07 {color: rgb(249,233,93);}
.txt-yellow08 {color: rgb(249,230,69);}
.txt-yellow09 {color: rgb(248,227,46);}
.txt-yellow10 {color: rgb(247,224,23);}
.txt-yellow11 {color: #FFCC00;}
.txt-yellow12 {color: #FFB400;/* giallo oro Biblionauta */}
.txt-marongl {color: #B1746B; /* maron glacé Zebra */}

.bg-yellow01 {background-color: rgb(254,252,232);}
.bg-yellow02 {background-color: rgb(253,249,201);}
.bg-yellow03 {background-color: rgb(253,246,185);}
.bg-yellow04 {background-color: rgb(252,243,162);}
.bg-yellow05 {background-color: rgb(251,239,139);}
.bg-yellow06 {background-color: rgb(250,236,116);}
.bg-yellow07 {background-color: rgb(249,233,93);}
.bg-yellow08 {background-color: rgb(249,230,69);}
.bg-yellow09 {background-color: rgb(248,227,46);}
.bg-yellow10 {background-color: rgb(247,224,23);}
.bg-yellow11 {background-color: #FFCC00;}
.bg-yellow12 {background-color: #FFB400;/* giallo oro Biblionauta */}

.bg-marongl {background-color: #B1746B; /* maron glacé Zebra */}

/* Blue */
.txt-azzurro {color:#CAE1EC; /* azzurro az */}
.txt-blue01 {color: rgb(238,237,249);}
.txt-blue02 {color: rgb(222,220,242);}
.txt-blue03 {color: rgb(205,202,236);}
.txt-blue04 {color: rgb(189,185,229);}
.txt-blue05 {color: rgb(172,167,223);}
.txt-blue06 {color: rgb(155,149,217);}
.txt-blue07 {color: rgb(139,132,210);}
.txt-blue08 {color: rgb(122,114,204);}
.txt-blue09 {color: rgb(106,97,197);}
.txt-blue10 {color: rgb(89,79,191);}
.txt-blue_Nexus {color:#1077A9; /* blu logo Nexus*/}

.bg-azzurro {background-color:#CAE1EC; /* azzurro az */}
.bg-blue00 {background-color:#F6F5FA; /* blue00 */}
.bg-blue01 {background-color: rgb(238,237,249);}
.bg-blue02 {background-color: rgb(222,220,242);}
.bg-blue03 {background-color: rgb(205,202,236);}
.bg-blue04 {background-color: rgb(189,185,229);}
.bg-blue05 {background-color: rgb(172,167,223);}
.bg-blue06 {background-color: rgb(155,149,217);}
.bg-blue07 {background-color: rgb(139,132,210);}
.bg-blue08 {background-color: rgb(122,114,204);}
.bg-blue09 {background-color: rgb(106,97,197);}
.bg-blue10 {background-color: rgb(89,79,191);}
.bg-blue11 {background-color:#3f3f75; /* blu scuro */}
.bg_blue_Nexus {background-color:#1077A9; /* blu logo Nexus*/}

/* Green */
.txt-green01 {color: rgb(237,246,229);}
.txt-green02 {color: rgb(220,238,204);}
.txt-green03 {color: rgb(202,229,178);}
.txt-green04 {color: rgb(185,220,153);}
.txt-green05 {color: rgb(167,211,127);}
.txt-green06 {color: rgb(149,203,102);}
.txt-green07 {color: rgb(132,194,76);}
.txt-green08 {color: rgb(114,185,51);}
.txt-green09 {color: rgb(97,177,25);}
.txt-green10 {color: rgb(79,168,0);}
.txt-greenASP {color:#008A7B; /* verde ASP */}

.bg-green01 {background-color: rgb(237,246,229);}
.bg-green02 {background-color: rgb(220,238,204);}
.bg-green03 {background-color: rgb(202,229,178);}
.bg-green04 {background-color: rgb(185,220,153);}
.bg-green05 {background-color: rgb(167,211,127);}
.bg-green06 {background-color: rgb(149,203,102);}
.bg-green07 {background-color: #84C24C; /* #84C24C green07 verdino vispo */}
.bg-green08 {background-color: rgb(114,185,51);}
.bg-green09 {background-color: rgb(97,177,25);}
.bg-green10 {background-color: rgb(79,168,0);}
.bg-green11 {background-color:#049780;  /* #049780 green11 verde acqua */}
.bg-greenASP {background-color:#008A7B; /* verde ASP */}

/* Red */
.txt-red01 {color: rgb(252,235,233);}
.txt-red02 {color: rgb(248,216,211);}
.txt-red03 {color: rgb(245,196,188);}
.txt-red04 {color: rgb(242,177,166);}
.txt-red05 {color: rgb(238,157,144);}
.txt-red06 {color: rgb(235,137,122);}
.txt-red07 {color: rgb(232,118,100);}
.txt-red08 {color: rgb(229,98,77);}
.txt-red09 {color: rgb(225,79,55);}
.txt-red10 {color: rgb(222,59,33);}

.bg-red01 {background-color: rgb(252,235,233);}
.bg-red02 {background-color: rgb(248,216,211);}
.bg-red03 {background-color: rgb(245,196,188);}
.bg-red04 {background-color: rgb(242,177,166);}
.bg-red05 {background-color: rgb(238,157,144);}
.bg-red06 {background-color: rgb(235,137,122);}
.bg-red07 {background-color: rgb(232,118,100);}
.bg-red08 {background-color: rgb(229,98,77);}
.bg-red09 {background-color: rgb(225,79,55);}
.bg-red10 {background-color: rgb(222,59,33);}

/* Magenta e viola */
.txt-mag01 {color:#C43C9F; /* magenta chiaro Dialogo */}
.txt-mag02 {color:#B7328E; /* magenta Dialogo */}
.txt-viol01 {color:#A26FB4; /* violetto Acquista */}
.txt-viol02 {color:#814D9C; /* viola Fluxus */}

.bg-mag01 {background-color:#C43C9F;  /* magenta chiaro Dialogo */}
.bg-mag02 {background-color:#B7328E; /* magenta Dialogo */}
.bg-viol01 {background-color:#A26FB4; /* violetto Acquista */}
.bg-viol02 {background-color:#814D9C; /* viola Fluxus */}

/* Orange */
.txt-orange07 {color:#F6BB50;}
.txt-orange09 {color:#FF8C00;}
.txt-orangeEC {color:#D15600; /* arancio EasyCat */}

.bg-orange07 {background-color:#F6BB50;}
.bg-orange09 {background-color:#FF8C00;}
.bg-orangeEC {background-color:#D15600; /* arancio EasyCat */}


/******************************/
/* SECTION 11 - MISCELLANEOUS */
/******************************/

/* Horizontal line */
hr {clear: both; height: 1px; border: 1px dotted #C9C9C9;}
.bold {font-weight:bold}

/* HTML-code examples */
.showcode {
  font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);
}

/* Hide HTML-tags. Good when no pagestyle supported by browser */
.hide { display: none;}
br {clear: both;}