.gopage{margin:20px;}

.greenB{
font-weight:bold;
color:green;
}
.corsivo{
font-style: italic;
}

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
body{
background:#F0F2EE;
color:#2d2d2d;
/*font: Specimen, "Helvetica Neue Light", "Helvetica Neue", helvetica,arial,verdana,sans-serif;*/
font-family: Specimen;
font-size:22px;
margin:0;
}
#menu ul>li a{
font-size:17px;	
	
}
#copyr{
font-size:14px;
text-align:center;
margin-top:20px;
}
h1{
text-align:center;
font-size: 180% /*corrisponde a 28.8px in descrizione.htm che è il modello base*/
/*margin:30px 0 30px 20px;*/  
font-weight:bold;
font-family : Specimen;

}

h2{
color:#555;
font-weight:normal;
font-size:150%;

margin:30px 0 5px 20px;/* da testare */
font-family : Specimen;
}

h3,h4{
color:#555;
font-weight:normal;
font-size:150%;
font-family : Specimen;
margin: 50px 0 5px 20px;/* da testare */
}

h4{
font-size:150%;
}

#wrapper{
display:table;
margin:auto;
width:970px;
height:auto;
background:#fafafa;
border:solid 1px red;
}

#logo{
text-align:left;
float:left;
width:100%;
margin:0 0 10px 0;
padding:0;
background:#06263F;/*#06263F;#1a1e21;*/
color:#fff;
border-top:solid 1px #242527; 
height:565px;/*height:117px;/*241px; con immagine panoramica del Lago */
/*background-image:url("../../nbanner10.jpg"); //url("../../nbanner10.svg");*/
/*background-image:url("../../copertine/ferragosto_21.jpg"); /*url("../../nbanner10.svg");*/
/*Rigo deselezionato per test Cartore*//*background-image:url("../../copertine/lago_maggio_2021.jpg"); /*url("../../nbanner10.svg");*/
/*background-image:url("../../Lago_della_Duchessa_20&04-19_gf (41).jpg"); url("../../nbanner10.svg");*/
	background-repeat: no-repeat;
	background-position: 0px 0px;  
}
/*end add by my. Also the header that follows has been edited by me*/

#header{
text-align:center;
font-weight:bold;
float:left;
width:100%;
margin:0 0 0 0;
padding:0;

border-top:solid 0px #242527; 

}

#container{
text-align:left;
display:table;
width:100%;
margin:0 auto;
padding:0;
background:#fafafa;
}

#content{
float:left;
text-align:justify;

width:73% /*60%*/;
margin:0px auto 0px 0px;
background:#fff;
color:#222;
padding:0;
border:solid 1px #eee;
/*box-shadow: 10px 10px 5px 6px rgba(0,0,0,0.75);*/
}
#content ul>li {word-break: break-word;}	
.copertina{
 width:176px;padding:2px;border:solid 1px #000;
 margin:5px 30px 0px 30px;  
}
/*.copertina-sin{margin:5px 0px 0px 20px;}*/
/*.copertina-dx{margin:5px 0px 20px 0px;}*/
p,li {
line-height:150%;
margin:10px 20px 5px 20px;
}
#content p, #content ul>li, #content a, #content ul>li a, #content ul>li, #content  div,
{text-align:justify;
font-size:18px;
}
#sidebar{
float:left;
text-align:left;
display:table;
width: 22% /*35%;*/;
margin:10px 0 10px 20px;
background:#fff;
color:#222;
padding:0;
box-shadow: 10px 10px 5px 6px rgba(0,0,0,0.75);
margin-top:0px;
}

div#sidebar img{margin-left:1.5em;

}

div#sidebar ul{
	box-shadow: 10px 10px 5px 6px rgba(0,0,0,0.75);
	
}

.title{
font-size:150%;
margin:20px 0 0px 20px;
padding:0 0 0 5px;
font-weight:normal;
font-family : Specimen;
background:#bc6128 /*#fff;*/;
color:#fff /*#555;*/;
/*added by me*/
border:solid 1px #000;
box-shadow: 10px 10px 5px 6px rgba(0,0,0,0.75);
}
#sidebar h2{
font-size:150%;
margin:20px 0 2px 20px;
padding:0 0 0 5px;
font-weight:normal;
font-family : Specimen;
background:#bc6128 /*#fff;*/;
color:#fff /*#555;*/;
/*added by me*/
border:solid 1px #000;

}

ul{
padding: 0;
margin: 10px 0 20px 0;
list-style:none;
}

ul li{
margin:5px 5px 10px 22px;
}
/*class verdino and
the specifications of the <li> tag  and <a> tag 
of the <div> sidebar 
were added by me
*/ 

.verdino{ 
margin-top: 0px;
background-color: #EEF3DC;
margin-left:20px;
border:solid 1px #000;
}
div#sidebar li {
	border-top: 1px solid #E0E0E0;
	padding-bottom: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 0px;

}

div#sidebar a{
color:black;
text-decoration:none;
}
div#sidebar a:hover{
color:blue;
text-decoration:underline;
}

.legend{margin-left:1.5em;}
/*End additions made by me*/

/* ID "Menu" sotto crea 
un menu con sfondo nero ove richiamato 
ora in intestazione pagina
*/
#menu{
text-align:left;
float:left;
width:100%;
background:#141517;/*#B15B25;// #F29931;//#318331;*/
color:#fff;
padding:0;
margin:0;
border-bottom:solid 1px #37383A;
font-size:120%;
}
#menu ul{
padding:0;
margin:0;
list-style:none;
}
#menu li{
display:inline;
padding:0;
margin:10px 0 10px 0;
}
#menu a{
display:inline-block;
text-decoration:none;
padding:10px 20px;
margin:0;
color:#fff;
background:inherit;
}
#menu a:hover{
/*background:#444;*/
background:#CC6600;/*#444;*/ /*ADDED BY ME*/
color:#fff;

}

/* ID footer crea il Pié di pagina 
nero con scritte bianche contenente 
gli indirizzi dell'Ente*/
#footer{
float:left;
width:100%;
margin:10px 0 0 0;
padding:0;
background:#1a1e21; /*#30373d; */
color:#fff;
border-top:solid 1px #242527;
font-size:95%
}
#footer div{
padding:10px;
}
div#footer a,a:link, a:visited{color:white}
#footer a{
color:#fff;
text-decoration:none;}
#footer a:hover{
color:#fff;
text-decoration:underline;}
.scheda{
width:60%;margin-top:30px;
margin:auto;;text-align:left;
font-size:18px;border:solid 1px #000;
padding:1em;
}
.mob{max-width:400px;border:double 1px #000;}
.lago-500{width:500px;margin:auto}
.mob1{max-width: 100%;
  width:100%;
  border:double 1px #000;}
.mob2{max-width: 96%;
  width:90%;
  border:solid 1px #000;
  padding:0.25em;
  margin-left:12px}  
.anteprima{width:200px;border:double 1px #000;}
/*.mob definisce max grandezza per le immagini in content */
.bordo_doppio{border:double 6px #000;}

.menu_sx_color {
	border-left: solid 3px #000;
 
}
li.menu_sx_color:hover {
	border-left: solid 4px green;
}
.menu_sx {
	text-align: center;
	padding: 0.1em;
	border: solid 1px #000;
	border-bottom: 0px;
	color: white;
	background-color: #bc6128;
	padding: 0em;
	box-shadow: 10px 10px 5px 6px rgba(0,0,0,0.75);
}
/* L'ID "menu-sez" e settato a display:none ossia
non e visibile quando la pagina utilizza questo foglio di stile
Esso e visibile per i dispositivi mobili 
vedere: "mob.css" */
#menu-sez{
display:none;
}
#menu-sezione	{
display:none;
}
/*La classe "side-sez" sotto permette di  avere un menu
 con div gialla e ul-li verdina del modello
 <div class="side-sez">
  <ul>
   <li>
   <li
  </ul>
 </div>
 */
.side-sez{
margin:0em 0.4em 0.0em 0.4em;
} 
.side-sez ul{
background-color:#FBF5BF;
border:solid 1px #000;

}
.side-sez li{
background-color:#EEF3DC;
margin:0em 0.4em 0.0em 0.4em;
padding-left: 0.4em;
border-top: 1px solid #E0E0E0;
}
.side-sez ul li:first-child{
margin-top:0.4em;
}
.side-sez a{
padding-left:0.8em;
}
/* FINE CLASSE side-sez */

.grass{font-weight:bold} /* classe grssetto*/
.centra{margin:auto;text-align:center;font-size:90%}   /* centra testo */
.sentieri{
margin:0.25em;padding:0.25em;
border:double 3px #000
}
/*giochi*/
.pezzi-tavolo{
  width:90px;
  height:68px;
  }
.div-pezzi-tavolo{
  float:left;
}  
.content-pezzi{
  float:left;
  width:276px;
  margin:auto
}
.sfondo{
 float:left;
 width:200px;
 height:147px;
 border:solid 3px red;
}
.sfondo1{
 float:left;
 width:155px;
 height:124px;
 border:solid 3px red;
}
.content-centrale{border:double 3px #000;width:620px; height:455px;border:solid 3px blue;
  background-image:url(../../giochi/puzzle/general_puzzle_618w.png);margin:auto;float:left}
.mappa{width:90%;height:600px;} 


#hamburger{ /*div im prima pagina con informativa fatturazione elettronica non visibile sui grandi schermi */
display:none;
}
#esteso{
display:none;	
}
/*PRIMA PAGINA*/
 
#fattur{ /*div im prima pagina con informativa fatturazione elettronica non visibile sui grandi schermi */
display:none;
}
div#english{
float:right
}
.trail{width:700px;border:double 3px red; padding:0.25em;}
div#content a{
color:blue;
text-decoration: underline;

}
.w357{
width:300px}
.verde li {/*div#menu li {*/
	border-top: 1px solid #E0E0E0;
	background-color: #EEF3DC;
	padding: 0.3em;
	padding-top: 0.3em;
	padding-right: 0.4em;
	padding-left: 0.5em;
	margin: 0;
}
.vip{width:200px;
     text-align:center;
}
#menu-no-script{display:none}

/*le due classi seguenti posizionano ripsettivamente un div
  (responsiva) a cui deve essere impostato il max-width inline e 
   un'altro elemento (responimg), ad esempio img, contenuto
  nel div responsiva. La 1a classe e senza bordo 
 */
.responsiva {border:solid 0px #000;padding:0.25em;display:block;margin:0 auto;}
.responimg {width:96%;padding:0.4em;border:solid 1px #000;display:block;margin:0 auto;}

.didascalia{font-size:18px;margin:0 auto;
			width:95%;
			text-align:center;}