body {
	font-family: 'Georgia', 'Arial Black', 'Times New Roman', serif;
}

div.box {
	word-wrap: break-word;
	max-width: 800px;
}

/*********************************/
/*  https://css-tricks.com/useful-nth-child-recipies/ */

.chartdate {
	text-align: center;
}
.chartdate tr:nth-child(odd) td{
	font-size: 7pt;
	background-color: white;
	background-color: aliceblue;
	padding-right: 5px;
	padding-left: 5px;
}
.chartdate tr:nth-child(even) td{
	font-size: 7pt;
	background-color: white;
	background-color: honeydew;
	padding-right: 5px;
	padding-left: 5px;
}
/*********************************/
li {
	padding-bottom: 8px;
}


p.menu{
	font-size: 10pt;
	/*background-color: #f0fff0;*/
	background-color: #ccccff;
}
td.menu, p.menu{
	/*font-size: 10pt;*/
	/*background-color: #f0fff0;*/
	background-color: #ccccff;
	padding-right: 10px;
	padding-left: 10px;
}

p.menu1{
	font-size: 10pt;
	/*background-color: #f0fff0;*/
	background-color: #D8E2EE;  /*LightSteelBlue;*/
}
td.menu1, p.menu1{
	/*font-size: 10pt;*/
	/*background-color: #f0fff0;*/
	background-color:  #D8E2EE;  /*LightSteelBlue;*/
	padding-right: 10px;
	padding-left: 10px;
}

a:link {
	color: blue;
	text-decoration: none;
}
a:visited {
	/*color: purple;*/
	color: #e60000;
	text-decoration:red dot;
}
a:hover {
	background-color: #bfff80;
}
a:active {
	background-color: yellow;
}

figcaption {
	font-size: smaller;
}

p.datazione{
	font-size: small;
}

p.cbimark{
	font-size: small;
}

pre, code {
	background-color: #f0fff0;
}

div.nota {
	border-top: 3px solid lightgray;
}

.approfondimento h2 {
	color: black;
	background-color: #00cc00;
	padding: 5px;
	font-size: medium;
}


h3.esercizi {
	color: black;
	background-color:gold;
	padding: 5px;
	font-size: medium;
}

table, th, td {
	font-size: small;
	/*border: 1px dotted lightgray;*/
} 

span.bits {
	border: 1px solid gray;
	font-family: monospace;
	font-size: large;

}

.avviso {
	align-self: center;
	background-color: #bfff80;
	/*display: flex;*/
  	text-align: center;
}

.avviso h1 {
	animation:blinkingText 0.8s infinite;
	color: red;
}
@keyframes blinkingText{
    0%{     color: red;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: red;    }
}

.strokeme
{
	font-size: 70px; 
	font-weight: bold; 
    color: salmon;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}


/*
th td {
	text-align: left;
	vertical-align: text-top;
	border: 2px dotted blue;
} 
*/
/*
https://stackoverflow.com/questions/16946878/how-do-i-select-an-element-that-has-a-certain-class
https://stackoverflow.com/questions/33421720/how-can-i-select-a-specific-instance-of-an-element-inside-a-div-using-css/33421754
https://www.google.com/search?client=ubuntu&channel=fs&q=css+how+to+selec+element+of+class+specified+for+its+div+container+&ie=utf-8&oe=utf-8
*/