@charset "UTF-8";
/* CSS Document */

/* ----container  e navigazione ---- */
body {
  background-color: #dcdcdc !important;
  /*background-color: #ffffff;*/
  font-size: 15px;
}

#menusx li {
  float: none !important;
  margin-right: 0px !important;
  cursor: pointer;
}

#dettagli {
  vertical-align: top;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
}

.marginplus {
  margin-right: 20px;
}

#dettaglititolo {
  margin-bottom: 20px;
  color: #337ab7;
  text-decoration: none;
}

#navbar li {
  margin-right: 0px !important;
}

.widdy {
  width: 100% !important;
}

.container,
.container2 {
  background-color: #ffffff;
}
.navbar {
  border: 0px !important;
  /*margin-bottom: 0px !important;*/
}
.navbar-brand {
  float: left !important;
  height: auto !important;
  padding: 0px 0px !important;
  font-size: 18px !important;
  line-height: 20px !important;
}

.nav > li > a {
  position: relative !important;
  display: block !important;
  padding: 10px 15px !important;
  padding-top: 0px !important;
  padding-right: 15px !important;
  padding-bottom: 0px !important;
  padding-left: 15px !important;
}

.navbar-default {
  background-color: #ffffff !important;
  border-color: #e7e7e7 !important;
  margin-top: 20px !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #818181 !important;
  background-color: #e7e7e7 !important;
}

.navbar-brand img {
  padding-right: 30px !important;
}

.navbar-default .navbar-nav .active a {
  color: #ff0000 !important;
  background-color: transparent !important;
}

.container,
.jumbotron,
.container-fluid .jumbotron {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

#container3 {
  background-color: #fff;
}

.jumbotron {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: transparent;
}

.jumbotron img {
  max-width: 100%;
}

.design {
  text-align: right;
  padding-right: 50px;
}

a#rollbusta {
  background-image: url("../../immagini/busta.png");
  width: 62px;
  height: 28px;
  display: block;
}

#novitabtn {
  text-align: center;
  width: 100%;
  height: 50%;
  margin-top: 10px;
  background-color: #ff0000;
}

#paroletesto {
  padding-top: 20px;
  vertical-align: middle;
}

.table-borderless td,
.table-borderless th {
  border: 0 !important;
}

.table-nopadding td,
.table-nopadding th {
  padding: 0px !important;
}

.btn.disabled {
  background-color: red !important;
  color: white !important;
}
.divctat {
  font-weight: bold;
  color: #000;
  margin-bottom: 5px;
}
.boldblack {
  font-weight: bold;
  color: #000;
}

.mappadim {
  width: 700px;
  height: 480px;
}

.staffpic {
  width: 113px;
  height: 139px;
}

.horizspace {
  width: 21%;
}
.bordred {
  border-bottom: 1px solid #ff0000 !important;
}
.spacefive {
  width: 5px;
}

.stafftd {
  border-top: 0px !important;
  vertical-align: middle !important;
  line-height: normal !important;
}

.stafftable td,
.stafftable th {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.searchalign {
  text-align: right !important;
}
#Select1 {
  width: 30%;
}
#Text1 {
  width: 60%;
  height: 55px;
}

.ui-autocomplete {
  width: 30%;
  max-height: 200px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding to account for vertical scrollbar */
  padding-right: 20px;
}

* html .ui-autocomplete {
  height: 100px;
  width: 30%;
}
.ui-button {
  margin-left: -1px;
}
.ui-button-icon-only .ui-button-text {
  padding: 0.35em;
}
.ui-autocomplete-input {
  margin: 0;
  padding: 0.48em 0 0.47em 0.45em;
  width: 280px;
}
#txNote {
  width: 100%;
}
.Caratteristiche {
  width: 45%;
  padding-bottom: 10px;
}
#percorso {
  width: 45%;
}
.Bottoni {
  text-align: left;
}
#invialarichiesta {
  text-align: center;
}
.caratteristiche {
  font-size: 12px;
  margin: 0;
  padding: 0.48em 0 0.47em 0.45em;
  width: 30%;
  border: 1px solid #aaa /*{borderColorContent}*/;
  -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
  -khtml-border-bottom-left-radius: 4px /*{cornerRadius}*/;
  border-bottom-left-radius: 4px /*{cornerRadius}*/;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0.2em 0.4em;
  line-height: 1.5;
  zoom: 1;
  font-size: 1.5em !important;
}
a#socialfacebook {
  background-image: url("../../Immagini/socialicons/facebook28_on.png");
  width: 28px;
  height: 28px;
  display: block;
}
a#socialfacebook span {
  display: none;
}
a#socialfacebook:hover {
  background: url("../../Immagini/socialicons/facebook28.png");
  background-repeat: no-repeat;
  border: none;
}
a#socialyoutube {
  background-image: url("../../Immagini/socialicons/youtube28_on.png");
  width: 28px;
  height: 28px;
  display: block;
}
a#socialyoutube span {
  display: none;
}
a#socialyoutube:hover {
  background: url("../../Immagini/socialicons/youtube28.png");
  background-repeat: no-repeat;
  border: none;
}
a#socialinsta {
  background-image: url("../../Immagini/socialicons/instagram28_on.png");
  width: 28px;
  height: 28px;
  display: block;
}
a#socialinsta span {
  display: none;
}
a#socialinsta:hover {
  background: url("../../Immagini/socialicons/instagram28.png");
  background-repeat: no-repeat;
  border: none;
}
a#socialgoogle {
  background-image: url("../../Immagini/socialicons/google28_on.png");
  width: 28px;
  height: 28px;
  display: block;
}
a#socialgoogle span {
  display: none;
}
a#socialgoogle:hover {
  background: url("../../Immagini/socialicons/google28.png");
  background-repeat: no-repeat;
  border: none;
}
a#socialphone {
  background-image: url("../../Immagini/socialicons/phone28.png");
  width: 28px;
  height: 28px;
  display: block;
}
a#socialphone span {
  display: none;
}
a#socialphone:hover {
  background: url("../../Immagini/socialicons/phone_on28.png");
  background-repeat: no-repeat;
  border: none;
}
a#sellcondition {
  background-image: url("../../Immagini/socialicons/condizioni28.png");
  width: 28px;
  height: 28px;
  display: block;
}
a#sellcondition span {
  display: none;
}
a#sellcondition:hover {
  background: url("../../Immagini/socialicons/condizioni28_on.png");
  background-repeat: no-repeat;
  border: none;
}

.top42 {
  width: 42px;
  text-align: center;
}
.top60 {
  width: 60px;
  text-align: center;
}
.top150 {
  width: 150px;
  text-align: left;
}

.top300 {
  width: 300px;
  text-align: left;
}

.hide {
  width: 0px;
  height: 0px;
}

.topSectionColor {
  background-color: #0d1216;
  color: white;
}

.topText {
  color: white;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  padding-left: 5px;
  font-weight: bold;
  text-align: left;
  line-height: 15px;
  padding-bottom: 3px;
}

.topTextAccess {
  color: white;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  padding-left: 5px;
  font-weight: bold;
  text-align: left;
  line-height: 15px;
  padding-bottom: 3px;
}

#spacerriganera {
  width: 40%;
}

.ui-autocomplete-input {
  margin: 0;
  padding: 0.48em 0 0.47em 0.45em;
  width: 70% !important;
}

.imgauto {
  width: auto !important;
  height: auto !important;
}

#wrappo {
  margin-top: 50px;
  float: left;
  margin-left: 180px;
  margin-bottom: 50px;
}
.input-sm {
  height: 24px !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
}

.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #ff0000 !important;
  border-color: #ff0000 !important;
}

/* ----stili fonts ---- */

a.clickhere:link,
a.clickhere:visited,
a.clickhere:active {
  color: #818181;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 11px;
  line-height: 20px;
  text-decoration: none;
  text-align: left;
}

.menutxt {
  color: #818181;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 11px;
  line-height: 20px;
  text-decoration: none;
  text-align: left;
}

.menutxt2 {
  color: #ffffff;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 11px;
  line-height: 20px;
  text-decoration: none;
  text-align: left;
}

.menutxt6 {
  color: #818181;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  font-style: italic;
  text-decoration: none;
  text-align: left;
}

.menutxt7 {
  color: #818181;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  text-decoration: none;
  text-align: left;
}

.testomenu {
  color: #818181;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none !important;
  padding-left: 5px;
  text-align: left;
  padding-top: 54px;
}

.testo {
  color: #818181;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 11px;
  line-height: 12px;
  font-style: italic;
  text-decoration: none;
  text-align: left;
}

.testobianco {
  color: #ffffff;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 10px;
  line-height: 24px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}

a.testobianco2:link,
a.testobianco2:visited,
a.testobianco2:active {
  color: #ffffff;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 10px;
  line-height: 24px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}

.testofoto {
  color: #818181;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 11px;
  line-height: 42px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}

.black-background {
  background-color: #000000;
}
.grey-background {
  background-color: #818181;
}
.grey {
  color: #818181;
}

a.novitaday {
  color: #ffffff;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 11px;
  line-height: 56px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}

.maxwidth {
  max-width: 926px;
}

.carousel {
  margin-bottom: 0;
  padding: 20px 20px 0px 20px;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.005) 100%
  ) !important;
}

.carousel-control.left {
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  ) !important;
}

.carousel-control.right {
  background-image: linear-gradient(
    to left,
    rgba(255, 255, 255, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  ) !important;
}

.testored {
  color: #ff0000;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 8px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}

.borderred {
  border-bottom: solid #ff0000 1px;
  border-top: solid #dcdcdc 1px;
}
.spacing {
  padding-top: 10px;
  padding-left: 35px;
  padding-right: 25px;
}

#novitabtn {
  text-align: center;
  width: 100%;
  height: 23%;
  margin-top: 10px;
  background-color: #ff0000;
}

#leicadealer,
#canondealer,
#nikondealer,
#zeiss,
#olympus,
#fujifilm,
#fotoscelte,
#squarebanner {
  text-align: center;
  padding-bottom: 10px;
}

#canon,
#nikon,
#leica {
  text-align: center;
}

.widthfull {
  width: 100%;
}

.heightfull {
  height: 100%;
}

#titlepg {
  height: 42px;
}

.titlepgleft {
  float: left;
  margin-left: 25px;
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
  color: #818181;
  font-size: 20px;
}

.titlepgright {
  float: right;
  line-height: 42px;
  vertical-align: middle;
  text-align: left;
  padding-right: 20px;
  color: #000000;
  font-size: 12px;
}

.nerofoot {
  height: 13px;
  background-color: #000000;
  margin: 0;
}

.testopage {
  color: #000000;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 0.7em;
  line-height: 1.2em;
  text-decoration: none;
  text-align: left;
}

.testopagebold {
  color: #000000;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 0.7em;
  line-height: 1.2em;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
}

.findfield {
  width: 133px;
}

.table-borderless td,
.table-borderless th {
  border: 0px !important;
}

.table-nopadding td,
.table-nopadding th {
  padding: 0px !important;
}

.table-responsive {
  border: 0px !important;
}

.matertitolo {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}
.matertitolo2 {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  padding-left: 5px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
  position: absolute;
  top: 43px;
  right: -90px !important;
  width: 32px;
  height: 135px;
  cursor: pointer;
  background: transparent url(next-horizontal.png) no-repeat 0 0;
}
/*.col-sm-9 {
    width: 79% !important;
}*/

.buttonlogin {
  width: 100px;
  background-color: #000000;
  text-align: center;
}

.tabcontact {
  width: 71px;
}

.tabvendita {
  width: 150px;
}

.loganimato {
  display: none;
  position: absolute;
  z-index: 100;
  height: 200px;
  width: 200px;
  margin-left: 280px;
  background-color: #000000;
}

.tablenoborder {
  border: 0px !important;
}

#tabmarche {
  float: left;
  height: auto;
  padding-left: 15px;
  padding-bottom: 30px;
  width: 63%;
}
#taboccasioni {
  float: left;
  height: auto;
  padding-left: 15px;
  padding-bottom: 30px;
  width: 80%;
}

.ad-nav-largo {
  margin-bottom: 20px;
  margin-left: 5px;
  top: 0px;
  left: 34px;
}

/*.col-sm-1-5 { width: 12.5%; } /* = 8.3333 + 4,16667*/
/*.col-sm-2-5 { width: 20.83333%; } /* = 16,6666 + 4,16667*/
/*.col-sm-3-5 { width: 29.16667%; } /* = 25 + 4,16667*/
/*.col-sm-4-5 { width: 37.5%; } /* = 33,3333 + 4,16667*/
/*.col-sm-5-5 { width: 45.83333%; } /* = 41,6667 + 4,16667*/
/*.col-sm-6-5 { width: 54.16667%; } /* = 50 + 4,16667*/
/*.col-sm-7-5 { width: 62.5%; } /* = 58,3333 + 4,16667*/
/*.col-sm-8-5 { width: 70.83333%; } /* = 66,6666 + 4,16667*/
/*.col-sm-9-5 { width: 79.16667%; } /* = 75 + 4,16667*/
/*.col-sm-10-5 { width: 87.5%; } /* = 83,3333 + 4,16667*/
/*.col-sm-11-5 { width: 95.8333%; } /* = 91,6666 + 4,16667*/
/* .col-sm-9 { width: 79.16667% !important; } /* = 75 + 4,16667*/

.text-white {
  color: #fff !important;
}

.p-3 {
  padding: 1rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.bg-info {
  background-color: #6c757d !important;
}

.noctxt9 {
  color: #6b6b6b;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-align: left;
}

table.dataTable.no-footer {
  border-bottom: 0px !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 0px !important;
}

.dataTables_scrollBody {
  background: none !important;
}

.eventidesc {
  color: #000000;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  padding-left: 5px;
  text-align: left;
  line-height: 15px;
}

.dataeventi {
  color: #000000;
  font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
    Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  padding-left: 5px;
  text-align: left;
  line-height: 15px;
}

/*--------------------------------- MEDIASCREEN ----------------------------------------*/

@media screen and (min-width: 1801px) and (max-width: 6000px) {
  .imagohome {
    width: 29%;
  }
  .attention {
    width: 594px;
    text-align: center;
  }
  .table-responsive {
    width: 100%;
  }

  .spacesearch {
    width: 170px;
  }

  .spacetopmenu {
    padding-top: 50px;
  }
  #fotoprodotti {
    margin-bottom: 20px;
  }
} /* --------------------------------------------- fine MIN WIDTH 1801 - MAX WIDTH 6000 */

@media screen and (min-width: 1201px) and (max-width: 1800px) {
  .imagohome {
    width: 29%;
  }
  .attention {
    width: 594px;
    text-align: center;
  }
  .table-responsive {
    width: 100%;
  }

  .spacesearch {
    width: 170px;
  }

  .spacetopmenu {
    padding-top: 50px;
  }
  #fotoprodotti {
    margin-bottom: 20px;
  }
} /* --------------------------------------------- fine MIN WIDTH 1201 - MAX WIDTH 1800 */

@media screen and (min-width: 1080px) and (max-width: 1200px) {
  .imagohome {
    width: 29%;
  }
  .attention {
    width: 594px;
    text-align: center;
  } /*pagina ritiro*/
  .ritiro {
    text-align: left;
    padding-right: 7px;
    padding-left: 7px;
    width: 530px;
  }
  .tabritiro {
    width: 711px;
    padding-left: 7px;
  }
  .datispedizione {
    text-align: left;
    padding-right: 7px;
    padding-left: 7px;
    width: 534px;
  }
  .tabspedizione {
    width: 710px;
    padding-left: 7px;
  }

  .testomenu {
    color: #818181;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none !important;
    padding-left: 5px;
    text-align: left;
    padding-top: 54px;
  }
  .marginzero {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  testotit {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 16px;
    line-height: 17px;
    font-style: italic;
    text-decoration: none;
    text-align: left;
  }
  .spacingtop {
    padding-top: 10px;
  }

  .table-responsive {
    width: 100%;
  }

  .spacesearch {
    width: 170px;
  }

  .spacetopmenu {
    padding-top: 50px;
  }
  #fotoprodotti {
    margin-bottom: 20px;
  }
} /* --------------------------------------------- fine MIN WIDTH 1080 - MAX WIDTH 1200 */

@media screen and (min-width: 768px) and (max-width: 1079px) {
  .imagohome {
    width: 29%;
  }
  .attention {
    width: 594px;
    text-align: center;
  } /*pagina ritiro*/
  .ritiro {
    text-align: left;
    padding-right: 7px;
    padding-left: 7px;
    width: 530px;
  }
  .tabritiro {
    width: 711px;
    padding-left: 7px;
  }
  .datispedizione {
    text-align: left;
    padding-right: 7px;
    padding-left: 7px;
    width: 534px;
  }
  .tabspedizione {
    width: 710px;
    padding-left: 7px;
  }

  .container {
    max-width: 926px;
    background-color: #ffffff;
  }

  .container2,
  .container4 {
    background-color: #ffffff;
  }

  #container2 {
    max-width: 790px;
    background-color: #ffffff;
  }

  testotit {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 16px;
    line-height: 17px;
    font-style: italic;
    text-decoration: none;
    text-align: left;
  }
  .spacingtop {
    padding-top: 10px;
  }

  .testored {
    color: #ff0000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 8px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
  }

  .borderred {
    border-bottom: solid #ff0000 1px;
    border-top: solid #dcdcdc 1px;
  }
  .spacing {
    padding-top: 10px;
  }
  .spacingleft {
    padding-left: 40px;
  }

  #login-dp {
    min-width: 250px;
    padding: 14px 14px 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8);
  }

  .row .row {
    /* margin-top: 1rem;*/
    margin-bottom: 0;
  }

  .col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .loganimato {
    display: none;
    position: absolute;
    z-index: 100;
    height: 230px;
    width: 200px;
    margin-left: 280px;
    background-color: #000000;
  }
  #taboccasioni {
    float: left;
    height: auto;
    padding-left: 15px;
    padding-bottom: 30px;
    width: 80%;
  }

  #vetrina .container {
    padding: 0px;
  }

  .carousel-control2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }

  .thumbnail {
    border: 0p;
  }

  #vetrina {
    /*width:926px; */
    height: 176px;
  }

  .navbar-right {
    float: right !important;
    margin-right: -15px !important;
  }

  .testored {
    color: #ff0000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 8px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
  }

  .borderred {
    border-bottom: solid #ff0000 1px;
    border-top: solid #dcdcdc 1px;
  }

  /* Reposition the controls slightly */
  .carousel-control {
    left: -12px;
  }
  .carousel-control.right {
    right: -12px;
  }

  /* Changes the position of the indicators */
  .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
  }
  /* Changes the colour of the indicators */
  .carousel-indicators li {
    background: #c0c0c0;
  }
  .carousel-indicators .active {
    background: #ff0000;
  }

  .testopage {
    font-size: 1em;
    line-height: 1.3em;
  }
  .testopagebold {
    font-size: 1em;
    line-height: 1.3em;
  }
  .table-borderless td,
  .table-borderless th {
    border: 0px !important;
  }

  .table-nopadding td,
  .table-nopadding th {
    padding: 0px !important;
  }

  .table-responsive {
    border: 0px !important;
  }

  .btn.disabled {
    background-color: red !important;
    color: white !important;
  }
  .datawide {
    width: 25%;
  }

  .mappadim {
    width: 720px;
    height: 480px;
  }
  .marginzero {
    margin-left: -15px;
    margin-right: -15px;
  }

  .testopage {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;
    text-align: left;
  }

  .testotit {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 16px;
    line-height: 17px;
    font-style: italic;
    text-decoration: none;
    text-align: left;
  }
  .table-responsive {
    width: 100%;
  }

  .spacesearch {
    width: 170px;
  }
  .spacetopmenu {
    padding-top: 50px;
  }
} /* --------------------------------------------- fine MIN WIDTH 768 - MAX WIDTH 1079 */

@media screen and (min-width: 410px) and (max-width: 767px) {
  #navbar li {
    margin-right: 0px !important;
    float: none !important;
  }

  .col-sm-9 {
    width: 100% !important;
  }
  .h5 {
    font-size: 16px;
  }
  .navbar-right {
    margin-right: -15px !important;
  }
  .navbar-right > li {
    display: inline-block !important;
  }
  .navbar-form .form-group {
    margin-bottom: 5px !important;
    display: inline-block !important;
    width: 80% !important;
  }
  .testored {
    color: #ff0000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 8px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
  }
  .borderred {
    border-bottom: solid #ff0000 1px;
    border-top: solid #dcdcdc 1px;
  }
  .tabcontact {
    width: 71px !important;
  }
  .tabvendita {
    width: 150px !important;
  }
  .tabletop {
    width: 400px !important;
  }
  .loganimato {
    height: 220px;
    margin-left: 210px !important;
    text-align: left;
    padding-left: 5px;
  }
  #top {
    max-width: 100% !important;
  }
  a.clickhere2:link,
  a.clickhere:visited,
  a.clickhere:active,
  a.clickhere3:link,
  a.clickhere:visited,
  a.clickhere:active {
    font-size: 9px !important;
  }
  #tabmarche {
    float: left;
    height: auto;
    padding-left: 15px;
    padding-bottom: 30px;
    width: auto;
  }
  #taboccasioni {
    float: left;
    height: auto;
    padding-bottom: 30px;
    width: 100%;
    margin-left: -15px;
  }
  #elencodemo table tr td {
    display: block;
    text-align: left;
  }
  a.linkprod:link,
  a.linkprod:active,
  a.linkprod:visited {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
    line-height: 12px;
  }
  #fotohome img {
    width: 0%;
  }

  /* Reposition the controls slightly */
  .carousel-control {
    left: -12px;
  }
  .carousel-control.right {
    right: -12px;
  }
  /* Changes the position of the indicators */
  .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
  }
  /* Changes the colour of the indicators */
  .carousel-indicators li {
    background: #c0c0c0;
  }
  .carousel-indicators .active {
    background: #ff0000;
  }
  #squarebannersx,
  #squarebannerdx {
    text-align: center;
    margin-top: 12px;
  }
  .testopage {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    text-align: left;
  }
  .testopagebold {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
  }
  .testotit {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 16px;
    line-height: 17px;
    font-style: italic;
    text-decoration: none;
    text-align: left;
  }
  .spacetopmenu {
    padding-top: 20px !important;
  }
  .testomenu {
    font-size: 11px;
  }
  a.txtelenco2:link,
  a.txtelenco2:visited,
  a.txtelenco2:active {
    font-size: 11px;
  }
  .nav > li > a {
    padding-bottom: 10px !important;
  }
  .findfield {
    width: 140px;
  }
  .table-borderless td,
  .table-borderless th {
    border: 0px !important;
  }
  .table-nopadding td,
  .table-nopadding th {
    padding: 0px !important;
  }
  .table-responsive {
    border: 0px !important;
  }
  .btn.disabled {
    background-color: red !important;
    color: white !important;
  }
  .datawide {
    width: 25%;
  }
  .noctxt {
    font-size: 13px;
  }
  .nocdata {
    font-size: 13px;
  }
  .noctit {
    font-size: 13px;
  }
  .menutxt7 {
    font-size: 13px;
  }
  .menutxt9 {
    font-size: 13px;
  }
  .nerobold {
    font-size: 13px;
  }
  .mappadim {
    width: 100%;
  }
  .horizspace {
    width: 0px;
  }
  .stafftd {
    border-top: 0px !important;
    vertical-align: middle !important;
    line-height: normal !important;
  }
  .stafftable td,
  .stafftable th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .searchalign {
    text-align: center !important;
    padding-top: 10px !important;
  }
  #materialerubato table tr td {
    /*display: block;*/
    text-align: left;
  }
  .matertitolo2,
  .matertitolo {
    text-align: center !important;
  }
  .boldy {
    font-weight: bold !important;
  }
  .reddy {
    color: #ff0000 !important;
  }
  .testo {
    font-size: 13px;
    line-height: 15px;
  }
  .top42 {
    width: 52px;
    text-align: center;
  }
  #design {
    text-align: center;
  }
  .spacingtop {
    padding-top: 10px;
  }
  /*    .tabs-imbricate .customtabs-panel{
    z-index:1;position:absolute;
    overflow:hidden !important;
    width:310px !important;
    background:#fff; padding-top: 10px;
    }
    .ad-gallery .ad-nav {
    width: 28% !important;
    position: relative;
  } 
    .ad-gallery .ad-back {
    cursor: pointer;
    left: -30px !important;
    width: 13px;
    display: block;
    background: url(ad_scroll_back.png) 0px 22px no-repeat;
 }
    .ad-gallery .ad-back {
    cursor: pointer;
    left: -30px !important;
    width: 13px;
    display: block;
    background: url(ad_scroll_back.png) 0px 22px no-repeat;
 }
    .ad-gallery .ad-image-wrapper .ad-image {
    position: static !important;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9;
}
    .ad-gallery .ad-image-wrapper {
    width: 300px !important;
    height: 225px !important;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
    #img-scheda img {
        width: auto !important;
        height: 225px !important;
    }*/

  /* #wrappo {
    margin-top: 50px; float: left; margin-left: 0px; margin-bottom: 50px;
    }*/
  /*.jcarousel-skin-tango .jcarousel-clip-horizontal {
        width: 260px!important;
        height: 135px;
        margin-left: 15px;
    }*/
  #vetrina {
    width: 550px !important;
    height: 176px;
  }
  .camposearch {
    float: right;
  }
  .marginzero {
    margin-left: 0px;
    margin-right: 0px;
  }

  .testo {
    font-size: 11px;
    line-height: 13px;
  }
  .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 400px !important;
    height: 135px;
  }

  .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 440px !important;
    padding: 0px 40px;
  }

  #parole img {
    width: 50px !important;
    height: auto;
  }

  #parole {
    width: auto;
    height: auto;
  }

  #dividiresp {
    clear: both;
  }

  .testotit {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 16px;
    line-height: 17px;
    font-style: italic;
    text-decoration: none;
    text-align: left;
  }

  #datiutente table tr td {
    display: block;
    text-align: left;
  }

  #datiutente table tr {
    padding-top: 10px;
  }

  #FatturazioneCtrl1_Panel1 table tr td {
    display: block;
    text-align: left;
  }

  .attention {
    width: 300px;
    text-align: center;
  } /*pagina ritiro*/
  .ritiro {
    text-align: left;
    padding-right: 7px;
    padding-left: 7px;
    width: 300px;
  }
  .tabritiro {
    width: 300px;
    padding-left: 7px;
  }
  .datispedizione {
    text-align: left;
    padding-right: 7px;
    padding-left: 7px;
    width: 300px;
  }
  .tabspedizione {
    width: 300px;
    padding-left: 7px;
  }
  .rigah24 {
    height: 30px;
    text-align: left;
    vertical-align: middle;
    line-height: 30px !important;
  }

  .novita,
  .novitapic {
    color: #ff0000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 8px !important;
    text-decoration: none;
    padding-left: 5px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    line-height: 15px;
  }
  .stato {
    font-size: 12px !important;
  }

  .spacesearch {
    width: 0px;
  }

  .descprod {
    font-size: 12px !important;
    text-align: left;
    line-height: 15px;
  }

  .dataTables_filter input {
    width: 350px !important;
    float: left;
    text-align: left;
    margin-top: 15px;
    border: 1px solid #cdcdcd;
    font-size: 13px;
  }

  .immagineventi {
    max-height: 500px;
    max-width: 70px !important;
  }

  table.dataTable tbody th,
  table.dataTable tbody td {
    padding: 8px 10px;
    padding-top: 8px;
    padding-right: 5px !important;
    padding-bottom: 8px;
    padding-left: 5px !important ;
  }

  #elencoprodotti > tbody > tr > td,
  #elencoprodotti > tbody > tr > th,
  .table > tfoot > tr > td,
  #elencoprodotti > tfoot > tr > th,
  #elencoprodotti > thead > tr > td,
  #elencoprodotti > thead > tr > th {
    padding: 8px;
    padding-top: 8px;
    padding-right: 2px !important;
    padding-bottom: 8px;
    padding-left: 2px !important;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }

  .prezzominwidth {
    min-width: 69px !important;
  }

  .prezzo {
    font-size: 12px !important;
  }

  .imgprodotti {
    width: 80px !important;
  }
} /* --------------------------------------------- fine MIN WIDTH 410 - MAX WIDTH 767 */

@media screen and (min-width: 380px) and (max-width: 409px) {
  #navbar li {
    margin-right: 0px !important;
    float: none !important;
  }

  .col-sm-9 {
    width: 100% !important;
  }
  .h5 {
    font-size: 16px;
  }
  .navbar-right {
    margin-right: -15px !important;
  }
  .navbar-right > li {
    display: inline-block !important;
  }
  .navbar-form .form-group {
    margin-bottom: 5px !important;
    display: inline-block !important;
    width: 80% !important;
  }
  .testored {
    color: #ff0000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 8px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
  }
  .borderred {
    border-bottom: solid #ff0000 1px;
    border-top: solid #dcdcdc 1px;
  }
  .tabcontact {
    width: 71px !important;
  }
  .tabvendita {
    width: 150px !important;
  }
  .tabletop {
    width: 400px !important;
  }
  .loganimato {
    height: 220px;
    margin-left: 210px !important;
    text-align: left;
    padding-left: 5px;
  }
  #top {
    max-width: 100% !important;
  }
  a.clickhere2:link,
  a.clickhere:visited,
  a.clickhere:active,
  a.clickhere3:link,
  a.clickhere:visited,
  a.clickhere:active {
    font-size: 9px !important;
  }
  #tabmarche {
    float: left;
    height: auto;
    padding-left: 15px;
    padding-bottom: 30px;
    width: auto;
  }
  #taboccasioni {
    float: left;
    height: auto;
    padding-bottom: 30px;
    width: 100%;
    margin-left: -15px;
  }
  #elencodemo table tr td {
    display: block;
    text-align: left;
  }
  a.linkprod:link,
  a.linkprod:active,
  a.linkprod:visited {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
    line-height: 12px;
  }
  #fotohome img {
    width: 0%;
  }

  /* Reposition the controls slightly */
  .carousel-control {
    left: -12px;
  }
  .carousel-control.right {
    right: -12px;
  }
  /* Changes the position of the indicators */
  .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
  }
  /* Changes the colour of the indicators */
  .carousel-indicators li {
    background: #c0c0c0;
  }
  .carousel-indicators .active {
    background: #ff0000;
  }
  #squarebannersx,
  #squarebannerdx {
    text-align: center;
    margin-top: 12px;
  }
  .testopage {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    text-align: left;
  }
  .testopagebold {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
  }
  .testotit {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 16px;
    line-height: 17px;
    font-style: italic;
    text-decoration: none;
    text-align: left;
  }
  .spacetopmenu {
    padding-top: 20px !important;
  }
  .testomenu {
    font-size: 11px;
  }
  a.txtelenco2:link,
  a.txtelenco2:visited,
  a.txtelenco2:active {
    font-size: 11px;
  }
  .nav > li > a {
    padding-bottom: 10px !important;
  }
  .findfield {
    width: 140px;
  }
  .table-borderless td,
  .table-borderless th {
    border: 0px !important;
  }
  .table-nopadding td,
  .table-nopadding th {
    padding: 0px !important;
  }
  .table-responsive {
    border: 0px !important;
  }
  .btn.disabled {
    background-color: red !important;
    color: white !important;
  }
  .datawide {
    width: 25%;
  }
  .noctxt {
    font-size: 13px;
  }
  .nocdata {
    font-size: 13px;
  }
  .noctit {
    font-size: 13px;
  }
  .menutxt7 {
    font-size: 13px;
  }
  .menutxt9 {
    font-size: 13px;
  }
  .nerobold {
    font-size: 13px;
  }
  .mappadim {
    width: 100%;
  }
  .horizspace {
    width: 0px;
  }
  .stafftd {
    border-top: 0px !important;
    vertical-align: middle !important;
    line-height: normal !important;
  }
  .stafftable td,
  .stafftable th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .searchalign {
    text-align: center !important;
    padding-top: 10px !important;
  }
  #materialerubato table tr td {
    /*display: block;*/
    text-align: left;
  }
  .matertitolo2,
  .matertitolo {
    text-align: center !important;
  }
  .boldy {
    font-weight: bold !important;
  }
  .reddy {
    color: #ff0000 !important;
  }
  .testo {
    font-size: 13px;
    line-height: 15px;
  }
  .top42 {
    width: 52px;
    text-align: center;
  }
  #design {
    text-align: center;
  }
  .spacingtop {
    padding-top: 10px;
  }
  /*    .tabs-imbricate .customtabs-panel{
    z-index:1;position:absolute;
    overflow:hidden !important;
    width:310px !important;
    background:#fff; padding-top: 10px;
    }
    .ad-gallery .ad-nav {
    width: 28% !important;
    position: relative;
  } 
    .ad-gallery .ad-back {
    cursor: pointer;
    left: -30px !important;
    width: 13px;
    display: block;
    background: url(ad_scroll_back.png) 0px 22px no-repeat;
 }
    .ad-gallery .ad-back {
    cursor: pointer;
    left: -30px !important;
    width: 13px;
    display: block;
    background: url(ad_scroll_back.png) 0px 22px no-repeat;
 }
    .ad-gallery .ad-image-wrapper .ad-image {
    position: static !important;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9;
}
    .ad-gallery .ad-image-wrapper {
    width: 300px !important;
    height: 225px !important;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
    #img-scheda img {
        width: auto !important;
        height: 225px !important;
    }*/

  /* #wrappo {
    margin-top: 50px; float: left; margin-left: 0px; margin-bottom: 50px;
    }*/
  /*.jcarousel-skin-tango .jcarousel-clip-horizontal {
        width: 260px!important;
        height: 135px;
        margin-left: 15px;
    }*/
  #vetrina {
    width: 550px !important;
    height: 176px;
  }
  .camposearch {
    float: right;
  }
  .marginzero {
    margin-left: 0px;
    margin-right: 0px;
  }

  .testo {
    font-size: 11px;
    line-height: 13px;
  }
  .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 400px !important;
    height: 135px;
  }

  .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 440px !important;
    padding: 0px 40px;
  }

  #parole img {
    width: 50px !important;
    height: auto;
  }

  #parole {
    width: auto;
    height: auto;
  }

  #dividiresp {
    clear: both;
  }

  .testotit {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 16px;
    line-height: 17px;
    font-style: italic;
    text-decoration: none;
    text-align: left;
  }

  #datiutente table tr td {
    display: block;
    text-align: left;
  }

  #datiutente table tr {
    padding-top: 10px;
  }

  #FatturazioneCtrl1_Panel1 table tr td {
    display: block;
    text-align: left;
  }

  .attention {
    width: 300px;
    text-align: center;
  } /*pagina ritiro*/
  .ritiro {
    text-align: left;
    padding-right: 7px;
    padding-left: 7px;
    width: 300px;
  }
  .tabritiro {
    width: 300px;
    padding-left: 7px;
  }
  .datispedizione {
    text-align: left;
    padding-right: 7px;
    padding-left: 7px;
    width: 300px;
  }
  .tabspedizione {
    width: 300px;
    padding-left: 7px;
  }
  .rigah24 {
    height: 30px;
    text-align: left;
    vertical-align: middle;
    line-height: 30px !important;
  }

  .novita,
  .novitapic {
    color: #ff0000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 8px !important;
    text-decoration: none;
    padding-left: 5px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    line-height: 15px;
  }
  .stato {
    font-size: 12px !important;
  }

  .spacesearch {
    width: 0px;
  }

  .descprod {
    font-size: 12px !important;
    text-align: left;
    line-height: 15px;
  }

  .dataTables_filter input {
    width: 350px !important;
    float: left;
    text-align: left;
    margin-top: 15px;
    border: 1px solid #cdcdcd;
    font-size: 13px;
  }

  .immagineventi {
    max-height: 500px;
    max-width: 90px !important;
  }

  .eventiwdt {
    max-width: 28% !important;
  }

  #elencoprodotti > tbody > tr > td,
  #elencoprodotti > tbody > tr > th,
  .table > tfoot > tr > td,
  #elencoprodotti > tfoot > tr > th,
  #elencoprodotti > thead > tr > td,
  #elencoprodotti > thead > tr > th {
    padding: 8px;
    padding-top: 8px;
    padding-right: 2px !important;
    padding-bottom: 8px;
    padding-left: 2px !important;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }

  .prezzominwidth {
    min-width: 69px !important;
  }

  .prezzo {
    font-size: 12px !important;
  }
  .imgprodotti {
    width: 80px !important;
  }
} /* --------------------------------------------- fine MIN WIDTH 380 - MAX WIDTH 409 */

@media screen and (min-width: 322px) and (max-width: 379px) {
  #fotohome img {
    width: 0%;
  }

  #navbar li {
    margin-right: 0px !important;
    float: none !important;
  }

  .col-sm-9 {
    width: 100% !important;
  }
  .testopage {
    font-size: 1em;
    line-height: 1.3em;
  }
  .testopagebold {
    font-size: 1em;
    line-height: 1.3em;
  }
  .spacetopmenu {
    padding-top: 20px !important;
  }
  .testomenu {
    font-size: 13px;
  }

  a.txtelenco2:link,
  a.txtelenco2:visited,
  a.txtelenco2:active {
    font-size: 13px;
  }

  .nav > li > a {
    padding-bottom: 10px !important;
  }
  .findfield {
    width: 210px;
  }
  .table-borderless td,
  .table-borderless th {
    border: 0px !important;
  }

  .table-nopadding td,
  .table-nopadding th {
    padding: 0px !important;
  }
  .table-responsive {
    border: 0px !important;
  }

  .btn.disabled {
    background-color: red !important;
    color: white !important;
  }
  .testotit {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 16px;
    line-height: 17px;
    font-style: italic;
    text-decoration: none;
    text-align: left;
  }
  .datawide {
    width: 25%;
  }
  .noctxt {
    font-size: 13px;
  }
  .nocdata {
    font-size: 13px;
  }
  .noctit {
    font-size: 13px;
  }
  .menutxt7 {
    font-size: 13px;
  }
  .menutxt9 {
    font-size: 13px;
  }
  .nerobold {
    font-size: 13px;
  }
  .mappadim {
    width: 100%;
  }
  .horizspace {
    width: 0px;
  }
  .stafftd {
    border-top: 0px !important;
    vertical-align: middle !important;
    line-height: normal !important;
  }

  .stafftable td,
  .stafftable th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .searchalign {
    text-align: center !important;
    padding-top: 10px !important;
  }
  #materialerubato table tr td {
    display: block;
    text-align: left;
  }
  .matertitolo2,
  .matertitolo {
    text-align: center !important;
  }
  .boldy {
    font-weight: bold !important;
  }
  .reddy {
    color: #ff0000 !important;
  }
  .reductio {
    display: block;
    text-align: left;
  }

  #parole {
    text-align: center;
    width: auto;
    height: auto;
    margin-top: 12px;
  }

  .testo {
    font-size: 11px;
    line-height: 13px;
  }
  .top42 {
    width: 45px;
    text-align: center;
  }
  #design {
    text-align: center;
  }
  .spacingtop {
    padding-top: 10px;
  }
  .tabs-imbricate .customtabs-panel {
    z-index: 1;
    position: absolute;
    overflow: hidden !important;
    width: 310px !important;
    background: #fff;
    padding-top: 10px;
  }
  .ad-gallery .ad-nav {
    width: 28% !important;
    position: relative;
  }
  .ad-gallery .ad-back {
    cursor: pointer;
    left: -30px !important;
    width: 13px;
    display: block;
    background: url(ad_scroll_back.png) 0px 22px no-repeat;
  }
  .ad-gallery .ad-back {
    cursor: pointer;
    left: -30px !important;
    width: 13px;
    display: block;
    background: url(ad_scroll_back.png) 0px 22px no-repeat;
  }
  .ad-gallery .ad-image-wrapper .ad-image {
    position: static !important;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9;
  }
  .ad-gallery .ad-image-wrapper {
    width: 300px !important;
    height: 225px !important;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
  #img-scheda img {
    width: auto !important;
    height: 225px !important;
  }
  #wrappo {
    margin-top: 50px;
    float: left;
    margin-left: 0px;
    margin-bottom: 50px;
  }
  .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 135px !important;
    height: 135px;
    margin-left: 15px;
  }
  .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 260px !important;
    padding: 0px 40px;
  }

  .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 0px !important;
    width: 32px;
    height: 135px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
  }
  #vetrina {
    width: 280px !important;
    height: 176px;
  }

  .tabletop {
    width: 360px !important;
  }
  .tabcontact {
    width: 50px !important;
  }

  .tabvendita {
    width: 120px !important;
  }

  .loganimato {
    height: 220px;
    margin-left: 140px !important;
    text-align: left;
    padding-left: 5px;
  }

  #top {
    max-width: 100% !important;
  }

  a.clickhere2:link,
  a.clickhere:visited,
  a.clickhere:active,
  a.clickhere3:link,
  a.clickhere:visited,
  a.clickhere:active {
    font-size: 9px !important;
  }
  #elencodemo table tr td {
    display: block;
    text-align: left;
  }
  .hidefoto {
    width: 0% !important;
  }

  a.linkprod:link,
  a.linkprod:active,
  a.linkprod:visited {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
    line-height: 12px;
  }

  #fotohome img {
    width: 0%;
  }

  .camposearch {
    float: left;
  }
  .testomenu {
    font-size: 13px;
  }

  .loganimato {
    position: absolute;
    z-index: 100;
    height: 230px;
    width: 200px;
    margin-left: 140px;
    background-color: #000000;
    text-align: center;
  }
  #taboccasioni {
    float: left;
    height: auto;
    padding-left: 15px;
    padding-bottom: 30px;
    width: 100%;
  }

  .valutausato {
    margin-left: -30px;
  }

  .modello {
    color: #818181;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    padding-left: 5px;
    font-weight: bold;
    text-align: left;
    line-height: 15px;
    padding-bottom: 3px;
  }

  #materubato td {
    width: 100% !important;
  }

  #parole img {
    width: 50px !important;
    height: auto;
  }
  #dividiresp {
    clear: both;
  }

  #parole {
    width: auto;
    height: auto;
  }

  .imgprodotti {
    width: 50px !important;
  }
  .spacingtop {
    padding-top: 10px;
  }
  .novita,
  .novitapic {
    color: #ff0000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 8px !important;
    text-decoration: none;
    padding-left: 5px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    line-height: 15px;
  }

  .stato {
    font-size: 12px !important;
  }

  .spacesearch {
    width: 0px;
  }

  #solotxt {
    padding-top: 20px;
  }

  .descprod {
    font-size: 12px !important;
    text-align: left;
    line-height: 15px;
  }
  #datiutente table tr td {
    display: block;
    text-align: left;
  }

  #datiutente table tr {
    padding-top: 10px;
  }

  #FatturazioneCtrl1_Panel1 table tr td {
    display: block;
    text-align: left;
  }
  .rigah24 {
    height: 30px;
    text-align: left;
    vertical-align: middle;
    line-height: 30px !important;
  }

  .dataTables_filter input {
    width: 320px !important;
    float: left;
    text-align: left;
  }

  .dataTables_filter input {
    width: 300px !important;
    float: left;
    text-align: left;
    margin-top: 15px;
    border: 1px solid #cdcdcd;
    font-size: 13px;
  }

  .immagineventi {
    max-height: 500px;
    max-width: 70px !important;
  }

  .eventiwdt {
    /* max-width: 25% !important;*/
  }

  #elencoprodotti > tbody > tr > td,
  #elencoprodotti > tbody > tr > th,
  .table > tfoot > tr > td,
  #elencoprodotti > tfoot > tr > th,
  #elencoprodotti > thead > tr > td,
  #elencoprodotti > thead > tr > th {
    padding: 8px;
    padding-top: 8px;
    padding-right: 2px !important;
    padding-bottom: 8px;
    padding-left: 2px !important;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }

  .prezzominwidth {
    min-width: 69px !important;
  }

  .prezzo {
    font-size: 12px !important;
  }

  .topText {
    font-size: 8px !important;
  }

  .topTextAccess {
    font-size: 9.5px !important;
  }
} /* --------------------------------------------- fine MIN WIDTH 321 - MAX WIDTH 379 */

