/*********************************************************************/
/**** ***********  2004 Progetti di Impresa Srl  *********************/
/* ****************************************************************** */

/**** ***********  FOGLIO SI STILE SERVIZIO EVENTI  *********************/

/*********************************************************************/
/**** PAGINA DI RICERCA ****************************************/
/* ****************************************************************** */

/*---------INTESTAZIONE DEI SERVIZI eventi Fase01----------*/
.GestisciIntestazioneServiziFase01 {
	position: relative;
	width: 100%;
	left: -20px;
}

.intestazioneServiziFase01{
	position: relative;
	background-color: #BED7FF;
	border-left: 20px solid #FFFFFF;
	height: 20px;
	color: white;
	font-size: 110%;
	width: 80%;
	float: left;
}

.GestisciLinkStampaServiziFase01 {
	position: relative;
	background-color: #E0E5E9;
	width: 18%;
	left: 10px;
	bottom: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	float: right;
}

.ColoreScrittaServiziFase01 {
	position: relative;
	color: Black;
}
/*---------FINE INTESTAZIONE DEI SERVIZI eventi Fase01----------*/


.boxEventi{
	border-left: 16px solid white;
	border-right: 2px solid white;
}

.LineaSeparazione { 
	position: relative;
	left: -12px;
	top: 0px;
	border: thin;
	color: #ADAFB1;
	width: 95%;
	height: 0px;
}

.ScrittaPrimoPiano {
	font: normal 130% arial;
	font-weight: bold;
	text-transform: lowercase;	
	padding: 7px;
	letter-spacing: 1px;
	margin-bottom: 0px;
	color: #000099;
	background-color : #BED7FF;
}

.SpostaImmagineSx {
	position: relative;
	margin-left: 15px;
}

.SpostaScrittaDx {
	position: relative;
	top: -60px;
	float: right;
	right: 15px;
}


.rigaForm { 
	background-color: #E7E7E7;
	position: relative;
	width: 100%;
	padding: 4px;
	margin-bottom: 1px;
 }

 .CampoDescr { 
	position: relative;
	width: 20%; 
  }

.CampoInputText { 
	position: absolute;
	width: 80%; 
	margin-left: 10%;
	top: 0px;
 }

.CampoInputDdl { 
	position: absolute;
	width: 80%; 
	margin-left: 18%;
	top: 0px;
 }
 
/*********************************************************************/
/****  ***********************************************/
/* ****************************************************************** */

.Evento { 
	display: block;
	position: relative;
 	width: 95%;
}

.TestataEvento { 
	width: 100%;
	position: relative;
	float: none;
	display: block;
	border-bottom: solid 1px #000000;
 }
 
.EventoTitolo {
	position: relative;
	font-weight: bold;
	
	width: 100%; /*320px*/
	top: 3px;
	z-index: 10;
 	color: red;
	clear:left;

	border-bottom: 1px #000000 solid ;
}

.InizioTestata A:link, .InizioTestata A:visited { 
/*   color: #3E7824; #000000;*/
   font-weight: bold;
}

.InizioTestata {
	position: relative;
	left: 0px;
	top: 0px;
	height: 15px;
	width: 100%;
	float: left;
}

.FondoTestata {
		position: relative; 
	top:-10px;
	left:-0px;
	clear:left;
	/*background: url("../../immagini/moduli/FondoTitolo.gif") no-repeat;*/
	height: 15px;
	width: 100%; /*440px*/
	/*border-bottom: solid 1px #000000;*/
}

.FondoTestataData {
	position: relative; 
	/*left: 325px;*/
	left:85%;
	right: 0px;
	top: -2px; /*0px*/ 
	color:#999EA1;
	width: 58px; 
	text-align: left;
}

.FondoEvento {
	position: relative;
	top: 8px;
	width: 100%;
	margin-bottom: 0px;
}

.TestoEvento {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	width: 70%;
	text-align : justify;
	float: left;
}

.ImmagineEvento { 
 	position: relative;
	float: right;
	left: 0px;
	margin: 0px;
	padding-top: 5px;
	text-align: center;
	vertical-align: middle;
	border: solid 5px #ECE8D1; 
}


.FondoEventi {
	 	position: relative;
	width: 100%;
	top: 5px;
}

.FondoEventi2 {
	position: relative;
	left: 0px; /*0px*/
	 
	width: 10%;
	float: left;
	/*margin-bottom: -30px;*/
}


