﻿@charset "utf-8";

.paper {
	margin-bottom:2em;
	}

.art p{
	font: 1em/1.4em sans-serif;
	margin:.2em 1em .2em .9em;
	text-align:justify;
	color:var(--cp);
	}
.art h2 {
	margin:.8em .5em .3em .5em;
	color:var(--ch2);
	}
.art h3 {
	margin:.6em .5em .3em .6em;
	clear:both;
	color:var(--ch3);
	}
.art h4 {
	margin:.4em .5em .2em .7em;
	color:var(--ch4);
	}
.art h5{
	margin:.2em .7em;
	font-weight:normal;
	color:var(--ch5);
	}
.art h2 + h3 {
	margin:.1em .5em .3em .6em;
	}
.art h4+h3 {
	margin:.1em .5em 0 .6em;
	}
.art h3+h2 {
	margin:.1em .4em 0 .5em;
	}
.art h5+h3 {
	margin:.1em .5em 0 .6em;
	}
.art h5+h2 {
	margin:.1em .4em 0 .5em;
	}

.em {
	font:1.3em/1.1em sanscl, sans-serif;
	font-weight:100;
	color:var(--cem);
	}


.art {
	width:100%;
	}

.art p.big {
	color:var(--cem);
	}

.A {
	padding:5px 0;
	background:var(--cAb);
	box-shadow:0px 3px 30px rgba(0,0,0,.4);
	}
.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 {
	padding:5px 0;
	background:var(--cBb);
	}
.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:5px 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:5px 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:5px 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);
	}


.basket .art a {
	display:block;
	font-size:0;
	}
.basket .art a:before {
    content: url(carrello.png);
	}


.acc .key {
	display:none;
	}


.art img {
	margin:3px 15px 3px 0;
	border:0;
	}
.art p img, .art h3 img, .art h4 img {
	width:100% !important;
	height:auto !important;
	}
.art img.wide {
	width: 100vw !important;
	margin:0 -.9em !important;
	}

.art img.large  {
	width:100% !important;
	height:auto !important;
	}
.art img.medium  {
	width:100% !important;
	height:auto !important;
	}
@media screen and (orientation: landscape) {
.art img.medium  {
	float:left;
	max-width:250px !important;
	height:auto !important;
	margin:0 10px 0 0;
	}
}
.art img.small  {
*	float:left;
*	max-width:180px !important;
*	height:auto !important;
*	margin:0 10px 0 0;
	width:100% !important;
	height:auto !important;
	}
.art img.icon  {
	width:130px !important;
	float:left;
	}

.art>hr {
	border:0;
	margin:5px 0;
	clear:both;
	}
.art hr.end {
	border:2px solid #ddd;
	margin-top:1em;
	margin-bottom:1em;
	clear:both;
	}


.art a {
	text-decoration:none;
	color:var(--cl);
	}
.art a img {
	width:inherit !important;
	height:auto !important;
	}
.art a.image {
	display:inline-block;
	margin-right:20px;
	}
.art a.image img {
	width:30% !important;
	height:auto !important;
	}


.art a.rlink img {
	height:60px !important;
	width:auto !important;
	float:right;
	}
.art a.rlink:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
	}	
	
.art a.button,
.art a[href^="more.asp"],
a[href="javascript:history.back()"] {
	text-decoration:none;
	font-size: 15px;
	line-height: 24px;
	padding:1px 8px;
	background:var(--cub);
	color:var(--cuf);
	margin-top:10px;
	}
a[href="javascript:history.back()"] {
	margin-left:35%;
	}
.art a[href^="art.asp"]:hover,
.art 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);
	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 ul {
	list-style-type:none;
	padding-left:1.8em;
	margin:.4em .3em;
	}
.art li {
	position:relative;
	}
.art>ul li:before{
    content:"●";
	color:var(--ctb);
    position:absolute;
	left:-1em;
}	
.art ul.high li{
	font-size:1.1em;
	line-height:1.5em;
	font-weight:normal;
	}
.art h4+ul {
	margin:.4em .3em 1em .3em;
	}

.art iframe {
	width:330px !important;
	height:180px !important;
	border:0;
	}

.art table {
	display:block;
	max-width:90% !important;
	margin-left:5%;
	overflow-x:  scroll;
	}
.art table th {
	border-bottom:solid 1px #aaa;
	text-align:left;
	font-size: 1.1em;
	}
.art table td {
	vertical-align:top;
	font-size: 1em;
	color: #666;
	}
.art table img{
	max-width:140px !important;
	}

.art table.big {
	font:1.6em/1.1em sanscl;
	width:100%;
	}
.art table.big th {
	line-height: 1.4em;
	font-weight:100;
	color:#86BC25;
	}
.art table.big td {
	width:80px;
	line-height: 2em;
	color:#0056B3;
	border-bottom:solid 1px #aaa;
	}
.art table.big tr td:first-child {
	width:200px;
	color:#999;
	}
	
/********/
.art #filter {
	position:relative;
	top:10px;
	width:30px;
	height:30px;
	margin:0px 8px 0px 0;
	float:left;
	}
.art object {
	margin:3px 10px 3px 0;
	border:0;
	float:left;
	}

/***************************************/
.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:.9;
	font-weight:normal;
	line-height:1em;
	}
.xs a{
	color:#888;
	}

.sptop {
	margin-top:40px !important;
	}
.mess {
	margin:15px 0 0 3px;
	font-size:22px;
	font-weight:bold;
	color:#f00;
	}
.ridotto {
	padding:1em 1em !important;
	font-size:1em !important;
	color:#999 !important;
	}
.high {
	color:#000;
	font-weight:bold;
	}


.art div.button {
	display:none;
}