@charset "utf-8";

div.push + main > div:nth-child(2) h2 {
	margin-top:0;
}

#page {
	padding:0 10px;
	}
.paper {
	width:100%;
	background:var(--cb);
	padding:20px 0 20px 0;
	}
.paper:after, .art:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
	}
.paper:last-child {
	padding-bottom:20px !important;
	}

/*
.paper.none {
	display:none;
	}
.paper:not(.none) {
	background:yellow;
	}

.paper:not(.none):first-of-type {
	background:red;
	min-height:100px;
	}

++:not(.none).paper:first-of-type {
	padding-top:200px !important;
	}

++.paper:first-of-type  {
	padding-top:200px !important;
	}


++.paper:nth-child(2) {
	}
++.paper:nth-child(2)>*:first-child {
	margin-top:100px !important;
	}
++.paper>*:first-child {
	margin-top:0 !important;
	}
*/
.paper:first-of-type  {
	padding-top:40px;
	}


	




.art>hr {
	border:0 !important;
	margin:0;
	clear:both;
	background:#fff;
	}
.art hr.end {
	border:2px solid #444;
	margin-top:10px;
	margin-bottom:30px;
	clear:both;
	}


.em {
	font-size: 1.3em;
	font-weight:100;
	color:var(--cem);
	}
.mini {
	font-size: .8em;
	color:var(--cem);
	}

div.sx {
	width:240px;
	margin-right:15px;
	float:left;
	}
div.double {
	column-count: 2;
	column-gap: 40px;
	}
div.triple {
	column-count: 3;
	column-gap: 20px;
	}
.art div h3 {
	margin:0;
	font-size: 1.8em;
	}

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

.art {
	font-family: robo, sans-serif;
	width:1020px;
	margin:0 auto;
	}
.art h1 {
	color:#f00;
	}
.art p{
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight:300;
	color:var(--cp);
	text-align:justify;
	margin:.3em 0 .4em 0;
	}
.art p.big{
	font-size: 1.4em;
	color:var(--cem);
	}
.art p.little{
	font-size: .8em;
	color:var(--cem);
	}
.art h2 {
	font-size: 3em;
	line-height: 1.1em;
	margin:1em 0 .2em 0;
	font-weight:100;
	color:var(--ch2);
*	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	}
.art h3 {
	font-size: 2.2em;
	line-height: 1.1em;
	margin:.8em 0 .1em 0;
	font-weight:100;
	color:var(--ch3);
	}
.art h4 {
	font-size: 1.6em;
	line-height: 1.1em;
	margin:.8em 0 0em 0;
	font-weight:300;
	color:var(--ch4);
	}
.art h5{
	font-size: 1.3em;
	line-height: 1.1em;
	margin:.3em 0 .1em 0;
	font-weight:500;
	color:var(--ch5);
	}
.art h5:first-child{
	margin:1em 0 .1em 0;
	}
.art h2+h3 {
	margin:.1em 0 0 0;
	}
.art h4+h3 {
	margin:.1em 0 0 0;
	}
.art h3+h2 {
	margin:.1em 0 0 0;
	}
.art h5+h3 {
	margin:.1em 0 0 0;
	}
.art h5+h2 {
	margin:.1em 0 0 0;
	}
	
.s+.s {
	border-top:2px solid #eee;
	}


.B+.C {
	margin:-30px 0 0 0;
	}

.A {
	position:relative;
	padding:10px 0;
	background:var(--cAb);
	box-shadow:0px 3px 30px rgba(0,0,0,.3);
*	z-index: 99;
	}
.A .art p {
	color:var(--cAp);
	}
.A .art h2 {
	color:var(--cAh2);
	}
.A .art h3 {
	color:var(--cAh3);
	}
.A .art h4 {
	color:var(--cAh4);
	}
.A .em, .A p.big, .A ul.mega {
	color:var(--cAem);
	}

.B {
	position:relative;
	background:var(--cBb);
	box-shadow:0px 3px 30px rgba(0,0,0,.2);
	z-index: 99;
	}
.B .art p {
	color:var(--cBp);
	}
.B .art h2 {
	color:var(--cBh2);
	}