.ImmagineTitolo {
	position: relative;
	left: 0px;
	top: 5px;
	width: 420px;
	text-align: center;
	height: 36px;
}

.FondoEventiIntro {
	/* background-color: #FFFFFF; */ 
	position: relative;
	left: 0px;
	width: 418px;
	top: 0px;
	padding-top: 2px;
	padding-bottom: 14px;
}

.FondoEventiGrigio {
	background-color: #E7E7E7;
	position: relative;
	left: 0px;
	top: 0px;
	height: 37px;
	border-bottom: solid 1px #FFFFFF;
}

.EventiDesc {
	position: absolute;
	left: 5px;
	top:12px;
	width: 80px;
	text-align: right;
	font-weight: bold;
}


.EventiCampo {
	position: absolute;
	left: 95px;
	top:7px;
}

.InputTestoRicerca { 
	width: 60%;
 }

.FondoEventiTasto {
	background-color: #E7E7E7;
	position: relative;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}

.FondoEventiModulo {
	/* background-color: #FFFFFF; */
	position: relative;
	left: 0px;
	width: 418px;
	top: 0px;
	border-bottom: solid 1px #CFCFCF;
	padding-top: 12px;
	padding-bottom: 5px;
}

.FondoEventiDettaglio {
	/* background-color: #FFFFFF; */
	position: relative;
	left: 0px;
	width: 418px;
	top: 0px;
	padding-top: 12px;
	padding-bottom: 10px;
}

.EventiPiede {
	position: relative;
	left: 0px;
	width: 418px;
	top: 0px;
	background: #FFFFFF url("../immagini/eventi/FondoTitolo.gif") no-repeat;
	height: 15px;
}

.EventiPiedePrec {
	position: absolute;
	left: 336px;
	top: 0px;
	width: 82px;
	text-align: right;
	color:#000000;
}

/**********INIZIO PAGINE DEGLI INVITI******************************/
.GestisciScrittaInviti {
	position: relative;
	width: 95%;
}

.GestisciSfondoInvito1 {
	position: relative;
	width: 31%;
	float:left;
}

.GestisciSfondoInvito2 {
	position: relative;
	width: 40%;	
	float: left;	
}

.GestisciSfondoInvito3 {
	position: relative;
	width: 26%;
	float: left;		
}

.GestisciTuttiRadioInviti {
	position: relative;
   top: 5%;
	width: 100%;
}

.GestisciRadioInvito1 {
	position: relative;
	width: 33%;
	float: left;
}

.GestisciRadioInvito2 {
	position: relative;
	width: 33%;
	float: left;		
}

.GestisciRadioInvito3 {
	position: relative;
	width: 33%;
	float: left;	
}

.GestisciBottoneInviti {
	position: relative;
	top: 10%;
	left: 38%;
}

.GestisciLinkTornaInviti {
	position: relative;
	top: 15%;
	left: 25%;
}

/*Inizio Invito formato PERGAMENA*/
.PaginaEventoInvitoFase02 {
	position: relative;
	left: 2%;
	width: 90%;
}

.GestisciColoreSfondoInvitoFase02 {
	position: relative;
	bottom: 3px;
	width: 98%;
	height: 200px;
	background-color: #FFFEC5;
}
/*
.CreaSpazioInvitiFase02 {
	position: relative;
	width: 98%;
	height: 400px;
	background-color: #FFFEC5;
}
*/
.GestisciImmagineInvitoFase02 {
	position: relative;
	left: 2%;
	float: left;
}

.GestisciScrittaInvitoFase02 {
	position: relative;
}

.GestisciTitoloInvitoFase02 {
	position: relative;
	left: 2%;
}

.GestisciDescrizioneInvitoFase02 {
	position: relative;
	left: 2%;
	top: 10%;
}

.GestisciDettagliInvitoFase02 {
	position: relative;
	margin-top: 12%;
	width: 100%;
	background-color: #FFFEC5;
}
/*
.GestisciSingoliElementiInvitoFase02 {
	position: relative;
	left: 2%;
}
*/
.InizioFase02 {
	position: relative;
	left: 27%;
}

.FineFase02 {
	position: relative;
	left: 27%;
}

.LuogoFase02 {
	position: relative;	
	left: 27%;
}

.GestisciBloccoSottoInvitoFase02 {
	position: relative;
	margin-top: 8%;
}
/*Fine Invito formato PERGAMENA*/

