body {
	width: 1200px; margin: 0 auto; /* centra la pagina */
	font-family: Arial,Helvetica,sans-serif; font-size: 10pt; line-height: 1.5em; }
h1 { color: #333366; font-size: 14pt; font-weight: bold;}
h2 { color: #333366; font-size: 12pt; font-weight: bold; font-style: italic;}
h2.hm { color: #333366; font-size: 10pt; font-weight: bold; font-style: italic;}
h3 { color: #333366; font-size: 10pt; font-weight: bold; margin-top: 10px;}
hr.w50 { 
	width: 50%; 
	margin-top: 10px;
	margin-bottom: 20px;
}
hr.w25 { 
	width: 25%; 
	margin-top: 10px;
	margin-bottom: 20px;
}
b { font-weight: bold; }
i { font-style: italic; }	
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/*td {border-right: solid 1px red; }*/

#container { 
	/* border: solid 1px red; */ }
#containerMain {
	margin-left: 5px; margin-right: 5px; }
#containerMain .normale {
	line-height: 1.5em;
	text-align: justify;
	padding-top: 0.5em;
}
#containerMain h3.bibliografia { font-style: italic; }
#containerMain p.bibliografia { font-style: italic; }

#containerMain .rientrato {
	padding-left: 30px;
}
#containerMain .formula {
	text-align: center;
	line-height: 2em;
}
#containerMain .bibliografia {
	text-align: justify;
}
#containerMain .bibliocode {
	text-align: right; 
	padding-right: 10px;
}
#containerMain td.biblioref {
	padding-bottom: 10px;
}

#containerMain ul { 
	list-style-position: inside; 
}
#containerMain li { 
	list-style-type: disc; 
}


#containerFixedMain {
	height: 725px; margin-left: 5px; margin-right: 5px; }
#containerFixedMain .home {
	text-align: center;
	line-height: 1.3em;	
	background-image: url('./images/sfondo.png');
}
#title { 
	height: 28px; margin-bottom: 3px; padding-top: 4px;}

#headerLogo { /* non più in uso */
	height: 72px; background-color: red; margin-bottom: 3px; }
#headerLogoSmall { 
	width: 100%; height: 20px; margin-bottom: 3px; /*border: solid 1px #da5e22*/; 
	background-image: url('./images/logoSito1200x20px.png'); color: white; 
	font-weight: bold; font-size: 12pt; }
#headerLogoSmall a { color: white; text-decoration: none; padding-left: 3px; padding-right: 3px;}
#headerLogoSmall a:hover { color: #DA5E22; background-color: #FFFFFF; }
	
#footer { width: 100%; height: 17px;  margin-top: 3px; border: solid 1px #333366; 
	background-color: #333366; color: #FFFFFF; font-size: 8pt; vertical-align: bottom; 
	text-align: center; }


/* menu non più in uso ------------------------------------------------------ */
#menu { 
	height: 20px; background-color: #333366; color: #FFFFFF; padding-left: 5px;
	padding-right: 5px;	margin-bottom: 3px; }
#menu li { 
	display: inline; color: #DDDDDD; }
#menu a { 
	font-weight: bold; text-decoration: none; color: #FFFFFF; padding-left: 5px;
	padding-right: 5px; }
#menu a:hover { 
	text-decoration: underline; background-color: #FFFFFF; color: #333366; }
/* -------------------------------------------------------------------------- */

/* horizonthal menu --------------------------------------------------------- */
#hormenu { 
	width: 100%; height: 20px; margin-bottom: 3px; border: solid 1px #333366;
    background-color: #333366; color: #FFFFFF; } 
#hormenu ul { 
	list-style-type: none; }
#hormenu li { 
	float: left; padding-left: 5px; padding-right: 5px; color: #FFFFFF;
	font-weight: bold; }
#hormenu li:hover { 
	background-color: #FFFFFF; color: #333366; }
#hormenu li a { 
	color: inherit; text-decoration: none; }
