/* due colonne float, caratteri ridimensionabili */
/*stili per il layout fisso*/
html,body{margin: 0;padding:0; background-color: #990033  /* #666600#006633 verde scuro #990033 viola*/;}
body{font-family: Lucida, georgia, serif;font-size: 76%;text-align: center}
div#container{width: 54em;margin: 0 auto;text-align: left;
    border-left: 0.5em dashed #ffcc66;border-right: 0.5em solid #ffcc66; color:black; background-color:white;}
div#containerhome{width: 54em;margin: 0 auto;text-align: left;
    border-left: 0.5em dashed #ffcc66;border-right: 0.5em solid #ffcc66; color:orange; background-color:black;}
/*stili generici, su header e footer*/
div#header{background-color:white; color: black;}


h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{text-align:left; padding:0px 40px;border 30px solid red; color:#990033  /* #666600#006633*/ ; font-size: 1.6em;  display:block; background: url(logo_lanterna_sm.jpg) no-repeat 1px 1px ;}
h3{color: black;font-size: 1.4em; padding-left:0.5em;} /* sottotitolo colonna centrale */

h7{text-align:left; padding:5px 40px;border 30px solid red; color: #993300;font-size: 1.6em;  display:block; background: url(icoStoria.gif) no-repeat 18em 1px ;}
h4{color: black;font-size: 1.2em;padding-left:1em;}

div#footer a{color: #fff;font-weight: bold;text-decoration: none}
p{padding-left:0.5em; font-size: 1.2em;}
p.testo:first-letter{font: 1.9em bold;}
a{font-size: 1.1em;  color: blue; text-decoration: none;}
a:hover{font-size: 1.1em; color: #CC3300; /*rosso scuro*/  text-decoration: none;}

/*stili specifici per il layout*/
div#navigation{float:left;width: 14em; padding-top:1em; padding-left:0.8em;  font-size: 0.9em; text-align:left;  }
div#navigationhome{float:left;width: 14em; padding-top:1em; padding-left:0.8em;  font-size: 0.9emem; text-align:left;  background-color: black;}
div#riquadro{text-align:left; padding:0.3em; border: 0.2em dashed #ffcc66; }


div#content{margin-left: 14em;padding: 2em 2em 1em 1em; background:url(nosfondo_sf.jpg);} 
div#contenthome{margin-left: 14em;padding: 2em 2em 1em 1em; background-color:black; }
div.content2{width:35em; padding:0;  float: left;background: url(sfondo_homepage3.jpg) no-repeat right top;}
div.content2home{width:35em; padding:0;  float: left; background-color:black;}


/* background-repeat:no-repeat; background-position: 240 50; background-color: white; color: black;} */
div#footer{clear:right; text-align:center; padding: 0.5em; background-color: black; color: #EAEAEA;}
div#navigation p {font-size: 1.0em; color: black; }
div#navigation a {font-size: 1.0em;  text-decoration: none;color: blue; }
div#navigation a:hover {font-size: 1.0em;  text-decoration: none;color: #CC3300; /*rosso scuro*/}
div#navigation active span {padding-left:0.2em; font-size: 1.0em;  text-decoration: none;color: red; }
div#navigation h3{font-size: 1.3em; color: #FF6600;}

/* menu con immagini rollover - attivo */
ul#nav{width: 100%;float: left; list-style: none; margin: 0; padding: 0; background: url(tab.png) repeat-x top right;border-bottom: 1px dashed gray;} 
ul#nav li{text-align:center; float: left;margin: 0 0.2em 0 0;padding: 0; font-size: 1.1em; font-weight: bold;font-family: arial, sans-serif;} 
ul#nav a{float: left;padding: 0 0 0 0.1em; background: url(tab.png) no-repeat top left; text-decoration: none;color:#184D8A; }
ul#nav span{float: left;padding: 0.2em 0.3em 0.3em 0em; background: url(tab.png) no-repeat top right;cursor: pointer} 
ul#nav li#active a,ul#nav a:hover{background: url(tab2.png) no-repeat top left;} 
ul#nav li#active span,ul#nav a:hover span{background: url(tab2.png) no-repeat top right;color: #222;} 
ul#nav h5{font-size: 0.7em; font-weight: normal;font-decoration: none; font-style:normal; display:inline;}

div.titoloparagrafo{position: relative; left:0.4em; border: 1px solid gray;}
div.paragrafo{position: relative;right:0.2em;text-align:left;}
div.paragrafo a:link {display:block; background: url(tab.png) no-repeat top left;border-bottom: 1px dashed gray;padding:0.2em 0.5em 0.5em 0.5em;} 
div.paragrafo a:visited {display:block; background-color:#ccffcc; border-bottom: 1px dashed gray;padding:0.2em 0.5em 0.5em 0.5em;}
div.paragrafo a:hover {display:block; background: url(tab4.png) no-repeat top left; color:red;padding:0.2em 0.5em 0.5em 0.5em;}
.attivo {display:block; background: url(tab4.png) no-repeat top left; color:black; border-bottom: 1px dashed gray;padding:0.2em 0.5em 0.5em 0.5em;}


img.piena{width:100%;}
div.clearer{clear: left}
.sfondorosso {font: bold 1.1em; text-align:center; display:block; padding: 0.2em 0.8em;   border: 2px dotted #990033; /*#006633;*/ }
.scrittarossa {color:#990033; }

/* foto con ombra */
.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important; 
  background: url(shadow.gif) no-repeat bottom right;
   margin: 10px 0 0 10px !important; 
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 

/* STILI PARAGRAFI */  
/* paragrafo con sfondo islanda */
.p-islanda {
  width: 100%;
  float:both;
  background: url(iceland_sf.jpg) no-repeat center left;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }
  
.p-parfine {
  text-align:left;
  width: 100%;
  float:left;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  } 
  
.p-pardx {
  text-align:right;
  width: 100%;
  float:left;
  background: url(corner2.jpg) no-repeat bottom left;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  } 

.p-parsn {
  text-align:left;
  width: 100%;
  float:left;
  background: url(corner.jpg) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  } 

.h-parsn {
  text-align:left;
  }

.h-pardx {
  text-align:right;
  }
  
.stileparagrafodx {
  text-align:right;
  color: black;
  border-bottom: 1px dotted #a9a9a9;/* border-right: 1px dotted #a9a9a9; */
  padding: 8px;
  margin: -6px 6px 6px -6px !important; 
  margin: 0;
  }

.stileparagrafosn {
  text-align:left;
  color: black;
  border-bottom: 1px dotted #a9a9a9; 
  padding: 8px;
  margin: -6px 6px 6px -6px !important; 
  margin: 0;
  }


.picture {
	text-align:center;
    background: url(tab2.png) no-repeat;
	/* background-color: #ffcc66; */
	padding: 5px 10px 5px 5px; 
	border: 2px dotted #a9a9a9; 
}

img.lungo {/* scalable em size class 160 x 120 graphics */
  width: 10em;
  height: 7.5em;
  }

img.alto {/* scalable em size class 160 x 120 graphics */
  width: 7.5em;
  height: 10em;
  }

/* utile per impaginare testo e foto - con foto a sinistra o a destra */
div.textimagesn,div.textimagedx{width: 34em; margin-bottom: 1em; /* border: 0.05em  #000; font-size: 1.1em;*/ float:left; 
border: 1px dotted #a9a9a9;}
div.textimagesn img{float:left; margin: 0.5em ;  /* margin-left: 1em;margin-top: 1em;margin-right: 0.5em;margin-bottom: 0.5em;*/}
div.textimagedx img{float:right;margin: 5px}
div.textimagesn h2, div.textimagesn p, div.textimagedx h2, div.textimagedx p
{margin:0 10px;padding: 0;  }
div.textimagesn h2, div.textimagedx h2{/* margin-top: 0.1em; */color: #CCC;}
div.clearer{clear: left}

/* utile per gallerie di foto */
div.gallery{width: 100%;overflow: auto; font: 1em Arial,sans-serif} 
div.gallery dl{float: left;width: 110px;height: 90px; background: url(polaroid3.jpg); text-align: center;color: #555}
div.gallery dt{padding: 15px 0 0} 
div.gallery img{display:block;margin:0 auto;border:1px inset #CCC} 
div.gallery dd{margin: 0;padding: 2px 13px 0px}