BODY  {
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
	background-color: #ffffff;
	color: navy;
}

BOX{
	text-align : justify;
	border: navy 2pt solid;
}

@font-face {
	font-family: DejaVuSansCondensedCrypto;
	src: url(http://www.crittologia.eu/fonts/Critto/DejaVuSansCrypto.woff)  format("woff"),
		 url(http://www.crittologia.eu/fonts/Critto/DejaVuSansCrypto.woff2) format("woff2");
}

@font-face {
	font-family: DejaVuSansCrypto;
	src: url(http://www.crittologia.eu/fonts/Critto/DejaVuSansCrypto.woff)  format("woff"),
		 url(http://www.crittologia.eu/fonts/Critto/DejaVuSansCrypto.woff2) format("woff2");
}

@font-face {
	font-family: CrittoInns1502;
	src: url(http://www.crittologia.eu/fonts/Critto/CrittoInnsbruck1502.woff)  format("woff"),
		 url(http://www.crittologia.eu/fonts/Critto/CrittoInnsbruck1502.woff2) format("woff2");
}

@font-face {
	font-family: CrittoCpoli1484;
	src: url(http://www.crittologia.eu/fonts/Critto/CrittoCpoli1484.woff)  format("woff"),
		 url(http://www.crittologia.eu/fonts/Critto/CrittoCpoli1484.woff2) format("woff2");
}

@font-face {
	font-family: Roma1500;
	src: url(http://www.crittologia.eu/fonts/Critto/Roma1500_4.woff) format("woff"),
		 url(http://www.crittologia.eu/fonts/Critto/Roma1500_4.woff2) format("woff2");
}

@font-face {
	font-family: arialNapoli;
	src: url(http://www.crittologia.eu/fonts/Critto/arialNapoli.woff) format("woff"),
		 url(http://www.crittologia.eu/fonts/Critto/arialNapoli.woff2) format("woff2");
}

@font-face {
	font-family: 1516_maColonna;
	src: url(http://www.crittologia.eu/fonts/Critto/CrittoMaColonna.woff) format("woff"),
		 url(http://www.crittologia.eu/fonts/Critto/CrittoMaColonna.woff2) format("woff2");
}

@font-face {
	font-family: CrittoMSteno;
	src: url(http://www.crittologia.eu/fonts/Critto/CrittoMSteno.woff) format("woff"),
		url(http://www.crittologia.eu/fonts/Critto/CrittoMSteno.woff2) format("woff2");
}

@font-face {
	font-family: CrittoCPoli54;
	src: url(http://www.crittologia.eu/fonts/Critto/CrittoCpoli1554.woff) format("woff"),
		url(http://www.crittologia.eu/fonts/Critto/CrittoCpoli1554.woff2) format("woff2");
}

@font-face {
	font-family: CrittoCifraCroce;
	src: url(http://www.crittologia.eu/fonts/Critto/CrittoCifraCroce.woff) format("woff"),
		 url(http://www.crittologia.eu/fonts/Critto/CrittoCifraCroce.woff2) format("woff2");
}

@font-face {
	font-family: CrittoPigPen;
	src: url(http://www.crittologia.eu/fonts/Critto/CrittoPigPen.woff) format("woff"),
		 url(http://www.crittologia.eu/fonts/Critto/CrittoPigPen.woff2) format("woff2");
}

BUTTON.Tasto {
		font-family: DejaVuSansCondensedCrypto;
		font-size: 200%;
		color: white;
		background-color: #202020;
}

TEXTAREA.crescente {
  overflow: hidden;
  width: 300px;
  height: 100px;
}

HR {
	height: 1px;
}

IMG {
	max-width: 100%;
}

INPUT.Azzurro {
	background-color: #2030f0;
	color: white;
	font-size: 110%;
}

INPUT.Rosso {
	background-color: #f04040;
	color: white;
	font-size: 110%;
}

INPUT.Giallo {
	background-color: #f0f020;
	color: navy;
	font-size: 110%;
}

INPUT.Verde {
	background-color: #00a000;
	color: white;
	font-size: 110%;
}

.Legenda {
	text-indent : 0ex;
	text-align : justify;
	padding: 2px;
	margin: 0px;
	font-size: 80%;
	font-style: italic;
}

.Critto {
	font-family: "DejaVu Sans Mono", "Courier New", monospace;
	font-size: 120%;
}

hr.Both {
	clear: both;
	color: Navy;
	margin: 2px;
	border-top: 2px solid #aaa;'>
}

.Autore {
	font-size: 110%;
	font-variant: small-caps;
}


.TitoloLibro {
	font-size: 110%;
	font-style: italic;
}


div.TitoloPar, h4 {
	display: table-cell;
	font-family: "Times New Roman", Arial;
	font-size: 125%;
	padding: 8px 28px 4px 28px;
	margin-bottom: 24px;
	color: Navy;
	text-align: left;
	font-weight: bold;
	font-style : italic;
	border-bottom: 3px Navy solid;
}

.Logo  {
	float: left;
	border : 1px solid Silver;
	margin : 16px 0px 0px 20px;
	padding : 0px 0px 0px 0px;
}

.LogoHP  {
	float: left;
	border : 1px solid Silver;
	margin : 20px 0px 0px 30px;
	padding : 0px 0px 0px 0px;
}

.Logo2  {
	float: left;
	border : 1px solid Silver;
	margin : 28px 0px 0px 20px;
	padding : 0px 0px 0px 0px;
}

.Teorema{
	font-size : 125%;
	color : #B1070C;
}

.Incolonnato{
	font-family: "DejaVu Sans Mono", "Courier New", "Monospace";
	font-size: 120%; 
	letter-spacing: 5px; 
	padding: 3px;
	margin: 0px;
}

.IncolonnatoMini{
	font-family: "DejaVu Sans Mono", "Courier New", "Monospace";
	font-size: 90%; 
	letter-spacing: 3px; 
	padding: 2px;
	margin: 0px;
}

.Tavola {
	font-family: "DejaVu Sans Mono", "Courier New", "Monospace";
	letter-spacing: 12px;
	text-indent: 0px;
	white-space: pre;
}

.TavolaStretta {
	font-family: "DejaVu Sans Mono", "Courier New", "Monospace";
	letter-spacing: 8px;
	text-indent: 0px;
	white-space: pre;
}

.crittogramma {
	font-family: "DejaVu Sans Mono", "Courier New", "Monospace";
	font-size: 80%;
	letter-spacing: 0px;
	text-indent: 0px;
	white-space: pre;
}


.Crittogramma {
	font-family: "DejaVu Sans Mono", "Courier New", "Monospace";
	letter-spacing: 0px;
	text-indent: 0px;
	white-space: pre;
}

.Paragrafo {
	text-indent: 4ch;
	text-align: justify;
}

.TabHead {
	background-color: #ddd; 
	font-weight: bolder;
	font-family: "DejaVu Sans Mono", "Courier New", "Monospace";
}

PRE	{
	text-indent : 0px;
	margin-left	: 20px;
	margin-right: 20px;
}

PRE.Incolonnato{
	font-family: "DejaVu Sans Mono", "Courier New";
	font-size: 120%;
	letter-spacing: 4px; 
	padding: 3px;
}

P  {
	text-indent : 4ex;
	text-align : justify;
	color: Navy;
	padding: 0px;
	margin: 0px;
}

.Destra{
	float: right;
	margin: 2px 0px 2px 6px;
	border-left: none;
	border-right: none;
	border-top: 1px solid Gray;
	border-bottom: 1px solid Gray;
	empty-cells: show;
	page-break-inside: avoid;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 2px;
	padding-top: 2px;
}

.Citazione {
	text-indent  : 0px;
	text-align   : justify;
	margin-top   : 4px;
	margin-bottom: 4px;
	padding-left  : 4ex;
	padding-right : 4ex;
	font-size    : 90%;
}

.MenuBar {
	background-color : ButtonFace;
	color: Black;
	text-indent : 0ex;
	font-size: 90%;
	font-family: Verdana, Arial, sans-serif;
	font-variant: small-caps;
	font-weight : bold;
	border : 1px solid Silver;
	padding: 4px 1px 4px 4px;
}

DIV.Menu {
	text-indent : 0ex;
	font-variant: small-caps;
	position: absolute;
	visibility: hidden;
	font-size: 90%;
	background-color : #F0F0F0;
	padding : 4px;
	border: thin outset #F0F0F0;
	line-height : 150%;
}

DIV.resize{
	resize: both;
	overflow: auto;
	display: block;
	border: solid 1px black;
}

DIV.Popup {
	position: absolute;
	visibility: hidden;
	resize: both;
	overflow: auto;
	font-size: 90%;
	background-color : #F0F0F0;
	padding : 4px 2px 0px 2px;
	outline: thin outset #F0F0F0;
	elevation : higher;
	z-index : auto;
}

DIV.Hint {
	display: block;
	position: absolute;
	visibility: hidden;
	resize: both;
	overflow: auto;
	top: 20ex;
	left: 5ex;
	font-size: 90%;
	background-color: #fffff0;
	color: 0;
	padding: 10px 10px 0px 10px;
	margin: 12px;
	outline: 3px inset #a09020;
	z-index: 100;
}

DIV.Hint5 {
	display: block;
	position: absolute;
	visibility: hidden;
	resize: both;
	overflow: auto;
	font-size: 90%;
	background-color: #f0f0ff;
	color: 0;
	padding: 10px 10px 0px 10px;
	margin: 12px;
	outline: 3px inset #a09020;
	z-index: 100;
}

DIV.Riquadro {
	background-color : #FFFfF7;
	border: none;
	border-right: solid #a0a070 2px; 
	font-size: 94%;
	float: left;
	padding: 0px;
	padding-left: 3px; 
	padding-right: 3px; 
	margin: 0px
	margin-left: 4px;
}

DIV.Titolo{
	text-indent: 0ex;
	font-size: 180%;
	padding: 5px 5px 5px 5px;
	background-color: #ffe8a0;
	color: #000000;
	border-right: 1px #101010 solid;
	border-left: 1px #101010 solid;
	border-bottom: 3px #101010 solid;
	text-align: center;
	font-weight: bold;
	font-style : italic;
	margin: 0px 2px 0px 2px;
}

DIV.Ancora  {
	border-bottom: 1px solid Gray;
	text-indent: 0ex;
	text-align: center;
	font-size: 90%;
	font-variant: small-caps;
	font-weight: bolder;
	padding: 9px 16px 9px 16px;
	margin: 0px 0px 0px 2px;
	border-left-style: none;
	border-right-style: none;
}

DIV.Titolino {
	text-indent: 0ex;
	font-family: "Trebuchet MS", Arial;
	font-size: 125%;
	padding: 4px 3px 4px 3px;
	width: auto;
	background-color: #ffe8a0;
	color: #085040;
	text-align: center;
	font-weight: bold;
	font-style : italic;
	margin: 0px;
	border: 1px #085040 solid;
	border-bottom: 2px #085040 solid;
}

.Didascalia {
	font-size: 80%;
	text-align: justify;
	margin-left: 3ex;
	margin-right: 3ex;
	
}

SPAN.expr {
	font-style: italic;
	font-weight: bolder;
}

SPAN.Titolo{
	padding: 8px 8px 8px 8px;
	background: #e8e8e8;
	color: #000000;
	border-right: 1px #101010 solid;
	border-left: 1px #101010 solid;
	border-bottom: 5px #101010 solid;
	text-align: center;
	font-weight: bold;
	font-style : italic;
	margin: 0px 2px 0px 2px;
	text-indent : 0ex;
/*
	background: #E2E2E2;
	border : thin;
 */
}

SPAN.DownMenu {
	cursor: pointer;
	background-color: #f0f0e0;
	color: #f202080;
	font-weight: bolder;
	border: solid 1px #3030a0;
}

SPAN.Ham3Menu {
	cursor: pointer;
	background-color: #f0f0f0;
	background-image: url("menu3ham.png");
}

SPAN.Nota {
	background-color: #ffffa0;
	cursor: help;
	color: #801020;
	font-weight: bold;
}

SPAN.NotaTesto {
	background-color: #a0f050;
	cursor: pointer;
	color: #000080;
	border: solid 2px Navy;
	margin:  5px;
	padding: 2px;
	
}

SPAN.PopUp  {
	cursor: pointer;
	text-decoration: underline;
	color: #0000CD;
}

SPAN.CloseButton  {
	cursor: pointer;
	border: 1px solid silver;
	float: right;
	text-indent: 0;
	background-color : red;
	color: white;
	padding: 0ex 1ex 0ex 1ex;
	margin: 0ex 1ex 0ex 1ex;
	text-indent: 0px;
}

SPAN.Link  {
	color : blue;
	text-decoration : underline;
	cursor : pointer;
}

SPAN.Button {
	cursor: pointer;
	text-decoration: underline;
	color: #724500;
}

P.Sinistra {
	text-align: left;
}

P.Destra {
	text-align	: right;
	display		: inline;
	font-size	: small;
}

P.Rinvio {
	text-align : right;
	font-size  : x-small;
	background : #9CF; 
	color	   : #00A;
	width	   : 100%;
}

A:link  {
	color      : #0828c0;
	text-decoration: none;
	font-size  : 100%;
}
			 
A:visited {
	color: #A700D4;
	font-size: 90%;
}

A:active {
	color: #E10000;
	font-size: 110%;
}

A:hover {
	color      : #1030a0;
	text-decoration: underline;
}

A:link {
	color: #005BFC;
	font-size: 100%;
}

A:link.Esterna {
	color		: #08B;
}

OL.Roman {
	list-style-type: upper-roman;
	list-style-position: outside;
	text-align 	: justify;
}

DL {
	padding-right  : 1ex;
	padding-bottom : 1ex;
	padding-top    : 1ex;
	color		: #006;
}

DT {
	background	: #B8BFCF;
	font-family	: Verdana;
	font-size	: 110%;
	line-height	: 200%;
	color		: #009;
}

DD			{
	text-align	: justify;
}

H1, H2, H3, H5, H6	{
	background: #ffe8a0;
	color: #000000;
	border-right: 1px #101010 solid;
	border-left: 1px #101010 solid;
	border-bottom: 3px #101010 solid;
	text-align: left;
	margin: 0px 2px 0px 2px;
/*	padding-left: 50px; */
	font-weight: bold;
	font-style : italic;
	text-indent : 40px;
}

EM			{font-weight	: bold;
			 line-height	: 110%;
			 color		: #05A;}
STRONG		{background	: #79F;
			 font-weight	: bold;
			 font-size	: larger;
			 color		: #FF0;}

UL.circolo{
	list-style-type: alpha;
}

TABLE {
	font-size: 100%;
	color: Navy;
	background-color : White;
	border-spacing : 0px;
	empty-cells : show;
	margin : 3px 1px 3px 6px;
	border : 0px;
	border-collapse: collapse;
}

TABLE.Sinistra{
	float : left;
	margin : 2px 0px 2px 6px;

	border : thin groove #F0E68C;
	empty-cells : show;
	border-collapse : collapse;
	page-break-inside : avoid;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 6px;
	padding-top : 2px;
}

TABLE.Cornice{
	margin : 3px 3px 3px 3px;
	empty-cells : show;
	padding : 6px 6px 6px;
	border : 1px solid Gray;
	border-spacing : 0;
	border-collapse : collapse;
	border : thin groove #F0E68C;
	page-break-inside : avoid;
}

TABLE.Cornicetta{
	table-layout: fixed;
	margin : 1px 1px 1px 1px;
	font-size: 90%;
	empty-cells : show;
	border : 1px solid Gray;
	border-spacing : 0px;
 //   border-collapse: separate;	
	border-collapse : collapse;
	border : thin groove #F0E68C;
	page-break-inside : avoid;
}

TABLE.Menu {
	position: absolute;
	visibility: hidden;
	font-size: 90%;
	font-variant: small-caps;
	background-color : #DDDDDD;
	padding-left : 3px;
}

CAPTION {
	background-color : #ffe8a0;
	font-family: "Times New Roman", Arial;
	font-size: 125%;
	padding: 8px 28px 4px 28px;
	margin-bottom: 2px;
	color: Navy;
	text-align: left;
	font-weight: bold;
	font-style : italic;
	border: 1px Navy solid;
	border-bottom: 3px Navy solid;
}

TR{
	background-color : White;
	border-spacing : 0px;
}

TH			{
	background-color: #ffe8a0;
	color: #000000;
	border: 1px #101010 solid;
	text-align: center;
	font-weight: bold;
	margin: 4px 4px 4px 4px;
	text-indent : 0ex;
}

TH.Logo	{
	float: none;
}

TH.Titolo{
	color: #FFFF66;
	font-size: 175%;
	font-family: Verdana;
	background: Black;
}
TH.Titolone		{
	color: #FFFF66;
	font-size: 200%;
	font-family: Verdana;
	background: Black;
}

TH.Titolino		{
	font-size: 125%;
	color: #FFFF66;
	font-family: Verdana;
	background: Black;
}

TH.Ancora		{
	font-family	: Verdana, Arial;
	font-variant	: small-caps;
	font-size	: 90%;
	color		: #00C;
}

TH.Iter			{
	font-family	: Arial Narrow, Arial;
	font-variant	: small-caps;
	color		: #00C;
}

TH.Logo		{
	font-family: Verdana, Arial;
	font-variant: small-caps;
	font-size: large;
	background: transparent;
	width : 200px;
}

TD.resize {
	resize: both;
	overflow: auto;
	display: block;
	border: solid 1px black;
}

TD{
	padding : 4px;
	margin: 0px 0px 0px 0px;
	border-spacing : 0px;
	empty-cells : inherit;
	table-layout : inherit;
	border-bottom-style : inherit;
	border : 1px solid Gray;
}


TH.Chiara		{background	: transparent;
			 color		: #000077;}

TD.Indice		{text-align	: right;
			 line-height	: 150%;
			 background	: #D0D0FF;
			 font-size	: x-small}

TD.Cifra		{text-align	: right;}

TD.Nota		{text-align	: right;
			 background	: #D0D0FF;
			 font-size	: x-small}
LI.Just			{margin-right	: 1ex;
			 text-align	: justify;}