/* compiled by scssphp v0.0.8 on Mon, 16 Dec 2013 18:26:16 +0000 (0.505s) */

/* iPhone Portrait */
/* iPhone Landscape */
/* iPad Portrait */
/* iPad Landscape */
/* MacBook */
/* MacBook Pro */
/* 21 inch */
/* 24 inch */
/* 27 inch */
/* iPhone Portrait */
/* iPhone Landscape */
/* iPad Portrait */
/* iPad Landscape */
/* MacBook */
/* MacBook Pro */
/* 21 inch */
/* 24 inch */
/* 27 inch */
/*$scrn_A_w: 320px;  iPhone Portrait
$scrn_B_w: 480px;  iPhone Landscape
$scrn_C_w: 768px;  iPad Portrait
$scrn_D_w: 1024px;  iPad Landscape
$scrn_E_w: 1280px;  MacBook
$scrn_F_w: 1440px;  MacBook Pro
$scrn_G_w: 1650px;  21 inch
$scrn_H_w: 1920px;  24 inch
$scrn_I_w: 2650px;  27 inch

$scrn_A_h: 480px;  iPhone Portrait
$scrn_B_h: 320px;  iPhone Landscape
$scrn_C_h: 1024px;  iPad Portrait
$scrn_D_h: 768px;  iPad Landscape
$scrn_E_h: 800px;  MacBook
$scrn_F_h: 900px;  MacBook Pro
$scrn_G_h: 1050px;  21 inch
$scrn_H_h: 1200px;  24 inch
$scrn_I_h: 1440px;  27 inch */
/* Mixins */
/* Make clicks pass-through */

@charset "UTF-8";
span[content] {
  position: relative;
  display: block;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0ms, top 0ms 200ms;
  -moz-transition: opacity 0ms, top 0ms 200ms;
  -ms-transition: opacity 0ms, top 0ms 200ms;
  -o-transition: opacity 0ms, top 0ms 200ms;
  transition: opacity 0ms, top 0ms 200ms;
}
span[content]:before {
  content: attr(content);
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  color: #fff;
  background-color: #111;
  margin: 0 auto;
  margin-bottom: 20px;
  line-height: 14px;
  padding: 5px;
  z-index: 99999;
}
span[content]:not(.no-arrow):after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  margin: 0 auto;
  border-width: 10px;
  border-style: solid;
  border-color: #111 transparent transparent transparent;
  z-index: 99999;
}
html .png {
  display: none;
}
html.no-inlinesvg .svg {
  display: none;
}
html.no-inlinesvg .png {
  display: block;
}
body {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-size: 12px;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  font-family: "Open Sans", serif;
  color: #111;
  background: #fff;
  zoom: reset;
}
@media (max-width: 2400px) {
  body {
    font-size: 11px;
  }
}
@media (max-width: 1919px), (max-height: 1200px) {
  body {
    font-size: 10px;
  }
}
@media (max-width: 1279px), (max-height: 1000px) {
  body {
    font-size: 9px;
  }
}
@media (max-width: 1023px), (max-height: 800px) {
  body {
    font-size: 8px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 10px;
  }
}
body[data-state='news'], body[data-state='news.item'] {
  overflow-y: scroll;
}
body.no-transition * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/ie/boxsizing.htc);
}
*:focus, *:active {
  outline: none;
}
img {
  border: none;
}
h1, h2, h3, h4, h5 {
  font-weight: 400 !important;
  margin: 0;
  white-space: normal;
}
a {
  text-decoration: none;
  color: #656d78;
}
p {
  font-size: 1.9em;
  line-height: 1.6em;
  margin-top: 0;
}
@media (min-width: 1921px), (min-height: 1201px) {
  p {
    font-size: 1.8em;
  }
}
@media (max-width: 320px) {
  p {
    font-size: 1.0em;
  }
  }

p:last-child {
  margin-bottom: 0;
}
h1 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.6em;
}
h1.Author{
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 2.6em;
  margin:-35px 25px 0 25px;
}
@media screen and (max-width: 415px) {
    h1.Author{
        margin: 0 0 0 15px;
        font-size:1.5em;
        padding-top:1.0em;
    }
}
h1.oversize {
  font-size: 2.8em;
}
@media (max-width: 1023px) {
  h1.oversize {
    font-size: 2.8em;
  }
}
h2 {
  font-family: "Open Sans", serif;
  font-style: italic;
  font-size: 2.8em;
}
h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.8em;
  padding-left:1.8em;
}
h4 {
  font-family: "Open Sans", serif;
  font-style: italic;
  font-size: 2.0em;
}
h5 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.6em;
  margin-top:1.5em;
}

article .Overlay {
    font-size: 1.6em;
    line-height: 2.5em;
}
h7 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.2em;
  text-transform: none;
}
input[type='text'], input[type='email'], input[type='password'] {
  -webkit-appearance: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.6em;
  -webkit-font-smoothing: antialiased;
  position: relative;
  color: #111;
  background-color: #ddd;
  padding: 0.8em 0.8em 0.6em;
  width: 100%;
  border: none;
  margin: 0 0 0.8em 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
input[type='checkbox'] {
  display: none;
}

input[type='checkbox'] + label{
  -webkit-appearance: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.6em;
  -webkit-font-smoothing: antialiased;
  position: relative;
  color: #111;
  background-color: #ddd;
  padding: 0.8em 0.8em 0.6em;
  width: 100%;
  border: none;
  margin: 0 0 0.8em 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  display: block;
  cursor: pointer;
  padding-left: 4em;
}
input[type='checkbox'] + label:before {
  font-family: 'eva';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  color: #111;
  font-size: 1.2em;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 0.4em;
  width: 1em;
  border-right: 5px solid #fff;
  content: "";
}
input[type='checkbox']:checked + label:before {
  content: "\e003";
}
button, input[type=submit],
.admin input[type="button"],
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
a.ButtonLink  {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.2em;
  color: #111;
  background-color: #fff;
  padding: 0.7em 0.8em 0.5em;
  width: 100%;
  border: 2px solid #ddd;
  cursor: pointer;
  text-align: center;
}
button:hover, input[type=submit]:hover, 
.admin input[type="button"]:hover,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only ui-state-hover,
a.ButtonLink:hover,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-hover:hover
{
  color: #fff;
  background: none;
  background-color: #111;
  border-color: #111;
}

textarea {
  -webkit-appearance: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.6em;
  -webkit-font-smoothing: antialiased;
  position: relative;
  color: #111;
  background-color: #ddd;
  padding: 0.8em 0.8em 0.6em;
  width: 100%;
  border: none;
  margin: 0 0 0.8em 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  min-height: 10em;
  max-height: 30em;
  text-transform: none;
  resize: vertical;
}
html.js .ng-wait-for-images, html.js .hidden {
  visibility: hidden;
  opacity: 0 !important;
}
html.touch .button {
  opacity: 1 !important;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  color: #434a54;
  background-color: #d2d2d2;
  z-index: 99;
}
header .wrapper {
  position: relative;
  top: 0;
  left: 0;
  height: 6em;
}
header .wrapper .strapline {
  position: absolute;
  bottom: 0;
  left: 28em;
  right: 0;
  height: 7em;
  line-height: 7.4em;
  background-color: #fff;
  z-index: 1;
}
@media (max-width: 824px) {
  header .wrapper .strapline {
    display: none;
  }
}
header .wrapper .strapline h2 {
  font-family: "Open Sans", serif;
  font-style: italic;
  font-size: 3em;
}
header .wrapper .logo {
  position: relative;
  float: left;
  width: 16%;
  height: 6.0em;
}
@media (max-width: 824px) {
  header .wrapper .logo {
    width: 100%;
  }
}
header .wrapper .logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px; /* mantenere sincronizzato con .EditContainer padding */
  margin: auto;
  height: 3.2em;
}
@media (max-width: 824px) {
  header .wrapper .logo img {
    left: 25px;
  }
}
/* IPhone 6 plus */
@media (max-width: 773px) and (orientation:landscape) {
  header .wrapper .logo img {
    left: 25px;
	height:2.2em;
  }
}
header .wrapper nav {
  position: relative;
  float: left;
  width:84%;
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
@media (max-width: 824px) {
  header .wrapper nav {
    width: 33.33%;
    height: auto;
    border-top: 1px dotted #aaa;
    display: none;
  }
  body.mobile header .wrapper nav {
    width: 50%;
  }
}
@media (min-width: 825px) {
  header .wrapper nav.right ul {
    padding-left: 0;
  }
}
header .wrapper nav.right {
  float: right;
}
@media (max-width: 415px) {
  header .wrapper nav {
    width:100%;    
  }
  header .wrapper nav.right {
    float:left;    
  }
  header .wrapper nav.right ul {
    border-right: none;
    margin:0 0 0 25px;
  }
  header .wrapper nav.scope {
    display: none !important;
  }

}
header .wrapper nav.right ul li.not-logged-in {
  display: block;
}
header .wrapper nav.right ul li.logged-in {
  display: none;
}
body.logged-in header .wrapper nav.right ul li.not-logged-in {
  display: none;
}
body.logged-in header .wrapper nav.right ul li.logged-in {
  display: block;
}
header .wrapper nav.right ul li a, header .wrapper nav.right ul li span {
  color: #aaa;
}
header .wrapper nav.right ul li a:hover, header .wrapper nav.right ul li span:hover  {
  color: #111;
}
header .wrapper nav ul {
  float: right;
  height: 100%;
  padding: 0 2em;
  margin: 0 25px 0 0;
  list-style: none;
  width:100%;
  border-right: 0.5px dotted #111;
 }
@media (max-width: 824px) {
  header .wrapper nav ul {
    padding: 2em 3em 2em 3em;
  }
}
header .wrapper nav ul li {
  position: relative;
  float: right;
  line-height: 6em;
}
@media (max-width: 824px) {
  header .wrapper nav ul li {
    float: none;
    line-height: 2em;
  }
  body.mobile header .wrapper nav ul li {
    line-height: 3em;
  }
}
header .wrapper nav ul li .artist-menu-wrapper,
header .wrapper nav ul li .corpus-menu-wrapper {
  position: absolute;
  top: 6em;
  left: -2em;
  background-color: #fff;
  border-top: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0ms 100ms, visibility 0ms 100ms;
  -moz-transition: opacity 0ms 100ms, visibility 0ms 100ms;
  -ms-transition: opacity 0ms 100ms, visibility 0ms 100ms;
  -o-transition: opacity 0ms 100ms, visibility 0ms 100ms;
  transition: opacity 0ms 100ms, visibility 0ms 100ms;
}
header .wrapper nav ul li .artist-menu-wrapper.show,
header .wrapper nav ul li .corpus-menu-wrapper.show  {
  display: block;
}
header .wrapper nav ul li .artist-menu-wrapper .artist-menu,
header .wrapper nav ul li .corpus-menu-wrapper .corpus-menu {
  font-size: 7px;
  width: 80em;
  line-height: 1em;
  padding-top: 2em;
}
header .wrapper nav ul li .artist-menu-wrapper .artist-menu .discipline,
header .wrapper nav ul li .corpus-menu-wrapper .corpus-menu .discipline{
  float: left;
  width: 40em;
  padding: 0 3.5em;
}
header .wrapper nav ul li .artist-menu-wrapper .artist-menu .discipline h4,
header .wrapper nav ul li .corpus-menu-wrapper .corpus-menu .discipline h4 {
  margin-bottom: 0.5em;
}
header .wrapper nav ul li .artist-menu-wrapper .artist-menu .discipline h3,
header .wrapper nav ul li .corpus-menu-wrapper .corpus-menu .discipline h3 {
  margin-bottom: 1.5em;
}
header .wrapper nav ul li .artist-menu-wrapper .artist-menu .discipline h3 a,
header .wrapper nav ul li .corpus-menu-wrapper .corpus-menu .discipline h3 a {
  display: block;
  line-height: 1.15em;
  margin: 0;
}
@media (min-width: 825px) {
  html:not(.touch) header .wrapper nav ul li:not(.hide):hover .artist-menu-wrapper,
  html:not(.touch) header .wrapper nav ul li:not(.hide):hover .corpus-menu-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 200ms 200ms, visibility 0ms;
    -moz-transition: opacity 200ms 200ms, visibility 0ms;
    -ms-transition: opacity 200ms 200ms, visibility 0ms;
    -o-transition: opacity 200ms 200ms, visibility 0ms;
    transition: opacity 200ms 200ms, visibility 0ms;
  }
}
header .wrapper nav ul li a, header .wrapper nav.right ul li span {
  color: #111;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}
@media (max-width: 824px) {
  header .wrapper nav ul li a {
    font-size: 2em;
    line-height: 2em;
  }
  body.mobile header .wrapper nav ul li a {
    font-size: 2.2em;
  }
}
@media (min-width: 825px) {
  header .wrapper nav ul li a, header .wrapper nav.right ul li span {
    margin: 0 0.5em;
  }
}
header .wrapper nav ul li a.active, span.active {
  border-bottom: 1px solid #656d78;
  color:#656d78;
}
header .wrapper nav ul li a .lightbox-total {
  margin-left: 0.3em;
  display: none;
}
header .wrapper nav ul li a .lightbox-total.show {
  display: inline-block;
}
header .wrapper nav ul li a .lightbox-total:before {
  content: "(";
}
header .wrapper nav ul li a .lightbox-total:after {
  content: ")";
}
header .wrapper .menu-toggle {
  position: absolute;
  top: 0;
  right: 5em;
  height: 6em;
  line-height: 6em;
  cursor: pointer;
  display: none;
}
@media (max-width: 824px) {
  header .wrapper .menu-toggle {
    display: block;
  }
}
header .wrapper .menu-toggle div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 6em;
}
header .wrapper .menu-toggle div:before {
  font-size: 3em;
  vertical-align: middle;
}
header .wrapper .menu-toggle .close {
  display: none;
}
@media (max-width: 824px) {
  header.menu-open .wrapper nav {
    display: block;
  }
}
header.menu-open .wrapper .menu-toggle .open {
  display: none;
}
header.menu-open .wrapper .menu-toggle .close {
  display: block;
}