#hormenu li a:hover { 
	color: inherit; text-decoration: underline; }
#hormenu li ul { 
	display: none; border: solid 1px #333366;  margin-left: -5px;}
#hormenu li:hover ul { 
	display: block; position: absolute; z-index:1; background-color: #333366; color: #FFFFFF;}
#hormenu li li   { 
	display: block; clear: both; width: 100px; }
#hormenu li li:hover { 
	background-color: #FFFFFF; color: #333366; }
#hormenu li li a { }
/* -------------------------------------------------------------------------- */

/* MAP menu ----------------------------------------------------------------- */
#mapmenu { 
	width: 200px; height: 20px; margin-bottom: 3px; border: solid 1px #333366;
    background-color: #333366; color: #FFFFFF; } 
#mapmenu a { 
	text-decoration: none; color: inherit; }
#mapmenu a:hover { 
	text-decoration: underline; color: inherit; }
#mapmenu ul { 
	list-style-type: none; }
#mapmenu li { 
	float: left; padding-left: 5px; padding-right: 5px; font-weight: bold; color: #FFFFFF; 
		list-style-type: none; }
#mapmenu li:hover { 
	color: #333366; background-color: #FFFFFF; }
#mapmenu li ul { 
	display: none; border: solid 1px #333366;	}
#mapmenu li:hover ul { 
	display: block; position: absolute; z-index:1; background-color: #333366; color: #FFFFFF;
	margin-left: -5px; }
#mapmenu li li   { 
	width: 120px; display: block; clear: both; }
#mapmenu li li:hover { 
	color: #333366; background-color: #FFFFFF; }
#mapmenu li li a { }
/* -------------------------------------------------------------------------- */

/* catalogo dei terremoti FILTRO -------------------------------------------- */
#catalogoFiltro { margin-left: 0px; padding-left: 10px; padding-right: 0px; 
	background-color: #FFDDDD; color: #000000; border: solid 1px #000000; 
	font-weight: bold; font-size: 8pt;}
#catalogoFiltro select { border: 0px; background: inherit; color: #000000; font-size: 8pt; font-weight: bold; }
#catalogoFiltro option {font-weight: normal; background-color: #FFFFFF; color: #000000; margin-right: 5px;}
#catalogoFiltro input { font-size: 8pt; color: black; font-weight: bold;}
#catalogoFiltro input.submit { color: red; }

/* località FILTRO ---------------------------------------------------------- */
#localitaFiltro { margin-left: 0px; padding-left: 10px; padding-right: 10px;
	background-color: #FFDDDD; color: #000000; border: solid 1px #000000; 
	font-weight: bold; font-size: 8pt; }
#localitaFiltro select { border: 0px;  padding-left: 2px; padding-right: 2px; background: inherit; color: #000000; font-size: 8pt; font-weight: bold;}
#localitaFiltro option {font-weight: normal; background-color: #FFFFFF; color: #000000; margin-right: 5px;}
#localitaFiltro input { font-size: 8pt; color: black; font-weight: bold;}
#localitaFiltro input.submit { color: red; }



/* catalogo dei terremoti --------------------------------------------------- */
#catalogo { 
	/*width: 610px;*/ font-size: 8pt; }
#catalogo .id { 
	width: 60px; text-align: center; }
#catalogo .giorno { 
	width: 60px; text-align: center; }
#catalogo .orario { 
	width: 50px; text-align: center; }
#catalogo .epicarea { 
	width: 180px; white-space: nowrap; text-align: left;	}
#catalogo .epicarea2 { 
	width: 80px; white-space: nowrap; text-align: left;	}
#catalogo .epicarea3 { 
	width: 280px; white-space: nowrap; text-align: left;	}
#catalogo .lat { 
	width: 50px; text-align: center; }
#catalogo .lon { 
	width: 50px; text-align: center; }
#catalogo .nmo { 
	width: 25px; text-align: center; }
#catalogo .io { 
	width: 25px; text-align: center; }
#catalogo .int {
	width: 25px; text-align: center; }
#catalogo .mm { 
	width: 25px; text-align: center; }
#catalogo .md { 
	width: 25px; text-align: center; }
#catalogo .scheda { 
	width: 50px; text-align: center; }
#catalogo .biblio { 
	text-align: left; line-height: 125%; width: 10px}
#catalogo .header {
	height: 18px; border-bottom: solid 2px #333366; color: #333366;	font-weight: bold; }
#catalogo .header a {
	color: #333366; text-decoration: none; }
#catalogo .header a:hover {
	text-decoration: underline; }
#catalogo .data {
	overflow-y: scroll; height: 190px; margin-bottom: 10px; border-bottom: solid 1px #333366; }
#catalogo .data tr:hover {
	/*background-color: #CCCCCC*/ background-color: #FFFF70; 
	border-top: solid 1px #DA5E22; border-bottom: solid 1px #DA5E22;}
#catalogo .data tr.hover {
	/*background-color: #CCCCCC*/ background-color: #FFFF70; 
	border-top: solid 1px #DA5E22; border-bottom: solid 1px #DA5E22;}
#catalogo .data tr.selected { 
	background-color: #DA5E22; color: #FFFFFF}
#catalogo .data tr.selected  a{ 
	background-color: inherit; color: inherit;}
#catalogo .data a { 
	color: inherit; text-decoration: none; }
#catalogo .data a:hover {
	text-decoration: underline }

	

/* database delle osservazioni ---------------------------------------------- */
#database { 
	/*width: 610px;*/ font-size: 8pt; }
#database .localita { 
	width: 250px; white-space: nowrap; }
#database .cs { 
	width: 50px; text-align: center; }
#database .int { 
	width: 25px; text-align: center; }
#database .lat { 
	width: 50px; text-align: center; }
#database .lon { 
	width: 50px; text-align: center; }
#database .header { 
	height: 18px; border-bottom: solid 2px #333366; color: #333366; font-weight: bold; }
#database .header a { 
	color: #333366; text-decoration: none; }
#database .header a:hover { 
	text-decoration: underline; }
#database .data { 
	height: 360px; overflow-y: auto; margin-bottom: 10px; border-bottom: solid 1px #333366;
	background-color: white; }
#database .data tr:hover { 
	/*background-color: #CCCCCC;*/ background-color: #FFFF70; 
	border-top: solid 1px #DA5E22; border-bottom: solid 1px #DA5E22;}
#database .data tr.hover { 
	/*background-color: #CCCCCC;*/ background-color: #FFFF70; 
	border-top: solid 1px #DA5E22; border-bottom: solid 1px #DA5E22;}
#database .data a { 
	color: inherit; text-decoration: none; }
#database .data a:hover {
	text-decoration: underline }
/* -------------------------------------------------------------------------- */

/* Bibliografia del terremoto ----------------------------------------------- */
#catalogoBiblio {
	font-size: 10pt; }
#catalogoBiblio div.menu { 
	float: right; height: 20px; padding-left: 3px; padding-right: 3px; border: solid 1px #333366; 
	background-color: #333366; color: white;}
#catalogoBiblio div.menu:hover { 
	background-color: #FFFFFF; color: #333366; }
#catalogoBiblio a { 
	color: inherit; text-decoration: none; font-weight: bold; }
#catalogoBiblio a:hover { 
	background-color: #FFFFFF; color: #333366; text-decoration: underline; }
#catalogoBiblio .ref { 
	height: 60px; line-height: 110%; overflow-y: auto; 
	border-top: solid 2px #333366; padding-top: 1px; font-size: 9pt;}
#catalogoBiblio li { margin-bottom: 3px; margin-left: 10px; list-style-position: outside;}
/* -------------------------------------------------------------------------- */

/* Tabella della località --------------------------------------------------- */
#localita { 
	/*width: 450px;*/ font-size: 8pt; }
