/* Reset minimo. Il cssreset di YUI azzerava il margin del body; da quando Yahoo ha
   spento quel CDN l'URL risponde 404 e il default del browser (8px) e' tornato:
   con body { width: 100% } quei margini fanno sbordare la pagina in orizzontale.
   Qui si azzera solo il margin, non l'intero reset: il CSS e' stato disegnato senza. */
html, body { margin: 0; padding: 0; }

/* Footer a fondo pagina senza JavaScript. Prima lo posizionava fix-footer.js
   misurando le altezze al load: se in quel momento il contenuto era piu' corto
   della finestra metteva position:absolute, e quando la gallery si espandeva il
   footer restava sopra i contenuti. */
body { min-height: 100dvh; display: flex; flex-direction: column; }
#footer_container { margin-top: auto; }

/******************************************************************************
 * CONSTANTS
 ******************************************************************************/
/******************************************************************************
 * UTILITIES
 ******************************************************************************/
/******************************************************************************
 * FONTS
 ******************************************************************************/
/******************************************************************************
 * MARGINS
 ******************************************************************************/
.mt20 {
  margin-top: 20px; }

.mt60 {
  margin-top: 60px; }

/******************************************************************************
 * PADDINGS
 ******************************************************************************/
/******************************************************************************
 * WIDTHS
 ******************************************************************************/
.w100p {
  width: 100%; }

/******************************************************************************
 * HTML
 ******************************************************************************/
body {
  width: 100%;
  height: 100%;
  color: white; }

body .container {
  width: 100%; }

ul {
  display: block;
  float: left; }

li {
  float: left;
  outline: none;
  list-style: none; }

a, a:hover, a:visited {
  text-decoration: none;
  color: white; }

.clear {
  clear: both; }

.hidden {
  display: none; }

.block {
  display: block; }

.none {
  float: none; }

.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center; }

.top {
  vertical-align: top; }

.mid {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.light {
  font-weight: 300; }

.bold, strong {
  font-weight: 700; }

body {
  font-family: "Open Sans", sans-serif;
  color: #222; }

.arancio_bianco_lnk {
  color: #ed7f00; }

.arancio_bianco_lnk:hover {
  color: #fff; }

#header_container {
  width: 100%;
  height: 140px;
  background-image: url("../img/bg-header.png");
  background-repeat: repeat-x; }
  #header_container #header {
    margin: auto;
    height: 140px; 
        width: 940px; }
    #header_container #header a:hover, #header_container #header .selected, #header_container #header h1 {
      color: #ed7f00; }
    #header_container #header #logo {
      float: left; }
      #header_container #header #logo img {
        width: 180px;
        height: 108px; }
    #header_container #header ul {
      height: 75px;
      float: left; 
          width: 694px; } 
      #header_container #header ul li {
        margin-top: 30px; 
            margin-left: 40px;
            font-family: "Open Sans", sans-serif;
            font-size: 17px; } 
    #header_container #header .lingue {
      height: 75px;
      float: right; }
      #header_container #header .lingue img {
        height: 20px;
        margin-top: 32px; }

#banner_parallax_container {
  width: 100%;
  background: url("../img/sfridi.jpg") no-repeat;
  background-size: cover;
  z-index: 0; }

#banner_container {
  width: 100%;
  background: url("../img/pattern.png") repeat;
  z-index: 1; }
  #banner_container #banner {
    margin: auto;
    text-align: left;
    padding: 100px 0px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 72px;
    color: white; 
        width: 940px; } 

#corpo_container {
  width: 100%; }
  #corpo_container #corpo {
    margin: auto;
    padding: 85px 0px 100px 0px;
    color: black; 
        width: 940px; } 
    #corpo_container #corpo .left {
      padding-top: 14px;
      margin-right: 20px; 
          width: 540px; } 
      #corpo_container #corpo .left .video-container {
        position: relative;
        height: 0;
        padding-bottom: 56.25%;
        overflow: hidden; }
        #corpo_container #corpo .left .video-container iframe, #corpo_container #corpo .left .video-container object, #corpo_container #corpo .left .video-container embed {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      #corpo_container #corpo .left p {
        margin-top: 25px;
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        font-size: 18px; }
      #corpo_container #corpo .left img.youtube {
        width: 40px;
        height: 28px;
        margin-right: 10px;
        vertical-align: middle; }
      #corpo_container #corpo .left span.youtube {
        vertical-align: middle; }
        #corpo_container #corpo .left span.youtube a {
          color: #ed7f00; }
        #corpo_container #corpo .left span.youtube a:hover {
          color: #222; }
        #corpo_container #corpo .left span.youtube .arancio_bianco_lnk {
          color: #ed7f00; }
        #corpo_container #corpo .left span.youtube .arancio_bianco_lnk:hover {
          color: #fff; }
      #corpo_container #corpo .right {
        width: 380px; } 
    #corpo_container #corpo .right .titolo {
      font-family: "Open Sans ", sans-serif;
      font-weight: 700;
      font-size: 42px;
      color: #ed7f00; }

#corpo2_parallax_container {
  width: 100%;
  background: url("../img/pentole.jpg") no-repeat;
  background-size: cover;
  z-index: 0; }

#corpo2_container {
  width: 100%;
  background: url("../img/pattern.png") repeat;
  z-index: 1; }
  #corpo2_container #corpo2 {
    margin: auto; 
    
        width: 940px; } 
    #corpo2_container #corpo2 #corpo2_interno {
      width: 700px;
    /*
     * right-only: set left and right;
     * left (and right): set left (and right);
     * to set right-only: pass 0 (zero) as $left
  
     * top-only: set top and bottom;
     * bottom (and top): set bottom (and top);
     * to set top-only: pass 0 (zero) as $bottom
     */
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 80px;
      padding-bottom: 80px;
      font-size: 16px;
      color: white; }
      #corpo2_container #corpo2 #corpo2_interno em {
        font-family: "Open Sans ", sans-serif;
        font-weight: 700;
        font-size: 24px; }

#attivita-centered-wrapper {
  margin: auto;
  padding: 68px 0px 80px 0px; 
      width: 940px; } 
  #attivita-centered-wrapper .left .titolo {
    font-family: "Open Sans ", sans-serif;
    font-size: 32px;
    color: #222;
    margin-bottom: 10px; }
    #attivita-centered-wrapper .left {
      width: 590px; }
      #attivita-centered-wrapper .left .mtop {
        margin-top: 70px; }
      #attivita-centered-wrapper .left img {
        width: 590px;
        margin-bottom: 10px; } 
  #attivita-centered-wrapper .right {
    color: white;
    background: #333 url("../img/pattern.png") repeat;
    font-family: "Open Sans", sans-serif;
    text-align: center; }
    #attivita-centered-wrapper .right .titolo {
      padding-bottom: 3px;
      border-bottom: solid 3px #ed7f00; }
      #attivita-centered-wrapper .right {
        width: 300px;
        padding: 20px 0px;
        font-size: 24px; }
        #attivita-centered-wrapper .right p {
          margin: 0px 20px; }
        #attivita-centered-wrapper .right .titolo {
          font-size: 32px; }
        #attivita-centered-wrapper .right img {
          max-width: 300px;
          margin-top: 50px; } 

#servizi-centered-wrapper {
  margin: auto;
  padding-bottom: 40px; 
      width: 940px; }
    #servizi-centered-wrapper .left {
      width: calc(70% - 20px)} 
    #servizi-centered-wrapper .right {
      width: 30%; } 
  #servizi-centered-wrapper .titolo {
    font-family: "Open Sans ", sans-serif;
    font-size: 24px;
    border-bottom: 3px solid #ed7f00;
    margin-bottom: 20px; }
    #servizi-centered-wrapper ul {
      width: 295px; }
  #servizi-centered-wrapper li {
    list-style: disc inside;
    width: 90%; }

#gallery-centered-wrapper {
  margin: auto;
  padding-bottom: 80px;
      width: 940px; } 
  #gallery-centered-wrapper .glightbox, #gallery-centered-wrapper .more {
    float: left;
    width: 140px;
    height: 140px;
    margin: 0px 15px 15px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer; }
  #gallery-centered-wrapper .titolo-gallery {
    font-family: "Open Sans ", sans-serif;
    font-size: 32px;
    border-bottom: 3px solid #ed7f00;
    margin-bottom: 40px; }

#attrezzature-centered-wrapper {
  margin: auto;
  padding-bottom: 50px;
  width: 940px; } 
#attrezzature-centered-wrapper .titolo {
  font-family: "Open Sans ", sans-serif;
  font-size: 32px;
  border-bottom: 3px solid #ed7f00;
  margin-bottom: 40px; }
#attrezzature-centered-wrapper li {
  list-style: disc inside;
  width: 90%; }

#contatti-centered-wrapper {
  margin: auto;
  padding: 40px 0px 50px 0px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px; 
      width: 940px; } 
  #contatti-centered-wrapper form {
    width: 620px; }
  #contatti-centered-wrapper .error {
    color: white;
    background-color: #ed7f00;
    padding: 4px; }
  #contatti-centered-wrapper input, #contatti-centered-wrapper textarea {
    border: 0 none;
    background-color: #f2f2f2;
    height: 30px; }
  #contatti-centered-wrapper input[type=text], #contatti-centered-wrapper textarea {
    margin-top: 5px; }
  #contatti-centered-wrapper #submit {
    font-family: "Open Sans ", sans-serif;
    color: #fff;
    background-color: #000;
    width: 75px;
    height: 32px; }
  #contatti-centered-wrapper #submit:hover {
    background-color: #ed7f00; }
  #contatti-centered-wrapper img {
    width: 35px;
    height: 35px;
    margin: 5px 8px 0px 7px; }
  #contatti-centered-wrapper em {
    font-family: "Open Sans ", sans-serif;
    font-weight: 700;
    font-size: 32px; }

#nome_id, #email_id {
  width: 300px; }

#oggetto_id {
  width: 620px; }

#testo_id {
  width: 620px;
  min-height: 150px; }

#hptinp_id {
  width: 0px;
  height: 0px;
  border: 0 none; }

#footer_container {
  width: 100%;
  background-color: #222; }
  #footer_container #footer {
    margin: auto;
  /*
   * right-only: set left and right;
   * left (and right): set left (and right);
   * to set right-only: pass 0 (zero) as $left

   * top-only: set top and bottom;
   * bottom (and top): set bottom (and top);
   * to set top-only: pass 0 (zero) as $bottom
   */
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 120px;
    padding-top: 50px;
    color: white; 
        width: 940px; }
    #footer_container #footer td {
      padding: 3px; }
      #footer_container #footer td img {
        width: 18px;
        height: 18px;
        margin-top: 5px; }
    #footer_container #footer .c1 {
      float: left;
      margin-right: 20px;
      font-size: 13px; 
          width: 380px; } 
      #footer_container #footer .c1 em {
        font-family: "Open Sans ", sans-serif;
        font-size: 16px; }
    #footer_container #footer .c2 {
      margin-right: 20px;
      float: left;
      font-size: 13px; 
          width: 300px; }
      #footer_container #footer .c2 em {
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        font-size: 13px; }
    #footer_container #footer .c3 {
      width: 220px;
      float: left;
      font-size: 13px; }
      #footer_container #footer .c3 em {
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        font-size: 13px; }

a.privacy {
  display: block;
  text-decoration: underline;
  margin-bottom: 10px;
  color: #ccc;
}
a.privacy:hover {
  color: #fff;
}

#gallery-centered-wrapper .glightbox, #gallery-centered-wrapper .more{
    width: calc(100% / 6);
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 0px !important;
}

#gallery-centered-wrapper .retina.more img {
  width: calc(100% - 5px)
}
#header_container-mobile-first{
  display: none;
}
#header_container #header h1{
  margin: 1.25em 0;
  font-size: 22px;
}