.B .art h3 {
	color:var(--cBh3);
	}
.B .art h4 {
	color:var(--cBh4);
	}
.B .em, .B p.big, .B ul.mega {
	color:var(--cBem);
	}

.C {
	padding:10px 0;
	background:var(--cCb);
	}
.C .art p {
	color:var(--cCp);
	}
.C .art h2 {
	color:var(--cCh2);
	}
.C .art h3 {
	color:var(--cCh3);
	}
.C .art h4 {
	color:var(--cCh4);
	}
.C .em, .C p.big, .C ul.mega {
	color:var(--cCem);
	}

.D {
	padding:10px 0;
	background:var(--cDb);
	}
.D .art p {
	color:var(--cDp);
	}
.D .art h2 {
	color:var(--cDh2);
	}
.D .art h3 {
	color:var(--cDh3);
	}
.D .art h4 {
	color:var(--cDh4);
	}
.D .em, .D p.big, .D ul.mega {
	color:var(--cDem);
	}

.X {
	padding:10px 0;
	background:var(--cXb);
	}
.X .art p {
	color:var(--cXp);
	}
.X .art h2 {
	color:var(--cXh2);
	}
.X .art h3 {
	color:var(--cXh3);
	}
.X .art h4 {
	color:var(--cXh4);
	}
.X .em, .X p.big, .X ul.mega  {
	color:var(--cXem);
	}


.acc .key {
	display:flex;
	position:relative;
	padding:1px 10px;
	width:1000px;
	margin:0 auto;
	background:#fff;
	box-shadow:0px 3px 30px rgba(0,0,0,.2);
	font-family: sanscl, sans-serif;
	}
.acc .key>img {
	height:250px;
	display: inline-block;
	vertical-align: top;
	margin:20px 10px;
	}
.acc .key>div {
	display: inline-block;
	}
.acc .key h3 {
	font-size:2.0em;
	line-height:1.1em;
	font-weight:normal;
	margin:10px 10px 0 10px;
	color:var(--cmdh);
	}
.acc .key p {
	font-size:1.3em;
	line-height:1.2em;
	margin:5px 10px 0 10px;
	color:var(--cmdp);
	margin-bottom:20px;
	}

.acc .key>button {
	position:absolute;
	bottom:5px;
	right:20px;
	background:none;
	border:none;
	outline:none;
	transition: .5s;
	}
.acc .key>button.act {
	transform: rotate(180deg);
	}


.acc .art {
	transform: scaleY(0) !important;
	transform-origin: top;
	max-height: 0;
	transition: max-height 1s ease-in-out, transform .6s, opacity .8s;
	opacity:0 !important;
	}
.acc .art img {
	display:none;
	}
.acc .art.act {
	transform: scaleY(1) !important;
	max-height: 5000px;
	opacity:1 !important;
	margin-bottom: 60px;
	}
.acc .art.act img {
	display:block;
	}

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

.art img {
	margin:3px 20px 3px 0;
	border:0;
	}

.art p img {
	float:none;
	max-width:100% !important;
	height:auto !important;
	}
.art img.large {
	width:1020px !important;
	height:auto !important;
	margin:10px 0 5px 0;
	}
.art img.medium {
	float:left;
	width:500px !important;
	height:auto !important;
	margin:10px 20px 10px 0;
	}
.art img.medium:nth-child(2n) {
	margin:10px 0px 10px 0;
	}
.art img.small {
	float:left;
	width:326px !important;
	height:auto !important;
	margin:0 20px 10px 0;
	}
.art img.small:nth-child(3n) {
	margin:0 0 0 0;
	}
.art img.tile {
	float:left;
	width:auto !important;
	height:auto !important;
	margin:0 !important;
	}
.art img.icon {
	float:left !important;
	width:auto !important;
	height:160px !important;
	margin:0 20px 10px 0;
	}


.art img.wide {
	width: 100vw !important;
	min-width: 1020px;
	max-width: 100vw !important;
	margin-left:calc((100vw - 1020px) / -2);
	}
@media all and (max-width: 1020px) {
	.art img.wide{
		margin-left:0;	
	}
}	
	