#localita .localita { width: 250px; text-align: left; }
#localita .sc { width: 50px; text-align: center; }
#localita .nmo { width: 30px; text-align: center; }
#localita .lat { width: 50px; text-align: center; }
#localita .lon { width: 50px; text-align: center; }
#localita .com { width: 50px; }
#localita .header { 
	height: 18px; border-bottom: solid 2px #333366; color: #333366; font-weight: bold;}
#localita .header a { 
	color: #333366; text-decoration: none }
#localita .header a:hover {
	text-decoration: underline; }
#localita .data { 
	overflow-y: scroll; height: 190px; margin-bottom: 10px; border-bottom: solid 1px #333366;}
#localita .data tr:hover {
	/*background-color: #CCCCCC;*/ background-color: #FFFF70; 
	border-top: solid 1px #DA5E22; border-bottom: solid 1px #DA5E22;}
#localita .data tr.hover {
	/*background-color: #CCCCCC;*/ background-color: #FFFF70; 
	border-top: solid 1px #DA5E22; border-bottom: solid 1px #DA5E22;}
#localita .data tr.selected {
	background-color: #DA5E22; color: white}
#localita .data a { 
	color: inherit; text-decoration: none; }
#localita .data a:hover {
	text-decoration: underline }
/* -------------------------------------------------------------------------- */
	
/* Mappa -------------------------------------------------------------------- */
#mappa {
	width: 565px; height: 572px; border: solid 1px #333366; clear:both}
/* -------------------------------------------------------------------------- */

/* Storia sismica ----------------------------------------------------------- */
#storiaSismica {
}
/* -------------------------------------------------------------------------- */

#mappaloc {
	float: left; 
	width: 345px; 
	height: 350px;
	/*
	width: 321px; 
	height: 325px; 
	*/
	margin-left: 10px;
	border: thin solid red;
}

#mappaLabel {
	font-weight: bold;
	text-align: center;
	height: 18px;
	background-color: #FFFFFF
}

#legenda { height: 90px; background-color: white; clear: both }



/* 	STILE PER LE MAPPE SVG */
svg { overflow: hidden; background-color: white}

.navy { fill: rgb(0, 0, 64) }
.purple { fill: rgb(128,0,128) }
.red { fill: rgb(255,0,0) }
.orange { fill: rgb(255, 165, 0) }
.yellow { fill: rgb(255,255,0) }
.lime { fill: rgb(0,255,0) }
.cyan { fill: rgb(0,255,255) }
.grey { fill: rgb(64,64,64) }
.white { fill: rgb(255,255,255) }

ellipse { fill: none; stroke: #333366; stroke-width: 1px;}
ellipse:hover { stroke: #000000; stroke-width: 3px; }
ellipse.hover { stroke: #000000; stroke-width: 3px; }
ellipse.selected { fill-opacity: 1.0; 	stroke-width: 3px; stroke: #000000	; }
ellipse.eqk { fill-opacity: 0.5; }
ellipse.intensity { stroke: black; stroke-width: 1px; fill-opacity: 1.0; }
ellipse.intensity:hover { stroke-width: 3px; }
ellipse.intensity_empty { fill-opacity: 0.0; stroke-width: 3px; }
ellipse.storiasismica { /*fill: #5a5aa5*/; fill-opacity: 1.0; }

path.epicentro { stroke: black; stroke-width: 5px; }

#faglie  { stroke: #000000; stroke-width: 1.5px; fill: none; }
#faglie.hidden { visibility: hidden; }
#faglie.visible { visibility: visible; }

#comuni { 
	stroke: #000000; stroke-width: 0.5px; fill: none;}
#comuni.hidden { 
	visibility: hidden; }
#comuni.visible { 
	visibility: visible; }
/*#comuni .area path {
	fill: #DA5E22; opacity: 0.0; strike: none; }*/
#comuni .hover { fill: #DA5E22; opacity: 0.5 }
/*#comuniArea path:hover {
	opacity: 0.5 }*/