/* due colonne float, caratteri ridimensionabili */
/*stili per il layout fisso*/
html,body{margin: 0;padding:0; background-color:/*#3399cc*/#66ccff;}
body{font-family: Lucida, georgia, serif;font-size: 76%;text-align: center}
div#container{width: 47em;margin: 0 auto;text-align: left;
    border-left: 0.3em dashed #666699;border-right: 0.1em solid #666699; background-color: #DEEAED; }

/*stili generici, su header e footer*/
div#header{/*height:6.5em; */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:5px 40px;border 30px solid red; color: /*#993333*/ red;font-size: 1.6em;  display:block; background: url(logo_lanterna_sm.jpg) no-repeat 1px 1px ;}
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 ;}

h3{color: black;font-size: 1.5em; padding-left:2.5em;}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}
p{padding-left:0.5em; font-size: 1.2em;}
p.testo:first-letter{font: 1.9em bold;}
a:link{font-size: 1em;color: blue;}
a:hover{font-size: 1em;color:#3399ff;}

/*stili specifici per il layout*/
div#navigation{float:left;width: 8em;padding-top:1em;border-right: 1px solid #6699CC;}
div#content{margin-left: 8em;padding: 1em 2em 1em 1em; background:url(sfondo_redpix.jpg); 
background-repeat:repeat-y; background-position: 40 50; background-color: white; color: black;}
div#footer{clear:right; text-align:center; padding: 0.5em; background-color: black; color: #EAEAEA;}
div#navigation p {padding-left:0.2em; font-size: 0.8em;}
div#navigation p:first-letter{font: 1.1em bold;}

/* menu con immagini rollover - attivo */

ul#nav{width: 100%;float: left; list-style: none; margin: 0; padding: 0; /* background-color:#6699CC;*/} 
ul#nav li{text-align:center; float: left;margin: 0 0.1em 0 0;padding: 0; font-size: 1.2em; 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: #222;}
ul#nav span{float: left;padding: 0.2em 0.1em 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: #184D8A} 
ul#nav h5{font-size: 0.7em; font-weight: normal;font-decoration: none; font-style:normal; display:inline;}

div.titoloparagrafo{position: relative; left:0.7em; border: 1px solid gray;}
div.paragrafo{position: relative; left:0.05em;}
div.fotolaterale0 {position: relative; top:0.5em; left:0.01em;}
div.fotolaterale1 {position: relative; top:1em; left:10%;}
div.fotolaterale2 {position: relative; top:-1.5em; left:30%;}
img.piena{width:100%;}
div.clearer{clear: left}
.sfondorosso {background-color: red; color:white;display:block;padding-left: 0.2em;}

/* 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;
  } 

/* paragrafo con ombra */
.p-shadow {
  width: 100%;
  float:both;
  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;
  }

.p-shadow div {
  background: none !important;
  background: url(shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: black;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

div.content2{width:35em; padding:0;  float: left;background: url(sfondo_homepage3.jpg) no-repeat right top;}

/* utile per impaginare testo e foto - con foto a sinistra o a destra */
div.textimagesn,div.textimagedx{width: 100%;margin-bottom: 1em; border: 0.05em  #000; float:left}
div.textimagesn img{float:left;margin: 5px}
div.textimagedx img{float:right;margin: 5px}
div.textimagesn h2, div.textimagesn p, div.textimagedx h2, div.textimagedx p
{margin:0 10px;padding: 0; font-size:1.2em; }
div.textimagesn h2, div.textimagedx h2{margin-top: 10px; color: #666}
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}