/* ------------ definizione variabili ------------------------ */

:root
{
	--bianco: #ffffff;
	--nero: #000000;
	--scuro: #258900;
	--piuscuro: #195600;
	--chiaro1: #66cc40; 
	--chiaro2: #9db1d0;
	--intTab: #258900;
	--rigaTabChiaro: #d4edcb;
	--rigaTabScuro: #bbdfad;
}

/* ----------------------------------------------------------- */
body
{
	/*background: #5555ce;*/
	overflow-y: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 100%;
} 

{
	box-sizing: border-box;
}

img
{
	max-width: 100%;
	height: auto;
}

a:link, a:visited
{
	font-family: Arial, Verdana, sans serif;
	text-decoration:none
}

a:hover
{
	text-decoration:none
}

li
{
	float: left;
	width: 50%;  /* 100% = su una colonna; 50% = su due colonne ... */
	display: block;
	padding-bottom: 10px;
	
}

.li2
{
	float: left;
	width: 100%;
	display: list-item;
	list-style-type: circle;
	padding-bottom: 6px;
	padding-left: 10px;
}

input[readonly]
{
    background-color: var(--rigaTabChiaro);
}

.cursorPointer
{
	cursor: pointer;
}

.row
{
	max-width: 96%;
	background: #ffffff;
}

.row:after
{
    content: "";
    clear: both;
    display: table;
}


/* ---------------------------------------------------------------- */


.testata_sn
{
	float: left;
	height: auto;
	/*margin-left: 2.5%;*/
		/* max-width: 62.3%; */
}

.block_right
{
	float: right;
	/*height: auto;*/
	/*margin-right: 2.5%;*/
	/* max-width: 62.3%; */
}