@media only screen and (min-width:220px) and (max-width:767px){
  
  * {
    margin: 0;
    padding: 0;
  }
  html, body {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .w100p {
    width: 100%;
  }
  img, iframe, video, object {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  #banner_parallax_container #banner {
    width: 300px;
    font-size: 30px;
  }
  #header_container #header {
    width: 100%;
    margin: 0 auto; 
  }
  #corpo_container #corpo{
    width: 100%;
    margin: 0px auto;
    padding: 10px;
    box-sizing: border-box;
  }
  #footer_container #footer {
    width: 100%;
    background-color: #222;
    padding: 10px;
    box-sizing: border-box;
  }
  #corpo2_parallax_container #corpo2_container #corpo2 #corpo2_interno{
    width: 100%;
    margin: 0px auto;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
  }
  #corpo_container #corpo .left{
    margin-right: 0px;
  }
  #menu {
    float: right;
    width: 50%;
  }
  #header_container {
    background-color: #ed7f00;
    width: 100%;
    background-image: none;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
  }
  #header_container #header ul{
    width: 100%;
  }

  #header_container #header #logo{
    display: none;
  }
  #header_container #header .lingue {
    display: none;
  }
  #menu-logo{
    float: right;
    margin: 0;
  }
  #header_container #header, #banner_container #banner,   #corpo_container #corpo, #corpo2_container #corpo2, #attivita-centered-wrapper, #servizi-centered-wrapper, #gallery-centered-wrapper, #attrezzature-centered-wrapper, #contatti-centered-wrapper, #footer_container #footer{
    width:100%;
    box-sizing: border-box;
    padding: 10px;
  }
  #corpo_container #corpo .left, #corpo_container #corpo .right{
    width: 100%;
  }
  #footer_container #footer .c1, #footer_container #footer .c2 {
    width: 100%;
  }
  #attivita-centered-wrapper .left, #attivita-centered-wrapper .left img, #attivita-centered-wrapper .right{
    width: 100%;
  }
  #attivita-centered-wrapper .right img, #attivita-centered-wrapper .right li {
    width: 100%;
  }
  #servizi-centered-wrapper .left, #servizi-centered-wrapper .right{
    width: 100%;
    margin-bottom: 20px;
  }
  #contatti-centered-wrapper form, #contatti-centered-wrapper form .left, #contatti-centered-wrapper form .right{
    width:100%;
  }
  #nome_id, #email_id, #oggetto_id, #testo_id {
    width: 100%;
    margin-bottom: 10px;
  }
  #contatti-form, #contatti-telefono, #contatti-indirizzo{
    width: 100% !important; 
    margin-left: 0px !important;   
    margin-bottom: 20px;
    height: auto !important;
  }
  #contatti-telefono .right, #contatti-indirizzo .right {
    width: 100% !important;
    float: left !important;    
  }
  #contatti-telefono .right em, #contatti-indirizzo .right em {
    font-size: 22.5px;    
  }
  #contatti-info{
    width: 100% !important;
    height: auto !important;
  }
  #gallery-centered-wrapper .glightbox, #gallery-centered-wrapper .more{
    width: 150px; 
    margin: 5px !important;
    }
  #gallery-centered-wrapper .retina.more img {
    width: 100%;
  }
  #header_container{
    display: none;
  }
  #header_container-mobile-first{
    display: block;
  }
  .arancio_bianco_lnk {
  color: #ed7f00; }

  .arancio_bianco_lnk:hover {
    color: #fff; }

  #menu {
      width: 100%;
      height: 0px;
      overflow: hidden;
      background-color: #222;
  }
  #menu img {
      width: 20px;
      height: 20px;
  }
  #menu a:hover,
  #menu .selected {
      color: #ed7f00;
  }
  #menu .sx {
      border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
  #menu .sx-mid {
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      border-right: 1px solid rgba(255, 255, 255, 0.5);
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  #menu .dx-mid {
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  #menu table {
      width: 100%;
  }
  #menu table td {
      width: 50%;
      height: 40px;
      text-align: center;
      font-family: 'Open Sans Condensed', sans-serif;
      font-size: 18px;
      color: white;
  }
  #menu table td h1 {
      font-size: 18px;
      color: #ed7f00;
  }
  #header_container-mobile {
      width: 100%;
      height: 40px;
      background-color: #ed7f00;
      margin-bottom: 30px;
  }
  #header_container-mobile #header-mobile {
      margin: 0px auto;
      height: 40px;
      width: 300px;
  }
  #header_container-mobile #header-mobile #logo {
      width: 60px;
      height: 40px;
  }
  #header_container-mobile #header-mobile #menu-logo {
      width: 40px;
      height: 40px;
      float: right;
      cursor: pointer;
  }



}
/*# sourceMappingURL=desktop.css.map */