footer .FooterContent {
    background-color: #000;
    bottom: 0;
    color: #fff;
    font-size: 1.6em;
    position: fixed;
    width: 100%;
    padding:10px;
    opacity:.8;
    /*opacity:0;
    -webkit-transition: opacity 1.0s ease-in-out;
    -moz-transition: opacity 1.0s ease-in-out;
    transition: opacity 1.0s ease-in-out;
    */
     }

@media (max-width: 320px) {
footer .FooterContent {
    font-size: 1.0em;
  }
}
/*     
footer:hover .FooterContent,footer .FooterContent.Visible{
    opacity:.8;
 }
*/
footer a{
    color:#fff;
 }
footer a:after{
    content: | ;
 }
footer a:hover{
    text-decoration:underline;
 }
 .Credits{
    float:right;
 }
html.js #homegallery {
  position: absolute;
  top: 8em;
  bottom: 0;
  left: 3em;
  padding-right: 3em;
  white-space: nowrap;
  overflow: hidden;
  max-height: 800px;
}
@media (max-width: 768px) {
  html.js #homegallery {
    left: 0;
    right: 0;
    bottom: auto;
    padding: 0;
    white-space: normal;
  }
}
html.js #homegallery .item {
  position: relative;
  display: inline-block;
  padding: 0 3em;
  min-width: 20em;
  overflow: hidden;
  opacity: 0.99;
  -webkit-transition: opacity 500ms 0s linear;
  -moz-transition: opacity 500ms 0s linear;
  -ms-transition: opacity 500ms 0s linear;
  -o-transition: opacity 500ms 0s linear;
  transition: opacity 500ms 0s linear;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
@media (max-width: 768px) {
  html.js #homegallery .item {
    display: block;
    border: none;
    border-bottom: 1px dotted #aaa;
    width: 100% !important;
    height: auto !important;
  }
}
@media (min-width: 769px) {
  html.js #homegallery .item:last-child {
  }
}
@media (max-width: 768px) {
  html.js #homegallery .item:last-child {
    border-bottom: none;
  }
}
html.js #homegallery .item .assets {
  top: 3em;
  bottom: 20em;
  left: 3em;
  right: 3em;
  white-space: nowrap;
}
@media (max-width: 768px) {
  html.js #homegallery .item .assets {
    position: relative;
    top: auto;
    bottom: auto;
    max-height: none;
    white-space: normal;
    padding-top: 3em;
    left: 0;
    right: 0;
  }
  html.js #homegallery .item .assets img {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    padding: 0 !important;
    vertical-align: bottom;
    margin-bottom: 1em;
  }
}
@media (max-width: 768px) {
  html.js #homegallery .item .assets > a {
    position: relative;
    display: block;
  }
}
html.js #homegallery .item .assets > a img {
  position: relative;
  z-index: 1;
}
html.js #homegallery .item .assets > a .play {
  position: absolute;
  top: 3em;
  bottom: 3em;
  left: 3em;
  right: 3em;
  margin: auto;
  width: 16em;
  height: 16em;
  z-index: 2;
  pointer-events: none;
}
html.js #homegallery .item .assets > a .play:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 16em;
  color: #fff;
}
html.js #homegallery .item .assets > a .vimeo-wrapper {
  position: relative;
  z-index: 3;
  width: 100%;
  padding-top: 56.2%;
}
html.js #homegallery .item .assets > a .vimeo-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
}
html.js #homegallery .item .assets .text {
  top: 100%;
  left: 0;
  right: 0;
  padding-top: 2.1em;
}
@media (max-width: 768px) {
  html.js #homegallery .item .assets .text {
    position: relative;
    padding: 3em 0;
    height: auto;
  }
}
html.js #homegallery .item .assets .text h1 {
  margin-bottom: 0.1em;
  padding: 1.0em 0;
}
html.js #homegallery .item .assets .text h1 span:not(:first-of-type):before {
  content: ", ";
}
html.js #homegallery .item .assets .text h1 span:not(:first-of-type):last-of-type:before {
  content: "";
}
html.js #homegallery .item .assets .text h2 {
  margin-bottom: 1em;
  line-height: 1.1em;
}
html.js #homegallery .item .assets .text h5 {
  position: absolute;
  bottom: 1.4em;
}
html.js #homegallery .item .assets .text h5 span {
  padding-right: 6px;
}
html.js #homegallery .item .assets .text h5 span:not(:first-of-type) {
  border-left: 1px solid #aaa;
  padding-left: 10px;
}
@media (max-width: 768px) {
  html.js #homegallery .item .assets .text h5 {
    position: relative;
    bottom: auto;
  }
}
@media (max-height: 600px) {
  html.js #homegallery .item .assets .text h1 {
    font-size: 2.2em;
  }
  html.js #homegallery .item .assets .text h2 {
    font-size: 2.2em;
  }
}
html.js #homegallery .item .assets .text h2, 
html.js #homegallery .item .assets .text h5 {
    display:none;
}


@-webkit-keyframes news-images-fadein {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.99;
  }
}
@-moz-keyframes news-images-fadein {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.99;
  }
}
@-ms-keyframes news-images-fadein {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.99;
  }
}
@keyframes news-images-fadein {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.99;
  }
}
@-webkit-keyframes news-images-fadeout {
  0% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.4;
  }
}
@-moz-keyframes news-images-fadeout {
  0% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.4;
  }
}
@-ms-keyframes news-images-fadeout {
  0% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes news-images-fadeout {
  0% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.4;
  }
}
.news-assets-width {
  position: absolute;
  top: 9em;
  left: 6em;
  right: 53em;
  height: 1px;
  border-bottom: 1px solid red;
  z-index: 1;
  max-width: 1350px;
  visibility: hidden;
}

#filterartist{
    border-left: 1px dotted #aaa;
    left: 0;
    padding: 1.6em 0 0.8em;
    position: absolute;
    right: 0;
    text-align: right;
    top: 5em;
    transition: opacity 500ms linear 0s;
}
#filterartist  i{
    font-size: 2.5em;
	cursor:pointer;
	opacity:1;
}

i.fa-shopping-cart,
i.fa-opencart{
    cursor: pointer;
}
i.Hidden{
    display:none;
}

i.Visible{
    display:inline;
}
.fa.fa-cart-plus {
    margin-right: 1.0em;
    color:#612b00;
}
.fa.fa-opencart {
    /*color:#612b00;*/
}
i.fa-search {
    margin-right: .5em;
}
i.fa-list, i.fa-table, i.fa-archive {
    padding-right: 0.5em;
}
#filterlist.Active i,
#filtertable.Active  i {
	opacity:.5;
}

.corpus header #filterartist {
    width: 38em;
}
.artists #togglesoldfilter i.fa-filter,
.corpus #filtertable, .corpus #filterlist, .corpus #togglesoldfilter i.fa-archive ,i.fa-archive {
    display: none;
}

.home  #filterartist >span, 
.notfound #filterartist >span, 
.card #filterartist > span, 
.contatti #filterartist > span {
    display: none;
}
.home header #filterartist, 
.card header #filterartist, 
.contatti header #filterartist {
    width: 34em;
}







#searchname {
    display: block;
    height: 2.3em;
    margin: 0;
    padding: 0 0 0 .5em;
    position: absolute;
    right: 12em;
    text-transform: none;
    top: .8em;
    width: 17.5em;
}
#searchname:focus {
    background-color:#eee;
	font-weight:700;
}

header #filterartist{
	padding:0;
	top:1.2em;
	left:30%;
	width:45.0em;
	z-index:3;
}
#filterartist,
#filterartist{
	padding:0;
	top:1.2em;
	left:30%;
	width:36.0em;
	z-index:3;
}
.home header #filterartist,
.notfound header #filterartist
{
	width:34.0em;
}

header #searchname {
	left:0;
	top:0;
}
header #filterartist i{
	padding-top:5px;
}

#filterartist > span:first-child {
    margin-right: 1.8em;
}

.Login #filterartist, 
.Cart #filterartist,
.User #filterartist{
	display:none;
}
@media (max-width: 415px) {
  header .wrapper .logo img {
    height: 2.2em;    
  }
    header #filterartist{
    left: 0;
    padding: 0;
    top: 65px;
    width: 100%;
    z-index: 3;
    }
    header #filterartist,
    .home header #filterartist,
    .corpus header #filterartist,
    .contatti header #filterartist{
    width: 100%;
    }
}
#artists,#corpus {
  position: absolute;
  top: 10em;
  left: 3em;
  right: 3em;
  border-left: 1px dotted #aaa;
  -webkit-transition: opacity 500ms 0s linear;
  -moz-transition: opacity 500ms 0s linear;
  -ms-transition: opacity 500ms 0s linear;
  -o-transition: opacity 500ms 0s linear;
  transition: opacity 500ms 0s linear;
  border-top:1px dotted #aaa;
}
#artists {
  top: 14em;
}
@media (max-width: 767px) {
  #artists, #corpus {
    left: 0;
    right: 0;
    border: none;
  }
}
#artists .desktop .artist-tile,  #corpus .desktop .corpus-tile {
  position: relative;
  float: left;
  border-right: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
  width: 10%;
}

#corpus h1 {
    background-color: #888;
    font-size: 4em;
    margin-bottom: 10px;
    padding: 10px 0 1px 20px;
    position: fixed;
    width: 100%;
    z-index: 2000;
	color:#eee;
}

#corpus .desktop .corpus-tile  {
    width: 50%;
  }

@media (max-width: 1920px) {
  #artists .desktop .artist-tile{
    width: 16.6675%;
  }
}
@media (max-width: 1440px) {
  #artists .desktop .artist-tile{
    width: 20%;
  }
}
#artists .desktop .artist-tile .padding,
  #corpus .desktop .corpus-tile .padding {
  width: 100%;
  padding-bottom: 100%;
}
#artists .desktop .artist-tile.ListView .padding,
  #corpus .desktop .corpus-tile.ListView .padding  {
  width: 10%;
  padding-bottom: 10%;
}
.ListView .assets,  .ListView .text h4,
.artist-tile h4,.corpus-tile h3 {
    display: none;
}
#artists .desktop .artist-tile .assets,
#corpus.desktop .corpus-tile .assets {
    bottom: 5em;
    left: 1em;
    position: absolute;
    right: 1em;
    top: 1em;
}
#artists .desktop .artist-tile .assets:hover,
#corpus .desktop .corpus-tile .assets:hover  {
  border-bottom: none;
}

#artists .desktop .artist-tile .assets img,
#corpus .desktop .corpus-tile .assets img  {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto 0 auto;
  max-width: 100%;
  max-height: 100%;
  padding:1.3em;
  cursor:pointer;
}

#corpus .desktop .corpus-tile .assets img  {
  max-width: 80%;
  max-height: 80%;
  cursor:pointer;
}

