/*stili generici*/
body {
margin:0px auto;
padding:0px auto; 
background-image:url(immaginibuone/aquilaocra.gif);
}
/*ridimensionamento desktop*/
@media screen and (min-width: 800px) {
#bannersuperiore {
padding:0px auto;
margin: 0px auto;
border-bottom: 2px groove #ffff00;
width:100%;
}
#logo {
padding:0px; 
margin: auto;
border:2px 1px 7px 1px;
border-style:solid;
border-color:#dcdcdc;
width:800px;
} 
img.scure {
max-width:160px;
 height: auto;
}
img.viaggio {
max-width:466px;
 height: auto;
}
#centrohome {
text-align:center;
width:80%;
margin: 1px auto;
}
h1 {font-size:28px;
font-family:  "Westwood LET"; color:#ff0000;
font-weight:100;
background-color:#Fbda90;
border-width:2px;
border-color: #ffff80;
}
h2 {
font-size:14px;
font-family: verdana, sans-serif;
color:#ff00aa;
font-weight:500;
background-color:#FFffe1;
border-width:2px;
border-color: #ffff80;
}
/*parte principale*/
#parteprincipale {
width:800px;
position:relative;
margin:1px auto;
}
#tavoladestra {
position:absolute;
top:2px;right:2px;
padding:2px;
width:120px;
height:350px;
}
#tavoladestra img{
width:100px;
}
#tavolasinistra{
position:absolute;
top:2px; left:2px;
padding:2px;
width:120px;
height:350px;
}
#tavolasinistra img {
width:100px;
}
#tavolacentrale {
text-align:center;
margin:2px 120px 2px 120px;
height:350px;

}
#zagor{
width:324px;
height:322px;
border: 15px groove #f8dc6d;
padding:2px; margin:2px auto;
}
#zagor img{
width:324px;
}
#autore, #protagonista, #cico, #mappa {
width:100px;
padding:0px;
margin-bottom:40px;
background-image: url(immaginibuone/didascalia.gif); 
font-weight: bolder; 
font-family: verdana, sans-serif; 
font-size:  14px; 
color:#8080ff;
background-color:#ff0;
}
#autore img, #protagonista img, #cico img, #mappa img {
border:none;
clear:both;
}
/* bivio*/
#bivio {
width:788px;
margin:1px auto;
padding:1px auto;
text-align:center;
font-family: verdana, sans-serif; 
font-size: 20px;
font-weight:bolder;
color:#c00;
display:inline-block;
display: grid;
grid-template-columns: 232px 80px 244px 80px 232px;
grid-template-rows: auto auto;
grid:'fumettidarkwood1 linea1 divvuoto1 linea2 fumettidarkwood2'
'didascalia1 zagorafumettilogo divvuoto2 forestalogo didascalia2';
grid-gap: 0px;
}
#fumettidarkwood1 {
grid-area: fumettidarkwood1;
}
#linea1 {
grid-area: linea1;
}
#divvuoto1 {
grid-area: divvuoto1;
}
#linea2 {
grid-area: linea2;
}
#fumettidarkwood2 {
grid-area: fumettidarkwood2;
}
#didascalia1{
grid-area: didascalia1;
}
#zagorafumettilogo {
grid-area: zagorafumettilogo;
}
#divvuoto2 {
grid-area: divvuoto2;
}
#didascalia2{
grid-area: didascalia2;
}
#fumettidarkwood1,  #fumettidarkwood2{
width:232px;
display:inline;
}
#didascalia1,  #didascalia2{
width:232px;
display:inline;
}
#linea1, #linea2, #zagorafumettilogo, #forestalogo  {
width:80px;
display:inline;
}
#divvuoto1, #divvuoto2 {
width:244px;
display:inline;
}
.targhette {background-image: url(immaginibuone/didascalia.gif);
font-weight: bolder; 
font-family: arial, serif;
font-size:  24px;
color:#8080ff;
background-color:#ffb;
width:200px;
margin:1% auto;
}
.didascalia, #didascalia1, #didascalia2 {
background-image: url(immaginibuone/didascalia.gif); 
font-weight: bolder; 
font-family: arial, serif; 
font-size:  18px; 
color:#8080ff;
background-color:#ffb;
}
#ultimenotizie {
width:800px;
margin:0px auto;
text-align:center;
}
/* notizie e corpo pagina*/
#corpopagina {
padding: 0px;
margin:auto;
width:1024px;
position:relative;
}
#corpopagina #colonnasinistra {
margin:auto;
padding:1px auto;
 border-top: 2px outset #fff;
 width:140px;
 float:left;
 }
 #corpopagina #colonnacentro {
 background-image: linear-gradient(to right, rgba(255,255,0,0), rgba(255,255,0,0.7));
margin-left:140px;
margin-right:125px;
padding: auto;
border-left: 1px solid #000;
border-right: 1px solid #000;
text-align:justify;
border-top: 2px outset #aaa;
background-color: #Fbda90;
}
#corpopagina #colonnadestra {
background-image: linear-gradient(to right, rgba(255,255,0,0), rgba(255,255,0,0.7));
margin: auto;
width:125px;
border-top: 2px outset #fff;
position:absolute;
top:90px;
right:0px;
}
#footer{
 text-align:justify;
 border:1px dotted;
 width:100%; 
 padding:1px auto;
  background-color:#ffffff;
}
ul.sinistra {
list-style:none;
margin:1px auto;
}
ul.sinistra li {
padding-top:2px;
border-color:#8b0000;
border:0px 1px 0px 1px;
border-style:outset;
width:82px;
}
img.cover {
max-width:220px;
}
}
/*ridimensionamento cellulare*/
@media screen and (max-width: 478px)  {
#bannersuperiore {
padding:0px auto;
margin: 0px auto;
border-bottom: 2px groove #ffff00;
width:100%;
}
#logo {
padding:0px; 
margin: auto;
border:2px 1px 7px 1px;
border-style:solid;
border-color:#dcdcdc;
width:100%;
} 
img.scure {
max-width:15%; 
 height: auto;
}
img.viaggio {
max-width:66%;
 height: auto;
}
#centrohome {
text-align:center;
width:100%;
margin: 0px auto;
padding: 1px auto;
}
h1 {
font-size:18px;
font-family:  "Westwood LET"; color:#ff0000;
font-weight:100;
background-color:#Fbda90;
border-width:2px;
border-color: #ffff80;
}
h2 {
font-size:12px;
font-family: verdana, sans-serif;
color:#ff00aa;
font-weight:500;
background-color:#FFffe1;
border-width:2px;
border-color: #ffff80;
}
/*parte principale*/
#parteprincipale {
width:100%;
position:relative;
margin:1px auto;
}
#tavoladestra {
position:absolute;
top:0px;right:0px;
padding:2px;
width:17%;
height:auto;
}
#tavoladestra img{
width:100%;
}
#tavolasinistra{
position:absolute;
top:0px; left:0px;
padding:2px;
width:17%;
height:auto;
}
#tavolasinistra img {
width:100%;
}
#tavolacentrale {
text-align:center;
margin:2px 18% 2px 18%;
height:auto;

}
#zagor{
width:90%;
height:auto;
border: 8px groove #f8dc6d;
padding:0px auto;
margin:2px auto;
}
#zagor img{
width:100%;
}
#autore, #protagonista, #cico, #mappa {
width:100%;
padding:0px;
margin-bottom:40px;
background-image: url(immaginibuone/didascalia.gif); 
font-weight: bolder; 
font-family: verdana, sans-serif; 
font-size:  11px; 
color:#8080ff;
background-color:#ff0;
}
#autore img, #protagonista img, #cico img, #mappa img {
border:none;
clear:both;
}
/* bivio*/
#bivio {
width:100%;
margin:1px auto;
padding:1px auto;
text-align:center;
font-family: verdana, sans-serif; 
font-size: 12px;
font-weight:bolder;
color:#c00;
display:inline-block;
display: grid;
grid-template-columns: 27% 9% 28% 9% 27%;
grid-template-rows: auto auto;
grid:'fumettidarkwood1 linea1 divvuoto1 linea2 fumettidarkwood2'
'didascalia1 zagorafumettilogo divvuoto2 forestalogo didascalia2';
grid-gap: 0px;
}
#fumettidarkwood1 {
grid-area: fumettidarkwood1;
}
#linea1 {
grid-area: linea1;
}
#divvuoto1 {
grid-area: divvuoto1;
}
#linea2 {
grid-area: linea2;
}
#fumettidarkwood2 {
grid-area: fumettidarkwood2;
}
#didascalia1{
grid-area: didascalia1;
}
#zagorafumettilogo {
grid-area: zagorafumettilogo;
}
#divvuoto2 {
grid-area: divvuoto2;
}
#didascalia2{
grid-area: didascalia2;
}
#fumettidarkwood1,  #fumettidarkwood2{
width:27%;
display:inline;
}
#didascalia1,  #didascalia2{
width:27%;
display:inline;
}
#linea1, #linea2, #zagorafumettilogo, #forestalogo  {
width:9%;
display:inline;
}
#linea1 img, #linea2 img  {
width:40px;
padding:5px auto;
}
#zagorafumettilogo img, #forestalogo img  {
width:60px;
padding:1px auto;
}
#divvuoto1, #divvuoto2 {
width:28%;
min-width:100px;
display:inline;
}
.targhette {background-image: url(immaginibuone/didascalia.gif);
font-weight: bolder; 
font-family: arial, serif;
font-size:  18px;
color:#8080ff;
background-color:#fff;
width:100%;
margin:0px auto;
}
#didascalia1, #didascalia2 {
background-image: url(immaginibuone/didascalia.gif); 
font-weight: normal; 
font-family: arial, serif; 
font-size:  11px; 
color:#8080ff;
background-color:#ffb;
padding:0px auto;
margin:0px auto;
min-width:120px;
}
.didascalia {
background-image: url(immaginibuone/didascalia.gif); 
font-weight: bolder; 
font-family: arial, serif; 
font-size:  18px; 
color:#8080ff;
background-color:#ffb;
}
/* notizie e corpo pagina*/
#ultimenotizie {
width:100%;
margin:0px auto;
text-align:center;
}
#corpopagina {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto auto auto auto;
grid:'richiamiorizzontali'
    'colonnadestra'
	'colonnacentro'
	'colonnasinistra';
