#pagestitle {
filter:alpha(opacity="40"); 
opacity: 0.4; 
 
z-index:1000;
	
 

font-family:Georgia, serif;
	font-size:3.3em;
	font-style:italic;
	font-weight:normal;
	text-decoration:none;


text-align: center;

}



#content { 

padding:20px;

font: 14px/100% Helvetica, Verdana, Arial sans-serif;  
color:#fff;
overflow:auto;
z-index:1000;
	
line-height: 1.9em;
-moz-border-radius: 5px;   
-webkit- border-radius: 5px;   
border-radius: 5px;	
height:90%;
 

}

#content a {

color:#ffffff;
text-decoration: none;
font-weight: bold;

}

#content a:hover {

color:red;
text-decoration: none;

}

#content li {

padding-top:10px;

}


#page { filter:alpha(opacity="70"); 
opacity: 0.7; 
height:350px;
	
bottom:200px;	
right:20%;

position:absolute;
	
width:800px;
  
background-color:BLACK;	
z-index:1000;
	
-moz-border-radius: 5px;   
-webkit- border-radius: 5px;   
border-radius: 5px;		
 

}


#rmpage { filter:alpha(opacity="70"); 
opacity: 0.7; 

top:30px;
	
bottom:30px;	
right:20%;

position:absolute;
	
width:800px;
  
background-color:BLACK;	
z-index:1000;
	
-moz-border-radius: 5px;   
-webkit- border-radius: 5px;   
border-radius: 5px;		
 

}


#rmmenu {   
	
height:10px;
right:20%;
width:800px;
position:absolute;
bottom:55px;
z-index:9000;
	
		

}


#rmclose { 

filter:alpha(opacity="70"); 
opacity: 0.7; 
height:30px;

top:35px;	
right:20%;

position:absolute;
	
width:34px;
 
z-index:5000;
cursor: pointer;
}


#rmclose img{ 

margin-right:0px;
 
}




#rmcontent { 

position:absolute;
padding:25px;
font: 14px/100% Helvetica, Verdana, Arial sans-serif;  
color:#fff;
overflow:auto;
z-index:1000;
	
top:40px;
	
bottom:60px;	

line-height: 1.9em;

}


#close { 

filter:alpha(opacity="70"); 
opacity: 0.7; 
height:30px;
	
bottom:515px;	
right:20%;

position:absolute;
	
width:34px;
 
z-index:5000;
cursor: pointer;
}




#pagebottom { filter:alpha(opacity="90"); 
opacity: 0.9; 
bottom:140px;
	
height:10px;
	
left:435px;

	
position:absolute;
	
width:60%;
  
background-color:#e4e4e4;	
z-index:1000;
	
		

}





 
#pagesbottone a {
    	display: inline-block; /* opzionale */
    	outline: none;
	left:60%;
	width:90px;
	position:relative;
    	background: #000000;
	color:#ffffff;
	filter:alpha(opacity="80"); 
	opacity: 0.8; 
	border: solid 1px #000000;
    	cursor: pointer; /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
    	text-align: center; /* allineiamo il testo al centro */
    	text-decoration: none;  /* senza decorazioni perchè non ci piace :P */
    	font: 13px/100% Arial, Helvetica, sans-serif;  /* definiamo il font */
    	padding: .5em 2em .55em;  /* un pò di padding */
    	text-shadow: 0 1px 1px rgba(0,0,0,.3);  /* attributo css3 per dare un pò di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
    	-webkit-border-radius: .5em;  /* i bordi impostati per i browser che utilizzano il webkit */
    	-moz-border-radius: .5em;  /* i bordi impostati per mozilla firefox */
    	border-radius: .5em;  /* per tutto il resto (su ie non funziona) */
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* un pò di ombra per i browser webkit */
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* la stessa ombra su firefox */
    	box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* idem per gli altri browser (tranne IE) */
    }




#pagesbottone a:hover {
    	color: white; /* il colore del testo */
    	border: solid 1px #da7c0c; /* il bordo del colore che vogliamo */
    	background: #f78d1d; /* un background di base */
    	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); /* Ecco la sfumatura, che parte da "left top" e arriva a "left bottom" "from" il colore "to" l'altro colore  */
    	background: -moz-linear-gradient(top,  #faa51a,  #f47a20); /* stessa cosa per firefox */
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); /* questo codice invece funziona per explorer, anche se richiede il lancio di un ActiveX che di default è settato a true sui IE, ma che potrebbe richiedere la conferma da parte dell'utente */
    }
 
/* poi definiamo il css quando si passa sopra il tasto con il mouse */
.orangeButt:hover {
		background: #faa51a; /* colore più scuro */
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f06015));
		background: -moz-linear-gradient(top,  #faa51a,  #f06015);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f06015');
	}
/* infine definiamo il css per quando si clicca il tasto */
.bottone a:active {
		color: #faa51a;
		padding-top:1px;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
		background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffff', endColorstr='#cccccc');
	}