#artists .desktop .artist-tile .text,
#corpus .desktop .corpus-tile .text  {
  position: absolute;
  bottom: 2.0em;
  left: 0;
  right: 0;
  text-align: center;
  z-index:1;
}
#artists .desktop .artist-tile.ListView .text,
#corpus .desktop .corpus-tile.ListView .text {
	position:relative;
}
#artists .desktop .artist-tile .text h3 {
  margin-bottom: -0.1em;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  font-size:1.5em;
  padding-left:0;
}
.corpus #artists .desktop .artist-tile .text h3 {
  margin-bottom: -1.0em;
  padding:0 15px;
  font-size:1.2em;
}
#artists .desktop .artist-tile .text h4 span:not(:first-of-type):before,
#corpus .desktop .corpus-tile .text h4 span:not(:first-of-type):before  {
  content: " / ";
}
@media (min-width: 768px) {
  #artists .mobile,
  #corpus .mobile  {
    display: none;
  }
}
#artists .mobile .discipline h4,
  #corpus .mobile .discipline h4 {
  line-height: 2em;
  padding-top: 0.3em;
  text-align: center;
  border-bottom: 1px dotted #aaa;
}
#artists .mobile .discipline h3 a,
#corpus .mobile .discipline h3 a {
  display: block;
  line-height: 2em;
  padding: 0.2em 0 0 1em;
  border-bottom: 1px dotted #aaa;
}
#artists .mobile .discipline h3 a:before,
#corpus .mobile .discipline h3 a:before {
  position: absolute;
  right: 0.2em;
  line-height: 1.2em;
  font-size: 1.6em;
}
#artists .mobile .discipline:last-child h3:last-child a,
#corpus .mobile .discipline:last-child h3:last-child a {
  border: none;
}
#artist,#corpus {
  position: absolute;
  top: 6em;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: opacity 500ms 0s linear;
  -moz-transition: opacity 500ms 0s linear;
  -ms-transition: opacity 500ms 0s linear;
  -o-transition: opacity 500ms 0s linear;
  transition: opacity 500ms 0s linear;
}
@media (max-width: 767px) {
  #artist,#corpus {
    left: 0;
    right: 0;
    bottom: auto;
  }
}
#artist .left,#corpus .left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 25%;
}
@media (max-width: 1600px) {
  #artist .left {
    width: 35%;
  }
}
@media (max-width: 767px) {
  #artist .left,#corpus .left {
    position: relative;
    bottom: auto;
    width: 100%;
  }
}
#artist .left .border,#corpus .left .border {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3em;
  z-index: 1;
  background: #fff;
  border-right: 1px dotted #aaa;
}
@media (max-width: 767px) {
  #artist .left .border,#corpus .left .border {
    display: none;
  }
}
#artist .left .wrapper,#corpus .left .wrapper {
  position: absolute;
  left: 3em;
  padding-right: 3em;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  width: 100%;
}
#artist .left .wrapper.rel-scroll-fixed,
#corpus .left .wrapper.rel-scroll-fixed  {
  width: 25%;
}
@media (max-width: 1600px) {
  #artist .left .wrapper.rel-scroll-fixed,
  #corpus .left .wrapper.rel-scroll-fixed {
    width: 35%;
  }
}
@media (max-width: 767px) {
  #artist .left .wrapper,
  #corpus.left .wrapper  {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    width: 100% !important;
    left: 0;
    padding: 0;
  }
}
#artist .left .wrapper .info,
#corpus .left .wrapper .info {
  padding: 3em;
  min-height: 100%;
}
@media (max-width: 767px) {
  #artist .left .wrapper .info,
  #corpus .left .wrapper .info  {
    padding: 2em;
    border: none;
  }
}
#artist .left .wrapper .info h1, #artist .left .wrapper .info h2,
#corpus .left .wrapper .info h1, #corpus .left .wrapper .info h2 {
  text-align: center;
}
#artist .left .wrapper .info h1,
#corpus .left .wrapper .info h1 {
  margin: 1em 0 0.3em 0;
}
@media (max-width: 767px) {
  #artist .left .wrapper .info h1,
  #corpus .left .wrapper .info h1  {
    margin: 0 0 0.3em 0;
  }
}
#artist .left .wrapper .info h2,
#corpus .left .wrapper .info h2  {
  margin-bottom: 3em;
  line-height: 1.3em;
}
@media (max-width: 767px) {
  #artist .left .wrapper .info h2,
  #corpus .left .wrapper .info h2  {
    font-size: 2.4em;
    margin-bottom: 0;
  }
}
#artist .left .wrapper .info h2 span:not(:first-of-type):before,
#corpus .left .wrapper .info h2 span:not(:first-of-type):before {
  content: " / ";
}
@media (max-width: 767px) {
  #artist .left .wrapper .info article,
  #corpus .left .wrapper .info article  {
    display: none;
  }
}
#artist .left .wrapper .info article i ,
#corpus .left .wrapper .info article i {
  font-size: 105%;
}
#artist .left .wrapper .info article a,
#corpus .left .wrapper .info article a {
  border-bottom: 1px dotted #aaa;
  height: 1.3em;
  display: inline-block;
}
#artist .left .wrapper .info article a:hover,
#corpus.left .wrapper .info article a:hover {
  border-bottom-style: solid;
}
#artist .left .wrapper .info article a b,
#corpus .left .wrapper .info article a b {
  font-weight: normal;
}
#artist .left .wrapper .info article h3,
#corpus .left .wrapper .info article h3 {
  text-align: center;
  margin-bottom: 1em;
  margin-top: 1.8em;
}
#artist .left .wrapper .image,
#corpus .left .wrapper .image {
  padding: 0 2em 2em 2em;
  text-align: center;
}
@media (min-width: 768px) {
  #artist .left .wrapper .image,
  #corpus.left .wrapper .image  {
    display: none;
  }
}
#artist .left .wrapper .image img,
#corpus .left .wrapper .image img {
  max-width: 100%;
}
#artist .right,
#corpus.right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 75%;
}
@media (max-width: 1600px) {
  #artist .right,
  #corpus.right  {
    width: 65%;
  }
}
@media (max-width: 767px) {
  #artist .right,
   #corpus.right
    {
    left: 0;
    position: relative;
    bottom: auto;
    width: 100%;
  }
}
#artist .right .border,
#corpus .right .border {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 4px;
  width: 3em;
  z-index: 1;
  background: #fff;
  border-left: 1px dotted #aaa;
}
@media (max-width: 767px) {
  #artist .right .border,
  #corpus .right .border  {
    display: none;
  }
}
#artist .right .wrapper,
#corpus .right .wrapper {
  position: absolute;
  right: 3em;
  padding-left: 3em;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  width: 100%;
}
#artist .right .wrapper.rel-scroll-fixed,
#corpus .right .wrapper.rel-scroll-fixed {
  width: 75%;
}
@media (max-width: 1600px) {
  #artist .right .wrapper.rel-scroll-fixed,
  #corpus .right .wrapper.rel-scroll-fixed  {
    width: 65%;
  }
}
@media (max-width: 767px) {
  #artist .right .wrapper,
  #corpus .right .wrapper  {
    position: relative !important;
    border: none;
    top: auto !important;
    height: auto !important;
    width: 100%;
    right: 0;
    padding: 0;
  }
}
#artist .right .wrapper .folios,
#corpus .right .wrapper .folios {
  position: relative;
  border-left: 1px dotted #aaa;
  overflow: hidden;
  z-index: 0;
}
@media (max-width: 767px) {
  #artist .right .wrapper .folios,
  #corpus .right .wrapper .folios   {
    right: auto;
    margin-left: 0;
  }
}
#artist .right .wrapper .folios .folio-tile,
#corpus .right .wrapper .folios .folio-tile{
  position: relative;
  float: left;
  width: 33.33%;
}
@media (max-width: 767px) {
  #artist .right .wrapper .folios .folio-tile,
  #corpus .right .wrapper .folios .folio-tile  {
    float: none;
    width: 100% !important;
    border-top: 1px dotted #aaa;
  }
}
#artist .right .wrapper .folios .folio-tile a:before,
#corpus .right .wrapper .folios .folio-tile  a:before{
  position: absolute;
  right: 0.2em;
  line-height: 1.2em;
  font-size: 3.6em;
}
@media (min-width: 768px) {
  #artist .right .wrapper .folios .folio-tile a:before,
  #corpus .right .wrapper .folios .folio-tile  a:before {
    display: none;
  }
}
#artist .right .wrapper .folios .folio-tile .padding,
#corpus .right .wrapper .folios .folio-tile  .padding {
  width: 100%;
  padding-bottom: 100%;
  border-right: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
}
@media (max-width: 767px) {
  #artist .right .wrapper .folios .folio-tile .padding,
  #corpus .right .wrapper .folios .folio-tile  .padding {
    display: none;
  }
}
#artist .right .wrapper .folios .folio-tile .assets,
#corpus .right .wrapper .folios .folio-tile  .assets {
  position: absolute;
  top: 3em;
  bottom: 3em;
  left: 3em;
  right: 3em;
  bottom: 6em;
}
@media (max-width: 767px) {
  #artist .right .wrapper .folios .folio-tile .assets,
  #corpus .right .wrapper .folios .folio-tile  .assets {
    display: none;
  }
}
#artist .right .wrapper .folios .folio-tile .assets img,
#corpus .right .wrapper .folios .folio-tile  .assets img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 768px) {
  #artist .right .wrapper .folios .folio-tile .text,
  #corpus .right .wrapper .folios .folio-tile  .text {
    position: absolute;
    top: auto;
    bottom: 2em;
    left: 0;
    right: 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  #artist .right .wrapper .folios .folio-tile .text,
  #corpus .right .wrapper .folios .folio-tile  .text {
    line-height: 4em;
    padding: 0.3em 0 0 2em;
  }
}
#artist .right .wrapper .folios[data-template='a'] .folio-tile:first-child,
#corpus .right .wrapper .folios[data-template='a'] .folio-tile:first-child  {
  width: 66.66%;
}
#artist .right .wrapper .folios[data-template='b'] .folio-tile:first-child, 
#artist .right .wrapper .folios[data-template='b'] .folio-tile:nth-child(2),
#corpus .right .wrapper .folios[data-template='b'] .folio-tile:first-child,
#corpus .right .wrapper .folios[data-template='b'] .folio-tile:nth-child(2) {
  width: 50%;
}
#artist .right .wrapper .folios[data-folio-count='1'] .folio-tile,
#corpus .right .wrapper .folios[data-folio-count='1'] .folio-tile {
  width: 100% !important;
}
#artist .right .wrapper .folios[data-folio-count='1'] .folio-tile .padding,
#corpus .right .wrapper .folios[data-folio-count='1'] .folio-tile .padding {
  padding-bottom: 66.66%;
}
#artist .right .wrapper .folios[data-folio-count='2'] .folio-tile,
#artist .right .wrapper .folios[data-folio-count='2'] .folio-tile  {
  width: 50% !important;
}
#artist .right .wrapper .mobile-bio,
#corpus .right .wrapper .mobile-bio {
  border-top: 1px dotted #aaa;
  padding: 2em;
}
@media (min-width: 768px) {
  #artist .right .wrapper .mobile-bio,
  #corpus .right .wrapper .mobile-bio  {
    display: none;
  }
}
#artist .right .wrapper .mobile-bio h3,
#corpus .right .wrapper .mobile-bio h3 {
  text-align: center;
  margin-bottom: 1em;
}

#folio {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: opacity 500ms 0s linear;
  -moz-transition: opacity 500ms 0s linear;
  -ms-transition: opacity 500ms 0s linear;
  -o-transition: opacity 500ms 0s linear;
  transition: opacity 500ms 0s linear;
  opacity:0;
}
#folio .mobile-header {
  position: absolute;
  top: 6em;
  width: 100%;
  border-bottom: 1px dotted #aaa;
  z-index: 2;
  height: 4em;
  line-height: 4em;
  padding: 0.1em 0 0 3em;
}
#folio .mobile-header a {
  position: relative;
}
#folio .mobile-header a .back {
  position: absolute;
  right: 100%;
}
#folio .mobile-header a .back:before {
  font-size: 2.3em;
  line-height: 1.6em;
}
#folio .mobile-header a h3 {
  position: relative;
}
@media (min-width: 768px) {
  #folio .mobile-header {
    display: none;
  }
}
#folio .mobile-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px dotted #aaa;
  z-index: 2;
  padding: 0.5em 3em 0 3em;
}
#folio .mobile-footer .next, #folio .mobile-footer .prev {
  position: absolute;
  top: 0.1em;
  cursor: pointer;
}
#folio .mobile-footer .next:before, #folio .mobile-footer .prev:before {
  font-size: 2.3em;
  line-height: 1.6em;
}
#folio .mobile-footer .prev {
  left: 0;
}
#folio .mobile-footer .next {
  right: 0;
}
#folio .mobile-footer .scroll-wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#folio .mobile-footer .scroll-wrapper h3, #folio .mobile-footer .scroll-wrapper h4 {
  display: inline;
  white-space: nowrap;
}
#folio .mobile-footer .scroll-wrapper h3 {
  margin-right: 0.5em;
}
#folio .mobile-footer .scroll-wrapper h4 {
  font-size: 2em;
}
@media (min-width: 768px) {
  #folio .mobile-footer {
    display: none;
  }
}

#folio .slides-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #fff;
  -webkit-transition: bottom 300ms 0s linear;
  -moz-transition: bottom 300ms 0s linear;
  -ms-transition: bottom 300ms 0s linear;
  -o-transition: bottom 300ms 0s linear;
  transition: bottom 300ms 0s linear;
}
#folio .slides-wrapper .carousel-container {
  position: absolute;
  top: 8em;
  bottom: 8em;
  left: 0;
  right: 0;
  margin: auto;
}
#folio .slides-wrapper .carousel-container .carousel-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
#folio .slides-wrapper .carousel-container .carousel-wrapper .carousel-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0 3em;
  text-align: center;
}
#folio .slides-wrapper .carousel-container .carousel-wrapper .carousel-slider.not-loaded .slide {
  background-image: url('/img/spiffygif_56x56.gif');
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: center;
}
#folio .slides-wrapper .carousel-container .carousel-wrapper .carousel-slider.not-loaded .slide img {
  opacity: 0 !important;
}
#folio .slides-wrapper .carousel-container .carousel-wrapper .carousel-slider .slide {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#folio .slides-wrapper .carousel-container .carousel-wrapper .carousel-slider .slide img {
  position: absolute;
  left: 0;
  right: 0;
/*  pointer-events: none;*/
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 200ms 0s linear;
  -moz-transition: opacity 200ms 0s linear;
  -ms-transition: opacity 200ms 0s linear;
  -o-transition: opacity 200ms 0s linear;
  transition: opacity 200ms 0s linear;
}
#folio .slides-wrapper .carousel-container .carousel-wrapper .carousel-slider .slide .Gallery img  {
	margin:0;
	padding:0;
}
#folio .slides-wrapper .carousel-container .carousel-wrapper .carousel-slider .slide iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#folio .type-image {

    width: 45%;
    margin-left: 0;
    float: left;
    margin-right: 0;
    position: relative;
    height: 100%;
	border-left:dotted 1px #000;
 }
#folio .CardInfo {
    width: 32.5%;
    margin-left: 0;
    float: left;
    margin-right: 0;
    position: relative;
    height: 100%;
	border-left:dotted 1px #000;
	border-right:dotted 1px #000;
	font-size:2.0em;
	line-height:2.0em;
	text-align:left;
	z-index:-1;
}
#folio .CardInfo.NoBorderLeft {
	border-left:none;
}
#zoomcontainer {
    position: initial;
    margin:15px 15px 0 15px;
}
#folio .CardInfo h1 {
    padding: 15px 0 0 15px;
    margin-bottom:1.0em;
    font-style:normal;
	font-size:1.2em;
	text-transform:none;
}
@media (max-width: 415px) {
#folio .CardInfo h1 {
	font-size:2.0em;
}
}

#folio .CardInfo h2 {
    padding-left:.6em;
    line-height:1.2em;
	font-size:1.0em;
	text-transform:uppercase;
	font-style:normal;
}
#folio .CardInfo h2 span.ArsItemCardDateComposition:before {
    Content: ' - ';
}

#folio .CardInfo .LineSeparator {
    margin: 1.0em 15.0em;
    border: solid .5px #eee;
	line-height:0;
}

#folio .CardInfo .Description{
	padding:0 0 0 15px;
}

#folio .info-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  height: 6em;
  z-index: 3;
  background-color: #fff;
  -webkit-transition: bottom 300ms 0s linear;
  -moz-transition: bottom 300ms 0s linear;
  -ms-transition: bottom 300ms 0s linear;
  -o-transition: bottom 300ms 0s linear;
  transition: bottom 300ms 0s linear;
}
@media (max-width: 767px) {
  #folio .info-wrapper {
    display: none;
  }
}
#folio .info-wrapper .info {
  position: absolute;
  top: 0;
  left: 3em;
  right: 3em;
  height: 6em;
  padding: 0 3em;
  border-left: 1px dotted #aaa;
  border-right: 1px dotted #aaa;
}
#folio .info-wrapper .info .line {
  position: absolute;
  top: 100%;
  left: 0;
  border-top: 5px solid #111;
  margin-left: -3em;
  right: -3em;
}
#folio .info-wrapper .info nav.left {
  position: absolute;
  display: block;
  left: 3em;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 3em;
}
#folio .info-wrapper .info nav.left .chevron {
  position: relative;
  display: inline-block;
  top: -0.3em;
  width: 3em;
  height: 1.8em;
}
#folio .info-wrapper .info nav.left .chevron:before {
  position: absolute;
  top: 0;
  font-size: 3em;
  color: #aaa;
}
#folio .info-wrapper .info nav.left h3 {
  display: inline;
}
#folio .info-wrapper .info nav.left h4 {
  font-size: 2.2em;
  display: inline;
  margin-left: 2em;
}
#folio .info-wrapper .info nav.left .counter {
  display: inline-block;
  width: 7em;
  text-align: right;
}
#folio .info-wrapper .info nav.left .counter .counter-current {
  text-align: right;
  cursor: w-resize;
}
#folio .info-wrapper .info nav.left .counter .counter-slash {
  font-size: 2em;
  text-align: center;
  margin: 0 0.2em 0 0.1em;
}
#folio .info-wrapper .info nav.left .counter .counter-total {
  text-align: left;
  cursor: e-resize;
}
#folio .info-wrapper .info nav.right {
  position: absolute;
  display: block;
  right: 2em;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 3.5em;
}
#folio .info-wrapper .info nav.right > div {
  position: absolute;
  right: 0;
  top: 0;
}
#folio .info-wrapper .info nav.right > div.nav-slides {
  width: 20em;
  text-align: right;
}
#folio .info-wrapper .info nav.right > div .button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 0;
  margin-left: 1em;
  vertical-align: middle;
  font-size: 2.5em;
}
#folio .info-wrapper .info nav.right > div .button div[class^='icon-']:before {
  font-size: 3.6em;
  color: #aaa;
}

.card #folio .CardInfo {
    z-index:1;
}
.CardInfo .button{
    bottom: 0;
    position: absolute;
    font-size: 2.0em;
}

.card #folio .slides-wrapper .carousel-container .carousel-wrapper .carousel-slider .slide{
    cursor:default;
}

#folio.view-slides .Gallery {
    bottom: -140px;
    height: 100px;
    left: 0;
    position: absolute;
    z-index:2;
}

@media (max-width: 415px) {
    #folio.view-slides .Gallery {
        display:none;
    }
}

#gallerycardimage img {
    height: 100%;
    max-width: 100%;
    width: 150px;
}

#folio.view-thumbs .info-wrapper .nav-thumbs {
  opacity: 1;
}

#folio .slides-wrapper .carousel-container .ImageCorpus {
    clear: both;
    width: 100%;
	border-bottom: 1px dotted #111;
 }
#folio .slides-wrapper .carousel-container .ImageCorpus .assets {
    float: left;
    width: 60%;
	margin:30px;	
}
#folio .slides-wrapper .carousel-container .type-image > img {
    max-width: 100%;
}
#folio .slides-wrapper .carousel-container .Gallery img{
    height: 80px;
}
#folio .slides-wrapper .carousel-container .carousel-wrapper .carousel-slider .slide .Gallery img:nth-child(2) {
    left: 210px;
}
#folio .slides-wrapper .carousel-container .carousel-wrapper .carousel-slider .slide .Gallery img:nth-child(3) {
    left: 420px;
}

#contact {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: opacity 500ms 0s linear;
  -moz-transition: opacity 500ms 0s linear;
  -ms-transition: opacity 500ms 0s linear;
  -o-transition: opacity 500ms 0s linear;
  transition: opacity 500ms 0s linear;
}

#contact .tile {
  position: relative;
}

#contact .tile .padding {
  width: 100%;
  padding-top: 100%;
}
@media (max-width: 767px) {

  #contact .tile .padding {
    display: none;
  }
}
@media (min-width: 768px) {

  #contact .tile .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3em;
    right: 3em;
  }
}

#contact .tile .inner .text-wrapper {
  width: 100%;
  height: 100%;
  display: table;
  padding: 3em 0;
}
@media (max-width: 767px) {

  #contact .tile .inner .text-wrapper {
    height: auto !important;
    padding: 3em;
  }
}

#contact .tile .inner .text-wrapper .text {
  display: table-cell;
  vertical-align: middle;
}

#contact .tile .inner .text-wrapper .text h1 {
  text-align: center;
  margin-bottom: 0.5em;
}






#contact .tile .inner .text-wrapper .text b {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#contact .tile .inner .text-wrapper .text .credit {
  text-align: center;
  margin-top: 5em;
}

#contact .tile .inner .text-wrapper .text .credit a {
  color: #999;
}
#contact .column {
  top: 6em;
  bottom: 0;
  width: 33.33%;
}





@media (max-width: 767px) {

  #contact .column {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    padding: 0 !important;
  }
}

#contact .left {
  position: fixed;
  left: 0;
  padding-left: 3em;
  width:66.66%;
}
@media (min-width: 768px) {

  #contact .left .tile {
    height: 80%;
    /*border-left: 1px dotted #aaa;*/
  }
}

#contact .left p {
  text-align: center;
  line-height: 1.4em;
}
@media (max-width: 415px) {

    #contact .left {
        top: 80px;    
      }
}
#contact .center {
  position: fixed;
  left: 33.33%;
}





@media (max-width: 767px) {
  #contact .center {
    display: none;
  }
}
#contact .center .map {
  position: relative;
  height: 80%;
  border-right: 1px dotted #aaa;
}
#contact .center .map:first-child {
  border-bottom: 1px dotted #aaa;
}
#contact .center .map .padding {
  width: 100%;
  padding-top: 100%;
}
#contact .center .map .gm-map {
  position: absolute;
  top: 3em;
  bottom: 3em;
  left: 3em;
  right: 3em;
}
#contact .right {
  position: absolute;
  right: 0;
  padding-right: 3em;
}
@media (max-width: 767px) {
  #contact .right {
    border-top: 1px dotted #aaa;
  }
}
#contact .right h1:nth-of-type(2) {
  margin-top: 2em;
}
#contact .right input {
  text-align: center;
  margin-bottom: 0.5em;
}
#contact .right .response {
  margin-top: 1em;
  height: 5em;
  display: none;
}

#contact .border-right {
  position: fixed;
  top: 6em;
  bottom: 0;
  right: 3em;
  border-right: 1px dotted #aaa;
}
@media (max-width: 767px) {

  #contact .border-right {
    display: none;
  }
}

