@page {
  margin-left: 8cm;
}

body
{
	SCROLLBAR-FACE-COLOR: #3C7883; SCROLLBAR-HIGHLIGHT-COLOR: white; SCROLLBAR-SHADOW-COLOR: white; COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #c0c0c0; SCROLLBAR-ARROW-COLOR: #9B1C0B; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #c0c0c0
}

td	 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #000000; padding: 2px;}
.font 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #1c570a}
p 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #333333}
.submit 	{cursor:pointer; background-color: #000033; border: 3px solid #000000; height: 30px; font-size: 14px; font-style:italic; font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; border-radius: 15px;}	
input 	{background-color: #FFFFFF; border: 1px solid #333333; height: 16px; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif;}


table {
	/*border-collapse: collapse;
	
  width: 100%;
  text-align: center;*/
  border-collapse: separate; /* Don't collapse */
  border-spacing: 0;
}

.doc_link:hover{
	color: red;
}

a:active	{  font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal; 
text-decoration: none; 
color: #000000}

a:link 		{  font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal; 
text-decoration: none; 
color: #000000}

a:visited	{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; 
font-weight: normal; 
text-decoration: none; 
color: #000000}

a:hover 	{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal; 
text-decoration: none; 
color: #204B06
position: relative;
text-decoration: none;
border-style: none;
z-index: 25;
}

a.menu:active	{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-variant:small-caps; text-decoration: none; color: #000; 
	background-color: white }
a.menu 	{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-variant:small-caps; text-decoration: none; color: #000; 
	background-color: white }
a.menu:visited	{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-variant:small-caps; text-decoration: none; color: #000; 
	background-color: white }
a.menu:hover 	{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-variant:small-caps; text-decoration: none; color: #111; 
	background-color: white } /* color: #F2F2F2 */

.menu   	{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #000}
.smallb		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #111111}
.small		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #111111}
.tit 	{  padding-left: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-decoration: none; color: #114444}
.first_row	{background-color: #999999; border: 1px solid #333333; height: 16px; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif;}

th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}


a.logout{
	background-color: #000033;
    border: 3px solid #000000;
    border-radius: 15px;
    color: #ffffff;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: italic;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

a.logout:hover {
	color: #C00000;
	background-color: #000033;
    border: 3px solid #000000;
    border-radius: 15px;
    
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: italic;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

a {
	font-size: 12px;
}

.green {
	color: #206320;
}

.underlined {
	text-decoration: underline;
}
a.underlined:hover {
	padding-left: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-decoration: underline; color: #206320
}

a span { 
	display: none;
	width: 500px;
	text-align: justify; 
}
	
a:hover span{ /*lo span verra' mostrato solo sullo stato :hover */
    display: block; 
    position:absolute;
    padding: 5px;
    border: 1px solid #000; 
    background-color: #fff; 
    color:#000;
    font-size: 100%;
    text-align: left;
    align: left;
    text-align: justify;
    width: 500px;
}

td.border_td{
	border: #333333 1px solid;
	font-size: 12px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
}

td.border_td_middle{
	border: #333333 1px solid;
	font-size: 12px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
}

td.big {
	font-size: 15px;
	vertical-align: middle;
}

td.border_col_td{
	text-transform: uppercase;
	border:#333333 1px solid;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
}

th.border_col_td{
	position: sticky;
    top: 0;
    background: #999999;
	text-transform: uppercase;
	border:#333333 1px solid;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
	height:34px;
    
}

th.border_col_td_second_level{
	position: sticky;
    top: 41px;
    background: #999999;
	text-transform: uppercase;
	border:#333333 1px solid;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
    
}


th.border_col_td_third_level{
	position: sticky;
    top: 68px;
    background: #999999;
	text-transform: uppercase;
	border:#333333 1px solid;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
    
}

th.border_col_th{
	text-transform: uppercase;
	border:#333333 1px solid;
	background-color: #d9e987;
	color: black;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
    position: sticky;
    top: 0;
}

td {
	font-size: 15px;
}

p {
	font-size: 15px;
}

td.menu_td {
	padding-top: 10px;
	background-color: white;
	padding-bottom: 30px;
}

.header {
	background-color: #000033;
	padding-right: 15px;
	padding-left: 15px;
	color: #E0E0E0;
}

.row1 {
	text-transform: uppercase;
	padding-top: 40px;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
}

.row2 {
	text-transform: uppercase;
	padding-top: 20px;
	font-size: 55px;
	font-style: italic;
}
 .row3 {
	text-transform: none;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
 }

 .row4 {
	padding-bottom: 20px;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
 }
 
.table_interventi td{
 	border: 1px solid #000000;
 }
 
.div_contenuti {
 	width:100px;
 	display : block;
 	height:42px;
 	overflow: hidden;
 	text-align:left;
 }

.div_contenuti_avanzato {
 	width:100px;
 	display : block;
 	overflow: hidden;
 	vertical-align: middle;
 	text-align:left;
 }

.div_contenuti2 {
 	width:100px;
 	display : block;
 	height:60px;
 	overflow: hidden;
 	vertical-align: middle;
 	text-align:left;
 }
 
 .div_col_chi {
 	width:35px;
 	display : block;
 	overflow: hidden;
 }
 .div_col_quando {
 	width:65px;
 	display : block;
 	overflow: hidden;
 }
 .div_col_cosa {
 	width:200px;
 	display : block;
 	overflow: hidden;
 }
 
 .sticky_style {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 20px;
  background-color: #cae8ca;
  border: 2px solid #4CAF50;
}
 
 td.border_td_left{
 	border: #333333 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
 }
 
 .vertical{
   writing-mode: tb-rl;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  white-space: nowrap;
  display: inherit;
 }