/*desktop*/
@media screen and (min-width: 800px) {
/*stili generici*/
body  {
background-image:url(aquilaceleste.gif);
text-align:center;
font-size:1em;
margin:1px auto; padding:0px;
position:relative;
max-width:1024px;
width:100%;
}

/* stili per il logo e i banner*/
#bannersuperiore {
padding:0px; margin: 1em auto;
border-bottom: 2px groove #dcdcdc;
width:100%;
clear:both;
}
#logo {
padding:0px; margin: 1px auto;
border:2px 1px 7px 1px;
border-style:solid;
border-color:#08f;
width:98%;
max-width:800px;
}
#logo img,a {
border:none;
margin:0px; padding:0px;
display:inline;
}
/* stili per le intestazioni*/
#testata {
background-image:url(intestazioneamici.gif);
margin:0px auto; 
width:100%
position:relative;
border-color:#08f;
border:0px 1% 0px 1%;
border-style:outset;
display: flex;
flex-wrap: wrap;
align-content: space-around;
}

#intestazionesinistra{
width:18%;
}
#intestazionecentro{
width:61%;
}
#intestazionedestra{
width:18%;
}
/* stili per il footer*/
#footerfittizio{
 text-align:justify;
 width:100%; 
 padding:1px auto;
}
#footerfittizio h1 {
font-size:  30px;
font-family:  "arial black", sans-serif;
COLOR:#0080c0;
font-weight:100;
}
form {
margin-bottom:5px;
padding:3px;
}
#bottone1:hover, #bottone2:hover, #bottone3:hover, #bottone4:hover, #bottone5:hover, #bottone6:hover, #bottone7:hover, #bottone8:hover, #bottone9:hover, #bottone10:hover, #bottone11:hover, #bottone12:hover, #bottone13:hover {
  opacity: 60%;
  cursor: pointer;
}
#bottone1:active, #bottone2:active, #bottone3:active, #bottone4:active, #bottone5:active, #bottone6:active, #bottone7:active, #bottone8:active, #bottone9:active, #bottone10:active, #bottone11:active, #bottone12:active, #bottone13:active {
  box-shadow: 0 2px #666;
    opacity:100%;
  transform: translateY(4px);
  cursor: pointer;
}
#bottone1 {background-color:#f5ff3e; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  17px; color:#004080;
line-height:20px;
margin:2px;
color:#ae0000;
}
#bottone2 {background-color:#ff9e3d; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  17px; color:#004080;
line-height:20px;
margin:2px;
color:#ae0000;
}
#bottone3 {background-color:#00aa00; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  17px; color:#ffff00;
line-height:20px;
margin:2px;
}
#bottone4 {background-color:#ffff00; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  17px; 
color:#00aa00;
line-height:20px;
margin:2px;
}
#bottone5 {background-color:#fdfee4; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; color:#004080;
line-height:20px;
margin:2px;
color:#2c2c2c;
}
#bottone6 {background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:blue;
}
#bottone7 {background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:blue;
}
#bottone8 {background-color:#000000; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#ff0000;
margin:2px;
}
#bottone9 {background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:blue;
margin:2px;
}
#bottone10 {background-color:#003300; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#ffffff;
margin:2px;
}
#bottone11 {background-color:	#10435d; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#e9f5b5;
margin:2px;
}
#bottone12 {background-color:#3c5a98; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#ffffff;
margin:2px;
}
#bottone13 {background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#1a8cff;
margin:2px;
}
/* lista laterale*/
ul.sinistra {
list-style:none;
margin:1px auto;
}
ul.sinistra li {
padding-top:2px;
border-color:#08f;
border:0px 1px 0px 1px;
border-style:outset;
width:82px;
}
#elencodestro dt{
font-size:0.8em;
font-family:"arial black", sans-serif;
background-color:#46a3ff;
text-align:center;
margin-top:10px;
color: #036;
}
#elencodestro dd{
font-size:0.7em;
color:#006ddb;
font-family:"arial black", sans-serif;
background-color:#b7dbff;
text-align:left;
}
/*tabellaresidua*/
#tabellaresidua {
}
#intestazione1, #intestazione5 {
background-image:url(intestazioneamici.gif);
text-align:center;
font-size:0.8em;
color:#036;
font-family:"arial black", sans-serif;
font-weight:normal;
border-color:#036;
border:0px 1px 0px 1px;
border-style:outset;
}
#intestazione2, #intestazione3, #intestazione4  {
background:url(bottoneamici.gif) no-repeat 50% 50%;
text-align:center; 
font-family:"arial black", sans-serif;
font-size:0.8em;
line-height:1.5em;
margin-left:1px;
margin-right:1px;
padding-left:1px;
padding-right:1px;
border-color:#036;
border:0px 1px 0px 1px;
border-style:outset;
}

