body,html{
background-color:brown;
font-family:arial;
font-size:14px;
color:white;
margin:0px;
overflow: hidden;
}
#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;
font-size:20px;
color:black;
}
.dbx{
margin-left:5px;
margin-right:5px;
}
.sep{
clear:both;
}
.campo12{
width:12.4%;
height:180px;
text-align:center;
float:left;
border-right:1px solid black;
border-bottom:1px solid black;
}
.campo12sx{
width:11.5%;
height:180px;
text-align:left;
float:left;
border-right:1px solid black;
border-bottom:1px solid black;
}
.campo12dx{
width:11.5%;
height:180px;
text-align:right;
float:left;
border-right:1px solid black;
border-bottom:1px solid black;
}
.fl{
display: flex;
justify-content: center;
align-items: center;
}
.campo{
width:24%;
height:30px;
text-align:center;
float:left;
border-bottom:1px solid black;
}
.segmentonero{
width:97%;
font-size:18px;
padding:5px;
color:green;
}
h1{
text-align:center;
font-size:22px;
}
.divider {
height: 1px;
width: 100%;
background-color: #ffff00;
}
.manina{
cursor:pointer;
}
.manina:hover{
background-color:#eee;
}
.manina2{
cursor:pointer;
border-top:1px solid black;
}
.manina2:hover{
background-color:#eee;
}
.gomma{
width:30px;
height:30px;
cursor:pointer;
}
.rosso{
color:red;
}
.blu{
color:blue;
}
#barrasx{
width:100%;
border-bottom:1px solid yellow;
z-index:11;
}
#barradx{
border-top:1px solid yellow;
z-index:10;
}
#contenitore{
width: 100%;
font-size:18px;
background-color:white;
color:black;
}
.pulsanti{
width:100%;
text-align:center;
}
.but{
width:33%;
font-size:16px;
height: 50px;
}
.gras{
font-weight:bold;
}
.centro{
text-align:center;
}
a {
color: yellow;
text-decoration: none;  
}
 a:hover{
     text-decoration: underline;
}