@charset "utf-8";
/* ####### valore margini:superiore, destro, inferiore, sinistro ########## */
/* ####### il primo (superiore e inferiore)   il secondo (sinistro e destro) */
/* line-height:100%; */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
* {
  margin: 0;
  padding: 0;
}
@media print {
.nostampa { display:none } 
.stampa { }
.quattrocento { display:none; }
.includinelmini { display:none; }
}
@media screen {
.nostampa { } 
.stampa { display:none } 
}
/* ######################################################################## */
@media only screen
and (max-width: 800px) {
.includinelmini { }
.escludi      { display:none; }
.grandezzafont	{ font-size:200%; }
}
@media only screen
and (min-width: 801px) {
.includinelmini { display:none; }
.escludi      { }
.grandezzafont	{ font-size:140%; }
}
/* ######################################################################## */
.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 ########## */
@media print {
body {
  font-family:Arial, Helvetica, sans-serif;
  /* font-size:100%; */
  font-style:normal; 
  font-weight:normal; 
  margin:0;
  padding:0;
  background-color:#FFFFFF;
  }
	body p {
	color:#000000;
	padding:0; 
	margin:0; 
	}
}
@media screen {
body {
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  font-style:normal; 
  font-weight:normal; 
  background: url(/image/sfondo/marea.jpg) no-repeat fixed center;
  /* background: url(/image/casamicciola/porto-tramonto-01.jpg) no-repeat fixed center; */
  background-size:cover;
  background-color:#000066;
  }
	body a:link,
	body a:visited {
	text-decoration:none;
	}
	body p {
	color:#000000;
	padding:0; 
	margin:0; 
	/* font-size:90%; */
	}
}
/* ######################################################################## */
#nav {
    margin:0;
    padding:0;
	width:100%;
	background-color:#000000;
}
/* ######################################################################## */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} /* 
<div class="video-container">
<iframe src="//www.youtube.com/embed/l-BA9Ee2XuM" frameborder="0" width="560" height="315">
</iframe>
</div> */
/* ######################################################################## */
.topurl {
	width:98%; 
	background-color:#F2F2F2; 
	font-size:140%; 
	font-weight:bold; 
	margin:0 auto; 
	padding:0;
}
/* ######################################################################## */
@media print {
#CookieLaw { display:none } 
}
@media screen {
#CookieLaw {
    position: absolute;
    top: 96%;
    left: 0;
	margin-top: -30px;
    color: white;
    text-align: center;
    bottom: 0;
    right: 0;
	}
}
/* ######################################################################## */
@media only screen and (max-width: 1000px) {
table.larghezza {
   margin-top:0; 
   margin-left:auto;
   margin-right:auto;
   }
}
@media only screen and (min-width: 1001px) {
table.larghezza {
   margin-top:0; 
   margin-left:auto;
   margin-right:auto;
   }
}
/* ######################################################################## */
input.pulsantesubmit {
	width:95%;
	font-size:90%;
	font-weight:bold;
	margin:5px; 
	padding:8px 0 8px 0; 
	text-align:center; 
	text-transform: uppercase;
	overflow:hidden;
	border:1px solid #999;
	border-radius:6px;
	-webkit-box-shadow: 0px 0px 8px #808080; 
	-moz-box-shadow: 0px 0px 8px #808080; 
	box-shadow: 0px 0px 8px #808080;
	}
div.trecolonne {
	width:32%; 
	position:relative; 
	float:left; 
	height:46px; 
	text-align:center; 
	overflow:hidden; 
	}
/* ######################################################################## */
p.duecento {
	margin:0;
	padding:3px; 
	white-space:nowrap; 
	text-align:center; 
	font-size:200%;	
	font-weight:bold;
	text-transform: uppercase;
	line-height:90%;
	}
p.centoventi {
	font-size:120%;
	line-height:110%;
	font-weight:bold;
	text-align:center; 
	}
p.cento {
	font-size:100%;
	line-height:110%;
	margin:0;
	}
p.novanta {
	font-size:90%;
	line-height:110%;
	margin:0;
	}
p.ottanta {
	font-size:80%;	
	line-height:110%;
	margin:0;
	}
/* ######################################################################## */
a.duecento {
	padding:2px; 
	white-space:nowrap; 
	font-size:200%;	
	font-weight:bold;
	}
a.centoventi {
	font-size:100%;
	font-weight: 800;
	text-align:center; 
	text-transform: uppercase;
	}
div.centoventi {
	font-size:100%;
	font-weight: 800;
	text-align:center; 
	text-transform: uppercase;
	}
/* ######################################################################## */
div.grigliah {
	overflow:hidden;
	position:relative;
	float:left; 
	padding:0; 
	border:0; 
  }
@media only screen and (max-width: 767px) {
	.grigliah {
		margin:2px;
		font-size:70%; 
		width:80px; 
		height:100px; }
	.grigliah img {
		width:98%; 
		height:auto;
		margin-bottom:3px; }
}
@media (min-width: 768px) and (max-width: 1080px) {
	.grigliah {
		margin:5px;
		font-size:80%; 
		width:90px; 
		height:120px; }
	.grigliah img {
		width:98%; 
		height:auto;
		margin-bottom:3px; }
}
@media (min-width: 1081px) and (max-width: 1280px) {
	.grigliah {
		margin:5px;
		font-size:90%; 
		width:90px; 
		height:110px; }
	.grigliah img {
		width:90px; 
		height:auto;
		margin-bottom:3px; }
}
@media only screen and (min-width: 1281px) {
	.grigliah {
		margin:5px;
		font-size:100%; 
		width:110px; 
		height:150px; }
	.grigliah img {
		width:110px; 
		height:auto;
		margin-bottom:3px; }
}
div.grigliah p {
	line-height:98%;
	top:0;
	position:absolute;
	text-align:center;
	}
div.grigliah a {
	margin:0; 
    color:#000033;
	overflow:hidden;
	text-transform: lowercase;
	/* text-transform: uppercase; */
	}
/* ######################################################################## */
.griglia100 {
  float:left;
  width:90px;
  height:110px;
  overflow:hidden;
  margin:0; 
  padding:0; 
  border:0; 
  vertical-align:bottom;  
  font-size:100%;
  line-height:100%;
  }
/* ######################################################################## */
.iskia {
  white-space:nowrap;
  margin:0px 0px 0px 3px;
  padding:0px 0px 0px 0px;
  }
.iskya {
  margin:0 10px 0 10px;
  padding:0;
  }
/* ######################################################################## */
.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:#000080;
   text-decoration:none; 
   font-weight:normal; 
   padding:0;
   }
}
@media screen {
a:link,
a:visited {
   color:blue;
   text-decoration:none; 
   font-weight:normal; 
   margin:0;
   padding:0;
   }
}
a:hover {
   color:#000000;
   background-color:transparent;
   text-decoration:none; 
   font-weight:normal; 
   margin:0;
   padding:0;
   }
hr {
	border: 1px solid red;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: auto;
	}
form {
  margin:0;
  padding:0;
  width:100%;
  }
iframe {
  border:0;
  margin:0;
  padding:0;
  height:100%;
  width:100%;
  }
figure {
  margin:0;
  padding:0;
  }
.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:120%;
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  padding:0; 
  margin:0; 
  }
@media print {
#content h1 {
  font-size:140%;
  color:red;
  font-weight:bold; 
  padding:0;
  margin:0; 
  }
}
@media screen {
#content h1 {
  font-size:200%;
  color:red;
  font-weight:bold; 
  padding:0;
  margin:0; 
  line-height:94%;
  }
}
#content h2 {
  font-size:180%;
  color:#000099;
  font-weight:bold; 
  padding:0;
  margin:0; 
  line-height:96%;
  }
h2 a:link,
h2 a:visited {
  color:#000099;
  }
h2.ottanta {
	font-size:80%;	
	}
h3 {
  font-size:160%;
  font-weight:bold; 
  padding:0;
  margin:0; 
  }
h4 {
  font-size:140%;
  padding:0;
  margin:0; 
  }
h5 {
  font-size:120%;
  padding:0;
  margin:0; 
  }
h6 {
  font-size:80%;
  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;
  }
.nobacnodec {
  background:none; 
  text-decoration:none;
  }
/* ######################################################################## */
.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:bold; 
  padding-left:2px;
  padding-right:2px;
  }
/* ######################################################################## */
.xxx { border:0px solid silver; 
  padding:0; 
  margin:0; 
  background-color:transparent; 
  }
/* ######################################################################## */
.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; }
/* ######################################################################## */
.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;
}
/* ######################################################################## */
.rosso140 {
  font-size:140%;
  color:red;
  font-weight:bold; 
}
.grande {
  font-size:120%;
  padding-left:2px;
  padding-right:2px;
  font-weight:bold; 
}
.chiatto {
  font-weight:bold; 
  padding:0;
  margin:0;
  }
.secco {
  font-size:80%;
  font-weight:normal; 
  padding:0;
  margin:0;
  }
/* ######################################################################## */
.rosso { 
  color:#ff0000;
  }
