/* ----- CSS INVALSI BY LEONARDO BOULAY ----- */
html {overflow-y: scroll;}

html, body {
  overflow: visible !important;
}

* {
 /* transform: none !important;*/
  filter: none !important;
  perspective: none !important;
}

body {
	
    min-width: 760px;
    background: #FFFFFF;
    color: #3B576D;
    margin: 10px;
    font: 100% Verdana, sans-serif;
    }

/* CSS IMPECCABILE PER L'HEADER */
#head {position: relative;}
#headDestra {
    float: right;
    width: 100%;
    height: 0px;
    background: #FFFFFF;
    color: #23333A;
    margin-right: 7px;
    }

#titolo {
    position: absolute;
	left: 120px; 
	top: -10px; 
    height: 120px;
    line-height: 120px;
    color: #015196;
    padding-right: 100px;
    font-weight: bold;
    font-size: 19px;
    font-variant: normal;
    text-align: left;
    white-space: normal;
    vertical-align: middle;
    }
#titolo span {display: inline-block; min-width: 250px; vertical-align: middle; line-height: normal;}

#logo_invalsi {position: relative; top: 10px ; left: 23px; height:78px;}
#invalsi {text-align: justify; font-weight: bold; font-size: 140%; position: relative; top: -32px; left: 4px;}
#link_invalsi_logo {text-decoration: none; color: inherit; display: block;}
#link_invalsi {text-decoration: none; color: inherit; display: block;}


/* NUOVO MENU ORIZZONTALE */
/* CONTENITORE MENU */
#menu-principale {
    display: block;  
    width: 100%;
    background-color: #f4faff;
    font-family: Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	gap: 0;
	
	position: sticky;
	top: 0;
	z-index: 3000;
	background: #f4faff;
}


/* LISTA PRINCIPALE */
#menu-principale ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    width: 100%;
	font-weight: normal;
}

/* ELEMENTI MENU */
#menu-principale li {
    position: relative;
	margin: 0;              /* AGGIUNTO */
    padding: 0;             /* AGGIUNTO */
}

/* LINK */
#menu-principale a {
    display: block;
    padding: 16px 8px;
	color: #015196;
    text-decoration: none;
    font-size: 18px;
	font-weight: normal;	
	margin: 0;              /* AGGIUNTO */
	position: relative;
    top: 1px;
	left: 15px;
}

/* HOVER */
/* PRIMO LIVELLO DEL MENU */
/*#menu-principale > ul > li > a:hover { 
    background-color: #015196;
    color: #ffffff;
	/*padding: 14px 8px;*/
/*}*/

#menu-principale > ul > li > a:hover,
#menu-principale .dropdown:hover > a {
    background-color: #015196;
    color: #ffffff;
}

/* SUBMENU */
.submenu {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 15px; 
	color: #001D36;	
    min-width: 220px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    z-index: 1000;    
    background-color: #f4faff;  
    width: max-content;      /* si allarga quanto serve */
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);	
	white-space: nowrap;
	background-color: #f4faff;
}

/* ELEMENTI SUBMENU */
.submenu li {
    width: 100%;
	left: -15px;
}

/* MOSTRA SUBMENU */
.dropdown:hover .submenu {
    display: block !important;
}

/* LINK SUBMENU */
.submenu a {
    /*display: block;*/
    /*padding: 12px 16px;*/
    font-size: 16px;
    background-color: #f4faff;
    white-space: nowrap;
    text-decoration: none;
    font-weight: normal;	
	height: 15px;
    display: flex;
    align-items: center;
    padding: 0 16px;
	
}

#menu-principale .submenu a {
    color: #001D36 !important;
}

.submenu a:hover {
    background-color: #D4EBFF;
    color: #001D36;
}
/* FINE MENU ORIZZONTALE  */



hr {visibility: hidden;}
/* CSS CONTENITORE */
#contenitore {clear: both; border-right: 5px solid #FFFFFF;}

/* PERCORSO - POSIZIONE - LOGOUT*/
#afterheader {position: relative; padding: 1em 2em 1.5em 1.5em; border-top: 1px solid #D2DEE4; color: #01294C; left: 4px;}
#posizione {display: inline-block; font-size: 75%;}
#posizione a {font-weight: bold; color: #015196;}
#posizione a:hover {color: #FFFFFF; background: #3B576D;}
#divlogout {display: inline-block; float: right; text-align: right;}
#divlogout img {vertical-align: middle;}
#divlogout a {font-size: 75%; font-weight: bold; color: #015196;}

#main {display: table; width: 99%; height: 100%; padding-left: 1%; padding-top: 1em; padding-right: 1%;} /* qui imposto la larghezza */

#footer {clear: both; text-align: center;}

#cookieChoiceInfo {font: 75% Arial, Verdana, Geneva, helvetica, sans-serif;}
#cookieChoiceInfo a {position: relative; top: -0em; font-weight: bold; color: #015196; text-decoration: none;}
#cookieChoiceInfo a:hover {font-weight: bold; color: #015196; text-decoration: underline;}