@charset "UTF-8";

/* minifier: https://minifycss.io/ */


/* import css */
@import "table.css";


/* import css */
@import "icons.css";


/* import css */
@import "cookiesConsent.css";


/*
darkslategrey = #2F4F4F
darkseagreen = #8FBC8F
*/




html						{ position:relative; min-height: 100%; scroll-behavior: smooth; }
html, body, div , form		{ padding: 0; margin: 0; }


body	{ 
	font-size: 1rem; 
	color: var(--darkGray); 
    background-repeat: no-repeat;
    background-size	: contain;
    width			: 100%;
    min-width		: 360px;
}

#page div.container h2, #page div.container h3 {
    margin-top: 4em;
    clear: inline-start;
}

.left 			{ float: left; }
.right	 		{ float: right; }

#page > div.container > p.aLeft, .aLeft		{ text-align: left; }
#page > div.container > p.aRight, .aRight	{ text-align: right; }
#page > div.container > p.aCenter, .aCenter { text-align: center; }

.aJustify		{ text-align: justify; }
.aMiddle		{ vertical-align: text-bottom; }
code#code		{ margin: .8em; font-size: small; }
.strong			{ font-weight: bold; }
.none 			{ display: none; }
.underline		{ text-decoration: underline; }
.block			{ display: block; }
.inline-block	{ display: inline-block; }

.relative		{ position: relative; }
.mobile			{ display: none !important; }
.desktop		{ }

.noWrap 		{ white-space: nowrap; }
.raquo 			{ font-weight: bold; }

.separatore 	{ clear: both; width: 100%; height: 2em; }
.clear			{ clear: both; }

.icona,
.icona16		{ height: 1em !important;	width: 1em !important;		margin: 0 .5em -.25em 0 !important; }
.icona24		{ 
	height: 1.5em !important;
	width: 1.5em !important;
	margin: 0 .25em !important;
	vertical-align: text-bottom !important;
}
.icona32		{ height: 2em !important;	width: 2em !important; 		margin: 0 1em !important; vertical-align: text-bottom !important;  }
.icona24b		{ height: 1.5rem; width: 1.5rem; margin: 0 .25rem; vertical-align: text-bottom; }

.icona:hover,
.icona16:hover,
.icona24:hover,
.icona32:hover	{ text-decoration: none; }


.flag 			{ margin-right: .3em; border: 0; }
.red			{ color: var(--red); }
.orange			{ color: var(--orange); }
.green			{ color: var(--green); }


blockquote 		{ font-style: oblique; border-left: .3em solid silver; padding: .5em 0 .5em 1em; display: grid; }

.onMouse 			{ cursor: default; }
.onMouse:hover 		{ cursor: pointer; }
.onMouseZoom 		{ cursor: default }
.onMouseZoom:hover 	{ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }

.working		{ background-image: url(../images/icone/hammer.png); background-repeat: no-repeat; background-size: 24px; padding-left: 30px;}

.cGreen	{ color: var(--headerGreen); }
.cRed	{ color: red; }

label			{ display: block; }
label.checkbox	{ display: unset; }


.w100 	{ 
	width: 100%; 
	width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available; 
}
.w75 	{ width: 75%; }
.w50 	{ width: 50%; }
.w55 	{ width: 55%; }
.w49 	{ width: 49%; }
.w45 	{ width: 45%; }
.w70 	{ width: 70%; }
.w40 	{ width: 40%; }
.w65 	{ width: 65%; }
.w60 	{ width: 60%; }
.w35 	{ width: 35%; }
.w32 	{ width: 32%; }
.w30 	{ width: 30%; }
.w10 	{ width: 10%; }
.w5 	{ width: 5%; }

.margin	{ margin-right: 2%; }
.small	{ font-size: small; /* 80%; */ }
.height0	{ height: 0; }

.left.margin	{ margin-left: 5%; }



/* Box Variabili */
/*************************************************/
#variabili {
    display: inline-block;
    border: 1px solid #999;
    border-radius: .25em;
    background-color: white;
    box-shadow: 0.5em 0.5em 0.5em #666;
    width: 30em;
    position: absolute;
    top: 10%;
    right: 10%;
    z-index: 9990;
    font-size: .9em;
}
#variabiliBox						{ padding: .5em; display: none; max-height: 80%; overflow-y: auto; }
#variabiliCmdLine 					{ height: 2em; background-color: rgba(128,128,128,.2); }
#variabiliCmd 						{ width: 6em; height: 2em;  font-weight: bold; }
#variabiliCmd img 					{ vertical-align: -12px; }
#variabiliCmd:hover 					{ cursor: pointer; }
#variabiliCmdLine:hover 				{ cursor: move; }
#variabiliCmdLine img#Close		 	{ width: 16px; height: 16px; position: absolute; top: 0; right: 0; padding: .5em; }
#variabiliCmdLine img#Close:hover 	{ cursor: pointer; }