#loading {
	background: transparent url("gfx/ajax-loader.gif") no-repeat scroll center center;display:none;
    display: none;
    height: 32px;
    margin: auto;
    position: relative;
    top: 100px;
    width: 32px;
	z-index:1;
}
#corpus div.assets .Gallery{
	/*margin-top:100px;*/
	display:none;
}


div.assets .Overlay{
  background: #000 url("gfx/title-arrow.png") no-repeat scroll left center;
  bottom: 0;
  color: #fff;
  font-family: "AvenirLTStd-Roman";
  font-size: 12px;
  left: 0;
  letter-spacing: 1px;
  opacity: 0;
  padding: 3px 40px 3px 12px;
  position: absolute;
  text-transform: uppercase;
  transition: opacity 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 3;
}


#corpus div.assets .Overlay {
  background: #888 url("gfx/title-arrow.png") no-repeat scroll 20px center;
  transition: opacity .8s ease-in-out 0s;
  text-transform:initial;
  padding: 10px 50px;
  display:none; /* eliminare se si desidera mostrare la scheda informaiva anche nella galleria */
}

#corpus div.assets:hover .Overlay {
  opacity: 0; /* impostare a 1 se si desidera mostrare la scheda informaiva anche nella galleria */ 
}


a#reservedarea
.assets .Overlay .ArsItemCardInfo a{color:#fff;text-transform:lowercase;text-decoration:underline}

#corpus .Overlay .ArsItemCardInfo {
    display: inline;
	margin-left: 10px;
}

#filterartist,#filterlist,#filtertable,#togglesoldfilter{
	text-transform:lowercase;
	float:right;
	cursor:pointer;
 }

.ArsItemCardSold{display:none;}
.Visiblefalse{opacity:.5;display:none;}
.card .Visiblefalse {display:block;}
.Visiblefalse:hover{opacity:1}
.Visiblefalse h3 {
    /*text-decoration: line-through;*/
}

.Visiblefalse .ArsItemCardSold::before {
    Content: " [";
}
.Visiblefalse .ArsItemCardSold {
    display: inline;
}
.Visiblefalse .ArsItemCardSold::after {
    Content: "]";
}

#menu-glass  {
    display:none;
}

.item img{
	max-width:500px;
}

.owl-carousel .owl-wrapper {
  display: table;
}

.owl-carousel .owl-item {
  display: table-cell;
  float: none;
  vertical-align: bottom;
}
.owl-controls .owl-buttons div {
    position: absolute;
}
.owl-controls .owl-buttons .owl-prev {
    left: 10px;
    top: 45%;
}
.owl-controls .owl-buttons .owl-next {
    right: 50px;
    top: 45%;
}
@media (max-width: 480px) {
    .owl-controls .owl-buttons .owl-next {
        right: 20px;
    }
}
.owl-controls {
    -moz-user-select: none;
}
.owl-carousel .owl-buttons div {
	opacity:0;
}
.owl-carousel:hover .owl-buttons div {
	opacity:1;
}
.owl-carousel .owl-buttons div i {
  background: rgba(67, 74, 84, 0.21) none repeat scroll 0 0;
  border-radius: 100%;
  color: #2b2f35;
  font-size: 18px;
  height: 42px;
  line-height: 42px;
  margin: -20px 0 0;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 42px;
}

.home .ArsItemCardInfo {
    display: none;
}

body .artists {
   opacity:0;
}
.FirstName {
    text-transform: none;
}
ul.AuthorList {
    overflow:hidden;
    -webkit-column-count:4;
    -moz-column-count:4;
    -o-column-count:4;
    column-count:4;
	list-style:none;
}
@media (max-width: 415px) {
    ul.AuthorList {
        -webkit-column-count:1;
        -moz-column-count:1;
        -o-column-count:1;
        column-count:1;
        padding:0;
    }
}  
ul.AuthorList h3{
   margin:0;
}
@media (max-width: 415px) {
    ul.AuthorList h3{
       margin:.5em 0;
    }
}  

.SocialIcons, .BuyerIcons {
    bottom: 0;
    font-size: 1.0em;
    position: absolute;
    height:2.0em;
    width: 100%;
    border-top: dotted 1px #808080;

}
.SocialIcons .button.left {
    left: .3em;
    z-index:11;
}
.SocialIcons .button.right {
    left: 1.5em;
    z-index:11;
}

.SocialIcons .fa,
.BuyerIcons .fa  {
    font-size: .5em;
    vertical-align:middle;
    line-height:2.2em;
}

.SocialIcons a,
.BuyerIcons a  {
    line-height:1.2em;
}

.BuyerIcons .button.left {
    right: 1.5em;
}

.BuyerIcons .button.right {
    right: .3em;
}

#artists .artist-tile.ListView {
    clear: both;
	width:initial;
	float:none;
	padding:10px 0 0 0;
}
#artists .artist-tile.ListView:hover  {
	background-color:#d2d2d2;
}

#artists .artist-tile.ListView:hover a {
	color:#111;
}
@media (max-width: 415px) {
    #artists .artist-tile.ListView {
        padding-top:1px;
    }
}  

.FirstItem h3 a {
    font-weight: 700;
}
ul.AuthorList li.Even  {
    background-color:#eee;
}
ul.AuthorList li.Odd  {
    background-color:#fff;
}

.VendorMessage {
    font-size: 2em;
    letter-spacing: 2px;
    margin-left: 2.4em;
	margin-bottom:25px;
}
@media (max-width: 415px) {
    .VendorMessage {
        font-size: 1.5em;
        margin-left: .2em;
    }
}  
.ArtistConter{
    font-weight: 700;
}
#backtoartist{
    margin-left:-1.8em;
}
.WrongURL {
    color: #9f1319;
    font-family: monospace;
}

span.Twitter, span.Facebook
{
    font-size: 2.0em;
    margin-right: 1.0em
}

span.CodePart,span.Price {
    font-weight: 700;
}
span.Cart {
    margin-left: 1.0em;
}
@media (max-width: 320px) {
    span.Info,span.Cart {
        margin-left: 4.0em;
    }
}

.srv_error_message, .warning
{
  font-family:Courier New,Arial, sans-serif;
  font-size:1.8em;
  font-weight:bold;
  background-color: #666;
  color:#fff;
  display:inline-block;
  margin-top:0;
  line-height:1.0em;
  padding:.45em;
}
.srv_error_message a
{
  color:#111;
}

#labdebugmessage {
    position: absolute;
    top: 50px;
    color: #111;
    font-weight: 700;
    font-size: 2.0em;
}

.Cart table{
    font-size: 2.0em;
    width:100%;
}
.User table{
    font-size: 1.2em;
    width:100%;
}

.Cart tr.CellHeading,
.Cart tr.CellFooter {
    background-color: #eeeeee;
}

.Cart th, .Cart td {
    border: 1px solid #888888;
    padding: 0.5em;
}
.Cart #login th, .Cart td,
.User td {
    border: none;
    padding: 0.5em;
}
.Cart th.SKU {
    width:15%;
}
.Cart th.Description {
    width:55%;
}          
.Cart td.Description > img {
    float: left;
    margin-right: 1em;
    width: 10%;
}     
.Cart td.Description {
    display:inline;
}     
.Cart th.Quantity, 
.Cart th.Price,
.Cart th.Total{
    width:10%;
}
.Cart #formbody td.Quantity input[type="text"] {
    background-color:#fbfaf4;
    width:auto;
    font-family:monospace;
    font-size:1.0em;
    padding:.2em;
    margin:.2em;
}
.Cart tr.CellFooter td {
    font-weight:700;

}

/* ADMIN section */

.EditContainer.Login,
.EditContainer.Cart,
.EditContainer.User   {
    margin: 0 auto;
    padding: 0;
    width: 50%;
}
.EditContainer.Cart,
.EditContainer.User   {
    border: 1px dotted #111;
    margin: 0 auto;
    padding: 0;
    height:auto;
}
.EditContainer.Cart{
    width: 50%;
}
.EditContainer.User{
    width: 30%;
}

.Cart h1,.WorkingRibbon h1,
.User h1 {
    background-color: #aaaaaa;
    color: #ffffff;
    font-weight: 700;
    padding: 0.5em;
}
.User h2 {
    margin:0 0 1.0em 0;
    font-size:1.8em;
    }
.EditContainer.Login.ChangePassword {
    padding: 0;
    height:48em;
}
.Login #formheader, .Login #formbody {
    width:400px;
    margin:0 auto
}
.Login.ChangePassword #formheader{
}
.Login #formheader .FormHeaderBox {
    border: solid 1px;
    padding: .3em;
}

.Login.ChangePassword .column {
    float:none;
    margin:0;
}

.Login.ChangePassword .columnLeft {
    width: 40%;
}
.Login.ChangePassword .column .Row {
    clear:both;
}

.Login.ChangePassword .column .Row span#oldpasswordlabel,
.Login.ChangePassword .column .Row span#passwordtextlabel {
    line-height: 2.5em;
}

.Login.ChangePassword .column .Row span {
    margin-left: 1.0em;
}
.Login.ChangePassword .column .Row #passwordtextbox {
        margin-bottom:1.0em;
}
.Login.ChangePassword input[type="password"] {
        font-size: 1em;
        margin: 0;
        width: 55%;
        float: right;
    }
table.Login {
    border: 1px solid #111111;
	width:auto;
}
#masterform > #content {
    margin-top: 100px;
}

.card #masterform > #content,
.admin #masterform > #content {
    margin-top: 20px;
}

@media (max-width: 415px) {
    .card #masterform > #content,
    .admin #masterform > #content {
        margin-top: 40px;
    }
}
.Cart table.Login {
    width:100%;
}
.LoginTitle{
    padding:1.0em;
    font-size:2.0em;
    text-align:center;
    background-color:#666;
    color:#eee;
}
.Login #formcontent{
    padding: 1.0em;
    font-size: 2.0em;
    text-align: center;
    background-color: #666;
    color: #eee;
    width:89%;
}

