#header {
		background-image	:	url(http://www.visionedigitale.it/uilpuglia/wp-content/uploads/2018/08/banner_header_uilpuglia_L118.png);
		background-repeat	:	no-repeat;
		background-position	:	center center;
		
		width			:	100%;
		max-width		:	1100px;
		height			:	200px;
		margin			:	0 auto;
	}
	
	#logo {
		background-repeat	:	no-repeat;
		
		height	:	60px;
		
		position:	absolute;
		left	:	45px;
		top		:	45px;
		width	:	300px;
	}
	
	#benvenuto {
		background-repeat	:	no-repeat;
		
		height	:	60px;
		
		position:	absolute;
		right	:	45px;
		top		:	45px;
		width	:	300px;
	}
	
	#elenco_tasti {
		background-image	:	url(http://www.visionedigitale.it/uilpuglia/wp-content/uploads/2018/08/MENU_LOGO_UIL.png);
		background-repeat	:	no-repeat;
		background-size		:	30px 30px;
		background-position	:	10px 10px;
		padding-left	:	50px;
		padding-right	:	50px;
		width		:	100%;
		height		:	50px;
		margin		:	0 auto;
		max-width	:	1000px;
		border-top	:	3px solid #ec0000;
		text-align	:	center;
	}
	
	#elenco_tasti div {
		float	:	left;
		height	:	50px;
		line-height	:	50px;
	}
	
	#corpo {
		width		:	100%;
		height		:	calc(100% - 48px);
		overflow	:	auto;
	}
	
	/** MENU **/
	#menu {
		position:	relative;
		width	:	216px;
		height	:	100%;
		float	:	left;
	}
	
	#contenuto {
		position	:	relative;
		width		:	100%;
		max-width	:	1110px;
		height		:	100%;
		margin		:	0 auto;
	}
	
	
	li {
		font-size	:	13px;
	}
	
	.links, .links a
	{
		color			:	#000000;
		text-decoration	:	none;
	}

	ul {
		list-style-type	:	none;
		padding	:	0;
		margin	:	0;
	}
	
	.tasto {
		
		display		:	inline-block;
		padding		:	15px;
		
		color		:	white;
		border		:	solid 1px #0e506c;
		border		:	solid 1px #218ecc;
		text-align	:	center;
		
		border-radius	 :	2px;
		float			 :	left;
		background-color :	#0e506c;
		background-color :	#218ecc;
		cursor			 :	pointer;
		font-size		 :	15px !important;
	}
	
	.tasto.salva {
		border				:	solid 1px #23a455;
		background-color	:	#23a455;
	}
	
	.tasto.nuova {
		border				:	solid 1px #ff7a09;
		background-color	:	#ff7a09;
	}
	
	.tasto.configura {
		border				:	solid 1px #ccc;
		background-color	:	#ccc;
	}
	
	.tasto:hover {
		color	:	#0e506c;
		background-color:white;
	}

	.tasto.salva:hover {
		color				:	#23a455;
		background-color	:	white;
	}
	.tasto.menu {
		color	:	black;
		width	:	120px;
		height	:	50px;
		background-color	:	white;
	}
	
	.tasto.menu:after {
		content	:	'';
		display	:	block;
		width	:	0;
		height	:	2px;
		line-height	:	50px;
		border-bottom	:	solid 3px #ec0000;
		transition		:	width .3s;
	}
	
	.tasto.menu:hover:after {
		width	:	100%;
	}
	
	#img_quesiti {
		background-image: url(../images/gestione_quesiti.png);
	}
	
	#img_quesiti:hover {
		background-image: url(../images/gestione_quesiti_off.png);
	}
		
		#img_aggiungi_quesito {
		background-image: url(../images/aggiungi_quesito.png);
		}
		#img_aggiungi_quesito:hover{
		background-image: url(../images/aggiungi_quesito_hover.png);
		}
		
		#img_elenco_quesiti {
		background-image: url(../images/elenco_quesiti.png);
		}
		#img_elenco_quesiti:hover{
		background-image: url(../images/elenco_quesiti_hover.png);
		}
		
		
	#img_utenti {
		background-image: url(../images/gestione_utenti.png);
	}
	
	#img_utenti:hover {
		background-image: url(../images/gestione_utenti_off.png);
	}
		
		#img_aggiungi_utente {
		background-image: url(../images/aggiungi_utente.png);
		}
		#img_aggiungi_utente:hover{
		background-image: url(../images/aggiungi_utente_hover.png);
		}
		
		#img_elenco_utenti {
		background-image: url(../images/elenco_utenti.png);
		}
		#img_elenco_utenti:hover{
		background-image: url(../images/elenco_utenti_hover.png);
		}
		
	#img_statistiche {
		background-image: url(../images/statistiche.png);
	}
	#img_statistiche:hover {
		background-image: url(../images/statistiche_hover.png);
	}
	
	#img_logout {
		background-image: url(../images/logout.png);
	}
	#img_logout:hover{
		background-image: url(../images/logout_hover.png);
	}
	
	#sezione_statistiche{
		width:100%;
		height:100%;
	}
	
	iframe{
		border:none;
	}