section.cinerama {
	position:relative;
	padding:0;
	margin-top:0;
	margin-bottom:0;
}
ul.cinerama > li {
	margin:0;
	padding:0;
	position:relative;
	}
ul.cinerama > li > article {
	width: 100%;
	height: 100%;
	display:flex;
	display:-webkit-flex;
	-webkit-flex:1;
	flex:1;
}

/* il modifica dei cinerama */
ul.cinerama > li > span.modifica { /* il modifica */
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 2px;
	margin: 0;
	color: white;
	font-size: small;
	border-color: white;
	background-color: black;
	z-index: 84;
}
ul.cinerama > li > span.modifica.visibile {
	display:flex;
	display:-webkit-flex;
	}

ul.cinerama > li > span.modifica > a { 
	display:inline-block;
	width:100%;
	height:100%;
	background-size: cover;
	border-radius: 4px;
	color: inherit;
	box-shadow: none;
	font-family: monospace;
}
ul.cinerama > li > span.modifica:hover > a { color:lightblue; }

/* via la sottolineatura dei link */
nav.cinerama.freccine a,
ul.cinerama .contento > div > a,
ul.cinerama > li span.modifica {box-shadow:none;}


/* gli sfondi degli ul */
ul.cinerama[data-sfondo]) {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
}


/*autoplus*/
ul.cinerama.autoplus > li.plus {
	list-style-type: none;
}
ul.cinerama.autoplus > li.plus > article > div {
	border-radius:8px;
	border:1px solid blue;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	background-color: white;
	width: 100%;
	height: 100%;
}

.cinerama.autoplus > li.plus > article > div > a {
	text-decoration: none;
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	height: 100%;
	width: 100%;
	background: lightgray;
	border-radius: 10px;
	flex-direction: column;
}
.cinerama.autoplus > li.plus > article > div > a > span {
	display:block;
	color:blue;
}
.cinerama.autoplus > li.plus > article > div > a > span.plus {
	font-size:100px;
	line-height: 0.8;
}
.cinerama.autoplus > li.plus > article > div > a > span.scritta {
	font-size:10px;
}
.cinerama.autoplus > li.plus > article > div > a:hover > span {
	color:black;
}
/* FINE SHORTCODES */

/* CATALOGO */
.cinerama_catalogo_struttura_del_li td {
	margin: 2px;
	vertical-align: top;
	border-color: black;
	border-width: 1px;
}
.cinerama_catalogo_struttura_del_li pre {
	-moz-tab-size:2;
	-o-tab-size:2;
	tab-size:2;
	font-family: monospace;
	background-color:lightgray;
	padding: 0;
	margin: 0;
	display: inline;
}
.cinerama_catalogo_struttura_del_li table {
	background-color: lightgray;
	border-collapse: collapse;
	font-size: 12px;
	}
ul.cinerama > li,
ol.cinerama > li {
	list-style: none;
	}

ul.cinerama .foto {
	background-repeat:no-repeat;
	background-position:center center;
}





.cinerama .ombra01:before { /* scura */
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}
.cinerama .ombra02:before { /* semiscura */
	background:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25));
}
.cinerama .ombra03:before { /* chiara */
	background:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5));
}
.cinerama .ombra04:before { /* ultrachiara-destra */
	background:linear-gradient(90deg,rgba(255,255,255,0.8),rgba(255,255,255,1));
}
.cinerama .ombra05:before { /* scura-destra */
	background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0.75));
}
.cinerama .ombra06:before { /* piede-scuro */
	background:linear-gradient(0deg,rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 60%);
}
.cinerama .ombra07:before { /* scura-sopra */
	background:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0.7));
}
.cinerama .ombra08:before { /* scura-sinistra */
	background:linear-gradient(90deg,rgba(0,0,0,0.75),rgba(0,0,0,0));
}

/* per  la velatura tramite :before */
.cinerama .ombra {
	position:relative;
	z-index:0;
}
.cinerama .ombra:before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index: 1;
}

.cinerama.briciole {
	z-index: 1;
}

aside.para-implosi {
	font-size: medium;
	background-color: lightgray;
	padding: 0 10px;
	border-style: dashed;
	border-width: 2px;
	border-color: cadetblue;
}
.quippini-opaco {
	background-color: black;
	opacity: 0;
	position: fixed;
	left: 0;
	right: 0;
	top: 90000px;
	bottom: 0;
	display: block;
	transition: opacity .5s linear;
	-webkit-transition: opacity .5s linear;
	max-width: 100vw;
}
body.pannello-quippini .quippini-opaco {
	display:block;
	top:0;
	opacity:0.5;
}

.quippini .pannello {
	display: none;
}
body.pannello1 .quippini .pannello1,
body.pannello2 .quippini .pannello2,
body.pannello3 .quippini .pannello3,
body.pannello4 .quippini .pannello4,
body.pannello5 .quippini .pannello5,
body.pannello6 .quippini .pannello6,
body.pannello7 .quippini .pannello7,
body.pannello8 .quippini .pannello8,
body.pannello9 .quippini .pannello9,
body.pannello10 .quippini .pannello10,
body.pannello11 .quippini .pannello11,
body.pannello12 .quippini .pannello12,
body.pannello13 .quippini .pannello13,
body.pannello14 .quippini .pannello14,
body.pannello15 .quippini .pannello15 {
	display:flex;
	display:-webkit-flex;
}

.quippini .fisso,
.quippini.fisso {
	position:fixed;
	margin-top:0;
}
.quippini .fisso.fisso-a-zero,
.quippini.fisso {
	top:0;
}
.quippini .fisso.fisso-in-mezzo {
	width: var(--larghezza);
	height: var(--altezza);
	left:   calc( ( 100vw - var(--larghezza) ) / 2 );
	right:  calc( ( 100vw - var(--larghezza) ) / 2 );
	top:    calc( ( 100vh - var(--altezza) ) / 2 );
	bottom: calc( ( 100vh - var(--altezza) ) / 2 );
}

body.quippini-wpadminbar #quippini-menu .fisso:not(.pannello),
body.quippini-wpadminbar #quippini-menu.fisso,
body.quippini-wpadminbar.pannello-quippini,
body.admin-bar #quippini-menu .fisso:not(.pannello),
body.admin-bar #quippini-menu.fisso,
body.admin-bar.pannello-quippini {
	margin-top:32px;
}
@media screen and ( max-width: 782px ) {
	body.quippini-wpadminbar #quippini-menu .fisso:not(.pannello),
	body.quippini-wpadminbar #quippini-menu.fisso,
	body.quippini-wpadminbar.pannello-quippini,
	body.admin-bar #quippini-menu .fisso:not(.pannello),
	body.admin-bar #quippini-menu.fisso,
	body.admin-bar.pannello-quippini {
		margin-top:46px;
	}
}

body.quippini-pannello-modale #wpadminbar-finta,
body.quippini-pannello-modale #wpadminbar {
	z-index:36;
}

aside.quippini-relativo {
	position:relative;
	display:none;
}
body {
	position:relative;
}
body.pannello-quippini {
	position: fixed;
	width: 100%;
	top: 0;
	overflow-y: scroll;
}
.crocetta {
	background-image:url(percorso-css-cinerama/img/x-chiudi-40x40.png);
	min-width: 20px;
	height: 20px;
	max-width: 20px;
	background-position: center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	cursor: pointer;
	flex: 0;
	-webkit-flex: 0;
}
.crocetta:hover {
	filter:invert(.5);
	-webkit-filter:invert(.5);
}

.cinerama.paginazione li  {
	list-style: none;
	margin-left:10px;
}
.cinerama.paginazione > ol {
	display:flex;
	display:-webkit-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	width: 100%;
}
.cinerama.paginazione li.attuale {
	font-weight:bolder;
}
 
.cinerama.paginazione li.freccia.avanti span:before {
	content:'>';
}
.cinerama.paginazione li.freccia.indietro span:before {
	content:'<';
}
.cinerama.paginazione[data-tot='1'] {
    display: none;
}

body.quippini-pannello-modale,
body.quippini-pannello-modale #quippini-menu-opaco {
    pointer-events: none;
}

div.quippini-opaco.al-volo,
.pannello.sopra {
    pointer-events: all;
}
.pannello.sopra,
.quippini-opaco.al-volo {
	z-index:50;
}
.quippini-opaco.al-volo {
	cursor: pointer;
}

section.cruscotto .pannello.sopra,
section.cruscotto .quippini-opaco.al-volo {
	z-index:41;
}

aside.menu {
	z-index:41;
}
aside.menu.quippini-relativo {
	z-index:39;
}
.quippini-opaco {
	z-index: 40;
	}