.PaginaEventoInvitoFase04 {
	position: relative;
	left: 2%;
	width: 95%;
}

.GestisciBottoneInvitiFase04 {
	position: relative;
	top: 4%;
}

.GestisciImmagineConfermaFase04 {
	position: relative;
	left: 40%;
}

.GestisciDescrizioneSpedizioneFase04 {
	position: relative;
	left: 20%;
}

.GestisciLinkTornaInvitiFase04 {
	position: relative;
	left: 10%;
}

/*Inizio Invito formato LIBRO*/
.GestisciMargineLibroSX {
	position: relative;
	float: left;
}

.GestisciMargineLibroCR {
	position: relative;
	float: left;
}

.GestisciMargineLibroDX {
	position: relative;
	float: left;
}

.GestisciDettagliInvitoFase02_DUE {
	position: relative;
	width: 65%;
	bottom: 250px;
}

.GestisciImmagineInvitoFase02_DUE {
	position: relative;
	left: 10%;
	float: left;
}

.GestisciScrittaInvitoFase02_DUE {
	position: relative;	
	left: 35%;
	width: 45%;
} 

.GestisciTitoloInvitoFase02_DUE {
	position: relative;
	left: 35%;
	width: 45%;
}

.GestisciDescrizioneInvitoFase02_DUE {
	position: relative;
	left: 35%;
	top: 10%;
	width: 45%;
}

.GestisciSingoliElementiInvitoFase02_DUE {
	position: relative;
	top: 30%;
	left: 35%;
	width: 50%;
}
/*
.GestisciLuogoInvitoFase02_DUE {
	position: relative;
	left: 54%;
	width: 44%;
	float: left;
}
*/
.InizioFase02_DUE {
	position: relative;
	top: 17%;
	left: 35%;
}

.FineFase02_DUE {
	position: relative;
	top: 17%;
	left: 73%;
	width: 45%;
}

.LuogoFase02_DUE {
	position: relative;
	top: 17%;
	left: 73%;
	width: 45%;
}

.GestisciBloccoSottoInvitoFase02_DUE {
	position: relative;
	bottom: 25%;
}
/*Fine Invito formato LIBRO*/

/*Inizio Invito formato QUADRO*/
.GestisciMargineQuadroUP {
	position: relative;
	top: 6px;
	/*right: 4px;*/
}

.GestisciMargineQuadroSX {
	position: relative;
	top: 3px;
	float: left;
}

.GestisciDettagliInvitoFase02_TRE {
	position: relative;
	width: 100%;
	bottom: 330px;
}

.GestisciImmagineInvitoFase02_TRE {
	position: relative;
	left: 15%;
	float: left;
}

.GestisciScrittaInvitoFase02_TRE {
	position: relative;	
	left: 17%;
	width: 50%;
}

.GestisciTitoloInvitoFase02_TRE {
	position: relative;
	margin-left: 41%;
	width: 50%;
}

.GestisciDescrizioneInvitoFase02_TRE {
	position: relative;
	margin-left: 41%;
	margin-top: 5%;
	width: 45%;
}
/*
.GestisciSingoliElementiInvitoFase02_TRE {
	position: relative;
	top: 20%;
	left: 15%;
	width: 90%;
}
*/
.InizioFase02_TRE {
	position: relative;
	margin-top: 5%;
	left: 15%;
}

.FineFase02_TRE {
	position: relative;
	margin-top: 5%;
	left: 15%;
}

.LuogoFase02_TRE {
	position: relative;
	margin-top: 5%;
	left: 15%;
}

.GestisciMargineQuadroDX {
	position: relative;
	top: 3px;
	right: 25px;
	float: right;
}

.GestisciMargineQuadroDOWN {
	position: static;
}

.GestisciBloccoSottoInvitoFase02_TRE {
	position: relative;
	bottom: 25%;
}
/*Fine Invito formato QUADRO*/

/*Inizio Invito in VISUIALIZZAZIONE QUANDO ARRIVA LA MAIL in formato PERGAMENA*/
.SpostaInvito_UNO {
  position: relative;
  width: 42%;
  height: 500px;
  top: 3%;
  left:30%;
  background-color: #FFFEC5;
}

.SpostaScritta_UNO {
	position: relative;
	left: 2%;
}

.SpostaImmagineInvitoUp_UNO {
	position: relative;
	height:75px;
 
	
}

.SpostaImmagineInvito_UNO {
	position: relative;
	top: 5%;
	left: 5%;
}

.SpostaScrittaInvito_UNO {
	position: relative;
	left: 30%;
	bottom: 15%;
	width: 40%;
	clear:left;
}

.SpostaScrittaTitoloInvito_UNO {
	position: relative;
	left: 30%;
	bottom: 15%;
	width: 60%;
}

.SpostaScrittaDescrizione_UNO {
	position: relative;
	left: 30%;
	bottom: 10%;
	width: 65%;
}

.SpostaBloccoInizioFineLuogoInvito_UNO {
	position: relative; 
	left: 30%;
}

.SpostaImmagineInvitoDown_UNO {
	position: relative;
	top: 15%;
}

.ChiudiInvito_UNO {
	position: relative;
	float: left;
	top: 15%;
	left: 5%;
}

.CreaSpazio_UNO {
	position: relative;
	float: left;
	top: 15%;
	width: 10%;
}

.EntraInvito_UNO {
	position: relative;
	float: left;		
	top: 15%;
	left: 5%;
}
/*FINE Invito in VISUIALIZZAZIONE QUANDO ARRIVA LA MAIL in formato PERGAMENA*/

/*Inizio Invito in VISUIALIZZAZIONE QUANDO ARRIVA LA MAIL in formato LIBRO*/
.SpostaInvito_DUE {
  position: relative;
  width: 80%;
  height: 505px;
  top: 3%;
  left:25%;
}

.SpostaScritta_DUE {
	position: relative;
	left: 3%;
}

.SpostaMargineLibroInvitoSX_DUE {
	position: relative;
	float: left;
}

.SpostaMargineLibroInvitoCR_DUE {
	position: relative;
	float: left;		
}

.SpostaMargineLibroInvitoDX_DUE {
	position: relative;
	float: left;		
}

.SpostaImmagineInvito_DUE {
	position: relative;
	top: 20%;
	right:55%; 
}
/*
.SpostaDettagliInvito_DUE {
	position: relative;
}
*/
.SpostaScrittaInvito_DUE {
	position: relative;
	left: 31%;
	bottom: 60%;
	width: 40%;
}

.SpostaScrittaTitoloInvito_DUE {
	position: relative;
	left: 31%;
	bottom: 60%;
	width: 30%;
}

.SpostaScrittaDescrizione_DUE {
	position: relative;
	left: 31%;
	bottom: 55%;
	width: 30%;
}

.SpostaBloccoInizioFineLuogoInvito_DUE {
	position: relative; 
	left: 31%;
	bottom: 50%;
}

.ChiudiInvito_DUE {
	position: relative;
	float: left;
	bottom: 36%;
	left: 10%;
}

.CreaSpazio_DUE {
	position: relative;
	float: left;
	bottom: 36%;
	width: 10%;
}

.EntraInvito_DUE {
	position: relative;
	float: left;		
	bottom: 36%;
	left: 12%;
	width: 30%;
}
/*FINE Invito in VISUIALIZZAZIONE QUANDO ARRIVA LA MAIL in formato LIBRO*/

/*Inizio Invito in VISUIALIZZAZIONE QUANDO ARRIVA LA MAIL in formato QUADRO*/
.SpostaInvito_TRE {
  position: relative;
  width: 80%;
  height: 200px;
  top: 3%;
  left: 29%;
}

.SpostaScritta_TRE {
	position: relative;
	right: 2%;
}

.SpostaMargineQuadroInvitoUp_TRE {
	position: relative;
	top: 2%;
}

.SpostaMargineQuadroInvitoSx_TRE {
	position: relative;
	top: 1%;
	float: left;
}

.SpostaMargineQuadroInvitoDx_TRE {
	position: relative;
	top: 1%;
	left: 40%;
	float: left;
}

.SpostaMargineQuadroInvitoDown_TRE {
	position: relative;

}
/*
.SpostaDettagliInvitoFase02_TRE {
	position: relative;
	right: 3%;
	bottom: 10%;
	width: 42%;
}
*/
.SpostaImmagineInvito_TRE {
	position: relative;
	right: 4%;
	top: 12%;
}

.SpostaScrittaInvito_TRE {
	position: relative;
	left: 10%;
	bottom: 20%;
	width: 50%;
}