/*************************************************/




/* Colore della select dei comandi */
select[name=commands] 	{ background-color: #E1E1E1; color: var(--darkGray);  min-width: 7.2em; }

/* Definizione link */
a, a:visited 	{ color: darkorange; text-decoration: none; }
a:hover			{ color: var(--headerGreen); }




/* Decorazioni */
.shadow, .ombra 		{ -moz-box-shadow:.5em .5em .5em var(--darkGray); -webkit-box-shadow:.5em .5em .5em var(--darkGray); box-shadow:.5em .5em .5em var(--darkGray); }


/* **************************************** */
/* Caricamento schermo */

/* da eliminare */
#loadingScreen 		{ z-index: 9001; position: fixed; display: block; width: 100%; height:100%; top: 0; left: 0; background-color:  rgba( 180, 180, 180, 0.7); }
#loadingScreen img 	{ z-index: 9002; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; height: 32px; width: 32px; background-color: transparent; } 
#loadingScreen label	{ z-index: 9003; position: absolute; top: 50%; left: 50%; margin: 2em 0 0 -2em; height: 2em; width: 12em; background-color: transparent; } 
/* --- */

/* new css only */
#loadingPage 		{ z-index: 64000; position: fixed; display: block; width: 100%; height:100%; top: 0; left: 0; background-color: var(--waitScreen); }
#loadingPage .ScreenCenter	{
	border: 1px solid var(--yellowgreen);
    width: 12vw;
    height: 12vh;
    max-width: 15em;
    max-height: 7.5em;
    min-width: 15em;
    background-color: var(--backYellow); /* rgba(255,255,204,.75); /* rgba(255,255,204,0.66); */
    border-radius: .5em;
    box-shadow: 0.25em 0.25em 1em 0 grey;
    text-align: center;
    color: black;
}
#loadingPage .caption {
	position: absolute;
    text-align: center;
    width: 100%;
    top: 25%;
	
}
#loadingPage .loader-line {
    width: 90%;
    left: 5%;
    bottom: 25%;
    height: .25em;
    position: absolute;
    overflow: hidden;
    background-color: transparent;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
#loadingPage .loader-line:before {
    content: "";
    position: absolute;
    left: -50%;
    height: .25em;
    width: 40%;
    background-color: var(--darkseagreen);
    -webkit-animation: lineAnim 1.5s linear infinite;
    -moz-animation: lineAnim 1.5s linear infinite;
    animation: lineAnim 1.5s linear infinite;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
@keyframes lineAnim {
    0% 	{ left: -40%; }
    50% { left: 20%; width: 80%; }
    100% { left: 100%; width: 100%; }
}
/* **************************************** */



#wrapper 		{ min-height: 100%; height: 100%; width: 100%; }
.container		{ width: 1280px; margin: 0 auto; position: relative;  }


/*
.container.pageContent > p,
.container.pageContent > ol,
.container.pageContent > ul { display: flow-root; }
*/

#page {
    margin-top: 7rem;
    position: relative;
    margin-bottom: 16rem;
    padding-bottom: 10em;
}  

blockquote,
#page > div.container > div.container > p,
#page > div.container > div.container > ol,
#page > div.container > div.container > ul,
#page > div:nth-child(3) > p,
#page > div.container.lastNews > div.ntNews.rt.onMouse > div.ntBody,
#page > div.container.lastNews > div.ntNews.lf.onMouse > div.ntBody,
#page > div.container > div.container > div > p,
#page > div.container > p 	{ text-align: justify; }

blockquote  {
	display: block;
    /* clear: both; */
    margin: 4em auto;
}


#containerMain 	{ margin-top: 12rem; }


#subTitle	{ clear: both; color: #4c4c4c; position: relative; top: -1.5em; left: 5.5em; }



.grayBox 					{ border: 1px #DADADA solid; padding: 1em; background-color: #F2F2F2; }
.grayBox h2,
.grayBox h3 				{ margin-top: 0; }
.grayBox.w30				{ width: calc(32% - 2.2em); }
.grayBox.w30.margin			{ margin-right: 2%; }
.grayBox.w49				{ width: calc(49% - 2.2em); }

.grayBox table				{ background-color: white; font-size: 80%; }


/* Personalizza elenchi puntati */
ul.perso { font-size: .9em; padding: 0; line-height: 1.6em; list-style: none; }

ul.perso li				{ background: url(/images/icone/heart[1].png) left center no-repeat; padding-left: 1.5em; }
ul.perso.Mail li		{ background: url(/images/icone/email[1].png) left center no-repeat; padding-left: 1.5em; }
ul.perso.Birthday li	{ background: url(/images/icone/cake.png) left center no-repeat; padding-left: 1.5em; }

ul.perso.login	{ clear: left; width: 60%; padding: 3em 0 0 3em; }



#page ol,
#page ul		{ }
#page ol li 	{ margin-bottom: .5em; }


/* Pulsanti e campi */
.textField,
input,
.button,
.textField,
select,
textarea		{ font-size: 1em; color: #555555; padding: .2em .2em .3em; border: 1px solid var(--lightGray); max-width: -webkit-fill-available; }

textarea		{ max-width: calc(100% - .4em); width: calc(100% - .4em); height: 8em; }

input.reset		{ width: inherit; padding: inherit; background-color: inherit; color: inherit; -moz-border-radius:0; border-radius:0;}
input.short 	{ width: 32%; }



.disabled, button:disabled, button .disabled, button.disabled, img.disabled, img  .disabled,
input[readonly],
textarea[readonly] {
	background-color: #f5f5f5;	/* grigino chiaro */
	color: #777;				/* testo un po' sbiadito */
	cursor: not-allowed;		/* mostra la manina bloccata */
	pointer-events: none;		/* evita click accidentali */
}



input[type=submit]:hover,
input[type=button]:hover,
button:hover	{ cursor: pointer; border-color: gray; 	border-width: 1px;  }

input[name=Delete],
.alertMsg { background-color: red; color: white; }

form#search						{ margin: 0; padding: 0; }
form#search input[type=search]  { font-size: .8em; width: 12em; padding: .1em .2em .3em; background-color: #f2f2f2; border: 1px inset white; }
form#search img.icona			{ margin: 0 1em -0.2em .5em; }

/*
.disabled		{ background-color: silver; border-color: silver; 	border-width: 1px; }
*/

button.long		{ width: 18em; }


/* Date select  */
select.dateSplit.day 	{ width: 4em; max-width: calc(19% - .4em); }
select.dateSplit.month	{ width: 12em; max-width: calc(57% - .4em); }
select.dateSplit.year	{ width: 5em; max-width: calc(23% - .4em); }


/* Hour Min select */
select.dateSplit.ora 	{ width: 4em; }
select.dateSplit.min	{ width: 4em; }


/* GeoNameId select 4.73 */
select.dateSplit.rgn 	{ width: calc( 30% - 0.5em ); }
select.dateSplit.prv	{ width: calc( 16% - 0.5em ); }
select.dateSplit.cmn	{ width: calc( 54% - 0.5em ); }





/* Barra di navigazione paging tabelle */
.nav { height: 1.5em; } 
.nav input[type=submit] { width: 4em; }




/* Logo */
#logoPage			{ background: #fff url(/images/layout/bgHeader.png) repeat-x center top; height: 110px; }
#logoPage span img	{ margin-top: 10px; }

#page .logoname		{ color: inherit; }

select[name=idCust]	{ position: relative; top: -3.5em; float: right; }
img#reload			{ position: relative; top: -3.5em; float: right; margin-left: 1em; }


strong.num	{ color: yellow; }




#userInfo		{ height:2em; background-color: #F2F2F2; border-bottom: 1px var(--lightGray) solid; font-size: .9em;  }
#userInfo .container		{ padding: .3em 0; }




/* Forms *******************************************************/
/* form contacts / advertising / assistance */
form#frmAdv	{ width: 100%; }
form#frmAdv input[type=submit], 
form#frmAdv input[type=text], 
form#frmAdv input[type=email]		{ width: 30%; }

/* Form anagrafica utente */
form[name=frmReg] { width: 48%; }
form[name=frmReg] input[name=eMail]				{ width: 20em; }
form[name=frmReg] input[name=Nome]				{ width: 20em; }
form[name=frmReg] input[name=Cognome]			{ width: 20em; }
form[name=frmReg] input[name=RagioneSociale]	{ width: 20em; }
form[name=frmReg] input[name=Indirizzo]			{ width: 20em; }
form[name=frmReg] input[name=PIVA]				{ width: 13em; }
form[name=frmReg] input[name=CodiceFiscale]		{ width: 19em; }
form[name=frmReg] input[name=TelCellulare]		{ width: 20em; }



p.left.margine	{ margin-right: 3.3%; }


/* Header */
#header-top								{ height: 3rem; background-color: var(--darkslategrey); color: var(--lightGray); width: 100%; position: fixed; top: 0; z-index: 9990; }

#header-top img							{ width: 1.5rem; height: 1.5rem; margin: 0; vertical-align: -.5rem; }
#header-top span.left img				{ margin-right: .5rem; }
#header-top span.right img				{ margin-left: 2rem; margin-right: .5rem; }

#header-top span.header-top-center img	{ margin-right: .5rem; margin-left: .5rem; }

#header-top .container		{ margin-top: .75rem; }
#header-top span.left		{ margin-right: 2rem; }
#header-top span.right		{ margin-left: 2rem; }

#header-top .container button, .minBtn	{ 
	font-family: var(--base-font-title) , sans-serif;
	margin-top: -.25rem; 
	font-weight: lighter;
	padding: .45rem 1rem .4rem 3rem;
	background-position: 1rem center;
}

.minBtn {
    background-repeat: no-repeat;
    background-size: 1.75em;
}

.minBtn:nth-child(2) {
	margin-left: 1em;
}


#header-top .container button.fieldSize.user_add	{ 
	background-color: var(--cc-background-light);
	border-color: var(--cc-background);
	color: white;
}
#header-top .container button.fieldSize.user_add:hover {
	background-color: var(--cc-background);
}
#header-top .container button.fieldSize.key {
	color: var(--cc-body-a-hover);
}
#header-top .container button.fieldSize.key:hover {
	background-color: var(--adminBtn);
}

#header-top select, #footer select	{
	margin-bottom	: 0;
    border			: 0;
    /*font-size		: .9em;*/
    background-color: transparent;
    color			: orange;
    padding			: 0;
    text-decoration	: none;	
    border-radius	: 0;
    margin			: 0;
	max-width		: 10rem;
	overflow		: hidden;
}
#header-top select:hover 		{ cursor: pointer; color: white; background-color: #3B4F4F; text-decoration: underline; }
#header-top .fontSmall 			{ font-size: .9em; }

#footer select			{ font-size: 1em; }
#header-top select, 
#footer select option 	{ background-color: var(--darkslategrey); }

#header-back {
	background-color: white;
    height			: 5em;
    position		: fixed;
    top				: 2em;
    z-index			: 998;
    width			: 100%;
}

#header-menu					{ 
    color			: var(--lightGray);
    border-bottom	: 1px solid var(--darkslategrey);
	position		: fixed;
	top				: 3rem; 
	width			: 100%; 
	height			: 4rem; 
	background-color: var(--headerGreen); 
	text-align		: center; 
	z-index			: 9990;	
}
#header-menu div.container 	{ padding-top: 1em; font-size: 1.2em; }


#header-menu div.container a {
	padding-left: .75vw;
	padding-right: .75vw;
	color: white;
}

#header-menu div.container a:first-child 	{ padding-left: 0; }
#header-menu div.container a:last-child 	{ padding-right: 0; }
#header-menu div.container a.lastMenuItem	{display: none; }


#header-menu img#logo		{ display: none; }
/* #menuDesktop.menuState		{ display: none; } */


/* Footer */
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: var(--lightGray);
	background-color: var(--darkslategrey);
	padding: 2rem 0;
	clear: both;
	border-top: .5rem var(--headerGreen) solid;
/*	max-height: 16rem; */
	height: 18rem;
	overflow: hidden;
}

#footer .container			{ position: relative; }
#footer .container .social	{ text-align: center; }
#footer .container .social img	{ width: 3em; height: 3em; margin: 0 1em; padding: .5em; border-radius: 2em; background-color: slategray; }
#footer .container .social img:hover	{ background-color: white; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }


#footer .container div.FooterPagesLink		{ border-bottom: 1px solid slategray; margin-bottom: 1em; padding-bottom: 2em;  }
#footer .container div.FooterPagesLink		{ font-size: 1rem; text-align: center; margin-top: 2em; }
#footer .container div.FooterPagesLink a	{ border-left: 1px solid slategray; margin-left: 1em; padding-left: 1em; }

#footer .container div.FooterPagesLink a:nth-child(1),
#footer > div > div.FooterPagesLink > a:nth-child(1),
#footer > div > div.FooterPagesLink > a:first-child {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
}

#footer div.container a.lastMenuItem				{display: none; }

/* #footer .container div.FooterPagesLink a.lastMenuItem	{ display: none; ) */

#footer #boxSuggestion	{ height: 3em; border: 1px solid brown; padding: .5em; 
	border-top-left-radius: .5em; 
	border-top-right-radius: .5em; 
	border-bottom: 0;
	width: 26em; float: right; text-align: center; background-color: #8FBC8F; }
#footer #boxSuggestion:hover	{ border-color: darkorange; border-width: 1px; background-color: orange; color: black; cursor: pointer; }

#footer a, #footer a:visited, 
#header-top a, #header-top a:visited	{ color: orange; }
#header a:hover, #footer a:hover,
#header-top a:hover						{ color: white; }

#footer > div > p.right	span,
#footer > div > p.right	a	{ padding-left: 2em; }
#footer > div > p.right img { height: 2em; width: 2em; vertical-align: -.7em; margin-right: .5em; margin-left: 2em; }


#footer #CompanyInfo {
    text-align: center;
    margin-bottom: 2em;
	font-size: 1rem;
}

#footer #CompanyInfo span		{ /* margin: 0 1em; */ display: inline-block; }
#footer #CompanyInfo span.line 	{ margin: 0 .25em; }




form#contactForm {
	position: absolute;
    bottom: 4.6em;
    right: 4%;
    width: 26em;
    background: white;
    z-index: 999;
    display: none;
    border: 1px solid var(--darkslategrey);
    border-bottom: 0;
    padding: .5em;
    border-top-right-radius: .5em;
    border-top-left-radius: .5em;
    height: 15em;
    overflow: hidden;
    animation-name: contactForm;
    animation-duration: 1s;
    background-color: #8FBC8F;

	animation-name: contactForm;
	animation-duration: 1s;
}
form#contactForm img {    
	position: absolute;
    top: 0;
    margin: 0;
    right: 0;
    width: 16px;
    height: 16px;
    padding: .5em; 
    border-bottom-left-radius: .5em;
}
form#contactForm img:hover {    
	cursor: pointer;
	background-color: var(--darkslategrey);
}


/* Rounded border */
.roundBorder,
.bordo,
.opaco,
input[type=text],
input[type=number],
input[type=date],
input[type=datetime],
input[type=password],
input[type=email],
input[type=tel],
textarea,
form[name=frmReg] #info,
.grayBox,
form[name=frmNec],
select	{ 
	border-radius: .25em;
}


#bodyPage img {
    border-color	: darkgreen;
	border-width	: 1px;
    border-top-right-radius	: 1em;
    float			: left;
    margin			: 0 2em 2em 0;
    max-width		: 15em;
}


div.btnMini img,
#menuPageTopRight img,
#mapCanvas img,
.gm-style-pbc img,
.gm-style img {
	border: 0 !important;
    border-top-right-radius: 0 !important;
    float: none !important;
    margin: 0 !important;
    max-width: inherit !important;
}



/* Transition */
a:hover,
#menu ul#main li:hover,
#footer #boxSuggestion:hover,
#header-top select:hover 	{ -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }



.BoxImgDoc 			{ padding: 20px;	}
.BoxImgDoc legend	{ padding: 6px; }
.BoxImgDoc .image	{ border: 1px var(--headerGreen) inset;}


/* from anagrafica */
form input#pswd	{ width: 32%; }


/* Login */





p.autore,
p.source	{ font-size: small; }


#articolo			{ width: 68%; float: left; text-align: justify;  max-height: 50em; overflow: hidden; text-overflow: ellipsis; content: ""; position: relative; }
#articolo:before 	{ content:''; top: 0; left: 0; position: absolute; width:100%; height: 100%; background: linear-gradient(transparent 40em, white); }

#pagina				{ width: 68%; float: left; }
#colonna				{ width: 29%; float: right; }

div.consiglio 			{ padding: 0 1em; max-height: 20em; overflow: hidden; margin-bottom: 2em; text-overflow: ellipsis; content: ""; position: relative; }
div.consiglio:before 	{ content:''; top: 0; left: 0; position: absolute; width:100%; height: 100%; background: linear-gradient(transparent 17em, white); }
div.cambio 				{ padding: 0 1em; margin-bottom: 2em; position: relative; }

div.cambio h3,
div.consiglio h3,
#pagina h3,
#articolo h3			{ border-bottom: .05em #FF9900 solid; padding-bottom: .4em; }

#articolo h3 		{ margin-bottom: 0; }


#info				{ font-size: .9em; border: 1px gray solid; padding: 1em 1em 0 1em; }
.articoloDati			{ height: 3em; margin-top: 0;}


	#loginForm .left	{ float: left; max-width: 48%; margin-top: 1em; }
	#loginForm .right	{ float: right; width: 48%; }
	#slogan				{ }		

#advHome				{ margin-bottom: 2em; }






/* Modulo rilevazione */
form[name=frmUpd] p,
form[name=frmRil] p	{ margin: .25em 0; }

form[name=frmUpd] input,
select								{ margin-bottom: 0em; }

form[name=frmUpd] select			{ width: auto; }

form[name=frmUpd] label,
form[name=frmUpd] input[type=date],
form[name=frmUpd] input[type=time] 	{ display: inline-block; }

form[name=frmUpd] label				{ width: 6em; }
form[name=frmUpd] select[name=tOre],
form[name=frmUpd] select[name=tMin]	{ display: inline-block; }





/* sub menu pagine più caricate e più recenti */
#freqPages				{ background-color: aliceblue; height: 2em; font-size: .9em; }
#freqPages .container	{ position: relative; }
#freqPages span,
#freqPages span			{ position: absolute; top: .25em; }
#freqPages span.right  	{ right: 0; }
#freqPages span.left  	{ left: 0; }
#freqPages span.left a 	{ margin-right: 1em; }
#freqPages span.right a 	{ margin-left: 1em; }



#boxMenu {
    border: 1px solid var(--lightGray);
    background-color: white;
    border-top-left-radius: 1em;
    border-bottom-left-radius: .5em;
    padding: 1em 2em;
    list-style-image: var(--li_ico);
    min-width: 15em;
    width: calc( 33% - 5.4em );
    line-height: 1.5em;
    margin: 0 0 2em 4em;
    float: right;
    z-index: auto;
    position: relative;
	height: auto;
    max-height: calc( 100vh - 10rem );
    overflow-y: auto;
    text-align: unset;
    display: block;
}


#boxMenu > li {
    margin-left: 1.32em;
    margin-bottom: .32em;
    text-align: left;
}

#boxMenu > li.monthSection {
    padding: 0;
    margin-left: 0;
    list-style: none;
    font-weight: bold;
    font-style: italic;
    margin-top: 2em;
}

#boxMenu > li.list-header {
    font-weight: bold;
    list-style: none;
    margin-bottom: 1em;
    font-size: 1.125em;
    margin-left: 0;
}

/*
#page > div.container > div.container > ul#boxMenu li {
	background-image: var(--li_ico);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
*/
/* #page div.container ul#boxMenu h4   */
#boxMenu h4 { margin: 5% 0; }
/*************************************************************/


form[name=frmPreventivo]						{ text-align: inherit; }
form[name=frmPreventivo] input 					{ width: calc( 100% - (2px + .4em) ); }
form[name=frmPreventivo] div.right.w49 input[type=button]	{ width: auto; padding: .5em 2em; background-color: var(--headerGreen); color: white; }



#mapCanvas > div > div > div.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div > div > button {
    font-size		: 100%;
    text-align		: center;
    border-radius	: 0;
    min-width		: 0;
    font-family		: auto;
    color			: inherit;
}


/******************************************************************************/
.pageImgFormat {
    position: relative;
    max-width: 33%;
    margin: 0 2em 1em 0;
    border-top-left-radius: 1em;
    border-bottom-right-radius: .5em;
    border-bottom-left-radius: .5em;
    border: 1px solid var(--lightGray);
    background-color: var(--superLightGray);
	padding-bottom: 3em;
    cursor			: pointer;
}

.pageImgFormat.full { 
    max-width: 66%;
    display: block;
    margin: auto;
}

.pageImgFormat.left		{ margin: .5em 2em 2em 0; border-top-left-radius: 1em; border-top-right-radius: 0; }
.pageImgFormat.right	{ margin: .5em 0 2em 2em; border-top-right-radius: 1em; border-top-left-radius: 0; }


.pageImgFormat img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 50vh;
}
.pageImgFormat.right img { border-top-right-radius: 1em; border-top-left-radius: 0; }
.pageImgFormat.left img { border-top-left-radius: 1em; border-top-right-radius: 0; }

.pageImgFormat.video 	{
    width			: 33%;
    height			: calc( (1280px / 100 * 33) / 16 * 9 );
    margin			: 0 2em 2em 0;
    float			: left;
    border-top-left-radius: 1em;
    padding-bottom	: 3em;
}

.pageImgFormat.video iframe {
	width		: 100%;
    height		: 100%;
    border-top-left-radius: 1em;
	border		: 0;
}


.pageImgFormat span	{ 
    position	: absolute;
    left		: .5em;
    bottom		: 1.25em;
    font-size	: .8em;
    right		: .5em;
    text-align	: center;
    height		: 1.6em;
    overflow	: hidden;
    font-style	: italic;
    font-weight : normal;
 }

.pageImgFormat.video span	{ 
    bottom		: 1em;
}


figure.pageImgFormat {
    padding-bottom: 0;
    box-sizing: border-box;
}

figure.pageImgFormat img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 50vh;
    display: block;
}

figure.pageImgFormat figcaption {
    font-size: small;
    font-style: italic;
    font-weight: normal;
    text-align: center;
    padding: 1em;
    box-sizing: border-box;
    font-family: var(--base-font-body);
    color: var(--darkGray);
    background-color: white;
	border-bottom-left-radius: .5em; 
	border-bottom-right-radius: .5em;
}



/******************************************************************************/


#colMedia p { text-align: left; }


/* Configura iFrame youtube */
#videoBox			{ border: 0; width: 100%; }
.videoBoxSimple		{ width: 100%; height: 38vw; border: 0; }
#colMedia iframe	{ width: 100%; border: 0; height: calc( 1280px * .56 ); }


.grayscale { filter: grayscale(100%); }




/* Blinking image effect */
/* Firefox old*/
@-moz-keyframes blink {
    from, to { opacity:1; }    
    50% { opacity:0; } 
} 

@-webkit-keyframes blink {
    from, to { opacity:1; }    
    50% { opacity:0; } 
}
/* IE */
@-ms-keyframes blink {
    from, to { opacity:1; }    
    50% { opacity:0; } }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    from, to { opacity:1; }    
    50% { opacity:0; }  
} 
.blink-image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

.blink-image-3 {
    -moz-animation: blink normal 2s 3 ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s 3 ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s 3 ease-in-out; /* IE */
    animation: blink normal 2s 3 ease-in-out; /* Opera and prob css3 final iteration */
}


@-webkit-keyframes borderBlink {    
    from, to { border-color: transparent; background-color: transparent; }    
    50% { border-color: red; background-color: red; }    
}    
@keyframes borderBlink {    
    from, to { border-color: transparent; background-color: transparent; }    
    50% { border-color: red; background-color: red; }    
}    
.borderBlink{    
    border-color: inherit;
    -webkit-animation: borderBlink 2s infinite ease-in-out;    
    animation: borderBlink 2s infinite ease-in-out; 
    background-image: url(../images/icone/error32.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: red;    
}


@-webkit-keyframes borderBlinkLight {    
    from, to { border-color: transparent; /* background-color: transparent;*/ }    
    50% { border-color: var(--red); }    
}    
@keyframes borderBlinkLight {    
    from, to { border-color: transparent; /* background-color: transparent; */ }    
    50% { border-color: var(--red); }    
}    
.borderBlinkLight{    
    border-color: var(--red);
    -moz-animation: borderBlinkLight normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: borderBlinkLight normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: borderBlinkLight normal 2s infinite ease-in-out; /* IE */
    animation: borderBlinkLight normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}


.Play > img, img.AudioPlay.Play {
	animation: rotation 2.5s infinite linear;
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}



/* button bottom right page */
#pageUp { 
	position: fixed;
    bottom: 5%;
    right: 5%;
    cursor: pointer;
    width: 3em;
    height: 3em;
    border: 2px solid var(--darkslategrey);
    background-color: rgba(69,130,26,.33);;
    border-radius: 1.5em;
    color: white;
    font-weight: bold;
    text-align: center;
    background-image: url(../images/icone/PageUp.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}
#pageTop {
    position: absolute;
    top: 0;
}

p.descSint { margin-bottom: 4em; }

.header-top-center			{ position: absolute; display: block; left: 50%; transform: translatex( -50% ); text-align: center; }
.header-top-right			{ position: absolute; display: block; right: 0; }
.header-top-left			{ position: absolute; display: block; left: 0; }

/* #footer .header-top-center	{ margin-top: 1rem; }  */
#footerLastLine {
	font-size: small;
    margin-top: 1rem;
    height: 8rem;
    overflow: hidden;
}


#footer .header-top-right	{ position: unset; display: inline-block; float: right; }
#footer .header-top-left 	{ position: unset; display: inline-block; float: left;  }

.header-top-right img,
.header-top-left img 		{ height: 2em; width: 2em; vertical-align: middle; margin-right: .5em; margin-left: 2em; }

.header-top-right img.onMouse.FeedRSS,
.header-top-right img.yourCountryFlag { margin: 0;  }

#footer .header-top-left img:first-child { margin-left: 0; }
#footer span.checkFirstBorder:first-child { display: none; }
#footer span.checkLastBorder:last-child { display: none; }


.ui-tooltip {
	padding: 10px 20px;
	color: #333;
	border-radius: .25em;
	font-size: medium;
	font-weight: normal;
	text-transform: none;
	box-shadow: 0 0 7px #333;
	background-color: var(--backYellow);
}

.header-top-center .icoImg {
	background-image: url('../images/layout/7929/favicon-32x32.png');
	background-repeat: no-repeat;
}


#pageLink {
	text-align: center;
    margin-top: 3em;	
    clear: both;
    margin-bottom: 4rem;
}
#pageLink span {
    font-size: small;
    display: block;
}

#carCount	{ color: #999; }

big, .big {
    font-size: 133%;
    display: block;
    line-height: normal;
}

#mapCanvasLocal {
	width: 100%;
	height: 50vh;
    border: 1px solid var(--darkseagreen);
    border-radius: .5em;
}

#genBtnSave	{
	clear: both;	
	display: block;
	text-align: center;
}

form[name=contactForm] #iframeGoogleMap {
	border: 1px solid var(--TableBorderColor);
    width: 100%;
    height: 420px;
    margin-top: .5em;	
}
form[name=contactForm] div.aCenter.clear {
	margin: 0 auto 0;
}
form[name=contactForm] .centerForm {
    float: none;
    margin: auto;	
}

#page div.container form[name=contactForm] h2.centerForm {
    border-left: 0;
	margin: 2em auto;
    width: fit-content;
}


/* Mini Button */
#menuPageTopRight {
    display: inline-block;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}
div.btnMini {
    display: inline-block;
    text-align: center;
    border-radius: .25em;
    padding: .5em .75em .5em;
    min-width: 4em;
    border: 1px outset #f7f8f9;
    background-color: #f7f8f9;
}
div.btnMini img			{ width: 1.5em; height: 1.5em; }
div.btnMini label		{ font-size: .8em; color: var(--darkslategrey);  display: block; margin: 0; padding: 0; }

div.btnMini:hover label	{ cursor: pointer; 	text-decoration: none; color: orange; }
div.btnMini:hover		{ 
	cursor			: pointer; 
	color			: orange ; 
	-o-transition	:.5s;
	-ms-transition	:.5s;
	-moz-transition	:.5s;
	-webkit-transition:.5s;
	transition		:.5s; 
	text-decoration : none;
	background-color: #CCE6CC;
}

#page p > a > img,
a > img {
	width: 1.5em;
	height: 1.5em;
	vertical-align: text-bottom;
}

/* BLOG */
#page > div.container > div.container > p.authorName	{ text-align: right; }
#authorProfile {
    display: inline-block;
    border-top: .5em solid var(--green);
    margin-top: 2rem;
    padding-top: 2rem;
    width: 100%;
}



/****************************************************/
/* #authorProfile > p:first-child { margin-left: 8em; } */

#authorProfile > p > img {
    width: 6em;
    border-radius: .5em;
    border: 1px solid var(--TableBorderColor);
    margin: 0 2em 2em 0;
}

#authorProfile > ul {
    list-style: none;
    padding-left: 0;
    width: -webkit-fill-available;
}

#authorProfile > ul > li {
    margin-bottom: 2em;
    height: 4em;
}

#authorProfile > ul > li > div > span {
    display: block;
    font-size: small;
}

#authorProfile > ul > li > img {
    float: left;
    width: 4em;
    height: 4em;
    margin-right: 1em;
    object-fit: cover;
    border-radius: .25em;
	border: 1px solid var(--TableBorderColor);
}

/****************************************************/




small.readingTime, small.argument {
    display: block;
    font-family: 'Segoe_UI', sans-serif;
    font-size: small;
	line-height: 2em;
}
small.argument {
	font-style: italic;
}


button.cc-nb-changep 							{ display: none; }

#page div.container.lastNews {
    margin-top: 4em;
    margin-bottom: 4em;
}

#page div.container.lastNews h1,
#page div.container.lastNews h2,
#page div.container.lastNews h3					{ margin: 1em 0; }
#page div.container.lastNews div.ntBody p		{ padding: 0; margin: 0; }

#page div.container.lastNews img {
    width: 33%;
    float: left;
    margin: 0 4em 2em 0;
    border-top-left-radius: 1em;
    object-fit: cover;
    object-position: center;
    height: 17em;
}

#page div.container.lastNews div.ntBody h3		{ border: 0; padding: 0; margin: 0; }
#page div.container.lastNews div.ntDate			{ font-size: small; }

#page div.container.lastNews div.ntNews {
    display: block;
    border: 1px solid transparent;
    height: auto /* 25em */;
    overflow: hidden;
    margin-top: 2em;
    padding: 2em;
    border-radius: .25em;
    cursor: pointer;
}

#page div.container.lastNews div.ntNews:hover {
    border: 1px solid #2F4F4F;
    background-color: #f1f2f3;
    filter: brightness(.9);
    -o-transition: .75s;
    -ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
    transition: .75s;
}

#page > div.container > div.container > ul.blogIndex {
    display: block;
    clear: unset;
    line-height: 1.5em;
    list-style: none;
    padding: 0;
    background-color: unset;
    border: unset;
    min-width: unset;
    float: unset;
    margin: unset;
    max-height: unset;
    z-index: unset;
    width: unset;
}

#containerMain > div.container.pageContent > ul.blogIndex > li 			{ margin-bottom: 1em; font-size: unset; }
#containerMain > div.container.pageContent > ul.blogIndex > li > span 	{ font-size: small; display: block; }
#containerMain > div.container.pageContent > ul.blogIndex > li > span:nth-child(3) {}


#logoImg { max-width: 100%; }

.CreativeCommons { cursor: pointer; }
.CreativeCommons > img { width: 10em;  }

#youtubeThis {
	border-color: var(--green);
}

.remainingCharacters {
	position: absolute;
	z-index: 1000;
	border: 1px solid var(--TableBorderColor);
	border-radius: .25em;
	background-color: rgb(248 248 248);
	color: #999999;
	font-size: smaller;
	width: 5em;
	padding: 0 5px;

	/* Queste due sono state rimosse perché non servono più: */
	/* margin-top: 2px; */
	/* margin-right: 2px; */

	pointer-events: none; /* Non blocca il click sull'input */
	white-space: nowrap;

	transition: opacity 0.2s ease;
	opacity: 0.95;
}

.remainingCharacters.blink-image {
	color: black;
    border: 1px solid red;
	background-color: var(--orange);
}

#contact {
	scroll-margin-top: 8em;
}

#page > div.container > div.container > p.Hashtags {
    white-space: normal;
    width: min-content;
}

#BottomMap {
    border-top: .5rem solid var(--headerGreen);
}

#BottomMap h2 {
    background-color: var(--headerGreen);
    color: white;
}


/* allarga un contenitore a tutto lo schermo, ignorando le restrizioni del contenitore */
.full_width {
	position: relative;
	left: calc(-50vw + 50%);
	width: 100vw;
}