/* corpo centrale*/
#sinistra{
position:absolute;
left:0px; top:0px;
width:160px;
padding:0px;
margin:0px;
vertical-align:top;
}
#destra{
position:absolute;
right:0px; top:0px;
width:160px;
padding:0px;
margin:0px;
vertical-align:top;
}
#centro {
margin:0px;
}
#contenitore{
position:relative;
width:100%;
}

/*stili per i div*/

.testocentrale {
font-family: georgia, serif;
padding-bottom:2em;
background-image:url(sfondotesto.jpg);
border: 2px solid #000000; 
border-bottom: 2px dotted #369;	
padding:4px;
padding-bottom:50px;
font-size:90%;
} 

.testocentrale p { 
  text-indent: 2em; 
  text-align: justify; 
  clear:both;
}

.testocentrale p:first-letter { 
  font-size: 150%; 
  font-style: italic;
 text-transform: capitalize;
}

.testocentrale p img, .testotoday p img  {
border:2px solid #000000;
padding:4px;
margin:4px;
float:left;
position:relative;
} 
img.immagineadestra {
float:right;
position:relative;
}
/* vecchi stili*/
h1 {font-size:1.7em;
font-family:  "arriba arriba LET", serif;
color:#036; 
margin:1px auto;
vertical-align:middle;
}
h2 { font-size:0.9em; 
font-family: arial, cursive; 
color:#047;
margin:1px auto;
width:98%;
}
h3 {
font-size:80%;
font-family: verdana;
color:#058;
}
h4 {font-family:"CommercialScript BT", serif;
font-size:170%;
text-align:center;
border-bottom:6px double;
}
h5 {
font-family:serif;
font-size:100%;
text-align:center;
font-weight:bolder;
}
h6 {font-family:serif;
font-size:100%;
text-align:center;
}
a:link, a:visited {
text-decoration: none;
color:#006ddb;
}
a:hover {
text-decoration:underline; 
color:#d2e9ff;
}
/*stili comuni a tutti*/
#layer1 {
position: absolute;
top: 2em;
left:165px;
right:165px;
Z-INDEX: 10;
visibility: visible; 
}
#layer2 {
position: absolute;
top: 2em; 
left:165px;
right:165px;
Z-INDEX: 20;
VISIBILITY: hidden;
}
#layer3 {
position: absolute;
top:2em;
left:165px;
right:165px;
Z-INDEX: 30;
VISIBILITY: hidden;
}
#layer4 {
position: absolute;
top:2em;
left:165px;
right:165px;
Z-INDEX: 40;
VISIBILITY: hidden; 
}
#layer5 {
position: absolute;
top:2em;
left:165px;
right:165px;
Z-INDEX: 50;
VISIBILITY: hidden; 
}
#layer6 {
position: absolute;
top:2em;
left:165px;
right:165px;
Z-INDEX: 60;
VISIBILITY: hidden;
}
#layer7 {
position: absolute;
top:2em;
left:165px;
right:165px;
Z-INDEX: 60;
VISIBILITY: hidden;
}
p.domanda{
font-family:courier;
font-size:9pt;
text-align:left;}
p.risposta{
font-family:courier;
font-size:8pt;
text-align:left;
text-indent:2pt;
}
.testotoday{
background-color:#ffffff;
border: 3px solid #000000;
padding:4px; margin:0px;
font-family:courier;
font-size:90%; text-align:justify;
color:#0000ff;}
#autori {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.85em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize; 
color: #03c;
background-color: #9ff; 
border: groove #03c;
border-width: 3px 3px 2px 2px;
width:158px; 
padding:1px;
margin-top:20px;
}
#autori td{
border:1px solid;
}
strong {
font-weight:bold;
}

