body {
  font-family: 'Roboto Condensed', sans-serif;
  background: #F1F1F1;
  width: 100%;
  height: 100%; }

.roboto-h {
  font-weight: 700; }

.no-padding {
  padding-left: 0;
  padding-right: 0; }

.md-viewer-wait-container {
  background-color: #FFF; }

.spinner-layer {
  border-color: #999; }

.powered {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 11px; }
  .powered a {
    color: #999; }

.page-title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 26px; }
  .page-title span {
    font-size: 22px;
    color: #666; }
  .page-title a {
    color: #999;
    text-decoration: none; }
  .page-title i {
    font-size: 20px; }

.page-back {
  margin-top: 40px;
  margin-bottom: 20px; }
  .page-back a {
    color: #999; }

.page-product {
  position: relative;
  border: 5px solid #fff;
  box-shadow: 0 0 5px #ddd;
  margin: 1em;
  font-size: 20px; }
  .page-product p {
    margin-top: 15px;
    font-weight: bold; }
  .page-product a {
    display: block;
    overflow: hidden;
    color: #000; }
    .page-product a img {
      -webkit-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    .page-product a:hover {
      color: #999;
      text-decoration: none; }
      .page-product a:hover img {
        -webkit-transform: scale3d(1.2, 1.2, 1);
        transform: scale3d(1.2, 1.2, 1); }

#viewer-table {
  width: 100%;
  height: 95%; }

.zoom {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 100; }
  .zoom a {
    padding: 10px 5px;
    color: #FFFFFF;
    background: #d5d5d5; }

.button3D {
    position: absolute;
    top: 15px;
    right: 85px;
    z-index: 100; }
    .button3D a {
        padding: 10px 5px;
        color: #FFFFFF;
        background: #d5d5d5; }    

.button2D {
    position: absolute;
    top: 15px;
    right: 50px;
    z-index: 100; }
    .button2D a {
        padding: 10px 5px;
        color: #FFFFFF;
        background: #d5d5d5; }          

.md-viewer-canvas-container .md-viewer-canvas-constrols, .md-viewer-canvas-container .md-viewer-canvas-zoom-controls-top-left, .md-viewer-canvas-container .md-viewer-canvas-zoom-controls-top-right, .md-viewer-canvas-container .md-viewer-canvas-zoom-controls-bottom-left, .md-viewer-canvas-container .md-viewer-canvas-zoom-controls-bottom-right, .md-viewer-canvas-container .md-viewer-canvas-status-controls-top-left, .md-viewer-canvas-container .md-viewer-canvas-status-controls-top-right, .md-viewer-canvas-container .md-viewer-canvas-status-controls-bottom-left, .md-viewer-canvas-container .md-viewer-canvas-status-controls-bottom-right, .md-viewer-canvas-container .md-viewer-canvas-view-controls-top-left, .md-viewer-canvas-container .md-viewer-canvas-view-controls-top-right, .md-viewer-canvas-container .md-viewer-canvas-view-controls-bottom-left, .md-viewer-canvas-container .md-viewer-canvas-view-controls-bottom-right {
  background-color: #AAA; }

.md-viewer-canvas-container .mdvcc-btn, .md-viewer-canvas-container .mdvcc-btn-inline {
  background-color: #AAA; }

.md-viewer-canvas-container .mdvcc-btn:hover, .md-viewer-canvas-container .mdvcc-btn-inline:hover {
  background-color: #AAA; }

.md-viewer-canvas-container .mdvcc-divider, .md-viewer-canvas-container .mdvcc-vertical-divider {
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF; }

.configuratore {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
  background: #FFFFFF; }
  .configuratore .varianti-categorie .varianti-categorie-item a {
    display: block;
    font-size: 14px;
    color: #333;
    text-decoration: none; }
    .configuratore .varianti-categorie .varianti-categorie-item a:hover {
      background: #FAFAFA; }
  .configuratore .varianti-categorie .varianti-categorie-item.active {
    background: #F1F1F1; }
  .configuratore .varianti-elementi {
    overflow-y: scroll; 
    padding-top: 15px;
    padding-bottom: 15px;
    background: #F1F1F1; }
    .configuratore .varianti-elementi .varianti-elementi-item {
      float: left;
      margin-bottom: 10px;
      padding-left: 8px;
      padding-right: 8px;
      font-size: 12px; }
      .configuratore .varianti-elementi .varianti-elementi-item a {
        display: inline-block;
        width: 70px;
        height: 70px;
        color: #333;
        border: 2px solid #F1F1F1; }
        .configuratore .varianti-elementi .varianti-elementi-item a:hover {
          border: 2px solid #000000; 
          -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
          -moz-box-sizing: border-box;    /* Firefox, other Gecko */
          box-sizing: border-box;         /* Opera/IE 8+ */
        }
      .configuratore .varianti-elementi .varianti-elementi-item p {
        margin-top: 10px;
        font-weight: 700; }
      .configuratore .varianti-elementi .varianti-elementi-item.active a {
        border: 2px solid #FF0000; 
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */}

.varianti-elementi-content {
  position: absolute; }

/* COLORAZIONI */
.base1 {
  background: #D6BE9C; }

.base2 {
  background: #DAE5E2; }

.base3 {
  background: #4D403B; }

.base4 {
  background: #6E6D6B; }

.base5 {
  background: #87566A; }

.base6 {
  background: #D5B979; }

.base7 {
  background: #C0CDC8; }

.base8 {
  background: #68422F; }

.base9 {
  background: #9A6A7A; }

.base10 {
  background: #1E2329; }

.base11 {
  background: #383330; }

.base12 {
  background: #98162B; }

.base13 {
  background: #E3592E; }

.base14 {
  background: #D56AA5; }

.base15 {
  background: #C24B2B; }

.base16 {
  background: #D5CCB9; }

.base17 {
  background: #E8F3F5; }

.base18 {
  background: #88C546; }

.base19 {
  background: #43451D; }

.base20 {
  background: #9AC8C3; }

.base21 {
  background: #3C302B; }

.base22 {
  background: #BA9148; }

.base23 {
  background: #96B0B3; }

.base24 {
  background: #77526A; }

.piano1 {
  background: #E9D8C0; }

.piano2 {
  background: #E6F1EC; }

.piano3 {
  background: #483D34; }

.piano4 {
  background: #858582; }

.piano5 {
  background: #A6ACAC; }

.piano6 {
  background: #421B0E; }

.piano7 {
  background: #2A292E; }

.piano8 {
  background: #BD4C2A; }

.piano9 {
  background: #CFBDAE; }

.piano10 {
  background: #4E5A2A; }

.piano11 {
  background: url(../img/finiture/noce-canaletto.jpg); }

.piano12 {
  background: url(../img/finiture/rovere-grigio.jpg); }

.piano13 {
  background: url(../img/finiture/rovere-naturale.jpg); }

.piano14 {
  background: #9F8781; }

.piano15 {
  background: #D6BE9C; }

.piano16 {
  background: #DAE5E2; }

.piano17 {
  background: #4A3E40; }

.piano18 {
  background: #6E6D6B; }

.piano19 {
  background: #A9ADAC; }

.piano20 {
  background: #D5B979; }

.piano21 {
  background: #C0CDC8; }

.piano22 {
  background: #68422F; }

.piano23 {
  background: #1E2329; }

.piano24 {
  background: #E3592E; }

.struttura1 {
  background: #D6BE9C; }

.struttura2 {
  background: #DAE5E2; }

.struttura3 {
  background: #4D403B; }

.struttura4 {
  background: #6E6D6B; }

.struttura5 {
  background: #87566A; }

.struttura6 {
  background: #D5B979; }

.struttura7 {
  background: #C0CDC8; }

.struttura8 {
  background: #68422F; }

.struttura9 {
  background: #9A6A7A; }

.struttura10 {
  background: #1E2329; }

.struttura11 {
  background: #383330; }

.struttura12 {
  background: #98162B; }

.struttura13 {
  background: #E3592E; }

.struttura14 {
  background: #D56AA5; }

.struttura15 {
  background: #C24B2B; }

.struttura16 {
  background: #D5CCB9; }

.struttura17 {
  background: #E8F3F5; }

.struttura18 {
  background: #88C546; }

.struttura19 {
  background: #43451D; }

.struttura20 {
  background: #9AC8C3; }

.struttura21 {
  background: #3C302B; }

.struttura22 {
  background: #BA9148; }

.struttura23 {
  background: #96B0B3; }

.struttura24 {
  background: #77526A; }

.schiena-flute1 {
  background: #FFFFFF; }

.schiena-flute2 {
  background: #16171C; }

.schiena-flute3 {
  background: #E3592E; }

.schiena-flute4 {
  background: #D56AA5; }

.schiena-flute5 {
  background: #C44D2B; }

.schiena-flute6 {
  background: #D5CCB9; }

.schiena-flute7 {
  background: #92D7DE; }

.schiena-flute8 {
  background: #88C546; }

.schiena-flute9 {
  background: #43451B; }

.schiena-flute10 {
  background: #D3D2D6; }

.schiena-flute11 {
  background: #D1C088; }

.schiena-flute12 {
  background: #C99273; }

.struttura-flute1 {
  background: #FFFFFF; }

.struttura-flute2 {
  background: #3C322C; }

.struttura-flute3 {
  background: #000000; }

.struttura-flute4 {
  background: url(../img/finiture/cromo-lucido.jpg); }

.seduta-flute1 {
  background: #FFFFFF; }

.seduta-flute2 {
  background: #4F4949; }

.seduta-flute3 {
  background: #F3C18E; }

.seduta-flute4 {
  background: #97B4C6; }

.seduta-flute5 {
  background: #EACE85; }

.seduta-flute6 {
  background: #A1D7B5; }

.seduta-flute7 {
  background: #DC96EC; }

.schiena-kelly1 {
  background: #FFFFFF; }

.schiena-kelly2 {
  background: #4F4949; }

.schiena-kelly3 {
  background: #F3C18E; }

.schiena-kelly4 {
  background: #97B4C6; }

.schiena-kelly5 {
  background: #EACE85; }

.schiena-kelly6 {
  background: #A1D7B5; }

.schiena-kelly7 {
  background: #DC96EC; }

.schiena-kelly8 {
  background: #F7C7B9; }

.schiena-kelly9 {
  background: #44413A; }

.base1r {
  background: url(../img/finiture/noce-canaletto.jpg); }

.base2r {
  background: url(../img/finiture/rovere-grigio.jpg); }

.base3r {
  background: url(../img/finiture/rovere-naturale.jpg); }

.base4r {
  background: url(../img/finiture/wenge.jpg); }

.struttura1r {
  background: url(../img/finiture/noce-canaletto.jpg); }

.struttura2r {
  background: url(../img/finiture/rovere-grigio.jpg); }

.struttura3r {
  background: url(../img/finiture/rovere-naturale.jpg); }

.struttura4r {
  background: #D6BE9C; }

.struttura5r {
  background: #DAE5E2; }

.struttura6r {
  background: #4D403B; }

.struttura7r {
  background: #6E6D6B; }

.struttura8r {
  background: #87566A; }

.struttura9r {
  background: #D5B979; }

.struttura10r {
  background: #C0CDC8; }

.struttura11r {
  background: #9A6A7A; }

.struttura12r {
  background: #1E2329; }

.struttura13r {
  background: #383330; }

.struttura14r {
  background: #98162B; }

.struttura15r {
  background: #E3592E; }

.struttura16r {
  background: #D56AA5; }

.struttura17r {
  background: #D5CCB9; }

.struttura18r {
  background: #2D2D2D; }

.struttura19r {
  background: url(../img/finiture/wenge.jpg); }

.tessuto-sofa1 {
  background: url(../img/finiture/sofa1.jpg); }

.tessuto-sofa2 {
  background: url(../img/finiture/sofa2.jpg); }

.tessuto-sofa3 {
  background: url(../img/finiture/sofa3.jpg); }

.tessuto-sofa4 {
  background: url(../img/finiture/sofa4.jpg); }
  
.tessuto-sofa5 {
  background: url(../img/finiture/sofa5.jpg); }

.tessuto-sofa6 {
  background: url(../img/finiture/sofa6.jpg); }

 .tessuto-sofa7 {
  background: url(../img/finiture/sofa7.jpg); }

.base-sofa1 {
  background: url(../img/finiture/noce-canaletto.jpg); }

.base-sofa2 {
  background: url(../img/finiture/rovere-grigio.jpg); }

.base-sofa3 {
  background: url(../img/finiture/rovere-naturale.jpg); }

.base-sofa4 {
  background: url(../img/finiture/wenge.jpg); }

.md-viewer-wait-container {
    background-color: rgba(50, 50, 50, 0);
}


@media (max-width: 767px) {
  .page-title {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 20px;
    text-align: center; }
    .page-title span {
      font-size: 16px;
      color: #666; }

  .page-back {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px; }
    .page-back a {
      color: #999; }

  #viewer-table {
    width: 100%;
    height: 525px; }

  .configuratore {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    background: #FFFFFF; }
    .configuratore-content {
        position: static;
        margin-top: 30px;
        margin-bottom: 60px;
    }
    .configuratore .varianti-categorie {
      /*border-top: 1px solid #F1F1F1;*/ }
      .configuratore .varianti-categorie .varianti-categorie-item a {
        display: block;
        font-size: 14px;
        color: #333;
        text-decoration: none; }
        .configuratore .varianti-categorie .varianti-categorie-item a:hover {
          background: #FAFAFA; }
      .configuratore .varianti-categorie .varianti-categorie-item.active {
        background: #F1F1F1; }
        .configuratore .varianti-categorie .varianti-categorie-item.active a {
          background: #F1F1F1; }
          .configuratore .varianti-prodotti {
              text-align: center;
              margin-top: 15px;
          }
          .configuratore .varianti-prodotti select {
            width: 100%;
        }
    .configuratore .varianti-elementi {
      overflow-y: scroll;
      padding-top: 15px;
      padding-bottom: 15px;
      background: #F1F1F1;
      height: 180px; }
      .configuratore .varianti-elementi .varianti-elementi-item {
        float: left;
        margin-bottom: 10px;
        padding-left: 8px;
        padding-right: 8px;
        font-size: 12px; }
        .configuratore .varianti-elementi .varianti-elementi-item a {
          display: inline-block;
          width: 50px;
          height: 50px;
          color: #333;
          border: 2px solid #F1F1F1; }
          .configuratore .varianti-elementi .varianti-elementi-item a:hover {
            border: 2px solid #000000; 
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
            box-sizing: border-box;         /* Opera/IE 8+ */
            }
        .configuratore .varianti-elementi .varianti-elementi-item p {
          margin-top: 10px;
          font-weight: 700; }
        .configuratore .varianti-elementi .varianti-elementi-item.active a {
          border: 2px solid #FF0000; 
          -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
          -moz-box-sizing: border-box;    /* Firefox, other Gecko */
          box-sizing: border-box;         /* Opera/IE 8+ */
        } }
@media (min-width: 768px) and (max-width: 991px) {
  #viewer-table {
    width: 100%;
    height: 525px; }

  .configuratore {
    margin-bottom: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    background: #FFFFFF; }
    .configuratore .varianti-categorie .varianti-categorie-item a {
      display: block;
      font-size: 14px;
      color: #333;
      text-decoration: none; }
      .configuratore .varianti-categorie .varianti-categorie-item a:hover {
        background: #FAFAFA; }
    .configuratore .varianti-categorie .varianti-categorie-item.active {
      background: #F1F1F1; }
    .configuratore .varianti-elementi {
      overflow-y: scroll;
      height: 240px; }
      .configuratore .varianti-elementi .varianti-elementi-item {
        float: left;
        margin-bottom: 10px;
        padding-left: 8px;
        padding-right: 8px;
        font-size: 12px; }
        .configuratore .varianti-elementi .varianti-elementi-item a {
          display: inline-block;
          width: 55px;
          height: 55px;
          color: #333;
          border: 2px solid #F1F1F1; }
          .configuratore .varianti-elementi .varianti-elementi-item a:hover {
            border: 2px solid #000000; 
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
            box-sizing: border-box;         /* Opera/IE 8+ */
        }
        .configuratore .varianti-elementi .varianti-elementi-item p {
          margin-top: 10px;
          font-weight: 700; }
        .configuratore .varianti-elementi .varianti-elementi-item.active a {
          border: 2px solid #FF0000; 
          -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
          -moz-box-sizing: border-box;    /* Firefox, other Gecko */
          box-sizing: border-box;         /* Opera/IE 8+ */} }
@media (min-width: 992px) and (max-width: 1199px) {
  .configuratore {
    margin-bottom: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    background: #FFFFFF; }
    .configuratore .varianti-categorie .varianti-categorie-item a {
      display: block;
      font-size: 14px;
      color: #333;
      text-decoration: none; }
      .configuratore .varianti-categorie .varianti-categorie-item a:hover {
        background: #FAFAFA; }
    .configuratore .varianti-categorie .varianti-categorie-item.active {
      background: #F1F1F1; }
    .configuratore .varianti-elementi .varianti-elementi-item {
      float: left;
      margin-bottom: 10px;
      padding-left: 8px;
      padding-right: 8px;
      font-size: 12px; }
      .configuratore .varianti-elementi .varianti-elementi-item a {
        display: inline-block;
        width: 58px;
        height: 58px;
        color: #333;
        border: 2px solid #F1F1F1; }
        .configuratore .varianti-elementi .varianti-elementi-item a:hover {
          border: 2px solid #000000;
          -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
          -moz-box-sizing: border-box;    /* Firefox, other Gecko */
          box-sizing: border-box;         /* Opera/IE 8+ */
         }
      .configuratore .varianti-elementi .varianti-elementi-item p {
        margin-top: 10px;
        font-weight: 700; }
      .configuratore .varianti-elementi .varianti-elementi-item.active a {
        border: 2px solid #FF0000; 
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
        } }

/*# sourceMappingURL=style.css.map */