grid-gap: 0px;
background-color: #ffffff;
padding: 0px;
margin:auto;
width:100%;
}
#richiamiorizzontali {
grid-area: richiamiorizzontali;
}
#colonnasinistra {
grid-area: colonnasinistra;
}
#colonnacentro {
grid-area: colonnacentro;
}
#colonnadestra{
grid-area: colonnadestra;
}
#corpopagina #colonnasinistra {
text-align:left;
margin:auto;
padding:1px;
 border-top: 2px outset #fff;
 width:100%;
 }
 #corpopagina #colonnacentro {
padding: 3px;
border-left: 1px solid #000;
border-right: 1px solid #000;
text-align:center;
border-top: 2px outset #aaa;
background-color: #Fbda90;
width:100%;
}
#corpopagina #colonnadestra {
margin: auto;
width:100%;
border-top: 2px outset #fff;
}
#footer{
 text-align:justify;
 border:1px dotted;
 width:100%; 
 padding:1px auto;
  background-color:#ffffff;
}
img.cover {
max-width:220px;
}
ul.sinistra {
list-style:none;
margin:0px auto;
padding:2px auto;
width:100%;
display:inline-block;
}
ul.sinistra li {
padding-top:2px;
border:2px #8b0000 outset;
display:inline;
}
}
/*ridimensionamento tablet*/
@media screen and (min-width: 480px) and  (max-width: 800px)  {
#bannersuperiore {
padding:0px auto;
margin: 0px auto;
border-bottom: 2px groove #ffff00;
width:100%;
}
#logo {
padding:0px; 
margin: auto;
border:2px 1px 7px 1px;
border-style:solid;
border-color:#dcdcdc;
width:100%;
} 
img.scure {
max-width:15%;
 height: auto;
}
img.viaggio {
max-width:66%;
 height: auto;
}
#centrohome {
text-align:center;
width:100%;
margin: 0px auto;
padding: 1px auto;
}
h1 {
font-size:22px;
font-family:  "Westwood LET"; color:#ff0000;
font-weight:100;
background-color:#Fbda90;
border-width:2px;
border-color: #ffff80;
}
h2 {
font-size:13px;
font-family: verdana, sans-serif;
color:#ff00aa;
font-weight:500;
background-color:#FFffe1;
border-width:2px;
border-color: #ffff80;
}
/*parte principale*/
#parteprincipale {
width:100%;
position:relative;
margin:1px auto;
}
#tavoladestra {
position:absolute;
top:0px;right:0px;
padding:2px;
width:17%;
height:auto;
}
#tavoladestra img{
width:90%;
max-width:80px;
}
#tavolasinistra{
position:absolute;
top:0px; left:0px;
padding:2px;
width:17%;
height:auto;
}
#tavolasinistra img {
width:90%;
max-width:80px;
}
#tavolacentrale {
text-align:center;
margin:2px 18% 2px 18%;
height:auto;
}
#zagor{
width:80%;
height:auto;
padding:0px auto;
margin:2px auto;
max-width: 346px;
}
#zagor img{
border: 15px groove #f8dc6d;
width:100%;
max-width:324px;
}
#autore, #protagonista, #cico, #mappa {
width:100%;
padding:0px;
margin-bottom:40px;
background-image: url(immaginibuone/didascalia.gif); 
font-weight: bolder; 
font-family: verdana, sans-serif; 
font-size:  11px; 
color:#8080ff;
background-color:#ff0;
}
#autore img, #protagonista img, #cico img, #mappa img {
border:none;
clear:both;
}
/* bivio*/
#bivio {
width:100%;
margin:1px auto;
padding:1px auto;
text-align:center;
font-family: verdana, sans-serif; 
font-size: 16px;
font-weight:bolder;
color:#c00;
display:inline-block;
display: grid;
grid-template-columns: 27% 9% 28% 9% 27%;
grid-template-rows: auto auto;
grid:'fumettidarkwood1 linea1 divvuoto1 linea2 fumettidarkwood2'
'didascalia1 zagorafumettilogo divvuoto2 forestalogo didascalia2';
grid-gap: 0px;
}
#fumettidarkwood1 {
grid-area: fumettidarkwood1;
}
#linea1 {
grid-area: linea1;
}
#divvuoto1 {
grid-area: divvuoto1;
}
#linea2 {
grid-area: linea2;
}
#fumettidarkwood2 {
grid-area: fumettidarkwood2;
}
#didascalia1{
grid-area: didascalia1;
}
#zagorafumettilogo {
grid-area: zagorafumettilogo;
}
#divvuoto2 {
grid-area: divvuoto2;
}
#didascalia2{
grid-area: didascalia2;
}
#fumettidarkwood1,  #fumettidarkwood2{
width:27%;
display:inline;
min-width:180px;
}
#didascalia1,  #didascalia2{
width:27%;
display:inline;
}
#linea1, #linea2, #zagorafumettilogo, #forestalogo  {
width:9%;
display:inline;
}
#linea1 img, #linea2 img  {
width:40px;
padding:0px auto;
}
#zagorafumettilogo img, #forestalogo img  {
width:80px;
padding:1px auto;
}
#divvuoto1, #divvuoto2 {
width:28%;
min-width:130px;
display:inline;
}
.targhette {background-image: url(immaginibuone/didascalia.gif);
font-weight: bolder; 
font-family: arial, serif;
font-size:  18px;
color:#8080ff;
background-color:#fff;
width:100%;
margin:0px auto;
}
#didascalia1, #didascalia2 {
background-image: url(immaginibuone/didascalia.gif); 
font-weight: bold; 
font-family: arial, serif; 
font-size:  15px; 
color:#8080ff;
background-color:#ffb;
padding:0px auto;
margin:0px auto;
min-width:180px;
}
.didascalia {
background-image: url(immaginibuone/didascalia.gif); 
font-weight: bolder; 
font-family: arial, serif; 
font-size:  18px; 
color:#8080ff;
background-color:#ffb;
}
/* notizie e corpo pagina*/
#ultimenotizie {
width:100%;
margin:0px auto;
text-align:center;
}
#corpopagina {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto auto auto auto;
grid:'richiamiorizzontali richiamiorizzontali'
    'colonnacentro colonnadestra'
	'colonnasinistra colonnasinistra';