.SpostaScrittaTitoloInvito_TRE {
	position: relative;
	left: 10%;
	bottom: 20%;
	width: 30%;
}

.SpostaScrittaDescrizione_TRE {
	position: relative;
	margin-left: 20%;
	bottom: 15%;
	width: 25%;
}

.SpostaBloccoInizioFineLuogoInvito_TRE {
	position: relative; 
	right: 4%;
	bottom: 8%;
	width: 40%;
}

.ChiudiInvito_TRE {
	position: relative;
	float: left;
	top: 3%;
}

.CreaSpazio_TRE {
	position: relative;
	float: left;
	top: 3%;
	width: 10%;
}

.EntraInvito_TRE {
	position: relative;
	float: left;		
	top: 3%;
}
/*FINE Invito in VISUIALIZZAZIONE QUANDO ARRIVA LA MAIL in formato QUADRO*/


/***********FINE PAGINE DEGLI INVITI*******************************/

/*********************************************************************/
/**** PAGINAZIONE ***********************************************/
/* ****************************************************************** */
.FondoPaginaIndice {
	top: 0px;
	font-size: 90%;
	width: 33%;
	text-align: center;
	margin-left: 40%;
}

.Paginazione { 
	border-bottom: solid 1px #CCCCCC;
	position: relative;
	left: 0px;
	top:25px;
	height: 25px;
 }

.FondoPaginaPrecedente {
	position: absolute;
	width: 33%;
	clear: both;
	margin: 0px;
	padding: 0px;
	/*background-color: #FAF5E7;*/
	left: 0px;
	top: 0px;
	text-align: center;
}
.FondoPaginaPrecedente a:visited {
	color: #000000;
}/*
.FondoPaginaPrecedente a:active {
   color: #000000; 
}*/
.FondoPaginaPrecedente a:link {
   color: #000000; 
}
.FondoPaginaPrecedente a:hover {
   color: #000000;
}

.FondoPaginaSuccessiva {	
	position: absolute;
	top: 0px;
	width: 33%;
	right: 0px;
	text-align : center;
	padding: 0px;
	margin: 0px;
	/*background-color: #FAF5E7;*/
	font-size: 90%;
}
.FondoPaginaSuccessiva a:visited {
	color: #000000;
}
.FondoPaginaSuccessiva a:active {
   color: #000000; 
}
.FondoPaginaSuccessiva a:link {
   color: #000000; 
}
.FondoPaginaSuccessiva a:hover {
   color: #000000;
}



/*********************************************************************/
/**** DETTAGLIO EVENTO*****************************************/
/* ****************************************************************** */

.PaginaEvento { 
	margin-left: 10px;
	width: 95%;
	position: relative;
 }

 
.TitoloEventoDett { 
	width: 100%;
	position: relative;
	float: none;
	display: block;
	padding-bottom:2px;
	border-bottom: solid 1px #000099;
 }
 /*
.EventiDesc2{
	position: relative;
	top: 0px;
	width: 450px;
	font-weight: bold;
	float: right;
}
*/

.EventiDesc2{
	position: relative;
 	top: -5px; 
	/*margin-left: 80px;*/
	font-weight: bold;
	text-align: left;
        float: right;
	width: 90%;
	margin: 0px;
 background-color: #E7E7E7;

}

.EventiTitolo {
	position: relative;
	font-weight: bold;
	
	width: 100%; /*320px*/
	top: 3px;
	z-index: 10;
 	color: red;
	clear:left;

	border-bottom: 1px #000000 solid ;
}
.EventiTitolo2{
	position: relative;
        top: 2px;
	/*position: absolute;*/
	/*left: 0px;*/
	margin: 0px;
/*	width: 55px;*/
	text-align: left;
	width: 100%;
/*background-color: #E7E7E7;*/
}

.lineaEventi { 
	position: relative;
	clear:left;
	 width:100%;

 }

 
.TestoEventi2 {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
}

.EventiPiedeDett {
	position: relative;
	width: 100%;
	text-align: left;
}


.ImmagineEventoDett { 
 	position: relative;
	width: 100%;
 
   text-align: center;
}

.GestisciImmagineSfondo {
	position: relative;
	left: 0px;
	width: 89%;
	background-color: #F7F7F7;
}

.GestisciImmagine {
	position: relative;
	text-align: center;
	width: 280px;
}


.invito_demo {
	position: relative;
	width:33%;
	float:left;
 
}