/* Menu' con tabella */
.MenuSpaceTable {
}
.MenuTable {
	
	border-width: 0;	
}
.MenuTableCell {
	text-align: center;
	vertical-align: middle;
}
.MenuSpaceCell {
	text-align: center;
}
.MenuPage {
	
	background-color: #EAEAEA;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
A.MenuLink:link {
	color:#0B2351;
	text-decoration: none;
font-weight: bold;
font-style: normal;
}
A.MenuLink:visited {
	font-family: ;
font-size: ;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
A.MenuLink:active {
	color:#8C8C8C;
	font-family: ;
font-size: ;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
A.MenuLink:hover {
	color:#8C8C8C;
	font-family: ;
font-size: ;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
.MenuBanner {
	text-align: left;
	background-color: #EAEAEA;
}
/* Menu' con span */
.MenuSpanEsterno, MenuDivEsterno {
	margin: 0px;
padding: 0px 0px 5px;
width:800px;
text-align: center;

}
.MenuSpanInterno, MenuDivInterno {
	margin: 0px;
padding: 0px;
}
A.MenuSpanLink:link, A.MenuDivLink:link {
	color: #0B2351;
text-decoration: none;
font-weight:bold;
font-style: normal;
	font-weight:bold;
	font-style: normal;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0B2351;
}
A.MenuSpanLink:visited, A.MenuDivLink:visited {
	text-decoration: none;
font-weight:bold;
font-style: normal;
font-weight:normal;
	font-style: normal;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0B2351;
}
A.MenuSpanLink:active, A.MenuDivLink:active {
	color: #8C8C8C;
text-decoration: none;
font-weight:bold;
font-style: normal;
font-weight:normal;
	font-style: normal;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0B2351;
}
A.MenuSpanLink:hover, A.MenuDivLink:hover {
	color: #8C8C8C;
text-decoration: none;
font-weight:bold;
font-style: normal;
font-weight:normal;
font-style: normal;
text-decoration: underline;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0B2351;
}
/* Navigatore */
.NavigatorTable {
	
	background-color: #000000;
}
.NavigatorTableCell {
	
	color: #000000;
	text-decoration: none;
font-weight: normal;
font-style: normal;
}
.NavigatorTableHeader {
	
	color:#ffffff;
	font-family: Verdana;
	font-size: 9;
	text-decoration: none;
font-weight: bold;
font-style: normal;
}
.NavigatorPage {
	background-color: #0B2351;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}
A.MainNavigatorLink:link {
	font-family: ;
font-size: ;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.MainNavigatorLink:visited {
	font-family: ;
font-size: ;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.MainNavigatorLink:active {
	font-family: ;
font-size: ;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.MainNavigatorLink:hover {
	font-family: ;
font-size: ;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.NavigatorLink:link {
	color:#FFFFFF;
	text-decoration: none;
font-weight: bold;
font-style: normal;
}
A.NavigatorLink:visited {
	font-family: ;
font-size: ;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
A.NavigatorLink:active {
	color:#EBEBEB;
	font-family: ;
font-size: ;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
A.NavigatorLink:hover {
	color:#EBEBEB;
	font-family: ;
font-size: ;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
.NavigatorSelect {
	font-family: ;
font-size: ;
text-decoration: none;
font-weight: normal;
font-style: normal;
border-width: 1;
border-style: solid;

}
.NavigatorSelectTitle {
	color: #FFFFFF;
font-family: ;
font-size: ;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
.NavigatorField {
	border-width: 1;
border-style: solid;

}
.NavigatorFieldTitle {
	color: #FFFFFF;
font-family: ;
font-size: ;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
.NavigatorButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
font-weight: normal;
font-style: normal;
border-width: 1px;
border-style: outset;

}
/* Contenuti */
.ContentPage {
	
	background-color: #ffffff;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 60px;
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 11;
	text-decoration: none;
font-weight: normal;
font-style: normal;
}
.ContentTitle {
	color:#000000;
	font-family: Verdana;
	font-size: 12;
	text-decoration: none;
font-weight: normal;
font-style: normal;
	text-align: center;
}
.ContentText {
	color: #;
font-family: Verdana;
font-size: 11;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.ContentLink:link {
	color:#000000;
	font-family: Verdana;
font-size: 11;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.ContentLink:visited {
	color:#000000;
	font-family: Verdana;
font-size: 11;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.ContentLink:active {
	color:#000000;
	font-family: Verdana;
font-size: 11;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.ContentLink:hover {
	color:#000000;
	font-family: Verdana;
font-size: 11;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
.Label {
	font-family: Verdana;
	font-size: 9;
	text-decoration: none;
font-weight: normal;
font-style: normal;
	text-align:  center;
}
.Campo {
	font-family: Verdana;
	font-size: 9;
	text-decoration: none;
font-weight: normal;
font-style: normal;
border-width: 1;
border-style: solid;

}
.Pulsante {
	font-family: Verdana;
	font-size: 9;
	text-decoration: none;
font-weight: normal;
font-style: normal;
border-width: 1;
border-style: outset;

}
.DivVetrina {

}
.VetrinaTitolo {

}
.VetrinaAbstract {

}
A.VetrinaLink {

}
/* News */
.NewsPage {
	
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.NewsTitle {
	font-family: Verdana;
	font-size: 12;
	text-decoration: none;
font-weight: normal;
font-style: normal;
	text-align: center;
}
.NewsCategory {
	font-family: Verdana;
	font-size: 10;
	text-decoration: none;
font-weight: normal;
font-style: normal;
}
.NewsText {
	color:#000000;
	font-family: Verdana;
	font-size: 9;
	text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.NewsLink:link {
	color:#000000;
	font-family: Verdana;
font-size: 9;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.NewsLink:visited {
	color:#000000;
	font-family: Verdana;
font-size: 9;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.NewsLink:active {
	font-family: Verdana;
font-size: 9;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.NewsLink:hover {
	font-family: Verdana;
font-size: 9;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
/* Viste */
.ViewPage {
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.ViewTitle {
	color:#000000;
	font-family: Verdana;
	font-size: 12;
	text-decoration: none;
font-weight: normal;
font-style: normal;
}
.ViewText {
	text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.ViewLink:link {
	color:#000000;
	font-family: Verdana;
	font-size: 9;
	text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.ViewLink:visited {
	color:#000000;
	font-family: Verdana;
font-size: 9;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.ViewLink:active {
	color:#000000;
	font-family: Verdana;
font-size: 9;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
A.ViewLink:hover {
	color:#000000;
	font-family: Verdana;
font-size: 9;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
/* Elementi di streaming */
.StreamingLogoCell {
}
.StreamingVideoCell {
}
.StreamingVideoTable {
}
.StreamingLinksDiv {

}
.StreamingParagraph {
}
/* Stili per layout senza frames*/
.NoFrameContentPage {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../BuildingBlocks/4E616FA120394DD0C1257299005B608C/$File/sfondo_nav.gif?OpenElement);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}
.DivMenu {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index: 20;
	padding:0px;
	background-color: #00204A;
	background-image: url(../BuildingBlocks/4E616FA120394DD0C1257299005B608C/$File/sfondo_banner_3.jpg?OpenElement);
	background-repeat: repeat-x;
}
.DivNavigator {
	position:absolute;
	top:100px;
	left:0px;
	width: 201px;
	z-index: 10;
	display:inline;
}
.DivContent {
	position:absolute;
	background-color: #FFFFFF;
	left:205px;
	top:100px;
	z-index: 10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.DivOther {
position: relative;
background-color: #FFFF00;
border: 1px solid #FF0000;
bottom:0px;
}
.Invisibile {
display:none;
}
/* personalizzazione del percorso a briciole di pane */
.Percorso {

}
a.PercorsoLink:link {

}
a.PercorsoLink:visited {

}
a.PercorsoLink:active {

}
a.PercorsoLink:hover {

}
/* extra: classi e stili definiti dall'utente */
.MenuBanner img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}


A.MenuSpanLink, A.MenuDivLink {
	color: #0B2351;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	font-style: normal;
	margin: 0px;
	padding-right: 1em;
	padding-left: 1em;

}

a.MenuSpanLink:active {
font-weight:bold;
}

a.MenuSpanLink:visited {
font-weight:bold;
}

a.MenuSpanLink:hover {
font-weight:bold;
}

.Newsonline li {
padding-bottom: 15px;
}

.rss-date {
    font-style: italic;
}
a.rss-item {
    font-style: normal;
    font-weight: bold;
}
.rss-item b {
    display: none;
}



.DivContent ul li {
line-height: 2em;
}

.DivContent ol {
margin-left:  5em; 
padding-left: 0;
}

.DivContent ol li {
line-height: 2em;
}

.DivContent img {
border: 0px;
}

.NavigatorPage img {
border: 0px;
}

.DivContent a:link, .DivContent a:active {
color:#808080;
text-decoration: underline;
font-weight: normal;
font-style: normal;
}

.DivContent a:visited {
color:#808080;
text-decoration: underline;
font-weight: normal;
font-style: normal;
}

.DivContent a:hover {
color:#7DB1C7;
text-decoration: underline;
font-weight: normal;
font-style: normal;
}

.DivContent input {
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
text-decoration: none;
font-weight: normal;
font-style: normal;
border-width: 1px;
border-style: solid;
border-color:#000000;
}

.DivContentCenter {
	empty-cells: hide;
	text-align: center;
}

.DivContentRight {
	empty-cells: hide;
	text-align: right;
}

.DivContent h1,h2,h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	margin:0;
}

.DivContent h1 {
	color:#000000;
	font-size: large;
	text-align: center;
	padding:10px 0 0 0;
}

.DivContent h2 {
	color:#2A497F;
	font-size: small;
}

.DivContent h3 {
	color:#006599;
	font-size: small;
}

.DivContentEvidenza {
	color:#006599;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: small;
	text-decoration: none;
font-weight: bold;
font-style: normal;
}

.NavigatorBox {
	vertical-align: middle;
	position: relative;
	left: 2%;
	margin-bottom: 0.5ex;
	font-size: 11px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-right: 1em;




}

.NavigatorTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	position: relative;
	color: #315D8C;
	text-align: left;
	margin-right: 0.6em;
	margin-left: 0.6em;
	padding-top: 1ex;
	padding-bottom: 0.5ex;
	margin-top: 1.6ex;
}

a.NavigatorLink {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display:block;
	padding-bottom: 0.5ex;
	padding-top: 1ex;
	vertical-align: middle;
	position: relative;
	text-indent: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-right: 0.6em;
	margin-left: 0.6em;
	font-weight: bold;
}

a.NavigatorLink:link {
}

a.NavigatorLink:visited {
}

a.NavigatorLink:hover {
	color:white;
}

a.NavigatorLink:active {
}


h1.ContentTitle {
	color:#315D8C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.ContentTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.TabellaContenuto {
	border: 1px solid black;
	border-collapse: collapse;
	empty-cells: show;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.TabellaContenuto td {
	padding-left: 10px;
	padding-right: 10px;
}

table {
border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.MenuPage td {
    padding-left: 0px;
}

table td {
	padding-left: 10px;
	padding-right: 10px;
}

table A:link {
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
table A:visited {
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
table A:active {
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
table A:hover {
	color:#7DB1C7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
font-style: normal;
}

.ContentAbstract {
font-size: xx-small;
color: grey;
margin-left:2em;
margin-right:2em;
}

.ViewAbstract {
font-size: xx-small;
}

.ContentPage a:link {
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
font-style: normal;
}

.ContentPage a:visited {
color:#800000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
font-style: normal;
}

.ContentPage a:hover {
color:#800000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: normal;
font-style: normal;
}

.ContentPage a:active {
color:#800000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: normal;
font-style: normal;
}


/* modifiche apportate per adeguamento layout modulo personalizzato */
.Descrizione h2 {
font-size: x-small;
margin-top: 12px;
padding-left: 1em;
}

.Descrizione textarea {
width: 300px;
height: 150px;
font-family: verdana;
font-size: x-small;
}

.Testo {
padding-left: 1em;
text-align: justify;
width: 90%;
font-size: x-small;
}

h1.ModuloPersonalizzato {
color: #840000;
font-size:small;
padding-left: 1em;
}

/* aggiunta 22/01/2007 per differenziare i grassetti delle viste del documentale */
.ContentPage b {
color: #315D8C;
}

 /* aggiunta del 08/06/07 per spostare in basso il nav */
.NavigatorPage { padding-top: 20px; }

 /* aggiunta del 08/06/07 per spostare in basso ila pagina centrale */
 .ContentPage { padding-top: 20px; }
 .ContentPage { padding-left: 10px; }

/* aggiunta 20/06/2007 per sfondo del navigatore, e per spostare un po' in basso il contenuto */
.ContentPage {
background-image: URL(/aster_servizi/home.nsf/BuildingBlocks/sfondochiaro/$File/sfondo_chiaro.JPG?OpenElement);
background-position: top left;
background-repeat: no-repeat;
background-attachment: fixed;
padding-top: 70px;
}

/** personalizzazione AS-new 09-04-2019 **/
h1.TitoloAS {
font-weight:bold;
font-size:300%;
text-align:center;
font-family: 'Raleway'; 
}
H1.all-sx {
text-align:left;
} 

h2.SummaryAS {
font-weight:bold;
font-size:200%;
text-align:left;
font-family: 'Raleway'; 
}
div.PaginaAS {
width:100%;
font-size:150%;
align:center;
}

div.ContenutoAS {
width:80%;
max-width:842px;
margin:0 auto;
font-family: 'Raleway', serif; 
}

div.ContenutoAS .citazione {
font-style: normal;
font-weight:bold;
padding-left:12px;
}

div.ContenutoAS .sottotitolo {
font-style: normal;
font-size:150%;
}


div.ContenutoAS .chi {
font-style: normal;
padding-left:10px;
}

.ContenutoAS a {
font-family: 'Raleway', serif; 
color: #315D8C;
font-size:100%;
font-weight:bold;
}
.ContenutoAS a:link {
font-family: 'Raleway', serif; 
color: #315D8C;
font-size:100%;
font-weight:bold;
}
.ContenutoAS a:visited {
font-family: 'Raleway', serif; 
color: #315D8C;
font-size:100%;
font-weight:bold;
}
.ContenutoAS a:hover {
font-family: 'Raleway', serif; 
color: #315D8C;
font-size:100%;
font-weight:bold;
text-decoration:underline;
}
.ContenutoAS a:active {
font-family: 'Raleway', serif; 
color: #315D8C;
font-size:100%;
font-weight:bold;
}

/* CARD pagina home jus */
div#card-container {
width:100%;
}

div#card-container div.card {
margin:4px;
border:none;
padding:4px 15px;
width: 45%;
/*float: left;*/
display:inline-block;
vertical-align:top;
}

div#card-container div.card p b {
color:black;
}

div#card-container div.card p img {
margin:0 0 12px 0;
}

@media (max-width: 1024px) {
div#card-container div.card {
padding:4px 10px;
width: 44%;
}
}
@media (max-width: 800px) {
div#card-container div.card {
width: 100%;
border:none;
float: none;
}
}

/* fine parte CARD pagina home jus */

.nota {
position: relative;
  padding-left: 1em;
padding-top: 1em;
  border-left: 0.6em solid #2965FF;
  font-weight: 100;
font-size:80%;
}

.nota cite {
font-variant:small-caps;
font-style:normal
}
/* footer e disclaimer */

.footer {
position: relative;
  padding-left: 1em;
padding-top: 1em;
padding-bottom: 1em;
  border-left: 0.5em solid #CCCCCC;
  font-weight: 100;
font-size:80%;
}



/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */

nav
{
  /*margin: 0;
  padding: 0;*/
  
  /* make it look decent enough */
 /* background: #f3efd4;*/
  color: black;
  font-family:  "Raleway", serif;
}

.ContentPage nav a.menu
{
  text-decoration: none;
  color: black;
 font-family:  "Raleway", serif; 
  transition: color 0.3s ease;
}

.ContentPage nav a.menu:hover
{
  color: black;
}

#menuToggle
{
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: black;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 280px;
  margin: -110px 0 0 -100px;
  padding: 100px;
  padding-top: 125px;
  
  background: #f3efd4;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
opacity:0.9;
}

#menu li
{
  padding: 10px 0;
  font-size: 32px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}