grid-gap: 0px;
background-color: #ffffff;
padding: 0px;
margin:auto;
width:100%;
}
#richiamiorizzontali {
grid-area: richiamiorizzontali;
}
#colonnasinistra {
grid-area: colonnasinistra;
}
#colonnacentro {
grid-area: colonnacentro;
}
#colonnadestra{
grid-area: colonnadestra;
}
#corpopagina #colonnasinistra {
text-align:left;
margin:auto;
padding:1px;
 border-top: 2px outset #fff;
 width:100%;
 }
 #corpopagina #colonnacentro {
padding: 3px;
border-left: 1px solid #000;
border-right: 1px solid #000;
text-align:center;
border-top: 2px outset #aaa;
background-color: #Fbda90;
width:auto;
}
#corpopagina #colonnadestra {
margin: auto;
width:125px;
border-top: 2px outset #fff;
}
#footer{
 text-align:justify;
 border:1px dotted;
 width:100%; 
 padding:1px auto;
  background-color:#ffffff;
}
img.cover {
max-width:220px;
}
ul.sinistra {
list-style:none;
margin:0px auto;
padding:2px auto;
width:100%;
display:inline-block;
}
ul.sinistra li {
padding-top:2px;
border:2px #8b0000 outset;
display:inline;
}
}
/* footer */
#footer h2 {
	font-size: larger;
	font-family: bering, verdana;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	background-color: #2E2561;
}
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;
}
#script {
width:620px;
margin: 1px auto;
}
#posta {
width:231px;
height:200px;
background-color:#fff;
border: 3px double #000;
position:relative;
padding:1px;
font-family: "times new roman", serif;
color:blue;
font-size:15px;
text-align:left;
}
#posta a img {
position:absolute;
right:1px;
top:1px;
padding-bottom:2px;
}
#drunky {
width:100px;
text-align:right;
position:absolute;
top:92px;
right:1px;
padding-top:2px;
}
#fondo {
vertical-align:top;
text-align:center;
}
#informazioni {
background-image: url(immaginibuone/didascalia.gif);
font-weight: normal;
font-family: arial, sans-serif;
font-size:  1em;
color:#8080ff;
background-color:#FFE4AC;
text-align: center;
}

/* nuova impostazione pagina */
#richiamiorizzontali {
border-width: 2px;
border-color: Silver;
border-collapse: collapse;
border-style: groove;
background-color: Window;

}
#richiamiorizzontali p, #richiamiorizzontali2 p{
display:inline;
font-family: Britannic Bold;
}
#richiamiorizzontali2 {
border-width: 1px;
border-color: ThreedHighlight;
border-collapse: collapse;
border-style: inset;
background-color: Window;
}
#corpopagina #colonnacentro h2 {
background-image: linear-gradient(to right, rgba(255,255,0,0), rgba(255,255,0,0.7));
width:60%;
padding:2px;
border: 1px groove #c00;
font-family: "Brush Script MT", cursive;
font-size:20px;
}
#corpopagina #colonnacentro {
background-image: url(https://www.scienzita.it/viaggiodizagor/immaginibuone/zagor_background.gif);
background-position: center 20px;
background-repeat: repeat;
}
#corpopagina #colonnacentro  p {
background-color:transparent;
font-weight: normal; 
font-family: verdana, serif;
font-size:  16px;
color:#808080;
width:98%;
text-align:left;
padding:0px auto; 
margin:1px auto;
}
#colonnadestra {
background-image: linear-gradient(to right, rgba(255,255,0,0), rgba(255,255,0,0.7));
}
#colonnadestra img {
clear:both;
}
#richiamiverticali, #richiamiverticalisin{
border-width: 2px;
border-color: Silver;
border-collapse: collapse;
border-style: groove;
background-color: Window;
padding-top:1px;
margin-top:1px;
}
#richiamiverticali p, #richiamiverticalisin p{
	font-family: Britannic Bold;
	font-style: normal;
	margin-top:3px;
}
#richiamiverticali p a, #richiamiverticalisin p a{
	text-decoration: none;
	color: #778899;
	font-style: normal;
}

#mieisiti {
text-align:right;
padding-bottom:2px;
border-bottom:2px solid #444;
}
#mieisiti img {
 border:none;
 margin:2px auto;
}
#primalineasiti {
border: 2px solid #aaa;
padding:2px auto;
background-color: #000;
color:#fafafa;
width:100%;
text-align:center;
margin-top: 5px;
font-family:abbess, addled, balloonist, "arial black", serif;
font-size:13px;
}
A:link, A:visited {text-decoration: none; font-size: 15px; color:red;}
A:hover {text-decoration:underline; font-size: 16px;  color: green; }
span {font-family: cursive; color: #b5b531; background-color:#ffffff;}
hr {height:4; color:#fde36a:}
#intestazione { background-color:#f8dc6d;}
#privacy{ 
position:relative; 
margin: 10px auto;
font-size:18px; 
color:#red; 
background-color:#F2F5A9; 
width:50%;
height:auto;
text-align:justify;
font-weight:bold;
opacity: 0.9;
 filter: alpha(opacity=90);
 z-index: 1;
}