#fin_debug{
	visibility: hidden; 
	position: absolute; 
	width: 900px; 
	height: 150px; 
	overflow: scroll; 
	left: 60px; 
	bottom: 5px; 
	border: 3px solid #c0c0c0; 
	background-color: #000000; 
	color: #ffffff; 
	font-family: courier; 
	font-size: 12px;
	
	
}


.StartSinistroAlto:hover{
/*
	position: absolute; overflow: hidden; border: 0px #ffffff solid;

	pos-ition: fixed;
	margin:0px; padding:0px;
	left: 0px;
	top: 0px;*/
	width: 161px;
	height: 161px;

		-webkit-transition: width 0.5s, height  0.5s; /* Safari */
    transition:  width 0.5s, height 0.5s;
	
	border-radius: 0px 0px 160px 0px;
	-moz-border-radius: 0px 0px 160px 0px;
	-webkit-border-radius: 0px 0px 160px 0px;
/*
	-webkit-box-shadow: 10px 10px 20px 0px #ff0000;
	-moz-box-shadow: 10px 10px 20px 0px #ff0000;
	box-shadow: 10px 10px 20px 0px #ff0000;
*/
/*
	background: #8f5607;
	background: -moz-linear-gradient(-45deg, #8f5607 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #8f5607), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(-45deg, #8f5607 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(-45deg, #8f5607 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(-45deg, #8f5607 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(135deg, #8f5607 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f5607', endColorstr='#ffffff', GradientType=1 );
*/
	cursor: pointer;
	z-index: 999999;
}

.StartSinistroAlto div {  /* vedere cosa succede aggiungendo :hover  /  div interni a start sinistro alto */
	position: absolute; overflow: hidden; border: 0px #000000 solid; width: 32px; height: 32px;
	text-align: center; vertical-align: middle; align: center;
	
	border-radius: 16px 16px 16px 16px;
	-moz-border-radius: 16px 16px 16px 16px;
	-webkit-border-radius: 16px 16px 16px 16px;
	border: 1px #c0c0c0 solid;

}

.StartSinistroAlto div:hover {  /* vedere cosa succede aggiungendo :hover  */
	background-color: #ff0000;
	border-radius: 16px 16px 16px 16px;
	-moz-border-radius: 16px 16px 16px 16px;
	-webkit-border-radius: 16px 16px 16px 16px;
	border: 1px #ffffff solid;
}

.StartSinistroAlto div.fin_SSA1 {
	left: 124px; top: 0px;
	
	background: url('../cdt100_images/fin_resize2.png') ;
	background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center; 	
}

.StartSinistroAlto div.fin_SSA2 {
	left: 110px; top: 40px;
}

.StartSinistroAlto div.fin_SSA3{
	left: 80px; top: 80px;
}

.StartSinistroAlto div.fin_SSA4 {
	left: 40px; top: 108px;
	
	background: url('../cdt100_images/fin_pwr2.png') ;
	background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center; 
}

.StartSinistroAlto div.fin_SSA5 {
	left: 0px; top: 124px;
	
	background: url('../cdt100_images/fin_set2.png') ;
	background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center; 
}

.StartSinistroAlto div.fin_SSA6 {
	left: 76px; top: 4px;
}

.StartSinistroAlto div.fin_SSA7 {
	left: 46px; top: 46px;

	background: url('../cdt100_images/fin_dos3.png') ;
	background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center; 		
}

.StartSinistroAlto div.fin_SSA8 {
	left: 4px; top: 76px;
	
	background: url('../cdt100_images/fin_tests.png') ;
	background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center; 	
}

.fin_ico{
	height: 80px; width: 128px; 
	bor-der: 1px dotted #c0c0c0 ; 
	position: relative; 
	margin: 32px; 
	to-p: 80px; lef-t: 80px; 
	background: url('../cdt100_images/fin_sconosciuto.png') ; 
	background-size: 48px 48px; 
	background-repeat: no-repeat;
	background-position: top center; 
	overflow: both; float: left;
    cursor: pointer;
	margin-top: 34px;
	
}

.fin_ico:hover{
	border-top: 2px solid #ff0000;
	margin-top: 32px;
}

.fin_ico div{
	position: relative; 
	max-height: 40px;
	overflow: hidden; 
	overflow-wrap: break-word; 
	text-overflow: ellipsis;  
	top: 49px;  
	bor-der: 1px dotted #ff0000;
	font-family: verdana; 
	font-size: 10px;
	lin-e-height: 1px; 
	font-weight: bold; 
	text-align: center;
	cursor: pointer;
  text-shadow:
    1px  1px 2px #ffffff,
    1px -1px 2px #ffffff,
   -1px  1px 2px #ffffff,
   -1px -1px 2px #ffffff;	
}

/*div{border: 1px dotted #c0c0c0 ; }*/

/* ######################################## CURSORE BLINK ######################################### */

.fn_blinking-cursor {
content: '';
  font-weight: bold;
  font-family: monospace;
  fo-nt-size: 30px;
  co-lor: #2E3D48;
  -webkit-animation: 1s blink linear infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
  
 
}

@keyframes "blink" {
  from, to{
    color: #000000;
	opacity: 0;
	text-shadow:
    0px  0px 0px #ffffff,
    0px 0px 0px #ffffff,
    0px  0px 0px #ffffff,
    0px 0px 0px #ffffff;	
  }
  50% {
    color: #ffffff;
	opacity: 1;
	text-shadow:
     1px  1px 2px #ffffff,
     1px -1px 2px #ffffff,
    -1px  1px 2px #ffffff,
    -1px -1px 2px #ffffff;
	
  }
}

@-moz-keyframes blink {
  from, to{
    color: #000000;
	opacity: 0;
	text-shadow:
    0px  0px 0px #ffffff,
    0px 0px 0px #ffffff,
    0px  0px 0px #ffffff,
    0px 0px 0px #ffffff;	
  }
  50% {
    color: #ffffff;
	opacity: 1;
	text-shadow:
     1px  1px 2px #ffffff,
     1px -1px 2px #ffffff,
    -1px  1px 2px #ffffff,
    -1px -1px 2px #ffffff;
  }
}

@-webkit-keyframes "blink" {
  from, to{
    color: #000000;
	opacity: 0;
	text-shadow:
    0px  0px 0px #ffffff,
    0px 0px 0px #ffffff,
    0px  0px 0px #ffffff,
    0px 0px 0px #ffffff;	
  }
  50% {
    color: #ffffff;
	opacity: 1;
	text-shadow:
     1px  1px 2px #ffffff,
     1px -1px 2px #ffffff,
    -1px  1px 2px #ffffff,
    -1px -1px 2px #ffffff;
	te-xt-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
  }
}

@-ms-keyframes "blink" {
  from, to{
    color: #000000;
	opacity: 0;
	text-shadow:
    0px  0px 0px #ffffff,
    0px 0px 0px #ffffff,
    0px  0px 0px #ffffff,
    0px 0px 0px #ffffff;	
  }
  50% {
    color: #ffffff;
	opacity: 1;
	text-shadow:
     1px  1px 2px #ffffff,
     1px -1px 2px #ffffff,
    -1px  1px 2px #ffffff,
    -1px -1px 2px #ffffff;
  }
}

@-o-keyframes "blink" {
  from, to{
    color: #000000;
	opacity: 0;
	text-shadow:
    0px  0px 0px #ffffff,
    0px 0px 0px #ffffff,
    0px  0px 0px #ffffff,
    0px 0px 0px #ffffff;	
  }
  50% {
    color: #ffffff;
	opacity: 1;
	text-shadow:
     1px  1px 2px #ffffff,
     1px -1px 2px #ffffff,
    -1px  1px 2px #ffffff,
    -1px -1px 2px #ffffff;
  }
}