/* =Font face
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300');
/* BASIC RESET */
*{
	margin: 0 auto; 
	padding: 0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: justify;
	}
	
div.clear {
	clear: both; 
}

/* TESTATA HOME*/
#Testata { 
	display: block;
    position: relative;
    width: 95%;
    max-width: 1300px;
    height: 60px;
    text-align: center;
    clear: both;
    z-index: 1;
}

#TestataSlogan {
     width: 90%;
     height: 200px;
     background: url(../images/EasyDiet_dieta_universale.jpg);
     background-size: 100% auto;
     background-position: center;
     padding: 5%;
}

.TestataLogo {
    float: left;
    max-width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 5%;
    border: 0px;
}

#TestataTitolo {
    background: #FFFFFF;
    padding: 1%;
    opacity: 0.8;
    color: #226eb2;
    text-align: center;
}

#TestataBurgherMenu {
    float: right;
    margin-top: 7px;
    margin-right: 14px;
    border: 0px;
}

/* MENU */
#BarraMenu {
	width: 100%;
	height: 59px;
	background: #FFFFFF;
}

#Menu { 
	position: relative;
	width: 70%;
	height: auto;
    float: right;
	}

#Menu ul { 
	list-style: none; 
	}
	
#Menu li a { 
	position: relative;
	float: right;
	display: block;
	width: auto;
	height: auto;
	text-align: center;
	line-height: 59px;
	padding-left: 3%;
	padding-right: 3%;
	font-weight: bold;
	}

#Menu ul li { 
	display:inline; 
	font-size: 16px;
	}
	
#Menu ul li a { 
	color: #f79233; 
	text-decoration: none; 
	}
	
#Menu ul li a:hover { 
	background: #f79233;
	color: #FFFFFF;
	text-decoration: none; 
	}

@media only screen and (max-width: 860px) {
		#Menu li a {padding-left: 1%; padding-right: 1%;}
}
@media only screen and (max-width: 768px) {
        #BurgherMenu {display: block !important; float: right; margin-top: 7px !important;}
        #Menu {width: 103.3% !important; display: none; position: absolute !important; z-index: 1005 !important; left: -3px;}
		#Menu li a {line-height: 38px; height: 37px !important; width: 100% !important; border-right: 0 !important; border-left: 0 !important; border-bottom: 1px solid #f79233; margin-top: 0 !important; background: #FFFFFF;}
		#Menu ul li a {color: #f79233;}
        #TestataTitolo {font-size: 24px;}
}
@media only screen and (max-width: 600px) {
        #TestataSlogan {background-size: 140% auto;}
}
@media only screen and (max-width: 534px) {
        #MenuPiccolo li a {padding-left: 13px !important; padding-right: 13px !important;}
}
@media only screen and (max-width: 475px) {
        #MenuPiccolo li a {padding-left: 10px !important; padding-right: 10px !important;}
        #TestataTitolo {font-size: 20px;}
}
@media only screen and (max-width: 438px) {
        #MenuPiccolo li a {padding-left: 3px !important; padding-right: 3px !important;}
}

/* CORPO */
#Corpo {
    max-width: 1300px;
}

#CorpoContenitorePagine {
    width: 90%;
    padding: 5%;
    font-size: 18px;
}

.CorpoImmagine {
    max-width: 100%;
}

.CorpoRiquadroImmagini {
    width: 100%;
    height: auto;
    text-align: center;
}

.CorpoTabella {
    border: 1px solid #f79233;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%; overflow: auto; break-inside: auto; text-align: left;
}

.CorpoTabellaIntestazione {
    table-header-group;
    border-box;
}

.CorpoTabellaTr {
    break-inside: avoid;
    break-after: auto;
    box-sizing: border-box;
}

.CorpoTabellaTh {
    text-align: center;
    border-top: 0px;
    vertical-align: bottom;
    border-bottom: 0px;
    font-weight: normal;
    background-color: #ffd0a3;
    padding: 8px;
    line-height: 1.5rem;
    vertical-align: top;
    border: 1px solid #f79233;
}

.LinkGlossario:link {
    color: #f79233;
    text-decoration: none;
}

.LinkGlossario:hover {
    color: #f79233;
    text-decoration: underline;
}

.LinkGlossario:visited {
    color: #f79233;
    text-decoration: none;
}