/* ####### 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%; */
}
@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 {
* {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
	}
}
@media screen {
body {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal; 
	font-weight:normal; 
	}
	body a:link,
	body a:visited {
	text-decoration:none;
	}
	body p {
	color:#000000;
	padding:0; 
	margin:0; 
	}
	body.bodynero {
	color:white; 
	margin:0; 
	padding: 0; 
	background: black; 
	background-image: none;
	}
}
/* ######################################################################## */
.fotocontainer {
	width: 100%;
	height: auto;
	margin:10px auto;
}
figure#fotocontainer img {
	object-fit: cover;
	max-width: 100%;
	height: auto;
	margin:0 auto;
}
figure#fotocontainer figcaption {
	padding:0; 
	margin:0 auto;
	text-align: center;
}
/* ######################################################################## */
#fotoverticale {
  width: 100%;
  height: auto;
  margin:10px auto;
}
figure#fotoverticale img {
  object-fit: cover;
  max-width: 60%;
  height: auto;
}
figure#fotoverticale figcaption {
	padding:0; 
	margin:0 30px;
}
.img {
  max-width: 100%;
  height: auto;
}
/* ######################################################################## */
.video {
	max-width: 100%;
	height: auto;
	text-align:center; 
}
.videocontainer {
	width: 100%;
	height: auto;
	text-align:center; 
}
div.videocontainer {
	width: 100%;
	height: auto;
	text-align:center; 
	margin:0;
}
div.videocontainer video {
	object-fit: cover;
	max-width: 98%;
	height: auto;
	margin-left:1%;
	margin-right:1%;
	margin-top:0;
	margin-bottom:0;
	text-align:center; 
}
/* ######################################################################## */
.videox {
	max-width: 98%;
/*	max-height: 99vh; */
	text-align:center; 
    margin-top:0;
	border:0px solid yellow;
}
.video-wrapper {
	width: 99%;
	height: auto;
	text-align:center;
	border:0px solid silver;
}
/* ######################################################################## */
.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%;
}
/* ######################################################################## */
.contaiframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.contaiframe-4-3 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%; /* 4:3 Aspect Ratio */
}
/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* ######################################################################## */
.camcontainer {
	width: 100%;
	height: auto;
	margin:8px auto 0 auto;
	}
@media only screen and (max-width: 1370px) {
.cam-container {
	width: 100%;
	max-height: 100%;
	margin:0 auto;
	}
.cam-containermax {
	width: 100%;
	max-height: 100%;
	margin:0 auto;
	}
}
@media only screen and (min-width: 1371px) {
.cam-container {
	width:1024px;
	height:768px;
	margin:0 auto;
	}
.cam-containermax {
	width: 100%;
	max-height: 100%;
	margin:0 auto;
	}
}
/*	width:1024px;
	height:768px; */
/* ######################################################################## */
.topurl {
	width:100%; 
	background-color:#F2F2F2; 
	font-size:140%; 
	margin:0 auto; 
	padding:4px;
}
/* ######################################################################## */
@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;
   }
}
/* ######################################################################## */
div.pulsantex {
    background: #dddddd;
	width:60%;
	font-size:120%;
	font-weight:bold;
	margin:8px auto; 
	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.pulsantex a {
	font-size:120%;
	font-weight:bold;
	text-align:center; 
	color:#000033;
	text-transform: uppercase;
	}
input.pulsantesubmit {
	width:95%;
	font-size:90%;
	font-weight:bold;
	margin:8px 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:60px; 
	text-align:center; 
	overflow:hidden; 
	}
div.unacolonna {
	width:38%;
	margin-left:20%;
	margin-right:20%;
	height:60px; 
	text-align:center; 
	overflow:hidden; 
	}
/* ######################################################################## */
@media only screen {
    p.ottanta {
	margin:0;
	padding:0; 
	font-size:80%;	
	line-height:104%;
	}
    p.novanta {
	margin:0;
	padding:0; 
	font-size:90%;
	line-height:104%;
	}
    p.cento {
	margin:0;
	padding:0; 
	font-size:100%;
	line-height:104%;
	}
    a.cento {
	margin:0;
	padding:0; 
	font-size:100%;
	line-height:104%;
	font-weight:bold;
	}
    p.centoventi {
	margin:0;
	padding:0;
	font-size:120%;
	line-height:110%;
	font-weight:bold;
	}
    a.centoventi {
	margin:0;
	padding:0; 
	font-size:120%;
	line-height:110%;
	font-weight:bold;
	}
	p.centoquaranta {
	margin:0;
	padding:0; 
	font-size:140%;
	line-height:110%;
	font-weight:bold;
	}
	p.centosessanta {
	margin:0;
	padding:0; 
	font-size:160%;
	line-height:110%;
	font-weight:bold;
	}
    p.duecento {
	margin:0;
	padding:0; 
	white-space:nowrap; 
	text-align:center; 
	font-size:200%;	
	font-weight:bold;
	text-transform: uppercase;
	line-height:90%;
	}
    h2.duecento {
	margin:0;
	padding:0; 
	white-space:nowrap; 
	text-align:center; 
	font-size:200%;	
	font-weight:bold;
	text-transform: uppercase;
	line-height:90%;
	}
    p.trecento {
	margin:0;
	padding:0; 
	white-space:nowrap; 
	text-align:center; 
	font-size:300%;	
	font-weight:bold;
	text-transform: uppercase;
	line-height:99%;
	}
}
@media print {
	p.ottanta {
		font-size:100%;
		margin:0;
		padding:0;
		line-height:100%;
		}
	p.novanta {
		font-size:120%;
		margin:0;
		padding:0; 
		line-height:100%;
		}
	p.cento {
		font-size:140%;
		margin:0;
		padding:0; 
		line-height:100%;
		}
	a.cento {
		margin:0;
		padding:0; 
		font-size:140%;
		line-height:104%;
		font-weight:bold;
		color:#000000;
		}
	p.centoventi {
		font-size:160%;
		margin:0;
		padding:0; 
		line-height:110%;
		font-weight:bold;
		}
	a.centoventi {
		font-size:160%;
		margin:0;
		padding:0; 
		line-height:110%;
		font-weight:bold;
		}
	p.centoquaranta {
		font-size:180%;
		margin:0;
		padding:0; 
		line-height:110%;
		font-weight:bold;
	}
	p.centosessanta {
		font-size:200%;
		margin:0;
		padding:0;
		line-height:110%;
		font-weight:bold;
	}
	p.duecento {
		font-size:300%;	
		margin:0;
		padding:0; 
		white-space:nowrap; 
		text-align:center; 
		font-weight:bold;
		text-transform: uppercase;
		line-height:96%;
	}
}
/* ######################################################################## */
div.centoventi {
	margin:0;
	padding:0; 
	font-size:120%;
	font-weight: 800;
	text-align:center; 
	text-transform: uppercase;
	}
span.centoventi {
	font-size:120%;
	font-weight: 800;
	text-align:center; 
	text-transform: uppercase;
	}
a.duecento {
	padding:2px; 
	white-space:nowrap; 
	font-size:200%;	
	font-weight:bold;
	}
/* ######################################################################## */
div.grigliah {
		overflow:hidden;
		position:relative;
		float:left; 
		padding:0; 
		border:0; 
		}
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;
		}
div.grigliah img {
		margin:0;
		border-radius: 16px;
		/* border-top-left-radius: 16px;
		border-top-right-radius: 16px; */
		}
@media only screen and (max-width: 767px) {
	.grigliah {
		margin:2px;
		font-size:70%; 
		width:80px; 
		height:110px;
		}
}
@media (min-width: 768px) and (max-width: 1080px) {
	.grigliah {
		margin:5px;
		font-size:80%; 
		width:90px; 
		height:130px;
		}
}
@media (min-width: 1081px) and (max-width: 1370px) {
	.grigliah {
		margin:5px;
		font-size:90%; 
		width:90px; 
		height:130px; }
}
@media only screen and (min-width: 1371px) {
	.grigliah {
		margin:5px;
		font-size:100%; 
		width:110px; 
		height:150px;
		}
}
/* ######################################################################## */
@media only screen and (max-width: 1370px) {
div.griglia100 {
	float:left;
	width:70px;
	height:90px;
	overflow:hidden;
	margin:0;
	padding:0;
	border:0;
	vertical-align:bottom;  
	font-size:100%;
	line-height:100%;
	}
.griglia100 img {
	object-fit: cover;
	max-width: 80%;
	height: auto;
	text-align:center;
	}
}
@media only screen and (min-width: 1371px) {
.griglia100 {
	float:left;
	width:90px;
	height:110px;
	overflow:hidden;
	margin:0; 
	padding:0; 
	border:0; 
	vertical-align:bottom;  
	font-size:100%;
	line-height:100%;
	}
div#griglia100 img {
	object-fit: cover;
	max-width: 100%;
	height: auto;
	}
}
/* ######################################################################## */
.iskia {
  white-space:nowrap;
  margin:0px 0px 0px 3px;
  padding:0px 0px 0px 0px;
  }
.iskya {
  margin:0 10px 0 10px;
  padding:0;
  }
/* ######################################################################## */
.destrix {
	right:0;
	text-align:right;
}
img.destrix {
	right:0;
	text-align:right;
}
table.destrix {
	right:0;
	text-align:right;
}
td.destrix {
	right:0;
	text-align:right;
}
div.destrix {
	right:0;
	text-align: right;
}
.destrix > table{
	display:inline-block;
}
.destrix > div{
	display:inline-block;
}
/* ######################################################################## */
.centerx {
	margin:0 auto;
	text-align:center; 
}
img.centerx {
	margin:0 auto;
	text-align:center; 
}
centerx {
	margin:0 auto;
	text-align:center; 
}
.centerx > table{
	display:inline-block;
}
.centerx > div{
	display:inline-block;
}
.centrare {
	display: block;
	margin-top:0; 
	margin-bottom:0; 
	margin-left:auto;
	margin-right:auto;
   }
a#centra {
	margin:0 auto;
	text-align:center; 
}
img#centra {
	margin:0 auto;
	text-align:center; 
}
div#centra { 
	display: block;
	margin-top:0; 
	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: 2px solid red;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    margin-left: 0;
    margin-right: auto;
	}
hr.lineagrande {
	border: 2px solid red;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    margin-left: 0;
    margin-right: auto;
	}
	@media screen {
hr.lineapiccola {
	display:none;
	}
}
	@media print {
hr.lineapiccola {
	border: 1px solid red;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    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; 
  }
i {
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  text-decoration:none;
  font-style: normal;
  }
#content i {
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  text-decoration:none;
  font-style: normal;
  }
cite {
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  text-decoration:none;
  font-style: normal;
  }
#content p cite {
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  text-decoration:none;
  font-style: normal;
  }
@media screen {
	h1 {
		font-size:200%;
		color:red;
		font-weight:bold; 
		padding:0;
		margin:0; 
		line-height:100%;
	}
	#content h1 {
		font-size:200%;
		color:red;
		font-weight:bold; 
		padding:0;
		margin:0; 
		line-height:100%;
	}
	#content h2 {
		font-size:180%;
		color:#000099;
		font-weight:bold; 
		padding:0;
		margin:0; 
		line-height:90%;
	}
	h2 {
		font-size:180%;
		color:#000099;
		font-weight:bold; 
		padding:0;
		margin:0; 
		line-height:90%;
	}
	h2 a:link,
	h2 a:visited {
		color:#000099;
	}
	h2.ottanta {
		font-size:80%;	
	}
	h2#escursioni {
		text-transform: uppercase;
		}
	h2#escursioni a:link,
	h2#escursioni a:visited {
		text-transform: uppercase;
		}
	h3 {
		font-size:160%;
		color:#000099;
		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; 
	}
}
@media print {
	h1 {
		font-size:200%;
		color:red;
		font-weight:bold; 
		padding:0;
		margin:0;
	}
	#content h1 {
		font-size:200%;
		color:red;
		font-weight:bold; 
		padding:0;
		margin:0;
	}
	#content h2 {
		font-size:200%;
		color:#000099;
		font-weight:bold; 
		padding:0;
		margin:0; 
		line-height:84%;
	}
	h2 {
		font-size:200%;
		color:#000099;
		font-weight:bold;
		padding:0;
		margin:0;
		line-height:84%;
	}
	h2 a:link,
	h2 a:visited {
		color:#000099;
	}
	h2#escursioni {
		text-transform: uppercase;
	}
	h2#escursioni a:link,
	h2#escursioni a:visited {
		text-transform: uppercase;
	}
	h3 {
		font-size:160%;
		color:#000099;
		font-weight:bold;
		padding:0;
		margin:0;
		line-height:90%;
		}
}
.titolone {
		font-size:250%;
		color:#000099;
		font-weight:bold;
		padding:0;
		margin:0;
		text-transform:uppercase;
		line-height:90%;
	}
