header, #RightResto {
		padding: 4px;
		margin: 4px;
		border-radius: 16px;
		height: 63px;
		border: 1px solid black;
		overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
  }
 
 footer,  corpo {
		padding: 4px;
		margin: 4px;
		border-radius: 16px;
  }
 
 header {
		top: 0; 
		left: 0; 
		color: white;
		background-color: #76b0f8;
		clear: both;
        text-align: center;
		display: -webkit-flex;
		display: flex;
 }
#inline {
		border-radius: 16px;
		height: 65px;
		border: 1px solid black;
		overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
		top: 0; 
		left: 0; 
		color: white;
		background-color: #76b0f8;
		clear: both;
        text-align: center;
}
 
#left300{
	position: absolute; 
	top: 2px; 
	left: 2px; 
	width: 308px; /*Width of left frame div*/
	background-color: white;
	color: blue;
	text-align: left;
	height: 63px;
	border-radius: 16px;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#RightResto{
	position: absolute; 
	top: 0px; 
	left: 350px; 
    background-color: #76b0f8;
	color: white;
	width: intrinsic;           /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;    /* Firefox/Gecko */
    width: -webkit-max-content; /* Chrome */
	width: 100px;
 }

 html, body {
    width: 100%;
    height: 100%;
    margin: 0;
 }
 
  .vbox {
        display: -webkit-box;
        display:    -moz-box;
        display:         box;

        -webkit-box-orient: vertical;
           -moz-box-orient: vertical;
            -ms-box-orient: vertical;
                box-orient: vertical;

        display: -webkit-flex;
        display:    -moz-flex;
        display:     -ms-flex;
        display:         flex;

        -webkit-flex-direction: column;
           -moz-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
  }

  .hbox {
        display: -webkit-box;
        display:    -moz-box;
        display:     -ms-box;
        display:         box;

        -webkit-box-orient: horizontal;
           -moz-box-orient: horizontal;
            -ms-box-orient: horizontal;
                box-orient: horizontal;

        display: -webkit-flex;
        display:    -moz-flex;
        display:     -ms-flex;
        display:         flex;

        -webkit-flex-direction: row;
           -moz-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
  }

  .space-between {
        -webkit-box-pack: justify;
           -moz-box-pack: justify;
            -ms-box-pack: justify;
                box-pack: justify;

        -webkit-justify-content: space-between;
           -moz-justify-content: space-between;
            -ms-justify-content: space-between;
                justify-content: space-between;
  }

 footer {
        color: white;
        background-color: #76b0f8;
        clear: both;
        border: 1px solid black;
        display: -webkit-flex;
        display: flex;
        border-radius: 8px;
		height: 100px;
 }

 .main {
        -webkit-box-flex: 1;
           -moz-box-flex: 1;
            -ms-box-flex: 1;
                box-flex: 1;

        -webkit-flex: 1;
           -moz-flex: 1;
            -ms-flex: 1;
                flex: 1;
 }

 corpo {
        -webkit-box-flex: 1;
           -moz-box-flex: 1;
            -ms-box-flex: 1;
                box-flex: 1;

        -webkit-flex: 1;
           -moz-flex: 1;
            -ms-flex: 1;
                flex: 1;
 }

 .dividi {
	margin-left: 50px; 
	margin-right: 50px; 
    padding: 0px 0px 0px 0px;
    border: 0px solid red;
    display: -webkit-flex;
    display: flex;
 }

 #Xdividi {   /* dimensioni delle righe / colonne */
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
 }