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

/***********************************************************************************************************/
/************************************* WEBSITE MAIN STYLE **************************************************/
/***********************************************************************************************************/

html {font-size:100%;}

body{
    font-size: 75%;   /*dimensionamento percentuale del font */
    text-align: center;   /*centra in IE 5.x */
	font-family: Verdana, Verdana, Geneva, sans-serif;
}

p{
    line-height:1.4em;
	font-size:1.2em;
}
			 
img {
     border:none;
}


div.container{
  /*  width: 65.75em;        /*dimensionamento in em del container principale */
   width: 66.7em;  
    border: 8px solid #009966;
	margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l' allineamento*/
} 
	
div.header{
	width:100%;
	margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l' allineamento*/
}

div.content { 
    position:relative;
	padding:4em;
	text-align:justify;
} 

div.footer{
    /*margin: 0 auto;     /*centra negli altri browsers*/
    /*text-align: left;   /*ripristina l' allineamento*/
	margin:0 4em;
	padding-bottom:1em;
	width:100%;
	clear:both;
}

/* questa classe serve per cancellare gli effetti dei float di elementi circostanti. */
.clear {
    clear:both;
}

span#login_info{
    position:relative;
	text-align: left;   /*ripristina l' allineamento*/
	padding:0.1em;margin:0em;
}

span#login_info a:link, 
span#login_info a:visited{
}

span#login_info a:hover{
}

/***********************************************************************************************************/
/********************************** END WEBSITE MAIN STYLE *************************************************/
/***********************************************************************************************************/


/******************************* PRIVATE AREA MAIN STYLE**********************************************/

div#private_area_container{

}

div#private_area_header{
}

div#private_area_content{
    color: #092340;	
}

div#private_area_footer{
	margin:0 4em;
    width:auto;
	font-size:0.8em;
	border-top:1px solid #009966;
}

div#private_area_navigation{	
    position:relative; /* do not touch */
    width:100%; height:2em;
	
	border-bottom:1px solid #009966;	
	padding:0;margin:0;
	padding-top:1.2em;
    margin: 0px auto;   /*centra negli altri browsers*/	
    
	text-align: left;   /*ripristina l' allineamento*/
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size:1.3em;
}

#private_area_navigation ul{
    position:realtive;
	padding:0 0.6em; margin: 0;
	background-color:#ffffff;
}


#private_area_navigation li{
    display: inline;
	float:left;
    padding:0; margin: 0.1em 0.1em 0 0.1em;
    list-style-type: none;   
}

#private_area_navigation ul a:link, 
#private_area_navigation ul a:visited
{
    
     padding:0.3em; margin: 0;
	 
	 float:left; /* do not remove - allows the height to expand.*/
	 height:1.2em;
	 line-height:1.2em;
	 
	 /* light effect */
	 border-top: 1px solid #76d0ac;
	 border-right: 1px solid #76d0ac;
	 
	 border-bottom: none;
	 text-decoration:none; 
	 color:#004e26;
	 background-color:#f6faf9;
}

#private_area_navigation ul a:hover{
    background-color:#e0f4eb;
	text-decoration:underline; 
}

#private_area_navigation ul a.current_tab{
    color:#FFFFFF;
	font-weight:bold;
    background-color:#079b60;
}

#private_area_navigation ul a.current_tab:hover{
    text-decoration:none; 
}
		
#private_area_navigation span#login_info{	
	right:3em;
	top:-1.2em;
	float:right; 
	color:#004e26;
	font-size:0.8em;	
}

#private_area_navigation span#login_info a:link, 
#private_area_navigation span#login_info a:visited{
    color:#004e26;
}

#private_area_navigation span#login_info a:hover{
    color:#009966;
}

/*************************** END PRIVATE AREA MAIN STYLE **********************************************/





/********************************************** FORMS ******************************************************/

form {
  
	padding:0em; margin:0;
	font-family:Arial, Helvetica, sans-serif;	
	background-color:#EAEAEA;
}

em.asterisk {
	color:red;
	font-size:1.2em;
	font-weight:bold;
}

form ul {
    font-size:1.3em;
    margin:0;padding:1em;
}

form li { /*è il testo a sinistra dei campi i di input */
    list-style-type:none;	
	padding:0.3em;
	font-weight:bold;	
	min-height:1em;	
}

form ul li span { /* campi di input e testi al di sotto di essi */
	margin:0.3em; 
	display:inline-block;
	font-weight:bold;	
	vertical-align:top;	
}

form ul li span.input_label { /*è il testo a sinistra dei campi di input */
     display:inline-block;
	 width: 9em;
	 text-align:right;
	 color:#092340;
}