#contatore{
width:120px;
height:100px;
border:0px;
}
.sottolineato {
text-decoration: underline;
}
#gazette{color:black; width:400 px;}
span.rosso {
color:#c60000;
font-size:1.1em;
}
/* banner privacy */
#banner{ 
position:absolute; 
margin: 10px auto;
left:10px; 
top:70px;
font-size:18px; 
color:#red; 
background-color:#F2F5A9; 
width:100%;
height:auto;
text-align:justify;
font-weight:bold;
opacity: 0.9;
 filter: alpha(opacity=90);
 z-index: 80;
} 
#banner a:link, #banner a:visited{ 
color:#088A4B; 
text-decoration:none;
} 
#banner a:hover, #banner a:focus, #banner a:active{
color:#8A0829; 
text-decoration:none; 
} 
#banner p.testo{
margin:10px 10px 2px 10px; 
padding: 2px;
color:#000; 
text-align:justify;
font-size: 0,8em;
}
#privacy{ 
font-size:14px; 
color:#red; 
background-color:#F2F5A9; 
width:120px;
height:auto;
text-align:justify;
font-weight:bold;
opacity: 0.9;
 filter: alpha(opacity=90);
 z-index: 90;
} 
}
/*cellulare*/
@media screen and (max-width: 478px) {
/*stili generici*/
body  {
background-image:url(aquilaceleste.gif);
text-align:center;
font-size:1em;
margin:1px auto; padding:0px;
position:relative;
max-width:478px;
width:100%;
}

/* stili per il logo e i banner*/
#bannersuperiore {
padding:0px; margin: 1em auto;
border-bottom: 2px groove #dcdcdc;
width:100%;
max-width:478px;
clear:both;
}
#logo {
padding:0px; margin: 1px auto;
border:2px 1px 7px 1px;
border-style:solid;
border-color:#08f;
width:100%;
max-width:478px;
clear:both;
}
#logo img,a {
border:none;
margin:0px auto; padding:0px auto;
display:inline;
}
/* stili per le intestazioni*/
#testata {
background-image:url(intestazioneamici.gif);
margin:0px auto; 
width:100%
position:relative;
border-color:#08f;
border:2px;
border-style:outset;
display: flex;
flex-wrap: wrap;
align-content: space-around;
}

#intestazionesinistra{
width:20%;
}
#intestazionecentro{
width:60%;
}
#intestazionedestra{
width:20%;
}
#intestazionesinistra img, #intestazionedestra img{
width:100%;
}
/* stili per il footer*/
#footerfittizio{
 text-align:justify;
 border:1px dotted;
 width:100%; 
 padding:1px auto;
  background-color:#ffffff;
  display:none;
}
#footerfittizio h1 {
font-size:  30px;
font-family:  "arial black", sans-serif;
COLOR:#0080c0;
font-weight:100;
}
form {
margin-bottom:5px;
padding:3px;
}
#bottone1:hover, #bottone2:hover, #bottone3:hover, #bottone4:hover, #bottone5:hover, #bottone6:hover, #bottone7:hover, #bottone8:hover, #bottone9:hover, #bottone10:hover, #bottone11:hover, #bottone12:hover, #bottone13:hover {
  opacity: 60%;
  cursor: pointer;
}
#bottone1:active, #bottone2:active, #bottone3:active, #bottone4:active, #bottone5:active, #bottone6:active, #bottone7:active, #bottone8:active, #bottone9:active, #bottone10:active, #bottone11:active, #bottone12:active, #bottone13:active {
  box-shadow: 0 2px #666;
    opacity:100%;
  transform: translateY(4px);
  cursor: pointer;
}
#bottone1 {background-color:#f5ff3e; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  17px; color:#004080;
line-height:20px;
margin:2px;
color:#ae0000;
}
#bottone2 {background-color:#ff9e3d; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  17px; color:#004080;
line-height:20px;
margin:2px;
color:#ae0000;
}
#bottone3 {background-color:#00aa00; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  17px; color:#ffff00;
line-height:20px;
margin:2px;
}
#bottone4 {background-color:#ffff00; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  17px; 
color:#00aa00;
line-height:20px;
margin:2px;
}
#bottone5 {background-color:#fdfee4; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; color:#004080;
line-height:20px;
margin:2px;
color:#2c2c2c;
}
#bottone6 {background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:blue;
}
#bottone7 {background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:blue;
}
#bottone8 {background-color:#000000; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#ff0000;
margin:2px;
}
#bottone9 {background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:blue;
margin:2px;
}
#bottone10 {background-color:#003300; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#ffffff;
margin:2px;
}
#bottone11 {background-color:	#10435d; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#e9f5b5;
margin:2px;
}
#bottone12 {background-color:#3c5a98; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#ffffff;
margin:2px;
}
#bottone13 {background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#1a8cff;
margin:2px;
}
#privacy{background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#000000;
margin:7px auto;
border:1px groove #1a8cff;
}
/* lista laterale*/
ul.sinistra {
list-style:none;
margin:1px auto;
display:inline-block;
}
ul.sinistra li {
padding-top:2px;
border-color:#08f;
border:0px 1px 0px 1px;
border-style:outset;
width:82px;
display:inline-block;
}
#elencodestro dt{
font-size:0.8em;
font-family:"arial black", sans-serif;
background-color:#46a3ff;
text-align:center;
margin-top:10px;
color: #036;
width:100%;
}
#elencodestro dd{
font-size:0.7em;
color:#006ddb;
font-family:"arial black", sans-serif;
background-color:#b7dbff;
text-align:left;
}
/*tabellaresidua*/
#tabellaresidua {
width:320px;
display:inline-block;
}
#intestazione1, #intestazione5 {
background-image:url(intestazioneamici.gif);
text-align:center;
font-size:0.8em;
color:#036;
font-family:"arial black", sans-serif;
font-weight:normal;
border-color:#036;
border:0px 1px 0px 1px;
border-style:outset;
}
#intestazione2, #intestazione3, #intestazione4  {
background:url(bottoneamici.gif) no-repeat 50% 50%;
text-align:center; 
font-family:"arial black", sans-serif;
font-size:0.8em;
line-height:1.5em;
margin-left:1px;
margin-right:1px;
padding-left:1px;
padding-right:1px;
border-color:#036;
border:0px 1px 0px 1px;
border-style:outset;
}