.rossobold { 
  color:#ff0000;  
  font-weight:bold; 
  }
.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:bold;
  padding:0;
  margin:0;
}
.verdescurobold {
  color:#003300;
  font-style:normal;
  font-weight:bold;
  padding:0;
  margin:0;
}
.blubold {
  color:#000066;
  font-weight:bold;
  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;
  }
/* ######################################################################## */
.noaccapo { 
  white-space:nowrap; 
  }
/* ######################################################################## */
table {
   table-layout:auto;
   margin-top:0;
   margin-bottom:0;
   border-collapse:collapse;
   }
td {
   margin-top:0;
   margin-bottom:0;
   vertical-align:top;
  }
tr.nascondi { 
   display:none; 
   } 
/* ######################################################################## */
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;
   }
/* ######################################################################## */
table.minimo {
  background-color:#FFFFFF;
  border-collapse:collapse;
  border-spacing:0;
  border:1px solid silver;
  margin:0;
  padding:0;
  font-size:100%;
  }
  table.minimo td {
  border:1px solid silver;
  margin:0;
  padding:1px;
  vertical-align:top;
  }
  table.minimo th {
  border:1px solid silver;
  margin:0;
  padding:1px;
  vertical-align:top;
  }
/* ######################################################################## */
table.massimo {
  background-color:#FFFFFF;
  border-collapse:collapse;
  border-spacing:0;
  border:1px solid silver;
  margin:0;
  padding:0;
  }
  table.massimo td {
  border:1px solid silver;
  margin:0;
  padding:5px;
  vertical-align:middle;
  }
  table.massimo th {
  border:1px solid silver;
  margin:0;
  padding:5px;
  vertical-align:top;
  }
/* ######################################################################## */
table.rubrica {
  border:1px solid silver;
  border-collapse:collapse;
  border-spacing:0;
  margin:0;
  }
  table.rubrica td {
  background-color:#FFFFFF;
  border:1px solid silver;
  margin:0;
  padding:0px 2px 0px 2px;
  vertical-align:middle;
  white-space: nowrap;
  font-size:80%;
  }
  table.rubrica th {
  background-color:yellow;
  border:1px solid silver;
  margin:0;
  padding:0px 2px 0px 2px;
  vertical-align:middle;
  white-space: nowrap;
  font-size:80%;
  }
  table.rubrica a:link,
  table.rubrica a:visited {
  color:blue;
  text-decoration:none; 
  padding-left:2px;
  padding-right:2px;
  }
  table.rubrica a:hover {
  color:#000000;
  background-color:yellow;
  text-decoration:none; 
  padding-left:2px;
  padding-right:2px;
  }
/* ######################################################################## */
.elezioni table {
  background-color:#FFFFFF;
  width:auto;
  border:1px solid silver;
  border-collapse:collapse;
  border-spacing:0;
  margin:0;
  }
@media screen {
  .elezioni tr,
  .elezioni th,
  .elezioni td {
  border:1px solid silver;
  margin:0;
  padding:0px 2px 0px 2px;
  font-size:90%;
  white-space: nowrap;
  }
}
@media print {
  .elezioni tr,
  .elezioni th,
  .elezioni td {
  border:1px solid silver;
  margin:0;
  padding:0px 2px 0px 2px;
  font-size:80% !important;
  white-space: nowrap;
  }
}
/* ######################################################################## */
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;
  }
/* ######################################################################## */
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;
  }
/* ######################################################################## */
.orario table {
  background-color:#FFFFFF;
  caption-side:top;
  border:1px solid silver;
  border-collapse:collapse;
  border-spacing:0;
  margin:0;
  }
@media screen {
  .orario tr,
  .orario th,
  .orario td {
  border:1px solid silver;
  margin:0;
  padding:0px 2px 0px 2px;
  vertical-align:middle;
  white-space: nowrap;
  font-size:100%;
  }
}
@media print {
  .orario tr,
  .orario th,
  .orario td {
  border:1px solid silver;
  margin:0;
  padding:0px 2px 0px 2px;
  vertical-align:middle;
  white-space: nowrap;
  font-size:90%;
  }
}
/* ######################################################################## */
table.gioiso {
  background-color:#FFFFFF;
  caption-side:top;
  border:0;
  border-collapse:collapse;
  border-spacing:0;
  margin:0;
  }
