body,html{
background: #8b0000;
font-family:arial;
font-size:14px;
color:white;
margin:0px;
overflow: hidden;
}
/*------------------------------------------------------------*/
#licenza{
position: absolute;
left:0px;
bottom: 0;
width:100%;
font-size:12px;
color:black;
z-index:500;
}
#casa{
position: absolute;
left:0px;
top:0px;
width:100%;
text-align:center;
z-index:100;
}
#val{
position: absolute;
left:0px;
top:70px;
width:100%;
font-size:14px;
font-weight:bold;
text-align:center;
color:black;
}
.puntino{
position: absolute;
left:-100px;
border-radius: 50%;
background-color: red;
width:5px;
height:5px;
}
.isto{
position: absolute;
left:-200px;
top:0px;
background-color: #6495ed;
opacity:0.3;
}
.dati{
position: absolute;
left:-200px;
font-size:14px;
color:black;
text-align:center;
}
.prct{
position: absolute;
left:-200px;
font-size:14px;
color:blue;
text-align:center;
}
.pcompl{
position: absolute;
left:0px;
width:100%;
font-size:14px;
color:blue;
font-weight:bold;
text-align:center;
}
button{
width:100%;
height:50px;
font-size:14px;
}
.legenda{
text-align:left;
margin-left: 10%;
margin-right:10%;
}
#divcarta{
position:absolute;
right:0;
top:0;
width: 100%;
height: 100%;
background-color: white;
color: black;
text-align:center;
display:none;
overflow-y:scroll;
z-index:501;
}
#imgP{
border:1px solid black;
z-index:100;
}
#divprec{
position:absolute;
right:0;
top:0;
width: 100%;
background-color: green;
color: white;
text-align:center;
display:none;
z-index:500;
}
#carat{
padding:5px;
font-size:14px;
}
.imgfoto{
display:none;
}
.lente{
width: 30px;	
}
.imgB {
width: 130px;
border: 1px solid black;
cursor: pointer;
}
/*------------------------------------------------------------*/
#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;
padding:10px;
border-bottom:1px solid black;
font-size:20px;
color:black;
}
.blu{
color:blue;
}
.verde{
padding:5px;
font-weight:bold;
color:green;
}
.rosso{
padding:5px;
font-weight:bold;
color:red;
}
.marrone{
color:brown;
}
.grigio{
color:gray;
}
.smil{
width:30px;
}
#nosmile{
position:absolute;
left:-1000px;
top:0px;
width:30px;
opacity:0.6;
z-index:50;
}
#smile{
position:absolute;
left:-1000px;
top:0px;
width:30px;
opacity:0.6;
z-index:50;
}
.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: lightyellow;
color: black;
border-bottom:1px solid black;
display:none;
z-index:400;
}
.giust{
position:absolute;
left:-5000px;
top:0;
width: 100%;
height: 100px;
background: green;
color:white;
text-align:center;
line-height: 40px;
font-size:40px;
z-index:10;
}
.gomma {
width: 20px;
height: 20px;
}
.manina{
cursor:pointer;
}
.manina:hover{
background-color:#eee;
}
.clicca{
font-size:20px;
margin:5px;
}
#barrasx{
position: absolute;
top:0px;
width:135px;
height:100%;
color:black;
border-right: 1px solid red;
z-index:110;
}
#barrasx2{
position: absolute;
top:0px;
left:137px;
width:135px;
height:100%;
color:black;
border-right: 1px solid red;
background-color:#fffff0;
z-index:111;
visibility:hidden;
}
#copribarradx{
position: absolute;
right: 0;
top:0px;
width:130px;
height:100%;
background-color:#ffffff;
opacity:0.5;
/*border-left:1px solid red;*/
z-index:151;
display:none;
}
#copribarradx2{
position: absolute;
right: 130px;
top:0px;
width:130px;
height:100%;
background-color:#ffffff;
opacity:0.5;
/*border-left:1px solid red;*/
z-index:151;
display:none;
}
#freccia{
position: absolute;
left:310px;
top: 60px;
visibility:hidden;
z-index: 99;
}
#frecciadx{
position: absolute;
right:310px;
top: 60px;
visibility:hidden;
z-index: 99;
}
#selez{
font-size:16px;	
}
.nomeclima{
margin-left:5px;
}
#butcontrollo0, #butnuovo{
visibility:hidden;
}
.voce{
margin-left:5px;
color:#228b22;
cursor:pointer;
}
#barradx{
position: absolute;
right: 0;
top:0px;
width:130px;
height:100%;
color:black;
border-left: 1px solid red;
z-index:150;
}
#barradx2{
position: absolute;
right: 131px;
top:0px;
width:130px;
height:100%;
color:black;
border-left: 1px solid red;
background-color:#fffff0;
visibility:hidden;
z-index:150;
}
#glos{
position: absolute;
width:100%;
left: 0px;
top:30px;
color:black;
text-align:center;
z-index:90;
}
#controllo{
position: absolute;
left: 280px;
top:0px;
color:black;
background-color:lightyellow;
border:1px solid red;
width: 200px;
padding:10px;
visibility:hidden;
z-index:110;
}
#contenitore{
position: relative;
width: 1024px;
height:768px;
background-color:white;
overflow: hidden;
margin: 0 auto;
}
#dentrocontenitore{
position: absolute;
left:0px;
top:0px;
width: 100%;
height:100%;
}
#dentrocontenitore2{
position: absolute;
left:0px;
top:0px;
width: 100%;
height:100%;
}
.dbx{
font-size:14px;
margin:5px;
}
.dbx2{
font-size:14px;
margin:5px;
}
.sep{
clear:both;
}
.gras{
font-weight:bold;
}
.centro{
text-align:center;
}
a {
color: black;
font-size:11px;
font-weight:bold;
text-decoration: none;  
}
 a:hover{
     text-decoration: underline;
}