.titolonenoupper {
		font-size:250%;
		color:#000099;
		font-weight:bold;
		padding:0;
		margin:0;
		line-height:90%;
	}
.titolodue {
		font-size:140%;
		color:#000000;
		font-weight:bold;
		padding:0;
		margin:0;
		line-height:90%;
	}
/* ######################################################################## */
@media screen {
div.bordox {
	border:0; 
	padding:0; 
	margin:0;
	}
}
@media print {
div.bordox {
	border:1px solid #008000; 
	padding:1px 2px 2px 2px; 
	margin-top:5px;
	margin-bottom:5px;
	}
}
/* ######################################################################## */
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:140%;
  color:#006600;
  font-weight:bold; 
  padding-left:1px;
  line-height:100%;
}
/* ######################################################################## */
.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;
  }
/* ####################### */
@media screen {
.rosso { 
  color:#ff0000;  
  font-style:normal;
  padding:0;
  margin:0;
  }
}
@media print {
.rosso { 
  color:#000000;  
  font-style:normal;
  padding:0;
  margin:0;
  }
}
@media screen {
.rossobold { 
  color:#ff0000;  
  font-style:normal;
  font-weight:bold;
  padding:0;
  margin:0;
  }
}
@media print {
.rossobold { 
  color:#000000;  
  font-style:normal;
  font-weight:bold;
  padding:0;
  margin:0;
  }
}
/* ####################### */
.testoverde {
  color:#006600;
  font-style:normal;
  font-weight:normal; 
  padding:0;
  margin:0;
}
@media screen {
.verdebold {
  color:#006600;
  font-style:normal;
  font-weight:bold;
  padding:0;
  margin:0;
  }
}
@media print {
.verdebold {
  color:#000000;
  font-style:normal;
  font-weight:bold;
  padding:0;
  margin:0;
  }
}
.verdescurobold {
  color:#003300;
  font-style:normal;
  font-weight:bold;
  padding:0;
  margin:0;
}
/* ####################### */
@media screen {
.blu {
  color:#000066;
  font-style:normal;
  padding:0;
  margin:0;
  }
}
@media print {
.blu {
  color:#000000;
  font-style:normal;
  padding:0;
  margin:0;
  }
}
@media screen {
.blubold {
  color:#000066;
  font-style:normal;
  font-weight:bold;
  padding:0;
  margin:0;
  }
}
@media print {
.blubold {
  color:#000000;
  font-style:normal;
  font-weight:bold;
  padding:0;
  margin:0;
  }
}
/* ####################### */
.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; 
  }
.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; 
	} 
tr.rossobold,
td.rossobold { 
	color:#FF0000;  
	font-style:normal;
	font-weight:bold;
	padding:0;
	margin:0;
	} 
/* ######################################################################## */
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;
   }
/* ######################################################################## */
.minimo table {
  background-color:#FFFFFF;
  border-collapse:collapse;
  border-spacing:0;
  border:1px solid #000000;
  margin:0;
  }
.minimo table th,
.minimo table td {
  border:2px solid #708090;
  margin:0;
  padding:0 0 0 2px;
  vertical-align:middle;
  line-height:110%;
  }
.minimo table td select {
font-size:100%;
border:0;
margin:0;
}
/* ######################################################################## */
.minisilver table {
  background-color:#FFFFFF;
  border-collapse:collapse;
  border-spacing:0;
  border:1px solid #000000;
  margin:0;
  }
.minisilver table th,
.minisilver table td {
  	border:1px solid silver;
  	margin:0;
  	padding:0 0 0 2px;
  	vertical-align:middle;
  	line-height:110%;
	font-size:90%;
}
/* ######################################################################## */
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;
}
.elezioni td {
	background-color:#FFFFFF;
	border:1px solid silver;
	margin:0;
	padding:0px 2px 0px 2px;
	font-size:90%;
	white-space: nowrap;
}
.elezioni th {
	background-color:#FFFFFF;
	border:1px solid silver;
	margin:0;
	padding:0px 2px 0px 2px;
	white-space: nowrap;
}
.elezioni caption {
	caption-side: bottom;
	border:0;
	margin:0;
	padding:0px 2px 0px 2px;
	font-size:100%;
	white-space: nowrap;
}
/* ######################################################################## */
.elezionhead table {
	background-color:#FFFFFF;
	width:auto;
	border:1px solid silver;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
}
.elezionhead tr,
.elezionhead th,
.elezionhead td {
	background-color:#FFFFFF;
	border:1px solid silver;
	margin:0;
	padding:0px 2px 0px 2px;
	font-size:90%;
}
.elezionheadright td {
	text-align: right;
	white-space: nowrap;
}
.elezionhead caption {
	border:0;
	margin:0;
	padding:0px 2px 0px 2px;
	font-size:100%;
}
@media screen {
	.elezionhead tr,
	.elezionhead th,
	.elezionhead td {
	font-size:90%;
  }
}
@media print {
	.elezionhead tr,
	.elezionhead th,
	.elezionhead td,
	.elezionhead caption {
	font-size:80% !important;
  }
}
/* ######################################################################## */
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   */
/* ######################################################################## */
.orario table {
	z-index:9999;
	background-color:#FFFFFF;
	caption-side:top;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	table-layout: fixed
  }
.orario table tr,
.orario table tbody {
  border:1px solid silver;
  line-height:100%;
  margin:0;
  }
@media screen {
.orario table td,
.orario table th {
  border:1px solid silver;
  margin:0;
  padding:0 3px;
  vertical-align:middle;
  white-space: nowrap;
  font-size:100%;
  }
}
@media print {
.orario table td,
.orario table th {
  border:1px solid silver;
  line-height:110%;
  margin:0;
  padding:0 3px;
  vertical-align:middle;
  white-space: nowrap;
  font-size:120%;
  }
}
/* ######################################################################## */
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%;
  line-height:120%;
  }
  .giornoiso {
	color:#FF0000;
	font-size:180%;
	font-weight:700;
	padding:0px 2px;
	}
}

@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:100%;
  line-height:110%;
  }
  .giornoiso {
	color:#FF0000;
	font-size:200%;
	font-weight:700;
	padding:0px 2px;
	}
}
/* ######################################################################## */
/*   ORARIO LOCANDINA   */
/* ######################################################################## */
.orariobig table {
	z-index:9999;
	background-color:#FFFFFF;
	caption-side:top;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	table-layout: fixed
  }
.orariobig table tr,
.orariobig table tbody {
  border:1px solid silver;
  line-height:1.0;
  margin:0;
}

@media screen {
.orariobig table td,
.orariobig table th {
  border:1px solid silver;
  margin:0;
  padding:0 3px;
  vertical-align:middle;
  white-space: nowrap;
  font-size:200%;
  }
}

@media print {
.orariobig table td,
.orariobig table th {
  border:1px solid silver;
  margin:0;
  padding:0 3px;
  vertical-align:middle;
  white-space: nowrap;
  font-size:200%;
  }
}
/* ######################################################################## */
table.gioisolocandina {
  background-color:#FFFFFF;
  caption-side:top;
  border:0;
  border-collapse:collapse;
  border-spacing:0;
  margin:0;
}
  table.gioisolocandina tr,
  table.gioisolocandina th,
  table.gioisolocandina td {
  border:0;
  margin:0;
  padding:0px 2px 0px 2px;
  vertical-align:middle;
  white-space: nowrap;
  font-size:120%;
}
  .giornoisolocandina {
	color:#FF0000;
	font-size:160%;
	font-weight:700;
	padding:0px 2px;
}
/* ######################################################################## */
/* ######################################################################## */
.ottantapercento table {
  background-color:#FFFFFF;
  caption-side:top;
  border:1px solid silver;
  border-collapse:collapse;
  border-spacing:0;
  margin:0;
  }
.ottantapercento table tr,
.ottantapercento table tbody {
  border:1px solid silver;
  line-height:100%;
  margin:0;
  }
.ottantapercento table td,
.ottantapercento table th {
  border:1px solid silver;
  margin:0;
  padding:0 3px;
  vertical-align:middle;
  white-space: nowrap;
  font-size:80%;
  }
/* ######################################################################## */
@media screen {
.blinktext {
	animation:1s blinker linear infinite;
	-webkit-animation:1s blinker linear infinite;
	-moz-animation:1s blinker linear infinite;
	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 {
	color:#000000;
	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%;	}


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