form div, form a { 
	font-size:1em;
	font-weight:normal;
	color:#092340;
}

form div{ 
    padding:0.3em 0;
	
}

/******************************************* END FORMS *****************************************************/






/************************************ REGISTRATION FORM PAGE ************************************************/

#registration_content{
    padding:3em;
}

#reg_form_container {
	position:relative;
	border: 0; padding:0; margin:3em 0;
}

#reg_form_container form{
	font-family:Arial, Helvetica, sans-serif;
	padding:0;margin:0;
	background-color:#FFFFFF;
}


#reg_form_container ul {
	/*border: solid 1px #092340;*/
	background-color:#FAFBFE;
	 padding:20px 0; margin:0;
}

#reg_form_container li {
    text-align:left;
}


/*********************************END REGISTRATION FORM PAGE ***********************************************/



/***********************************************************************************************************/
/************************************* PRIVATE AREA STYLE **************************************************/
/***********************************************************************************************************/




/********************************************* MISC ********************************************************/
div#private_area_container .alert{
     color:red;
}

div#private_area_container .alert_box{
     color:#092340;
     border:1px solid red;
	 padding:1em;margin:0;
	 background-color:#FFEAEB
}

div#private_area_container .input_alert{
	 font-weight:normal; 
}

div#private_area_container .input_error { /* Il campo di input diventa giallo al verificarsi di un errore */
	background-color:#FCFBC7;
}


div#private_area_container .text_input { /* campi di testo */
	width:15em;
    letter-spacing:2px;
	font-size:1.2em;
	padding:0.2em 0 0 0;
	border:1px solid #092340;
}

div#private_area_container input.pwd,{     
   /* font-family:Arial, Helvetica, sans-serif;*/
    letter-spacing:0px;
	padding:0 0 0.1em 0;
}

div#private_area_container .info_message{
	font-size:1.3em;
	font-weight:normal;
	text-align:justify;
	color:#092340;
	background-color:#FFFFFF;
}

div#private_area_container .highlighted{
    color:#FF6600;
}

div#private_area_container .big {
	font-size:2em;
}

div#private_area_container .text_link{
     color:#092340;
}

div#private_area_container .text_link:hover{
     color:#FF6600;
}

div#private_area_container .notice_text { /* testo grigio sotto i campi di input */
	color:#999999;
	font-weight:normal;	
}


div#private_area_container .button {
    display:inline-block;
    border:2px solid #006699; padding:0.2em;
	text-decoration: none;
    text-align:center;
	color:#ffffff;
	font-size:1.5em;
	background-color:#092340;
	cursor:pointer;
}

div#private_area_container .button:hover{
	background-color:#0e3765;
	cursor:pointer;
}

/********************************************END MISC*******************************************************/






/*********************************************** LOGIN AREA ************************************************/

div#private_area_container #login_message{
    width: 17em;
	float:left;
	color:#FF6600;
}

div#private_area_container #login_form_container{
    position:relative;
	padding:0em;margin:0;
	float:right;
	text-align:left;
/*	text-align: center;   /*centra in IE 5.x */
}

div#private_area_container #login_form_container .text_input{
   width:11em;
}

div#private_area_container #login_form_container p{
    position:absolute; top:-1.8em; right:0;
	padding:0; margin:0;
}

div#private_area_container #login_form_container ul {
    text-align:right;
}
div#private_area_container #login_form_container .button{ width:auto;}
/********************************************* END LOGIN AREA *************************************************/




/**************************************USERNAME / PASSWORD RESET AREA******************************************/

div#private_area_container #data_reset_container{
    text-align: center;   /*centra in IE 5.x */
	margin: 3em 0;
}

div#private_area_container #data_reset_container form{
    width:51em;   
	text-align:left;
    margin:0 auto;
}

div#private_area_container #data_reset_container .text_input{width:16em;}

div#private_area_container #data_reset_container .input_label{width:10em;}

div#private_area_container #data_reset_container #check_code_field{width:7em;}

div#private_area_container #pwd_reset_message{
   font-size:2em;
   color:#FF6600;
}

div#private_area_container #mail_sent_message{
   color:#092340;
   margin-bottom:7em;
}

/***********************************************************************************************************/






/********************************* UPDATE PERSONAL INFORMATION PAGE ****************************************/


div#private_area_container #riepilogo_dati {   
     width:30%;
}


div#private_area_container #update_user_data_container{
	position:relative;
	border: 0; padding:0; margin:0;
}

