.gopage{margin:20px;}

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


body{
background:#F0F2EE;
color:#2d2d2d;
/*font: Specimen, "Helvetica Neue Light", "Helvetica Neue", helvetica,arial,verdana,sans-serif;*/
margin:0;
font-family: Verdana;
font-size:22px;

}
#content{
font-family: Verdana;/*,"Century Gothic",'Titillium Web', sans-serif;*/
font-size:22px;
}
/* #menu_basso, menu orizzontale per sezioni all'intenrno di #content, esempio in fauna.htm */
#menu-basso{width:90%;}	  

#menu-basso ul>li {display:inline;padding-left:0.1em;padding-right:0.1em;}	 
 .intesta{font-weight:bold;}
 #menu-basso ul>li a{font-size:18px;}
/*fine #menu_basso*/

/* #menu_basso, menu orizzontale per sezioni all'intenrno di #content, esempio in fauna.htm */
#menu-basso{width:90%;}	  

#menu-basso ul>li {display:inline;padding-left:0.1em;padding-right:0.1em;}	 
 .intesta{font-weight:bold;}
 #menu-basso ul>li a{font-size:18px;}
/*fine #menu_basso*/
 
@media screen and (max-width: 699px) {
/*#mbottom{visibility:hidden;} */
} 

#menu, #menu ul>li a{
font-size:15px;	
font-family:Verdana;	
}
#copyr{
font-size:14px;
text-align:center;
margin-top:20px;
}

h2{
color:#000;
font-weight:bold;
font-size:140%;

margin:30px 0 5px 20px;/* da testare */
/*font-family: 'Titillium Web', sans-serif;*/
}
.h2_in_medio{
text-align:center;
}
h3,h4,h5{
color:#000;
font-weight:bold;
font-size:130%;
/*font-family: 'Titillium Web', sans-serif;*/
margin: 50px 0 5px 20px;/* da testare */
}



#wrapper{
display:table;
margin:0 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;
}

#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:110%;
margin:20px 0 0px 20px;
padding:0 0 0 5px;
font-weight:normal;
/*font-family: 'Titillium Web', sans-serif;*/
background:#bc6128 /*#fff;*/;
color:#fff /*#555;*/;
text-align:center;
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: 'Titillium Web', sans-serif;*/
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:0px;
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 red;/*#37383A;*/
font-size:100%;
}
#menu ul{
padding:0;
margin:0;
list-style:none;
}
#menu li{
display:inline;
padding:0;
margin:5px 0 5px 0;
}
#menu a{
display:inline-block;
text-decoration:none;
padding:10px 20px;
margin:0;
color:#fff;
background:inherit;
}
/*Aggiunto il 20-2-24 in locale*/
#menu ul li a::before {
            content: '\25BC'; /* Codice Unicode per la freccia verso il basso */
            font-size: 0.7em; /* Dimensione della freccia */
           color: #fff; /* Colore della freccia */
        }
#menu .hidden a::before {
    content: none;
}
#menu ul li a[title="Vai alla pagina principale del sito"]::before {
    content: none;
}
#menu a:hover{
/* da #CC6600 a AD5700*/
background:#AD5700;/*#444;*/ /*ADDED BY ME*/
color:#fff;
}
/*Fine aggiunta*/

/* 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;}
h1{
clear:both; 
text-align:center;
font-family: Verdana;
font-size: 24px; 
font-weight:bold;
}