/* --------------------------------------------------------------
*			structure.css	style for ENEA-FUSION website
*			------------
*	Website main structure and page layout styles.
*			CSS two columns and  794 px wide
*	
* derived from "accessible styles" developped by ENEA-RELCOM
*	customized by C.TORELLI on March 2006
<-----------------------------------------------------------------*/

/* general page characteristics */
body {
	background-color: #FFFFFF;
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* main outer box container: ........................................ */
/*	with tricks to overcome either
	IE5/Win bug called "Box Model Hack" and "be nice to Opera 5" bug */
#box {
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin: 10px auto;
	/*background-repeat: repeat;*/
	background-color: #FFEBFF;
/*	background-position: left top;
	background-image: url(../multimedia/backgrounds/GIFs-JPGs/backlilla.gif);	*/
	width: 796px;			/* value for IE5/Win */
	voice-family: "\"}\"";	/* trick */
	voice-family: inherit;	/* trick */
	width: 794px;			/* value for other browsers */
}	
/* trick "be nice to Opera 5" !! don't leave spaces before and after '>' */
html>body #box {width:794px;}
/* */	
	


/* header box with logos for home page ............................ */
#intestazione {
	width: auto;
	height: auto;
	background-color: #FFFFFF;
}

/*  ????????????? */
#enea {
	font-size: 90%;
	font-weight: bolder;
	color: #4f6372;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}
#enea span {
	font-variant: small-caps;
}

/* navigation bar ................................................. */
#navbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-repeat: repeat;
	width: 794px;
	background-position: left top;
	background-image: url(../multimedia/backgrounds/GIFJPGs/backlilla.gif);
}
/* ENEA link */
#enealink {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #000000;
	padding-top: 2px;
}
/* 1 */
#enealink a:link {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	padding: 0px 1em;
	padding-bottom: 0px;
}
/* 2 */
#enealink a:visited {
	color: #000000;
	padding: 0px 1em;
	text-decoration: none;
	border: none;
}
/* 3 */
#enealink a:hover {
	color: #990000;
	padding: 0px 1em;
	text-decoration: underline;
}
/* navigation links & list*/
#navigation {
	padding-right:10px;
	text-align:right;
	padding-bottom: 2px;
	padding-top: 0px;
}
#navigation ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#navigation li{
	display: inline;
	margin: 0;
	padding:0 0 2px;
	font-size: 90%;
}
#navigation li a:link {
	text-decoration: none;
	padding: 0px 1em;
	color: #660000;
}
#navigation li a:visited {
	color: #CC3300;
	padding: 0px 1em;
	text-decoration: none;
}
#navigation li a:hover {
	color: #990000;
	padding: 0px 1em;
	text-decoration: underline;
}
/* image in navigation list to avoid borders*/
#navigation li img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: none;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	top: 2px;
}

/* left menu box: .................................................... */
/*	with tricks for IE5/Win bug called "Box Model Hack" and "be nice to Opera 5" bug */
#colsx {
	float: left;
	/*font-size: 90%;*/
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 5px 0 0;
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 210px;			/* value for IE5/Win */
	voice-family: "\"}\"";	/* trick */
	voice-family: inherit;	/* trick */
	width: 200px;			/* value for other browsers */
	
}
/* trick "be nice to Opera 5" !! don't leave spaces before and after '>' */
html>body #colsx {width:200px;}
/* */
	
/* left menu level 1 elements ................................... */
#navlist {
	left: 2px;
	/*width: 200px;*/
	padding-top: 20px;
	}
#navlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#navlist li {
	margin: 0;
	padding-top: 2px;
	padding-bottom: 10px;
}
#navlist a:link {
	display: block;
	padding: 0px 0px 0px 0px;
	color: #660000;
	font-weight: bold;
	text-decoration: none;
}
#navlist a:visited {
	color: #CC3300;
	font-weight: bold;
	text-decoration: none;
}
#navlist a:hover {
	background-position: 0%;
	color: #990000;
	font-weight: bold;
	text-decoration: underline;
}
#navlist a:active {
	background-position: 0%;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

/* menu level 2 elements (originally named "menu" */
#menulist2 {
	left: 1px;
	padding-top: 2px;
	text-align: left;
	line-height: 1.2em;
	color: #660000;
}
#menulist2 ul {
	margin-left: 20px;
	padding: 0;
	list-style-type: none;
	margin-top: 2px;
}
#menulist2 li {
	margin: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #660000;
	/*	font-size: 88%;*/
	font-size: 10px;
}
/* to write in full acronyms in smaller text */
#menulist2 .smallcaps {
	font-variant: small-caps;
	/*font-size: 84%;*/
	font-size: 10px;
}
/* to write menu items in smaller text */
#menulist2 .caratterini {
	font-size: 78%;
}

/*	news boxes of contents box .................................. */
#news {
	font-size: 1em;
	color: #000000;
	background-image: url(../multimedia/backgrounds/GIFJPGs/giallochiaro-fume.jpg);
	background-repeat: repeat;
	background-position: center;
	border: medium inset #FFFF99;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px
	height: 100px;
	width: 560px;
}
/*	news title */
#news .newstitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: oblique;
	font-weight: bold;
	text-decoration: blink;
	color: #FF0000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	/*font-size: 14px;*/
}
/*	news text */
#news .newstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	text-align: center;
	color: #072980;
	margin: 0px;
	padding: 0px;
}
/*	news list */
#news .newslist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #072980;
	text-align: left;
	font-size: 9px;
	font-weight: normal;
	padding: 0px;
	font-style: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
/*	news links */
#news a.news:link {
	text-decoration: underline;
}
#news a.news:visited {
	text-decoration: underline;
	color: #990066;
}
#news a.news:hover {
	text-decoration: underline;
	color: #0000FF;
}
#news a.news:active {
	text-decoration: underline;
	color: #FF0000;
}

/*	focus title */
#news .focustitle {
	font-family: "Comic Sans MS", "Trebuchet MS", Tahoma, Arial, Helvetica, geneva, sans-serif;
	font-size: 120%;
	font-style: oblique;
	font-weight: bold;
	text-align: center;
	color: #009900;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/*	focus links */
#news a.focus:link {
	font-family: Comic Sans MS, Trebuchet MS, Tahoma, Arial, Helvetica, geneva, sans-serif;
	font-size: 100%;
	text-align: center;
	font-style: oblique;
	font-weight: bold;
	color: #009900;/* verde */
	text-decoration: underline;
}
#news a.focus:visited {
	font-family: Comic Sans MS, Trebuchet MS, Tahoma, Arial, Helvetica, geneva, sans-serif;
	font-size: 100%;
	text-align: center;
	font-style: oblique;
	font-weight: bold;
	text-decoration: underline;
	color: #009933;/* verde */
}
#news a.focus:hover {
	font-family: Comic Sans MS, Trebuchet MS, Tahoma, Arial, Helvetica, geneva, sans-serif;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
	font-style: oblique;
	text-decoration: underline;
	color: #FF0000;/* rosso */
}
#news a.focus:active {
	font-family: Comic Sans MS, Trebuchet MS, Tahoma, Arial, Helvetica, geneva, sans-serif;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
	font-style: oblique;
	text-decoration: underline;
	color: #CC6600;/* arancio */
}

/*	compass */
#bussola {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.8em;
	text-align: left;
	margin-left: 210px;
	padding-left: 10px;
	margin-top: 5px;
	border-bottom: 1px dashed #999999;
	top: 0px;
	margin-bottom: 1px;
}

#bussola a:link, #barra a:link {
	text-decoration: underline;
	color: #000066
}
#bussola a:visited, #barra a:visited {
	text-decoration: underline;
	color: #000066
}
#bussola a:hover, #barra a:hover {
	color: #990000;
	background-color: #FFFF99;
	text-decoration: none;
	font-weight: normal;
}

/* contents box ..................................................... */
#contenuto {
	padding:7px;
	margin-left: 210px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
}
/*  da utilizzare al posto di "contenuto" nella home page */
#box2 {
	padding:7px;
	margin-left: 210px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	width: 400px;
}
/* to contain some images aligned from left to right: */
/* to get OK sum of paddings+margins+figure must be within width */
.contenuto2 {
	width: 570px;
	height: auto;
	position: relative;
	margin: 1px auto;
	padding: 1px;
	display: table;
}

/* to get OK sum of paddings+margins+figure must be within width */
.contenuto2bis {
	width: 566px;
	height: auto;
	position: relative;
	margin: 1px;
	padding: 4px;
	display: table;
	border: 2px solid #FC9FA2;
}
/* Page contents elements follow in file contents.css */

/* BOP bottom Of Page area ........................................... */
/* service bar (originally named "pp") */
#service {
	clear: both;
	padding: 2px;
	margin-top: 5px;
	background-image: url(../multimedia/backgrounds/GIFJPGs/backfus.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;	
	width: 794px;
}
#service ul {
	list-style-type: none;
	color: #000000;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	text-align: left;
}
#service li {
	display: inline;
	font-size: 85%;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#service li a:link, #servizio li a:link {
	text-decoration: none;
/*	padding: 0px 1em;*/
	color: #330000;
}
#service li a:visited, #servizio a:visited {
	color: #660000;
	text-decoration: none;
}
#service li a:hover, #servizio li a:hover {
	color: #330033;
	text-decoration: underline;
}
#service span {
	display: none;
}
/* footer bar (originally named "copy and pp2") */
#footer {
	font-weight: normal;
	font-size: 70%;
	display: block;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #666;
	background: url(../multimedia/backgrounds/GIFJPGs/backlilla.gif) repeat;
	border-top: 1px solid #CCCCCC;
}
#footer p {
	background: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-right: 15em;
	margin-left: 15em;
	padding: 0px;
}
#footer a:link, #footer a:visited,#piede a:link, #piede a:visited {
	color: #555;
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}
#footer a:hover, #piede a:hover {
	color: #000;
	background-color: #F4F2E4;
	border-bottom: 1px solid #9A8E51;
 }
