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; } 
 form { 
     font-size: 14px;
 } 
 input { 
     font-size: 14px;
 } 
 button { 
     font-size: 14px;
 } 

 thead { 
     background-color: #f5f5f5; 
 } 
 
 .fascia {
    background-color: white;
    width: 100%;
 }
 

 .logo {
     position: inherit;
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 20%;
 }
 
 .accesso {
    height: 80px;
 }
 
 .accessoprocedura {
    position: relative;
    top: 30px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
 }
 
 /* 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: #ffffff;
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
}

.servizio {border: 1px solid #c3c3c3; }
.servizio:hover {background-color: #c3c3c3;}

/* colore se vado sopra un td*/
td:hover {background-color: #e1e1e1;}
/*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: #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);
}
.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);
}
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;
}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);


.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;}