body{
    background-color: lightgray;
    color: black;
    font-family: arial;
}

#divMedia{
    position: relative; 
    border: 3px ridge black; 
    border-radius: 25px;
    width: 700px; 
    background: url('/images/metaltex.png');
    margin: auto;
    margin-top: -500px;
    display: none;
}

#divMedia img, #divMedia video{
    border-radius: 0px 0px 25px 25px;
}

#titolo{
    font-size: 18pt;
    padding-top: 60px;
    width: 100%;
    background-size: cover;
    height: 300px; 
    text-shadow: 2px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

#titolo a, 
#titolo a:visited, 
#titolo a:link,
#titolo a:active,
#titolo a:focus,
#titolo a:hover,
#titolo a:enabled
{
    text-decoration: none;
    color: black;
}

.header{
    background: lime;
    border: 1px solid black;
}

.tabellona div{
    width: 100%;
    text-align: center;
}


.tableTrappola{
    border-spacing: 5px;
    margin: auto;
}

.tableTrappola td {
    width: 250px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 10pt;
    text-align: center;
    border: 1px solid black;
    background: linear-gradient(gray, white);
    cursor: pointer;
}


.subpanel table{
    border-collapse: collapse;
    margin: auto;
}

.subpanel td, .subpanel th{
    border: 1px solid black;
    text-align: center;
}

.subpanel th{
   background: linear-gradient(gray, white);
   font-size: 9pt;
   padding: 10px;
}

.subpanel input[type="text"], .subpanel input[type="email"]{
    text-align: center;
    width: 100%;
}

h3{
    text-align: center;
    color: black;
}

h4{
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    color: white;
    padding: 5px;
    margin-top: 0px;
}

h4.orange{
    background: linear-gradient(90deg, rgba(4,24,0,1) 0%, rgba(2,80,23,1) 50%, rgba(255,244,0,1) 100%);
    color: white;
    padding: 5px;
    margin-top: 0px;
}

#formLogin table{
    margin: auto;
    border-collapse:collapse;
}

#formLogin td, #formLogin th{
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
    
}

#formLogin th{
    background: linear-gradient(to right, gray, silver);
    padding: 5px;
}

#formLogin input[type=text], #formLogin input[type=password]{
    border: 0px;
    height: 30px;
    width: 200px;
    text-align: center;
}

.content{
    border: 1px solid black;
    margin-bottom: 20px;
}

.report
{
	border-collapse: collapse;
	margin-top: 20px;
}

.report td, .report th
{
	padding: 5px;
	border: 1px solid gray;
        text-align: center;
        font-size: 10pt;
}

.report th
{
	background: lightblue;
}

.report2
{
	border-collapse: collapse;
	margin-top: 10px;
}

.report2 td, .report2 th
{
	padding: 2px;
	border: 1px solid gray;
}

.evidenza
{
	 background: #EEC;
	 font-weight: bold;
}

.evidenza_rossa
{
	 background: #EEC;
	 font-weight: bold;
	 color: red;
}

.titolo_tabella
{
	background: #FFF;
	font-size: 16pt;
	font-weight: bold;
}

.riquadro
{
	background: #EEE;
	border: 1px solid navy;
	padding: 10px;
}

.riquadro h3
{
	padding: 10px;
	text-align: left;
}

.riquadro a, .riquadro a:visited
{
	text-decoration: none;
	color: blue;
}

.riquadro a:hover
{
	color: red;
}

.tupla
{
	table-layout: fixed;
}

.modulo .internal_table
{
	border: 1px dotted black;
}

.modulo .internal_tr td
{
	font-size: 10pt;
	text-align: left;
}

.modulo .etichetta, #modulo .etichetta
{
	font-size: 9pt !important;
}

.rowTitle
{
	font-weight: bold;
        background: lightgreen;
}