/* ----------------------------------------------------------------------------
	TAG RESET
---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
	CORREZIONI AL CSS PER DISPOSITIVI MOBILI
---------------------------------------------------------------------------- */

body			{	width: 100%; margin: 0; margin-top: 60px; padding: 0; }
/* header */
#header			{ width: 100%; height: auto; text-align: center; }
#menubar		{ height: auto; margin: 0; padding: 0; border-radius: 0; box-shadow: 0 0 0; }
#menubuttons            { display: flex; justify-content: space-between;
                          position: fixed; left: 0; top: 0; right: 0; margin: 0; z-index: 99;
                          padding: 15px 20px 10px 10px; background-color: #ccccee; }
/* logo */
.logo			{	margin: 0; }
/* incolonnamento e box */
#content_x		{	display: block; overflow: auto; margin: 0; padding: 10px; } 
#content_c		{	display: block; overflow: auto; margin: 0; padding: 0; } 
.content_box            { margin: 0; padding: 0 5px 0 5px; }
/* menu */
#menu			{ clear: none; margin: 0; text-align: center; padding: 0px 20px 0px 10px; font-size: 1em; }
#menu a                 { color: navy; text-decoration: none; }
/* footer */
#footer			{	padding: 0; }

/* ----------------------------------------------------------------------------
	STILI HOMEPAGE
---------------------------------------------------------------------------- */

.RubricaTestata			{	font-size: 1.4em; padding: 5px; border-radius: 0; }
.notizia h1				{	text-align: left; }
.rubrica_fondo   { clear: both; padding: 5px; padding-right: 7px; font-size: 1.4em;
                   border-radius: 0; border: 0; border-top: 2px #ccccee solid; border-bottom: 2px #ccccee solid; }
.rubrica_fondo a { margin-left: 2px; margin-right: 2px; }
.notizia_top h1			{	font-size: 1.2em; text-align: left; margin-top: 3px; }
.notizia_top hr			{	height: 0; }
.miniatura_stretta		{	width: 60px; border: 0; float: right; margin-left: 10px; margin-bottom: 5px; }


/* ----------------------------------------------------------------------------
	TABELLE
---------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------
	STILI BARRA MENU
---------------------------------------------------------------------------- */

.menu-icon  { height: 32px; margin-left: 10px; margin-right: 10px; }

body {-webkit-animation:bugfix infinite 1s}
@-webkit-keyframes bugfix {from {padding:0} to {padding:0}}

#menu { text-align: left; overflow: auto; }

#menu li label { display: block; }

#menu ul { display: none; clear: both; text-align: left; margin: 10px 0 0 0; }
#menu li { display: block; clear: both; text-align: left; overflow: auto;
           padding: 5px 0 10px 0; font-size: 16pt; text-indent: 15px; }
#menu li img { vertical-align: text-bottom; padding-bottom: 0; margin-right: 15px; } 
#menu ul ul { position: relative; top: 0; left: 0; background: #ddddee;
              border-radius: 5px; padding: 10px 0 10px 0; }
#menu li li { padding: 10px 0 10px 20px; font-size: 12pt; }
#menu li li a { color: #000066; display: block; }

#menu .staff { color: #d40000; }
#menu .staff a { color: #d40000; }

#menu .menu-btn:checked ~ ul { display: block; }