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

/*--------------------I tre elementi Multimediali hanno 3 id diversi--------------------*/	

#POP_MailUs,
#POP_MailTo,
#POP_Policy,
#POP_Immagini,
#POP_Video,
#POP_Allegati								{ position:absolute;width:100%; height:100%;top:0px;left:0px;z-index:1000;
											  background: url(../D_Css/Portale/Background/BKG_Black75.png) repeat; overflow:auto;}

/*--------------------POP UP BIG (si usa per IMMAGINI E VIDEO)--------------------*/	

/*Questo è il contenitore centrato dove appare lo scheletro del contenitore della Gallery Pop Up*/
.PopUp_Big    								{ z-index:100;position:relative;background:#fff;}

/*Il Margine Verticale è la metà di quello inserito nella Funzione "fn_AdattaPopUp"*/
.PopUp_Big    								{ margin:40px auto;}

/*Monitor è un grande div che permette di posizionare al centro lo "schermo/display" dove appariranno le Immagini/Video */
.PopUp_Big .Monitor 						{ position:relative;background:#000;float:left; overflow:hidden;}
.PopUp_Big .Monitor .Slider 				{ position:absolute;top:0px; left:0px;}

/*Questo è il Div che offre la possibilità di creare l'effetto movimento slider dell'img*/	
.PopUp_Big .Monitor .Scorrimento 			{ z-index:200;position:absolute;top:0px;left:0px;}
.PopUp_Big .Monitor .Scorrimento a 			{ outline:none;display:block;position:absolute;top:0px;}
/*Rollover dello scorrimento!*/			
.PopUp_Big .Monitor .Scorrimento a 			{ opacity:0.4;}
.PopUp_Big .Monitor .Scorrimento a:hover 	{ opacity:1;}
/*Distinzione tra freccia destra e sinistra!*/			
.PopUp_Big .Monitor .Scorrimento a.ScorriSX { left:0px; width:100px; background: url(../D_Css/Portale/POP_ScorriSX.png) center left no-repeat;}
.PopUp_Big .Monitor .Scorrimento a.ScorriDX { right:0px; width:200px; background: url(../D_Css/Portale/POP_ScorriDX.png) center right no-repeat;}


.PopUp_Big .Controller 						{ position:relative;background:#fff; box-shadow:3px 0px 4px #ddd inset;
											  /*float:right;*/overflow:hidden;}
.PopUp_Big .Controller .Pannello 			{ border-bottom:1px #ccc dotted;}
.PopUp_Big .Controller .Elenco   			{ overflow:auto;}

/*Altezza e Larghezza Minima del box di visualizzazione foto e video!*/
.PopUp_Big									{ min-width:800px; }

.PopUp_Big .Monitor,
.PopUp_Big .Monitor .Scorrimento			{ min-width:530px;}

.PopUp_Big .Monitor img						{ max-width:100%;}

/*Larghezza Fissa*/
.PopUp_Big .Controller						{ width:270px;} 

/*Contare nel calcolo i margini verticali, Altezza FISSA*/
.PopUp_Big .Controller .Pannello			{ height:80px;margin:10px;} 

/*Contare nel calcolo i margini verticali per definire l'height, Altezza VARIABILE, ma la minima deve essere definita*/
.PopUp_Big .Controller .Elenco				{ min-height:410px;margin:10px 20px;}

.PopUp_Big,
.PopUp_Big .Monitor,	
.PopUp_Big .Monitor .Scorrimento,
.PopUp_Big .Monitor .Scorrimento .ScorriSX,
.PopUp_Big .Monitor .Scorrimento .ScorriDX,
.PopUp_Big .Monitor .Slider,
.PopUp_Big .Monitor .Table,
.PopUp_Big .Controller						{ min-height:530px;}

.PopUp_Big .Monitor .Slider iframe 			{ display:block; box-shadow:0px 0px 5px #555;width:90%;min-height:510px; margin:10px auto 0 auto;}	

/*Pannello posiziona il titolo del box e il pulsante chiudi */
.Pannello 									{ position:relative;}
.Pannello a.Bottone_Default					{ float:right; padding:5px; height:12px; background:#4fbae6;}
.Pannello h1 								{ display:block;height:30px;line-height:30px;overflow:hidden;
											  color:#4fbae6; font-size:16px; font-weight:normal; }

.Pannello h1.PopUp_Icon 					{ padding-left:45px;}
.Pannello h1.Immagini   					{ background:url(../D_Css/Portale/Icone/POP_ICO_Foto.png) left center no-repeat;}
.Pannello h1.Video      					{ background:url(../D_Css/Portale/Icone/POP_ICO_Video.png) left center  no-repeat;}
.Pannello h1.Allegati   					{ background:url(../D_Css/Portale/Icone/POP_ICO_Allegati.png) left center no-repeat;}
.Pannello h1.Invia_a    					{ background:url(../D_Css/Portale/Icone/POP_ICO_Invia_a.png) left center no-repeat;}
.Pannello h1.Mail       					{ background:url(../D_Css/Portale/Icone/POP_ICO_Mail.png) left center  no-repeat;}
.Pannello h1.Stampa     					{ background:url(../D_Css/Portale/Icone/POP_ICO_Stampa.png) left center no-repeat;}

.Pannello p 								{ font-size:14px; display:block; min-height:20px; max-height:40px; line-height:20px;
			 								  color:#777;overflow:hidden; padding:4px 0;}

/*Elenchi Immagini, Video e Allegati */
.ELE_Immagini 								{ float:left; width:50px; height:50px; margin-bottom:10px; margin-right:7px;}
.ELE_Video 									{ height:50px; margin-bottom:5px; padding:5px;}

.Display_Immagine 							{ position:relative;overflow:hidden;float:left; width:50px; height:50px; border:1px #ccc solid;}
.Display_Immagine .Blocco_Immagine 			{ position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-65px;text-align:center;}
.Display_Immagine .Blocco_Immagine			{ width:300px; height:130px;}
.Display_Immagine .Blocco_Immagine img 		{ max-height:130px;}

a .Display_Immagine 							{ display:block;opacity:0.6;}

.ELE_Immagini a:hover .Display_Immagine,
.ELE_Immagini a.Selezionato .Display_Immagine 	{ opacity:1;border:1px #aaa solid;}

.ELE_Video .Display_Titolo 					{ display:block;overflow:hidden;height:45px;padding:5px 0px 0px 55px;
											  font-size:14px; line-height:15px;color:#777; font-family:Verdana, Geneva, sans-serif;
											  background-image:url(../D_Css/Portale/Icone/LIST_ICO_Video.png);
											  background-position:top left; background-repeat:no-repeat;}
.ELE_Video a:hover .Display_Titolo			{ color:#4fbae6; background-position:center left;}
.ELE_Video a.Selezionato .Display_Titolo 	{ color:#4fbae6; background-position:bottom left;}

/*----------------------------------------------------------------------------------------------------------------*/

/*--------------------POP UP MEDIUM (si usa per gli Allegati)------------------------------*/	

/*------Lista degli Allegati----*/
.PopUp_Medium 								{ z-index:100;position:relative;background:#fff;}
.PopUp_Medium 								{ margin:40px auto;}
.PopUp_Medium 								{ padding:10px 20px;width:480px;}
.PopUp_Medium .Pannello 					{ border-bottom:1px #ccc dotted; }
.PopUp_Medium .Pannello p 					{ font-size:14px; display:block; min-height:20px; max-height:40px; line-height:20px;
			 								  color:#777;overflow:hidden; padding:4px 0;}
.PopUp_Medium .Pannello p b 				{ font-size:14px; color:#555;}
/*---------------------------------------------------------------------------------------------------------------------
ELENCO ALLEGATI
---------------------------------------------------------------------------------------------------------------------*/

.ELE_Allegati 								{ max-height:290px; overflow:auto; margin-top:10px; color:#555; font-size:14px;}
.ELE_Allegati a 							{ display:block;padding: 10px 10px 10px 40px; margin: 3px 10px; text-decoration:none;
			  								  color:#777; font-size:14px; font-family:Verdana, Geneva, sans-serif;
			 								  background:url(../D_Css/Portale/LIST_ALL_Off.png) left center no-repeat;}
.ELE_Allegati a:hover 						{ background:url(../D_Css/Portale/LIST_ALL_On.png) left center no-repeat; color:#4fbae6;}