.header {}

.loghi {
  overflow: hidden
}

h1.logo-home {
  padding-top: 10px;
  margin: 10px 0 0 0;
  background: transparent url('../img/logo-camst-mobile.jpg') center center no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

h1.logo-home a {
  display: block;
  height: 70px
}

h2.logo-generale {
  margin: 0
}

.menu-top {
  display: none
}

/* --- MENU MOBILE --- */

.js #menu-mobile {
  display: none;
}

/* --- BOX UTENTE --- */

.box-utente {
  padding-top: 10px
}

.box-utente p {
  text-align: center;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 18px;
  line-height: 20px
}

.box-utente p small, .box-utente p strong, .box-utente p a {
  color: #000;
  line-height: 20px;
  text-decoration: none
}

.box-utente p a:hover {
  color: #cd123c;
  text-decoration: underline
}

.box-utente p a i {
  margin-left: 5px
}

.box-utente p small {
  padding: 0;
  margin: 0;
  font-size: 11px
}

.box-utente a.logout {
  color: #cd123c
}

.box-utente a.logout:hover {
  color: #000
}

/* --- SLIDER HOME --- */

.gallery-home .bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  left: 0;
  background: transparent
}

/* --- NEWS CAMST HOME --- */

.box-news-camst {
  padding-bottom: 90px;
  background-image: url('../img/dotted-top.png'), url('../img/dotted-bottom.png');
  background-repeat: repeat-x, repeat-x;
  background-position: left top, left bottom;
  background-color: #d7d2cb;
}

.box-news-camst h2 {
  padding: 22px 0 12px 0;
  margin: 20px 0;
  font-size: 24px;
  text-transform: uppercase;
  color: #FFF;
  border-bottom: solid 1px #FFF
}

.news {
  padding: 0 20px;
  color: #c00f3c;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300
}

.news p small {
  font-size: 12px
}

.news a {
  color: #c00f3c
}

.news a strong {
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
}

/* --- LOGIN HOME --- */

.box-login {
  background: #FFF;
  padding-bottom: 20px;
  -moz-box-shadow: 0 2px 2px #a5a5a5;
  -webkit-box-shadow: 0 2px 2px #a5a5a5;
  box-shadow: 0 2px 2px #a5a5a5;
}

.box-login h2 {
  padding: 12px 0;
  margin: 20px 0 10px 0;
  font-size: 24px;
  text-transform: uppercase;
  color: #FFF;
  background: #c00f3c;
  font-weight: 300
}

.box-login input {
  border-color: #d7d2cb;
  height: 40px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 17px;
  color: #c00f3c
}

.box-login button {
  margin-bottom: 10px;
  height: 40px;
  background: #c00f3c;
  border-color: #c00f3c;
  font-size: 14px
}

.box-login button:hover {
  background: #000
}

.box-login button strong {
  font-weight: 700;
  color: #FFF
}

p.txt-registrati {
  color: #c00f3c
}

p.txt-registrati a {
  color: #c00f3c
}

/* --- FOOTER --- */

.footer {
  padding: 0 0 15px 0;
}

.footer h3 {
  font-size: 12px;
  font-weight: 700
}

.footer p {
  font-size: 9px;
  line-height: 12px
}

.footer a {
  color: #000
}

/* --- PERCORSO - ARCHIVIO ORDINI --- */

.box-percorso-archivio {
  -moz-box-shadow: 0 2px 2px #a5a5a5;
  -webkit-box-shadow: 0 2px 2px #a5a5a5;
  box-shadow: 0 2px 2px #a5a5a5;
  border: solid 1px #e8e8e8;
  padding-top: 12px;
  padding-bottom: 12px
}

.box-percorso-archivio p {
  padding: 0;
  margin: 0
}

.box-percorso-archivio p a {
  color: #000
}

.box-percorso-archivio .percorso {
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 5px;
  padding-left: 15px
}

.box-percorso-archivio .archivio-ordini a {
  color: #c00f3c;
  text-transform: uppercase;
  padding-left: 15px
}

.box-percorso-archivio .archivio-ordini a:hover {
  color: #000;
  text-decoration: none
}

/* --- PAGINA --- */

.content-sub {
  overflow: hidden;
  -moz-box-shadow: 0 2px 2px #a5a5a5;
  -webkit-box-shadow: 0 2px 2px #a5a5a5;
  box-shadow: 0 2px 2px #a5a5a5;
  border: solid 1px #e8e8e8;
  padding: 20px 15px
}

.content-sub h1 {
  font-size: 30px
}

.content-sub p, .content-sub li {
  font-size: 16px;
  line-height: 26px
}

.content-sub img {
  padding-bottom: 20px
}

.content-sub-archivio {
  -moz-box-shadow: 0 2px 2px #a5a5a5;
  -webkit-box-shadow: 0 2px 2px #a5a5a5;
  box-shadow: 0 2px 2px #a5a5a5;
  border: solid 1px #e8e8e8;
  padding: 0 15px;
  margin-top: 20px
}

.content-sub-archivio dt {
  font-size: 16px
}

.content-sub-archivio dt a {
  color: #b9133e
}

.content-sub-archivio dd {
  padding-bottom: 10px
}

/* --- PAGINA COME PRENOTARE --- */

.come-fare {
  background: #5e6062;
  margin: 0 0 20px 0;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #FFF;
  background-image: url('../img/dotted-top.png'), url('../img/dotted-bottom.png');
  background-repeat: repeat-x, repeat-x;
  background-position: left top, left bottom;
}

.come-fare h2 {
  font-weight: 700;
  font-size: 36px;
  margin: 0;
  padding: 0 0 10px 0
}

.come-fare h3 {
  font-weight: 700;
  margin: 0;
  border-top: solid 1px #FFF;
  border-bottom: solid 1px #FFF;
  padding: 10px 5px
}

.come-fare h4 {
  font-style: italic;
  font-size: 22px
}

.come-fare p {
  font-size: 13px;
  line-height: 17px
}

.come-fare-bo {
  background: #d2820a;
  margin: 0 0 20px 0;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #FFF;
  background-image: url('../img/dotted-top.png'), url('../img/dotted-bottom.png');
  background-repeat: repeat-x, repeat-x;
  background-position: left top, left bottom;
}

.come-fare-bo h2 {
  font-weight: 700;
  font-size: 36px;
  margin: 0;
  padding: 0 0 10px 0
}

.come-fare-bo h3 {
  font-weight: 700;
  margin: 0;
  border-top: solid 1px #FFF;
  border-bottom: solid 1px #FFF;
  padding: 10px 5px
}

.come-fare-bo h4 {
  font-style: italic;
  font-size: 22px
}

.come-fare-bo p {
  font-size: 13px;
  line-height: 17px
}

.box-lunch {
  margin: 0
}

.box-giallo {
  background: #cc9b00;
  margin: 0 0 20px 0;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #FFF;
  background-image: url('../img/dotted-bottom.png');
  background-repeat: repeat-x;
  background-position: left bottom;
}

.box-giallo h2 {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: solid 1px #FFF
}

.box-giallo h2 strong {
  color: #ffc300
}

.box-giallo p {
  font-size: 13px;
  line-height: 17px
}

.box-arancio {
  background: #d2820a;
  margin: 0 0 20px 0;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #FFF;
  background-image: url('../img/dotted-bottom.png');
  background-repeat: repeat-x;
  background-position: left bottom;
}

.box-arancio h2 {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: solid 1px #FFF
}

.box-arancio h2 strong {
  color: #f39f1f
}

.box-arancio p {
  font-size: 13px;
  line-height: 17px
}

.box-verde {
  background: #56b07c;
  margin: 0 0 20px 0;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #FFF;
  background-image: url('../img/dotted-bottom.png');
  background-repeat: repeat-x;
  background-position: left bottom;
}

.box-verde h2 {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: solid 1px #FFF
}

.box-verde h2 strong {
  color: #83c59f
}

.box-verde p {
  font-size: 13px;
  line-height: 17px
}

/* --- BOX MENU --- */

.box-menu-area-riservata {
  color: #b71840;
  min-height: 620px;
  margin: 10px 0 0 0;
  padding: 20px 15px;
  background-image: url('../img/dotted-top.png'), url('../img/dotted-bottom.png');
  background-repeat: repeat-x, repeat-x;
  background-position: left top, left bottom;
  background-color: #f3e7cd;
}

.box-menu-area-riservata h3 {
  font-weight: 700;
  padding-left: 15px;
  padding-bottom: 5px
}

.box-menu-area-riservata ul {
  padding-left: 15px;
  min-height: 151px
}

.box-menu-area-riservata li {
  font-size: 18px;
  padding-bottom: 7px;
  line-height: 22px
}

.title-box-menu {
  background: #b71840;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 20px;
  margin-left: 1px;
  margin-right: 1px;
  background-image: url('../img/dotted-bottom-menu.png');
  background-repeat: repeat-x;
  background-position: left bottom;
  background-color: #b71840;
}

.title-box-menu p {
  color: #FFF;
  padding: 0;
  margin: 0
}

.title-box-menu p strong {
  font-size: 24px
}

.title-box-menu p small {
  font-size: 18px
}

.cerca-menu {
  margin-top: 10px
}

.cerca-menu button {
  border-left: 0px;
  padding-top: 9px;
  padding-bottom: 9px
}

.cerca-menu button span {
  color: #b71840
}