.footer
{
	padding: 10px 10px;
	color: var(--bianco);
	background-color: var(--scuro);	
	font-weight: normal;
 	font-size: 0.85em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.footer_2
{
	width: 100%;
	padding: 10px;
	color: var(--nero);
	background-color: var(--chiaro1);
	text-align: center;
	font-weight: normal;
 	font-size: 0.80em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.footer:after
{
    content: "";
    clear: both;
    display: table;
}

.link_footer_2
{
	color: #000000;
}

.link_footer
{
	color: var(--footerBasso);	
	/*color: #c9a875; */
}


.footer_dx
{
	float: right;
	text-align: right;
	max-width: 67%;
}

.cookie
{
	color: var(--footerBasso);	/*--footerBasso:  #c9a875*/
	background-color: var(--scuro);	/*--scuro: #6f1f0b;*/
	text-align: center;
	font-weight: normal;
 	font-size: 0.90em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.cookie a
{
 	font-size: 0.95em;
}



/* ------------------------------------------------------------------------------ */
/* ----------------------- colonne ---------------------------------------------- */

[class*="col_"]
{
	float: left;
	padding: 0px;
	margin: 0%;
	/*border: 1px solid gray;*/
}

.col_0_0_100     { display: none; }

.col_5_5_0       { width: 5%; }

.col_15_15_0     { width: 15%; }
.col_15_22_45    { width: 15%; }

.col_20_20_0     { width: 20%; }
.col_20_20_20    { width: 20%; }
.col_20_20_45    { width: 20%; }
.col_20_20_100   { width: 20%; }
.col_20_28_100   { width: 20%; }

.col_25_25_0     { width: 25%; }
.col_25_25_100   { width: 25%; }
.col_25_50_100   { width: 25%; }

.col_30_30_0     { width: 30%; }
.col_30_30_100   { width: 30%; }
.col_30_40_100   { width: 30%; }
.col_30_45_100   { width: 30%; }
.col_30_50_100   { width: 30%; }
.col_30_100_100  { width: 30%; }
.col_33_33_0     { width: 33.33%; }
.col_33_33_50    { width: 33.33%; }
.col_33_33_100   { width: 33.33%; }
.col_33_50_100   { width: 33.33%; }
.col_33_100_100  { width: 33.33%; }
.col_35_35_0     { width: 35%; }
.col_35_35_100   { width: 35%; }

.col_40_40_100   { width: 40%; }
.col_40_45_100   { width: 40%; }
.col_40_50_100   { width: 40%; }
.col_45_45_0     { width: 45%; }
.col_45_45_100   { width: 45%; }

.col_50_50_0     { width: 50%; }
.col_50_50_100   { width: 50%; }
.col_55_50_100   { width: 55%; }
.col_55_55_100   { width: 55%; }

.col_60_60_100   { width: 60%; }
.col_65_65_100   { width: 65%; }

.col_70_60_100   { width: 70%; }
.col_70_70_100   { width: 70%; }
.col_70_100_100  { width: 70%; }

.col_75_75_100   { width: 75%; }

.col_80_80_100   { width: 80%; }

.col_100_0_100   { width: 100%; }
.col_100_33_100  { width: 100%; }
.col_100_100_100 { width: 100%; }


.col_footer_sn
{
	text-align:left;
	width: 45%;
}

.col_footer_dx
{
	float: right;
	text-align:right;
	width: 45%;
}

.img_footer
{
	max-width: 67%;
}


/* contenitore per eguagliare l'altezza delle colonne */

.col_container
{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

.col_container2
{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}



/* ------------------------------------------------------------------------------ */
/* ----------------------- caratteri -------------------------------------------- */


.testo_1
{
	color: black;
	text-align: justify;
	font-weight: normal;
 	font-size: 0.9em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
}


.testo_utente
{
	color: black;
	text-align: center;
	/*line-height: 6px;*/
	font-weight: normal;
 	/*font-size: 0.85em;*/
 	font-size: 0.6em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
}





.testata_filler
{
	width: 100%;
	height: 60px;
}

.testata_filler_pers
{
	width: 100%;
	height: 46px;
}

.testata_filler_44
{
	width: 100%;
	height: 44px;
}

.testata_filler_88
{
	width: 100%;
	height: 88px;
}



/* ---------------------------------------------------------------------------------------------------------- */
/* ------------------------------------ MENU ---------------------------------------------------------------- */

.barramenu
{
	width: 100%;
	position: fixed;
	float: left;
	z-index: 5;
}

.barramenu:after
{
	content: "";
	clear: both;
	display: table;
}

.barratitolo
{
	max-width: 100%;
	float: center;
	height: 48px;
	color: white;
	background-color: var(--scuro);
}

.barrautente
{
	max-width: 100%;
	height: 32px;
	float: left;
	background-color: var(--chiaro1);
}

.barralink
{
	max-width: 100%;
	height: 36px;
	float: left;
	background-color: var(--scuro);
}

.barrainfo
{
	max-width: 100%;
	height: 32px;
	float: left;
	background-color: var(--scuro);
}

.gruppolink
{
	width: 100%;
	display: block;
	margin-top: 8px;
}

.menulink
{
	float: center;
	height: 36px;
	padding-left: 20px;
	color: white;
}

.menulink:hover
{
	color: black;
}

.menulogo
{
	float: left;
	z-index: 5;
	padding-left: 30px;
	padding-top: 6px;
}
/*
a:link 
{
	color: white;
	font-family: Arial, Verdana, sans serif;
}
*/
.menuicon
{
	display: none;
	float: right;
}

.testo_menu
{
	color: black;
	text-align: center;
	line-height: 6px;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
 	font-size: 0.8em;
}

.testo_menu_titolo
{
	color: white;
	text-align: center;
	margin-top: 16px;
	margin-right: 60px;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
 	font-size: 1.2em;
}

.testo_link
{
	color: white;
	text-align: center;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
 	font-size: 0.9em;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */

.container
{
    /*border-radius: 5px;*/
    background-color: #f2f2f2;
    padding: 20px;
}

.colorato
{
 	background-color: var(--rigaTabChiaro);	/*--rigaTabChiaro:  #fff6b9;*/
}

.bordato
{
	border: 1px solid var(--scuro);	/*--scuro: #6f1f0b;*/
}


/* -------------- form contatti -------------------------- */

input[type=text]
{
	width: 100%; 
	height: 40px;
	border: 1px solid var(--scuro);	
   box-sizing: border-box;
   margin-top: 6px; /* margine tra label e campo */
   margin-bottom: 10px; 	/* margine tra campo e label successiva */
	resize: vertical;
	padding: 10px;
	font-weight: normal;
 	font-size: 1.2em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}


input[type=password]
{
	width: 100%; 
	height: 40px;
	border: 1px solid var(--scuro);	
   box-sizing: border-box;
   margin-top: 6px; /* margine tra label e campo */
   margin-bottom: 10px; 	/* margine tra campo e label successiva */
	resize: vertical;
	padding: 10px;
	font-weight: normal;
 	font-size: 1.2em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}

.camposelect
{
	height: 32px;
	width: 24%;
   padding: 4px;
   border: 1px solid var(--scuro);
   box-sizing: border-box;
   margin-top: 2px;
   margin-bottom: 2px;
   color: #000000;
   background-color: #ffffff;
	font-weight: normal;
 	font-size: 0.9em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}

.camposelect_form
{
	height: 40px;
	width: 100%;
   padding: 4px;
   border: 1px solid var(--scuro);
   box-sizing: border-box;
   margin-top: 2px;
   margin-bottom: 2px;
   color: #000000;
   background-color: #ffffff;
	font-weight: normal;
 	font-size: 0.9em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}

/* ---------------------------------- pulsanti ------------------------ */

[class*="pulsante_"]
{
	height: 40px;	
	margin: 10px 0px;
   padding: 6px 10px;
	color: var(--bianco);	
	background-color: var(--scuro);	
	text-align: center;
   border: 1px solid var(--scuro);
   cursor: pointer;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
 	font-size: 1.2em;
	text-align: center;
}

[class*="pulsante_"]:hover
{
   background-color: var(--piuscuro);
   color: var(--bianco);
}

.pulsante_form
{
	width: 100%;
}

.pulsante_standard
{
	width: 40%;
}

.pulsante_formDoppio
{
	width: 100%;
	height: 72px;	
}

.pulsante_medium
{
	width: 40%;
	left: 30%;  /* (100 - width)/2 */
}


.pulsante_small
{
	width: 30%;
}

.pulsante_cookie
{
	width: 40%;
	color: var(--bianco);
	background-color: var(--scuro);
   border: 1px solid var(--bianco);		
}

.pulsante_cookie:hover
{
	color: var(--scuro);	
	background-color: var(--bianco);
   border: 1px solid var(--scuro);
}

/* ----------------------------------------------------------------------------- */
/* -------------- FORM --------------------------------------------------------- */

.formCol_1
{
	width: 25%;
	margin: 80px auto 20px auto;	/*top right bottom left*/
	border: 1px solid var(--scuro);
	padding: 20px 40px;		/* verticale  orizzontale */
	text-align: left;
	min-width: 220px;
}

.standardForm
{
	width: 40%;
	margin: 80px auto 20px auto;	/*top right bottom left*/
	border: 1px solid var(--scuro);
	padding: 20px 40px;		/* verticale  orizzontale */
	text-align: left;
	min-width: 220px;
}

.smallForm
{
	width: 24%;
	margin: 40px auto 20px auto;	/*top right bottom left*/
	border: 1px solid var(--scuro);
	padding: 20px 40px;		/* verticale  orizzontale */
	text-align: left;
	min-width: 220px;
}

.smallForm_popup
{
	width: 24%;
   left: 35%;  /* centrata > (100 - width)/2 */
	min-width: 220px;
   top: 0%;
   z-index: 15;
   position: fixed;
	margin: 20px auto 20px auto; /* top right bottom left */
	background-color: var(--bianco);	
	border: 1px solid var(--scuro);	
	padding: 20px 40px;
	text-align: left;
	display: none;
}

.colForm
{
	width: 70%;
	left: 15%;  /* (100 - width)/2 */
	margin: 40px auto 20px auto;	/*top right bottom left*/
	border: 1px solid var(--scuro);
	padding: 20px 40px;		/* verticale  orizzontale */
	text-align: left;
	min-width: 220px;
}

/* ----------------------------------------------------------------------------- */


/* deve stare dopo tutte le altre classi che lo usano */
.large
{
	width: 60%;
}

.inputText
{
	max-width: 80%;
}




/* ----------------------------------------------------------------------------- */

.maschera
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 10;
	display: none;
	background: url(images/maschera.jpg) repeat;
}

.maschera2
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index: 20;
	display: none;
	background: url(images/maschera.jpg) repeat;
}


/* ------------------ tabelle -------------------------------------------------- */

.tableContainer
{
	max-width: 90%;
	overflow-x: auto;
	/*border: 1px solid #ddd;*/
}

.tableContainer100
{
	max-width: 100%;
	overflow-x: auto;
	/*border: 1px solid #ddd;*/
}


.tableStd
{
    border-collapse: collapse;
    border-spacing: 1;
    width: 100%;
    border: 1px solid #ddd;
}

.thStd
{
   border: 1px solid #ccc;
   padding: 12px 4px;
	color: var(--bianco);
	background-color: var(--intTab);	
	text-align: center;
	font-weight: bold;
 	font-size: 0.8em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.tdStd
{
	border: 1px solid #ccc;
   padding: 2px 10px;
	text-align: center;
	font-weight: normal;
 	font-size: 0.8em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.tdStdLeft
{
	border: 1px solid #ccc;
   padding: 2px 10px;
	text-align: left;
	font-weight: normal;
 	font-size: 0.8em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
}


.tdImg
{
	padding: 10px 2px;
}

.tdImgSmall
{
	width: 12%;
	/*max-width: 10%;*/
	height: auto;
	padding: 6px 6px;
}



.trStd
{
	background-color: var(--rigaTabChiaro);	/*--rigaTabChiaro:  #fff6b9;*/
}


.trStd:nth-child(even)
{
	background-color: var(--rigaTabScuro);	/*---rigaTabScuro: #f9ed9c; */
}

.table30
{
	width: 30%;
	background-color: #efefef;
	border: 1px solid #ddd;
}

.trGhost
{
	background-color: transparent;
}

.thGhost
{
	color: transparent;
}

.nopadding
{
	padding: 0px;
}


.nobordo
{
	border: none;
}


.aggiornaimg
{
	position: absolute;
	top: 50px;
	z-index: 20;
	display: none;
}


/* ----------------------------------------------------------------------------- */
.titolo_1
{
	padding: 0px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: bold;
 	font-size: 1.4em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.titolo_2
{
	padding: 0px;
	letter-spacing: 0px;
	font-weight: bold;
 	font-size: 1.4em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	font-color: red;
}

.testo_2
{
	padding: 8px;
	font-weight: normal;
 	font-size: 1em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.testoStandard
{
	font-weight: normal;
 	font-size: 0.9em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.testo_09
{
	font-weight: normal;
 	font-size: 0.9em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	color: var(--nero);
}

.testo_12
{
	font-weight: normal;
 	font-size: 1.2em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	color: var(--nero);
}

.testo_14
{
	font-weight: normal;
 	font-size: 1.4em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	color: var(--nero);
}

.titolo_12
{
	font-weight: bold;
 	font-size: 1.2em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	color: var(--scuro); 
}

.titolo_14
{
	font-weight: bold;
 	font-size: 1.4em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	color: var(--scuro); 
}
.titolo_14_menu
{
	color: white;
	margin-top: 16px;
	margin-right: 60px;
}

.h2Left
{
	text-align: left;
}



h5
{
	margin: 0;
	text-align: center;
	font-weight: normal;
 	font-size: 0.95em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.data
{
	max-width: 90%;
	padding: 0px;
	color: #cecece;
	text-align: center;
	font-weight: normal;
 	font-size: 0.8em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	/*border: 1px solid #ddd;*/
}

/* --------------------------------------------------------------------------- */

.mySlides
{
	display:none
}

.slideshow-container
{
	max-width: 95%;
  	position: relative;
  	margin: auto;
}


.prev, .next
{
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: gray;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

.prev2, .next2
{
  cursor: pointer;
  width: auto;
  padding: 6px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 1.66%;
  margin-top: 0%;
  margin-bottom: 0%;
  color: gray;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
}


.closeZoom
{
  cursor: pointer;
  position: absolute;
  top: 0%;
  width: auto;
  padding: 10px;
  margin-top: 0%;
  color: grey;
  font-weight: bold;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  right: 0;
  border-radius: 3px 0 0 3px;

}

.next
{
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev
{
  left: 0;
  border-radius: 3px 0 0 3px;
}

.next2
{
  float: right;
  border-radius: 3px 3px 3px 3px;
}

.prev2
{
  float: left;
  border-radius: 3px 3px 3px 3px;
}

.prev:hover, .next:hover
{
	color: black;
}

.prev2:hover, .next2:hover
{
	color: white;
	background-color: rgba(100,100,100,0.9);
}

.closeZoom:hover
{
  color: black;
}


.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

.testoslide_1
{
	color: #f2f2f2;
	font-size: 6em;
	padding: 8px 12px;
	position: absolute;
	top: 0%;
	width: 100%;
	text-align: center;
}

.testoslide_2
{
	color: #f2f2f2;
	font-size: 8em;
	padding: 0% 0%;
	position: absolute;
	bottom: 30%;
	width: 100%;
	text-align: center;
}

.testoslide_3
{
	color: #f2f2f2;
	font-size: 6em;
	padding: 8px 12px;
	position: absolute;
	bottom: 0%;
	width: 100%;
	text-align: center;
}

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.dot
{
	cursor:pointer;
	opacity:0.6;
	filter:alpha(opacity=60);
}

.dot:hover
{
	opacity:1.0;
	filter:alpha(opacity=100);
}

.active
{
	opacity:1.0;
	filter:alpha(opacity=100);
}


.my-animate-fading
{
-webkit-animation: myfading 10s infinite;
animation: myfading 10s infinite;
}


@-webkit-keyframes myfading
{
0%{opacity:0}50%{opacity:1}100%{opacity:0}
}

@keyframes myfading
{
0%{opacity:0}50%{opacity:1}100%{opacity:0}
}

.testoslide
{
	width: 100%;
	background-color: #ce0000;
	color: white;
}


/* ---------------------------------------------------------------------------------------------------------- */
/* ------------------------------------ W3CSS --------------------------------------------------------------- */

.w3-animate-fading
{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.w3-animate-opacity{-webkit-animation:opac 4s;animation:opac 4s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}

.w3-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

.w3-animate-left{position:relative;-webkit-animation:animateleft 0.6s;animation:animateleft 0.6s}
@-webkit-keyframes animateleft{from{left:-100%;opacity:1} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-100%;opacity:1} to{left:0;opacity:1}}

.w3-animate-right{position:relative;-webkit-animation:animateright 0.6s;animation:animateright 0.6s}
@-webkit-keyframes animateright{from{right:-100%;opacity:1} to{right:0;opacity:1}}
@keyframes animateright{from{right:-100%;opacity:1} to{right:0;opacity:1}}

.w3-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}

.w3-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.w3-animate-input {-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}



/* ---------------------------------------------------------------------------------------------------------- */
/* ------------------------- classi di utilità comuni ------------------------------------------------------- */
/* devono stare in fondo per poter essere utilizzate in accoppiata con tutte le altre classi  */

.visibile
{
	display: block;
}

.invisibile
{
	display: none;
}

.rilievo
{
	z-index: 15;
}

.pointer:hover
{
	cursor: pointer;
}

.sfondoGrigio
{
	background-color: #a0a0a0;
}

.sfondoRosso
{
	background-color: #ce0000;
}

.sfondoBianco
{
	background-color: #ffffff;
	border: none;
}

.bianco
{
	color: #ffffff;
}

.rosso
{
	color: #ce0000;
}

.nero
{
	color: #000000;
}

.input_data
{
	max-width: 50%;
	min-width: 50%;
}

.input_corto
{
	max-width: 49%;
}

.spaziato
{
	margin-right: 40px;
}

.grassetto
{
	font-weight: bold;
}

.centrato
{
	text-align: center;
}

.giustificato
{
	text-align: justify;
}

.sinistra
{
	text-align: left;
}

.destra
{
	text-align: right;
}

.spaziato
{
	margin: 12px;
}

.fondo
{
	position: fixed;
	bottom: 0px;
	width: 100%;
}

.inlinea
{
	vertical-align: middle;
	padding-bottom: 6px;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */