@charset "utf-8";
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
.nostampa {} 
@media print { .nostampa { display: none } } 
.stampa { display: none } 
@media print { .stampa {} } 
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
* {
    margin:0;
    border:0;
    padding:0;
    }
body {
    color: #000000;
    font-size: 80%;
    font-family : Arial, Helvetica, sans-serif;
    font-style: normal; 
    font-weight: normal; 
    margin: 0;
    padding: 0;
    text-align: left; 
    background: #FFFFFF; 
    }
html {
    height: 100%;
    }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
@media handheld {
#menutop { 
	text-align: left;
    width: 99%;
    height: 20px;
 	border:0px solid #000; 
	background:#000000;
    margin : 0;
    padding : 0;
    } }
@media print {
#menutop { 
    display: none } }
@media screen {
#menutop { 
    display: none } }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
@media handheld {
#sopra { 
    display: none } }
@media print {
#sopra { 
    display: none } }
@media screen {
#sopra { 
	text-align: left;
    width: 97%;
    height: 80px;
 	border:0px solid #000; 
	background:#FFFFFF;
    margin : 0;
    padding : 0px 0px 0px 0px;
    vertical-align: middle;
    } }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
#corpo {
	text-align: left;
    float: left;
    width: 100%;
    }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
@media handheld {
#centro {
    width: 620px;
	border: 0px solid #000; 
	background:#FFFFFF;
	text-align: left;
	color: #000000;
    margin: 0px 0px 0px 0px;
    padding : 10px 0px 0px 0px;
	}
}
@media print {
#centro {
    width: 620px;
	border: 0px solid #000; 
	background:#FFFFFF;
	text-align: left;
	color: #000000;
    margin: 0px 0px 0px 0px;
    padding : 5px 0px 0px 0px;
    min-height: 900px;
    height: auto !important;
    height: 900px;
	}
}
@media screen {
#centro {
    width: 620px;
	border: 0px solid #000; 
	background:#FFFFFF;
	text-align: left;
	color: #000000;
    margin: 0px 200px 0px 175px;
    padding : 5px 0px 0px 0px;
	}
}
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
@media handheld {
#sinistra { 
    float: left;
    width: 200px;
    margin-left: -200px;
	text-align: right;
	background:#FFFFFF;
    padding : 10px 0px 10px 0px;
    }
}
@media print {
#sinistra { display: none } }
@media screen {
#sinistra { 
    float: left;
    width: 160px;
    margin-left: -100%;
	text-align: left;
	background:#0066FF;
    padding : 0;
    }
}
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
@media handheld {
#destra { display: none } }
@media print {
#destra { display: none } }
@media screen {
#destra {
 	border:0px solid #000; 
    float: left;
    width: 200px;
    margin-left: -200px;
 	border:0px solid #000; 
	text-align: right;
	background: none;
    padding: 0;
	}
}
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
#sotto {
    width: 100%;
 	border:0px solid #000; 
	text-align: center;
    clear: left;
	background:#FFFFFF; 
    text-align: left;
    margin: 0;
    padding: 0;
	}
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
#sinistraxcentrodestra { /* display: none } =============================== */
	position: absolute; top:80px; left:0px;
    width: 160px;
	text-align: left;
	background:#FFFFFF; 
    padding: 0;
    }
