@charset "utf-8";
/* CSS Document 

* File: basic_frame.css
	*
	* Description: 	controllo aspetto grafico layout di base struttura
	*				calcolato per una larghezza minima da 300 a 480
	* 				piattaforma posTIC
	*
	* @version		2.0	2024-07-29
	* @author		Stefano Pascoletti Ph.D.
	* @copyright	Stefano Pascoletti Ph.D.
	* @license		GNU General Public License
	+
	+ Note:			per una comodità di lettura > giustezza da 65 a 75 caratteri per riga
*/




body{
	margin: 0;
	padding: 0;
	background: #FFF; 		
}



/*div.cookinfo{
	font: 10pt Verdana, Geneva, sans-serif;
	text-align: justify;
	font-size: 0.7em;
	padding: 1em 2em;
	background-color: #FFEDD4;
}*/


/* riquadro principale centrato .......................................................... main_panel */

#main_panel{		
	max-width: 480px;	
	min-width: 300px;	
	margin: 0 auto;
	padding: 0;
	text-align: left; /*per IE5.x/Win - ripristinare il corretto allineamento del testo*/
	background: #D8D8D8; /* grigio chiaro */
}

/* riquadro intestazione .............................................................. header_panel */
#header_top_panel{	
	margin: 0;
	padding: 0;	
	overflow: hidden;
	background: #FFF;
}
#header_middle_panel{		
	/*visibility: hidden;  nascondi area */
	/*height: 40px;*/
	margin: 4px 0 4px 0;
	padding: 4px 0 4px 0;
	background: #FFF;
	/*overflow: hidden;*/		
}
#header_bottom_panel{	
	/*height: 40px;*/
	margin: 0;
	padding: 0;	
	overflow: hidden;
	background: #FFF;
	/*background: url(../../RES/imgs/layout/bground/sfondo_uniud.png) #ad9f9d left top no-repeat;*/ 
	/* header_bottom_panel-bar repeat-x*/	
}

/* 	area con il logo ... posizionato dentro #header_top_panel */
#logo{	
	float:left;
	margin: 0;
	padding: 0;	
}

/* 	area con il nome sito ... posizionato dentro #header_top_panel */
#site_name{	
	margin: 0;
	padding: 0;	
}

#goCover{	
	visibility: visible; /* visibility: hidden; */
	float:right;
	margin: 0;
	padding: 0;	
}



/* 	riquadro navigator (tiene traccia status posizionale) 
	posizionato dentro #header_bottom_panel */
/*#status_navigator{	
	float:left;
	margin: 0;
	padding: 0;	
}*/

/* 	riquadro altezza font 
	posizionato dentro #header_bottom_panel */
/*#font_size_header{	
	visibility: hidden;
}*/




/* riquadro corpo centrale (serve per gestire lo sfondo): ............................... body_panel */
/* contiene le colonne principali */
#body_panel{
	width: 100%;
	margin: 0;
	padding: 0;	
	background-color: #FFF;
}

/* riquadro colonna sinistra (dimensioni fisse) ......................................... left_panel */
/* visualizzato sopra per aumentare lo spazio destinato ai contenuti */
/*#left_panel{	
	width: 100%;
	min-height: 40px;	
	margin: 0;
	padding: 0;		
}*/

/* riquadro sopra (nascondi area)*/
/*#left_panel_top{	
	visibility: hidden;
	height: 0px; 
	width: 0px;
	float: left;
}*/

/* area info 
#left_panel_info{	
	height: 40px; 
	width: 60px;
	padding: 5px 0 5px 10px;
	overflow: hidden;
	float: left;
}*/

/* riquadro menu sinistro 
#left_menu{
	float: left;		
}*/

/* area sotto menu 
#menu_area{	
	float: left;	
}*/

/*	riquadro menu delle news 
	(sparisce quando lo schermo è piccolo) 
#menu_news{ 	
	visibility: hidden;
	height: 0px; (nascondi area) 
}*/




/* riquadro centrato (dimensioni elastiche) ........................................... center_panel */
#center_panel{		
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #FFF;
}

 

/* riquadro sopra i contenuti */
/*#content_top{	
	width: 100%;
	height: 30px; /* height: 0px; (nascondi area) 
	margin: 0;
	padding: 0;
	background: #5C9F78; 
}*/
/* riquadro contenuti */
/*#content_panel{		
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #C3F1EB;	
}*/

/* riquadro sotto i contenuti */
/*#content_bottom{
	float: left;	
	width: 100%;
	height: 10px;  height: 0px; (nascondi area) 
	margin: 0;
	padding: 0;*/
	/*background: #5C9F78;	
}*/

/*div.area_title{	
	float: left;
}*/

/*div.author{	
	height: 130px;
}*/

/*div.area_txt{	
}*/

/*div.area_publish{	 sezione FORM pubblicazione contenuti 
	float: left;
	width: 550px;
}*/

/*div.end_sezione{
	margin-bottom: 30px;
	border-bottom: 1px solid #ad9f9d; 
}*/

/*div.admin_panel{ div contenente una tabella records 		
	background: #5C9F78;	
	margin-right: 20px;
}*/

/* elenchi ... */

/*div.item_lst1 {
    float: left;	
	border-top: 1px solid #ad9f9d; 
    margin-bottom: 10px;
    padding: 0;
}*/

/*div.h160 { height: 160px; }
div.h80 { height: 80px; }*/

/*div.more_items{
	padding-right: 15px;
	float: right;
}*/
/*div.more_items_tab{  posto a fine table 
	float: left;
	width: 75%;
	text-align: right;	
	margin-top: 10px;	   
}*/


/* galleria foto nel riquadro contenuti */
/*.menu_gallery{
	float: none;	
}*/



/* riquadro colonna destra (dimensioni fisse) .......................................... right_panel */
/* posizionata sotto per lasciare più spazio per i contenuti */
#right_panel{		
	/*float: left;
	width: 100%;		
	min-height: 100px;
	margin: 0;
	padding: 0 0 20px 10px;		*/
}

/* riquadro sopra */
#right_panel_top{		
	/*float: left;
	padding: 0 10px 0 0;
	height: 30px; 
	width: 100%;*/
}

/* riquadro logout */
#logout{
	/*padding: 10px 0 20px 0;*/
}

/* riquadro menu destro */
#right_menu{		
}

/* riquadro info destro */
#right_info{		
}





/* riquadro piè pagina ................................................................ footer_panel */


#footer_top_panel{		
	/*height: 40px;*/
	margin: 20px 0 0 0;
	padding: 0;
	/*padding: 4px 20px 0 0;*/		
	/*overflow: hidden;*/
	background: #FFF;
	/*background: url(../../RES/imgs/layout/bground/sfondo_uniud.png) #ad9f9d left top no-repeat;*/
}


#footer_middle_panel{
	display: flex; /* contenitore flex permette ai DIV figli di essere disposti flessibilmente */
	min-height:40px;	
	margin: 0;	
	padding: 0 10px 0 0;		
	/*overflow: hidden;*/
}
#info_project{	/* è il primo blocco del div [footer_middle_panel] */
	flex: 1; /* assegna a entrambe le colonne una parte uguale dello spazio disponibile */
	margin: 6px 0 0 10px;	
}


#info_lastdate{	/* è il secondo blocco del div [footer_middle_panel] */
	flex: 2; /* assegna a entrambe le colonne una parte uguale dello spazio disponibile */
	margin: 6px 4px 0 0;
}





#footer_bottom_panel{		
	margin: 0;
	padding: 0;
	/*overflow: hidden;
	border-top: #000 2px solid;*/	
}
#institutional_data{ /* riquadro con i dati istituzionali */
	margin: 0;
	padding: 10px 20px 0 10px;	
}
#info_data{ /* riquadro info legal policy e privacy  */
	padding: 0 10px;	
	/*margin: 0 0 0 -30px;*/	
}



/* 	riquadro altezza font 
	posizionato dentro #footer_top_panel */
#font_size_footer{	
	/*visibility: visible;
	float:left;
	margin: 0 0 0 10px;
	padding: 0;	*/
}


/* 	riquadro con i riferimenti al Lifelong Learning Programme
	posizionato in #footer_middle_panel */
#prg_eu{
	/*float: left;
	width: 100%;
	margin-right: -100px;  meno la somma della larghezza (200+150) della zezione destra */	
}
#llp_eu{
	/*float: right;
	width: 100px;	
	position: relative; serve a gestire l'interazione dei link sulle colonne sovrapposte
	z-index: 10;
	padding: 10px 0 0 0;*/
}



/* usato per archiviare stringe css */
#generale{
	/*border-bottom: 2px solid #000000;*/
	
}