/* -----------------------------------------------------------------
*			contents.css	style for ENEA-FUSION website
*			------------
*	Page contents elements: headings, paragraph, text, images etc.
*	
* derived from "accessible styles" developped by ENEA-RELCOM
*	customized by C.TORELLI on March 2006
<-----------------------------------------------------------------*/

/* father div "contenuto" is defined in file structure.css .......... */

#contenuto h1, #colo02 h1 {
	background-position: left center;
	font-size: 130%;
}
/* main titles of pages */
/* title h2 */
#contenuto h2, #colo02 h2 {
	padding-left: 1em;
	color: #003366;
	font-size: 115%;
	background-repeat: repeat-x;
	background-position: center center;
}
/* sub titles of pages */
/* title h3 */
#contenuto h3, #colo02 h3 {
	color: #006600;
	font-size: 100%;
	/*font-size: 92%;*/
	background-repeat: repeat-x;
	background-position: center;
	filter: Light;
	padding-left: 4em;
}
/*  */
/* title h4 */
#contenuto h4, #colo02 h4 {
	text-decoration: none;
	font-size: 95%;
}
/*  */
/* title h5 padded on the right */
#contenuto h5, #colo02 h5 {
	background-position: left center;
	text-align: center;
}
/* to write responsible people */
/* title h6 */
#contenuto h6, #colo02 h6 {
	background-position: left center;
/*	font-size: 85%;*/
	padding-left: 28em;
}
#contenuto a.redb:link {
	color: #990000;
}
/* */
#contenuto p, #colo02 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;

}
#contenuto ul, #colo02 ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	/*list-style-image: none;*/
	text-align: left;
	list-style-type: disc;
}
#contenuto li, #colo02 li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	/*list-style-image: none;*/
	text-align: left;
}
#contenuto a:link, #colo02 a:link {
	color: #000066;
	text-decoration: underline;
}
#contenuto a:visited, #colo02 a:visited {
	color: #6666FF;
	text-decoration: underline;
	font-style: normal;
}
#contenuto a:hover, #colo02 a:hover {
	color: #990000;
	background-color: #FFFF99;
	text-decoration: none;
	font-weight: normal;
}

/* to write small note i.e.: with <q> tag */
.nota {
	font-size: 75%;
	font-style: italic;
	
}

/* to write 85% text everywere */
#contenuto .fs85, #colo02 .fs85 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
/* to write 80% text everywere */
#contenuto .fs80, #colo02 .fs80 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
/* to write 75% text everywere */
#contenuto .fs75, #colo02 .fs75 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
/* to write a small text in italic */
#contenuto .smallita, #colo02 .smallita {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: italic;
}
/* to write a bigger(larger) text font size  */
#contenuto .fsl, #colo02 .fsl {
	font-size: larger;
}
/* to write a smaller text font size  */
#contenuto .fss, #colo02 .fss {
	font-size: smaller;
}
/* to write at right of page */
.destra {	
	text-align: right;
}
/* to write at left of page */
.sinistra {
	font-size: 100%;
	text-align: left;
	float: left;
	text-indent: 1px;
	clear: both;
}
/* to write more or piu' at right of page */
.piu {
	text-align: right;
	font-style: italic;
}

/* to write in center of page */
.centro {	
	text-align: center;
}
/* to position elements such as ul in center of page */
.centrale {
	/*display: block;*/
	width: 50%;
	margin-left: 25%;
	margin-top: 0px;
}

