.abs {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.acapo {word-break: break-all;}
.noselect {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; -webkit-tap-highlight-color: transparent;}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ELENCHI <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

ul.base {list-style-position: outside !important; margin-bottom: 0 !important;}
ol.base {list-style-position: outside !important; margin-bottom: 0 !important;}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ICONE <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

img.icona {margin-left: 4px; margin-bottom: 6px;}
img.icona-newwindow {content: url("/files/100000040.gif")}
img.icona-newwindow-pdf {content: url("/files/100000041.gif")}
img.icona-pdf {content: url("/files/100311850.gif");}
img.icona-word {content: url("/files/100500381.jfif");}
img.icona-excel {content: url("/files/100500380.jfif");}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PULSANTE <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

div.pulsante {position: relative; display: flex; justify-content: center; align-items: center; min-height: 35px; padding: 16px 35px; color: white; background-color: #003366; border: 3px solid #003366; border-radius: 6px; box-shadow: 0px 4px 8px silver; cursor: pointer; transition: color .3s ease, background-color .3s ease, box-shadow .3s ease; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; -webkit-tap-highlight-color: transparent;}
div.pulsante-rosso {background-color: #cc0000; border-color: #cc0000; font-size: large; font-weight: bold;}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> BOX-LINK <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* ------------------------------------------------------------------ BOX-LINK-LINK ------------------------------------------------------------------ */

a.box-link-link {opacity: 0; background-color: #192a7f; transition: opacity .2s ease; z-index: 3;}



/* ---------------------------------------------------------------- BOX-LINK SEMPLICE ---------------------------------------------------------------- */

div.box-link {position: relative; max-width: 100%; margin: 15px 10px; line-height: 1; padding: 11.9px 20px 11.5px; display: flex; align-items: center; justify-content: space-between; text-align: left; color: gray; background-color: white; border: 1px solid silver; border-radius: 8px; box-shadow: 0px 4px 8px gainsboro; cursor: pointer; transition: color .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;}
div.box-link-50 {padding: 16.9px 20px 16.5px;}
div.box-link-jp {padding: 12.9px 20px 10.5px;}
div.box-link-jp-50 {padding: 17.9px 20px 15.5px;}


/* --------------------------------------------------------------- BOX-LINK CON BANNER --------------------------------------------------------------- */

div.box-link-banner {position: relative; max-width: 100%; max-height: 50px; min-height: 35px; margin: 15px 10px; padding: 7px 20px; display: flex; align-items: center; text-align: left; color: grey; background-color: white; border: 1px solid silver; border-radius: 8px; box-shadow: 0px 4px 8px gainsboro; cursor: pointer; transition: color .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;}

img.box-link-banner-img {max-height: 46px; width: 230px; flex: 0 0 auto; object-fit: contain; overflow: hidden;}

div.box-link-banner-text {margin: 7px 20px; color: grey; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; transition: color .2s ease;}



/* ------------------------------------------------------------ BOX SIMBOLI PER BOX-LINK ------------------------------------------------------------ */

div.box-simboli {position: absolute; top: 5px; bottom: 5px; right: 5px; border: 1px solid white; background-color: white; padding-right: 20px; display: flex; align-items: center; border-radius: 6px; transition: border-color .2s ease; z-index: 4;}
.simbolo {margin-left: 20px;}
.simbolo-en {color: grey;}
.simbolo-en:before {content: "EN"; font-style: normal !important}
.simbolo-new {color: #cc0000;}
.simbolo-new:before {content: "New"; font-style: normal !important}
img.icona_pdf_box {content: url("/files/100311850.gif");}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> TITOLO VIOLA <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

div.acca1 {width: 100%; margin-top: 70px; margin-bottom: 35px; color: white; font-weight: bold; padding: 7px 20px; background: linear-gradient(90deg, #192a7f, #ffffff);}



/* NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN MEDIA HOVER : HOVER NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN */

@media not all and (pointer: coarse) {

/* -------------------------------------------------------------------- PULSANTE -------------------------------------------------------------------- */
div.pulsante:hover {color: #003366; background-color: rgb(232, 234, 242); box-shadow: 0px 4px 8px grey;}
div.pulsante-rosso:hover {color: #cc0000; background-color: rgb(255, 234, 213);}

/* ---------------------------------------------------------------- BOX-LINK SEMPLICE ---------------------------------------------------------------- */
div.box-link:hover {color: #192a7f; border-color: #192a7f; background-color: rgb(232, 234, 242); box-shadow: 0px 4px 8px #999999; }

/* ------------------------------------------------------------ BOX SIMBOLI PER BOX-LINK ------------------------------------------------------------ */
div.box-link:hover div.box-simboli {border-color: #192a7f;}

/* --------------------------------------------------------------- BOX-LINK CON BANNER --------------------------------------------------------------- */
div.box-link-banner:hover {border-color: #192a7f; box-shadow: 0px 4px 8px #999999;}
div.box-link-banner:hover div.box-link-banner-text {color: #192a7f;}
div.box-link-banner:hover a.box-link-link {opacity: 0.1;}

}



/* NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN MEDIA SCREEN < 1024 NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN */

@media screen and (max-width: 1024px) {

/* -------------------------------------------------------------- BOX-LINK CON BANNER -------------------------------------------------------------- */
div.box-link-banner {max-height: initial; flex-direction: column; justify-contents: center;}
img.box-link-banner-img {min-width: 100%; object-position: center left;}
div.box-link-banner-text {min-width: 100%;}

/* ------------------------------------------------------------ BOX SIMBOLI PER BOX-LINK ------------------------------------------------------------ */
div.box-simboli {display: none;}
.simbolo {display: none;}

/* ------------------------------------------------------------------ TITOLO VIOLA ------------------------------------------------------------------ */
div.acca1 {background: #003366;}

}



/* NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN MEDIA SCREEN < 767 NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN */

@media screen and (max-width: 767px) {

/* ---------------------------------------------------------------- BOX-LINK SEMPLICE ---------------------------------------------------------------- */
div.box-link {padding: 11.7px 20px;}
div.box-link-50 {padding: 16.7px 20px;}
div.box-link-jp {padding: 11.7px 20px;}
div.box-link-jp-50 {padding: 16.7 20px;}

}



/* NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN MEDIA SCREEN > 1025 NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN */

@media screen and (min-width: 1025px) {
div.pulsante-jp {padding-bottom: 12px;}
}



/* NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN MEDIA PRINT NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN */

@media print {

/* -------------------------------------------------------------- BOX-LINK CON BANNER -------------------------------------------------------------- */
div.box-link-banner {max-height: initial;}

/* ------------------------------------------------------------ BOX SIMBOLI PER BOX-LINK ------------------------------------------------------------ */
div.box-simboli {display: none;}
.simbolo {display: none;}

}