@charset "utf-8";
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
/* ####### il primo (superiore e inferiore)   il secondo (sinistro e destro) */
@media print {
.nostampa { display: none } 
.stampa { } 
} 
@media screen { 
.nostampa { } 
.stampa { display: none } 
} 
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
.xsmallview .fontsize { font-size: 70%; }  /*  8pt */
.smallview  .fontsize { font-size: 80%; }  /* 10pt */
.normalview .fontsize { font-size: 100%; } /* 12pt */
.largeview .fontsize  { font-size: 120%; }
.xlargeview .fontsize { font-size: 140%; }
.xxlarge .fontsize    { font-size: 160%; }
.xxxlarge .fontsize   { font-size: 200%; }
a.texttoggler { margin:0; padding:0; background-color:transparent; text-decoration:none; }
a.texttoggler img { border:0; background-color:transparent; text-decoration:none; }
a.texttoggler img:hover { border:0; background-color:transparent; text-decoration:none; }
a.selectedtoggler img { border:0; background-color:transparent; text-decoration:none; }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
* {
    margin:0;
    border:0;
    padding:0;
    }
html {
    height: 100%;
    }
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
@media print {
#section { 
  width: 700px;
  border:0; 
  text-align: left; 
  margin:0; 
  padding:0;
  background-color:#FFFFFF;
  } 
}
@media screen {
#section {
  position:relative;
  z-index:10;
  width: 750px;
  border:0; 
  margin:0;
  padding:0;
  background-color:#FFFFFF;
  }
}
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
@media print {
#article { 
  width: 700px;
  border:0; 
  text-align: left; 
  margin:0; 
  padding:0;
  background-color:#FFFFFF;
  } 
}
@media screen {
#article {
  position:relative;
  z-index:10;
  width:750px;
  border:0; 
  background-color:#FFFFFF;
  }
}
@media print {
.articolotop { display: none } 
}
@media screen {
.articolotop {
  position:relative;
  z-index:20;
  height:10%; 
  border:0; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 0; 
  margin-bottom: 0; 
  padding:0;
  background-color:#FFFFFF;
  }
}
@media print {
.articolocentro { 
  width: 700px;
  border:0; 
  text-align: left; 
  margin:0; 
  padding:0;
  background-color:#FFFFFF;
  }
}
@media screen {
.articolocentro {
  position:relative;
  z-index:10;
  height:80%; 
  border:0; 
  margin:0;
  padding: 5px 10px 0px 10px;
  background-color:#FFFFFF;
  }
}
@media print {
.articolosotto { display: none } 
}
@media screen {
.articolosotto {
  position:relative;
  z-index:10;
  height:10%; 
  border:0; 
  margin:0;
  padding: 0px 0px 10px 0px;
  background-color:#FFFFFF;
  }
}
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
@media print {
#footer {
  position:static;
  background-color:#FFFFFF; 
  border:0; 
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding:0; 
  clear: left;
  } 
}
@media screen {
#footer {
  position:static;
  background-color:#FFE600; 
  border:0px solid #000; 
  text-align: center;
  width: 99%;
  margin-left: auto;
  margin-right: auto;
  padding:2px; 
  clear: left;
  }
}
/* ####### valore margini: superiore, destro, inferiore, sinistro ########## */
.iskia {
  white-space:nowrap;
  margin: 0px 0px 0px 3px;
  padding: 0px 0px 0px 0px;
  }
/* ######################################################################## */
.centrare { 
   margin-top:0; 
   margin-bottom:0; 
   margin-left: auto;
   margin-right: auto;
   }
div#centra { 
   margin-left: auto;
   margin-right: auto;
   }
table#centra { 
   margin-top:0; 
   margin-left: auto;
   margin-right: auto;
   }
td#centra { 
   margin-top:0; 
   margin-left: auto;
   margin-right: auto;
   }
/* ######################################################################## */
@media print {
a:link,
a:visited {
   color: black;
   text-decoration: none; 
   font-weight: normal; 
   padding :0;
   }
}
@media screen {
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%;
  }
iframe {
  border:0;
  margin:0;
  padding:0;
  }
/*  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); */
figure {
  margin:0;
  padding:0;
  }
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: 2px; 
  margin:0; 
  }
p {
  color: #000000;
  padding:0; 
  margin:0; 
  }
pre {
  font-size:100%;
  font-family : Arial, Helvetica, sans-serif;
  color: #000000;
  padding:0; 
  margin:0; 
  line-height:100%;
  }
h1 {
  font-size:200%;
  line-height:100%;
  color: red;
  font-weight: bold; 
  padding:0;
  margin:0; 
  }
