html,body{margin: 0;padding:0; 
          background-color:white; 
          background-image: url("img/zampate.jpg");}
body{font-family: arial,sans-serif;font-size: 12px;text-align: center}

div#container{position: relative; width: 757px; margin: 0px auto;
    border-left: 1px solid #000; border-right: 1px solid #000; 
    background-color: #E7ECC7; color: black; text-align: left}
/* #E7ECC7  F86900 */
/*stili generici, su header e footer*/
div#header{height: 100px; color: black; background-color: gray}  /* background-color:transparent; */
div#header a{text-decoration:none} /* color: transparent; */
h1,h2,h3,p{margin: 0}
p{padding-bottom: 10px}
h3{padding-top: 10px}
h1{padding-left:10px;font: bold 2.3em/80px georgia,times,serif}
h2{font-size: 1.5em;}
h3{font-size: 1.2em}


/*stili specifici per il layout*/    
div#extra{position: absolute; top: 146px; right: 0px;
    width: 125px; padding: 14px 0px 0px 0px; }
  
div#content{margin: 0 126px 0 0px;padding: 1em 0px;background-color: #fff}

div#footer a{color:gray;font-weight: normal;  background-color: blue;}
div#footer{text-align:right; padding: 5px 20px;font-weight: normal;
    background-color: black; color: #fff; font-size: 12px; height: 50px}

/*stili per la navigazione*/
div#navigation{position: absolute; top: 130px; left: 0;
               width: 110px; padding: 1em 0 0 15px}
div#navigation ul{margin: 0 0 20px; padding: 0 0 0 0; list-style-type: none} 
div#navigation ul a{display:block;width: 100px;border-bottom: 1px solid #fff; color: #23235E; /* colore testo */
    font-weight:bold; text-decoration: none; font-size: 12px}     
div#navigation ul a:hover{background-color: #000; color: yellow} 
div#navigation ul a#activelink{color: #f00;text-decoration: none}


div#minilink a{margin: 20px 0;display: block;border: 1px inset #666;width:90px;line-height: 40px;
    background-color: #fff;color: #000;text-align: center;text-decoration: none}
div#minilink a:hover{font-size: 2em;font-weight: bold;color: #ccc; background-color: gray;}




/*stili per la sezione extra*/
div#extra div.newsbox{margin-bottom: 0em; text-align: center}
div#extra div.newsbox h2{font-size: 100%; padding: 0px 0px; background-color: #99FFFF; color: #6600CC; font-size: 1.2em }
div#extra div.newsbox h3{font-size: 100%; padding: 0px 0px 0px 0px; background-color:gray; color: yellow; }
div#extra div.newsbox p{margin: 10px }

/*
div#extra div.offerta{margin-bottom: 0em; text-align: center;  margin-top: 3px; padding-top: 3px; padding-bottom: 3px;
border-top: thin dotted; border-bottom: thin dotted}
div#extra div.feste{margin-bottom: 0em; text-align: center; border-top: 1px dotted #ccc}
div#extra div.feste h2{font-size: 100%; padding: 0px 0px; background-color: red; color: white; font-size: 1.2em }
div#extra div.feste h3{font-size: 100%; padding: 0px 0px 0px 0px; background-color: red; color: #fff; }
div#extra div.offerta h2{font-size: 100%; padding: 0px 0px; background-color: red; color: yellow; font-size: 1.3em }
div#extra div.offerta h3{font-size: 1.4em; padding: 0px 0px 0px 0px; background-color: red; color: black; }
div#extra div.offerta p{margin: 10px }
*/


div#extra div.visite{margin-bottom: 0em; text-align: center; background-color: black; }
div#extra div.visite h2{font-size: 100%; padding: 0px 0px; background-color: #FFFF33; color: black; font-size: 1.2em }
/*stili per i contenuti*/
div#content{border-left: 1px solid #999; border-right: 1px solid #999}
div.textimage{border-bottom: 1px dotted #999; width: 100%; line-height: 18px} /*risolve il peek-a-boo bug di IE6*/
div.textimage img{float:left;margin: 5px}
div.textimage h2{margin-top: 0px}


div.wide,div.split2,div.split3{clear:left}
div.wide{margin: 0 1%; border-top: 1px dotted #ccc}
div.split2 div{float: left; width: 208px; \width: 218px; w\idth: 208px;padding: 0 5px}
div.split3 div{float: left; width: 135px; \width: 145px; w\idth: 135px;padding: 0 5px;
    border-top: 1px dotted #ccc}

/*stili per le liste*/
ul.disc {list-style-type: disc}
ul.square {list-style-type: square}