/* corpo centrale*/
#contenitore {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
grid:'sinistra sinistra'
'centro destra';
grid-gap: 0px;
padding: 0px auto;
max-width:478px;
width:100%;
margin: 0px auto;
position:relative;
}
#centro {
grid-area: centro;
}
#destra {
grid-area: destra;
}
#sinistra {
grid-area: sinistra;
}
#layer1 {
grid-area: layer1;
}
#sinistra{
display:inline-block;
border-bottom: 3px groove #65b4ff ;
margin-bottom:5px;
}
#destra{
width:154px;
padding:0px auto;
margin:0px auto;
vertical-align:top;
}
#centro {
margin:0px auto;
position:relative;
}

/*stili per i div*/

.testocentrale {
font-family: georgia, serif;
padding-bottom:2em;
background-image:url(sfondotesto.jpg);
border: 2px solid #000000; 
border-bottom: 2px dotted #369;	
padding:4px;
padding-bottom:50px;
font-size:90%;
} 

.testocentrale p { 
  text-indent: 2em; 
  text-align: justify; 
  clear:both;
}

.testocentrale p:first-letter { 
  font-size: 150%; 
  font-style: italic;
 text-transform: capitalize;
}

.testocentrale p img, .testotoday p img  {
border:2px solid #000000;
padding:4px;
margin:4px;
float:left;
position:relative;
} 
img.immagineadestra {
float:right;
position:relative;
}
/* vecchi stili*/
h1 {font-size:1.7em;
font-family:  "arriba arriba LET", serif;
color:#036; 
margin:1px auto;
vertical-align:middle;
}
h2 { font-size:0.9em; 
font-family: arial, cursive; 
color:#047;
margin:1px auto;
width:98%;
}
h3 {
font-size:80%;
font-family: verdana;
color:#058;
}
h4 {font-family:"CommercialScript BT", serif;
font-size:170%;
text-align:center;
border-bottom:6px double;
}
h5 {
font-family:serif;
font-size:100%;
text-align:center;
font-weight:bolder;
}
h6 {font-family:serif;
font-size:100%;
text-align:center;
}
a:link, a:visited {
text-decoration: none;
color:#006ddb;
}
a:hover {
text-decoration:underline; 
color:#d2e9ff;
}
/*stili comuni a tutti*/
#layer1 {
position: absolute;
top: 2em;
left:0px;
right:0px;
Z-INDEX: 10;
visibility: visible; 
}
#layer2 {
position: absolute;
top: 2em; 
left:0px;
right:0px;
Z-INDEX: 20;
VISIBILITY: hidden;
}
#layer3 {
position: absolute;
top:2em;
left:0px;
right:0px;
Z-INDEX: 30;
VISIBILITY: hidden;
}
#layer4 {
position: absolute;
top:2em;
left:0px;
right:0px;
Z-INDEX: 40;
VISIBILITY: hidden; 
}
#layer5 {
position: absolute;
top:2em;
left:0px;
right:0px;
Z-INDEX: 50;
VISIBILITY: hidden; 
}
#layer6 {
position: absolute;
top:2em;
left:0px;
right:0px;
Z-INDEX: 60;
VISIBILITY: hidden;
}
#layer7 {
position: absolute;
top:2em;
left:0px;
right:0px;
Z-INDEX: 60;
VISIBILITY: hidden;
}
p.domanda{
font-family:courier;
font-size:9pt;
text-align:left;}
p.risposta{
font-family:courier;
font-size:8pt;
text-align:left;
text-indent:2pt;
}
.testotoday{
background-color:#ffffff;
border: 3px solid #000000;
padding:4px; margin:0px;
font-family:courier;
font-size:90%; text-align:justify;
color:#0000ff;}
#autori {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.85em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize; 
color: #03c;
background-color: #9ff; 
border: groove #03c;
border-width: 3px 3px 2px 2px;
width:150px; 
padding:1px;
margin-top:20px;
}
#autori td{
border:1px solid;
}
strong {
font-weight:bold;
}
.sottolineato {
text-decoration: underline;
}
#gazette{color:black; width:400 px;}
span.rosso {
color:#c60000;
font-size:1.1em;
}
/* banner privacy */
#banner{ 
position:absolute; 
margin: 10px auto;
left:10px; 
top:70px;
font-size:18px; 
color:#red; 
background-color:#F2F5A9; 
width:100%;
height:auto;
text-align:justify;
font-weight:bold;
opacity: 0.9;
 filter: alpha(opacity=90);
 z-index: 80;
} 
#banner a:link, #banner a:visited{ 
color:#088A4B; 
text-decoration:none;
} 
#banner a:hover, #banner a:focus, #banner a:active{
color:#8A0829; 
text-decoration:none; 
} 
#banner p.testo{
margin:10px 10px 2px 10px; 
padding: 2px;
color:#000; 
text-align:justify;
font-size: 0,8em;
}
#privacy{ 
position:absolute;
top:2000px; left:5px;
font-size:14px; 
color:#red; 
background-color:#F2F5A9; 
width:120px;
height:auto;
text-align:justify;
font-weight:bold;
opacity: 0.9;
 filter: alpha(opacity=90);
 z-index: 90;
} 
} 
/*tablet*/
@media screen and (min-width: 479px) and  (max-width: 799px) {
/*stili generici*/
body  {
background-image:url(aquilaceleste.gif);
text-align:center;
font-size:1em;
margin:1px auto; padding:0px;
position:relative;
max-width:799px;
width:100%;
}

/* stili per il logo e i banner*/
#bannersuperiore {
padding:0px; margin: 1em auto;
border-bottom: 2px groove #dcdcdc;
width:100%;
max-width:799px;
clear:both;
}
#logo {
padding:0px; margin: 1px auto;
border:2px 1px 7px 1px;
border-style:solid;
border-color:#08f;
width:100%;
max-width:799px;
clear:both;
}
#logo img,a {
border:none;
margin:0px auto; padding:0px auto;
display:inline;
}
/* stili per le intestazioni*/
#testata {
background-image:url(intestazioneamici.gif);
margin:0px auto; 
width:100%
position:relative;
border-color:#08f;
border:2px;
border-style:outset;
display: flex;
flex-wrap: wrap;
align-content: space-around;
}

#intestazionesinistra{
width:20%;
}
#intestazionecentro{
width:60%;
}
#intestazionedestra{
width:20%;
}
#intestazionesinistra img, #intestazionedestra img{
width:100%;
}
/* stili per il footer*/
#footerfittizio{
 text-align:justify;
 border:1px dotted;
 width:100%; 
 padding:1px auto;
  background-color:#ffffff;
  display:none;
}
#footerfittizio h1 {
font-size:  30px;
font-family:  "arial black", sans-serif;
COLOR:#0080c0;
font-weight:100;
}
form {
margin-bottom:5px;
padding:3px;
}
#bottone1:hover, #bottone2:hover, #bottone3:hover, #bottone4:hover, #bottone5:hover, #bottone6:hover, #bottone7:hover, #bottone8:hover, #bottone9:hover, #bottone10:hover, #bottone11:hover, #bottone12:hover, #bottone13:hover {
  opacity: 60%;
  cursor: pointer;
}
#bottone1:active, #bottone2:active, #bottone3:active, #bottone4:active, #bottone5:active, #bottone6:active, #bottone7:active, #bottone8:active, #bottone9:active, #bottone10:active, #bottone11:active, #bottone12:active, #bottone13:active {
  box-shadow: 0 2px #666;
    opacity:100%;
  transform: translateY(4px);
  cursor: pointer;
}
#bottone1 {background-color:#f5ff3e; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  17px; color:#004080;
line-height:20px;
margin:2px;
color:#ae0000;
}
#bottone2 {background-color:#ff9e3d; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  17px; color:#004080;
line-height:20px;
margin:2px;
color:#ae0000;
}
#bottone3 {background-color:#00aa00; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  17px; color:#ffff00;
line-height:20px;
margin:2px;
}
#bottone4 {background-color:#ffff00; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  17px; 
color:#00aa00;
line-height:20px;
margin:2px;
}
#bottone5 {background-color:#fdfee4; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; color:#004080;
line-height:20px;
margin:2px;
color:#2c2c2c;
}
#bottone6 {background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:blue;
}
#bottone7 {background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:blue;
}
#bottone8 {background-color:#000000; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#ff0000;
margin:2px;
}
#bottone9 {background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:blue;
margin:2px;
}
#bottone10 {background-color:#003300; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#ffffff;
margin:2px;
}
#bottone11 {background-color:	#10435d; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#e9f5b5;
margin:2px;
}
#bottone12 {background-color:#3c5a98; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#ffffff;
margin:2px;
}
#bottone13 {background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#1a8cff;
margin:2px;
}
#privacy{background-color:#ffffff; 
font-weight: bolder;
font-family: "arial black", sans-serif;
font-size:  14px; 
color:#000000;
margin:7px auto;
border:1px groove #1a8cff;
}
/* lista laterale*/
ul.sinistra {
list-style:none;
margin:1px auto;
display:inline-block;
}
ul.sinistra li {
padding-top:2px;
border-color:#08f;
border:0px 1px 0px 1px;
border-style:outset;
width:82px;
display:inline-block;
}
#elencodestro dt{
font-size:0.8em;
font-family:"arial black", sans-serif;
background-color:#46a3ff;
text-align:center;
margin-top:10px;
color: #036;
width:100%;
}
#elencodestro dd{
font-size:0.7em;
color:#006ddb;
font-family:"arial black", sans-serif;
background-color:#b7dbff;
text-align:left;
}
/*tabellaresidua*/
#tabellaresidua {
display:inline-block;
width:100%;
margin-right:160px;
}
#intestazione1, #intestazione5 {
background-image:url(intestazioneamici.gif);
text-align:center;
font-size:0.8em;
color:#036;
font-family:"arial black", sans-serif;
font-weight:normal;
border-color:#036;
border:0px 1px 0px 1px;
border-style:outset;
}
#intestazione2, #intestazione3, #intestazione4  {
background:url(bottoneamici.gif) no-repeat 50% 50%;
text-align:center; 
font-family:"arial black", sans-serif;
font-size:0.8em;
line-height:1.5em;
margin-left:1px;
margin-right:1px;
padding-left:1px;
padding-right:1px;
border-color:#036;
border:0px 1px 0px 1px;
border-style:outset;
}

/* corpo centrale*/
#contenitore {
display: grid;
grid-template-columns: auto 160px;
grid-template-rows: auto auto;
grid:'sinistra sinistra'
'centro destra';
grid-gap: 0px;
padding: 0px auto;
max-width:799px;
width:100%;
margin: 0px auto;
position:relative;
}
#centro {
grid-area: centro;
}
#destra {
grid-area: destra;
}
#sinistra {
grid-area: sinistra;
}
#sinistra{
display:inline-block;
border-bottom: 3px groove #65b4ff ;
margin-bottom:5px;
}
#destra{
width:160px;
padding:0px auto;
margin:0px auto;
vertical-align:top;
}
#centro {
margin:0px auto;
position:relative;
}

/*stili per i div*/

.testocentrale {
font-family: georgia, serif;
padding-bottom:2em;
background-image:url(sfondotesto.jpg);
border: 2px solid #000000; 
border-bottom: 2px dotted #369;	
padding:4px;
padding-bottom:50px;
font-size:90%;
} 

.testocentrale p { 
  text-indent: 2em; 
  text-align: justify; 
  clear:both;
}

.testocentrale p:first-letter { 
  font-size: 150%; 
  font-style: italic;
 text-transform: capitalize;
}

.testocentrale p img, .testotoday p img  {
border:2px solid #000000;
padding:4px;
margin:4px;
float:left;
position:relative;
} 
img.immagineadestra {
float:right;
position:relative;
}
/* vecchi stili*/
h1 {font-size:1.7em;
font-family:  "arriba arriba LET", serif;
color:#036; 
margin:1px auto;
vertical-align:middle;
}
h2 { font-size:0.9em; 
font-family: arial, cursive; 
color:#047;
margin:1px auto;
width:98%;
}
h3 {
font-size:80%;
font-family: verdana;
color:#058;
}
h4 {font-family:"CommercialScript BT", serif;
font-size:170%;
text-align:center;
border-bottom:6px double;
}
h5 {
font-family:serif;
font-size:100%;
text-align:center;
font-weight:bolder;
}
h6 {font-family:serif;
font-size:100%;
text-align:center;
}
a:link, a:visited {
text-decoration: none;
color:#006ddb;
}
a:hover {
text-decoration:underline; 
color:#d2e9ff;
}
/*stili comuni a tutti*/
#layer1 {
position: absolute;
top: 2em;
left:0px;
right:0px;
Z-INDEX: 10;
visibility: visible; 
}
#layer2 {
position: absolute;
top: 2em; 
left:0px;
right:0px;
Z-INDEX: 20;
VISIBILITY: hidden;
}
#layer3 {
position: absolute;
top:2em;
left:0px;
right:0px;
Z-INDEX: 30;
VISIBILITY: hidden;
}
#layer4 {
position: absolute;
top:2em;
left:0px;
right:0px;
Z-INDEX: 40;
VISIBILITY: hidden; 
}
#layer5 {
position: absolute;
top:2em;
left:0px;
right:0px;
Z-INDEX: 50;
VISIBILITY: hidden; 
}
#layer6 {
position: absolute;
top:2em;
left:0px;
right:0px;
Z-INDEX: 60;
VISIBILITY: hidden;
}
#layer7 {
position: absolute;
top:2em;
left:0px;
right:0px;
Z-INDEX: 60;
VISIBILITY: hidden;
}
p.domanda{
font-family:courier;
font-size:9pt;
text-align:left;}
p.risposta{
font-family:courier;
font-size:8pt;
text-align:left;
text-indent:2pt;
}
.testotoday{
background-color:#ffffff;
border: 3px solid #000000;
padding:4px; margin:0px;
font-family:courier;
font-size:90%; text-align:justify;
color:#0000ff;}
#autori {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.85em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize; 
color: #03c;
background-color: #9ff; 
border: groove #03c;
border-width: 3px 3px 2px 2px;
width:150px; 
padding:1px;
margin-top:20px;
}
#autori td{
border:1px solid;
}
strong {
font-weight:bold;
}
.sottolineato {
text-decoration: underline;
}
#gazette{color:black; width:400 px;}
span.rosso {
color:#c60000;
font-size:1.1em;
}
/* banner privacy */
#banner{ 
position:absolute; 
margin: 10px auto;
left:10px; 
top:70px;
font-size:18px; 
color:#red; 
background-color:#F2F5A9; 
width:100%;
height:auto;
text-align:justify;
font-weight:bold;
opacity: 0.9;
 filter: alpha(opacity=90);
 z-index: 80;
} 
#banner a:link, #banner a:visited{ 
color:#088A4B; 
text-decoration:none;
} 
#banner a:hover, #banner a:focus, #banner a:active{
color:#8A0829; 
text-decoration:none; 
} 
#banner p.testo{
margin:10px 10px 2px 10px; 
padding: 2px;
color:#000; 
text-align:justify;
font-size: 0,8em;
}
#privacy{ 
position:absolute;
top:2000px; left:5px;
font-size:14px; 
color:#red; 
background-color:#F2F5A9; 
width:120px;
height:auto;
text-align:justify;
font-weight:bold;
opacity: 0.9;
 filter: alpha(opacity=90);
 z-index: 90;
} 
}