div#private_area_container #update_user_data_container form{
	
	font-size:0.9em;
	padding:0;margin:0;
	background-color:#FFFFFF;
}

div#private_area_container #update_user_data_container ul {
	border:0; padding:0; margin:0;
}

div#private_area_container #update_user_data_container li {
    text-align:left;
}

div#private_area_container #update_user_data_container form .disabled_input { 
   color:#333333;
   background-color:#E8E8E8;
}
 
div#private_area_container #update_user_data_container .text_input{ width:22em;} 
/********************************END UPDATE PERSONAL INFORMATION PAGE **************************************/





/******************************************** LOGOUT AREA **************************************************/

#login_again_box {
    position:relative;
	padding:0em;margin:0;
	float:right;
	text-align:left;
	width:26em;
	height:8em;
	background-color:#EAEAEA;
}

#login_again_box p{
    position:absolute;
	padding:0;margin:0.5em 1em 1em 0;
	right:0em;
	top:0em;
    color:#FF6600;
	font-size:1.5em;
}

#login_again_box p#subtitle{
    position:absolute;
	padding:0;margin:0.5em 1em 1em 0;
	right:9.8em;
	top:2.2em;
    color:#092340;
	font-size:1em;
}


#login_again_box a{
    position:absolute;
	right:1em;
	bottom:0.5em;
}

#login_again_box a:hover{
background:#1C3E66;
border:2px solid #0066CC;
}

/******************************************** END LOGOUT AREA *************************************************/




/********************************************* PRINTABLE SHEET **************************************************/
div#private_area_container #sheet{
     width:100%;
     position:relative;
	 padding:3em 0;
	 margin: 0px auto;    /*centra negli altri browsers*/
	 margin-top:6em;
	 text-align: center;  /*centra in IE 5.x */	 	  
}
/******************************************* END PRINTABLE SHEET ************************************************/




/****************************************** DATI BONIFICO TABLE ************************************************/

div#private_area_container #dati_bonifico_table {   
	font-size:120%;
	border: 1px solid gray; margin: 0px auto;    /*centra negli altri browsers*/
	background:#F2F2F2;
	width:100%;	
}

div#private_area_container #dati_bonifico_table td{
     border:1px solid #F2F2F2; padding:0.2em;
	 background-color:#FFFFFF;	 
	 line-height:1.4em; 
} 

div#private_area_container .table_label{
     font-weight:bold;
  	 text-align:right;
	 width:37%;
}

div#private_area_container .table_value{
	  width:63%;
	  text-align:left;	  
}
/**************************************** END DATI BONIFICO TABLE ************************************************/





/******************************************** PAYMENT BUTTONS*****************************************************/
/* http://www.alistapart.com/articles/sprites */
div#private_area_container #buttons {
    width: 618px; height: 62px;
    padding: 0; margin: 0 auto; margin-top:2em; margin-bottom:0; 
    position: relative;
	background: url(/private_area/img/sprite_methods_of_payment.gif);
}
	
div#private_area_container #buttons li {
    padding: 0; margin: 0; 
	list-style: none;
    position: absolute; 
	top: 0;
}

div#private_area_container #buttons li, #buttons a { 
    height: 62px; display: block;	
}

div#private_area_container #buttons #button_bonifico { left: 0;     width: 199px; }
div#private_area_container #buttons #button_credit_card  { left: 209px; width: 199px; }
div#private_area_container #buttons #button_paypal   { left: 418px; width: 199px; }

div#private_area_container #buttons #button_bonifico a:hover { background: transparent url(/private_area/img/sprite_methods_of_payment.gif)     0  -62px no-repeat;}
div#private_area_container #buttons #button_credit_card a:hover  { background: transparent url(/private_area/img/sprite_methods_of_payment.gif) -209px -62px no-repeat;}
div#private_area_container #buttons #button_paypal a:hover   { background: transparent url(/private_area/img/sprite_methods_of_payment.gif) -418px -62px no-repeat;}
/******************************************END PAYMENT BUTTONS****************************************************/
 
 
 
 
div#private_area_container #arrow_buttons_container{
     position:relative;
	 margin-top:58px;
	 height:125px;
} 
 
 
 
 
/******************************************** BACK BUTTON  ******************************************************/

div#private_area_container #back_button{     
	 position:absolute; top:36px; left:0px;/* absolute position of the button within the arrow_buttons_container */     
     background: url(/private_area/img/back_button.gif);
	 cursor:pointer;
	 width:119px;
	 height:72px;
} 

div#private_area_container #back_button a{   
	 display: block;
	 width:119px;
	 height:72px;
}
 
div#private_area_container #back_button a:hover{
	  background: transparent url(/private_area/img/back_button.gif) 0px -72px;
}
/****************************************** END BACK BUTTON  ****************************************************/


 
 
 
/*********************************** SUBMIT SECURE PAYMENT BUTTON  **********************************************/

/* http://blog.josh420.com/archives/2008/07/using-sprite-images-with-input-typeimage-for-hover-effect.aspx */
div#private_area_container #submit_secure_payment {

    position:absolute; top:0px; right:0px;/* absolute position of the button within the arrow_buttons_container */

	text-align: center;            /* Center in IE 5.x */
    cursor:pointer;                /* Give it the hand cursor, like a link */
    height:120px;                  /* Image has a height of 80px, only show the first half */
    width:280px;                   /* Width of the image */
	overflow:hidden;               /* Hide the overflow */
}

div#private_area_container #submit_secure_payment:hover input {
    margin-top:-125px;    /* Negative height of half the sprite, to push the image up */
}

div#private_area_container #submit_payment{
    height:124px;                  
    width:280px; 
    margin: 10px auto; padding: 0; /* Center the button */
}
/******************************** END SUBMIT SECURE PAYMENT BUTTON  ********************************************/





/******************************************* PRINT BUTTON  ****************************************************/
div#private_area_container #print_button {
    position:absolute;
    top:-10px;
    right:0;
    cursor:pointer;                
    height:38px;                  
	width:200px; 
    overflow:hidden;                  
}

div#private_area_container #print_button:hover input {
    margin-top:-39px;    
}
/******************************************** PRINT BUTTON  *************************************************/





/********************************************* CART TABLE ***************************************************/

div#private_area_container #cart{
    position:relative;
    height:100px;
	border-bottom: 1px solid #092340; margin-bottom:1em;
	background: url(/private_area/img/cart.gif) no-repeat;
}

div#private_area_container #cart table{
    width:100%;
	position:absolute;
	top:29px;
	left:-2px;
	margin-top:7px;
    font-size:1em;	
}

div#private_area_container #cart table td{
	padding: 5px; padding-left:10px; padding-right:1px;
}

div#private_area_container #cart .cart_order_code{width:8em;}

div#private_area_container #cart .cart_description{}

div#private_area_container #cart .cart_payment{width:13em; font-weight:bold}

div#private_area_container #cart .cart_price{width:5em;}

/****************************************** END CART TABLE ***************************************************/







/******************************************* DOWNLOAD TABLE **************************************************/

#download_container{
    position:relative;
	margin:3em 0;
	width:100%;
}

#download_container form{ /* serve per eliminare il bordo sotto il tasto di download */
	margin:0; padding:0;
	height:0em;
	line-height:0;	
}

#download_container table{
    width:100%;
	padding:0; margin:0;
    font-size:1em;
	background-color:#F2F2F2;
}

#download_container table tr{
    line-height:2.6em;  /* settiamo l'altezza delle righe */
}

#download_container table td{  
    padding-left:10px; padding-right:1px; 
    background-color:#FFFFFF;
	
	/* light effect */
    border-bottom: 1px solid #6775a4;
    border-left:   1px solid #6775a4;
	border-top:    1px solid #FFFFFF;
    border-right:  1px solid #FFFFFF;
}


#download_container .title{
   background-color:#092340;
   border: 1px solid #6775a4;
   font-size:1em;0
}

#download_container .download_description{} 

#download_container .download_link{
	width:19em;
}

#download_container .download_counter{
    margin:0 auto;
    width:3em;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}

#download_container .download_button {
    position:absolute; /* evita altezze "strane" della cella contenente il bottone */
    padding:2px 0; margin:0;
    cursor:pointer;
    background:#079b60;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	letter-spacing:0px;
	height:1.9em;
	font-weight:bold;
	width:11em;
	color:white;
}

#download_container .download_button:hover {
     background:#2bb67f;
}
/**************************************** END DOWNLOAD TABLE ***********************************************/




/****************************************** WEBSITE TABLES *************************************************/
div#private_area_container td.title,
div#content_container td.title{

    /* light effect */
    border-top: 1px solid #6775a4;
    border-right: 1px solid #6775a4;
	
	line-height:25px;
    font-weight:bold;
	font-style:normal;
	font-size:1.2em;
	background-color:#092340;
	color:white;
}
/**************************************** END WEBSITE TABLES ***********************************************/



/***********************************************************************************************************/
/********************************** END PRIVATE AREA STYLE *************************************************/
/***********************************************************************************************************/