#centrodestra {
    float: left;
    width: 810px;
	border:0px solid #000; 
	background:#FFFFFF;
	color: #000000;
    margin: 0px 0px 0px 180px;/* 0px 0px 0px 0px; ========================= */
    padding : 10px 0px 0px 0px;
	}
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
@media handheld {
div#soprahome { 
  position: absolute;
  text-align: left;
  top: 20px;
  left: 0;
  margin: 0;
  padding : 3px 0px 0px 0px;
  border: 0px solid #fafafa;
  width: 800px;
  }
}
@media print {
div#soprahome { 
  position: absolute;
  text-align: left;
  top: 0;
  left: 0;
  margin: 0;
  padding : 3px 0px 0px 0px;
  border: 0px solid #fafafa;
  width: 800px;
  }
}
@media screen {
div#soprahome { 
  position: absolute;
  text-align: left;
  top: 0;
  left: 200px;
  margin: 0;
  padding : 3px 0px 0px 0px;
  border: 0px solid #fafafa;
  width: 800px;
  }
}
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
@media handheld {
div#centrohome { 
  position: absolute;
  text-align: left;
  top: 430px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px solid #fafafa;
  width: 600px;
  }
}
@media print {
div#centrohome { 
  position: absolute;
  text-align: left;
  top: 430px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px solid #fafafa;
  width: 600px;
  }
}
@media screen {
div#centrohome { 
  position: absolute;
  text-align: left;
  top: 430px;
  left: 190px;
  margin: 0px;
  padding: 0px;
  border: 0px solid #fafafa;
  width: 600px;
  }
}
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
@media handheld {
div#sinistrahome { display: none } }
@media print {
div#sinistrahome { display: none } }
@media screen {
div#sinistrahome { 
  position: absolute;
  text-align: left;
  top: 0px;
  left: 0px;
  padding: 0px;
  border: 0px solid #fafafa;
  width: 175px;
  }
}
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
div#destrahome { 
  position: absolute;
  text-align: right;
  top: 430px;
  left: 800px;
  margin: 0px;
  padding: 0px;
  border: 0px solid #fafafa;
  width: 200px;
  font-family: arial, helvetica, sans-serif;
  }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
.iskia {
  white-space:nowrap;
  margin: 0px 0px 0px 3px;
  padding: 0px 0px 0px 0px;
  }
.centra {
  margin:10px 0px 10px 0px;
  text-align:center;
  }
/* ######################################################################## */
.xsmallview  .contentarea { font-size: 70%; }  /*  8pt */
.smallview  .contentarea  { font-size: 80%; }  /* 10pt */
.normalview .contentarea { font-size: 100%; } /* 12pt */
.largeview .contentarea  { font-size: 140%; }
.xlargeview .contentarea { font-size: 160%; }
.xxlarge .contentarea    { font-size: 200%; }
.xxxlarge .contentarea   { font-size: 300%; }
a.texttoggler { margin: 0; padding: 0; }
a.texttoggler img { border: 0px solid gray; }
a.texttoggler img:hover { border: 0px solid blue; }
a.selectedtoggler img { border: 0px solid red; }
/* ######################################################################## */
@media print {
a:link,
a:visited {
   color: black;
   text-decoration: none; 
   font-weight: normal; 
   padding : 0;
   }
}
@media screen, handheld {
a:link,
a:visited {
   color: blue;
   text-decoration: none; 
   margin: 0;
   padding: 0;
   }
}
a:hover {
   color: #000000;
   background-color: yellow;
   text-decoration: none; 
   font-weight: 400; 
   margin: 0;
   padding: 0;
   }
form {
  margin: 0;
  padding: 0;
  width: 100%;
  }
img {
  background : none;
  text-decoration: none; 
  border: 0 none; 
  margin: 0;
  padding: 0;
  vertical-align: middle;
  }
  img a:link,
  img a:visited,
  img a:hover {
  background : none;
  text-decoration: none; 
  border: 0 none; 
  margin: 0;
  padding: 0;
  vertical-align: middle;
  }
.images,
.images a:link,
.images a:visited,
.images a:hover {
  background : none;
  text-decoration: none; 
  border: 0 none; 
  margin: 0;
  padding: 0;
  vertical-align: middle;
  }
.adestra {
  float : right;
  vertical-align: top;
  border: 0 none; 
  background : none;
  text-decoration: none; 
  border: 0 none; 
  margin: 5px;
  padding: 0;
  }
.asinistra {
  float : left;
  vertical-align: top;
  border: 0 none; 
  background : none;
  text-decoration: none; 
  border: 0 none; 
  margin: 5px 5px 5px 0px;
  padding: 0;
  }
.acentro {
  float : left;
  vertical-align: middle;
  border: 0 none; 
  background : none;
  text-decoration: none; 
  border: 0 none; 
  margin: 5px 5px 5px 0px;
  padding: 0;
  }
fieldset {
  margin: 0;
  padding: 0;
  border: 0 none; 
  }
select {
  border: 2px inset silver; 
  margin: 0;
  padding: 0;
  }
option {
  margin: 0;
  padding: 0;
  border: 0 none; 
  }
input { 
  border: 1px solid silver; 
  padding: 0; 
  margin: 0; 
  }
p {
  color: #000000;
  padding: 0; 
  margin: 0; 
  }
h1 {
  padding: 0; 
  margin: 0; 
  }