@media screen and (max-width: 321px) {
  #navbar li {
    margin-right: 0px !important;
    float: none !important;
  }

  .col-sm-9 {
    width: 100% !important;
  }
  .container-fluid {
    padding-right: 15px;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
  }
  #imgprinc {
    width: 260px !important;
  }
  .tabs-imbricate .customtabs-panel {
    z-index: 1;
    position: absolute;
    overflow: hidden !important;
    width: 260px !important;
    background: #fff;
    padding-top: 10px;
    margin-left: -10px !important;
  }
  .ad-gallery .ad-image-wrapper {
    width: 280px !important;
    height: 210px !important;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
  #img-scheda img {
    width: auto !important;
    height: 210px !important;
  }
  #wrappo {
    margin-top: 50px;
    float: left;
    margin-left: 0px;
    margin-bottom: 50px;
  }
  .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 135px !important;
    height: 135px;
    margin-left: 15px;
  }
  .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 260px !important;
    padding: 0px 40px;
  }

  .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 0px !important;
    width: 32px;
    height: 135px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
  }
  #vetrina {
    width: 280px !important;
    height: 176px;
  }

  .camposearch {
    float: left;
  }
  .testomenu {
    font-size: 13px;
  }

  .loganimato {
    position: absolute;
    z-index: 100;
    height: 230px;
    width: 200px;
    margin-left: 140px;
    background-color: #000000;
    text-align: center;
  }
  #taboccasioni {
    float: left;
    height: auto;
    padding-left: 15px;
    padding-bottom: 30px;
    width: 100%;
  }

  .imgprodotti {
    width: 30px !important;
  }

  .valutausato {
    margin-left: -30px;
  }

  .modello {
    color: #818181;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    padding-left: 5px;
    font-weight: bold;
    text-align: left;
    line-height: 15px;
    padding-bottom: 3px;
  }

  #materubato td {
    width: 100% !important;
  }
  .spacetopmenu {
    padding-top: 20px !important;
  }

  #tabmarche {
    float: left;
    height: auto;
    padding-left: 15px;
    padding-bottom: 30px;
    width: 90%;
  }
  .horizspace {
    width: 1%;
  }

  #fotohome img {
    width: 0%;
  }

  #dividiresp {
    clear: both;
  }

  #parole {
    width: auto;
    height: auto;
  }

  .testotit {
    color: #000000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 16px;
    line-height: 17px;
    font-style: italic;
    text-decoration: none;
    text-align: left;
  }

  #datiutente table tr td {
    display: block;
    text-align: left;
  }

  #datiutente table tr {
    padding-top: 10px;
  }

  #FatturazioneCtrl1_Panel1 table tr td {
    display: block;
    text-align: left;
  }

  .attention {
    width: 300px;
    text-align: center;
  } /*pagina ritiro*/
  .ritiro {
    text-align: left;
    padding-right: 7px;
    padding-left: 7px;
    width: 300px;
  }
  .tabritiro {
    width: 300px;
    padding-left: 7px;
  }
  .datispedizione {
    text-align: left;
    padding-right: 7px;
    padding-left: 7px;
    width: 300px;
  }
  .tabspedizione {
    width: 300px;
    padding-left: 7px;
  }
  .rigah24 {
    height: 30px;
    text-align: left;
    vertical-align: middle;
    line-height: 30px !important;
  }

  .novita,
  .novitapic {
    color: #ff0000;
    font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial,
      Helvetica, sans-serif;
    font-size: 8px !important;
    text-decoration: none;
    padding-left: 5px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    line-height: 15px;
  }

  .stato {
    font-size: 12px !important;
  }

  .spacesearch {
    width: 0px;
  }

  #solotxt {
    padding-top: 20px;
  }

  .descprod {
    font-size: 12px !important;
    text-align: left;
    line-height: 15px;
  }

  .dataTables_filter input {
    width: 320px !important;
    float: left;
    text-align: left;
  }

  .dataTables_filter input {
    width: 280px !important;
    float: left;
    text-align: left;
    margin-top: 15px;
    border: 1px solid #cdcdcd;
    font-size: 13px;
  }

  .immagineventi {
    max-height: 500px;
    max-width: 60px !important;
  }

  .eventiwdt {
    /*max-width: 30% !important;*/
  }

  #elencoprodotti > tbody > tr > td,
  #elencoprodotti > tbody > tr > th,
  .table > tfoot > tr > td,
  #elencoprodotti > tfoot > tr > th,
  #elencoprodotti > thead > tr > td,
  #elencoprodotti > thead > tr > th {
    padding: 8px;
    padding-top: 8px;
    padding-right: 2px !important;
    padding-bottom: 8px;
    padding-left: 2px !important;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }

  .prezzominwidth {
    min-width: 69px !important;
  }

  .prezzo {
    font-size: 12px !important;
  }

  .topText {
    font-size: 8px !important;
  }

  .topTextAccess {
    font-size: 9.5px !important;
  }
} /* ----------------------------------------------------------- fine MAX WIDTH 320 */