/* ------------------------------------------------------------------------------------------------
Theme name  : MVASite - Web Responsive Site mod.03
Version     : 2021.10 - HandMade by Gianni
Standards   : Html 1.1 strict, Html 5, Css 3, Java, W3C WCAG
Media       : Css specifico per il video in abbinamento con Css Media=Print per stampe cartacee
Description : style Web Responsive, SlideShow e PhotoGallery
Notes       : grafica e programmazione totalmente originale (Fogli di Stile, Java, Asp, Php, Html)
Copyright   : Vietata la copia e/o la distribuzione senza l'esplicito consenso dell'autore
Author      : Gianni - webmaster, webdesigner, seo, copy-writer, photographer
Author URI  : magicoalvis.it
--------------------------------------------------------------------------------------------------- */
/* --- reset generale vecchi browser e html 5 ----------------------------------------------------- */
/* pre, abbr, acronym, em, img, center, form, label, legend, caption, canvas, audio, video, applet, object, */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, strong, table, tr, th, td, footer, header, menu, nav, section
																		{ margin: 0px; padding: 0px; border: 0px; font-size: 100%; font: inherit; }
article, aside, details, figure, footer, header, menu, nav, section		{ display: block; }
ol, ul																	{ list-style: none; list-type: disc; list-style-position: outside; }
blockquote:before, blockquote:after, q:before, q:after					{ content: ''; content: none; }
blockquote, q															{ quotes: none; }
@charset "UTF-8";
/* --- tags di default ---------------------------------------------------------------------------- */
body, body#HPage {
	z-index: 0;
	width: auto;
	max-width: 1700px;    /* (anche in fondo sul MediaScreen */
	min-width: 300px;
	overflow-x: hidden;
	/* overflow-y: scroll; */
	margin: 40px auto 60px auto;
	border: 0p;
	padding: 0px;
	background: black url(../grafica/bSfondo.jpg) repeat left top;
	/* versione estesa
	background-color: Black;
	background-image: url(../grafica/bSfondo.jpg);
	background-repeat: repeat;
	background-position: left top;
	*/
	box-shadow: 2px 2px 20px black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-size:  0.9em /*95%*/;
	color: black;
}
h1 { margin: 0px; border: 0px; padding: 30px 0px 0px 0px; font-size: 1.6em; font-style: italic; font-weight: normal; text-shadow: 2px 2px 5px black; }
h2 { background-color: Silver; margin: 0px 0px 20px 0px; border: 0px; border-top: 1px solid gray; border-bottom: 1px solid gray; padding: 30px 10px 10px 20px; font-size: 1.3em; font-style: normal; font-weight: normal; text-shadow: 1px 1px 5px gray; }
h2 img  { margin: 0px; border: 1px solid gray; padding: 0px; box-shadow: 3px 3px 10px gray; border-radius: 5px; }
h3 { margin: 0px; border: 0px; padding: 20px 0px 10px 0px; font-size: 1.2em; font-style: normal; font-weight: normal; }
h4, h5, h6 { margin: 0px; border: 0px; padding: 20px 0px 10px 0px; font-size: 1.1em; font-style: normal; font-weight: normal; }
hr { margin: 40px 50px 20px 10px; height: 0px; padding: 0px; border: 1px inset; color: gray; }
br { font-size: 1.1em; }
ul { list-style-position: outside; list-style: disc outside; padding-top: 5px; padding-bottom: 5px; }
li { /* height: 20px; */ }
a { text-decoration: none; color: Silver; font-weight: normal; }
a:hover { text-decoration: underline; color: Yellow; }
img { margin: 0px; border: 1px solid Black; padding: 5px; border-radius: 10px; box-shadow: 2px 2px 10px black; }
strong { font-size: 1em; font-weight: bold; }
span.Evidenzia { background-color: #CCFF66; font-style: italic; }
iframe { background-color: Silver; margin: 0px; border: 0px; border-top: 1px solid Gray; border-bottom: 1px solid Gray; padding: 20px; width: 90%; height: 500px; border-radius: 0px; box-shadow: none; text-align: center; }
table { background-image: url(../grafica/bBkg08.gif); background-repeat: no-repeat; width: 100%; margin: 0px 0px 5px 0px; padding: 4px; border: 1px solid silver; border-radius: 0px; box-shadow: none; }
th { background-color: #d6e4de; margin: 0px; padding: 15px 0px 5px 0px; font-size: 1.3em; font-style: normal; font-weight: normal; text-align: center; text-shadow: none; }
td { margin: 0px; border: 0px; padding: 7px 2px 2px 5px; font-size: 0.9em; font-style: normal; font-weight: normal; background-color: #E2EAED; }
td h2 { border: 0px; font-size: 1.3em; font-style: italic; font-weight: normal; text-shadow: 1px 1px 4px gray; }
td img       { margin: 0px; border: 1px solid Black; padding: 3px; border-radius: 5px; box-shadow: none; }
td.Evidenzia { margin: 0px; border: 0px; padding: 20px 2px 3px 10px; background-color: #DCE6E9; font-size: 1.0em; font-style: normal; font-weight: normal; }
td.Bianca    { margin: 0px; border: 0px; padding: 10px 0px 5px 5px;  background-color: White; }
td.Azzurra   { margin: 0px; border: 0px; padding: 10px 0px 5px 5px;  background-color: #D6EBFF; }
td.Verdino   { margin: 0px; border: 0px; padding: 15px 0px 5px 5px;  background-color: #d6e4de; }
td.Centra    { text-align: center; background-color: #DCE6E9; }
td.Destra    { text-align: right; }
/* ------------------------------------------------------------------------------------------------ */
/* --- Box Superiore intestazione, testata loghi -------------------------------------------------- */
div#TopBox { background-color: #215000; background-image: url(../grafica/bBkg12.png); background-repeat: repeat; border: 0px; border-bottom: 1px solid Yellow; margin: 0px; padding: 30px 0px 5px 15px; font-size: 1.5em; font-style: oblique; font-weight: normal; color: Yellow; text-shadow: 2px 2px 5px black; }
div#TopBox a { text-decoration: none; color: Yellow; }
div#TopBox a:hover { color: White; font-style: normal; }
/* --- Box Centrale Contenuti --------------------------------------------------------------------- */
div#ContentBox { background-color: #215000; margin: 0px; border: 0px; padding: 0px; }
/* --- Box Sotto Coda Pagina ---------------------------------------------------------------------- */
div#BottomLinks, div#HPBLinks { background-color: #215000; background-image: url(../grafica/bBkg12.png); background-repeat: repeat; border: 0px; border-top: 1px solid Black; border-bottom: 1px solid Yellow; margin: 0px; padding: 30px 5px 20px 50px; color: white; font-size: 1.1em; }
div#BottomLinks li, div#HPBLinks li { list-style: url(../grafica/pPoint-01.gif); }
div#BottomTail, div#HPBTail { background-color: #215000; background-image: url(../grafica/bBkg12.png); background-repeat: repeat; margin: 0px; border: 0px; padding: 20px 10px 100px 10px; text-align: center; color: White; }
div#BottomTail img, div#HPBTail img { height: 50px; margin: 3px; border: 0px; padding: 0px; box-shadow: 0px 0px 5px black; border-radius: 0px; }
/* --- Per le panoramiche ------------------------------------------------------------------------- */
body.Panor { overflow: scroll; background-image: none; background-color: #215000; max-width: 100%; margin: 0px; border: 0px; padding: 0px; font-size: 0.9em; font-style: normal; font-weight: normal; text-align: center; color: White; }
div#PanorTop { background-color: #215000; border: 0px; border-bottom: 1px solid Yellow; margin: 0px; padding: 25px 0px 5px 15px; font-size: 1.5em; font-style: oblique; font-weight: normal; text-align: left; color: Yellow; text-shadow: 2px 2px 5px black; }
div#PanorTop a { text-decoration: none; color: Yellow; }
div#PanorTop a:hover { color: White; }
div#PanorPhoto, div#PanorPhotoVert, div#PanorTxt, div#PanorBottom { background-image: url(../grafica/bBkg11.png); background-repeat: repeat; margin: 0px; border: 0px; padding: 0px; }
div#PanorPhoto img { height: 700px; max-width: none; padding: 0px; margin: 20px; box-shadow: none;  border-radius: 0px; }
div#PanorPhotoVert img { height: auto;  padding: 0px; margin: 20px; box-shadow: none;  border-radius: 0px; }
div#PanorTxt { padding: 5px 5px 10px 25px; }
div#PanorBottom { border-top: 1px solid Yellow; padding: 10px 5px 50px 50px; }
div#PanorBottom img { margin: 2px; padding: 0px; border: 0px; }
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* --- Box centrale contenuti * menu SX ----------------------------------------------------------- */
div#CSXBox { width: 247px; background-image: url(../grafica/bBkg12.png); background-repeat: repeat; margin: 0px; border: 0px; padding: 20px 15px 20px 5px; float: left; text-align: right; color: White; }
div#CSXBox img { width: 200px; margin: 0px; border: 0px; padding: 10px 8px 5px 36px; border-radius: 5px; box-shadow: none; background-image: url(../grafica/bBkg11.png); background-repeat: repeat; }
div#CSXBox a { text-decoration: none; color: Lime; }
div#CSXBox a:hover { text-decoration: underline; }
div#CSXHead, div#CSXLinks, div#CSXBottomInfo, div#CSXMenu11, div#CSXMenu12, div#CSXMenu13, div#CSXMenu21, div#CSXMenu22 { margin: 0px; border: 0px; padding: 5px 0px 0px 0px; }
div#CSXMenu11 a.M10, div#CSXMenu12 a.M10, div#CSXMenu13 a.M10, div#CSXMenu21 a.M10, div#CSXMenu22 a.M10 {
	margin: 1px 0px 1px 3px;
	border: 0px;
	padding: 10px 5px 2px 2px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: Yellow;
	background-image: url(../grafica/bBkg11.png);
	background-repeat: repeat;
	border-radius: 5px;
}
div#CSXMenu21 a.M20, div#CSXMenu22 a.M20 {
	margin: 1px 0px 1px 3px;
	border: 0px;
	padding: 5px 5px 1px 2px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: White;
	background-image: url(../grafica/bBkg11.png);
	background-repeat: repeat;
	border-radius: 5px;
}
div#CSXMenu21 br, div#CSXMenu22 br { font-size: 0.1em; height: 5px; margin: 0px; padding: 0px;}
div#CSXMenu11 a:hover, div#CSXMenu12 a:hover, div#CSXMenu13 a:hover, div#CSXMenu21 a:hover, div#CSXMenu22 a:hover { color: Black; background: Silver; }
/* ------------------------------------------------------------------------------------------------ */

/* --- CDX - Box Centrale Destra Contenuti -------------------------------------------------------- */
div#CDXBox { margin: 0px 0px 0px 270px;  border: 0px; padding: 0px; padding-top: 15px; }
/* Box Testate - solo homepage */
div#CDXHeadHP { margin: 0px auto 0px auto; border: 0px; padding: 15px 0px 20px 0px; text-align: center; color: White; }
div#CDXHeadHP img { background-image: url(../grafica/bBkg12.png); background-repeat: repeat; margin-left: -50px; border: 1px solid Yellow; padding: 20px; box-shadow: 0px 0px 30px black; }
/* Box Testate - altre pagine */
div#CDXHead { max-width: 1000px; margin: 0px auto 10px auto; border: 1px solid black; padding: 20px; background-image: url(../grafica/bBkg12.png); background-repeat: repeat; text-align: center; color: White; border-radius: 10px; /* box-shadow: 0px 0px 20px black; */ }
div#CDXHead img { width: 100%; margin: 0px; border: 0px solid black; padding: 0px; border-radius: 10px; box-shadow: none; }
/* --- BCC - Box Centrale Contenuti --------------------------------------------------------------- */
/* BCC - Box Centrale Contenuti * Riquadri trasparenti */
div#BCCBoxList, div#BCCBoxParks, div#HPEvidenza {
	background-image: url(../grafica/bBkg12.png);
	background-repeat: repeat;
	border: 0px;
	border-top: 1px solid Yellow;
	border-bottom: 1px solid Yellow;
	margin: 0px 0px 30px 0px;
	padding: 30px 5px 10px 20px;
	color: white;
	font-size: 1.1em;
}
div#HPEvidenza li { list-style: url(../grafica/pPoint-01.gif); }
div#HPEvidenza img { margin: 5px 10px 0px 5px; padding: 0px; box-shadow: none; }
div#BCCBoxList li { list-style: url(../grafica/pPoint-02.png); color: silver; }
div#BCCBoxParks li.Punto01 { list-style: url(../grafica/pPark-01.gif); }
div#BCCBoxParks li.Punto02 { list-style: url(../grafica/pPark-02.gif); }
div#BCCBoxParks li.Punto03 { list-style: url(../grafica/pPark-03.gif); color: Silver; }
/* BCC - Box Centrale Contenuti * Riquadri sfondo grigio */
div#BCCBoxText, div#BCCBoxGps, div#HPComune {
	background-color: Silver;
	background-image: url(../grafica/bBkg02.gif);
	background-position: left;
	background-repeat: repeat-y;
	border: 0px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: 0px;
	padding: 30px;
	font-size: 1.0em;
	color: Black;
}
div#BCCBoxText a, div#BCCBoxGps a { font-weight: normal; color: Blue; text-decoration: none; }
div#BCCBoxText a:hover, div#BCCBoxGps a:hover { text-decoration: underline; }
div#BCCBoxText img { margin: 0px 20px 10px 0px; }
div#BCCBoxGps img { margin: 0px 20px 10px 0px; }
table#Gps img { margin: 1px; }
/* BCC - Box Centrale Contenuti * Riquadri Elenco Asp */
div#BCCBoxElenco {
	background-image: url(../grafica/tBkg03.png);
	background-position: top;
	background-repeat: repeat-x;
	border: 0px;
	margin: 0px;                   /* margin-top: -35px; *//* tenere sotto osservazione se funziona bene */
	padding: 50px 0px 0px 0px;
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: black;
	box-shadow: none;
	border-radius: 0px;
}
div#BCCBoxElenco a { text-decoration: none; color: blue; }
div#BCCBoxElenco a:hover { text-decoration: underline; }
div#BCCBoxElenco img { margin: 0px; border: 1px solid Black; padding: 3px; }
div#FrameNota {
	background-color: Silver;
	margin: 10px 0px 10px 0px;
	border: 0px;
	border-top: 1px solid Gray;
	border-bottom: 1px solid Gray;
	padding: 25px;
	box-shadow: none;
	border-radius: 0px;
	font-size: 0.9em;
}
div#FrameCentra {
	background-image: url(../grafica/bBkg12.png);
	background-repeat: repeat;
	margin: 10px 0px 10px 0px;
	border: 0px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 20px 0px 10px 0px;
	text-align: center;
}
div#FrameCentra img { margin: 5px; border: 1px solid Black;  border-radius: 0px; box-shadow: none; padding: 3px; }
table#AspElenco {
	width: 100%;
	background-color: Silver;
	background-image: url(../grafica/bBkg02.gif);
	background-position: left;
	background-repeat: repeat-y;
	margin: 0px;
	border: 0px;
	padding: 5px;
	border-radius: 0px;
	box-shadow: none;
}
/* BCC - Box Centrale Contenuti - tags multimediali ------------------------------------------------- */
div#BCCBoxPhoto { background-image: url(../grafica/bBkg12.png); border: 0px; border-top: 1px solid Yellow; border-bottom: 1px solid Yellow;  margin: 0px; padding: 40px 0px 20px 0px; text-align: center; color: white; }
div#BCCBoxPhoto img { background-image: url(../grafica/bBkg12.png); background-repeat: repeat; width: 650px; border: 0px; margin: 5px; padding: 20px; border: 0px solid Black; border-radius: 10px; box-shadow: 0px 0px 0px 0px /* 2px 2px 10px black */; }
div#BCCBoxYouTube { border: 0px; margin: 0px; padding: 0px; background-color: Silver; text-align: left; font-size: 1.2em; color: Black; }
div#BCCBoxYouTube iframe { background-color: Silver; margin: 0px; border: 0px; border-top: 1px solid Gray; border-bottom: 1px solid Gray; padding: 20px; width: 90%; height: 500px; /* border-radius: 0px; box-shadow: none; text-align: center; */ }

/* controllare - Diaporama: utilizzato in Dolomiti e Photo - FrameMp3: utilizzato solo in Padova Citta */
div#Diaporama { margin: 0px auto 30px auto;}
div#Diaporama img { width: 800px; }
ul#FrameMp3 li { height: 20px; list-style: none; margin: 0px; border: 0px; padding: 5px 0px 0px 0px; font-size: 1.1em; }
ul#FrameMp3 #player { height: 20px; }
/* --- FINE BCC - Box Centrale Contenuti ---------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* --- Navigazione laterale * barra fissa a dx * AppBar ------------------------------------------- */
div#AppBarCase { z-index: 0; position: fixed; right: 0px; top: 0px; width: 22px; height: auto; background-image: url(../grafica/bDark.png); background-repeat: repeat; border: 0px; border-bottom: 1px solid Silver; border-left: 1px solid Silver; margin: 0px; padding: 0px 10px 0px 5px; font-size: /*1.8em*/ 20px; font-style: normal; font-weight: normal; text-align: left; color: White; text-shadow: 2px 2px 5px black; box-shadow: -3px 3px 8px black; }
div#AppBarCase a { font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: Silver; }
div#AppBarCase a:hover { color: Yellow; }
div#AppBarLight, div#AppBarGr01, div#AppBarGr03 { margin: 15px 0px 25px 0px; }
div#AppBarGr04 { display: none; }
div#ABCPopUpNote, div#ABCPopUpInfo { z-index: -1; position: fixed; top: 0px; right: 0px; width: 600px /* auto */; height: auto; min-height: 350px; background-color: #215000; border: 0px; border-left: 1px solid Gray; border-bottom: 1px solid Gray; margin: 0px; padding: 25px 90px 30px 30px; font-size: large; font-style: normal; font-weight: normal; text-align: center; color: Yellow; text-shadow: 2px 2px 4px black; box-shadow: -2px 2px 10px black; border-radius: 0px 0px 0px 10px; }
div#ABCPopUpTxt { width: 100%; height: 80%; background-image: url(../grafica/bDark.png); background-repeat: repeat; border: 0px; margin: 15px 0px 0px 0px; padding: 25px; font-size: small; font-style: normal; font-weight: normal; text-align: left; color: White; border-radius: 10px; }
.Semaforo span { display: none; font-size: 1.em;}
@media screen and (min-width: 301px)  and (max-width: 320px)  { .uno { background: red; } span.S01 { display: inline-block; } }
@media screen and (min-width: 321px)  and (max-width: 480px)  { .due { background: red; } span.S02 { display: inline-block; } }
@media screen and (min-width: 481px)  and (max-width: 640px)  { .tre { background: red; } span.S03 { display: inline-block; } }
@media screen and (min-width: 641px)  and (max-width: 800px)  { .qua { background: red; } span.S04 { display: inline-block; } }
@media screen and (min-width: 801px)  and (max-width: 1024px) { .cin { background: #FF8000; } span.S05 { display: inline-block; } }
@media screen and (min-width: 1025px) and (max-width: 1240px) { .sei { background: yellow; } span.S06 { display: inline-block; } }
@media screen and (min-width: 1241px) and (max-width: 1600px) { .set { background: lime; } span.S07 { display: inline-block; } }
@media screen and (min-width: 1601px) and (max-width: 1920px) { .ott { background: lime; } span.S08 { display: inline-block; } }
@media screen and (min-width: 1921px) and (max-width: 2400px) { .nov { background: green; } span.S09 { display: inline-block; } }
@media screen and (min-width: 2401px) { .die { background: green; } span.S10 { display: inline-block; } }
/* --- Fine Navigazione laterale * barra fissa a dx * AppBar -------------------------------------- */
/* --- -------------------------------------------------------------------------------------------- */
/* Versione x Frame ------------------------------------------------------------------------------- */
body#Frame { z-index: 90; max-width: 100%; min-width: 200px; width: 100%; border: 0px; margin: 0px auto 0px auto; padding: 0px; background-color: #215000; font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; font-size: 90%; font-style: normal; font-weight: normal; text-align: left; vertical-align: baseline; color: black; border-radius: 0px; box-shadow: 3px 3px 20px black; }
body#Frame h1 { margin: 10px 0px 10px 0px; border: 0px; padding: 0px; font-size: 1.2em; font-weight: normal; font-style: italic; color: black; text-shadow: none; }
body#Frame h2 { margin: 10px 0px 10px 0px; border: 0px; padding: 0px; font-size: 1.1em; font-weight: normal; font-style: italic; color: Navy; }
body#Frame h3 { margin: 10px 0px 10px 0px; border: 0px; padding: 0px; font-size: 1.1em; font-weight: normal; font-style: normal; color: Navy; }
body#Frame h4, body#Frame h5, body#Frame h6 { margin: 10px 0px 5px 0px; border: 0px; padding: 0px; font-size: 1.0em; font-weight: normal; font-style: normal; color: Navy; }
body#Frame hr { margin: 20px 0px 20px 0px; border: 0px; border-top: 1px solid gray; padding: 0px; height: 0px; background-color: black; }
body#Frame strong { font-size: 1em;	font-style: normal;	font-weight: bold; }
body#Frame br { line-height: 1.1; }
body#Frame img { margin: 0px 10px 5px 0px; border: 1px solid Black; padding: 5px; border-radius: 10px; box-shadow: none; }
body#Frame a { margin: 0px; border: 0px; padding: 0px; background-color: transparent; font-size: 1.0em; font-style: normal; font-weight: normal; text-decoration: none; color: blue; }
body#Frame a:hover { text-decoration: underline; }
body#Frame ul { margin: 10px 20px 5px 30px; border: 0px; padding: 0px; list-style: disc outside; list-style-position: outside; font-size: 1em; font-style: normal; font-weight: normal; }
body#Frame li { margin: 0px; border: 0px; padding: 0px; }
body#Frame table { background-color: transparent; background-image: none; width: 100%; margin: 0px; padding: 2px; border: 0px; border-radius: 0px; box-shadow: none; }
body#Frame th { background-color: #d6e4de; margin: 0px; padding: 20px 5px 10px 5px; font-size: 1.1em; font-style: normal; font-weight: normal; text-align: center; }
body#Frame td { background-color: #E2EAED; margin: 0px; border: 0px; padding: 3px; font-size: 1.0em; font-style: normal; font-weight: normal; }
body#Frame td.Bianca { background-color: Transparent; }
body#Frame td.Azzurra { background-color: #D6EBFF; }
body#Frame span.Evidenzia { background-color: #CCFF66; font-style: italic; }
body#Frame div#AppBarCase { display: none; }
/* Section - Box centrale contenuti --------------------------------------------------------------- */
body#Frame section#FrameSection { /* display: block; */ }
body#Frame div#FrameSectionTable { z-index: 71; width: 100%; border: 0px; margin: 0px; padding: 0px; background-color: white; box-shadow: none; }
/* Fine versione Frame ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */
/* --- adattamenti dinamici con ridimensionamenti media-screen ------------------------------------ */
@media screen and (min-width: 2200px) {
	div#CSXBox { border-radius: 10px 0px 0px 10px; box-shadow: -1px 4px 10px black; margin: 0px 0px 0px -270px; border: 0px; background-color: #215000; }
	div#CDXBox { margin-left: 0px; }
	div#BCCBoxPhoto img { width: 700px; }
	div#BottomLinks, div#HPBLinks { margin: 0px; }
	div#BottomTail, div#HPBTail { margin: 0px; }
}
@media screen and (max-width: 2000px) {
	body, body#HPage { margin-top: 0px; margin-bottom: 0px;	border-radius: 0px; }
}
@media screen and (max-width: 1700px) {
	body, body#HPage { background-image: none; margin: 0px; border-radius: 0px; box-shadow: none; }
	div#ContentBox { margin: 0px; border-radius: 0px; box-shadow: none; }
	div#CDXHeadHP img { border: 1px solid black; margin: 0px; padding: 0px; }
	div#CDXHead { background-image: none; margin: 0px auto 0px auto; /* border-radius: 0px; box-shadow: none; */ border: 0px; }
	div#CDXHead img { border: 1px solid black; border-radius: 10px; box-shadow: none; }
	div#BCCBoxPhoto img { width: 600px; margin: 0px; padding: 0px;  box-shadow: none; border-radius: 0px; border: 1px solid black; }
}
@media screen and (max-width: 1500px) {
	div#BCCBoxPhoto img { width: 500px; }
}
@media screen and (max-width: 1300px) {
	hr { margin: 20px 10px 20px 0px; }
	div#AppBarCase { display: none; position: fixed; right: 0px; top: 0px; width: auto; height: 50px; } /* da sistemare togliere il none */
	div#AppBarLight, div#AppBarGr01, div#AppBarGr03 { display: none; }
	div#AppBarGr04 {  display: none; /* DA SISTEMARE display: initial; margin: 0px 0px 0px 10px; */}
	/* Per le panoramiche */
	body.Panor { background-image: none; background-color: #215000; max-width: 100%; margin: 0px; border: 0px; padding: 0px; font-size: 0.9em; font-style: normal; font-weight: normal; text-align: center; color: White; }
	div#PanorTop { background-color: #215000; padding: 5px 0px 5px 5px; font-size: 0.9em; text-shadow: none; }
	div#PanorPhoto, div#PanorPhotoVert, div#PanorTxt { background-image: none; margin: 0px; border: 0px; padding: 0px; }
	div#PanorPhoto img { height: 700px;  max-width: none; border: 0px solid black; margin: 0px 0px 0px 0px;  padding: 0px; box-shadow: none;  border-radius: 0px; }
	div#PanorPhotoVert img { height: auto; padding: 0px; border: 0px solid black; margin: 0px 0px 0px 0px; box-shadow: none; border-radius: 0px;}
	div#PanorTxt { padding: 15px 0px 10px 5px; }
	div#PanorBottom { background-image: none; border-top: 1px solid Yellow; }
	div#BCCBoxPhoto img { width: 700px; }
}
@media screen and (max-width: 1000px) {
	div#TopBox { display: none; }
	div#CSXBox { display: none;	}
	div#CDXHeadHP img { max-width: 100%; margin-top: 0px; }
	div#CDXBox { margin: 0px; padding: 0px; }
	div#ContentBox { margin: 0px; padding: 0px; }
	div#BCCBoxText, div#HPComune, div#BCCBoxGps { border: 0px; border-top: 1px solid black; border-bottom: 1px solid black; margin: 0px; padding: 20px; }
	div#BCCBoxPhoto { background: none; background-image: none; border: 0px; margin: 0px; padding: 10px; box-shadow: none; border-radius: 0px; }
	div#BCCBoxPhoto img { width: 700px; margin: 5px; padding: 0px; background-image: none; }
	div#FrameCentra { background-image: none; border: 0px; margin: 0px; box-shadow: none; }
	div#FrameCentra img { max-width: 500px; }
	div#BottomLinks, div#HPBLinks { margin: 0px; }
	div#BottomTail, div#HPBTail { margin: 0px; }
}
@media screen and (min-width: 800px) {
	div#LocalNav { display: none;  }
	div#LocalNav img { display: none; }
	div#NoEstesa { display: none; }
}
@media screen and (max-width: 800px) {
	div#LocalNav { background-image: url(../grafica/bBkg12.png); background-repeat: repeat; width: 100%; margin: 0px; border: 0px; padding: 5px 0px 5px 0px; text-align: center;  }
	div#LocalNav img { height: 47px; margin: 0px; border: 1px solid gray; padding: 2px; border-radius: 5px; box-shadow: 2px 2px 10px black; }
	hr { margin: 0px; height: 0px; padding: 0px; border: 0px; }
	span.NoMini { display: none; }
	table.NoMini, tr.NoMini, th.NoMini, td.NoMini { display: none; }
	div#CDXHeadHP img { display: none; }
	table#Comuni, table#Enti, table#Info, table#Eventi, table#Risorse { display: none; }
	table { overflow-x: hidden; width: 100%; background-image: none; border: 0px; margin: 0px; padding: 3px; box-shadow: none; border-radius: 0px; }
	div#BottomLinks hr { display: none; }
}
@media screen and (max-width: 750px) {
	div#BCCBoxPhoto img { width: 500px; }
}
@media screen and (max-width: 600px) {
	body, body#HPage { background-color: black; background-image: none; border: 0px; margin: 0px; padding: 0px; font-size: 95%; box-shadow: none; border-radius: 0px; }
	h1 { margin: 0px; border: 0px; padding: 10px 0px 0px 0px; font-size: 1.4em; }
	h2 { margin: 10px 0px 10px 0px; border: 0px; padding: 10px; font-size: 1.2em; }
	img { max-width: 400px; border: 1px solid black; margin: 0px; padding: 0px; box-shadow: none; border-radius: 0px; }
	li, div#BCCBoxList li, div#HPEvidenza li, div#BottomLinks li, div#HPBLinks li { list-style: disc outside; }
	div#CDXBox { border: 0px; margin: 0px; padding: 0px; }
	div#ContentBox { border: 0px; margin: 0px; padding: 0px; }
	div#BCCBoxText, div#BCCBoxGps { border: 0px; margin: 0px; padding: 5px; }
	div#BCCBoxText img, div#BCCBoxGps img { max-width: 500px; margin-right: 8px; margin-bottom: 0px; }
	div#CDXHeadHP, div#BCCBoxList, div#HPEvidenza, div#BottomLinks, div#HPBLinks  { margin: 0px; padding: 5px; }
	div#CDXHeadHP img { display: none; }
	div#CDXHead { margin: 0px auto 10px auto; border: 0px; padding: 10px 0px 0px 0px; }
	div#CDXHead img { max-width: 600px;  box-shadow: none; border-radius: 0px; border: 0px solid black; }
	div#BCCBoxPhoto { border: 0px; margin: 0px; padding: 0px; }
	div#BCCBoxPhoto img { max-width: 100% /*400px*/;  border: 0px; margin: 5px 0px 0px 0px ; padding: 0px; box-shadow: none; border-radius: 0px; }
	div#BCCBoxYouTube { border: 0px; margin: 0px; padding: 5px; }
	div#BCCBoxYouTube iframe {  height: 350px; box-shadow: none; border-radius: 0px; }
	div#BottomTail, div#HPBTail { margin: 0px; padding: 0px; }
	div#BottomTail img, div#HPBTail img { height: 50px; margin: 0px 0px 30px 0px; padding: 1px; border-radius: 0px; box-shadow: none; }
}
@media screen and (max-width: 450px) {
	iframe { display: none; }
	iframe.Meteo { min-height: 250px; height: auto; margin: 0px; border: 0px; padding: 0px; width: 100%; }
	ul { margin: 10px 20px 5px 15px; padding-left: 0px;  /* TENERE CONTROLLATO list-style: disc outside; list-style-position: outside; */ }
	div#BCCBoxText img, div#BCCBoxGps img { max-width: 100px; }
	div#FrameCentra img { max-width: 95%; }
	div#BCCBoxPhoto img { max-width: 95%; }
	div#BottomTail img, div#HPBTail img { height: 40px; margin: 0px 0px 20px 0px; padding: 1px; border-radius: 0px; box-shadow: none; }
}
@media screen and (max-width: 350px) {
	iframe { display: none; }
	iframe.Meteo { min-height: 250px; height: auto; }
	div#BCCBoxYouTube { display: none; }
	div#FrameNota { display: none; }
	div#FrameCentra { display: none; }
	table#Cartografia, table#Bibliografia, table#eBook  { display: none; }
}
/* --- Fine adattamenti dinamici con ridimensionamenti media-screen ------------------------------- */
/* ------------------------------------------------------------------------------------------------ */
/* Versione MINIMAL ------------------------------------------------------------------------------- */
body#Minimal { z-index: 90; max-width: 1200px; overflow-x: hidden; width: auto; margin: 0px auto 0px auto; border: 0px; padding: 0px; background: #215000 url(../grafica/bSfondo.jpg) repeat left top; font-family: Arial, sans-serif; font-size: 95%; font-style: normal; font-weight: normal; text-align: left; vertical-align: baseline; color: black; border-radius: 0px; box-shadow: 1px 1px 20px black; }
body#Minimal div#AppBarCase { display: none; }
body#Minimal div#FrameNota { display: block; margin: 0px; padding: 10px; }
body#Minimal h1 { margin: 10px 0px 10px 0px; border: 0px; padding: 0px; font-size: 1.2em; font-weight: normal; font-style: italic; color: black; text-shadow: none; }
body#Minimal h2 { margin: 10px 0px 10px 0px; border: 0px; padding: 0px; font-size: 1.1em; font-weight: normal; font-style: italic; color: Navy; }
body#Minimal h3 { margin: 10px 0px 10px 0px; border: 0px; padding: 0px; font-size: 1.1em; font-weight: normal; font-style: normal; color: Navy; }
body#Minimal h4, body#Minimal h5, body#Minimal h6 { margin: 10px 0px 5px 0px; border: 0px; padding: 0px; font-size: 1.0em; font-weight: normal; font-style: normal; color: Navy; }
body#Minimal hr { margin: 20px 0px 20px 0px; border: 0px; border-top: 1px solid gray; padding: 0px; height: 0px; background-color: black; }
body#Minimal strong { font-size: 1em;	font-weight: bold; }
body#Minimal br { line-height: 1.1; }
body#Minimal img { margin: 0px 10px 5px 0px; border: 1px solid Black; padding: 5px; border-radius: 10px; box-shadow: none; }
body#Minimal a { margin: 0px; border: 0px; padding: 0px; background-color: transparent; font-size: 1.0em; text-decoration: none; color: blue; }
body#Minimal a:hover { text-decoration: underline; }
body#Minimal ul { margin: 10px 20px 5px 30px; border: 0px; padding: 0px; list-style: disc outside; list-style-position: outside; font-size: 1.0em; }
body#Minimal li { margin: 0px; border: 0px; padding: 0px; }
body#Minimal table { background-color: transparent; background-image: none; width: 100%; margin: 0px; padding: 2px; border: 0px; border-radius: 0px; box-shadow: none; }
body#Minimal th { background-color: #D6E4DE; margin: 0px; padding: 20px 5px 10px 5px; font-size: 1.1em; text-align: center; }
body#Minimal td { background-color: #E2EAED; margin: 0px; border: 0px; padding: 3px; font-size: 1.0em; }
body#Minimal td.Bianca { background-color: Transparent; }
body#Minimal td.Azzurra { background-color: #EBF5FF; }
body#Minimal span.Evidenzia { background-color: #CCFF66; font-style: italic; }
body#Minimal span.TxtRidotto { font-size: 0.9em; }
body#Minimal div#BoxLoghi { overflow-x: hidden; width: 100%; margin: 0px; border: 0px; padding: 20px 0px 10px 0px; /* margin: 0px; border: 0px; padding: 0px; */ background-image: url(../grafica/bBkg12.png); background-repeat: repeat; text-align: center; /* border-radius: 10px; box-shadow: 2px 2px 20px gray; */ }
body#Minimal div#BoxLoghi img { width: 150px; margin: 0px; border: 1px solid gray; padding: 2px; border-radius: 5px; box-shadow: 2px 2px 10px black; }
/* --- Header - Box di intestazione con menu e multi-funzioni varie ------------------------------- */
body#Minimal header#MiniHeader { z-index: 80; }
body#Minimal div#MiniHeader { width: 100%; border: 0px; margin: 0px; padding: 0px; box-shadow: none; }
body#Minimal nav#MiniNav { z-index: 81; display: block; }
body#Minimal div#MiniNav { border: 0px; margin: 0px; padding: 10px 0px 5px 0px; text-align: center; }
body#Minimal div#MiniNav img { margin: 0px; padding: 0px; border: 1px solid  black; border-radius: 5px; box-shadow: 2px 2px 10px black; }
body#Minimal div#MiniNav a { text-decoration: none; }
body#Minimal div#MiniNav a:hover  { background-color: lime; }
/* Section - Box centrale contenuti --------------------------------------------------------------- */
body#Minimal section#MiniSection {/* overflow-x: hidden; */}
body#Minimal div#MiniSectionBox { z-index: 70; width: auto; border: 0px; margin: 0px; padding: 20px; background-color: #D6E4DE; box-shadow: none; }
body#Minimal div#MiniSectionBox img { max-width: 100%; }
body#Minimal div#MiniSectionTable { z-index: 71; width: auto; border: 0px; margin: 0px; padding: 0px; background-color: white; box-shadow: none; }
body#Minimal iframe { margin: 0px; border: 0px; padding: 0px; width: 100%; min-height: 480px; height: auto; text-align: center; box-shadow: none; }
body#Minimal iframe.Meteo { min-height: 250px; height: auto; }
/* Footer ----------------------------------------------------------------------------------------- */
body#Minimal footer#MiniFooter  { z-index: 60;}
body#Minimal div#MiniFooter { width: 100%; border: 0px; margin:  0px; padding: 5px 0px 10px 0px; text-align: center; box-shadow: none; }
body#Minimal div#MiniFooter img { margin: 5px 0px 0px 0px; padding: 0px; border: 0px; border-radius: 10px; box-shadow: 2px 2px 10px black; }
body#Minimal div#MiniFooter a { color: black; text-decoration: none; }
body#Minimal div#MiniFooter a:hover  { background-color: lime; }
/* Responsive visualizzazioni dinamiche ----------------------------------------------------------- */
@media screen and (min-width: 800px ) {
	body#Minimal { margin: 30px auto 30px auto;  border-radius: 30px; border: 10px solid gray; }
	body#Minimal div#MiniHeader { display: block; }
	body#Minimal div#MiniNav  { background-color: #C4D6D9; padding: 30px 0px 10px 0px; border-radius: 20px 20px 0px 0px; }
	body#Minimal div#MiniFooter  { background-color: #C4D6D9; padding-top: 20px; border-radius: 0px 0px 20px 20px; }
	body#Minimal div#MiniSectionBox { border-radius: 0px; }
	body#Minimal div#MiniSectionBox { padding: 30px; }
}
@media screen and (max-width: 800px) {
	body#Minimal div#MiniNav img { height: 50px; }
	body#Minimal div#MiniSectionBox { padding: 5px; }
	body#Minimal div#MiniSectionBox img { margin: 0px; border: 0px; padding: 0px; border-radius: 0px; }
	body#Minimal table { background-color: transparent; background-image: none; width: 100%; margin: 0px; padding: 2px; border: 0px; border-radius: 0px; box-shadow: none; }
	body#Minimal iframe { display: block; }
}
@media screen and (max-width: 380px) {
	body#Minimal table { overflow-x: hidden; }
}
/* Fine versione MINIMAL -------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */
/* versione speciale per HomePage ----------------------------------------------------------------- */
@media screen and (max-width: 800px) {
	body#HPage div#TopBox, body#HPage div#CSXBox, body#HPage div#CDXHeadHP, body#HPage div#HPSection, body#HPage div#HPBLinks, body#HPage div#HPBTail { display: none; }
	body#HPage { z-index: 90; max-width: 1150px; overflow-x: hidden; width: auto; margin: 0px auto 0px auto; border: 0px; padding: 0px; background: #215000 url(../grafica/bSfondo.jpg) repeat left top; font-family: Arial, sans-serif; font-size: 100%; font-style: normal; font-weight: normal; text-align: left; vertical-align: baseline; color: black; border-radius: 0px; box-shadow: 1px 1px 20px black; }
	body#HPage div#ContentBox, body#HPage div#CDXBox, body#HPage div#HPMinimal, body#HPage div#HPEvidenza { width: 100%; margin: 0px; border: 0px; padding: 0px; background: none; color: black;  text-align: left; font-size: 1.0em; border-radius: 0px; box-shadow: none; }
	body#HPage h1 { margin: 10px 0px 10px 0px; border: 0px; padding: 0px; font-size: 1.2em; font-weight: normal; font-style: italic; color: black; text-shadow: none; }
	body#HPage h3 { margin: 10px 0px 10px 0px; border: 0px; padding: 0px; font-size: 1.1em; font-weight: normal; font-style: normal; color: Navy; }
	body#HPage h5 { margin: 10px 0px 5px 0px; border: 0px; padding: 0px; font-size: 1.0em; font-weight: normal; font-style: normal; color: Navy; }
	body#HPage hr { margin: 20px 0px 20px 0px; border: 0px; border-top: 1px solid gray; padding: 0px; height: 0px; background-color: black; }
	body#HPage strong { font-size: 1em;	font-weight: bold; }
	body#HPage img { margin: 0px 10px 5px 0px; border: 1px solid silver; padding: 5px; border-radius: 10px; box-shadow: none; }
	body#HPage a { margin: 0px; border: 0px; padding: 0px; background-color: transparent; font-size: 1.1em; text-decoration: none; color: blue; }
	body#HPage a:hover { text-decoration: underline; }
	body#HPage ul { margin: 10px 20px 5px 30px; border: 0px; padding: 0px; list-style: disc outside; list-style-position: outside; font-size: 1.0em; }
	body#HPage li { margin: 0px; border: 0px; padding: 0px; }
	body#HPage div#HPNav { background-image: url(../grafica/bBkg12.png); background-repeat: repeat; width: 100%; margin: 0px; border: 0px; padding: 5px 0px 5px 0px; text-align: center;  }
	body#HPage div#HPNav img {  height: 47px; margin: 0px; border: 1px solid gray; padding: 2px; border-radius: 5px; box-shadow: 2px 2px 10px black; }
	body#HPage div#HPCentra { overflow-x: hidden; background-image: url(../grafica/bBkg12.png); background-repeat: repeat; width: 100%; margin: 0px 0px 10px 0px; border: 0px; padding: 20px 0px 20px 0px; text-align: center;  }
	body#HPage div#HPCentra img { margin: 0px; border: 1px solid gray; padding: 2px; border-radius: 5px; box-shadow: 2px 2px 10px black; }
	body#HPage section#MiniSection { overflow-x: hidden; font-size: 0.85em; }
	body#HPage div#HPEvidenza, body#HPage div#HPComune { width: auto; border: 0px; margin: 0px; padding: 30px 0px 20px 0px; font-size: 0.8em; background-color: #E2EAED; }
	body#HPage div#HPComune img {  max-width: 45%; }
	body#HPage div#HPEvidenza li { list-style: disc outside; color: black; }
	body#HPage div#MiniSectionBox { width: auto; border: 0px; margin: 0px; padding: 5px; background-color: #E2EAED; /* box-shadow: none; */}
	body#HPage div#MiniSectionBox img { max-width: 100%; }
	body#HPage div#MiniFooter { width: 100%; border: 0px; margin:  0px; padding: 5px 0px 10px 0px; text-align: center; box-shadow: none; }
	body#HPage div#MiniFooter img { margin: 5px 0px 0px 0px; padding: 0px; border: 0px; border-radius: 10px; box-shadow: 2px 2px 10px black; }
	body#HPage div#MiniFooter a { color: black; text-decoration: none; }
	body#HPage div#MiniFooter a:hover  { background-color: lime; }

	div#MiniHeader { width: 100%; border: 0px; margin: 0px; padding: 0px; box-shadow: none;  background: #215000 url(../grafica/bSfondo.jpg) repeat left top;}
	div#MiniNav { border: 0px; margin: 0px; padding: 10px 0px 5px 0px; text-align: center; }
	div#MiniNav img {  height: 50px; margin: 0px; padding: 0px; border: 1px solid  black; border-radius: 5px; box-shadow: 2px 2px 10px black; }
	div#MiniNav a { text-decoration: none; }
	div#MiniNav a:hover  { background-color: lime; }
}
/* Fine versione speciale per HomePage MINIMAL ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */
@media screen and (min-width: 800px) {
	div#MiniHeader { display: none; }
	body#HPage div#HPMinimal { display: none; }
	body#HPage div#HPCentra { background-image: url(../grafica/bBkg12.png); background-repeat: repeat; margin: 0px; border: 0px; border-top: 1px solid gray; border-bottom: 1px solid gray; padding: 20px; text-align: center;  }
}
/* ------------------------------------------------------------------------------------------------ */
/* Fine CSS Screen - by Gianni magicoalvis.it ----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */