/*********************************************************************/
/************** Progetti di Impresa Srl copyright 2008 ***************/
/*********************************************************************/

/*********************************************************************/
/*****            EVENTI                      ************************/
/*********************************************************************/

#boxEventi{
	clear: both;
	margin-top: 10px;
	margin-bottom: 4em;
	width: 98%;
	font-size: 90%;
}

#boxEventi .sfondo2 {
	color: #0000BD;
	border-bottom: 2px solid #FFC142; 
	font-weight: bold;
	font-size: 110%;
	padding: 2px;
	width: 98%;
	margin-top: 1em;
}

#boxEventi .separatore1 {
	clear: both;
}

/*********  ARCHIVIO - EVENTO CON FOTO   ******************/
#boxEventi .eventoConFoto { 
	width: 98%;
	clear: both;
	background-color: #FFFFFF;
   color:#000000;
	padding-top: 1em;
	padding-bottom: 0px;
	border-bottom: 1px solid #FFC142;
}

#boxEventi .eventoConFoto IMG {
	border: 1px solid #FFC142;
	float: right;	
	margin-left: 10px;
	margin-right: 10px;
	width: 60px;
	height: auto;
}

#boxEventi .eventoConFoto H1 { 
   color: #000000;
	font-weight: bold;
	padding:0px;
	margin: 0px;
	font-size: 100%;
}

#boxEventi .eventoConFoto H1 A:link, #boxEventi .eventoConFoto H1 A:visited, #boxEventi .eventoConFoto H1 A:active { 
   color: #000000;
	text-decoration: none;
}

#boxEventi .eventoConFoto H1 A:hover {
	text-decoration: underline;
}

#boxEventi .eventoConFoto H2 { 
	color: black;
	font-size: 90%;
	font-weight: normal;	
	width: 80%;
	margin-top: 8px;
} 

#boxEventi .eventoConFoto H3 { 
	font-size: 100%;
	margin: 0px;
	margin-top: 3px;
	font-weight: normal;
	text-align: justify;
}

#boxEventi .eventoConFoto H3 A:link, #boxEventi .eventoConFoto H3 A:visited, #boxEventi .eventoConFoto H3 A:active {
	color: #0000BD;
}

/*************   DETTAGLIO EVENTO   ***********************/
#boxEventi .eventoDettaglio ul { 
	position: relative;
	list-style: none;
	width: 97%;
	clear: both;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #ebebeb;
	padding-left: 10px;
	padding-bottom: 10px;
}

#boxEventi .eventoDettaglio ul li { 
	margin: 0;
	padding-top: 6px;
}

#boxEventi .eventoDettaglio ul li A:link, #boxEventi .eventoDettaglio ul li A:visited, #boxEventi .eventoDettaglio ul li A:active { 
	color: #0000BD;
	font-weight: bold;
	text-decoration: none;
}

#boxEventi .eventoDettaglio ul li A:hover {
	text-decoration: underline;
}

#boxEventi .eventoDettaglio IMG {
	border: 1px solid black;
	float: right;
	max-width: 70%;	
	width: auto !important;
	width: 30%;
	margin: 1em;
	margin-top: 0px;
}

#boxEventi .eventoDettaglio H5 {
	color: #0000BD;
	border-bottom: 2px solid #FFC142; 
	font-weight: bold;
	font-size: 110%;
	padding: 2px;
	width: 98%;
	margin: 0px;
	margin-top: 1em;
	margin-bottom: .5em;
}

#boxEventi .linkulerioriInformazioni {
	display: block;
	margin-top: 1em;	
}

#boxEventi .linkulerioriInformazioni A:link, #boxEventi .linkulerioriInformazioni A:visited, #boxEventi .linkulerioriInformazioni A:active {
	color: #0000BD;
	font-weight: bold;
	text-decoration: none;
}

#boxEventi .linkulerioriInformazioni A:hover {
	text-decoration: underline;
}


#boxEventi .informazioniCorrelate {
	display: none;
	visibility: hidden;
}	

#boxEventi .back {
	clear: both; 
	margin-top: 2em;
}

/*********************************************************************/
/****   INVITI  ******************************************************/
/*********************************************************************/

#boxInvitoEventi { 
	clear: both;
	margin-top: 10px;
	margin-bottom: 4em;
	width: 98%;
	font-size: 90%;
}

#boxInvitoEventi .sfondo2 {
	color: #0000BD;
	border-bottom: 2px solid #FFC142; 
	font-weight: bold;
	font-size: 110%;
	padding: 2px;
	width: 98%;
	margin-top: 1em;
}

#boxInvitoEventi H2 { 
	font-size: 100%;
	margin: 0px;
	margin-top: 2em;
	margin-bottom: 2em;
	font-weight: normal;
	text-align: justify;
}

#boxInvitoEventi H3 { 
	font-size: 100%;
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 1em;
	font-weight: normal;
	text-align: center;
}

#boxInvitoEventi H3 INPUT {
	margin-right: 2em;
}

#boxInvitoEventi H4 {
	margin: 0 auto;
	text-align: center;
}

#boxInvitoEventi H4 TEXTAREA {
	width: 90%;
	margin: 0 auto;
}

#boxInvitoEventi .sceltaFormatoBiglietto {
	margin: 0 auto;
	text-align: center;
}

#boxInvitoEventi .back {
	clear: both; 
	margin-top: 2em;
}	

/*********************************************************************/
/****   TIPOLOGIA DI INVITO 2 : PERGAMENA ****************************/
/*********************************************************************/

#boxInvitoEventiTipo2 { 
	clear: both;
	margin-top: 10px;
	margin-bottom: 4em;
	width: 98%;
	font-size: 90%;
}

#boxInvitoEventiTipo2 .sfondo2 { 
	font-weight: bold;
	font-size: 105%;
	padding-bottom: 5px;
	margin-top: 15px; 
	border-bottom: 2px solid #F47A00;
}
	
#boxInvitoEventiTipo2 .biglietto { 
	color: black;
	font-weight: normal;
	background-color: #FFFEC5;
	margin:0 auto;
	margin-top: 10px;
	text-align: center;
	width: 80%;
	padding:10px;
	margin-bottom: 20px;
	height: 100%;
}

#boxInvitoEventiTipo2 H1 { 
   color: #CC0000;
	font-size: 105%;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}

#boxInvitoEventiTipo2 H2 { 
	font-weight: normal;
	font-size: 100%;
	text-align: justify;
	margin-bottom: 30px;
	margin-top: 15px;
}

#boxInvitoEventiTipo2 H5 { 
	font-weight: normal;
	font-size: 100%;
	text-align: justify;
	margin-bottom: 15px;
}

#boxInvitoEventiTipo2 H6 { 
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px; 
	font-weight: normal;
	font-size: 100%;
	color: #000000;
	text-align: left;
}

#boxInvitoEventiTipo2 .invitoIntestazione {
	clear: both;
	float: none;
	margin: 0 auto;
	width: 99%;
	text-align: center;
}

#boxInvitoEventiTipo2 .invitoIntestazione IMG {
	width: 95%;
}

/*********************************************************************/
/****   TIPOLOGIA DI INVITO 3 : FOTO *********************************/
/*********************************************************************/

#boxInvitoEventiTipo3 { 
	clear: both;
	margin-top: 10px;
	margin-bottom: 4em;
	width: 98%;
	font-size: 90%;
}

#boxInvitoEventiTipo3 .sfondo2 { 
	font-weight: bold;
	font-size: 105%;
	padding-bottom: 5px;
	margin-top: 15px; 
	border-bottom: 2px solid #F47A00;
}
	
#boxInvitoEventiTipo3 .biglietto { 
	clear: both;
	color: black;
	font-weight: normal;
	margin:0 auto;
	margin-top: 10px;
	margin-bottom: 1em;
	text-align: center;
	width: 75%;
	max-width: 100%;
}

#boxInvitoEventiTipo3 H1 { 
   color: #CC0000;
	font-size: 105%;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}

#boxInvitoEventiTipo3 H2 { 
	font-weight: normal;
	font-size: 100%;
	text-align: justify;
	padding-bottom: 30px;
	margin-top: 15px;
}

#boxInvitoEventiTipo3 H5 { 
	font-weight: normal;
	font-size: 100%;
	text-align: justify;
	margin-bottom: 15px;
}

#boxInvitoEventiTipo3 H6 { 
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px; 
	font-weight: normal;
	font-size: 100%;
	color: #000000;
	text-align: left;
}

#boxInvitoEventiTipo3 .invitoCorniceTesta {
	clear: both;
	float: none;
	width: 100%;
	height: 50px;
	text-align: center;
	background: url("/immagini/inviti/invito003/up.gif") top center repeat-x;
	overflow: hidden;
}

#boxInvitoEventiTipo3 .colonnaInvitoSx {
	float: left;
	width: 54px;
	height: 600px;
	background: url("/immagini/inviti/invito003/sx.gif") top left repeat-y;
}

#boxInvitoEventiTipo3 .colonnaInvitoDx {
	float: right;
	width: 54px;
	height: 600px;
	background: url("/immagini/inviti/invito003/dx.gif") top right repeat-y;
}

#boxInvitoEventiTipo3 .colonnaInvitoContenuto{
	float: left;
	width: 60%;
}

#boxInvitoEventiTipo3 .invitoCorniceFondo {
	clear: both;
	float: none;
	width: 100%;
	height: 50px;
	text-align: center;
	background: url("/immagini/inviti/invito003/down.gif") bottom center repeat-x;
}

#formid_fotogrande IMG {
	float: left;
	width: auto !important;
	width: 60%;
	max-width: 60%;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #CC0000;
}

/*********************************************************************/
/****   LEGGI EVENTI TIPO 2 : PERGAMENA ****************************/
/*********************************************************************/

#boxLeggiEventiTipo2 { 
	width: 70%;
	margin: 0 auto;
	text-align: center;
	font-size: 90%;
}

#boxLeggiEventiTipo2 .sfondo2 { 
	font-weight: bold;
	font-size: 105%;
	padding-bottom: 5px;
	margin-top: 15px; 
	border-bottom: 2px solid #F47A00;
}
	
#boxLeggiEventiTipo2 .biglietto { 
	color: black;
	border: 1px solid black;
	font-weight: normal;
	background-color: #FFFEC5;
	margin:0 auto;
	margin-top: 10px;
	text-align: center;
	width: 416px;
	padding:10px;
	margin-bottom: 20px;
	height: 100%;
}

#boxLeggiEventiTipo2 H1 { 
   color: #CC0000;
	font-size: 105%;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}

#boxLeggiEventiTipo2 H2 { 
	font-weight: normal;
	font-size: 100%;
	text-align: justify;
	margin-bottom: 30px;
	margin-top: 15px;
}

#boxLeggiEventiTipo2 H5 { 
	font-weight: normal;
	font-size: 100%;
	text-align: justify;
	margin-bottom: 15px;
}

#boxLeggiEventiTipo2 H6 { 
	margin: 0px;
	margin-top: 5px;
	font-weight: normal;
	font-size: 100%;
	color: #000000;
	text-align: left;
}

#fotogrande IMG {
	float: left;
	width: auto !important;
	width: 60%;
	max-width: 96%;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #CC0000;
}

/*********************************************************************/
/****   LEGGI INVITO 3 : FOTO ****************************************/
/*********************************************************************/

#boxLeggiEventiTipo3 { 
	width: 70%;
	margin: 0 auto;
	text-align: center;
	font-size: 90%;
}

#boxLeggiEventiTipo3 .sfondo2 { 
	font-weight: bold;
	font-size: 105%;
	padding-bottom: 5px;
	margin-top: 15px; 
	border-bottom: 2px solid #F47A00;
}
	
#boxLeggiEventiTipo3 .biglietto { 
	clear: both;
	color: black;
	font-weight: normal;
	margin:0 auto;
	margin-top: 10px;
	margin-bottom: 1em;
	text-align: center;
	width: 75%;
	max-width: 100%;
}

#boxLeggiEventiTipo3 H1 { 
   color: #CC0000;
	font-size: 105%;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}

#boxLeggiEventiTipo3 H2 { 
	font-weight: normal;
	font-size: 100%;
	text-align: justify;
	margin-bottom: 30px;
	margin-top: 15px;
}

#boxLeggiEventiTipo3 H5 { 
	font-weight: normal;
	font-size: 100%;
	text-align: justify;
	margin-bottom: 15px;
}

#boxLeggiEventiTipo3 H6 { 
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px; 
	font-weight: normal;
	font-size: 100%;
	color: #000000;
	text-align: left;
}

#boxLeggiEventiTipo3 .invitoCorniceTesta {
	clear: both;
	float: none;
	width: 100%;
	height: 50px;
	text-align: center;
	background: url("/immagini/inviti/invito003/up.gif") top center repeat-x;
	overflow: hidden;
}

#boxLeggiEventiTipo3 .colonnaInvitoSx {
	float: left;
	width: 54px;
	height: 600px;
	background: url("/immagini/inviti/invito003/sx.gif") top left repeat-y;
}

#boxLeggiEventiTipo3 .colonnaInvitoDx {
	float: right;
	width: 54px;
	height: 600px;
	background: url("/immagini/inviti/invito003/dx.gif") top right repeat-y;
}

#boxLeggiEventiTipo3 .colonnaInvitoContenuto{
	float: left;
	width: 60%;
}

#boxLeggiEventiTipo3 .invitoCorniceFondo {
	clear: both;
	float: none;
	width: 100%;
	height: 50px;
	text-align: center;
	background: url("/immagini/inviti/invito003/down.gif") bottom center repeat-x;
}
