/* VERSIONE GESTORE */
body                {}
                {height: 200px;}
#container      {width: 90%; margin:auto; }

.capienza    {position: absolute; top:10px; left: 10px;}

#tavoli      {border: 1px solid black; margin:auto; padding: 5px; margin-bottom: 20px;}
/* tabella con i tavoli*/                    
#tavoli td          {position: relative; width: 10%; }
/* celle della tabella tavoli*/
                    
.pulsanti           {font-size: 1em; margin: 5px; padding: 5px;}       
/* pulsanti in fondo alla pagina per la navigazione */ 
                                                
#data-oggi          {font-weight: bold; color: red; margin-bottom: 15px;font-size: 1em; }
/* selettore della data */

.pulsante           {width: 48px; position: absolute; left: 8px; bottom: 8px; display: block;}  
/* icona pulsante per accensione tavolo */

.icona              {width: 48px; position: absolute; right: 8px; bottom: 8px; display: none;} 
/* icona orologio per le prenotazioni */
 
.npr                {position: absolute; bottom:12; right:60; color: yellow; font-size: 1.5em;} 
/* numero di prenotazioni */

.sfondo             {width: 50%; margin : auto; display: block; }
 /* immagini tavoli liberi e occupati */                  

#TX                 {width: 90%; color: blue; text-align: center;}    
/* scritta iniziale */  

.tav                {font-weight: bold; font-size: 2em; margin: auto; color: white;}            
/*la scritta con il numero del tavolo */    

.tavolo             {background-color: green; padding: 5px; padding: 10px;
                     text-align: center;   }

#tavoli td          {position: relative;} /* caselle della tabella con i tavoli */ 
                          
td:hover            {cursor: pointer; }       
#prenotazioni       {margin-top:30px; background-color: yellow; font-size: 1.5em; padding: 5px;}

#tabPrenotazioni    {border: 1px solid black;  border-collapse: collapse; width: 80%; margin: auto;}
#tabPrenotazioni th {border:1px solid black; background: #fe3; padding: 3px;  width: 25%}
#tabPrenotazioni td {border:1px solid black;  padding: 3px; font-size: 1.5em;}
#reservations       {text-align: center; width:50%; width: 50%;  margin: auto; }
#tabPrenotazioni tr {text-align: center;}
#sala               {display: block; width:100%;}
#conferma           {margin-top: 30px;}

.icona:hover  {border: 1px solid yellow;}        
                     
#note         {border: 1px solid black; width: 50%; text-align: justify; 
               padding: 30px; margin: auto; display: none;}