#footer .copyright {
	padding-left: 25px;
	background: url(../multimedia/symbols/diamond-gray.gif) no-repeat 10px 50%;
}

/* Special for Intranet pages FRAMES organized*/
/* container for intestazione */
#testa {
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	height: 64px;
	width: 794px;
}
/* container for left frame: main menu */
#colo01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	border: 1px solid #CCCCCC;
	background-color: #FFEBFF;
	line-height: 1.5em;
	width: 190px;
	height: auto;
	margin: 0;
	font-size: 90%;
	text-indent: 5px;
	padding: 0;
}
/* sub-container for left frame: service menu */
#servizio {
	background-image: url(../multimedia/backgrounds/GIFJPGs/backmenu.jpg);
	background-repeat: repeat-y;
	display: block;
	height: auto;
	width: 188px;
	line-height: 1.2em;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	background-position: center;
}
#servizio ul {
	list-style-type: none;
	color: #000000;
	margin-left: 0px;
	text-align: center;
	padding: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#servizio li {
font-size: 85%;
}
/* sub-container for pie' di pagina */
#piede {
	font-weight: normal;
	font-size: 80%;
	display: block;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #666;
	background: url(../multimedia/backgrounds/GIFJPGs/backlilla.gif) repeat-y;
	border-top: 1px solid #CCCCCC;
	padding: 5px;
	text-align: center;
	line-height: 1.3em;
	bottom: 1px;
}
/* container for central frame */
/* contenitore = */	
#contenitore {
	position:relative;
	width: 97%;
	text-align: left;
	padding: 0;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/*	barra used as compass for central frame */
/*#barra {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.8em;
	text-align: left;
	margin-left: 2px;
	padding-left: 5px;
	margin-top: 5px;
	border-bottom: 1px dashed #999999;
	top: 0px;
}*/
/*	barra = briciole used as compass for central frame */
#barra {
	padding-left:0.9em;
	font-size:0.9em;
	background-image: url(intra-cssimg/backfusR.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 18px;
	background-color: #FF5A64;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin: 0px;
}

/* contents of central frame*/
/*#colo02 {
	padding:7px;
	margin-left: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}*/
/* colo02=portal-columns*/
#colo02 {
	width: 100%;
	color: #000;
	padding-top:2em;
	display: inline;
	background-color: #FEFEFE;
	background-image: url(intra-cssimg/bk_ricercatori.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: -3px;
	margin-bottom: 0;
	margin-left: -3px;
	float: left;
}
/* altro contenitore da mettere dentro a colo02*/
#content-duecol {
	margin: 0;
	/*background: transparent;*/
	color: #000;
}
/* ulteriore squadratura = sezente */
	#squadratura {
	border: 1px solid #CBD0B7;
	margin: 1em;
	padding: 0 1em;
	background-repeat: no-repeat;
	background-position: left top;	
}


ul#mappa1 {
	background-image: url(../TESTS/immagini/piantafrascati3.jpg);
	background-repeat: no-repeat;
	position: relative;
	width:470px;
	height:249px;
	margin:0px;padding:0px;
;
	}
ul#mappa1 li  {
	position:absolute;
	display:block;
	position:absolute;
	margin:0;padding:0

		}
li#mappa1-link1 {
	left:65px;
	top:80px;
	width:60px;
	height:99px;

}
li#mappa1-link2 {
	left:129px;
	top: 104px;
	width:154px;
	height:22px;
	
}
li#mappa1-link3 {
	left:285px;
	top: 98px;
	width:78px;
	height:30px;
	
}
li#mappa1-link4 {
	left:178px;
	top: 131px;
	width:89px;
	height:53px;

}
li#mappa1-link5 {
	left:374px;
	top:102px;
	width:85px;
	height:42px;

}
li#mappa1-link6 {
	left:279px;
	top: 130px;
	width:87px;
	height:30px;

}
#mappa1 a {
display:block;
width:100%;
height:100%;
}
#mappa1 .alt { display:none }

.titcolsx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFF00;
	}

#indietro {
	text-align: left;
	margin-top: 10px;
	margin-left: 5px;
}
#indietro a {
	color: #000066;
	text-decoration: none;
}
#indietro a:hover {
	color: #990000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #990000;

}
#indietro {
	text-align: left;
	margin-top: 10px;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

/* la colonna destra vale solo per la home page */
/*	with tricks for IE5/Win bug called "Box Model Hack" and "be nice to Opera 5" bug */
#coldx {
	float: right;
	font-size: 90%;
	line-height: 1.5em;
	margin: 0 5px 0 0;
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	width: 160px;			/* value for IE5/Win */	
	voice-family: "\"}\"";	/* trick */
	voice-family: inherit;	/* trick */
	width: 150px;			/* value for other browsers */
}
/* trick "be nice to Opera 5" !! don't leave spaces before and after '>' */
html>body #coldx {
	width:160px;
}
/* */