BODY             {margin: 0px 0px 0px 0px;     
                  font-family: Verdana, Arial, Helvetica, Futura, sans-serif;  
                  font-size: 14px;}


center		 {font-weight:bold;
                  color:#000000;}
A         	 {font-weight:bold;
                  color:#0000ff;}
A:hover          {font-weight:bold;
                  color:#0000ff;}
A:link    	 {font-weight:bold;
                  color:#0000ff;}
A:visited 	 {font-weight:bold;
                  color:#0000ff;}



table { 
     width: 100%; 
     font-size: 14px;} 
 th, td { 
     border: 0px solid #c3c3c3; 
     font-size: 14px;
/*     background: #e1e1e1; }*/ 
     background: #eee; } 
 form { 
     font-size: 14px;
 } 
 input { 
     font-size: 14px;
 } 
 button { 
     font-size: 14px;
 } 

 thead { 
     background-color: #f5f5f5; 
 } 
  
 /* Media Query per il No More Tables */ 
  
 @media only screen and (max-width: 500px) { 
     /* Forza la tabella a non comportarsi come una normale tabella */ 
  
 	#no-more-tables table,  
 	#no-more-tables thead,  
 	#no-more-tables tbody,  
 	#no-more-tables th,  
 	#no-more-tables td,  
 	#no-more-tables tr {  
 		display: block;  
 	} 
  
 	/* Nasconde le intestazioni della tabella */ 
  
 	#no-more-tables thead tr {  
 		position: absolute; 
 		top:-9999px; 
 		left:-9999px; 
 	} 
   
 	#no-more-tables tr { border: 1px solid #ccc; } 
  
 	#no-more-tables td {  
 		/* Inserisce il comportamento come una riga */ 
  
 		border: none; 
 		border-bottom: 1px solid #eee;  
 		position: relative; 
 		padding-left: 35%;  
 		white-space: normal; 
 		text-align: left; 
                font-size: 14px;
 	} 
  
 	#no-more-tables td:before {  
 		/* Inserisce il comportamento come un'intestazione di tabella */ 
  
 		position: absolute; 
 		/* I valori top/left agiscono come padding */ 
  
 		top: 0; 
 		left: 6px; 
 		width: 65%;  
 		padding-right: 10px;  
 		white-space: nowrap; 
 		text-align: left;
 		font-weight: bold; 
                font-size: 14px;
 	} 
  
 	/* Aggiunge l'etichetta ai dati della tabella */ 
  
 	#no-more-tables td:before { content: attr(data-title); } 
 } 
.titolo {background-color: #fff000;}
.servizio {border: 1px solid #c3c3c3; }
.servizio:hover {background-color: #c3c3c3;}

/* colore se vado sopra un td*/
td:hover {background-color: #eee;}
/*tbody:hover {background-color: #fff000;}*/


.tab0 {background-color: #e1e1e1;
padding: 10px;
border-radius: 5px;
box-shadow:
 0px 0px 0px 1px #4e8381 inset,
 0px 0px 0px 2px #74b6b4 inset,
 0px 4px 0px 0px #4a7c7b,
 0px 5px 0px 0px #355655,
 0px 5px 0px 0px rgba(0,0,0,.15);
}
.tab1 {background-color: #e1e1e1;
padding: 10px;
border-radius: 5px;
box-shadow:
 0px 0px 0px 1px #4e8381 inset,
 0px 0px 0px 2px #74b6b4 inset,
 0px 4px 0px 0px #4a7c7b,
 0px 5px 0px 0px #355655,
 0px 5px 0px 0px rgba(0,0,0,.15);
}
.tab2 {background-color: #ff0000; 
padding: 10px;
border-radius: 5px;
box-shadow:
 0px 0px 0px 1px #4e8381 inset,
 0px 0px 0px 2px #74b6b4 inset,
 0px 4px 0px 0px #4a7c7b,
 0px 5px 0px 0px #355655,
 0px 5px 0px 0px rgba(0,0,0,.15);
}
.tab3 {background-color: #eee; 
padding: 0px;
border-radius: 0px;
box-shadow:
 0px 0px 0px 0px #4e8381 inset,
 0px 0px 0px 0px #74b6b4 inset,
 0px 0px 0px 0px #4a7c7b,
 0px 0px 0px 0px #355655,
 0px 0px 0px 0px rgba(0,0,0,0);
}
.tab4 {background-color: #e1e1e1; 
padding: 10px;
border-radius: 5px;
box-shadow:
 0px 0px 0px 1px #ffffff inset,
 0px 0px 0px 2px #000000 inset,
 0px 0px 0px 0px #ffffff,
 0px 0px 0px 0px #000000,
 0px 5px 0px 0px rgba(0,0,0,.15);
}
.tab_servizi {background-color: #e1e1e1; 
padding: 10px;
border-radius: 25px;
box-shadow:
 0px 0px 0px 0px #ffffff inset,
 0px 0px 0px 2px #000000 inset,
 0px 0px 0px 0px #ffffff,
 0px 0px 0px 0px #000000,
 0px 5px 0px 0px rgba(0,0,0,.15);
}
.tab_servizi_prenotati {background-color: #e1e1e1; 
padding: 10px;
border-radius: 0px;
box-shadow:
 0px 0px 0px 0px #ffffff inset,
 0px 0px 0px 2px #000000 inset,
 0px 0px 0px 0px #ffffff,
 0px 0px 0px 0px #000000,
 0px 5px 0px 0px rgba(0,0,0,.15);
}


td.tab3:hover {background-color: #eee;}


/* The grid: Three equal columns that floats next to each other */
.column {
/*  float: left;
  width: 33.33%; */
  padding: 10px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: #2c00ff;
}


.containerTab {
  padding: 1px;
/*  color: black;*/
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Closable button inside the image */
.closebtn {
  float: right;
  color: black;
  background: white;
  font-size: 25px;
  cursor: pointer;
  padding: 5px;
  box-shadow:
 0px 0px 0px 1px #000000 inset,
 0px 0px 0px 2px #ffffff inset,
 0px 0px 0px 0px #000000,
 0px 0px 0px 0px #000000,
 5px 5px 0px 0px rgba(0,0,0,.15);

}


h4 {color: blue;
background-color: #ffffff;
text-align: center;}