<STYLE TYPE="text/css">
<!--
body { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
}
caption { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #00FF00;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.5em; 
}
.spcap {
	/*font-size: 0.9em;*/
	color: #00FF00;
	font-weight: normal;
}
.capleft {
	top: 10px;
	left: 0px;
	width: 170px;
	position: relative;
  	float: left;
	color: #FFFFFF;
	font-weight: normal;
}
.capmiddle {
	top: 10px;
	left: 170px;
	width: calc(100% - 170px - 270px - 5px);
	position: relative;		/*;*/
  	float: none;
}
.capright {
	top: 10px;
	left: calc(100% - 270px - 5px);
	width: 270px;
	position: relative;
  	float: right;
	color: #FFFFFF;
	font-weight: normal;
}
h1 { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #00FF00;
	text-decoration: none;
	font-weight: bold; 
	text-align: center;
}
input[readonly] {
 	background-color: #E8E8E8;
}
cite {
	/*font-weight: bold; */
	color: yellow;
}
a:link,a:active,a:visited {
 	text-decoration:none;
	color:#00FF00;	
}
a:hover {
 	text-decoration:none;
	color:#ff37fa;
}
a img { border:0px; }

.iconp {
	position:relative;
	background-image: url('../images/btnorange.gif'); 
	background-repeat: no-repeat;
  	background-size: 30px 30px;
	background-position: center center;
    cursor: pointer;
}
.iconp:hover {
 	background-image: url('../images/over/btngreen.gif'); 
}

.pregita {
	font-size: small;
 }
								/*onmouseover="this.src='./images/over/btnpre.gif'"
								onmouseout="this.src='./images/btnpre.gif'"
								*/ 

.selgita {
	font-weight: normal;	/*bolder; */
}
.moreacc {
	 width:30px;
	 height:30px;
	 cursor: pointer;
}
.cai {	
	background-color: #05699B; 
	/*max-width: 960px;*/
}
.caidemo {
	background-color: #008080; 
}
.msg { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
    vertical-align: center; 
    font-size: 1em; 
}
.bgwhite {
	background-color: #FFFFFF;	/*#E0E0E0;*/	
}
.bglightgrey {
	background-color: #EEEEEE;	/*#E0E0E0;*/	
}
.bggrey { 
	background-color: silver;	/*#E8E8E8; */
}
.white {
	color: #FFFFFF; 
}
.red { 
	color: #FF0000; 
}
.bred { 
	color: #FF0000; 
	font-weight: bold; 
	font-size: 0.8em;
}

.darkred {
	/* color: #C00000; */ 
	color: #CE0404;
}
.green {
	color: #00FF00;
}
.tipo0 {
	color: green;			
}
.tipo1 {
	color: blue;
}
.tipo2 {
	color: #ea0000;
}
.tipo3 {
	color: black;
}
/* 07.10.2024 */
.tipo4 {
	color: green;					
}


.hidden {
	display: none;
}
tr {
	height: 60px;
}
tr.skd {
	height: 42px;
	vertical-align: middle;
}
tr.pre {
	height: 3em;
	vertical-align: middle;
}
tr.avvisi {
	height: 42px;
	vertical-align: middle;
}
tr.blk {
	height: 28px;
	vertical-align: top;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #660099;
	text-decoration: none;
	font-weight: bold; 
}

.showpw {
	width: 32px;
	height: 32px;
}
.pri {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 1em;
	text-align: center;
	vertical-align: middle;
}
.apri { 
	color: #FFFF00; 
} 
.apri:hover { 
	color: #00FF00; 
} 

img.gita {
	/*content:*/
	background-image: url('./images/btnlightorange.gif'); 
    alt: 'prenota la gita
}
img.gita:hover {
	/*content:*/
	background-image: url('./images/over/btngreen.gif');
}

.pcenter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #000000;*/
	font-size: 1em;
	text-align: center;
	vertical-align: middle;
}
.pcenterw {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 1em;
	text-align: center;
	vertical-align: middle;
}
ul.warning {
	margin: 0px;
	padding:0px;
	list-style:none;
  	overflow:hidden;
/* 	padding-left: 70px;
	padding-right: 1px;
	padding-top: 0px;
	padding-bottom: 0px; */
}

ul.warning li {
  margin:1em;
  float:left;
}

ul.warning li a {
	display: block;
	width: 16em;
	/* 	height: 12em; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	padding: 1em;
	/* Firefox */
	-moz-box-shadow: 5px 5px 7px rgba(33, 33, 33, 1);
 	-moz-transform:rotate(-4deg);
	/* Safari+Chrome */
	-webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
	-webkit-transform:rotate(-4deg);
	/* Opera */
	box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
   	-o-transform:rotate(-4deg);
}
ul.warning li:nth-child(even) a{
  -o-transform:rotate(3deg);
  -webkit-transform:rotate(3deg);
  -moz-transform:rotate(3deg);
  position:relative;
  top:5px;
}
ul.warning li:nth-child(3n) a{
  -o-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  position:relative;
  top:-5px;
}
ul.warning li:nth-child(5n) a{
  -o-transform:rotate(4deg);
  -webkit-transform:rotate(4deg);
  -moz-transform:rotate(4deg);
  position:relative;
  top:-10px;
}

ul.warning li h3  {
	font-weight: bold;		
	font-size: 16px; 
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-align: center;
}

ol.confirm {
	margin-top: 0px;
	margin-left: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* padding: 0px; */
}

ol.confirm li {
   /* font-size: 15px; */ 
   	font-style: italic;
	float:left;
	margin-bottom: 7px;
	/*color: #00FF00;*/
}

ul.confirm {
	margin-top: 0px;
	margin-left: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* padding: 0px; */
}

ul.confirm li {
   /* font-size: 15px; */ 
   	font-style: italic;
	float:left;
	margin-bottom: 7px;
	/*color: #00FF00;*/
}
.tleft {
	width: 98%;
	text-align: left;
	border: 0;
	padding-left: 1px;
	padding-right: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
}

.tcenter {
	left: 16px;
	width: calc(100% - 16px - 16px);
	text-align: center;
	border: 0;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 0px;
	position: relative;
}
.t800 {
	width: 800px;
	/*: left: calc((100% - 800px) / 2);*/
	text-align: center;
	border: 0;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 0px;
}
.td33 {
	width: 33%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #000000;*/
	font-size: 1em;
	vertical-align: middle;
}
.tlblt { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
    font-size: 1em;
    vertical-align: top; 
}
.tlbl { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
    font-size: 1em;
    vertical-align: middle; 
}
.tlblb { font-family: Verdana, Arial, Helvetica, sans-serif;
	/* color: #000000; */
    font-size: 1em;
    vertical-align: middle; 
}
.tlblbr { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
    font-size: 1em;
    vertical-align: middle; 
}

.dispari {
	border-left-style: none;
	border-right-style: none;
	border-bottom: .1pt solid white;
	border-top-style: none
}
.pari {
	border-left-style: none;
	border-right-style: none;
	border-bottom: .1pt solid grey;
	border-top-style: none
}
.tlblw { font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	/*color: #000000;*/
	font-size: 1em;
	vertical-align: middle; 
}
.tlblr { font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #C0FFC0;
	/*color: #000000;*/
	font-size: 1em;
	vertical-align: middle; 
   	/*font-weight: bold; */
}
.tlblm { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
    font-size: 1em;
    vertical-align: middle; 
}
.tlblmsmall { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
   	color: #FFFFFF;
    vertical-align: middle; 
}
.tlblsmall { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
    font-size: 0.8em;
   	font-weight: bold; 
   	font-style: italic;
	vertical-align: middle; 
}
.tlblrsmall { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
    font-size: 0.8em;
   	font-weight: bold; 
	vertical-align: middle; 
}
.tlblbsmall { font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #000000;*/
    font-size: 0.8em;
   	vertical-align: middle; 
}

.tavvisi {
	left: 16px;
	width: calc(100% - 16px - 16px);
	text-align: left;
	border: 0;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 0px;
	position: relative;
}

.lblnewavviso { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
   	font-size: 0.8em;
   	width: 140px;
   	padding: 10px 10px;
}

.txtnewavviso { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
    font-size: 20px;
   	width: calc(100% - 140px - 140px);
   	padding: 10px 10px;
}
.txtnewavviso textarea {
	color: #ff0000;
    font-size: 20px;
    resize: none;
    maxlength: 400;				
}

.avvisidt { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
   	font-size: 0.8em;
/*    	line-height: 30px;
   	vertical-align: top; */
   	width: 140px;
   	padding: 10px 10px;
}
.avvisicap { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffff80;
    font-size: 1.3em;
    font-weight: bold; 
    text-align: center;
	left: calc(100% - 140px);
   	width: calc(100% - 140px - 140px);
   	padding: 10px 10px;
}

.avvisigita { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: white;
    font-size: 1em;
	font-style: italic;
/*   	font-weight: bold; 
   	line-height: 30px;
   	vertical-align: top; */
    text-align: center;
   	width: calc(100% - 140px);
   	padding: 10px 10px;
}

.avvisitxt { font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #ff0000;*/
	background-color: white;
    font-size: 20px;
   	/*font-weight: bold; */
   	line-height: 30px;
    text-align: center;
   	vertical-align: top; 
   	width: calc(100% - 140px - 140px);
   	padding: 20px 10px;
}

.tlblb { font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #000000;*/
    font-size: 1em;
    vertical-align: middle; 
}
.lista {
	height: 26px;
}
.tlow { font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 16px; 
	/*color: #000000;*/
	background-color: #D0D0D0;
    font-size: 1em;
    vertical-align: top; 
}
.tmid { font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 16px; 
	/*color: #000000;*/
	background-color: #E0E0E0;
    font-size: 1em;
    vertical-align: top; 
}
.thi { font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 16px; 
	/*color: #000000;*/
	background-color: #F0F0F0;
    font-size: 1em;
    vertical-align: top; 
}
.tuser { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00FF00;
    font-size: 1em;
    vertical-align: center; 
}
.tmsg { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
    vertical-align: center; 
    font-size: 1em;
	font-weight: bold; 
	text-align: center; 
}
.thelp { font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #00FF00;*/
    font-size: 1em;
    vertical-align: center; 
    cursor: pointer;
}
.tbuttenth { font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 10%; 
	height: 1.8em;  
	/*color: #000000;*/
	font-size: 1em;
	/*font-weight: bold;*/ 
	vertical-align: center;  
	text-align: center; 
}
.tbutsixth { font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 16%; 
	height: 1.8em;  
	/*color: #000000;*/
	font-size: 1em;
	/*font-weight: bold;*/  
	vertical-align: center;  
	text-align: center; 
}
.tbutfourth { font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 25%; 
	height: 1.8em;  
	/*color: #000000;*/
	font-size: 1em;
	/*font-weight: bold;*/  
	vertical-align: center;  
	text-align: center; 
}
.tbutthird { font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 30%; 
	height: 1.8em;  
	/*color: #000000;*/
	font-size: 1em;
	/*font-weight: bold;*/  
	vertical-align: center;  
	text-align: center; 
}
.tbuthalf { font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 48%; 
	height: 1.8em;  
	/*color: #000000;*/
	font-size: 1em;
	/*font-weight: bold;*/  
	vertical-align: center;  
	text-align: center; 
}
.tbutfull { font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 96%; 
	height: 1.8em;  
	/*color: #000000;*/
	font-size: 1em;
	/*font-weight: bold;*/  
	vertical-align: center;  
	text-align: center; 
}
.tbut { font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 1.8em;  
	/*color: #000000;*/
	font-size: 1em;
	/*font-weight: bold;*/  
	vertical-align: center;  
	text-align: center; 
}
.tbut red { font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 1.8em;  
	color: #C00000;
	font-size: 1em;
	/*font-weight: bold;*/  
	vertical-align: center;  
	text-align: center; 
}
.tbut green { font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 1.8em;  
	color: #00F000;
	font-size: 1em;
	/*font-weight: bold;*/  
	vertical-align: center;  
	text-align: center; 
}
.selbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C00000;
	height: 1.8em;
	font-size: 1em;
}

.selalfa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C00000;
	width: 70px;
	height: 1.8em;
	font-size: 1em;
}

.seltenth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C00000;
	width: 10%;
	height: 1.8em;
	font-size: 1em;
}
.seleighth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C00000;
	width: 13%;
	height: 1.8em;
	font-size: 1em;
}
.selsixth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C00000;
	width: 16%;
	height: 1.8em;
	font-size: 1em;
}
.selfourth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C00000;
	width: 25%;
	height: 1.8em;
	font-size: 1em;
}
.selthird {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C00000;
	width: 30%;
	height: 1.8em;
	font-size: 1em;
}
.selhalf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C00000;
	width: 48%;
	height: 1.8em;
	font-size: 1em;
}
.selfull {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C00000;
	width: 96%;
	height: 1.8em;
	font-size: 1em;
}

.txttwentieth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #C00000;  
	width: 5%;
	height: 1.5em; 
	text-align: center;
}
.txttenth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #C00000;  
	width: 10%;
	height: 1.5em; 
}
.txteighth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #C00000;  
	width: 13%;
	height: 1.5em; 
}

.txtsixth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #C00000;  
	width: 16%;
	height: 1.5em; 
}

.txtfourth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #C00000;  
	width: 25%;
	height: 1.5em; 
}
.txtthird {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #C00000;  
	width: 30%;
	height: 1.5em; 
}
.txthalf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #C00000;  
	width: 48%;
	height: 1.5em; 
}
.txtninth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #C00000;  
	width: 90%;
	height: 1.5em; 
}
.txtfull {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #C00000;  
	width: 96%;
	height: 1.5em; 
}
.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #C00000;  
	height: 1.5em; 
}
.sp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*color: #000000;*/
	height: 22px; 
}
.spointer {
	font-weight: bold; 
	cursor: pointer;
	color: #00ffff;
}
/************************************************/


ul.moremenu {
  	list-style-type: none;
  	margin: 0px;
  	padding: 0px;
  	overflow: hidden;
}
ul.moremenu li {
  	float: left;
}
ul.moremenu li a {
  	display: block;
  	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
  	text-align: center;
	padding: 20px 30px 20px 60px;
  	text-decoration: none;
}
ul.moremenu li a:hover {
   color: #00FF00;
}

ul.alfamenu {
  	list-style-type: none;
  	margin: 0px;
  	padding: 0px;
  	overflow: hidden;
}
ul.alfamenu li {
  	float: right;
}
ul.alfamenu li a {
  	display: block;
  	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
  	text-align: center;
	padding: 2px 3px 2px 6px;
  	text-decoration: none;
}
ul.alfamenu li a:hover {
   color: #00FF00;
}

ul.btnmenu {
  	list-style-type: none;
  	margin: 0px;
  	padding: 0px;
  	overflow: hidden;
}
ul.btnmenu li {
  	float: left;
}
ul.btnmenu li a {
  	display: block;
  	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
  	text-align: center;
	padding: 20px 30px 20px 60px;
  	text-decoration: none;
}
ul.btnmenu li a:hover {
   color: #00FF00;
}

#btnback {
    background: url('../images/icon_back_w.png') no-repeat 10px center;
    background-size: 40px 40px;
}
#btnsaveaccount {
	background: url(../images/icon_save_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnfotoaccount {
	background: url(../images/icon_foto_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnsavefoto {
	background: url(../images/icon_save_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btndeletefoto {
	background: url(../images/icon_delete_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnimportgite {
	background: url(../images/icon_importods_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnimportgiteods {
	background: url(../images/icon_importods_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnexportgitetxt {
	background: url(../images/icon_exporttxt_w.png) no-repeat 10px center;
	background-size:40px 40px;
} 
#btnexportgitecsv {
	background: url(../images/icon_exportcsv_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnprintgite {
	background: url(../images/icon_print_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnnewgita {
	background: url(../images/icon_new_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnsavegita {
	background: url(../images/icon_save_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btncancelgita {			/* 22.8 */
	background: url(../images/icon_cancel_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btndeletegita {
	background: url(../images/icon_delete_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnresumegita {			/* 24.01.2025 */
	background: url(../images/icon_resume_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnprenotazione {
	background: url(../images/icon_buddy_o.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnlistprenotazioni {
	background: url(../images/icon_buddies_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnpdfgita {
	background: url(../images/icon_pdf_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnlistutenti {
	background: url(../images/icon_folder_w.png) no-repeat 10px center;
	background-size:40px 40px;
}

#btnlistavvisi {
	background: url(../images/icon_speaker_w.png) no-repeat 10px center;
	background-size:40px 40px;
}		
#btnnewavviso {
	background: url(../images/icon_newspeaker_w.png) no-repeat 10px center;
	background-size:40px 40px;
}	
#btnsaveavviso {
	background: url(../images/icon_save_w.png) no-repeat 10px center;
	background-size:40px 40px;
}	
.delavviso {																
	background: url(../images/icon_delete.png) no-repeat 10px center;
	background-size:40px 40px;
}			
#btndelavviso {
	background: url(../images/icon_delete.png) no-repeat 10px center;
	background-size:40px 40px;
}		
#btnclose {
	background: url(../images/icon_close_w.png) no-repeat 10px center;
	background-size:40px 40px;
}			
#btnexportprenotazionitxt {
	background: url(../images/icon_exporttxt_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnexportprenotazionicsv {
	background: url(../images/icon_exportcsv_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnprintprenotazioni {
	background: url(../images/icon_print_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnsaveprenotazione {
	background: url(../images/icon_buddy_o.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btncancelprenotazione {
	background: url(../images/icon_delete_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnnewprenotazione {
	background: url(../images/icon_new_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnimportutenti {
	background: url(../images/icon_importods_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnimportutentiods {
	background: url(../images/icon_importods_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnexportutentitxt {
	background: url(../images/icon_exporttxt_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnexportutenticsv {
	background: url(../images/icon_exportcsv_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnprintutenti {
	background: url(../images/icon_print_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
/* 7.2.2024 */
#btnprintcancellazioni {
	background: url(../images/icon_print_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
/* 11.2.2024 */
#btnstatcancellazioni {
	background: url(../images/icon_canc_w.png) no-repeat 10px center;
	background-size:40px 40px;
}

#btnsaveutente {
	background: url(../images/icon_save_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnnewutente {
	background: url(../images/icon_buddy_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btndeleteutente {
	background: url(../images/icon_delete_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnhistoryutente {
	background: url(../images/icon_docs_w.png) no-repeat 10px center;
	background-size:40px 40px;
}
#btnprinthistory {
	background: url(../images/icon_print_w.png) no-repeat 10px center;
	background-size:40px 40px;
}

#btnlistgite {
	background: url(../images/icon_next_w.png) no-repeat 10px center;
	background-size:40px 40px;
}

/************************************************/
.divToolbar {													
	border : 0px;
	TOP: 0px;	HEIGHT: 60px;	
	LEFT: 2%;	WIDTH: 96%;
	/*max-width: 480px;*/
	text-align: center;
	
	POSITION: absolute;  
} 
.divLogin {
	border : 0px;
	TOP: 60px;	HEIGHT: calc(100% - 60px - 10px);
	LEFT: calc((100% - 320px) / 2);	WIDTH: 320px;
	POSITION: absolute;  
	OVERFLOW: auto;
	OVERFLOW-X : hidden;
} 

.divData {														
	border : 0px;
	TOP: 60px;	HEIGHT: calc(100% - 60px - 108px - 10px);
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute;  
	OVERFLOW: auto;
	OVERFLOW-X : hidden;
} 
/* gold_account.php  e gold_registra.php e gold_foto.php */
.divHaccount {													
	border : 0px;
	TOP: 60px;	HEIGHT: 66px;
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute; 
}
.divAccount {													
	border : 0px;
	TOP: 126px;	HEIGHT: calc(100% - 126px - 108px - 10px);
	/*LEFT: 2%;	WIDTH: 96%;*/
  	LEFT: calc( calc(100% - 800px) / 2); WIDTH: 800px; 
	POSITION: absolute;  
	OVERFLOW: auto;
	OVERFLOW-X : hidden;
}
/* comune a molte schermate */
.divBottom {
	border : 0px;
	TOP: calc(100% - 108px - 10px);	HEIGHT: 108px;
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute; 
}
/* gold_gite.php */
.divHgite {														
	border : 0px;
	TOP: 60px;	HEIGHT: 150px;			
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute; 
} 
.divGite {														
	border : 0px;
	TOP: 210px;	HEIGHT: calc(100% - 210px - 108px - 10px);		
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute;  
	OVERFLOW: auto;
	OVERFLOW-X : hidden;
} 

.divBoxavvisi {					
	top: 150px;
	height: calc(100% - 150px - 150px);		
	left: 18%;		/*300px;*/
	width: 64%;		/*calc(100% - 300px - 300px);*/
	position:absolute;
	padding: 8px 8px;
	background-color: #04557b;
	border-color: coral;
	border-style: solid;
	display: none;					
}
.divHavvisi {														
	border : 0px;
	TOP: 0px; HEIGHT: 80px;			
	LEFT: 1%; WIDTH: 98%;
	POSITION:  relative; 
} 
.divAvvisi {														
	border : 0px;
	TOP: 0px;	HEIGHT: calc(100% - 80px - 10px);		
	LEFT: 1%; WIDTH: 98%;
	POSITION: relative;  
	OVERFLOW: auto;
	OVERFLOW-X : hidden;
} 
/* gold_gita.php */
.divHgita {																										
	border : 0px;
	TOP: 60px;	HEIGHT: 66px;
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute; 
}
.divGita {														
	border : 0px;
	TOP: 126px;	HEIGHT: calc(100% - 126px - 108px - 10px);
  	LEFT: calc( calc(100% - 800px) / 2); WIDTH: 800px; 
	POSITION: absolute;  
	OVERFLOW: auto;
	OVERFLOW-X : hidden;
}
/* gold_prenotazioni.php */
.divHprenotazioni {												
	border : 0px;
	TOP: 60px;	HEIGHT: 110px;
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute;  
} 
.divPrenotazioni {												
	border : 0px;
	TOP: 170px;	HEIGHT: calc(100% - 170px - 108px - 10px);
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute;  
	OVERFLOW: auto;
	OVERFLOW-X : hidden;
}
/* gold_prenotazione.php */
.divHprenotazione {												
	border : 0px;
	TOP: 60px;	HEIGHT: 66px;
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute;  
} 
.divPrenotazione {												
	border : 0px;
	TOP: 126px;	HEIGHT: calc(100% - 126px - 108px - 10px);
	/*LEFT: 2%;	WIDTH: 96%;  */
  	LEFT: calc( calc(100% - 800px) / 2); WIDTH: 800px; 
	POSITION: absolute;  
	OVERFLOW: auto;
	OVERFLOW-X : hidden;
}
 
 /* gold_utenti.php */
.divHutenti {													
	border : 0px;
	TOP: 60px;	HEIGHT: 110px;
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute; 
} 
.divUtenti {													
	border : 0px;
	TOP: 170px;	HEIGHT: calc(100% - 170px - 108px - 10px);
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute;  
	OVERFLOW: auto;
	OVERFLOW-X : hidden;
} 
/* gold_utente.php */
.divHutente {													
	border : 0px;
	TOP: 60px;	HEIGHT: 66px;
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute; 
}
.divUtente {													
	border : 0px;
	TOP: 126px;	HEIGHT: calc(100% - 126px - 108px - 10px);
	/*LEFT: 2%;	WIDTH: 96%;*/
  	LEFT: calc( calc(100% - 800px) / 2); WIDTH: 800px; 
	POSITION: absolute;  
	OVERFLOW: auto;
	OVERFLOW-X : hidden;
}
/* gold_history.php */
 .divHhistory {													
	border : 0px;
	TOP: 60px;	HEIGHT: 80px;
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute;  
} 
.divHistory {													
	border : 0px;
	TOP: 140px;	HEIGHT: calc(100% - 140px - 108px - 10px);
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute;  
	OVERFLOW: auto;
	OVERFLOW-X : hidden;
}
/* .avvisi {
	background-color: #f3782a;
} */
/* .divHavvisi {													
	border : 0px;
	TOP: 40px;	HEIGHT: 60px;
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute; 
} */ 
/* .divAvvisi {													
	border : 0px;
	TOP: 100px;	HEIGHT: calc(100% - 100px - 60px - 10px);
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute;  
	OVERFLOW: auto;
	OVERFLOW-X : hidden;
} */
/* .divBavvisi {
	border : 0px;
	TOP: calc(100% - 60px - 10px);	HEIGHT: 60px;
	LEFT: 2%;	WIDTH: 96%;
	POSITION: absolute; 
} */

 
.divavatar {
  	/* background-image: url(../images/dummy.png); */
  	width: 45px;
  	height: 45px;
  	background-position: center;
 	 /* Make the background image cover the area of the <div>, and clip the excess */
 	 background-size: cover;
	 border-radius:45px;
	border:0px;
 }
 
 
 .divphoto {
  	/* background-image: url(../images/dummy.png); */
  	width: 200px;
  	height: 200px;
  	background-position: center;
 	 /* Make the background image cover the area of the <div>, and clip the excess */
 	 background-size: cover;
	 border-radius:200px;
	border:0px;
 }
  
  .photo {
	position:relative;
}
 .inputphoto {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.lblinputphoto {
	background:transparent;
	background-size:200px 200px;
	color:#fff;
	text-align:center;
	font-family: 'HelveticaNeueLT-Medium',Helvetica, Arial, sans-serif;
	font-size:16px;
	display: inline-block;
	line-height:200px;
    cursor: pointer;
}
.iconx {
	position:relative;
}
.iconx img{
	/*display:block;*/
	width: 30px;
	height: 30px;
	border-radius:30px;
	border:0px;
    cursor: pointer;
}
.icons {
	vertical-align:bottom;
	position:relative;
}
.icons img{
	/*display:block;*/
	width: 25px;
	height: 25px;
	border-radius:25px;
	border:0px;
    cursor: pointer;
}


.editgita {
	text-decoration: none;
	cursor:pointer;
}
.editutente {
	text-decoration: none;
	cursor:pointer;
}
.pdfframe {
	float:none;
	display:inline;
	width:100%;
	height:1200px;
	border:0;
}
.divHelph {
	border : 0px;
	TOP: 10px;	HEIGHT: 80px;
	LEFT: 2%;	WIDTH: 96%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	POSITION: absolute;  
}
.divHelpt {
	border : 0px;
	TOP: 90px;	HEIGHT: 20px;
	LEFT: 2%;	WIDTH: 96%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold; 
	text-align: center;
	POSITION: absolute;  
} 
/* schema immagine al centro e txt sotto */
.divHelpi {
	border : 0px;
	TOP: 120px;	HEIGHT: 300px;
	LEFT: 2%;	WIDTH: 96%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	POSITION: absolute;  
} 
.divHelpd {
	border : 0px;
	TOP: 420px;	HEIGHT: calc(100% - 420px - 50px);
	LEFT: 2%;	WIDTH: 96%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: left;
	POSITION: absolute; 
} 
/* schema immagine a sinistra e testo a destra + sotto*/
.divHelpi2 {
	border : 0px;
	TOP: 120px;	HEIGHT: 380px;
	LEFT: 2%;	WIDTH: 47%;
	text-align: left;
	POSITION: absolute;  
} 
.divHelpd2 {
	border : 0px;
	TOP: 120px;	HEIGHT: 380px;
	LEFT: 50%;	WIDTH: 46%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	POSITION: absolute;  
} 

.divHelpd3 {
	border : 0px;
	TOP: 510px;	HEIGHT: calc(100% - 510px - 50px);
	LEFT: 2%;	WIDTH: 96%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: left;
	POSITION: absolute; 
} 

.divHelpc {
	border : 0px;
	BOTTOM: 10px;	HEIGHT: 40px;
	LEFT: 2%;	WIDTH: 96%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: left;
	POSITION: absolute; 
}
.hi {
	color: red;
	/*font-weight: bold; */
}
.ulhelp {
	line-height:1.5em;
}
.ulhelpcompact {
	line-height:1.4em;
	font-size: 0.8em;
}
.phelpcompact {
	font-size: 0.8em;
}

.togglebutton {
    padding: 16px 30px;
    display: block;
    background: url('../images/checkbox_no.png');
    background-size: 60px 30px;
    background-repeat: no-repeat;
    /*float:right;	*/
    cursor: pointer;
}
.togglebutton.act {
    background: url('../images/checkbox_si.png');
    background-size: 60px 30px;
    background-repeat: no-repeat;
}

input[type=button] {
  padding: 5px 10px;
  margin: 10px 5px;
  border-radius: 5px;
  cursor: pointer;
  background: #ddd;
  border: 1px solid #ccc;
}
input[type=button]:hover {
  background: #ccc;
}
#btnlogin {
	background: #f3782a;
	border: 1px solid #f3782a;
	color: #fff;
}
/* 10.6.20 */
/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  /*border: solid 1px black;*/
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}  
  
p.release {
	color: #00ff00;
	font-size: 0.8em;
	font-style: italic;
	float: right;
}

-->
</STYLE>
