body {
	background-color: #000060; 
}

h1 {
   margin-top: 0%;
	color: #ff0000;
	font: bold 3vw Verdana, Arial, sans-serif;
}

h2 {
	color: #fff800;	
	font: bold 1.5vw Verdana, Arial, sans-serif;
}

.flux {
	border: none;
	margin: 0.6vw;
}

.flux th {
	color: #0000ff;
	font: bold 1.5vw Verdana, Arial, sans-serif;
	border: 1px ridge #ffff00;
	vertical-align: top;
	background-color: #FFC040;
	padding: 0.5vw;
}

.flux td {
	color: #000000;
	font: normal 1.2vw Verdana, Arial, sans-serif;
	border: 1px dotted #ff0000;
	vertical-align: top;
	background-color: #b0d8ff;
	padding: 0.8vw;
	text-align: justify;
}

.flux td:first-child {
   text-align: center;
   font: bold 0.7vw sans-serif;
   color: #404040;
}

.flux td:nth-child(2) {
   text-align: center;
}

.avviso {
   font: normal 1vw Arial, sans-serif;
   background-color: #F8E0D0;
   color: #000000;
   padding: 0.6vw;
   text-align: left;
}

.path {
   font: normal 0.8vw Arial, sans-serif;
   color: white;
}

.path a {
   color: #ff0000;
   text-decoration: none;
}

.path a:hover {
   text-decoration: underline;
}

.path a:visited {
   color: #ff0000;
}

a, a:visited {
   text-decoration: none; 
   color: #ff0000;
   font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

img {
   min-width: 21vw;
   max-width: 40vw;
   resize: horizontal;
   overflow: auto;
   object-fit: contain;
   /*max-width: 100%;
   min-width: 10%;
   height: auto;*/
}

.d {
   position: relative;
   overflow: hidden;
   padding-top: 56.25%;
}

.i {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
}

.codice {
   padding: 1vw;
   color: #cc0;
   background-color: #004;
   margin-top: 0.5vw;
   margin-bottom: 0.5vw;
   font: normal 1.1vw Arial, sans-serif;
}

code {
   font: normal 1.1vw Arial, sans-serif;
}

/*
overlay {
  position: fixed; 
  display: block; 
  width: 30%; 
  height: 30%; 
  top: 35%;
  left: 35%;
  background-color: #E08000; 
  z-index: 2;
  color: #00F;
  font: bold 11pt Arial, sans-serif;
  text-align: center;
  vertical-align: middle;
  // cursor: pointer;
} 
*/

iframe {
   height: 21vw;
   width: 28vw;
   resize: both;
   overflow: auto;
}

/* tabella numeri di mersenne */
.flux td .mersenne th {
   background-color: #008;
   color: white;
   padding: 0.3vw;
   font: bold 0.9vw Arial, sans-serif;
   vertical-align: middle;
   text-align: center;
}

.flux td .mersenne td {
   background-color: #005;
   color: white;
   padding: 0.3vw;
   font: bold 0.8vw Courier, monospace;
   vertical-align: middle;
   text-align: center;
}

.flux td .mersenne td:nth-child(n+0):nth-child(-n+3) {
   text-align: right;
}