.navbar-default {
  background-color: #004c98 !important;
  background-image: none !important;
  color: white;
}

.navbar-fixed-top {
  z-index: 100;
  min-width: 250px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFF !important;
}

body,
span,
div,
td,
a {
  font-family: 'Open Sans Condensed', Arial, sans-serif;
  font-size: 12pt;
  color: #4B1C0D;
  font-weight: normal;
}

.navbar-default .navbar-nav>li>a {
  color: white !important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  color: white !important;
  font-weight: bold;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
  background-color: #4B1C0D !important;
  background-image: none !important;
  background-repeat: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: white !important;
  font-weight: bold;
}

.nav .open>a,
.nav .open>a:focus,
.dropdown-menu {
  background-color: #4B1C0D !important;
  background-image: none !important;
  color: white !important;
  font-weight: bold;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-color: #4B1C0D !important;
  background-image: none !important;
  color: white !important;
  font-weight: bold;
}

a.dropdown-link {
  color: white !important;
}

a.dropdown-link:hover {
  color: #006481 !important;
}

.navbar-toggle {
  border: 0 solid transparent !important;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #004C98 !important;
}

/*
.dropdown-header { color: #006481 !important; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	color: #006481 !important;
	background-color: #F29400 !important;
	background-image: none !important;
	background-repeat: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
#topbar { background-color: #006481 !important; }
.panel-heading { padding: 0 !important; }
.navbar-brand { padding: 6px 15px 6px 0px; }
#toplogo { width: 58px; height: 38px; margin-top: 0px; }
#midlogo, .navbar-midbrand { display: none; }
.navbar-header, #navbar { background-color: #F29400 !important; min-width: 183px; }
.navbar-nav { margin: 0 0 0 0 !important; }
.dropdown-toggle { font-size: 14px; color: white !important; }
a.dropdown-toggle:hover { color: #006481 !important; }
.page-header { margin: 40px 0 13px 0 !important; border-bottom: 1px solid #F29400 !important; }
*/

#art_box>iframe {
  max-width: 96%;
}

#menu_sx_vetrina ul {
  list-style: none;
  /* Remove list bullets */
  padding: 0;
  margin: 0 0 0 0;
  /*  0 0 70px 0; */
}

#menu_sx_vetrina a:hover {
  text-decoration: none;
  color: #4b1c0d !important;
  font-weight: bold;
}

.elem_visuale {
  width: 140px;
  height: 170px;
  border-bottom: 1px solid #cccccc;
  /* #4b1c0d */
  margin: 0px 10px 10px 0px;
  position: relative;
  float: left;
  padding-right: 24px;
}

.elem_visuale a:hover {
  text-decoration: none;
  color: #4b1c0d !important;
}

/* styles for '...' */
.image_descr_block {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.6em;
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: left;
  /* place for '...'  margin-right: -1em padding-right: 1em;; */
}

/* create the ... */
/* points in the end */
/* absolute position */
/* set position to right bottom corner of block */
/* 
.image_descr_block:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}
*/
/* hide ... if we have text, which is less than or equal to max lines */
.image_descr_block:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}

#menu_sx_vetrina select {
  display: none;
}

.gallery_fluid {
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

.gallery_img {
  display: block;
  width: 100%;
  height: auto;
}

.press_img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.press_text {
  color: #4B1C0D;
  font-size: 10.5pt;
  font-family: 'Open Sans Condensed', sans-serif;
}

.distanzia_cat {
  height: 94px;
  clear: left;
}

#ZonaDatiLista {
  display: block;
  width: 100%;
  margin-top: 100px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

.ZonaOpzioniLista {
  display: block;
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
}

#ZonaNomeLista,
#ZonaDataMatrimonio {
  display: block;
  width: 100%;
}

.ZonaTitoloBlocco {
  display: block;
  width: 100%;
  height: 32px;
  border-bottom: 1px solid #CCCCCC;
  clear: left;
}

.toTop {
  float: right;
}

.linkToTop {
  color: #004C98;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none !important;
}

.TitoloBlocco {
  color: #004C98;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 12pt;
  font-weight: bold;
  margin-left: 0px;
  margin-top: 6px;
}

.RigaArticolo {
  width: 100%;
  min-height: 64px;
  float: left;
  border-bottom: 1px solid #CCCCCC;
}

.RigaArticoloND {
  width: 100%;
  min-height: 64px;
  float: left;
  border-bottom: 1px solid #CCCCCC;
  background-color: #DDDDDD;
}

.RigaArticoloCart {
  width: 100%;
  min-height: 64px;
  float: left;
  border-bottom: 1px solid #CCCCCC;
  background-color: #EEEEFF;
  /* #80A6CC */
  color: white !important;
}

.ZonaLinkArticolo {
  width: 75%;
  display: inline-block;
  cursor: pointer;
}

.ZonaLinkArticolo_public {
  width: 85%;
  display: inline-block;
  cursor: pointer;
}

.R_photo {
  display: inline-block;
  margin: 2px 6px 4px 0px;
  width: 60px;
  height: 60px;
}

.R_nome {
  display: inline-block;
  width: 33%;
  color: #4B1C0D;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 12pt;
  font-weight: bold;
}

.R_marca {
  display: inline-block;
  width: 33%;
  color: #4B1C0D;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 12pt;
}

.R_prezzo {
  display: inline-block;
  color: #4B1C0D;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 12pt;
  text-align: right;
}

.R_status {
  display: inline-block;
  width: 10%;
  max-width: 20%;
  color: #4B1C0D;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 12pt;
  clear: left;
}

.R_status_public {
  display: inline-block;
  width: 10%;
  max-width: 10%;
  color: #4B1C0D;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 12pt;
  text-align: center;
  clear: left;
}

#ln_art_layer {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: white;
  padding-top: 50px;
}

#ln_art_details {
  width: 768px;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

#ln_art_container {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  overflow: auto;
  background-color: white;
}

#ln_art_titolo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  background-color: #4B1C0D;
}

#ln_art_lista {
  color: white;
  margin-left: 6px;
  margin-top: 3px;
  float: left;
}

#ln_art_chiudi {
  margin-top: 9px;
  margin-left: 6px;
  margin-right: 15px;
  float: right;
  cursor: pointer;
}

#ln_art_articolo {
  margin-left: 6px;
  margin-top: 3px;
  float: left;
}

#ln_art_prezzo {
  margin-right: 6px;
  margin-top: 3px;
  float: right;
}

#ln_art_marca {
  margin-left: 6px;
  margin-top: 3px;
  float: left;
}

#ln_art_categoria {
  margin-right: 6px;
  margin-top: 3px;
  float: right;
}

#ln_art_desc_area {
  position: absolute;
  top: 105px;
  left: 0px;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 20px;
  text-align: justify;
  color: #4B1C0D;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 12pt;
}

#ln_art_image {
  width: 100%;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

#ln_art_video {
  max-width: 100%;
  text-align: center;
}

#ln_art_video>iframe {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#ln_art_descr {
  min-width: 40%;
  float: right;
}

#ln_art_img_desc {
  list-style: none;
  /* Remove list bullets */
  padding: 0;
  margin: 0 0 0 0;
}

#ln_art_img,
#ln_art_images,
#ln_art_desc {
  float: left;
}

#input_cerca_sx_vetrina {
  color: #4b1c0d;
}

input::placeholder {
  color: #4b1c0d;
}

::-webkit-input-placeholder {
  color: #4b1c0d;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #4b1c0d;
  opacity: 1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #4b1c0d;
}

:-ms-input-placeholder {
  color: #4b1c0d;
}

#AreaDinamica {
  min-height: 360px;
}

.OkButton {
  background-color: transparent;
  border: 1px solid #CCCCCC;
  color: #004C98;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 12pt;
  font-weight: bold;
  height: 26px;
  padding-left: 3px;
}

.image_thumb {
  width: 130px;
  height: 130px;
}

@media (max-width: 468px) {
  .R_nome {}

  .R_marca {}

  .R_prezzo {}

  .R_status {}
}

@media (max-width: 767px) {
  #midlogo {
    margin-left: 15px;
  }

  #menu_sx_vetrina ul {
    display: none;
  }

  #menu_sx_vetrina select {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    border: 0px;
    border-bottom: 1px solid #4b1c0d;
  }

  #sx_footer_vetrina {
    display: none;
  }

  .cerca_sx_vetrina {
    padding-left: 3px;
  }

  .press_img {
    display: inline;
  }

  #ln_art_img,
  #ln_art_images {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  #ln_art_desc {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .navbar {
    max-height: 52px;
  }

  .navbar-nav {
    float: left;
  }

  #ln_art_img,
  #ln_art_images {
    width: 50%;
  }

  #ln_art_desc {
    width: 50%;
    padding-left: 20px;
  }
}

/* --- Menu adattivo: due fasce distinte ---
   768-867px: font 10.5pt, padding 6→9px - schermo stretto
   868-1497px: progressivo 9→26px - scala con la larghezza
   1498px+: originale (45px)
*/
@media (min-width: 768px) and (max-width: 867px) {

  .navbar-nav>li>a,
  .dropdown-menu>li>a {
    padding-left: clamp(6px, calc(1.5vw - 5.5px), 9px) !important;
    padding-right: clamp(6px, calc(1.5vw - 5.5px), 9px) !important;
    font-size: 10.5pt !important;
  }
}

@media (min-width: 868px) and (max-width: 1497px) {

  .navbar-nav>li>a,
  .dropdown-menu>li>a {
    padding-left: clamp(9px, calc(3vw - 17px), 26px) !important;
    padding-right: clamp(9px, calc(3vw - 17px), 26px) !important;
  }
}

@media (min-width: 768px) and (max-width: 1497px) {
  #midlogo {
    width: clamp(120px, 11vw, 144px) !important;
    height: auto !important;
    margin-right: clamp(2px, calc(0.5vw - 2px), 8px) !important;
  }

  .navbar-header {
    min-width: clamp(125px, 11vw, 168px) !important;
  }
}

@media (min-width: 1498px) and (max-width: 1529px) {

  .navbar-nav>li>a,
  .dropdown-menu>li>a {
    padding-left: 42px;
    padding-right: 42px;
  }
}

@media (min-width: 1530px) {

  .navbar-nav>li>a,
  .dropdown-menu>li>a {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media screen and (min-height: 920px) and (min-width: 992px) {
  #menu_sx_vetrina {
    position: fixed;
  }
}

@media print {

  .no-print,
  .no-print * {
    display: none !important;
  }
}