body,html{
background-color:white;
font-family:arial;
font-size:14px;
color:black;
margin:0px;
overflow: hidden;
}
#giusto{
position:absolute;
left:-5000px;
top:0;
width: 100%;
height: 100px;
background-color: green;
color:white;
text-align:center;
line-height: 40px;
font-size:40px;
z-index:50;
}
#copritutto {
position: absolute;
left: 0px;
top: 0px;
width:100%;
height:100%;
background-color: #ffffff;
display:none;
z-index:10000;
}

#divcopri {
width: 100%;
height: 50px;
background-color: #ffffff;
text-align:center;
padding:10px;
border-bottom:1px solid black;
font-size:20px;
}
#tipo{
visibility:hidden;
}
#bp{
font-size:18px;
}
.bp{
font-size:18px;
}
.perimetro{
position:absolute;
text-align:center;
}
.perimetro2{
position:absolute;
background-color: #cccccc;
opacity:0.1;
z-index:100;
}
.perimetro3{
position:absolute;
text-align:center;
font-size:40px;
background-color: #ffffff;
color:black;
display:none;
z-index:100;
}
.rd{
font-size:35px;
color:red;
}
.testo {
background-color: #cccccc;
border: 1px solid red;
font-size: 14px;
font-family: verdana;
color: black;
width: 60px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
cursor:pointer;
}
.ver{
width:30px;
height:30px;
background-color:red;
opacity:0.8;
border-radius:50%;
color:white;
font-size:23px;
cursor:pointer;
}
h2{
position:absolute;
left:137px;
top:0px;
color:black;
}
.blu{
color:blue;
}
.rosso{
color:red;
}
.marrone{
color:brown;
}
.grigio{
color:gray;
font-size:10px;
}
.rosso2{
color:red;
font-size:18px;
text-align:left;
}
.smil{
width:30px;
}
#smile{
width:80px;
}
.divider {
margin: 8px 0 0 0;
}
 .divider {
height: 1px;
overflow: hidden;
background-color: #e0e0e0;
}
#istru{
position:absolute;
right:0;
top:0;
width: 100%;
background-color: green;
color: white;
display:none;
z-index:110;
}
.manina{
cursor:pointer;
}
.manina:hover{
background-color:#eee;
}
.manina2{
cursor:pointer;
border-top:1px solid black;
}
.manina2:hover{
background-color:#eee;
}
#supercontenitore{
position: absolute;
background-color:#fff;
width: 100%;
height:100%;
overflow: hidden;
}
#barrasx{
position: absolute;
top:0px;
width:135px;
height:100%;
color:black;
text-align: center;
z-index:11;
}
#controllo{
position: absolute;
left: 150px;
top:0px;
color:black;
background-color:lightyellow;
border:1px solid red;
width: 200px;
padding:10px;
visibility:hidden;
z-index:11;
}
#barradx{
position: absolute;
right: 0;
top:0px;
width:130px;
height:100%;
color:black;
background-color:lightyellow;
border-left:1px solid red;
z-index:10;
}
#contenitore{
position: absolute;
left:0px;
top:0px;
width: 100%;
height:100%;
overflow: hidden;
}
#dentrocontenitore{
position: absolute;
left:0px;
top:0px;
width: 100%;
height:100%;
}
#dentrocontenitore{
position: absolute;
left:0px;
top:0px;
width: 100%;
height:100%;
}
.but{
width:100%;
font-weight:bold;
height: 50px;
}
.butbig{
width:100%;
font-size:16px;
height: 50px;
}
.bt{
width:30px;
height:30px;
font-size:14px;
}
.btok{
width:30px;
height:30px;
font-size:12px;
}
.camposx{
width:50%;
text-align:center;
float:left;
}
.campo{
width:33%;
float:left;
}
.gomma{
width:20px;
height:20px;
cursor:pointer;
}
.valori{
width:99%;
height:25px;
font-size:14px;
text-align:center;
border:1px solid black;
background-color:#ffffff;
}
.somma{
height:20px;
font-size:16px;
text-align:center;
border:1px solid black;
background-color:#ffffff;
}
.dbx{
font-size:12px;
margin:5px;
}
.dbx2{
font-size:14px;
margin:5px;
}
.sep{
clear:both;
}
.gras{
font-weight:bold;
}
.centro{
text-align:center;
}
a {
color: green;
text-decoration: none;  
}
 a:hover{
     text-decoration: underline;
}