#editchangepassword .LoginTitle {
    margin-bottom: 1.0em;
}

#formheader label.LabelLong {
    width: 8em;
}

#LoginButton, 
#loginstatus,
.login #formheader label, 
.login #formbody label,
#passwordfields,
.ServerMessage
{
    font-size:2.0em;
 }
#buttonbuy
{
    margin:2.0em 0;
 }
.Cart #loginstatus
{
  font-size: .9em;
    width: 50%;
 }
.Cart #hlbacktocatalog {
    font-size: 1.8em;
    margin-top:1.5em;
}
.Cart #editcart #hlbacktocatalog {
    font-size: 2.0em;
    margin-top:1.0em;
}
.Login input[type=text],
.Login input[type=password]{
    margin:0 0 .8em 0;
    border-radius:.5em;
    width:80%;
    font-size:1.4em;
    background-color:#fbfaf4;
    text-transform:none;
}
.Cart #formbody label{
    display:inline-block;
    width:6em;
}
.User #formbody label{
    display:inline-block;
    width:12em;
    font-size:1.2em;
}
.User table#createuserwizard label{
    width:14em;
}
.User table#createuserwizard input[type=checkbox]+label{
    width:100%;
}

.Cart #formbody input[type=text],
.Cart #formbody input[type=password],
.User #formbody input[type=text],
.User #formbody input[type=password]{
    font-size:1.0em;
    background-color:#fbfaf4;
    border-radius: 5px;
    border:2px dotted #eeeeee;
    text-transform:none;
}
.Cart #formbody input[type=text],
.Cart #formbody input[type=password]
{
    width:20em;
}
.User #formbody input[type=text],
.User #formbody input[type=password]{
    width:20em;
}
#createuserwizard table {
    width: 98%;
}
#createuserwizard > table tr td:nth-child(1){
    display:none;
}
#createuserwizard table input {
    width:100%;
}
.Cart #formbody input[type=submit]{
    width:auto;
}
.Cart #formbody input#btnUpdateCart[type="submit"] {
    font-size: 2em;
    margin-top:1.0em;
    float:right;
}

#formbody #customer {
    clear: both;
}
.Login input[type=text]{
    margin-top:.8em;
}
.Login #formheader #RememberMe + label{
    font-size: 1.5em;
}
#login span#UserNameRequired,
#login span#PasswordRequired {
    font-size: 2.0em;
    padding-left: 1em;
}
#passwordfields table {
    width: 100%;
}
#passwordfields table td {
    width: 50%;
}
#passwordfields table td input[type="password"] {
    width: 100%;
}
.Welcome {
    font-size: 2em;
    clear:both;
}
td.LoginError {
    color: #ff0000;
    font-size: 1.6em;
}
table#pwrecovery p {
    font-size: 1.2em;
}
#pwrecovery td,
#resetpasswordbutton
 {
    padding: 0.5em;
    font-size:1.3em;
}
#formbody #pwrecovery td label {
    display: inline-block;
    width: 7.0em;
    font-size:1.2em
}
div#formbody #pwrecovery input[type="text"]{
    width: 10em;
}
.SessionData img{
    width: 1.0em;
}
/* tabs */
section {
  display: none;
  margin-top:20px;
}

input.Tabs,.Hidden,
#fuods {
  display: none;
}

label.Tabs {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

label.Tabs:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label.Tabs:hover {
  color: #888;
  cursor: pointer;
}

input.Tabs:checked + label.Tabs {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid #aaa;
  border-bottom: 1px solid #fff;
  font-size:1.5em;
}

#tab1:checked ~ #area-1,
#tab2:checked ~ #area-2,
#tab3:checked ~ #area-3,
#tab4:checked ~ #area-4 {
  display: block;
}

@media screen and (max-width: 650px) {
  label.Tabs {
    font-size: 0;
  }

  label.Tabs:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  label.Tabs {
    padding: 15px;
  }
}
/* fine tabs */
 header .wrapper nav.right ul li span {
  color: #aaa;
}
#menu-catalog > ul, 
#menu-tools > ul,
#menu-texts > ul {
    float:none;
    position:absolute;
    width:auto;
    height:auto;
    margin-top:-10px;
    background-color:#d2d2d2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.5s linear;
  -moz-transition: visibility 0s, opacity 0.5s linear;
  -o-transition: visibility 0s, opacity 0.5s linear;
  transition: visibility 0s, opacity 0.5s linear;
}
#menu-catalog:hover > ul, 
#menu-tools:hover > ul,
#menu-texts:hover > ul 
{
    visibility: visible;
    opacity: 1;
    float: none;
    height: 100%;
    background-color:#d2d2d2;

}


#menu-catalog > ul li, 
#menu-tools > ul li,
#menu-texts > ul li  {
    float: initial;
	line-height: 2.5em;
    background-color:#d2d2d2;
}
.admin input[type="text"], input[type="email"], input[type="password"] {
    background-color: #dddddd;
    border: 2px dotted #eee;
    font-family: Monospace;
    font-size: 1em;
    text-transform: initial;
}
.admin .WorkingRibbon {
    font-size: 1.5em;
    margin-top:50px;
    background-color:#eee;
}
#navigationbar input[type="text"], input[type="email"], input[type="password"],
.Catalog input[type="text"], input[type="email"], input[type="password"] {
    width:14%;
    border-radius:5px;
    background-color:#fbfaf4;
}

#navigationbar input#fldsendto[type="text"] {
    margin-right: 1em;
    width: 30%;
}
.Admin textarea {
    border-radius:5px;
    background-color:#fbfaf4;
    border: 2px dotted #eeeeee;
    font-size:1.2em;

}

#paneledit #navigationbar{
   border:none;
   padding-bottom:4.0em;

 }
#panelurl{
 margin-top:20px;
 }
#panelurl a.ButtonLink{
 padding-top:0.2em;
 }
#panelhtml{
 width:50%;
 }
.ButtonRibbon {
    background-color: #eeeeee;
    margin-top: 10px;
}
.EditContainer{
    padding:0 10px; /* mantenere sincronizzato con header .wrapper .logo img left */ 
}
.EditContainer.Admin  {
    font-size: 1.5em;
}
span.columnLeft {
 padding: 0.8em 0.8em 0.6em; /* valore da mantenere sincronizzato con input[type="text"] padding*/
}
#labgallery, #labsearchnames {
    display: block;
    float: left;
    width: 5.0em;
}
#formheader label::before,
#formbody label::before,
.ui-dialog label:before  {
    background:none;
}

#formheader label,
#formbody label,
.ui-dialog label:before
{
    margin:.6em .5em 0 0;
}
#Original, #Signed, #Visibility {
    margin-bottom: 0.8em;
}
#formheader label::after,
#formbody label::after,
.ui-dialog label:after  {
    content:none;
}

div#formbody input[type="text"],
div#formbody select
{
    width:20em;
}
div#formbody #gvtexts input[type="text"]
{
    width:12em;
}
div#formbody #fldTitle
{
    font-weight:bold;
}
div#formbody #fldReferences
{
    width:45em;
}
.admin select
{
    padding:.5em;
    margin-bottom:1.0em;
    border:1px solid #aaa
}

div#navigationbar select{
    max-width: 50em;
    width: auto;

}

table#gvresponsibilitylist input[type="text"],
table#gvodlist input[type="text"],
table#gvcopylist input[type="text"]
{
width:100px;
}
div#upcopy input[type="checkbox"] {
    display: inline;
}
#ddlTitles > option {
    font-family: monospace;
}

.column {float: left;margin-right:2.0em;}

.columnLeft, .radio
{
float:left;
width:150px;
text-align:left;
}

.columnRight
{
float:left;
margin-right:10px;
}

input[type="submit"].columnRight
{
margin-top:.1em;
}
.clr
{
clear:left;
line-height:2em;
}

div#fulldescription
{
    height: 200px;
    position: absolute;
    right: 40em;
    top: 19.3em;;
    width: 100px;

}
#fldDescription
{
    width:30em;
    height:18.5em;
}
.Catalog input[type='checkbox'] + label
{
    font-size:1.0em;
}

div#buttonarea
{
    clear:both;
    margin:10px 0;
    padding:10px 0;
    border-top:dotted 1px #666;
}

.EbayHtmlCode
{
width:100%;
height:300px;
}

#paymentlink table.PaymentLink{width:100%;font-size:2.0em;font-family:"Open Sans",serif}
#paymentlink table.PaymentLink th.Summary{height:50px}

.PaymentLink td:nth-child(2n+1) {
    width: 30%;
}
.PaymentLink td:nth-child(2n) {
    width: 70%;
}
.PaymentLink td .FieldContent{
width:80%;
}

#paymentlink #fieldpaymentlink{width:90%}

.ui-widget-header {
    background: none;
    border:none;
    background-color:#999;
    color: #ffffff;
    font-weight: bold;
    height:2.5em;
}
.ui-widget-content {
    background: none;
    background-color:#fff;
 }

#contentpreview{
    font-family:'Open-Sans', serif;
}
#contentpreview .type-image+.CardInfo, #zoomimage{
    display:none;
}
#contentpreview .CardInfo{
    float:right;
    width:50%;
}

#contentpreview .Visiblefalse {
    display: block;
}
#paymentmethodspanel {
    display: none;
}
#administrativearea {
    border-bottom: 1px dotted #aaaaaa;
}
#laberrormessage,#laberrormessage > a {
    color: #9f1319;
    font-weight: 700;
}
/* OLD:inizio */
/* catalog management */

#labAreaHeader
{
font-size:1.2em;
}

#titlearea
{
    display:block;
} 
#titlearea table
{
    width:80%;
}
#titlearea select
{
    width:25%;        
}

