/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}


@media screen and (min-width: 210px) {
/* body {
  background: yellow;
 }*/
 html {
  font-size: 10px;
 } 
}

@media screen and (min-width: 320px) {
/* body {
  background: pink;
 }*/
 html {
  font-size: 12px;
 } 
}

@media screen and (min-width: 360px) {
/* body {
  background: orange;
 }*/
 html {
  font-size: 13px;
 } 
}

@media screen and (min-width: 640px) {
/* body {
  background: green;
 }*/
 html {
  font-size: 14px;
 } 
}

@media screen and (min-width: 768px) {
/* body {
  background: red;
 }*/
 html {
  font-size: 16px;
 }
}

@media screen and (min-width: 1024px) {
/* body {
  background: blue;
 }*/
 html {
  font-size: 18px;
 }
}

@media screen and (min-width: 1200px) {
/* body {
  background: gray;
 }*/
 html {
  font-size: 20px;
 }
}


body {
  margin: 0.6em;
  text-align: center;
  font-family: verdana,helvetica,arial,sans-serif;
  font-size: 100%;
}

img {
  max-width: 100%;
}  
  
a { color: blue; text-decoration: none; }
a:hover { color: blue; text-decoration: none; }
a:active { color: blue; text-decoration: none; }
a:link { color: blue; text-decoration: none; }
a:visited { color: blue; text-decoration: none; }

select option { color: black; }
/*select option:first-child { color: gray; }*/
select.empty { color:#9b9b9b; }
/* Hidden placeholder */
select option[disabled]:first-child { display: none; }

.pulsante {
  padding:0.3em;
  margin:0 auto;
  width:80%;
  /*text-align:left;*/
  background-color:#ffffff;
  font-size:1.3em;
  border-radius:0.4em;
}

.pulsantesm {
  padding:0.3em;
  margin:0 auto;
  /*width:30%;*/
  /*text-align:left;*/
  background-color:#ffffff;
  /*font-size:1.3em;*/
  border-radius:0.4em;
}

.pulsantemedium {
  padding:0.3em;
  /*margin:0 auto;*/
  /*text-align:left;*/
  font-size:1.3em;
  border-radius:0.4em;
}

.opzioni2 {
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   font-size: 1em;
   border-radius:0.4em;
   border-right-color: gray;
   border-right-style: solid;
   border-right-width: 1px;
   border-bottom-color: gray;
   border-bottom-style: solid;
   border-bottom-width: 1px;     
}


.lkbott {
   background-color: #efefef;
   color: black;
   border-radius: 0.5em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   padding-right: 0.5em;
   padding-left: 0.5em;
   border-right-color: gray;
   border-right-style: solid;
   border-right-width: 1px;
   border-bottom-color: gray;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}

.int15s {
   width: 15%; 
   text-align: left;
   float: left;
}

.int70c {
   width: 70%; 
   text-align: center;
   float: left;
   font-size:1.1em;
}

.int15d {
   width: 15%; 
   text-align: right;
   float: left;
   clear: right;
}

.int30s {
   width: 30%; 
   text-align: right;
   float: left;
}

.int40c {
   width: 40%; 
   text-align: center;
   float: left;
}

.int30d {
   width: 30%; 
   text-align: left;
   float: left;
   clear: right;
}

.tabacc1 {
   width: 70%;
   padding:0.3em;
   text-align: center;  
   text-align: left;
   float: left;
}

.tabacc2 {
   width: 30%;
   padding:0.3em;
   text-align: center;
   text-align: right;
   float: left;
   clear: right;
}

.acctop1 {
   width: 40%;
   font-size: 0.9em;
   line-height:2.5em;
   text-align: center;
   float: left;
   /*border-collapse: collapse;*/
   border-left: 2px solid gray;
   border-bottom: 2px solid gray;
   border-top: 2px solid gray;
   background: #dddddd;
}

.acctop2 {
   width: 20%;
   font-size: 0.9em;
   line-height:2.5em;  
   text-align: center;
   float: left;
   /*border-collapse: collapse;*/
   border-left: 2px solid gray; 
   border-bottom: 2px solid gray; 
   border-top: 2px solid gray;
   background: #dddddd;    
}

.acctop3 {
   width: 20%;
   font-size: 0.9em;
   line-height:2.5em;
   text-align: center;
   float: left;
   clear: right;
   /*border-collapse: collapse;*/
   border-right: 2px solid gray;
   border-left: 2px solid gray;
   border-bottom: 2px solid gray;
   border-top: 2px solid gray; 
   background: #dddddd;     
}

.acc1 {
   width: 40%;
   font-size: 0.8em;
   line-height:2.5em;
   text-align: center;
   float: left;
   /*border-collapse: collapse;*/
   border-left: 2px solid gray;
   border-bottom: 2px solid gray;
   background: #dddddd;
}

.acc2 {
   width: 20%;
   font-size: 0.8em;
   line-height:2.5em;
   text-align: center;
   float: left;
   /*border-collapse: collapse;*/
   border-left: 2px solid gray;
   border-bottom: 2px solid gray;
   background: #dddddd;
}

.acc3 {
   width: 20%;
   font-size: 0.8em;
   line-height:2.5em;
   text-align: center;
   float: left;
   clear: right;
   /*border-collapse: collapse;*/
   border-right: 2px solid gray;
   border-left: 2px solid gray;
   border-bottom: 2px solid gray; 
   background: #dddddd;    
}



#divped {
   font-size:1em;
   text-align:left;
   line-height:1.2em;
   background-color:#ffffff;
   border-radius:0.5em;
   width:100%;
   max-width:100%;
   padding:0.5em 0.5em 0.5em 0.5em;
   overflow:auto;
}   

#divacc {
   font-size:1.2em;
   text-align:center;
   line-height:1.3em;
   width:100%;
   max-width:100%;
   overflow:auto;
}   

#divbb {
   font-size:1em;
   text-align:left;
   line-height:1.2em;
   background-color:#ffffff;
   border-radius:0.5em;
   width:100%;
   max-width:100%;
   padding:0.5em 0.5em 0.5em 0.5em;
   overflow:auto;
}   

#divpre {
   font-size:0.9em;
   text-align:left;
   background-color:#ffffff;
   border-radius:0.5em;   
   width:100%;
   overflow:auto;
}   

#divintest {
   font-size:0.8em;
   width:100%;
   line-height:1.2em; 
   overflow:auto;
}