/*layout*/
/* body {background-image: linear-gradient(to top, white, #BBB6AE); background-attachment: fixed;} */

@media screen and (min-width: 768px /*1024px*/) {
.desktop {display: flex;}	
.mobile {display: none;}
#piede {width: 90%;}
#content {min-width: 54vw;}
}

@media screen and (max-width: 768px /*1024px*/) {
/*[class*="carousel"] {display: none;}*/
.desktop {display: none;}	
.mobile {display: flex;}
#piede, #white {width: calc(90vw - 100px)}
}

@media screen and (max-width: 480px) {
 #logo h1 {font-size: 5vh}
 /*h1.ribbon {margin-bottom: 3em;}*/
 #olon {width: 100%; }
 #content {padding-left: 0%;
  margin: auto 1px;}
 #tags {transform: none;
 max-width: 90%;}
 #content img {max-width: 98% !important;}
 ul#nav li ul li {
   display: none;}
 ul#nav li {
  /* background: #7d7d7d;
   background-image: linear-gradient(to bottom, #606060, #9F9F9F);*/}
 [class*="caption"] {float: none !important;}

 .boxino {width: auto;}

 * {float: none}
 img {max-width: 85vw;
    height: auto;
    width: auto\9; /* ie8 */}

 /*#header {text-align: center; }*/
/* #menu {
  margin-top: 10%;
  padding: 0px;
  display: grid;
  place-items: center;
}*/
 #nav {display: grid;
  justify-content: center;
  justify-items: center;
  }
 #nav li {
/*   display: grid; */
/*   align-self: center; */
  margin-bottom: 10px;
/*   margin-left: auto !important; */
  min-width: 122px;
  list-style: none;
  width: 100%;
  border-radius: 4px;
  padding: 2px 6px;}
  #nav li a {
   border-radius: 4px;
   color: white; text-decoration: none; }
  #nav li:hover {
   border: white solid 2px !important;
   font-size: 110%;
  }
  #nav li ul li {display: none;}

.desktop {display: none;}
.mobile {display: flex; /*position: relative; z-index: -1;*/}


#piede {margin: auto;}

#natalizio {
  text-align: center;
  font-size: 5vw;
  width: 90%;
  padding: 1%;
  margin-top: 2%;
  margin-bottom: 1%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-image: linear-gradient(to bottom, #E0CA7F,#9A7733);
  padding-top: 0%; padding-bottom: 2%; border-radius: 12px; box-shadow: gray 8px 8px 8px;
}
#natalizio img {box-shadow: none; max-width: 3vw !important; }
#natalizio span:not([lang="it"]){display:none;}


}

/*pro galleria dipinti*/
#galleria li {border-bottom: 2px dashed #434671; font-size: 120%; line-height: 150%; color:#434671; }
#galleria li a {text-decoration: none; }

/* layout pagina BEGIN */
body {
  display: grid;
/*   justify-items: center; */
  max-width: 1024px;
  margin:0% auto;
  padding-bottom: 1%;
  background: url(multimedia/img/il-lago-col-Baldo-innevato) no-repeat fixed;
  background-position: 30% 85%;
  background-size: cover /*100% auto*/;
}

#olon {
  display: grid;
/*   max-width:95vw; */
}

#header {
  display: grid;
  margin-bottom: 2%;
}
#header .ie7 {
  display: none;
}

#menu {
  background: none;
  margin-top: -5%;
/*   z-index: 5; */
/*   margin-top: -5px; */
/*   padding: 2%;  */
/*   border-radius: 10px;  */
/*   box-shadow: black 3px 3px 3px; */
}

#content {
 background: white;
 border-radius: 10px;
 box-shadow: black 3px 3px 3px;
 padding: 2%; opacity: 0.9;
 margin: 0% auto;
 height: 100%;
 z-index: 10;
}	

#piede {
  display: grid;
  justify-self: center;
  justify-items: center;
  background: var(--gradient-scuro);
  color: white;
  padding: 1%;
  text-align:center;
  font-size: 80%;
  box-shadow: black 3px 2px 4px;
  border-radius: 20px;}
#piede {
  margin-top: 5%;
}
#piede p#social {text-align:center; margin-left: auto; margin-right: auto; }
#piede #social img {margin-bottom: 0%;}

#piede #blogsir {color: white; font-weight: bolder; text-decoration: none; font-size: 200%; text-shadow: silver 2px 2px;border-radius: 40%; padding: 5px 10px 5px 10px; box-shadow: black 3px 3px 3px;}/* facebook e blog sirmione */
#piede #blogsir {background: linear-gradient(to bottom, #606060, #9F9F9F);}

a#cookies, a#privacy {color: white; text-decoration: none;}

/*---------------w3c ---------------*/
#w3c { margin-top: 2%; font-size: 80%; text-align: center;}
#w3c a {text-decoration: none; border: solid black thin; padding: 2px;}
#w3c a span {color: white;}
#w3c span {padding-left: 3px; padding-right: 3px;}
#w3c span.valid {margin-right: 0px; background: #C3B69A;}
#w3c span.what {margin-right: 0px; background: #8A8E75;}

/*----------pub giardino fondo pagina------------*/
#pubgiardino {
  text-align: center;
  margin: auto;
  border-radius: 6px;
  box-shadow: white 0 0 18px;
/*   background: #9F9F9F;} */
#pubgiardino img {
 /* box-shadow: none !important;*/}

#partitaiva {/*margin-top: -1%; */
  text-align: center !important;
  font-size: 65%; color: white;}

/* layout pagina END */



/*----------natalizio-------------*/
#natalizio {width: 100%; text-align: center; background-image: linear-gradient(to bottom, #E0CA7F,#9A7733);
padding: 0% auto;
border-radius: 12px; box-shadow: gray 8px 8px 8px;}
#natalizio img {box-shadow: none;}