.cerca-menu input.form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.box-primi {
  background: transparent url('../img/ico-big-primi.png') 90% 20px no-repeat
}

.box-secondi {
  background: transparent url('../img/ico-big-secondi.png') 90% 20px no-repeat
}

.box-insalate {
  background: transparent url('../img/ico-big-insalate.png') 90% 20px no-repeat
}

.box-pizze {
  background: transparent url('../img/ico-big-pizze.png') 90% 20px no-repeat
}

.box-contorni {
  background: transparent url('../img/ico-big-contorni.png') 90% 20px no-repeat
}

.box-dessert {
  background: transparent url('../img/ico-big-dessert.png') 90% 20px no-repeat
}

.btn-download {
  background: #b71840;
  border-color: #b71840;
  color: #FFF
}

.btn-download:hover {
  background: #7B003B;
  border-color: #7B003B;
  color: #FFF
}

/* --- PRENOTA BOX LUNCH --- */

.box-prenota-box-lunch {
  border: solid 1px #e8e8e8;
  margin-top: 10px;
  padding: 20px 25px 30px 20px;
  -moz-box-shadow: 0 2px 2px #a5a5a5;
  -webkit-box-shadow: 0 2px 2px #a5a5a5;
  box-shadow: 0 2px 2px #a5a5a5;
}

.box-prenota-box-lunch h4 {
  padding: 0;
  margin: 0 0 190px 0;
  font-weight: 700;
  color: #c00f3c;
  font-size: 20px
}

.box-prenota-box-lunch .btn-ordina {
  background: #7b003b;
  border-color: #540028;
  color: #FFF
}

.box-prenota-box-lunch .btn-ordina:hover {
  background: #540028
}

.box-prenota-box-lunch-scaduta {
  margin-top: 10px;
  background-image: url('../img/dotted-top.png'), url('../img/dotted-bottom.png');
  background-repeat: repeat-x, repeat-x;
  background-position: left top, left bottom;
  background-color: #d29c6d;
}

.box-prenota-box-lunch-scaduta img {
  margin: 0 auto;
  padding: 30px 20px
}

/* --- NEWS AREA RISERVATA --- */

.box-news-area-riservata {
  background-color: #d7d2cb;
  margin-top: 20px;
  min-height: 300px;
  padding: 15px 20px 0 20px;
  background-image: url('../img/dotted-top.png'), url('../img/dotted-bottom.png');
  background-repeat: repeat-x, repeat-x;
  background-position: left top, left bottom;
}

.box-news-area-riservata li {
  min-height: 300px
}

.box-news-area-riservata p {
  font-size: 16px
}

.box-news-area-riservata p small {
  font-size: 12px
}

.box-news-area-riservata p a {
  color: #c00f3c;
  line-height: 22px
}

.box-news-area-riservata p a:hover {
  color: #000;
  text-decoration: none
}

.box-news-area-riservata p a strong {
  font-size: 22px;
  line-height: 22px;
}

.box-news-area-riservata .bx-wrapper {
  margin-bottom: 50px
}

.box-news-area-riservata .bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  left: 0;
  background: transparent
}

.box-news-area-riservata .bx-wrapper .bx-prev {
  left: -20px;
  background: url('../img/controls.png') 0 -80px no-repeat
}

.box-news-area-riservata .bx-wrapper .bx-next {
  right: -20px;
  background: url('../img/controls.png') -80px -80px no-repeat;
}

.box-news-area-riservata .bx-wrapper .bx-prev:hover {
  background-position: 0 0
}

.box-news-area-riservata .bx-wrapper .bx-next:hover {
  background-position: -80px 0
}

.box-news-area-riservata .bx-wrapper .bx-controls-direction a {
  margin-top: 40px;
  width: 80px;
  height: 80px
}

.box-news-area-riservata .bx-wrapper .bx-pager.bx-default-pager a {
  background: #bebebe;
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.box-news-area-riservata .bx-wrapper .bx-pager.bx-default-pager a:hover, .box-news-area-riservata .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #c00f3c;
}

.box-contattaci {
  margin-top: 20px;
  min-height: 380px;
  background-image: url('../img/dotted-top.png'), url('../img/dotted-bottom.png');
  background-repeat: repeat-x, repeat-x;
  background-position: left top, left bottom;
  background-color: #7b0a38;
}

.box-contattaci p {
  padding: 25px 0
}

.box-contattaci img {
  margin: 0 auto;
  padding: 0 20px
}

.box-come-prenotare {
  margin-top: 20px;
  min-height: 380px;
  background-image: url('../img/dotted-top.png'), url('../img/dotted-bottom.png');
  background-repeat: repeat-x, repeat-x;
  background-position: left top, left bottom;
  background-color: #b71840;
}

.box-come-prenotare p {
  padding: 25px 0
}

.box-come-prenotare img {
  margin: 0 auto;
  padding: 0 20px
}

.box-ristorante {
  margin-top: 20px
}

/* Extra small devices (phones, less than 768px) */

/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {
  .header {}
  h1.logo-home {
    float: left;
    width: 168px;
    margin: 30px 0 40px 0;
    padding: 0;
    background: transparent url('../img/logo-camst-desktop.jpg') center center no-repeat
  }
  h2.logo-generale {
    float: left;
    width: 188px;
    margin: 30px 0 0 10px
  }
  .menu-top {
    margin-top: 0;
    font-size: 14px;
    display: block;
    border-top: solid 1px #e1e1e1;
    background: #f5f5f5
  }
  .menu-top.nav>li>a {
    color: #7b0a26;
    padding: 10px
  }
  .menu-top.nav li a span.caret {
    border-bottom-color: #7b0a26;
    border-top-color: #7b0a26;
  }
  /* --- MENU MOBILE --- */
  .js .slicknav_menu {
    display: none;
  }
  /* --- BOX UTENTE --- */
  .box-utente {
    padding-top: 50px
  }
  .box-utente p {
    text-align: right;
    padding: 0;
    font-size: 15px
  }
  .box-utente p a i {
    margin-left: 0
  }
  /* --- FOOTER --- */
  .footer {
    margin-top: 20px;
  }
  .footer-content {
    padding: 60px 30px;
    background-image: url('../img/dotted-top.png'), url('../img/dotted-bottom.png');
    background-repeat: repeat-x, repeat-x;
    background-position: left top, left bottom;
    background-color: #f3e7cd;
  }
  .footer-content h3 {
    font-weight: 700;
    font-size: 16px;
  }
  .footer-content p {
    font-size: 12px;
    line-height: 18px
  }
  .footer-content a {
    color: #000
  }
  .footer-content img {
    padding-top: 50px;
  }
  /* --- PERCORSO - ARCHIVIO ORDINI --- */
  .box-percorso-archivio .percorso {
    padding-bottom: 0
  }
  .box-percorso-archivio .archivio-ordini {
    text-align: right
  }
  .box-percorso-archivio .archivio-ordini a {
    padding-right: 15px;
    padding-left: 0
  }
}

/* Medium devices (desktops, 992px and up) */

@media (min-width:992px) {
  h1.logo-home {
    background-position: left center;
    margin-left: 0
  }
  h2.logo-generale {
    margin: 30px 0 0 10px
  }
  .menu-top {
    margin-top: 50px;
    font-size: 13px;
    border-top: none;
    float: right;
    background: transparent
  }
  .menu-top.nav>li>a {
    color: #7b0a26;
    padding: 10px 5px
  }
  .menu-top.nav li a span.caret {
    border-bottom-color: #7b0a26;
    border-top-color: #7b0a26;
  }
  /* --- BOX UTENTE --- */
  .box-utente p {
    font-size: 20px
  }
  .box-utente p a i {
    margin-left: 5px
  }
  .box-utente a.logout i {
    margin-left: 5px;
  }
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width:1200px) {
  .header {}
  h1.logo-home {
    background-position: left center
  }
  .menu-top.nav>li>a {
    padding: 10px
  }
}

/* FORM */

form fieldset legend {
  color: #cd123c;
  padding: 20px 0 0 0;
}

input.error {
  border-color: #b94a48
}

span.form-required {
  color: #b94a48
}

#campo_nome {
  width: 80%
}

#campo_cognome {
  width: 80%
}

#competenza {
  display: none
}

#campo_citta {
  width: 60%
}

#campo_cap {
  width: 40%
}

#campo_telefono {
  width: 60%
}

#edit-testo-privacy {
  resize: none;
}

#campo_username {
  width: 80%
}

#campo_password {
  width: 80%
}

#campo_conferma_password {
  width: 80%
}

/* ACCORDION PASTI */

.linkpiattomenu {
  color: #b71840;
  letter-spacing: -.5px;
}

.linkpiattomenu:hover, .linkpiattomenu:visited {
  color: #b71840;
  text-decoration: none;
}

.linkpiattomenu ::before {
  content: '';
  float: left;
  margin-right: 4px;
  width: 15px;
  height: 20px;
  background: url('../img/pasti-ico.png') no-repeat top left;
}

.linkpiattomenusub {
  border-left: 2px dotted #b71840;
  font-size: 14px;
  line-height: 18px;
  margin: 6px 0 6px 9px;
  padding-left: 9px;
}

.allergeni {
  padding-top: 20px;
  padding-left: 0 !important;
  margin-bottom: 0;
  border-top: 1px solid #e9b9c5;
  font-style: italic;
  font-size: 16px;
}