/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
body {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 14px;
  color: #685413;
  width: 95%;
  max-width: 1600px;
  margin: 1.5em auto;
  background-color: #ffffff;
}
.xdsoft_datetimepicker {
  z-index: 1000000 !important;
}
a a:hover,
a:link,
a:active,
a:visited {
  color: #666699;
}
h1 {
  font-size: 2em;
  color: #666699;
  font-weight: bold;
  text-align: center;
}
h2 {
  font-size: 1.7em;
  color: #666699;
  text-align: center;
}
h3 {
  font-size: 1.4em;
  color: #666699;
  text-align: center;
}
.evidenza {
  font-size: 1.1em;
  color: #ff3333;
}
ul.comandi {
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
ul.comandi li.action-cell {
  display: inline-block;
  text-align: center;
}
ul.comandi li.action-cell div.action-button {
  margin: 2px;
  padding: 2px;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  height: 1.2em;
  margin: 1em inherit;
  padding: 5px;
}
ul.comandi li.action-cell div.action-button:hover {
  background-color: #8585ad;
}
ul.comandi li.action-cell div.action-button:hover a {
  color: #e0e0eb;
}
ul.comandi li.action-cell div.action-button a,
ul.comandi li.action-cell div.action-button p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.comandi li.action-cell div.action-button a,
ul.comandi li.action-cell div.action-button p {
  font-size: 1.3em;
}
ul.comandi li.action-cell div.action-button-small {
  margin: 2px;
  padding: 2px;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  height: 1.2em;
  margin: 1em inherit;
  padding: 5px;
}
ul.comandi li.action-cell div.action-button-small:hover {
  background-color: #8585ad;
}
ul.comandi li.action-cell div.action-button-small:hover a {
  color: #e0e0eb;
}
ul.comandi li.action-cell div.action-button-small a,
ul.comandi li.action-cell div.action-button-small p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.comandi li.action-cell div.action-button-small a,
ul.comandi li.action-cell div.action-button-small p {
  font-size: 1.3em;
}
ul.comandi li.action-cell div.action-button-small a,
ul.comandi li.action-cell div.action-button-small p {
  font-size: 1.1em;
}
.btn-attivo {
  margin: 2px;
  padding: 2px;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  display: inline-block;
  font-size: 0.8em;
}
.btn-attivo:hover {
  background-color: #8585ad;
}
.btn-attivo:hover a {
  color: #e0e0eb;
}
.btn-attivo a,
.btn-attivo p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn-attivo p,
.btn-attivo a {
  font-size: 1.2em;
}
.btn-non-attivo {
  margin: 2px;
  padding: 2px;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  display: inline-block;
  font-size: 0.8em;
  border-color: #a3a3c2;
  background-color: #c2c2d6;
}
.btn-non-attivo:hover {
  background-color: #8585ad;
}
.btn-non-attivo:hover a {
  color: #e0e0eb;
}
.btn-non-attivo a,
.btn-non-attivo p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn-non-attivo p,
.btn-non-attivo a {
  font-size: 1.2em;
}
.btn-non-attivo p {
  color: #ffffff;
}
div.ricerca-mirata {
  display: block;
  text-align: center;
  vertical-align: top;
  padding: 0.5em 5% 0.5em 2%;
  background-color: #e0e0eb;
}
@media only screen and (min-width: 850px) {
  div.ricerca-mirata {
    -webkit-border-radius: 15px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 15px;
    -moz-background-clip: padding;
    border-radius: 15px;
    background-clip: padding-box;
    text-align: left;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTBlMGViIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
    background-image: -webkit-linear-gradient(left, #e0e0eb 50%, #ffffff 100%);
    background-image: -moz-linear-gradient(left, #e0e0eb 50%, #ffffff 100%);
    background-image: -o-linear-gradient(left, #e0e0eb 50%, #ffffff 100%);
    background-image: linear-gradient(to right, #e0e0eb 50%, #ffffff 100%);
  }
}
@media only screen and (min-width: 1000px) {
  div.ricerca-mirata input[type=text] {
    width: 70%;
  }
}
div.ricerca-mirata label,
div.ricerca-mirata a {
  font-weight: 600;
}
.modal-window {
  display: none;
}
.validationMessage {
  display: none;
}
.validation-error,
.errore-validazione {
  color: red;
  border-color: red;
  font-size: 0.9em;
}
p.Continued {
  margin-top: 0px;
  margin-bottom: 0px;
}
.Small {
  font-size: 9pt;
  margin-top: 0px;
  margin-bottom: 0px;
}
.Alert {
  font-size: 12pt;
  color: #FF0000;
  font-style: italic;
  text-align: center;
}
P.SmallFooter {
  font-size: 10px;
  text-align: center;
}
P.Footer {
  font-size: 11px;
  text-align: center;
}
TABLE.NavigationList {
  border: 1px solid #0066CC;
}
.didascalia {
  font-size: 10px;
}
p.NavigationList {
  text-align: center;
}
P.Warning {
  font-size: 24px;
  color: #FF0000;
  text-decoration: blink;
  text-align: center;
}
img {
  border: 0px none;
}
.DataInput {
  font-family: "Courier New", Courier, mono;
  font-size: 12px;
  color: #006699;
}
.Evidence {
  font-size: 16px;
  font-style: normal;
}
p.Anno {
  font-size: 14px;
  font-weight: bold;
}
p.Expo {
  font-style: italic;
  text-indent: -40px;
  margin-bottom: 0px;
  margin-left: 60px;
}
p.Location {
  text-indent: -40px;
  margin: 0px;
  padding-left: 100px;
}
p.Gallery {
  text-indent: -40px;
  padding-left: 60px;
}
.DataText {
  font-family: "Courier New", Courier, monospace;
  font-size: small;
  text-align: left;
}
.NavigationBar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
}
p.SmallCenter {
  font-size: 9pt;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}
input {
  font-family: 'Courier New', Courier, monospace;
}
option {
  font-family: 'Courier New', Courier, monospace;
}
div.page-head {
  background-color: #a3a3c2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhM2EzYzIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #a3a3c2 0%, #ffffff 100%);
  background-image: -moz-linear-gradient(top, #a3a3c2 0%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #a3a3c2 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #a3a3c2 0%, #ffffff 100%);
  color: #dbb539;
  padding: 1em 2.5%;
  margin-bottom: 1em;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 15px;
  -moz-background-clip: padding;
  border-top-right-radius: 15px;
  background-clip: padding-box;
}
div.page-head h1,
div.page-head h2,
div.page-head h3,
div.page-head p {
  color: #666699;
}
div.page-head p.company-name,
div.page-head p.company-sub-name {
  color: #ffffff;
  display: inline-block;
  text-shadow: 0.1em 0.1em 5px #a3a3c2;
  font-weight: bolder;
  margin-top: 0;
  margin-bottom: 0.2em;
}
div.page-head p.company-name {
  font-size: 2.5em;
  letter-spacing: 0.8em;
}
@media only screen and (max-width: 399px) {
  div.page-head p.company-name {
    font-size: 1.5em;
    letter-spacing: 0.4em;
  }
}
@media only screen and (min-width: 400px) {
  div.page-head p.company-name {
    font-size: 1.8em;
    letter-spacing: 0.5em;
  }
}
@media only screen and (min-width: 500px) {
  div.page-head p.company-name {
    font-size: 2em;
    letter-spacing: 0.7em;
  }
}
@media only screen and (min-width: 600px) {
  div.page-head p.company-name {
    font-size: 2.5em;
    letter-spacing: 0.8em;
  }
}
div.page-head p.company-sub-name {
  font-size: 1.5em;
  letter-spacing: 0.25em;
}
@media only screen and (max-width: 399px) {
  div.page-head p.company-sub-name {
    display: none;
  }
}
@media only screen and (min-width: 400px) {
  div.page-head p.company-sub-name {
    font-size: 1.08em;
    letter-spacing: 0.156em;
  }
}
@media only screen and (min-width: 500px) {
  div.page-head p.company-sub-name {
    font-size: 1.2em;
    letter-spacing: 0.219em;
  }
}
@media only screen and (min-width: 600px) {
  div.page-head p.company-sub-name {
    font-size: 1.5em;
    letter-spacing: 0.25em;
  }
}
div.page-head div.head-logo {
  width: 16.667%;
  margin-right: 2.5%;
  display: inline-block;
  /*img { // Immagine con il logo
            max-width: 160px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }*/
}
div.page-head div.head-logo a {
  background-image: url("../img-generic/logo-header-1.png");
  background-size: contain;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  max-width: 160px;
  width: 100%;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 399px) {
  div.page-head div.head-logo {
    display: none;
  }
}
@media only screen and (min-width: 400px) {
  div.page-head div.head-logo {
    max-width: 60px;
  }
}
@media only screen and (min-width: 600px) {
  div.page-head div.head-logo {
    max-width: 80px;
  }
}
@media only screen and (min-width: 700px) {
  div.page-head div.head-logo {
    max-width: initial;
  }
}
div.page-head div.head-menu {
  display: inline-block;
  width: 75%;
}
div.page-head div.btn-menu-mobile {
  position: absolute;
  margin: 1.5em 3%;
  top: 0;
  right: 0;
  z-index: 20;
  background-size: contain;
  width: 64px;
  height: 64px;
  background-image: url("/img-buttons/menu-64.png");
}
@media only screen and (max-width: 449px) {
  div.page-head div.btn-menu-mobile {
    width: 48px;
    height: 48px;
    background-image: url("/img-buttons/menu-48.png");
  }
}
@media only screen and (min-width: 450px) {
  div.page-head div.btn-menu-mobile {
    width: 64px;
    height: 64px;
    background-image: url("/img-buttons/menu-64.png");
  }
}
div.page-head ul.main-menu {
  padding: 0 0 0 2%;
  list-style: none;
}
@media only screen and (max-width: 749px) {
  div.page-head ul.main-menu {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 749px) {
  div.page-head ul.main-menu li.head-menu-cell {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 750px) {
  div.page-head ul.main-menu li.head-menu-cell {
    display: inline-block;
    text-align: center;
    width: 24%;
  }
  div.page-head ul.main-menu li.head-menu-cell div.nav-button {
    margin: 2px;
    padding: 2px;
    border: 3px solid #666699;
    height: 1.5em;
    text-align: center;
    -webkit-border-radius: 7px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 7px;
    -moz-background-clip: padding;
    border-radius: 7px;
    background-clip: padding-box;
    border-color: #003366;
    height: 2em;
  }
  div.page-head ul.main-menu li.head-menu-cell div.nav-button:hover {
    background-color: #8585ad;
  }
  div.page-head ul.main-menu li.head-menu-cell div.nav-button:hover a {
    color: #e0e0eb;
  }
  div.page-head ul.main-menu li.head-menu-cell div.nav-button a,
  div.page-head ul.main-menu li.head-menu-cell div.nav-button p {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    color: #666699;
    text-decoration: none;
    font-weight: bold;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  div.page-head ul.main-menu li.head-menu-cell div.nav-button p,
  div.page-head ul.main-menu li.head-menu-cell div.nav-button a {
    font-size: 1.1em;
    color: #003366;
  }
  div.page-head ul.main-menu li.head-menu-cell div.nav-button:hover {
    background-color: #004c99;
  }
  div.page-head ul.main-menu li.head-menu-cell div.nav-button:hover a {
    color: #3399ff;
  }
}
@media only screen and (min-width: 750px) and only screen and (min-width: 300px) {
  div.page-head ul.main-menu li.head-menu-cell div.nav-button p,
  div.page-head ul.main-menu li.head-menu-cell div.nav-button a {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1100px) {
  div.page-head ul.main-menu li.head-menu-cell {
    width: 17%;
  }
}
@media only screen and (min-width: 1500px) {
  div.page-head ul.main-menu li.head-menu-cell {
    width: 15%;
  }
}
div.page-head ul.main-menu li.extended-menu {
  display: none;
}
div.page-head ul.main-menu-mobile {
  background-color: #666699;
  padding: 1em 0 1em 2%;
  list-style: none;
  display: block;
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
  font-size: 1.2em;
  display: none;
}
div.page-head ul.main-menu-mobile[ACTIVE] {
  display: block;
}
div.page-head ul.main-menu-mobile li.head-menu-cell {
  font-size: 2em;
  display: block;
  padding-left: 5%;
  border-left: 3px solid #ffffff;
}
div.page-head ul.main-menu-mobile li.head-menu-cell:first-child {
  padding-top: 0.5em;
}
div.page-head ul.main-menu-mobile li.head-menu-cell:last-child {
  padding-bottom: 0.5em;
}
div.page-head ul.main-menu-mobile li.head-menu-cell p,
div.page-head ul.main-menu-mobile li.head-menu-cell a {
  text-decoration: none;
  color: #ffffff;
  display: block;
}
div.page-head ul.main-menu-mobile li.head-menu-cell p:first-letter,
div.page-head ul.main-menu-mobile li.head-menu-cell a:first-letter {
  font-weight: bold;
  font-size: 1.5em;
}
div.page-head ul.main-menu-mobile li.head-menu-cell p:hover,
div.page-head ul.main-menu-mobile li.head-menu-cell a:hover {
  text-decoration: underline;
}
div.page-head div.head-lang-area {
  text-align: left;
}
div.page-head div.head-lang-area a {
  color: #685413;
}
@media only screen and (min-width: 400px) {
  div.page-head div.head-lang-area {
    text-align: right;
  }
}
@media only screen and (min-width: 600px) {
  div.page-head div.head-lang-area {
    display: inline-block;
    width: 20%;
  }
}
div.page-head div.head-login-area {
  font-size: 0.8em;
  text-align: right;
  color: #7e6517;
  width: auto;
}
div.page-head div.head-login-area > .login-button > a {
  color: #685413;
}
@media only screen and (min-width: 600px) {
  div.page-head div.head-login-area {
    display: inline-block;
    width: 80%;
  }
}
div.page-head div.head-login-area div.login-user-data {
  text-align: right;
  width: auto;
}
@media only screen and (max-width: 449px) {
  div.page-head div.head-login-area div.login-user-data {
    display: none;
  }
}
@media only screen and (min-width: 450px) {
  div.page-head div.head-login-area div.login-user-data {
    display: inline-block;
    width: 50%;
  }
}
div.page-head div.head-login-area div.login-user-actions {
  padding-left: 0;
  width: auto;
}
@media only screen and (max-width: 449px) {
  div.page-head div.head-login-area div.login-user-actions {
    display: none;
  }
}
@media only screen and (min-width: 450px) {
  div.page-head div.head-login-area div.login-user-actions {
    display: inline-block;
  }
}
div.page-head div.head-login-area div.login-user-actions div.login-button {
  margin: 2px;
  padding: 2px;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  display: inline-block;
}
div.page-head div.head-login-area div.login-user-actions div.login-button:hover {
  background-color: #8585ad;
}
div.page-head div.head-login-area div.login-user-actions div.login-button:hover a {
  color: #e0e0eb;
}
div.page-head div.head-login-area div.login-user-actions div.login-button a,
div.page-head div.head-login-area div.login-user-actions div.login-button p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
div.page-head div.head-login-area div.login-user-actions div.login-button p,
div.page-head div.head-login-area div.login-user-actions div.login-button a {
  font-size: 1.2em;
}
div.page-head div.head-login-area input.login-account {
  font-size: 1.1em;
  width: 20%;
}
div.page-head div.head-login-area input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 0.25em;
}
div.head-promo-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 600px) {
  div.head-promo-image {
    display: inline-block;
    width: 40%;
    max-width: 1000px;
  }
}
div.head-promo-image img {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
div.head-promo-text a {
  text-decoration: none;
}
div.head-promo-text a p {
  color: red;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
@media only screen and (min-width: 700px) {
  div.head-promo-text a p {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 850px) {
  div.head-promo-text a p {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 1100px) {
  div.head-promo-text a p {
    font-size: 2em;
  }
}
@media only screen and (min-width: 600px) {
  div.head-promo-text {
    display: inline-block;
    width: 50%;
  }
  div.head-promo-text a p {
    text-align: left;
  }
}
div.page-footer {
  width: 95%;
  background-color: #c2c2d6;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MyYzJkNiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #c2c2d6 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #c2c2d6 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #c2c2d6 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #c2c2d6 100%);
  padding: 1em 2.5%;
  margin-bottom: 1em;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 15px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 15px;
  background-clip: padding-box;
  /*ul.footer-link-list + ul.footer-link-list {
        border-left: 1px dotted @color-footer-background;
    }*/
}
div.page-footer div.scroll-to-top {
  position: fixed;
  margin: 1.5em 3%;
  top: 100px;
  right: 0;
  z-index: 20;
  background-size: contain;
  width: 64px;
  height: 64px;
  background-image: url("/img-buttons/up-64.png");
}
@media only screen and (max-width: 449px) {
  div.page-footer div.scroll-to-top {
    width: 48px;
    height: 48px;
    background-image: url("/img-buttons/up-48.png");
  }
}
@media only screen and (min-width: 450px) {
  div.page-footer div.scroll-to-top {
    width: 64px;
    height: 64px;
    background-image: url("/img-buttons/up-64.png");
  }
}
div.page-footer div.footer-logo {
  width: 8.333%;
  float: left;
  margin-right: 2.5%;
}
div.page-footer div.footer-logo a {
  background-image: url("../img-generic/logo-header-1.png");
  background-size: contain;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  max-width: 160px;
  width: 100%;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
}
div.page-footer div.company-data {
  display: inline-block;
}
div.page-footer div.company-data p {
  margin-bottom: 0px;
  margin-top: 0px;
}
div.page-footer ul.footer-link-list {
  display: inline-block;
  list-style: none;
  padding-left: 0;
  vertical-align: top;
}
@media only screen and (max-width: 399px) {
  div.page-footer ul.footer-link-list {
    width: 100%;
  }
}
@media only screen and (min-width: 400px) {
  div.page-footer ul.footer-link-list {
    width: 49%;
  }
}
@media only screen and (min-width: 600px) {
  div.page-footer ul.footer-link-list {
    width: 33%;
  }
}
div.page-footer p.disclaimer {
  font-size: 0.8em;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 0px;
}
div.pannello-staff,
div.pannello-utente {
  margin-bottom: 0.5em;
}
div.pannello-staff p.header-pannello,
div.pannello-utente p.header-pannello {
  text-transform: uppercase;
  font-weight: bold;
  margin: 0.2em 0;
  background-color: #a3a3c2;
  color: #ffffff;
  text-indent: 2%;
}
div.pannello-staff p.dett-utenti-connessi,
div.pannello-utente p.dett-utenti-connessi {
  margin: 0 0 0 1%;
  display: inline-block;
}
div.pannello-staff ul,
div.pannello-utente ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
div.pannello-staff ul li.user-panel-cell,
div.pannello-utente ul li.user-panel-cell {
  display: inline-block;
  text-align: center;
}
div.pannello-staff ul li.user-panel-cell div.nav-button,
div.pannello-utente ul li.user-panel-cell div.nav-button {
  margin: 2px;
  padding: 2px;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  height: 1.2em;
}
div.pannello-staff ul li.user-panel-cell div.nav-button:hover,
div.pannello-utente ul li.user-panel-cell div.nav-button:hover {
  background-color: #8585ad;
}
div.pannello-staff ul li.user-panel-cell div.nav-button:hover a,
div.pannello-utente ul li.user-panel-cell div.nav-button:hover a {
  color: #e0e0eb;
}
div.pannello-staff ul li.user-panel-cell div.nav-button a,
div.pannello-utente ul li.user-panel-cell div.nav-button a,
div.pannello-staff ul li.user-panel-cell div.nav-button p,
div.pannello-utente ul li.user-panel-cell div.nav-button p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
div.pannello-staff ul li.user-panel-cell div.nav-button a,
div.pannello-utente ul li.user-panel-cell div.nav-button a,
div.pannello-staff ul li.user-panel-cell div.nav-button p,
div.pannello-utente ul li.user-panel-cell div.nav-button p {
  font-size: 1em;
}
.lista-opere .pager-lista-opere {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.lista-opere .pager-lista-opere a {
  display: inline-block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.5em 2px;
  padding: 3px 1% 0 1%;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
.lista-opere .pager-lista-opere a:hover {
  background-color: #8585ad;
  color: #e0e0eb;
}
.lista-opere div.area-opera {
  vertical-align: top;
  border-top: 1px dotted #a3a3c2;
  margin: 1%;
  padding: 0.5%;
}
@media only screen and (min-width: 650px) {
  .lista-opere div.area-opera {
    width: 45%;
    display: inline-block;
    border-left: 1px dotted #a3a3c2;
  }
}
@media only screen and (min-width: 1200px) {
  .lista-opere div.area-opera {
    width: 30%;
  }
}
@media only screen and (min-width: 1400px) {
  .lista-opere div.area-opera {
    width: 21%;
  }
}
.lista-opere div.area-opera div.area-autore p.autore {
  color: #685413;
  font-size: 1.2em;
  font-weight: 600;
}
.lista-opere div.area-opera div.area-intestaz-lotto p.intestaz-lotto {
  color: #666699;
  font-size: 1.2em;
  font-weight: 600;
}
.lista-opere div.area-opera div.area-immagine,
.lista-opere div.area-opera div.area-immagine-multi {
  max-width: 160px;
  margin: 0 auto;
}
@media only screen and (min-width: 350px) {
  .lista-opere div.area-opera div.area-immagine,
  .lista-opere div.area-opera div.area-immagine-multi {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    margin: 1% 1%;
    padding: 1% 1%;
  }
}
.lista-opere div.area-opera div.area-immagine img.immagine,
.lista-opere div.area-opera div.area-immagine-multi img.immagine {
  max-width: 150px;
  width: 100%;
}
@media only screen and (min-width: 350px) {
  .lista-opere div.area-opera div.area-immagine-multi {
    min-width: 150px;
  }
}
.lista-opere div.area-opera div.area-immagine-multi img.thumb-immagine {
  max-width: 45px;
}
.lista-opere div.area-opera div.area-immagine-multi div.gallery {
  margin: 0.5em auto;
}
@media only screen and (min-width: 350px) {
  .lista-opere div.area-opera div.area-fianco {
    width: 40%;
    display: inline-block;
    margin: 1%;
    padding-top: 4em;
  }
}
.lista-opere div.area-opera div.area-fianco p {
  margin: 0.1em 0 0.1em 0;
}
@media only screen and (min-width: 350px) {
  .lista-opere div.area-opera div.area-fianco p {
    text-indent: -0.5em;
    margin-left: 0.5em;
  }
}
.lista-opere div.area-opera div.area-fianco p:first-child {
  margin-top: 0.5em;
}
.lista-opere div.area-opera div.area-fianco p:last-child {
  margin-bottom: 0.5em;
}
.lista-opere div.area-opera div.area-fianco div.stato-venduta,
.lista-opere div.area-opera div.area-fianco div.stato-aggiudicata {
  font-weight: bold;
  font-size: 1.1em;
  border-style: solid;
  border-width: 3px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 0.5em;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  border-color: orange;
  color: orange;
}
.lista-opere div.area-opera div.area-fianco div.stato-venduta p,
.lista-opere div.area-opera div.area-fianco div.stato-aggiudicata p {
  text-indent: inherit;
  margin: 0.3em 5%;
}
.lista-opere div.area-opera div.area-fianco div.stato-aggiudicata-a-te {
  font-weight: bold;
  font-size: 1.1em;
  border-style: solid;
  border-width: 3px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 0.5em;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  border-color: orange;
  color: orange;
}
.lista-opere div.area-opera div.area-fianco div.stato-aggiudicata-a-te p {
  text-indent: inherit;
  margin: 0.3em 5%;
}
.lista-opere div.area-opera div.area-fianco div.stato-non-aggiudicata {
  font-weight: bold;
  font-size: 1.1em;
  border-style: solid;
  border-width: 3px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 0.5em;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  border-color: black;
  color: black;
}
.lista-opere div.area-opera div.area-fianco div.stato-non-aggiudicata p {
  text-indent: inherit;
  margin: 0.3em 5%;
}
.lista-opere div.area-opera div.area-fianco div.stato-non-comunicata {
  font-weight: bold;
  font-size: 1.1em;
  border-style: solid;
  border-width: 3px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 0.5em;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  border-color: violet;
  color: violet;
}
.lista-opere div.area-opera div.area-fianco div.stato-non-comunicata p {
  text-indent: inherit;
  margin: 0.3em 5%;
}
.lista-opere div.area-opera div.area-fianco div.stato-in-dopo-asta {
  font-weight: bold;
  font-size: 1.1em;
  border-style: solid;
  border-width: 3px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 0.5em;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  border-color: green;
  color: green;
}
.lista-opere div.area-opera div.area-fianco div.stato-in-dopo-asta p {
  text-indent: inherit;
  margin: 0.3em 5%;
}
.lista-opere div.area-opera div.area-fianco div.stato-offerta-sconto {
  font-weight: bold;
  font-size: 1.1em;
  border-style: solid;
  border-width: 3px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 0.5em;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  border-color: red;
  color: red;
}
.lista-opere div.area-opera div.area-fianco div.stato-offerta-sconto p {
  text-indent: inherit;
  margin: 0.3em 5%;
}
.lista-opere div.area-opera div.area-fondo p {
  margin: 0.1em 0 0.1em 0;
}
@media only screen and (min-width: 350px) {
  .lista-opere div.area-opera div.area-fondo p {
    text-indent: -0.5em;
    margin-left: 0.5em;
  }
}
.lista-opere div.area-opera div.area-fondo p:first-child {
  margin-top: 0.5em;
}
.lista-opere div.area-opera div.area-fondo p:last-child {
  margin-bottom: 0.5em;
}
.lista-opere div.area-opera div.area-fondo p.lotto-opera,
.lista-opere div.area-opera div.area-fondo p.codice-opera {
  font-size: 1.1em;
  font-weight: 600;
}
.lista-opere div.area-opera div.area-fondo p.titolo-opera {
  font-style: italic;
}
.lista-opere div.area-opera div.area-fondo p.intestaz-lotto {
  font-style: italic;
}
.lista-opere div.area-opera div.area-fondo p.note-opera-1 {
  font-size: 0.9em;
}
.lista-opere div.area-opera div.area-fondo p.note-opera-2 {
  font-size: 0.9em;
}
.lista-opere div.area-opera div.area-fondo p.note-opera-3 {
  font-size: 0.9em;
}
.lista-opere div.area-opera div.area-fondo p.quotazione-opera {
  margin-top: 0.5em;
}
.lista-opere div.area-opera div.area-fondo p.prezzo-opera {
  margin-top: 0.5em;
  font-weight: 600;
}
.lista-opere div.area-opera div.area-fondo p.prezzo-opera span[discounted] {
  text-decoration: line-through #ff3333 solid;
}
.lista-opere div.area-opera div.area-fondo p.sconto-opera {
  color: #ff3333;
  font-weight: 600;
}
.lista-opere div.area-opera div.area-fondo p.prezzo-scontato {
  color: #ff3333;
  font-size: 1.1em;
  font-weight: 600;
}
.lista-opere div.area-opera div.area-fondo p.scad-offerta {
  color: #ff3333;
  font-weight: 600;
}
.lista-opere div.area-opera div.area-fondo p.base-opera {
  margin-top: 0.5em;
  font-weight: 600;
}
.lista-opere div.area-opera div.area-fondo p.spese-aggiuntive {
  font-style: italic;
}
.lista-opere div.area-opera div.area-fondo p.spese-spediz {
  font-weight: 600;
}
.lista-opere div.area-opera div.area-fondo p.diritti-fissi {
  font-weight: 600;
}
.lista-opere div.area-opera div.area-fondo p.attuale-offerta {
  font-weight: 600;
  color: orange;
}
.lista-opere div.area-opera div.area-fondo span.tua-offerta {
  font-weight: 600;
  color: orange;
}
.lista-opere div.area-opera div.area-fondo p.tua-offerta-max {
  font-weight: 600;
}
.lista-opere div.area-opera div.area-fondo p.aggiudicazione {
  font-weight: 600;
  color: orange;
}
.lista-opere div.area-opera div.area-azioni-opera div.action-button {
  margin: 2px;
  padding: 2px;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
.lista-opere div.area-opera div.area-azioni-opera div.action-button:hover {
  background-color: #8585ad;
}
.lista-opere div.area-opera div.area-azioni-opera div.action-button:hover a {
  color: #e0e0eb;
}
.lista-opere div.area-opera div.area-azioni-opera div.action-button a,
.lista-opere div.area-opera div.area-azioni-opera div.action-button p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.lista-opere div.area-opera div.area-azioni-opera div.action-button-staff {
  margin: 2px;
  padding: 2px;
  border: 3px solid #685413;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
.lista-opere div.area-opera div.area-azioni-opera div.action-button-staff:hover {
  background-color: #93771b;
}
.lista-opere div.area-opera div.area-azioni-opera div.action-button-staff:hover a {
  color: #e3c564;
}
.lista-opere div.area-opera div.area-azioni-opera div.action-button-staff a,
.lista-opere div.area-opera div.area-azioni-opera div.action-button-staff p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #685413;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.lista-opere div.area-opera div.area-azioni-opera div.action-button,
.lista-opere div.area-opera div.area-azioni-opera div.action-button-staff {
  display: inline-block;
  width: 40%;
}
.lista-opere div.area-opera div.area-azioni-opera div.action-button p,
.lista-opere div.area-opera div.area-azioni-opera div.action-button-staff p,
.lista-opere div.area-opera div.area-azioni-opera div.action-button a,
.lista-opere div.area-opera div.area-azioni-opera div.action-button-staff a {
  font-size: 1.2em;
}
.user-select-panel .pager-lista-utenti {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.user-select-panel .pager-lista-utenti a {
  display: inline-block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.5em 2px;
  padding: 3px 1% 0 1%;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
.user-select-panel .pager-lista-utenti a:hover {
  background-color: #8585ad;
  color: #e0e0eb;
}
.user-select-panel table {
  margin-left: auto;
  margin-right: auto;
}
.user-select-panel table.new-user {
  background-color: #FFCCCC;
}
.user-select-panel table.lista-utenti {
  border: 1px solid #a3a3c2;
}
.user-select-panel table.lista-utenti thead {
  background-color: #8585ad;
  color: #f2e5bb;
}
.user-select-panel table.lista-utenti tbody td:not(:last-of-type) {
  border-right: 1px solid #a3a3c2;
}
.user-select-panel table td.descrizione-campo {
  text-align: right;
}
.user-select-panel table td.descrizione-campo-obbligatorio {
  text-align: right;
  font-weight: bold;
}
.user-select-panel table td.contenuto-campo {
  text-align: left;
}
.user-select-panel table .testo-input {
  width: 250px;
}
.user-select-panel table .testo-input-breve {
  width: 125px;
}
.user-select-panel table .testo-input-note {
  width: 590px;
}
.user-select-panel .riga-alt-lista {
  background-color: #CCCCCC;
}
.user-select-panel .riga-sel-lista {
  background-color: #FFCC66;
  font-weight: bold;
}
.default h1,
.default h2,
.default h3 {
  text-align: left;
  text-decoration: none;
}
.default h1 {
  font-size: 1.3em;
  margin: 0.2em 0 0.3em 1.25%;
}
@media only screen and (min-width: 500px) {
  .default h1 {
    margin: 0.1em 0 0.1em 0;
    font-size: 1.4em;
  }
}
.default h2 {
  font-size: 1.15em;
  margin: 0.2em 0 0.3em 1.25%;
}
@media only screen and (min-width: 500px) {
  .default h2 {
    margin: 0.1em 0 0.1em 0;
    font-size: 1.3em;
  }
}
.default h3 {
  font-size: 1em;
  margin: 0.3em 0 0.2em 2%;
}
@media only screen and (min-width: 500px) {
  .default h3 {
    margin: 0.1em 0 0.1em 0;
    font-size: 1.2em;
  }
}
.default div.artesegno-on-bidspirit {
  margin-left: auto;
  max-width: 150px;
  min-width: 70px;
  width: 15%;
  text-align: center;
}
.default div.artesegno-on-bidspirit img.logo-bidspirit {
  display: block;
  width: 100%;
  max-width: 120px;
}
.default div.lista-news {
  text-align: center;
}
.default div.lista-news .pager-lista-news {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.default div.lista-news .pager-lista-news a {
  display: inline-block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.5em 2px;
  padding: 3px 1% 0 1%;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
.default div.lista-news .pager-lista-news a:hover {
  background-color: #8585ad;
  color: #e0e0eb;
}
.default div.lista-news div.area-cmd-gen-news {
  text-align: right;
  max-width: 400px;
  margin-left: auto;
  background-color: #e0e0eb;
  padding: 0.5em 1%;
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;
  background-clip: padding-box;
}
.default div.lista-news div.area-cmd-gen-news p.testo-azioni {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.default div.lista-news div.area-cmd-gen-news ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.default div.lista-news div.area-cmd-gen-news ul li.news-action-cell {
  display: inline-block;
  text-align: center;
}
.default div.lista-news div.area-cmd-gen-news ul li.news-action-cell div.action-button {
  margin: 2px;
  padding: 2px;
  border: 3px solid #685413;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  height: 1.2em;
}
.default div.lista-news div.area-cmd-gen-news ul li.news-action-cell div.action-button:hover {
  background-color: #93771b;
}
.default div.lista-news div.area-cmd-gen-news ul li.news-action-cell div.action-button:hover a {
  color: #e3c564;
}
.default div.lista-news div.area-cmd-gen-news ul li.news-action-cell div.action-button a,
.default div.lista-news div.area-cmd-gen-news ul li.news-action-cell div.action-button p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #685413;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.default div.lista-news div.area-cmd-gen-news ul li.news-action-cell div.action-button a,
.default div.lista-news div.area-cmd-gen-news ul li.news-action-cell div.action-button p {
  font-size: 1em;
}
.default div.lista-news div.elemento-news {
  vertical-align: top;
  margin: 1%;
  padding: 0.5%;
  border-top: 1px dotted #a3a3c2;
  text-align: left;
}
.default div.lista-news div.elemento-news[disabled] {
  opacity: 0.65;
  background-color: #e0e0eb;
}
@media only screen and (min-width: 1000px) {
  .default div.lista-news div.elemento-news {
    width: 45%;
    display: inline-block;
    border-left: 1px dotted #a3a3c2;
  }
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news {
  text-align: right;
  padding: 0.5em 1%;
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news p.periodo-news {
  color: #003366;
  font-size: 0.8em;
  font-weight: 600;
  margin: 0 inherit;
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news p.testo-azioni {
  display: inline-block;
  font-weight: bold;
  font-size: 1em;
  margin: 0;
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news div.importanza-news,
.default div.lista-news div.elemento-news div.area-cmd-spec-news div.stato-news {
  display: inline-block;
  font-weight: bold;
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news div.importanza-news p,
.default div.lista-news div.elemento-news div.area-cmd-spec-news div.stato-news p {
  display: inline-block;
  margin: 0 5%;
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news div.stato-news {
  border: 1px solid #ff3333;
  color: #ff3333;
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news div.importanza-news {
  border: 1px solid #685413;
  color: #685413;
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news ul li.news-action-cell {
  display: inline-block;
  text-align: center;
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news ul li.news-action-cell div.action-button {
  margin: 2px;
  padding: 2px;
  border: 3px solid #685413;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  height: 1.2em;
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news ul li.news-action-cell div.action-button:hover {
  background-color: #93771b;
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news ul li.news-action-cell div.action-button:hover a {
  color: #e3c564;
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news ul li.news-action-cell div.action-button a,
.default div.lista-news div.elemento-news div.area-cmd-spec-news ul li.news-action-cell div.action-button p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #685413;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.default div.lista-news div.elemento-news div.area-cmd-spec-news ul li.news-action-cell div.action-button a,
.default div.lista-news div.elemento-news div.area-cmd-spec-news ul li.news-action-cell div.action-button p {
  font-size: 1em;
}
.default div.lista-news div.elemento-news div.area-titolo-news h1 {
  text-align: center;
}
.default div.lista-news div.elemento-news p.data-news {
  text-align: right;
  font-size: 0.8em;
  font-weight: 600;
}
.default div.lista-news div.elemento-news div.img-lot-rotator-news {
  margin: 0.5em 1%;
  vertical-align: middle;
  min-width: 170px;
  min-height: 550px;
}
.default div.lista-news div.elemento-news div.img-lot-rotator-news div.img-lot-rotator-area {
  height: 500px;
  overflow: hidden;
}
.default div.lista-news div.elemento-news div.img-lot-rotator-news div.img-lot-rotator-area .image-lot-slideshow {
  max-height: 500px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.default div.lista-news div.elemento-news div.img-lot-rotator-news p.dida-lot-rotator {
  font-size: 0.9em;
  text-align: center;
  font-style: italic;
  margin-top: 0;
  margin-bottom: 0;
}
.default div.lista-news div.elemento-news div.img-slide-rotator-news {
  margin: 0.5em 1%;
  min-width: 170px;
}
.default div.lista-news div.elemento-news div.img-slide-rotator-news div.img-slide-rotator-area {
  overflow: hidden;
}
.default div.lista-news div.elemento-news div.img-slide-rotator-news div.img-slide-rotator-area .image-slide-slideshow {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.default div.lista-news div.elemento-news div.img-slide-rotator-news p.dida-slide-rotator {
  font-size: 0.9em;
  text-align: center;
  font-style: italic;
  margin-top: 0;
  margin-bottom: 0;
}
.default div.lista-news div.elemento-news div.testo-news[inline-block] {
  display: inline-block;
}
.default div.lista-news div.elemento-news div.testo-news img {
  margin: 0.5em 10px;
}
.default div.lista-news div.elemento-news div.testo-news .cornice {
  display: inline-block;
  padding: 5px 10px;
  background: #e0e0eb;
  border: 1px solid #a3a3c2;
}
.default div.lista-news div.elemento-news div.testo-news .centrato {
  text-align: center;
}
.default div.lista-news div.elemento-news div.testo-news span.marker {
  background-color: yellow;
}
.default div.lista-news div.elemento-news div.testo-news span.grande {
  font-size: 1.1em;
}
.default div.lista-news div.elemento-news div.testo-news span.piu-grande {
  font-size: 1.2em;
}
.default div.lista-news div.elemento-news div.testo-news span.piccolo {
  font-size: 0.9em;
}
.default div.lista-news div.elemento-news div.testo-news span.piu-piccolo {
  font-size: 0.85em;
}
.default div.lista-news div.elemento-news div.testo-news span.evidenza {
  color: #ff3333;
  font-size: 1.2em;
  font-weight: bold;
}
.dettaglio-opera div.dati-opera p.intestazione {
  color: #666699;
  font-size: 1.2em;
  font-weight: 600;
}
.dettaglio-opera div.actions {
  text-align: center;
}
.dettaglio-opera div.actions div.btn-attivo {
  display: inline-block;
  font-size: 1.2em;
  margin-left: auto;
  margin-right: auto;
}
.dettaglio-sessione div.lista-aste {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 150px;
  min-width: 80px;
}
@media only screen and (min-width: 450px) {
  .dettaglio-sessione div.lista-aste {
    width: 30%;
  }
}
@media only screen and (min-width: 500px) {
  .dettaglio-sessione div.lista-aste {
    width: 20%;
  }
}
.dettaglio-sessione div.lista-aste ul {
  padding-left: 0;
}
.dettaglio-sessione div.lista-sessioni {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
@media only screen and (min-width: 450px) {
  .dettaglio-sessione div.lista-sessioni {
    width: 70%;
  }
}
@media only screen and (min-width: 500px) {
  .dettaglio-sessione div.lista-sessioni {
    width: 80%;
  }
}
.dettaglio-sessione div.lista-sessioni ul {
  padding-left: 0;
}
.dettaglio-sessione h1.titolo-asta {
  font-size: 1.5em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.dettaglio-sessione h2.titolo-sessione {
  font-size: 1.2em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.dettaglio-sessione h2.sottotitolo-sessione {
  font-size: 1.1em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.dettaglio-sessione p.pagamenti-rate {
  text-align: center;
  font-size: 1.2em;
  color: #ff3333;
  text-transform: uppercase;
}
.dettaglio-sessione div.dettagli-sessione {
  display: inline-block;
  vertical-align: top;
}
.dettaglio-sessione div.dettagli-sessione p {
  margin: 0;
}
.dettaglio-sessione div.dettagli-sessione p.sessione-in-sala {
  font-weight: 600;
}
.dettaglio-sessione div.dettagli-sessione p.data-in-sala {
  font-size: 1.1em;
  font-weight: 600;
}
.dettaglio-sessione div.dettagli-sessione p.avviso-solo-online {
  font-size: 1.15em;
  font-weight: 600;
  color: #ff3333;
}
.dettaglio-sessione div.azioni-sessione {
  min-width: 200px;
}
@media only screen and (max-width: 899px) {
  .dettaglio-sessione div.azioni-sessione {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    text-align: center;
  }
}
@media only screen and (min-width: 900px) {
  .dettaglio-sessione div.azioni-sessione {
    display: inline-block;
    width: 15%;
    vertical-align: middle;
  }
}
.dettaglio-sessione div.azioni-sessione ul {
  display: inline-block;
}
.dettaglio-sessione div.azioni-sessione ul li {
  display: block;
}
.dettaglio-sessione-spec div.lista-opera-evid {
  text-align: center;
}
.dettaglio-sessione-spec div.lista-opera-evid div.lista-opere {
  text-align: initial;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  min-width: 150px;
}
.dettaglio-sessione-spec div.lista-opera-evid div.lista-opere div.area-opera {
  width: 100%;
}
.dettaglio-sessione-spec div.lista-aste {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 150px;
  min-width: 80px;
}
@media only screen and (min-width: 450px) {
  .dettaglio-sessione-spec div.lista-aste {
    width: 30%;
  }
}
@media only screen and (min-width: 500px) {
  .dettaglio-sessione-spec div.lista-aste {
    width: 20%;
  }
}
.dettaglio-sessione-spec div.lista-aste ul {
  padding-left: 0;
}
.dettaglio-sessione-spec div.lista-sessioni {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
@media only screen and (min-width: 450px) {
  .dettaglio-sessione-spec div.lista-sessioni {
    width: 70%;
  }
}
@media only screen and (min-width: 500px) {
  .dettaglio-sessione-spec div.lista-sessioni {
    width: 80%;
  }
}
.dettaglio-sessione-spec div.lista-sessioni ul {
  padding-left: 0;
}
.dettaglio-sessione-spec h1.titolo-asta {
  font-size: 1.5em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.dettaglio-sessione-spec h2.titolo-sessione {
  font-size: 1.2em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.dettaglio-sessione-spec h2.sottotitolo-sessione {
  font-size: 1.1em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.dettaglio-sessione-spec p.pagamenti-rate {
  text-align: center;
  font-size: 1.2em;
  color: #ff3333;
  text-transform: uppercase;
}
.dettaglio-sessione-spec div.dettagli-sessione {
  display: inline-block;
  vertical-align: top;
}
.dettaglio-sessione-spec div.dettagli-sessione p {
  margin: 0;
}
.dettaglio-sessione-spec div.dettagli-sessione p.sessione-in-sala {
  font-weight: 600;
}
.dettaglio-sessione-spec div.dettagli-sessione p.data-in-sala {
  font-size: 1.1em;
  font-weight: 600;
}
.dettaglio-sessione-spec div.azioni-sessione {
  display: inline-block;
  width: 30%;
  min-width: 200px;
}
.dettaglio-sessione-spec div.azioni-sessione ul {
  display: inline-block;
}
.dettaglio-sessione-spec div.azioni-sessione ul li {
  display: block;
}
.galleria p.pagamenti-rate {
  text-align: center;
  font-size: 1.2em;
  color: #ff3333;
  text-transform: uppercase;
}
.galleria div.info-galleria {
  margin: 0.5em 1%;
  display: inline-block;
  vertical-align: top;
}
.galleria div.info-galleria p {
  margin-bottom: 0;
  margin-top: 0;
}
.galleria div.info-galleria ul {
  margin-top: 0;
  margin-bottom: 0;
}
.galleria div.info-galleria ul li {
  margin-top: 0;
  margin-bottom: 0;
}
.galleria div.info-vendita {
  margin: 0.5em 1%;
  display: inline-block;
  vertical-align: top;
}
.indice-artisti .pager-lista-artisti {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.indice-artisti .pager-lista-artisti a {
  display: inline-block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.5em 2px;
  padding: 3px 1% 0 1%;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
.indice-artisti .pager-lista-artisti a:hover {
  background-color: #8585ad;
  color: #e0e0eb;
}
.indice-artisti div.dati-artista {
  padding: 0.25em 0.25%;
}
@media only screen and (min-width: 800px) {
  .indice-artisti div.dati-artista {
    display: inline-block;
    width: 45%;
  }
}
@media only screen and (min-width: 1200px) {
  .indice-artisti div.dati-artista {
    display: inline-block;
    width: 30%;
  }
}
.indice-artisti div.dati-artista .opere-artista {
  font-style: italic;
}
.indice-artisti div.dati-artista p {
  margin: 0;
  padding: 0;
}
.indice-artisti div.dati-artista p::first-letter {
  font-size: 1.3em;
}
.lista-opere-artista h1.nome-artista {
  font-size: 1.5em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.lista-opere-artista p.pagamenti-rate {
  text-align: center;
  font-size: 1.2em;
  color: #ff3333;
  text-transform: uppercase;
}
.lista-opere-corrente-art h1.nome-corrente-art {
  font-size: 1.5em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.lista-opere-corrente-art p.pagamenti-rate {
  text-align: center;
  font-size: 1.2em;
  color: #ff3333;
  text-transform: uppercase;
}
.live-interattivo {
  text-align: center;
}
.live-interattivo div.action-button {
  margin: 2px;
  padding: 2px;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  display: inline-block;
}
.live-interattivo div.action-button:hover {
  background-color: #8585ad;
}
.live-interattivo div.action-button:hover a {
  color: #e0e0eb;
}
.live-interattivo div.action-button a,
.live-interattivo div.action-button p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.live-interattivo div.action-button p,
.live-interattivo div.action-button a {
  font-size: 1.2em;
}
@media only screen and (max-width: 499px) {
  .live-interattivo h1 {
    font-size: 1em;
  }
}
@media only screen and (min-width: 500px) {
  .live-interattivo h1 {
    font-size: 1.5em;
  }
}
@media only screen and (min-width: 700px) {
  .live-interattivo h1 {
    font-size: 2em;
  }
}
.live-interattivo div.evento-terminato p {
  text-align: center;
  font-weight: bold;
}
.live-interattivo div.evento-sospeso p {
  text-align: center;
  font-weight: bold;
}
.live-interattivo div.prossimo-evento p {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.2em;
  margin-top: 0;
}
.live-interattivo div.situazione-asta {
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .live-interattivo div.situazione-asta {
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
  }
}
.live-interattivo div.situazione-asta div.stato-opera {
  display: inline-block;
  vertical-align: top;
}
.live-interattivo div.situazione-asta div.stato-opera p {
  font-weight: bold;
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;
  background-clip: padding-box;
  padding-left: 5%;
  padding-right: 5%;
}
@media only screen and (min-width: 300px) {
  .live-interattivo div.situazione-asta div.stato-opera p {
    font-size: 1.2eM;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    -webkit-border-radius: 20px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 20px;
    -moz-background-clip: padding;
    border-radius: 20px;
    background-clip: padding-box;
  }
}
.live-interattivo div.situazione-asta div.stato-opera p.stato-aggiudicata-utente {
  color: #fff6e5;
  border: 4px solid orange;
  background-color: orange;
}
.live-interattivo div.situazione-asta div.stato-opera p.stato-aggiudicata-altri {
  color: orange;
  border: 4px solid orange;
  background-color: #fff6e5;
}
.live-interattivo div.situazione-asta div.stato-opera p.stato-aggiudicata {
  color: orange;
  border: 4px solid orange;
  background-color: #fff6e5;
}
.live-interattivo div.situazione-asta div.stato-opera p.stato-dopo-asta {
  color: green;
  border: 4px solid green;
  background-color: #b3ffb3;
}
.live-interattivo div.situazione-asta div.stato-opera p.stato-invenduta {
  color: black;
  border: 4px solid black;
  background-color: #b3b3b3;
}
.live-interattivo div.situazione-asta div.attuale-offerta p.importo {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 300px) {
  .live-interattivo div.situazione-asta div.attuale-offerta p.importo {
    font-size: 1.5em;
  }
}
.live-interattivo div.situazione-asta div.attuale-offerta p.offerta-altro-utente {
  font-weight: bold;
}
.live-interattivo div.situazione-asta img.pulsante-offerta {
  margin-bottom: 1em;
}
.live-interattivo div.situazione-asta p.avviso-vincente {
  color: orange;
  border: 1px solid #a3a3c2;
  text-align: center;
  background-color: #e0e0eb;
  margin-top: 0.1em;
  margin-bottom: 0;
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
}
@media only screen and (min-width: 300px) {
  .live-interattivo div.situazione-asta p.avviso-vincente {
    font-size: 1.1em;
  }
}
.live-interattivo div.situazione-asta p.offerte-non-attive {
  font-size: 1.1em;
  color: #ff3333;
}
.live-interattivo div.dati-opera {
  vertical-align: top;
}
@media only screen and (min-width: 500px) {
  .live-interattivo div.dati-opera {
    display: inline-block;
    margin-left: 5%;
  }
}
.live-interattivo div.dati-opera p {
  margin-top: 0.1em;
  margin-bottom: 0;
  text-align: left;
}
.live-interattivo div.dati-opera p.lotto {
  font-size: 1.2em;
  font-weight: bold;
}
.live-interattivo div.immagine-opera {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 350px;
  width: 90%;
}
@media only screen and (min-width: 650px) {
  .live-interattivo div.immagine-opera {
    display: inline-block;
    width: initial;
    margin-left: 2%;
  }
}
.live-interattivo div.immagine-opera img {
  margin: 1em auto 0;
  width: 100%;
}
@media only screen and (min-width: 650px) {
  .live-interattivo div.immagine-opera img {
    margin: 0 auto;
  }
}
.live-interattivo div.utente-non-registrato {
  margin: 1em auto;
  vertical-align: top;
  border: 1px solid #a3a3c2;
  max-width: 300px;
}
@media only screen and (min-width: 600px) {
  .live-interattivo div.utente-non-registrato {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
  }
}
.live-interattivo div.utente-non-registrato p,
.live-interattivo div.utente-non-registrato a {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 800px) {
  .live-interattivo div.utente-non-registrato p,
  .live-interattivo div.utente-non-registrato a {
    font-size: 1.1em;
  }
}
.live-interattivo div.player {
  margin-top: 1em;
}
@media only screen and (min-width: 600px) {
  .live-interattivo div.player {
    display: inline-block;
    width: 45%;
    margin-bottom: 1em;
  }
}
.live-interattivo div.player #jp_container_1 {
  margin-left: auto;
  margin-right: auto;
}
.live-interattivo .panel-update {
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 2em;
  font-weight: bold;
  background-color: #e0e0eb;
  color: #ff3333;
  opacity: 0.4;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.live-interattivo .panel-errore {
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 1.5em;
  font-weight: bold;
  background-color: #e0e0eb;
  color: #ff3333;
  opacity: 0.8;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.live-interattivo .panel-errore p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.nuovo-utente table.consenso {
  margin: 0.5em 5%;
}
.nuovo-utente table.consenso tr {
  border: 1px solid;
}
.nuovo-utente table.consenso tr td {
  padding: 2% 0.5em;
}
.nuovo-utente table.consenso tr td.opzioni {
  background-color: #8585ad;
}
.post-asta h1 {
  font-size: 1.5em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.post-asta p.pagamenti-rate {
  text-align: center;
  font-size: 1.2em;
  color: #ff3333;
  text-transform: uppercase;
}
.post-asta div.area-pagamenti-rate {
  vertical-align: top;
}
@media only screen and (min-width: 700px) {
  .post-asta div.area-pagamenti-rate {
    display: inline-block;
    width: 50%;
  }
}
.special-shop div.image-shop {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1150px) {
  .special-shop div.image-shop {
    display: inline-block;
    width: 25%;
  }
}
.special-shop p.pagamenti-rate {
  text-align: center;
  font-size: 1.2em;
  color: #ff3333;
  text-transform: uppercase;
}
.special-shop div.info-shop {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  vertical-align: top;
}
@media only screen and (min-width: 1150px) {
  .special-shop div.info-shop {
    width: 65%;
    margin: 0.5em 1%;
    display: inline-block;
  }
}
.special-shop div.info-shop p {
  margin-bottom: 0;
  margin-top: 0;
}
.special-shop div.info-shop ul {
  margin-top: 0;
  margin-bottom: 0;
}
.special-shop div.info-shop ul li {
  margin-top: 0;
  margin-bottom: 0;
}
.special-shop div.info-vendita {
  margin: 0.5em 1%;
  display: inline-block;
  vertical-align: top;
}
.speciale-gutai h1.nome-corrente-art {
  font-size: 1.5em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.speciale-gutai p.pagamenti-rate {
  text-align: center;
  font-size: 1.2em;
  color: #ff3333;
  text-transform: uppercase;
}
div.stime-e-perizie-arte {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
div.stime-e-perizie-arte div.action-button {
  margin: 2px;
  padding: 2px;
  border: 3px solid #666699;
  height: 1.5em;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
div.stime-e-perizie-arte div.action-button:hover {
  background-color: #8585ad;
}
div.stime-e-perizie-arte div.action-button:hover a {
  color: #e0e0eb;
}
div.stime-e-perizie-arte div.action-button a,
div.stime-e-perizie-arte div.action-button p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
div.stime-e-perizie-arte div.action-button a,
div.stime-e-perizie-arte div.action-button p {
  font-size: 1.4em;
}
div.stime-e-perizie-arte p,
div.stime-e-perizie-arte li {
  font-size: 1.2em;
}
.ajax-parts-recupera-password {
  width: 60%;
}
.ajax-parts-recupera-password p.istruzioni {
  text-align: center;
}
.ajax-parts-recupera-password .campo-dati {
  text-align: center;
}
.ajax-parts-richiesta-info h3 {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.ajax-parts-richiesta-info .elemento .nome-campo {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
}
@media only screen and (min-width: 400px) {
  .ajax-parts-richiesta-info .elemento .nome-campo {
    display: inline-block;
    width: 30%;
    text-align: right;
  }
}
.ajax-parts-richiesta-info .elemento .nome-campo p {
  margin-bottom: 0;
}
.ajax-parts-richiesta-info .elemento .contenuto-campo {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 400px) {
  .ajax-parts-richiesta-info .elemento .contenuto-campo {
    display: inline-block;
    width: 60%;
  }
}
.ajax-parts-richiesta-info .elemento .contenuto-campo .input-dati {
  width: 100%;
  max-width: 500px;
  min-width: 200px;
}
.ajax-parts-richiesta-info .elemento .contenuto-campo .input-rich {
  max-width: 500px;
  min-width: 200px;
  margin-bottom: 0;
}
.ajax-parts-richiesta-info .elemento table.consenso {
  margin: 0.5em auto;
  width: 60%;
}
.ajax-parts-richiesta-info .elemento table.consenso tr {
  border: 1px solid;
}
.ajax-parts-richiesta-info .elemento table.consenso tr td {
  padding: 2% 0.5em;
}
.ajax-parts-richiesta-info .elemento table.consenso tr td.opzioni {
  background-color: #8585ad;
}
.help-privacy {
  /*p::first-letter {
        font-size: 2em;
    }*/
}
.help-privacy ul {
  list-style: circle;
}
.help-privacy ul.titolare {
  list-style: none;
}
.help-privacy ul.finalita {
  list-style: lower-alpha;
}
.private-acquisto-opera div.immagine-lotto {
  padding: 1em 1%;
}
.private-acquisto-opera div.immagine-lotto img {
  width: 100%;
  max-width: 350px;
  margin: inherit auto;
  display: block;
}
.private-acquisto-opera div.dati-lotto {
  vertical-align: top;
  padding: 1em inherit;
  margin: inherit auto;
  width: 50%;
  min-width: 300px;
}
@media only screen and (min-width: 1100px) {
  .private-acquisto-opera div.immagine-lotto {
    display: inline-block;
    margin-right: 2%;
  }
  .private-acquisto-opera div.dati-lotto {
    display: inline-block;
    margin-left: 2%;
  }
}
.private-acquisto-opera div.avviso-conferma {
  border: 1px solid #a3a3c2;
  width: 80%;
  margin: 0.5em auto;
  padding: 1%;
}
.private-acquisto-opera .importo {
  font-weight: bold;
}
.private-acquisto-opera .importo span[discounted] {
  text-decoration: line-through #ff3333 solid;
}
.private-acquisto-opera .importo-scontato {
  font-weight: bold;
  color: #ff3333;
}
.private-acquisto-opera .sconto {
  font-weight: bold;
  color: #ff3333;
}
.private-acquisto-opera .importo-totale {
  color: #ff3333;
  font-weight: bold;
}
.private-mio-profilo .tabella-lista table {
  margin-left: auto;
  margin-right: auto;
}
.private-mio-profilo .tabella-lista table thead tr {
  background-color: #8585ad;
}
.private-mio-profilo .tabella-lista table thead tr td {
  color: #f2e5bb;
  font-weight: 600;
}
.private-mio-profilo .tabella-lista table td {
  padding: 2px 10px;
  border: 1px solid #a3a3c2;
}
.private-mio-profilo .tabella-lista table tr.alternating-item {
  background-color: #e0e0eb;
}
.staff-acquisto-opera div.immagine-lotto {
  padding: 1em 1%;
}
.staff-acquisto-opera div.immagine-lotto img {
  width: 100%;
  max-width: 350px;
  margin: inherit auto;
  display: block;
}
.staff-acquisto-opera div.dati-lotto {
  vertical-align: top;
  padding: 1em inherit;
  margin: inherit auto;
  width: 50%;
  min-width: 300px;
}
@media only screen and (min-width: 1100px) {
  .staff-acquisto-opera div.immagine-lotto {
    display: inline-block;
    margin-right: 2%;
  }
  .staff-acquisto-opera div.dati-lotto {
    display: inline-block;
    margin-left: 2%;
  }
}
.staff-acquisto-opera div.avviso-conferma {
  border: 1px solid #a3a3c2;
  width: 80%;
  margin: 0.5em auto;
  padding: 1%;
}
.staff-acquisto-opera .importo {
  font-weight: bold;
}
.staff-acquisto-opera .importo span[discounted] {
  text-decoration: line-through #ff3333 solid;
}
.staff-acquisto-opera .importo-scontato {
  font-weight: bold;
  color: #ff3333;
}
.staff-acquisto-opera .sconto {
  font-weight: bold;
  color: #ff3333;
}
.staff-acquisto-opera .importo-totale {
  color: #ff3333;
  font-weight: bold;
}
.staff-consolle-banditore .comandi {
  text-align: left;
}
.staff-consolle-banditore p.stato-lotto {
  font-weight: bold;
  font-size: 1.1em;
}
.staff-consolle-banditore p.avviso-javascript {
  text-align: center;
  color: #ff3333;
  font-weight: bold;
}
@media only screen and (min-width: 400px) {
  .staff-consolle-banditore p.avviso-javascript {
    font-size: 22pt;
  }
}
@media only screen and (min-width: 700px) {
  .staff-consolle-banditore p.avviso-javascript {
    font-size: 20pt;
  }
}
.staff-consolle-banditore p.large-status {
  text-align: center;
  color: #ff3333;
  font-weight: bold;
}
@media only screen and (min-width: 400px) {
  .staff-consolle-banditore p.large-status {
    font-size: 24pt;
  }
}
@media only screen and (min-width: 700px) {
  .staff-consolle-banditore p.large-status {
    font-size: 36pt;
  }
}
.staff-consolle-banditore .panel-update {
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 2em;
  font-weight: bold;
  background-color: #e0e0eb;
  color: #ff3333;
  opacity: 0.4;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.staff-consolle-banditore .panel-errore {
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 1.5em;
  font-weight: bold;
  background-color: #e0e0eb;
  color: #ff3333;
  opacity: 0.8;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.staff-consolle-banditore .panel-errore p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.staff-consolle-banditore div.img-lotto {
  vertical-align: top;
}
@media only screen and (min-width: 600px) {
  .staff-consolle-banditore div.img-lotto {
    display: inline-block;
    width: 30%;
    padding-left: 20px;
    padding-right: 10px;
  }
}
.staff-consolle-banditore div.img-lotto img {
  display: block;
  width: 100%;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 600px) {
  .staff-consolle-banditore div.dati-lotto {
    display: inline-block;
    width: 60%;
  }
}
.staff-consolle-banditore div.dati-lotto .descrizione {
  font-weight: bold;
  margin-bottom: 0.2em;
}
.staff-consolle-banditore div.dati-lotto div.dida-extra {
  display: none;
}
@media only screen and (min-width: 600px) {
  .staff-consolle-banditore div.dati-lotto div.dida-extra {
    display: initial;
  }
}
.staff-consolle-banditore div.dati-lotto div.dida-extra p:nth-child(n+2):nth-last-child(n+2) {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.staff-consolle-banditore div.dati-lotto div.dida-extra p:first-child {
  margin-bottom: 0.2em;
}
.staff-consolle-banditore div.dati-lotto div.dida-extra p:last-child {
  margin-top: 0.2em;
}
.staff-consolle-banditore div.dati-offerta {
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  border: 1px solid #a3a3c2;
  background-color: #f0f0f5;
  padding: 0.5em 10px 0.5em 30px;
}
.staff-consolle-banditore div.dati-offerta .offerta {
  font-weight: bold;
}
.staff-consolle-banditore div.dati-offerta[updated] {
  border: 1px solid #ff3333;
  background-color: #ffcccc;
}
.staff-consolle-banditore div .warning {
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  border: 1px solid #a3a3c2;
  background-color: #e0e0eb;
  color: #ff3333;
  padding: 0.5em 10px 0.5em 30px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}
.staff-consolle-banditore div .prossima-off .offerta {
  font-weight: bold;
  font-size: 1.2em;
  color: #ff3333;
}
.staff-lista-lotti div.ricerca-avanzata {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFCCCC;
}
.staff-lista-lotti div.ricerca-avanzata table {
  width: 100%;
}
.staff-lista-lotti div.ricerca-avanzata table td.nome-campo-ricerca {
  width: 20%;
  text-align: right;
}
.staff-lista-lotti div.ricerca-avanzata table input,
.staff-lista-lotti div.ricerca-avanzata table select {
  width: 95%;
}
.staff-lista-lotti div.ricerca-avanzata div.azioni-ricerca {
  text-align: center;
}
.staff-lista-lotti .pager-lista-lotti {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.staff-lista-lotti .pager-lista-lotti a {
  display: inline-block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.5em 2px;
  padding: 3px 1% 0 1%;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
.staff-lista-lotti .pager-lista-lotti a:hover {
  background-color: #8585ad;
  color: #e0e0eb;
}
.staff-lista-lotti div.area-opera {
  width: 100%;
  vertical-align: top;
  border: 1px dotted #ffffff;
  border-top: 10px solid #ffffff;
  padding-top: 0.5em;
  padding-right: 1%;
  margin: 0.5em 0.5%;
}
@media only screen and (min-width: 1400px) {
  .staff-lista-lotti div.area-opera {
    display: inline-block;
    width: 45%;
  }
}
.staff-lista-lotti div.area-opera div.immagine-opera {
  display: inline-block;
  min-width: 170px;
  width: 25%;
  vertical-align: top;
}
.staff-lista-lotti div.area-opera div.immagine-opera input[type="image"] {
  width: 100%;
  max-width: 150px;
  min-width: 100px;
}
.staff-lista-lotti div.area-opera div.immagine-opera input[type="submit"] {
  width: 75%;
  min-width: 100px;
  white-space: normal;
}
.staff-lista-lotti div.area-opera div.immagine-opera div.area-immagine,
.staff-lista-lotti div.area-opera div.immagine-opera div.area-immagine-multi {
  margin: 1% auto;
  padding: 1% 1%;
  vertical-align: top;
}
.staff-lista-lotti div.area-opera div.immagine-opera div.area-immagine img.immagine,
.staff-lista-lotti div.area-opera div.immagine-opera div.area-immagine-multi img.immagine {
  max-width: 150px;
  width: 100%;
  -webkit-box-shadow: 5px 5px 10px #a3a3c2;
  -moz-box-shadow: 5px 5px 10px #a3a3c2;
  box-shadow: 5px 5px 10px #a3a3c2;
}
.staff-lista-lotti div.area-opera div.immagine-opera div.area-immagine-multi img.thumb-immagine {
  max-width: 45px;
  -webkit-box-shadow: 5px 5px 10px #a3a3c2;
  -moz-box-shadow: 5px 5px 10px #a3a3c2;
  box-shadow: 5px 5px 10px #a3a3c2;
}
.staff-lista-lotti div.area-opera div.immagine-opera div.area-immagine-multi div.gallery {
  margin: 0.5em auto;
}
.staff-lista-lotti div.area-opera div.immagine-opera .action-button {
  margin: 2px;
  padding: 2px;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  display: block;
  width: 70%;
}
.staff-lista-lotti div.area-opera div.immagine-opera .action-button:hover {
  background-color: #8585ad;
}
.staff-lista-lotti div.area-opera div.immagine-opera .action-button:hover a {
  color: #e0e0eb;
}
.staff-lista-lotti div.area-opera div.immagine-opera .action-button a,
.staff-lista-lotti div.area-opera div.immagine-opera .action-button p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.staff-lista-lotti div.area-opera div.immagine-opera .action-button p,
.staff-lista-lotti div.area-opera div.immagine-opera .action-button a {
  font-size: 1.2em;
}
.staff-lista-lotti div.area-opera table.dati-opera {
  display: inline-block;
  width: 70%;
  border-left: 1px dotted #ffffff;
}
.staff-lista-lotti div.area-opera table.dati-opera tr.riga-campo-en {
  background-color: #FFFFCC;
}
.staff-lista-lotti div.area-opera table.dati-opera td {
  margin: 0;
  padding: 0 2%;
}
.staff-lista-lotti div.area-opera table.dati-opera td.descrizione-campo {
  width: 15%;
  min-width: 180px;
  text-align: right;
  vertical-align: top;
  margin: 0;
}
.staff-lista-lotti div.area-opera table.dati-opera td.descrizione-campo span.lotto {
  color: #ff3333;
  font-weight: bold;
}
.staff-lista-lotti div.area-opera table.dati-opera td.contenuto-campo {
  vertical-align: top;
  margin: 0;
}
.staff-lista-lotti div.area-opera table.dati-opera td.contenuto-campo span.lotto {
  color: #ff3333;
  font-weight: bold;
}
.staff-lista-utenti div.ricerca-avanzata,
.staff-lista-utenti div.setup-colonne {
  margin-left: auto;
  margin-right: auto;
  padding: 0.5em 1%;
  background-color: #FFCCCC;
}
.staff-lista-utenti div.ricerca-avanzata table td.nome-campo,
.staff-lista-utenti div.setup-colonne table td.nome-campo {
  width: 20%;
  text-align: right;
}
.staff-lista-utenti div.ricerca-avanzata table input,
.staff-lista-utenti div.setup-colonne table input,
.staff-lista-utenti div.ricerca-avanzata table select,
.staff-lista-utenti div.setup-colonne table select {
  width: 95%;
}
.staff-lista-utenti div.ricerca-avanzata div.azioni,
.staff-lista-utenti div.setup-colonne div.azioni {
  text-align: center;
}
.staff-lista-utenti div.pager-lista-utenti {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.staff-lista-utenti div.pager-lista-utenti a {
  display: inline-block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.5em 2px;
  padding: 3px 1% 0 1%;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
.staff-lista-utenti div.pager-lista-utenti a:hover {
  background-color: #8585ad;
  color: #e0e0eb;
}
.staff-lista-utenti table.tabella-utenti {
  margin-left: auto;
  margin-right: auto;
}
.staff-lista-utenti table.tabella-utenti td {
  margin: 1px;
  padding: 2px;
  border: solid 1px #a3a3c2;
}
.staff-lista-utenti table.tabella-utenti td.checkbox {
  text-align: center;
}
.staff-lista-utenti table.tabella-utenti td.modificata {
  background-color: #b3d9ff;
}
.staff-lista-utenti table.tabella-utenti td.modificata input {
  background-color: #b3d9ff;
}
.staff-lista-utenti div.area-utente {
  width: 100%;
  vertical-align: top;
  border: 1px dotted #ffffff;
  border-top: 10px solid #ffffff;
  padding-top: 0.5em;
  padding-right: 1%;
  margin: 0.5em 0.5%;
}
@media only screen and (min-width: 1400px) {
  .staff-lista-utenti div.area-utente {
    display: inline-block;
    width: 45%;
  }
}
.staff-lista-utenti div.area-utente div.immagine-opera {
  display: inline-block;
  min-width: 170px;
  width: 25%;
  vertical-align: top;
}
.staff-lista-utenti div.area-utente div.immagine-opera input[type="image"] {
  width: 100%;
  max-width: 150px;
  min-width: 100px;
}
.staff-lista-utenti div.area-utente div.immagine-opera input[type="submit"] {
  width: 75%;
  min-width: 100px;
  white-space: normal;
}
.staff-lista-utenti div.area-utente div.immagine-opera div.area-immagine,
.staff-lista-utenti div.area-utente div.immagine-opera div.area-immagine-multi {
  margin: 1% auto;
  padding: 1% 1%;
  vertical-align: top;
}
.staff-lista-utenti div.area-utente div.immagine-opera div.area-immagine img.immagine,
.staff-lista-utenti div.area-utente div.immagine-opera div.area-immagine-multi img.immagine {
  max-width: 150px;
  width: 100%;
  -webkit-box-shadow: 5px 5px 10px #a3a3c2;
  -moz-box-shadow: 5px 5px 10px #a3a3c2;
  box-shadow: 5px 5px 10px #a3a3c2;
}
.staff-lista-utenti div.area-utente div.immagine-opera div.area-immagine-multi img.thumb-immagine {
  max-width: 45px;
  -webkit-box-shadow: 5px 5px 10px #a3a3c2;
  -moz-box-shadow: 5px 5px 10px #a3a3c2;
  box-shadow: 5px 5px 10px #a3a3c2;
}
.staff-lista-utenti div.area-utente div.immagine-opera div.area-immagine-multi div.gallery {
  margin: 0.5em auto;
}
.staff-lista-utenti div.area-utente table.dati-opera {
  display: inline-block;
  width: 70%;
  border-left: 1px dotted #ffffff;
}
.staff-lista-utenti div.area-utente table.dati-opera tr.riga-campo-en {
  background-color: #FFFFCC;
}
.staff-lista-utenti div.area-utente table.dati-opera td {
  margin: 0;
  padding: 0 2%;
}
.staff-lista-utenti div.area-utente table.dati-opera td.descrizione-campo {
  width: 15%;
  min-width: 180px;
  text-align: right;
  vertical-align: top;
  margin: 0;
}
.staff-lista-utenti div.area-utente table.dati-opera td.descrizione-campo span.lotto {
  color: #ff3333;
  font-weight: bold;
}
.staff-lista-utenti div.area-utente table.dati-opera td.contenuto-campo {
  vertical-align: top;
  margin: 0;
}
.staff-lista-utenti div.area-utente table.dati-opera td.contenuto-campo span.lotto {
  color: #ff3333;
  font-weight: bold;
}
.staff-modifica-opera h2.riepilogo {
  background-color: #666699;
  color: #e0e0eb;
  width: 100%;
  margin: 0.5em auto;
}
.staff-modifica-opera table.tabella-input {
  width: 100%;
}
.staff-modifica-opera .indicazioni {
  text-align: center;
}
.staff-modifica-opera .nome-campo {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.staff-modifica-opera td.descrizione-campo {
  width: 15%;
  min-width: 180px;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.staff-modifica-opera td.descrizione-campo span.nome-campo-obbligatorio {
  font-weight: bold;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.staff-modifica-opera .testo-input {
  width: 250px;
}
.staff-modifica-opera .testo-input-lungo {
  width: 80%;
}
.staff-modifica-opera .testo-input-lungo-en {
  width: 80%;
  background-color: #FFFFCC;
}
.staff-modifica-opera select.selezione-elemento {
  width: 80%;
}
.staff-modifica-opera div.nuovo-artista {
  background-color: #FFCCCC;
  width: 80%;
  margin-right: auto;
}
.staff-modifica-opera div.nuovo-artista input.nome-artista {
  width: 200px;
}
.staff-modifica-opera div.nuovo-artista input.cognome-artista {
  width: 200px;
}
.staff-modifica-opera div.nuovo-artista input.periodo-artista {
  width: 200px;
}
.staff-modifica-opera div.conferma-eseguito {
  text-align: center;
}
.staff-modifica-opera div.conferma-eseguito h2.errore {
  color: red;
}
.staff-modifica-opera div.lista-immagini div.area-elemento-immagine {
  width: 100%;
  border: 1px dotted #a3a3c2;
  margin: 0.5em 1%;
  padding: 0.5em 1%;
}
@media only screen and (min-width: 500px) {
  .staff-modifica-opera div.lista-immagini div.area-elemento-immagine {
    display: inline-block;
    width: 45%;
  }
}
.staff-modifica-opera div.lista-immagini div.area-elemento-immagine:first-child {
  background-color: #ffffff;
}
.staff-modifica-opera div.lista-immagini div.area-elemento-immagine p {
  margin: 0.5em 0;
}
.staff-modifica-opera div.lista-immagini div.area-elemento-immagine label.nome-campo {
  display: block;
  font-weight: bold;
  width: 100%;
  min-width: 70px;
}
.staff-modifica-opera div.lista-immagini div.area-elemento-immagine img.icona-immagine {
  max-width: 150px;
  margin: 0 auto;
  display: block;
}
.staff-modifica-opera div.lista-immagini div.area-elemento-immagine .testo-input-img,
.staff-modifica-opera div.lista-immagini div.area-elemento-immagine .testo-input-dida-it,
.staff-modifica-opera div.lista-immagini div.area-elemento-immagine .testo-input-dida-en {
  width: 100%;
}
@media only screen and (min-width: 1100px) {
  .staff-modifica-opera div.lista-immagini div.area-elemento-immagine .testo-input-img,
  .staff-modifica-opera div.lista-immagini div.area-elemento-immagine .testo-input-dida-it,
  .staff-modifica-opera div.lista-immagini div.area-elemento-immagine .testo-input-dida-en {
    width: 80%;
  }
  .staff-modifica-opera div.lista-immagini div.area-elemento-immagine label.nome-campo {
    display: inline-block;
    width: 15%;
  }
}
@media only screen and (min-width: 1200px) {
  .staff-modifica-opera div.lista-immagini div.area-elemento-immagine .testo-input-img,
  .staff-modifica-opera div.lista-immagini div.area-elemento-immagine .testo-input-dida-it,
  .staff-modifica-opera div.lista-immagini div.area-elemento-immagine .testo-input-dida-en {
    width: 50%;
  }
  .staff-modifica-opera div.lista-immagini div.area-elemento-immagine img.icona-immagine {
    float: left;
    width: 25%;
    margin: 0;
    padding: 1em;
  }
}
.staff-modifica-opera div.lista-immagini div.area-elemento-immagine .testo-input-dida-en {
  background-color: #FFFFCC;
}
.staff-news-editor .validation-error {
  text-align: right;
  background-color: #ffcccc;
  border: 2px solid #ff3333;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2em;
  display: block;
  padding: 0.25em 1%;
}
.staff-news-editor table.tabella-input {
  width: 100%;
}
.staff-news-editor .descrizione-campo {
  width: 15%;
  min-width: 180px;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.staff-news-editor .descrizione-campo span.nome-campo-obbligatorio {
  font-weight: bold;
}
.staff-news-editor p.descrizione-campo {
  display: inline-block;
}
.staff-news-editor .testo-input {
  width: 250px;
}
.staff-news-editor .testo-input-lungo {
  width: 80%;
}
.staff-news-editor .testo-input-lungo-en {
  width: 80%;
  background-color: #FFFFCC;
}
.staff-news-editor .negozio-rotaz-imm {
  display: none;
}
.staff-nuovo-lotto h2.riepilogo {
  background-color: #666699;
  color: #e0e0eb;
  width: 100%;
  margin: 0.5em auto;
}
.staff-nuovo-lotto table.tabella-input {
  width: 100%;
}
.staff-nuovo-lotto table.tabella-input td.descrizione-campo {
  width: 15%;
  min-width: 180px;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.staff-nuovo-lotto table.tabella-input td.descrizione-campo span.nome-campo-obbligatorio {
  font-weight: bold;
}
.staff-nuovo-lotto table.tabella-input .testo-input {
  width: 250px;
}
.staff-nuovo-lotto table.tabella-input .testo-input-lungo {
  width: 80%;
}
.staff-nuovo-lotto table.tabella-input .testo-input-lungo-en {
  width: 80%;
  background-color: #FFFFCC;
}
.staff-nuovo-lotto .indicazioni {
  text-align: center;
}
.staff-nuovo-lotto .input.btn-conferma {
  background-color: #FFCC99;
}
.staff-nuovo-lotto select.selezione-elemento {
  width: 80%;
}
.staff-nuovo-lotto div.nuovo-artista {
  background-color: #FFCCCC;
  width: 80%;
  margin-right: auto;
}
.staff-nuovo-lotto div.nuovo-artista input.nome-artista {
  width: 200px;
}
.staff-nuovo-lotto div.nuovo-artista input.cognome-artista {
  width: 200px;
}
.staff-nuovo-lotto div.nuovo-artista input.periodo-artista {
  width: 200px;
}
.staff-nuovo-lotto div.conferma-eseguito {
  text-align: center;
}
.staff-nuovo-lotto div.conferma-eseguito h2.errore {
  color: red;
}
.staff-nuovo-lotto div.lista-immagini table.tabella-input-img {
  width: 100%;
}
.staff-nuovo-lotto div.lista-immagini table.tabella-input-img thead td {
  font-weight: bold;
}
.staff-nuovo-lotto div.lista-immagini table.tabella-input-img thead td.colonna-immagine {
  width: 20%;
  min-width: 100px;
}
.staff-nuovo-lotto div.lista-immagini table.tabella-input-img thead td.colonna-dida-it {
  width: 32.5%;
  min-width: 100px;
}
.staff-nuovo-lotto div.lista-immagini table.tabella-input-img thead td.colonna-dida-en {
  width: 32.5%;
  min-width: 100px;
}
.staff-nuovo-lotto div.lista-immagini table.tabella-input-img thead td.colonna-attiva {
  width: 5%;
  min-width: 20px;
}
.staff-nuovo-lotto div.lista-immagini table.tabella-input-img thead td.colonna-elimina {
  width: 10%;
  min-width: 50px;
}
.staff-nuovo-lotto div.lista-immagini table.tabella-input-img .testo-input-img {
  width: 95%;
}
.staff-nuovo-lotto div.lista-immagini table.tabella-input-img .testo-input-dida-it {
  width: 95%;
}
.staff-nuovo-lotto div.lista-immagini table.tabella-input-img .testo-input-dida-en {
  width: 95%;
  background-color: #FFFFCC;
}
.staff-set-img-lotto table.dati-lotto {
  margin: 1em auto 2em auto;
  width: 70%;
  border: 2px solid #a3a3c2;
}
.staff-set-img-lotto table.dati-lotto tr:nth-child(even) {
  background-color: #e0e0eb;
}
.staff-set-img-lotto table.dati-lotto td {
  padding: 0.5em 10px 0.5em 10px;
}
.staff-set-img-lotto table.dati-lotto td.descrizione-campo {
  font-weight: bold;
}
.staff-situazione-utente {
  /*// Ricerca avanzata
    div.ricerca-avanzata {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        background-color: @color-back-search;

        table {
            width: 100%;

            td.nome-campo-ricerca {
                width: 20%;
                text-align: right;
            }

            input,
            select {
                width: 95%;
            }
        }

        div.azioni-ricerca {
            text-align: center;
        }
    }*/
}
.staff-situazione-utente div.fb-container {
  display: none;
}
.staff-situazione-utente ul.tabs-container {
  padding: 0;
  margin: 0 auto;
  text-align: left;
  border-bottom: 10px solid #a3a3c2;
}
.staff-situazione-utente ul.tabs-container li.action-cell {
  display: inline-block;
  text-align: center;
}
.staff-situazione-utente ul.tabs-container li.action-cell div.tab-button {
  margin: 0.5em 2px 0;
  padding: 0.5em 20px 0;
  border: 3px solid #666699;
  border-bottom: 0;
  height: 2.2em;
  text-align: center;
  -webkit-border-top-left-radius: 12px;
  -moz-border-radius-topleft: 12px;
  border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 12px;
  -moz-background-clip: padding;
  border-top-right-radius: 12px;
  background-clip: padding-box;
  -webkit-box-shadow: 5px 5px 10px #a3a3c2;
  -moz-box-shadow: 5px 5px 10px #a3a3c2;
  box-shadow: 5px 5px 10px #a3a3c2;
}
.staff-situazione-utente ul.tabs-container li.action-cell div.tab-button:hover {
  background-color: #8585ad;
}
.staff-situazione-utente ul.tabs-container li.action-cell div.tab-button:hover a {
  color: #e0e0eb;
}
.staff-situazione-utente ul.tabs-container li.action-cell div.tab-button a,
.staff-situazione-utente ul.tabs-container li.action-cell div.tab-button p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.staff-situazione-utente ul.tabs-container li.action-cell div.tab-button a,
.staff-situazione-utente ul.tabs-container li.action-cell div.tab-button p {
  font-size: 1.4em;
}
.staff-situazione-utente ul.tabs-container li.action-cell div.tab-button[active] {
  background-color: #8585ad;
}
.staff-situazione-utente ul.tabs-container li.action-cell div.tab-button[active] a,
.staff-situazione-utente ul.tabs-container li.action-cell div.tab-button[active] p {
  color: #c2c2d6;
}
.staff-situazione-utente .pager-lista {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.staff-situazione-utente .pager-lista a {
  display: inline-block;
  color: #666699;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.5em 2px;
  padding: 3px 1% 0 1%;
  border: 3px solid #666699;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
.staff-situazione-utente .pager-lista a:hover {
  background-color: #8585ad;
  color: #e0e0eb;
}
.staff-situazione-utente .tabella-lista table {
  margin-left: auto;
  margin-right: auto;
}
.staff-situazione-utente .tabella-lista table thead tr {
  background-color: #8585ad;
}
.staff-situazione-utente .tabella-lista table thead tr td {
  color: #f2e5bb;
  font-weight: 600;
}
.staff-situazione-utente .tabella-lista table td {
  padding: 2px 10px;
  border: 1px solid #a3a3c2;
}
.staff-situazione-utente .tabella-lista table tr.alternating-item {
  background-color: #e0e0eb;
}
.staff-situazione-utente ul.comandi li.action-cell div.action-button[evidenced="true"] {
  margin: 2px;
  padding: 2px;
  border: 3px solid red;
  height: 1.5em;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  height: 1.2em;
  margin: 1em inherit;
  padding: 5px;
}
.staff-situazione-utente ul.comandi li.action-cell div.action-button[evidenced="true"]:hover {
  background-color: #ff3333;
}
.staff-situazione-utente ul.comandi li.action-cell div.action-button[evidenced="true"]:hover a {
  color: #ffcccc;
}
.staff-situazione-utente ul.comandi li.action-cell div.action-button[evidenced="true"] a,
.staff-situazione-utente ul.comandi li.action-cell div.action-button[evidenced="true"] p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: red;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.staff-situazione-utente ul.comandi li.action-cell div.action-button[evidenced="true"] a,
.staff-situazione-utente ul.comandi li.action-cell div.action-button[evidenced="true"] p {
  font-size: 1.3em;
}
div.staff-statistiche .frame-container iframe {
  width: 100%;
  border-width: 0px;
  margin: 0px;
}
div.staff-statistiche #wif-azioni iframe {
  height: 200px;
}
div.staff-statistiche #wif-realtime iframe {
  height: 1480px;
}
div.staff-statistiche #wif-visite iframe {
  height: 780px;
}
div.staff-statistiche #wif-mappa iframe {
  height: 900px;
}