.art h3 + p img.wide {
	margin-top:20px;
	}


div#mask {
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:url(k8.png);
	z-index:9900;
	}
img.zoom.on {
	height:90%;
	width:90%;
	object-fit:contain;
	padding:5%;
	}


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

.art a {
	text-decoration:none;
	color:var(--cl);
	}

.art a.image {
	display:inline-block;
	margin-right:20px;
	}
.art a.image:nth-child(4) {
	margin-right:0;
	}
.art a.image img {
	width:240px !important;
	height:auto !important;
	margin:0;
	transition:.3s;
	}
.art a.image:hover img {
	transform:scale(1.05);
	}

.art a.rlink img {
	height:60px !important;
	float:right;
	}

.art a.button,
.art a[href^="more.asp"],
a[href="javascript:history.back()"] {
	text-decoration:none;
	font-size: 16px;
	font-weight:bold;
	padding:1px 8px 2px 8px;
	background:var(--cub);
	color:var(--cuf);
	margin:0 5px;
	}
a[href="javascript:history.back()"] {
	margin-left:45%;
	}
.art a.pulsante:hover,
.art a[href^="art.asp"]:hover,
a[href="javascript:history.back()"]:hover {
	background:#555;
	}

.art a.doc
 {
	display:block;
	width:230px;
	height:40px;
	padding:10px 2px 2px 60px;
	margin:15px 0 0 0;
	background:url(doc.png);
	font-size:14px;
	line-height:16px;
	text-align:left;
	color:#fff;
	}

.art h3 a{
	font-family: sanscl;
	font-weight:normal;
	margin:-3px 0 0 0;
	font-size:24px;
	color:var(--cub);
	}

.art h4+ul {
	margin-top:.3em;
	}

.art h4 img {
	margin:3px 10px 0px 0;
	}

.art ul {
	list-style-type:none;
	padding-left:23px;
	margin:10px 0;
	}
.art li {
	position:relative;
	font-size: 1em;
	font-weight:300;
	line-height: 1.8em;
	}
.art ul>li:before {
    content:"●";
    padding:0 20px 0 0;
    position:absolute;
    top:0px; 
	left:-20px;
	font-size:16px;
	color:var(--ctb);
}
.art ul.mega li{
	font-size: 1.2em;
	font-weight:300;
	color:var(--cem);
	}
.art ul.mega li:before{
    top:0px; 
}	


.art table {
	border-collapse:collapse;
	}
.art table p {
	margin:0;
	}
.art table th {
	border-bottom:solid 1px #aaa;
	}
.art table th p {
	color:var(--ctb) !important;
	}
.art table tr:last-child td {
	}
.art table td {
	vertical-align:top !important;
	font-size:14px;
	padding-right:20px;
	}
.art table h4 {
	margin:2px 0;
	}
.art table h2:first:child {
	margin:0;
	}
.art table.line td {
	border-bottom:1px solid #999;
	}
.art table.box td {
	padding:5px 50px 5px 3px; 
	border-bottom:1px solid #999;
	}
.art table.box td:last-child {
	padding:5px 10px 5px 3px; 
	}

.art object {
	margin:3px 10px 3px 0;
	border:0;
	float:left;
	}


/***************************************/
.mess {
	margin:15px 0 0 3px;
	font-size:22px;
	font-weight:bold;
	color:#f00;
	}
.t {
	padding-top:3px !important;
	line-height:16px;
	font-weight:bold;
	}
.m {
	padding-top:3px !important;
	line-height:16px;
	}
.xs {
	padding-top:3px !important;
	font-size:x-small;
	font-weight:normal;
	line-height:9px;
	}
.xs a{
	color:#888;
	}


.art div.button {
	display:inline-block;
	width:170px;
	height:390px;
	padding:10px;
	box-shadow:0px 3px 30px rgba(0,0,0,.3);
	margin-right:10px;
	vertical-align:top;
}
.art div.button h3 a {
	color:var(--ch2);
}
.art div.button p {
	text-align:left;
	font-size:.9em;
	line-height:1.5em;
}
.art div.button p a {
	color:var(--cp);
}