* {
	-webkit-font-smoothing: antialiased;
}

BODY                { font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: lighter;	font-style: normal;	 border: none;	margin: 0px; padding: 0px; line-height: 26px !important; background-color: white; color: black; width: 100%; height: 100%;}
HTML                { height: 100%;}
A                   { text-decoration: none; }
A:active            { text-decoration: none; }
A:hover             { text-decoration: underline; }

SELECT               { font-size: 15px; height: 30px; width: 100%; }
INPUT[type="text"]   { font-size: 15px; height: 20px; }
INPUT[type="checkbox"]   { font-size: 15px; height: 20px; }
TEXTAREA             { font-size: 15px; }

.titolo              { font-size: 30px; font-style: normal; line-height: normal; }
.subtitolo           { font-size: 26px; font-style: normal; line-height: normal; }
.paragrafo           { font-size: 20px; font-style: normal; line-height: normal; }
.titolino            { font-size: 22px; font-style: normal; line-height: normal; }
.piccolo             { font-size: 14px; font-style: normal; line-height: normal; }
.notetec             { font-size: 15px; font-style: normal; line-height: normal; color: dimgray; }
.notetemp            { font-size: 15px; font-family: Courier New; font-style: normal; line-height: normal; color: red }
.parlato             { font-style: italic; line-height: 24px; color: dimgray; }
.note                { font-size: 14px; font-style: normal; line-height: normal; }
.note li             { margin-bottom: 5px; }
.biblio              { font-size: 15px; font-style: normal; line-height: normal; }
.biblio li           { margin-bottom: 5px; }    
.origine             { font-size: 15px; font-style: normal; line-height: normal;}
.input               { color: dimgray; font-family: Courier New;	}
.eng                 { font-style: italic; color: dimgray; }
.tools              { font-size: 15px; text-transform: uppercase; line-height: normal; padding-top:10px; }
.focus               { font-size: 17px; width: auto; color: #000000; background-color: whitesmoke; padding: 5px 10px 5px 10px; margin: 10px 0px 10px 0px; line-height: normal;}
.info                { font-size: 17px; width: auto; color: #000000; background-color: whitesmoke; padding: 5px 10px 5px 10px; margin: 10px 0px 10px 0px; line-height: normal;}

#info {
background: url(../simbol/info.jpg) no-repeat top left; /* Imposta l'immagine di sfondo non ripetuta (no-repeat)*/
font-size: 15px; 
width: auto; 
color: #000000; 
background-color: whitesmoke; 
padding: 35px 10px 5px 10px; 
margin: 20px 0px 20px 0px; 
line-height: normal;
}

#focus {
background: url(../simbol/focus.jpg) no-repeat top left; /* Imposta l'immagine di sfondo non ripetuta (no-repeat)*/
font-size: 15px; 
width: auto; 
color: #000000; 
background-color: whitesmoke; 
padding: 35px 10px 5px 10px; 
margin: 20px 0px 20px 0px; 
line-height: normal;
}

.backto              { font-size: 14px;}
.separa              { padding: 0px 0px 0px 0px; border-bottom: 1px dotted gray; }
.boxImg              { background-color:#f2f2f2; margin: 1px; padding: 0px; display:inline-block; border: 0px solid lightgrey; }
.external a:link     { padding: 0 15px 0 0; background-image: url(simbol/external-link-icon.jpg) no-repeat 100% 0;}



/* Tags gestione raccolta immagini */
.tags                { font-size: 13px; background-color:#ffffff; float:left; border:1px solid lightgrey; margin: 2px; padding: 0px 5px 0px 5px;}
.tags A              { color: #666666; }
.tags:hover A        { color: #ffffff;  text-decoration: none; }
.tags:hover          { border:1px solid gray; background: gray; cursor: pointer;}
.tagsdel             { font-size: 13px; background-color:#f8e0e0; float:left; margin: 2px; padding: 0px 5px 0px 5px;}
.tagsdel A           { color: #666666; }
.tagsdel:hover       { background-color: gray; text-decoration: none; color:#ffffff; }
.tagsdel:hover A     { cursor: pointer; text-decoration: line-through; color:#ffffff; }

/* Briciole di pane */
.breadcrumbs         { font-size:14px; padding: 5px 0px 5px 0px; text-align:right; border-bottom:1px dotted gray;}

/* Menù piè di pagina */
.menu-fondo                { color:white; font-size:14px; display: block; padding: 0px; margin: 0px;}
.menu-fondo li             { display: inline-block; position: relative;}
.menu-fondo li a           { text-decoration: none; margin: 0px 10px 0px 0px; display: block; color: gray;}
.menu-fondo li a:hover     { color: white; }

/* goTop */
.toTop               { position: fixed; bottom: 130px; right: 30px; cursor: pointer; display: none; }
.toTop a             { color:gray; }
.toTop a:hover       { color:black; text-decoration: none; }


/* Ancore */
.panel      { position: fixed; top:50%; left:50% margin-left:-430px; margin-top:-250px; z-index: 10; width: 960px; background: #ffffff; border: 1px dotted gray; padding: 0px 0px 0px 0px; font-size:14px; display: none; }
.panel-int  { margin: 0 auto; width: auto; max-width: 960px; min-height: 25px; padding: 0px 10px 0px 10px; font-size: 14px; color: white; background-color: black;}

.trigger    { position: fixed; top: 90px; left: 10px; text-decoration:none; display: block; font-size: 14px; line-height: normal; }

/* Bottone */
.btn         { font-size: 15px; text-transform: uppercase; color: black; border: 1px solid lightgrey; padding: 5px; margin: 5px; text-decoration: none; width: auto; min-width: 80px; text-align: center; }
.btn:hover   { color: white;  border: 1px solid gray; background-color: gray; text-decoration: none; cursor: pointer; }
.btn A       { color:lightgrey; text-decoration: none; }
.btn A:hover { color:white; }
.btn:active  { border: 1px solid lightgrey; }  

.button        {font-size:15px; float:right; cursor: pointer; text-align: center; text-decoration: none; border: solid 1px white; background: whitesmoke; padding: 5px; width:50px; }
.button:hover   {background: gray; }
.button-active  {font-size:15px; float:right; cursor: default; text-align: center; text-decoration: none; border: solid 1px white; background: lightgrey; padding: 5px; width:50px; }

.cover {object-fit: cover;}