address {
  color: #ff0000;
  font-style: normal;
  font-weight: normal; 
  padding: 0;
  margin: 0;
  }
.spaziofisso {
  font-family: "Courier New", Courier, monospace;
  }
.saltaprima {
  page-break-before: always;
  }
.saltadopo {
  page-break-after: always;
  }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
.www {
  color: blue;
  text-decoration: none; 
  font-weight: bold; 
  margin-left: 3px;
  }
  .www a:link,
  .www a:visited {
  color: blue;
  text-decoration: none; 
  padding-left: 2px;
  padding-right: 2px;
  }
  .www a:hover {
  color: #000000;
  background-color: yellow;
  text-decoration: none; 
  font-weight: 400; 
  padding-left: 2px;
  padding-right: 2px;
  }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
.xxx { border: 0px solid silver; 
  padding: 0; 
  margin: 0; 
  background: transparent; 
  }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
.backbianco { background-color: #ffffff; }
.backchiaro { background-color: #F5FAFA; }
.backgiallo { background-color: yellow; }
.backgrigio { background-color: #dcdcdc; }
.backgiallino { background-color: #FFFFCC; }
.backceleste { background-color: #CCFFCC; }
.backpisello { background-color: #00FF00; }
.backacqua { background-color: #00FFFF; }
.backfuxia { background-color: #FF00FF; }
.backverdino { background-color: #99FF99; }
.backoliva { background-color: #EBF505; }
.backcamoscio { background-color: #FAFA28; }
.backblu { background-color: #0000CC; }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
.titolorosso {
  font-size: 180%;
  color: red;
  font-weight: bold; 
  padding-left: 2px;
  padding-right: 2px;
}
.titoloblu {
  font-size: 180%;
  color: #000066;
  font-weight: bold; 
  padding-left: 2px;
  padding-right: 2px;
}
.titoloverde {
  font-size: 180%;
  color: #006600;
  font-weight: bold; 
  padding-left: 2px;
  padding-right: 2px;
}
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
.grande {
  font-size: 120%;
  padding-left: 2px;
  padding-right: 2px;
}
.chiatto {
  font-weight: bold; 
  padding: 0;
  margin: 0;
  }
.secco {
  font-size: 80%;
  font-weight: normal; 
  padding: 0;
  margin: 0;
  }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
.rosso { 
  color: #ff0000;
  }
.rossobold { 
  color: #ff0000;  
  font-weight: 700; 
  }
.testogiallo { color: yellow; }
  .testogiallo a:link,
  .testogiallo a:visited,
  .testogiallo a:hover {
  color: yellow;
  font-style: normal;
  font-weight: bold; 
  padding: 0;
  margin: 0;
  background: none; 
  }
.testoverde {
  color: #006600;
  font-style: normal;
  font-weight: normal; 
  padding: 0;
  margin: 0;
}
.verdebold {
  color: #006600;
  font-style: normal;
  font-weight: 700;
  padding: 0;
  margin: 0;
}
.verdescurobold {
  color: #003300;
  font-style: normal;
  font-weight: 700;
  padding: 0;
  margin: 0;
}
.blubold {
  color: #000066;
  font-weight: 700;
  padding: 0;
  margin: 0;
}
.testonavy {
  color: #000080;
  font-style: normal;
  padding: 0;
  margin: 0;
}
.testomarrone {
  color: #800000;
  font-style: normal;
  padding: 0;
  margin: 0;
  }
.testopurple {
  color: #800080;
  font-style: normal;
  padding: 0;
  margin: 0;
  }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
.noaccapo { 
  white-space: nowrap; 
  }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
table {
   table-layout: auto;
   margin-top: 0;
   margin-bottom: 0;
   }
td {
   margin-top: 0;
   margin-bottom: 0;
   vertical-align:top;
  }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
table.schema { 
   border-collapse:collapse;
   border-spacing:0;
   border:0;
   margin:0; 
   padding:0;
   }
td.schema { 
   background-color:#000099;
   border:0;
   margin:0;
   padding:0;
   vertical-align:top;
   }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
table.minimo {
  border-collapse : collapse;
  border-spacing : 0;
  border: 1px solid silver;
  margin: 0;
  padding: 0;
  }
  table.minimo td, 
  table.minimo th {
  border: 1px solid silver;
  margin: 0;
  padding: 0px 2px 0px 2px;
  vertical-align:top;
  }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
table.nobordonowr {
  background: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  margin: 0;
  padding: 0px 2px 0px 2px;
  white-space: nowrap;
  }
  table.nobordonowr td, 
  table.nobordonowr th {
  color: #000000;
  border: 0;
  margin: 0;
  padding: 0px 2px 0px 2px;
  vertical-align: top;
  }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
table.nobordo {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  margin: 0;
  padding: 0;
  }
  table.nobordo td {
  border: 0;
  margin: 0;
  padding: 0px 2px 0px 2px;
  vertical-align: top;
  }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
table.paddingxxl { 
   border-collapse : collapse; 
   border-spacing : 0; 
   border: 0; 
   margin: 0; 
   padding: 5px; 
   }
table.paddingxxl td { 
   border: 0; 
   padding: 5px; 
   white-space: nowrap; 
   }
/* ######################################################################## */
table.tab-colonne {
  table-layout : fixed;
  background : transparent;
  border-collapse : separate;
  border-spacing : 10px;
  }
  table.tab-colonne td {
  border: 1px solid silver;
  padding: 1px;
  white-space: nowrap;
  }
/* ######################################################################## */
table.tab-titolo {
  table-layout : fixed;
  width : 100%;
  margin-top: 0;
  margin-bottom: 0;
  background : none;
  border-collapse : collapse; 
  border-spacing : 0;
  }
  table.tab-titolo td {
  border: 0px solid black;
  padding: 2px 2px 2px 10px;
  text-align: left;
  color: #ff0000;
  font-style: normal;
  font-weight: 700;
  font-size: 120%;
  }
/* ######################################################################## */
table.righi {
  background : transparent;
  border-collapse : separate;
  border-spacing : 0;
  }
  table.righi td {
  border-top: solid 1px;
  border-bottom: hidden;
  border-right: hidden;
  border-left: hidden;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1px;
  white-space: nowrap;
  }
/* ######################################################################## */
ul.menu li {
  text-align: left;
  border-width:0;
  border-style:none solid;
  margin: 0px 0px 0px -25px;
  text-indent : 1px;
  }
/* ######################################################################## */
ol.numera li {
font-size: 95%;
width: 160px;
list-style-type: decimal-leading-zero;
list-style-position: outside;
margin: 0;
padding: 0;
}
.numera li P{
font-size: 95%;
width: 160px;
color: black;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#999999 #999999 #999999 #999999; /*light dark dark light*/
background-color: #FFFFFF;
text-decoration:none;
}
.numera li H5{
font-size: 95%;
width: 160px;
color: #000099;
display: block;
padding: 2px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #FFFFFF;
text-decoration:none;
}
.numera li address{
font-size: 95%;
width: 160px;
color: black;
display: block;
padding: 1px 4px;
font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: yellow;
text-decoration:none;
}
ol.numera li a{
font-size: 95%;
width: 160px;
color: #000099;
display: block;
padding: 1px 4px;
font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #FFFFFF;
text-decoration:none;
list-style-type: decimal;
list-style-position: outside;
}
.numera li a:visited{
font-size: 95%;
width: 160px;
color: #000099;
list-style-type: decimal;
list-style-position: outside;
}
.numera li a:hover, 
.numera li a:active{
font-size: 95%;
width: 160px;
color: #000099;
background-color: #FFFFFF;
list-style-type: decimal;
list-style-position: outside;
}
/* ######################################################################## */
.buttonmenu{ /* <ul class="buttonmenu"> */
font-size: 95%;
width: 160px;
list-style-type: none;
margin: 0;
padding: 0;
}
.buttonmenu li P{
font-size: 95%;
width: 160px;
color: black;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #FFFF00;
text-decoration:none;
}
.buttonmenu li H5{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 2px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #000099;
text-decoration:none;
}
.buttonmenu li address{
font-size: 95%;
width: 160px;
color: yellow;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #000066;
text-decoration:none;
}
.buttonmenu li a{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #000099;
text-decoration:none;
}
.buttonmenu li a:visited{
font-size: 95%;
width: 160px;
padding: 1px 4px;
font-weight: bold;
color: white;
}
.buttonmenu li a:hover, .buttonmenu li a:active{
font-size: 95%;
width: 160px;
padding: 1px 4px;
font-weight: bold;
color: black;
background-color: #99FF33;
}
/* ######################################################################## */
.buttonverde { /* <ul class="buttonmenu"> */
font-size: 95%;
width: 160px;
list-style-type: none;
margin: 0;
padding: 0;
}
.buttonverde li P{
font-size: 95%;
width: 160px;
color: black;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#999999 #999999 #999999 #999999; /*light dark dark light*/
background-color: #FFFF00;
text-decoration:none;
}
.buttonverde li H5{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 2px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #339900;
text-decoration:none;
}
.buttonverde li address{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #339900;
text-decoration:none;
}
.buttonverde li a{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #339900;
text-decoration:none;
}
.buttonverde li a:visited{
font-size: 95%;
width: 160px;
color: white;
}
.buttonverde li a:hover, .buttonmenu li a:active{
font-size: 95%;
width: 160px;
color: black;
background-color: #FF00FF;
}
/* ######################################################################## */
.buttonindigo { 
font-size: 95%;
width: 160px;
list-style-type: none;
margin: 0;
padding: 0;
}
.buttonindigo li P{
font-size: 95%;
width: 160px;
color: black;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#999999 #999999 #999999 #999999; /*light dark dark light*/
background-color: #ff00ff;
text-decoration:none;
}
.buttonindigo li H5{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 2px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #4b0082;
text-decoration:none;
}
.buttonindigo li address{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #330099;
text-decoration:none;
}
.buttonindigo li a{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #4b0082;
text-decoration:none;
}
.buttonindigo li a:visited{
font-size: 95%;
width: 160px;
color: white;
}
.buttonindigo li a:hover, 
.buttonindigo li a:active{
font-size: 95%;
width: 160px;
color: black;
background-color: #ffff00;
}
/* ######################################################################## */
.buttonbrown { 
font-size: 95%;
width: 160px;
list-style-type: none;
margin: 0;
padding: 0;
}
.buttonbrown li P{
font-size: 95%;
width: 160px;
color: black;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#999999 #999999 #999999 #999999; /*light dark dark light*/
background-color: #ff8c00;
text-decoration:none;
}
.buttonbrown li H5{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 2px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #99FF33;
text-decoration:none;
}
.buttonbrown li address{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #339900;
text-decoration:none;
}
.buttonbrown li a{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #800000;
text-decoration:none;
}
.buttonbrown li a:visited{
font-size: 95%;
width: 160px;
color: white;
}
.buttonbrown li a:hover, 
.buttonbrown li a:active{
font-size: 95%;
width: 160px;
color: black;
background-color: #FF00FF;
}
/* ######################################################################## */
.buttonpurple {
font-size: 95%;
width: 160px;
list-style-type: none;
margin: 0;
padding: 0;
}
.buttonpurple li P{
font-size: 95%;
width: 160px;
color: black;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#999999 #999999 #999999 #999999; /*light dark dark light*/
background-color: #FFFF00;
text-decoration:none;
}
.buttonpurple li H5{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 2px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #99FF33;
text-decoration:none;
}
.buttonpurple li address{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #CC0066;
text-decoration:none;
}
.buttonpurple li a{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #800080;
text-decoration:none;
}
.buttonpurple li a:visited{
font-size: 95%;
width: 160px;
color: white;
}
.buttonpurple li a:hover, 
.buttonpurple li a:active{
font-size: 95%;
width: 160px;
color: black;
background-color: #FF00FF;
}
/* ######################################################################## */
.buttonrosso {
font-size: 95%;
width: 160px;
list-style-type: none;
margin: 0;
padding: 0;
}
.buttonrosso li P{
font-size: 95%;
width: 160px;
color: black;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#999999 #999999 #999999 #999999; /*light dark dark light*/
background-color: #FFFF00;
text-decoration:none;
}
.buttonrosso li H5{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 2px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #99FF33;
text-decoration:none;
}
.buttonrosso li address{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #FF0000;
text-decoration:none;
}
.buttonrosso li a{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #FF0000;
text-decoration:none;
}
.buttonrosso li a:visited{
font-size: 95%;
width: 160px;
color: white;
}
.buttonrosso li a:hover, 
.buttonrosso li a:active{
font-size: 95%;
width: 160px;
color: black;
background-color: #FF00FF;
}
/* ######################################################################## */
.buttonnavy {
font-size: 95%;
width: 160px;
list-style-type: none;
margin: 0;
padding: 0;
}
.buttonnavy li P{
font-size: 95%;
width: 160px;
color: black;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#999999 #999999 #999999 #999999; /*light dark dark light*/
background-color: #FFFF00;
text-decoration:none;
}
.buttonnavy li H5{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 2px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #99FF33;
text-decoration:none;
}
.buttonnavy li address{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #000080;
text-decoration:none;
}
.buttonnavy li a{
font-size: 95%;
width: 160px;
color: white;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #000080;
text-decoration:none;
}
.buttonnavy li a:visited{
font-size: 95%;
width: 160px;
color: white;
}
.buttonnavy li a:hover, 
.buttonnavy li a:active{
font-size: 95%;
width: 160px;
color: black;
background-color: #FF00FF;
}
/* ######################################################################## */
.buttonbianco {
font-size: 95%;
width: 160px;
list-style-type: none;
margin: 10;
padding: 10;
}
.buttonbianco li P{
font-size: 95%;
width: 160px;
color: black;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#999999 #999999 #999999 #999999; /*light dark dark light*/
background-color: #FFFFFF;
text-decoration:none;
}
.buttonbianco li H5{
font-size: 95%;
width: 160px;
color: #000000;
display: block;
padding: 2px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #FFFFFF;
text-decoration:none;
}
.buttonbianco li address{
font-size: 95%;
width: 160px;
color: black;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: yellow;
text-decoration:none;
}
.buttonbianco li a{
font-size: 95%;
width: 160px;
color: #000099;
display: block;
padding: 1px 4px;

font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #FFFFFF;
text-decoration:none;
}
.buttonbianco li a:visited{
font-size: 95%;
width: 160px;
color: #000099;
}
.buttonbianco li a:hover, 
.buttonbianco li a:active{
font-size: 95%;
width: 160px;
color: #000099;
background-color: #FFFFFF;
}
/* ######################################################################## */
#bantel { height:70px; width:195px; border:0px solid; top:0px; right:0px;  }
#bantel img { border:none }
#bantel a { display:block; position:absolute;}
#bantel a:hover img, #bantel a:active img { display:none }
#bantel a:hover, #bantel a:active 
{ height:170px; width:100px; background:url('../image/transport/mobile.jpg') center; background-position: center; }
/* ######################################################################## */
#mobile { height:100px; width:160px; border:0px solid }
#mobile img { border:none }
#mobile a { display:block; position:absolute;}
#mobile a:hover img, #mobile a:active img { display:none }
#mobile a:hover, #mobile a:active 
{ height:100px; width:160px; background:url('../orariobanner/aliscafo.jpg'); }
/* ######################################################################## */
#banner-aliscafo { height:170px; width:160px; border:0px solid }
#banner-aliscafo img { border:none }
#banner-aliscafo a { display:block; position:absolute;}
#banner-aliscafo a:hover img, 
#banner-aliscafo a:active img { display:none }
#banner-aliscafo a:hover, 
#banner-aliscafo a:active 
{ height:170px; width:160px; background:url('http://www.ischia.org/image/transport/aliscafo+nave.jpg'); }
/* ######################################################################## */
#booking { height:70px; width:460px; border:0px solid }
#booking img { border:none }
#booking a { display:block; position:absolute;}
#booking a:hover img, #mobile a:active img { display:none }
#booking a:hover, #mobile a:active 
{ height:300px; width:450px; background:url('../image/banner.png'); }
/* ######################################################################## */
div#container{width: 400px}
a{color: #00f}
div#commenti p{width: 200px;padding: 0 5px; border:1px solid #68B0D8;background-color: #C8ECFF}
div#immagine img{margin: 10px 0;border: 1px solid #ccc;padding: 4px}
/* ######################################################################## */
#uno {
	float: left;
	padding: 3px;
	margin: 1px;
	background: white;
	border: 0px solid #008000;
	width: 32%; }
#due {
	float: left;
	padding: 3px;
	margin: 1px 2px 1px 2px;
	background: white;
	border: 0px solid #FF0000;
	width: 32%;	}
#tre {
	float: left;
	padding: 3px;
	margin: 1px;
	background: white;
	border: 0px solid #0000FF;
	width: 32%;	}
@media handheld {

}
@media print {

}
@media screen {

}
img.expando { border: none; vertical-align: top; }
/* ######################################################################## */
/* ### TOPMENU ############################################################ */
/* ######################################################################## */
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 70px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }