body {
	margin:0px;
	padding:0px;
	font-family: Georgia, arial, helvetica, sans-serif;
	/*font-size: 1.1em;*/
	color:#000066;
	background-color: azure;
	}
h1 {
	margin:0em 0em 1em 0em;
	padding:0px;
	font-size: 2em;
	line-height:2em;
	font-weight:900;
	color:#990000;
	}
p {
/*	font:11px/20px verdana, arial, helvetica, sans-serif;*/
	margin:0px 0px 16px 0px;
	padding:0px;
	}
#Content>p {margin:0px; margin-left: 1em;}
#Content>p+p {text-indent:30px;}

a {
	font-weight: 900;
	font-family: Georgia,Verdana,sans-serif;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}

#Header {
/*	position:fixed;
	width: 100%;*/
	margin:1em 0em 1em 0em;
	padding:1em;
	border-style:solid;
	border-color: navy;
	border-width: 1px 0px; /* top/bottom 1px; left/right 0px */
	line-height: 1.7em;
	background-color:cornsilk;
/*	height:2.4em; the correct height */
	}

#Content {
/*        position: absolute;
        top: 6em;
        left: 0%;*/
float: left;
        margin-left: 1%;
	padding:1em;
	width: 53%;
	}

#Side {
/*	position: absolute;
	top: 9em;
	right: 2%;
*/
float: right;
margin-right: 1%;
padding:1em;
	background-color:#FFFFCC;
	border:1px dashed #999;
	line-height: 2em;
	width:35%;
	}


#SideWide {
/*	position: absolute;
	top: 9em;
	right: 2%;
*/
float: right;
margin-right: 1%;
padding:1em;
	background-color:#FFFFCC;
	border:1px dashed #999;
	line-height: 2em;
	width:45%;
	}
	
	
#Side2 {
 float: right;
 margin-top: 4ex;
 margin-right: 1%;
 padding:1em;
 background-color:#FFFFFF;
 border:1px dashed #999;
 line-height: 2em;
 width:30%;
}

#EXSide2 {
 margin-top: 2ex;
 padding:1em;
 background-color:#FFFFFF;
 border:1px dashed #999;
 line-height: 2em;
 width:40%;
}

#SideCert {
 float: right;
 margin-top: 4ex;
 margin-right: 1%;
 padding:1em;
/* background-color:#FFFFFF;
 border:1px dashed #999;
 line-height: 2em; */
 width:30%;
}

ul.listing { 
         padding: 1ex 1em;
         margin-left: 0;
         margin-top: 0px;
         margin-bottom: -1ex;
         font-family: Georgia, sans-serif;
}
ul.listing li { 
            list-style: none;
            margin: 1ex;
            margin-bottom: 2ex;
}

.titoliTDP {
          color: darkred; 
          margin-bottom: 1px;
}

div.additionalContent {
/*        position: absolute;
        top: 6em;
        left: 0%;*/
float: left;
        margin-left: 1%;
        margin-right: 1%;
	padding:1em;
	background-color: honeydew;
	}

dl.art {
    border: 3px double #ccc;
    padding: 0.5em;
  }
  
dt.art {
    float: left;
    clear: left;
    width: 14em;
    text-align: left;
    font-weight: 600;
    color: green;
  }

/* dt:after {
    content: ":";
  }
*/

dd.art {
    margin: 0 0 0 110px;
    padding: 0 0 0.5em 0;
  }
  



.scato {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.scato.slide:hover {
width: 75%;
    -webkit-transform:  scale(1.3) translate(8em,0em);
    -moz-transform:  scale(1.3) translate(8em,0em);
    -o-transform:  scale(1.3) translate(8em,0em);
    -ms-transform:  scale(1.3) translate(8em,0em);
    transform: scale(1.3) translate(8em,0em);
  }

.scatomeno {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.scato.slidemeno:hover {
width: 80%;
    -webkit-transform:  scale(1.15) translate(6em,0em);
    -moz-transform:  scale(1.15) translate(6em,0em);
    -o-transform:  scale(1.15) translate(6em,0em);
    -ms-transform:  scale(1.15) translate(6em,0em);
    transform: scale(1.15) translate(6em,0em);
  } 

.nodisplay {
    display: none;
  }