/***********************************************************************************************************/
/*************************************** CONTENT STYLE *****************************************************/
/***********************************************************************************************************/



/************************************* CONTENT  MAIN STYLE *************************************************/
div#content_container{
    background: url(/img/trasparenza.gif);
}

div#content_header{
    padding:0; margin:0;
}

div#content_navigation{
    width:auto;
	padding:0; margin:0 3em;
	font-family: Arial, Helvetica, sans-serif, Verdana;	
	border-top: 1px solid #009966;
	height:4em;
}

div#content_navigation span#login_info{
	right:0em;
	float:right;
    margin:0.5em;
	font-size:1.2em;	
}

div#content_navigation span#login_info, 
div#content_navigation span#login_info a:link, 
div#content_navigation span#login_info a:visited{
	 color:#004e26;
}

div#content_navigation span#login_info a:hover{
    color:#009966;
}

div#content_content{
	padding-top:4em;
	font-size:1.3em;
	background:none;
}

div#content_footer{
    width:auto;
    color: #333333;
	font-size:0.8em;
    text-align:justify;
	border-top:1px solid #009966;
	padding-top:2em;
}

div#content_footer .friends a{ /* link siti amici */
    text-decoration:none;
	color:#cccccc;
	font-size:0.9em;
	cursor:default;
}
/*********************************** END CONTENT MAIN STYLE***********************************************/

#content_content .italic, .italic {font-style:italic;}

#content_content .strong, .strong {font-weight: bold;}

#content_content .center, .center {text-align:center;}

#content_content .left, .left     {text-align:left;}

#content_content .right, .right   {text-align:right;}

#content_content p.close {
    background-color:#e0f4eb;
	text-align:right;
}

.footer a, .content a {
     color: #003399;
}

body#content_body{
     background:url(/img/sfondo.jpg);
	 background-attachment:fixed;
	 background-position:0% 100%;	  
	 background-repeat:no-repeat;
} 

#content_content p, 
#content_content li,
#content_content div,
#content_content span {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #003399;
     font-size: 1em;
     line-height: 1.5em;
     text-align:justify;  
}			 

#content_content h2 {
     font-family:"Times New Roman", Times, serif;
     color: #993300;
     font-style: italic;
     font-size: 1.3em;
     line-height: 1.3em;
}

#content_content  div#faq_and_testimonials { /* nella home page */
	 font-size:0.8em;
}

#content_content div#faq{
     text-align:left;
	 float:left;
	 width:26em;
}
 
#content_content div#testimonials{
     width:25em;
	 float:right;
}   

#content_content  div#testimonials .comment {
     border:4px dotted #009966; 
     padding: 10px;
}


#content_content p#is_a_summary{
     position:absolute;
	 width:100%;
	 top: -5em;
     font-size:1.3em;
	 text-align:center;
     font-weight:bold;
}

#content_content div#site_summary{   
     width:100%; 
	 position:relative;
	 margin-top:13em; 	 
	 font-size:0.8em;   
}

#content_content .title{
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #003399;
	 font-size: 1.5em;
	 line-height: 1.5em;
	 font-style: italic;
	 font-weight: bold;
	 text-align:inherit;
}
   
#content_content a.green_button img {
     padding:1.5em;
	 display: block;
	 margin: 0 auto;
	 text-align: center;   /*centra in IE 5.x */
}

#content_container .in_front{
    position:relative; 
	z-index:10;
}

#content_container .behind{
    position:relative; 
	z-index:1; 
	font-size:1em;
}


/**********************************CONTENT AREA CART TABLE ***************************************************/

#content_content #cart{
    position:relative;
    height:80px;
	border-bottom: 1px solid #092340; margin-bottom:1em;
	margin-bottom:2em;
}

#content_content #cart table{
    width:100%;
	top:29px;
	left:-2px;
    font-size:0.8em;
}

#content_content #cart table td{
	padding: 5px; padding-left:10px; padding-right:1px;
	font-weight:bold;
}

#content_content #cart td.discount{width:7em;}

#content_content #cart td.price{width:5em;}

#content_content #pay_now_button a {
     float:right;
     display: block;
     height: 125px;
     width: 280px;
     background: transparent url(/img/sprite_secure_payment.gif) 0 0px no-repeat;
}

#content_content #pay_now_button a:hover {
     background: transparent url(/img/sprite_secure_payment.gif) 0 -125px no-repeat;
}

#content_content #cart table h1{
    font-size:1em;
}



/****************************************** END CART TABLE ***************************************************/




/***********************************************************************************************************/
/*************************************** END CONTENT STYLE *************************************************/
/***********************************************************************************************************/