h2 {
  font-size:180%;
  line-height:100%;
  color: red;
  font-weight: bold; 
  padding:0;
  margin:0; 
  }
h3 {
  font-size:160%;
  line-height:100%;
  font-weight: bold; 
  padding:0;
  margin:0; 
  }
h4 {
  font-size:140%;
  line-height:100%;
  padding:0;
  margin:0; 
  }
h5 {
  font-size:120%;
  line-height:100%;
  padding:0;
  margin:0; 
  }
h6 {
  font-size:80%;
  line-height:100%;
  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-color: 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 ########## */
.rosso140 {
  font-size: 140%;
  color: red;
  padding-left: 2px;
  padding-right: 2px;
}
.grande {
  font-size: 120%;
  padding-left: 2px;
  padding-right: 2px;
  font-weight: 700; 
}
.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-color:transparent; 
  }
.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-color: 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-colonne tr {
  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.tab-titolo tr {
  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: 1px solid silver;
  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.buttonmenu {
font-size: 95%;
width: 190px;
list-style-type: decimal-leading-zero;
list-style-position: outside;
margin:0;
padding:0;
}
ul.buttonmenu { /* <ul class="buttonmenu"> */
font-size: 95%;
width: 190px;
list-style-type: none;
text-align:left;
margin-left: auto;
margin-right: auto;
}
.buttonmenu li P{
text-align:left;
font-size: 95%;
color: #000066;
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{
text-align:left;
font-size: 95%;
color: #000066;
display: block;
padding: 2px 4px;
font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #CCCCFF;
text-decoration:none;
}
.buttonmenu li address{
text-align:left;
font-size: 95%;
color: #000066;
display: block;
padding: 1px 4px;
font-style: normal; 
font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #9999FF;
text-decoration:none;
}
.buttonmenu li cite {
text-align:center;
font-size: 110%;
color: #FFFFFF;
display: block;
padding: 1px 4px;
font-style: normal; 
font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #000000;
text-decoration:none;
}
.buttonmenu li a{
text-align:left;
font-size: 95%;
color: #000066;
display: block;
padding: 1px 4px;
font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #CCCCFF;
text-decoration:none;
}
.buttonmenu li a:visited{
text-align:left;
font-size: 95%;
color: #000066;
padding: 1px 4px;
font-weight: bold;
}
.buttonmenu li a:hover, .buttonmenu li a:active{
text-align:left;
font-size: 95%;
color: #000066;
padding: 1px 4px;
font-weight: bold;
background-color: #99FF33;
}
/* ######################################################################## */
.buttonbianco {
font-size: 85%;
width: 150px;
list-style-type: none;
margin:0;
padding:0;
}
.buttonbianco li P{
font-size: 85%;
color: #000000;
display: block;
padding: 1px 1px;
font-weight: bold;
border: 0px solid;
border-color:#999999 #999999 #999999 #999999; /*light dark dark light*/
background-color: #CCCCFF;
text-decoration:none;
}
.buttonbianco li H5{
font-size: 85%;
color: #000000;
display: block;
padding: 1px 1px;
font-weight: bold;
border: 0px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #FFFFFF;
text-decoration:none;
}
.buttonbianco li address{
font-size: 85%;
color: black;
display: block;
padding: 1px 1px;
font-weight: bold;
border: 0px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #FFFFCC;
text-decoration:none;
}
.buttonbianco li a{
font-size: 85%;
color: #000099;
display: block;
padding: 1px 1px;
font-weight: bold;
border: 0px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #FFFFFF;
text-decoration:none;
}
.buttonbianco li a:visited{
font-size: 85%;
color: #000099;
}
.buttonbianco li a:hover, 
.buttonbianco li a:active{
font-size: 85%;
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{right:0;}
div#commenti span{ margin-left:auto; margin-right:auto; padding:0 2px; border:0; background-color: #FFFF66}
div#commenti p{ margin-left:auto; margin-right:auto; padding:0 2px; border:0px solid #68B0D8; background-color: #FFFF66}
div#immagine img{margin: 10px 0;border: 1px solid #ccc;padding: 4px}
/* ######################################################################## */
#uno {
	float: left;
	padding: 3px;
	margin: 1px;
	background-color: white;
	border: 0px solid #008000;
	width: 32%; }
#due {
	float: left;
	padding: 3px;
	margin: 1px 2px 1px 2px;
	background-color: white;
	border: 0px solid #FF0000;
	width: 32%;	}
#tre {
	float: left;
	padding: 3px;
	margin: 1px;
	background-color: white;
	border: 0px solid #0000FF;
	width: 32%;	}


img.expando { border: none; vertical-align: top; }