/* backgrounds & color classes for  menu level 2, titles, etc. */
.arancio {
	background-image: url(../multimedia/backgrounds/GIFJPGs/arancio-fume.jpg);
	background-repeat: repeat-x;
}
.azzurro {
	background-image: url(../multimedia/backgrounds/GIFJPGs/azzurro-fume.jpg);
	background-repeat: repeat-x;
}
.backfus {
	background-image: url(../multimedia/backgrounds/GIFJPGs/backfus.jpg);
	background-repeat: repeat-x;
}
.backanguria {
	background-color: #FF1F35;
}
.backciano {
	background-color: #33CCCC;
}
.backrossopastello {
	background-color: #FF82A0;
}
.backmedaquamarine {
	background-color: #33CC99;
}
.blu {
	background-image: url(../multimedia/backgrounds/GIFJPGs/blu-fume.jpg);
	background-repeat: repeat-x;
}
.giallo {
	background-image: url(../multimedia/backgrounds/GIFJPGs/giallo-fume.jpg);
	background-repeat: repeat-x;
}
.giallochiaro {
	background-image: url(../multimedia/backgrounds/GIFJPGs/giallochiaro-fume.jpg);
	background-repeat: repeat-x;
}
.grigio {
	background-image: url(../multimedia/backgrounds/GIFJPGs/grigio-fume.jpg);
	background-repeat: repeat-x;
}
.paglierino {
	background-image: url(../multimedia/backgrounds/GIFJPGs/paglierino-fume.jpg);
	background-repeat: repeat-x;
}
.ocra {
	background-image: url(../multimedia/backgrounds/GIFJPGs/ocra-fume.jpg);
	background-repeat: repeat-x;
}
.oliva {
	background-image: url(../multimedia/backgrounds/GIFJPGs/oliva-fume.jpg);
	background-repeat: repeat-x;
}
.orchidea {
	background-image: url(../multimedia/backgrounds/GIFJPGs/orchidea-fume.jpg);
	background-repeat: repeat-x;
}
.rosso {
	background-image: url(../multimedia/backgrounds/GIFJPGs/rosso-fume.jpg);
	background-repeat: repeat-x;
}
.salmone {
	background-image: url(../multimedia/backgrounds/GIFJPGs/salmone-fume.jpg);
	background-repeat: repeat-x;
}
.turchese {
	background-image: url(../multimedia/backgrounds/GIFJPGs/turchese-fume.jpg);
	background-repeat: repeat-x;
}
.backmenu {
	background-image: url(../multimedia/backgrounds/GIFJPGs/backmenu2.jpg);
	background-repeat: repeat-x;
}
 
/* for colored text */
.redb {
	color: #990000;
}
.blue {
	color: #000099;
}
.red {
	color: #FF0000;
}
.green {
	color: #005545;
}
.greenhunter {
	color: #006633;
}
.greenforest {
	color: #006600;
}  
/* to write contacts resposible people */
.contatti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #990000;
	font-weight: bold;
}
/* to make square ball in a list */
#contenuto .square {
	list-style-type: square;
}
/* to make circle ball in a list */
#contenuto .circle {
	list-style-type: circle;
}
/* to make no ball centered list */
#contenuto .nodisc {
	list-style-type: none;
	text-align: center;
}

/* questi sono di scorta */
#contenuto .spare1 {
	display: block;
}
#contenuto .spare2 {

}
/* sopra sono di scorta */

/* POSIZIONAMENTO FOTOGRAFIE ed IMMAGINI */
/* foto home page */
#contenuto div.imgbig {
	border: none;
	text-align: center;
}
#contenuto div.imgbig img{
	/*border-bottom: 1px dashed #993300;*/
	display: block;
	text-align: center;
}

/* per immagini centrali */
#contenuto .imgcentro {
	text-align: center;
	display: block;
	float: none;
}

/* per foto grandi centrali con titolo */
#contenuto .foto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #006633;
	padding: 10px 3px 3px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	border: 1px solid #ddd;
	text-align: center;
	font-weight: bold;
	z-index: 1;
}

#contenuto .foto a  {
	text-decoration: none;
}
#contenuto .contenuto2 a {
	text-decoration: none;
}
#contenuto .foto img{
	text-align: center;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
}
/* ??? se serve cambiare nome ?? */
/*#foto .indietro {
	text-align: right;
	margin-top: 10px;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000066;
	text-decoration: underline;
}*/

/* immagini a destra con scritta sotto */
#contenuto span.imgdx, #colo02 span.imgdx {
	padding: 2px;
	border: 1px solid #CCCCCC;
	float: right;
	width: auto;
	margin: 5px auto 5px 5px;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #006633;
	height: auto;
}
#contenuto span.imgdx img, #colo02 span.imgdx img{
	display: block;
	padding-bottom: 1px;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* immagini a sinistra con scritta sotto */
#contenuto span.imgsx, #colo02 span.imgsx {
	padding: 2px 2px 2px 3px;
	border: 1px solid #CCCCCC;
	float: left;
	width: auto;
	margin: 5px 5px 5px auto;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #006633;
	text-align: left;
}
#contenuto span.imgsx img, #colo02 span.imgsx img {
	display: block;
	padding-bottom: 1px;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* immagini al centro con scritta sotto */
#contenuto span.imgce {
	padding: 2px 1ex;
	border: 1px solid #CCCCCC;
	width: auto;
	margin: 5px 1ex;
	z-index: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #006633;
	text-align: center;
	float: left;
	clear: right;
}
#contenuto span.imgce img{
	display: block;
	padding-bottom: 1px;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* immagini al centro vero con scritta sotto (corretta rispetto a imgce usata in "innovazione" */
/* ATTENZIONE DA USARE CON i DIV */
#contenuto .imgcevero {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #006633;
	text-align: center;
	border: 1px solid #CCCCCC;
	display: table;
	float: none;
	width: auto;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 1ex;
	padding-bottom: 2px;
	padding-left: 1ex;
}
#contenuto .imgcevero img{
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: auto;
	padding: 2px;
	display: block;
}

/* immagini a destra con titolo */
#contenuto span.imgdx2 {
	padding: 2px;
	border: 1px solid #ddd;
	float: right;
	margin: 5px auto 5px 5px;
	width: auto;
	height: auto;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	color: #006600;
}
/* immagini a sinistra con titolo */
#contenuto span.imgsx2 {
	padding: 2px;
	border: 1px solid #ddd;
	float: left;
	margin: 5px 40px 5px auto;
	width: auto;
	height: auto;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	color: #006600;
}
/* continua immagini con titolo */
#contenuto span.imgdx2 img, span.imgsx2 img {
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 2px;
	margin-top: 2px;
}

/*  per fare sezioni di testo piccolo (tabelline) senza bordo a destra  */
#contenuto span.dx2 {
	padding: 2px;
	float: right;
	width: 285px;
	margin: 5px 0px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	height: auto;
	display: block;
	position: relative;
	right: 2px;
	z-index: 1;
	text-align: left;
}
/* questo per immagini destra e' da rivedere */
#contenuto span.dx2 img{
	border-bottom: 1px dashed #993300;
	display: block;
	padding-bottom: 1px;
	text-align: center;
}
/*  per fare sezioni di dimensioni automatiche per testo piccolo (tabelline) senza bordo a sinistra   */
#contenuto span.sx {
	padding: 2px 2px 2px 3px;
	float: left;
	width: auto;
	margin: 5px 5px 5px auto;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	height: auto;
	display: block;
}
/*  per fare sezioni di testo piccolo (tabelline) senza bordo a sinistra  */
#contenuto span.sx2 {
	padding: 2px 2px 2px 3px;
	float: left;
	width: 285px;
	margin: 5px 5px 5px auto;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	height: auto;
	display: block;
}
/* questo per immagini sinistra e' da rivedere */
#contenuto span.sx2 img{
	border-bottom: 1px solid #993300;
	display: block;
	text-align: center;
}
/* aggiunta per le tabelle accessibili */
table.dati {
	background-color:#fff;
	border:1px solid #999;
	border-width:1px 0 0 1px;
	border-collapse:collapse;	
}
table.dati caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #006633;
	font-style:italic;
	background-color:#eee;
	padding:2px;
}
table.dati th, table.dati td {
	border:1px solid #999;
	border-width:0 1px 1px 0;
	padding:2px 4px;
	font-size: 80%;
}
table.dati td.piccoli{
	font-size: 70%;
	text-align: center;
}

/* aggiunta per tabelle brevetti */
table.brevetti {
	background-color:#CCCCCC;
	border-top-color: #E6E6E6;
	border-right-color: #8D828D;
	border-bottom-color: #8D828D;
	border-left-color: #E6E6E6;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	margin-top: 15px;
	margin-bottom: 15px;
}
table.brevetti th {
	font-size: 100%;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #FFFFCC;
	border-bottom-color: #FFFFCC;
	border-left-color: #999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin: 5px;
	padding: 10px;
	color: #000066;
}
table.brevetti td {
	font-size: 100%;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #FFFFCC;
	border-bottom-color: #FFFFCC;
	border-left-color: #999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin: 5px;
	padding: 10px;
	color: #006600;
}
/* aggiunta per tabelle per eventi */
table.eventi {
	border:1px solid #FFFFFF;
	border-width:1px 0 0 1px;
	border-collapse:collapse;
	height: auto;
	width: 100%;
}
table.eventi th {
	border:1px solid #FFFFFF;
	border-width:0 2px 2px 0;
	padding:4px 8px;
	color: #005545;
	text-align: left;
	background-color:#eee;
}
table.eventi th.big {
	border:1px solid #FFFFFF;
	border-width:0 2px 2px 0;
	font-size: medium;
	padding:4px 8px;
	text-align: left;
	color: #005545;
	background-color:#eee;
}
table.eventi td {
	border:1px solid #FFFFFF;
	border-width:0 2px 2px 0;
	color: #333399;
	text-align: left;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
}
table.eventi td.piccoli{
	font-size: 70%;
	text-align: center;
}
/* aggiunta per tabelle per sito fusfis */
table.fusfis {
	border:1px solid #33CCCC;
	border-width:1px 0 0 1px;
	border-collapse:collapse;
}
table.fusfis caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #9900FF;
	font-style:italic;
	background-color:#eee;
	padding:6px;
}
table.fusfis th, table.fusfis td {
	border:1px solid #33CCCC;
	border-width:0 1px 1px 0;
	font-size: small;
	padding:2px 4px;
}
/* aggiunta2  per tabelle per sito fusfis con caption grosso e td th separate*/
table.fusfis2 {
	border:1px solid #333333;
	border-width:1px 0 0 1px;
	border-collapse:collapse;
	background-color: #FFFFFF;
}
table.fusfis2 caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #9900FF;
	font-style:italic;
	background-color:#eee;
	padding:6px;
}
table.fusfis2 th {
	border:1px solid #666666;
	border-width:0 1px 1px 0;
	font-size: x-small;
	padding:2px 4px;
	color: #003399;
}
table.fusfis2 td {
	border:1px solid #666666;
	border-width:0 1px 1px 0;
	font-size: x-small;
	padding:2px 4px;
}
/* aggiunta per tabelle per sito fusfis con caption grosso e td th separate*/
table.fusfiscap {
	border:1px solid #333333;
	border-width:1px 0 0 1px;
	border-collapse:collapse;
	background-color: #FFFFFF;
}
table.fusfiscap caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #9900FF;
	font-style:italic;
	background-color:#eee;
	padding:6px;
}
table.fusfiscap th {
	border:1px solid #666666;
	border-width:0 1px 1px 0;
	font-size: small;
	padding:2px 4px;
}
table.fusfiscap td {
	border:1px solid #666666;
	border-width:0 1px 1px 0;
	font-size: small;
	padding:2px 4px;
}
/* aggiunta per tabelle per sito eurofusion */
table.eurofusion {
	border:1px solid #33CC99;
	border-width:1px 0 0 1px;
	border-collapse:collapse;
}
table.eurofusion caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	font-style:italic;
	background-color:#006600;
	padding:6px;
}
table.eurofusion th, table.eurofusion td {
	border:1px solid #33CC99;
	border-width:0 1px 1px 0;
	font-size: small;
	padding:2px 8px;
}