@media screen {
  table.gioiso tr,
  table.gioiso th,
  table.gioiso td {
  border:0;
  margin:0;
  padding:0px 2px 0px 2px;
  vertical-align:middle;
  white-space: nowrap;
  font-size:100%;
  }
}
@media print {
  table.gioiso tr,
  table.gioiso th,
  table.gioiso td {
  border:0;
  margin:0;
  padding:0px 2px 0px 2px;
  vertical-align:middle;
  white-space: nowrap;
  font-size:90%;
  }
}
.giornoiso {
	color:#FF0000;
	font-size:140%;
	font-weight:700;
	padding:0px 2px;
}
/* ######################################################################## */
@media screen {
.blinktext {
	animation:1s blinker linear infinite;
	-webkit-animation:1s blinker linear infinite;
	-moz-animation:1s blinker linear infinite;
	font-size:120%;
	font-weight:700;
	background-color:yellow;
	padding:0px 2px;
	line-height:100%;
	}
	@-moz-keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
	}
	@-webkit-keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
	}
	@keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
	}
}
@media print {
.blinktext {
	font-size:120%;
	font-weight:700;
	padding:0px 2px;
	line-height:100%;
	}
}
/* ######################################################################## */
@media screen {
@-webkit-keyframes sablink {
    0%   { background-color: #fff; }
    49% { background-color: #fff; }
    50% { background-color: #FFFF00; }
    99% { background-color: #FFFF00; }
    100% { background-color: #fff; }
  }
  @-moz-keyframes sablink {
    0%   { background-color: #fff; }
    49% { background-color: #fff; }
    50% { background-color: #FFFF00; }
    99% { background-color: #FFFF00; }
    100% { background-color: #fff; }
  }
  @keyframes sablink {
    0%   { background-color: #fff; }
    49% { background-color: #fff; }
    50% { background-color: #FFFF00; }
    99% { background-color: #FFFF00; }
    100% { background-color: #fff; }
  }
td.sablink {
  -webkit-animation: sablink 1s infinite;
  -moz-animation:    sablink 1s infinite;
  animation:         sablink 1s infinite;
  vertical-align:middle;
  white-space: nowrap;
  }
th.sablink {
  -webkit-animation: sablink 1s infinite;
  -moz-animation:    sablink 1s infinite;
  animation:         sablink 1s infinite;
  vertical-align:middle;
  white-space: nowrap;
  }
}
@media print {
td.sablink {
	}
}
/* ######################################################################## */
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:bold;
  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:bold;
  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:#FF0000;
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:#0000CC;
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:#0000CC;
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:#0000CC;
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:#0000CC;
padding:1px 4px;
font-weight:bold;
}
.buttonmenu li a:hover, .buttonmenu li a:active{
text-align:left;
font-size:95%;
color:#0000CC;
padding:1px 4px;
font-weight:bold;
background-color:#FFFF00;
}
/* ######################################################################## */
ol.buttonlargo {
list-style-type:decimal-leading-zero;
list-style-position:outside;
margin:0;
padding:0;
font-size:100%;
}
ul.buttonlargo { /* <ul class="buttonlargo"> */
list-style-type:none;
text-align:left;
margin:30px;
}
.buttonlargo li P{
text-align:left;
color:#FF0000;
display:block;
padding:1px 4px;
font-weight:bold;
text-decoration:none;
line-height:96%;
}
.buttonlargo li H5{
text-align:left;
color:#000066;
display:block;
padding:2px 4px;
font-weight:bold;
text-decoration:none;
line-height:96%;
}
.buttonlargo li address{
text-align:left;
color:#000000;
display:block;
padding:1px 4px;
font-style:normal; 
font-weight:bold;
text-decoration:none;
line-height:96%;
}
.buttonlargo li cite {
text-align:center;
color:#FFFFFF;
display:block;
padding:1px 4px;
font-style:normal; 
font-weight:bold;
text-decoration:none;
line-height:96%;
}
.buttonlargo li a {
text-align:left;
color:#003399;
display:block;
padding:1px 4px;
text-decoration:none;
}
.buttonlargo li a:visited{
text-align:left;
color:#000066;
padding:1px 4px;
}
.buttonlargo li a:hover, .buttonlargo li a:active{
text-align:left;
color:#000066;
padding:1px 4px;
background-color:yellow;
}
/* ######################################################################## */
.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}
/* ######################################################################## */
#colonnasinistra {
  position:relative;
  float:left;
  left:0;
  top:0;
  padding:10px;
  border:0px solid #fafafa;
  width:45%;
  text-align:left;
}
#colonnadestra {
  position:relative;
  float:left;
  left:0;
  top:0;
  padding:10px;
  border:0px solid #0000FF;
  width:45%;
  text-align:left;
}
/* ######################################################################## */
#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%;	}


/* ######################################################################## */