div#formheader,
div#formbody
{
    padding:10px 0;
}
div#Wrapper .standard_button
{
   font-size:1em;
   border: 1px solid #999;
   background: #e7e7bd; /*  sand */
   text-decoration: none;
   padding:1px;
   width:120px;
   cursor:pointer;
}
div#Wrapper a.standard_button
{
   font-size:.9em;
   border: 1px solid #999;
   background: #e7e7bd; /*  sand */
   text-decoration: none;
   padding:3px 20px;
   cursor:pointer;
   color:#000;
}

h1.Management
{
   text-transform:capitalize;
   color:#8d0000;
   border-bottom:solid 1px #612b00;
}
div.HelpPage
{
    padding:10px;
    border:double 1px #666;
}

div#navigationbar,
div#OrderArea,
div#OrderItemsArea
{
    border-bottom:double 1px #666;
}

div#ars_form_copy div#navigationbar{height:50px;}
div.FieldsLabel
{
margin-top:10px;
clear:both;
float:left;
width:10%;
}
div.FieldsContent
{
float:left;
width:89%;
}
div#formbody
{
clear:both;
margin-bottom:4.0em;
}

	
#nameDetails, #helpcontainer {
    float: left;
    width: 40%;
    margin-right:2%;
}

.Names #helpcontainer {
    font-size: 1.5em;
    width: 35%;
}

div#OrderArea
{
min-height:150px
}
div#OrderItemsArea,
div#ResponsibilityArea,
div#DigitalObjectArea,
div#CopyArea
{    
  clear:both;
}

input[type="text"]#fldSearchName
{
    max-width:80px;
}
.SearchAValue input[type="text"]#fldSearchName
{
    max-width:none;
}

div#OrderItemsArea div,
div#ResponsibilityArea div,
div#DigitalObjectArea div,
div#CopyArea div
{
    padding-bottom:20px;
 }

div#ResponsibilityArea select#ddlNames
{
width:200px;
}
div#ResponsibilityArea select#ddlRespCodeList
{
width:150px;
}
ul.debug{font-family:Courier;}
/* OLD: fine */
.Admin table {
}
.Admin tr:nth-child(2n+1) {
    background-color:#eee;
}
.Admin th {
    background-color: #aaaaaa;
    font-weight: 700;
    padding:.3em .5em;
}
.Admin th.CellHeading.Title {
    width: 10%;
}
.Admin th.CellHeading.Text {
    width: 50%;
}
.Admin td.CellHeadingCommand{
    text-align:center;
}

.Admin th.RowButton {
  background-color: #888888;
}

.Admin td {
    padding:.4em;
}
.Admin td.Title {
    font-weight: 700;
}
.Admin #dvname td.CellHeading {
    width: 20%;
}
.Admin .ShortText{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:800px;
}

.Admin input[type="submit"], 
.admin input[type="button"],
a.ButtonLink,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    width:auto;
    margin:0 .2em 0 0;
    float:left;
}




.Admin input.Disabled[type="submit"], .Admin input.Disabled[type="submit"] *:hover {
    background-color: #fff;
    border: 2px solid #ccc;
    color: #eee;
}
.Admin #responsibilities input[type="submit"],
.Admin #upcopies input[type="submit"]
{
    margin:0;
}

.Admin td.CellHeadingCommand a{
    float:none;
    display:block;
    margin:0;
}

.Admin .SearchAValue input[type="submit"],
#bwrapperfuods {
    float:none;
    padding:.2em .8em;
}

select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
.Login #login label {font-size:1.7em}
label:after {
    content:'<>';
    font:1.2em "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}
select#ddlswitchlanguage{
    width:200px;
    border:solid 1px #000;
    font-size:1.1em;
    padding:0.8em;
}
ul.PaymentType,ul.ShippingFeatures,.text-wrapper .field-items ul  {
    font-size: 1.6em;
    padding-left: 20px;
    line-height:2.0em;
}

.Admin tr.SelectedRow{
 background-color:#5f9ea0;
}
    /* certificato di autenticità e provenienza */

#authenticity {
    font-family:'Open Sans',serif;
}
#authenticity #folio{
    opacity:1;
}
#authenticity #folio .CardInfo{
    float:none;
    width:100%;
}

#authenticity h1 {
    font-size:2.6em;
    margin:0;
    padding:0;
}
.User h2,
#authenticity h1,
#authenticity #folio .CardInfo h2,
#authenticity #folio .CardInfo .Description,
#authenticity #folio .CardInfo .type-image{
    text-align:center;
}
#authenticity .type-image{
    margin:3em 0;
    float:none;
    width:100%;
}
#authenticity .type-image img{
    width:60%;
}


/* Pagamento con carta di credito */
#arshopdata, .Payment header #filterartist, .Payment header nav {
    display: none;
}
.Payment header #arshopdata {
    display: block;
    float:right;
    margin-right:3.0em;
}
.Payment .column {
    float:none;
}
.Payment .column .FieldName.Cols2 {
    width:30%;
}
.Payment #creditcarddata, 
.Payment #merchantmessage,
.Payment #userdata {
    margin: 100px auto 0 auto;
    padding: 0;
    width: 50%;
}

#creditcarddata colum{
    float:none;
}
#creditcarddata FieldName.Cols2{
    width:30%;
}

.Payment table.Order {
    width: 100%;
}
.Payment h1{
    font-size: 3.0em;
    padding:2.0em 0;
    text-align:center;
}
.Payment th.Summary {
    font-size: 2em;
    padding-bottom: 2em;
}
.Payment label:before{
    background: none;
    content:'';
}
.Payment label{
    font-size:2.0em;
}
.Payment label:after{
    content:'';
}
.Payment #merchantmessage {
    font-size: 2em;
    line-height: 2em;
}
.Payment input[type="text"], 
.Payment input[type="email"], 
.Payment input[type="password"] {
    font-size: 1.2em;
}
.Payment #arsbuttonarea{
    font-size:1.8em;
}
.Payment #validationmessage span {
    display: block;
}
/* Ordine */
#orderitems{
  clear:both;
  margin:50px 0 0 0;
}
.SearchOrderItem {
    margin-top: 20px;
}
.OrderItems {
    margin-bottom: 20px;
}
.EmptyField {
    line-height: 7.5em;
}
/* Ajax panel */
         .ModalBackground
    {
        background-color: Black;
        filter: alpha(opacity=40);
        opacity: 0.4;
    }
    .ModalPopup, .UserDetail
    {
        background-color: #FFFFFF;
        width: 300px;
        border: 3px solid #0DA9D0;
        padding:10px;
    }
    .ModalPopup .Header, .UserDetail .Header
    {
        background-color: #2FBDF1;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .ModalPopup .Body, .UserDetail .Body
    {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        padding:5px
    }
    .ModalPopup .Footer, .UserDetail .Footer
    {
        padding: 3px;
    }
    .ModalPopup .button, .UserDetail .button 
    {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
        background-color: #9F9F9F;
        border: 1px solid #5C5C5C;
    }
    .ModalPopup td, .User td
    {
        text-align:left;
    }
.AxButton{
    display:none;
} 
#pnpopup {
    background-color: #ffffff;
    padding: 2em;
    width: 50%;
}
#pnpopup.CopyDetail {
    width: 50%;
}

#pnpopup  td {
    margin: 0 0 0 .5em;
}

#pnpopup  .CellHeading {
    padding:.1em 1.0em;
}
#pnpopup input[type="text"] {
    padding:.1em .4em;
    margin-top:.1em;
}
#pnpopup  .CopyDetail {
    width: 24%;
}

.ValidationMessage  {
    display:inline;
    color: ##9f1319;
}
div.ArsPackLabel {
    background-image: url("gfx/eva-label-background.png");
    background-position: left top;
    background-repeat: no-repeat;
    width: 500px;
}
table.ArsPackLabel {
    font-family: Georgia;
    width: 500px;
}

th.ArsPackLabelValue {
    background-image: url("gfx/eva-label-logotype.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: 2px solid #800000;
    font-size: 10pt;
    height: 45px;
    padding-top: 15px;
    text-align: right;
}
td.ArsPackLabelValue {
    border-bottom: 2px solid #612b00;
    font-size: 22pt;
    font-weight: bold;
    height: 40px;
    letter-spacing: 1px;
}
div.ArsPackagingNote, div.ArsInvoiceNote {
    border: 1px solid #612b00;
    margin-top: 20px;
    padding: 5px;
}

div.ArsWarning {
    padding: 5px 0;
}

.TitleSection {
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 1em;
}
/* */
/* Errori */
.ArsError{font-size:2.0em;
}
/* Documentazione utente */
div#docUser
{
  margin: 10px;
   font: small/18px "Open Sans",sans-serif;
}
#docUser h1, h2, h3, h4 {
   font-style:  initial;
   padding:0;
   margin:1.0em 0;
}

#docUser .element_name {
   font-family: "Courier";
}

#docUser .element_value {
   font-weight: bold;
}

#docUser .object_name {
   color: #808080;
   font-weight: bold;
}

#docUser dl {
	margin: 0;
	padding: 0;
	}

#docUser dt, dd {
	margin-top: 3px;
	font-size: 95%;
	}
#docUser dt{
    font-weight:700;
	}

#docUser dd {
	margin-left: 30px;
	padding-left: 0;
	line-height: 17px;
	margin-bottom: 2px;
	margin-left: 40px;
	line-height: 17px;
	margin-bottom: 5px;
	font-size: 90%;
	}

	#trialversion {
	/* clear: both; */
	margin: auto;
	display: block;
	/* text-align: center; */
	width: 65%;
	float: none;
	background-color: #000;
	color: #fff;
}
#arshop .column.center {
    width: 100%;
    left: 0
}

#arshop .text {
    float: left;
    width: 50%;
}

#arshop .list {
    border-left: solid 1px;
    padding-left: 2.0em;
}

.text.list ul {
    font-size: 1.5em
}