/* CSS Document */

BODY {  Background-color: white; /* colore dello sfondo*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: black; /* colore del testo*/
		font-size: 9px;
		font-style: normal;
		font-weight: normal;
		text-align: justify;
		margin-top:5px;
	 }
	 
/* effetti sui link */
A:LINK { color : black;
		 text-decoration: underline} 

A:VISITED { color : black; /*il link già visitato è uguale a link normale*/
		 	text-decoration: underline} 

A:HOVER { color : #CC0000;
		  text-decoration : none} 

A:ACTIVE { color : #CC0000;
		   text-decoration: underline}

/* Contenitore principale*/
#container 
{	
	width: 760px;
	\width: 780px;
	w\idth: 760px;
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: center;
	background-color:white;
}


#header 
{
margin-bottom: 0px;
padding: 0px;
background-image: url("immagini/testata.gif");
height:100px;
background-repeat:no-repeat;
}


#navbar
{
padding: 5px 0px 5px 5px;
margin-bottom:5px;
background-color:#0E5A90;
color: #FFFFFF;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#navbar a {
		font-size: 10px;
		padding: 0 2px 0 2px;
		color:#CEC035;
		text-decoration:none;
		}
#navbar a:hover {
	background-color: #577F9C;
}
#navbar q {font-size:10px;}

#leftsidetop {
float:left;
height:auto;
width:164px;
background-color:#0E5A90;
background-image:url(immagini/leftsidetop.gif);
background-repeat:no-repeat;
background-position: top center;
margin-bottom:10px;}

#leftside{/* contentinore  della parte sinistra*/
float:left;
text-align:center;
/*background-color:#0E5A90;*/
background-image:url(immagini/leftsidebottom.gif);
background-repeat:no-repeat;
background-position: bottom center;
}
#menusx {
width: 150px;
\width: 160px;
w\idth: 150px;
margin: 0;
margin-top:10px;
padding: 5px;
/*background-color:#CC0000;*/
text-align:left;
}

#menusx a {
	display: block;
	border-top: 1px solid white;
	padding: 2px 0px 2px 10px;
	text-decoration:none;
	color:#FFFFFF;}
#menusx a:hover {
	background-color: #DB305E;
}


/* fine leftside */

#titlecontent {height:10px;
			   font-size:12px;
			   font-weight:bold;
			   color:white;
			   text-align:center;
			   margin-bottom:5px;}
#content {/* box che contiene i contenuti principali*/
margin-left:167px;
margin-right:auto;
/* height:200px; */
background-color:#707070;
background-image:url(immagini/contentup.gif);
background-repeat:no-repeat;
background-position: top;
text-align:justify;
padding:5px;
}
#contentdown{
margin-left:167px;
margin-right:auto;
background-color:white;
background-image:url(immagini/contentdown.gif);
background-repeat:no-repeat;
background-position: bottom; 
text-align:center;
padding:4px;
}

.infoboxtitle {
border:1px solid black;
background-color:#003399;
color: #FFFF00;
font-weight:bold;
text-align:center;
margin-bottom:1px;

}
.infobox {padding:5px;
text-align:justify;
border:1px solid black;}

.textred {color:#FF3300;
font-weight:bold;}


#footer {
clear: both;
padding: 5px;
margin-top: 5px;
background-color: #0E5A90;
color:#CEC035;
}
#footer a:link, #footer a:visited, #footer a:active{color:white; text-decoration:none;}
#footer a:hover{color:white; text-decoration:underline;}



/* Layout dell'homepage */
#blocco1{
	margin-top:10px;
	height:300px;
	width:auto;
	background-image:url(immagini/central.jpg);
	background-repeat:no-repeat;
	
	}
/*albo del mese*/
#albodelmese{
	margin-left:100px;
	margin-top:110px;
	width:412px;
	
}
#blu1, #blu2, #bianco{
float:left;
text-align:center;
letter-spacing:2px;
font-weight:bold;
padding:2px;
}
#blu1{
width:110px;
background-color:#3399FF;
color:#FFFFFF;
}
#blu2{
width:40px;
background-color:#3399FF;
color:#FFFFFF;
}
#bianco{
width:250px;
background-color:#FFFFFF;
color:red;
}
#copertinadelmese{
float:left;
text-align:center;
padding:2px;
background-color:#CCCCCC;
}
#descrizionedelmese{
float:left;
padding:2px;
width:294px;
height:142px;
background-color:#CCCCCC;}
	

/*colonna sulla destra*/
.leftcontent{
    width: 150px;
	\width: 160px;
	w\idth: 150px;
	margin: 2px;
	padding: 5px;
	color: #FFFFFF;
	text-align:left;
	margin-bottom:10px;
	}

.leftcontent a:link, 
.leftcontent a:visited, 
.leftcontent a:active{ color: #FFFFFF;
					   text-decoration:none;
					   width:auto;}
					   
.leftcontent a:hover{ text-decoration:underline;}					

.alboinhome{
	margin-top:5px;
	border: 1px solid white;
	width:auto;
	padding:3px;
	color: #FFFFFF;
	}


.titoloserieinhome{
	background-color:#333333;
	color:#FFA500;
	width:auto;
	text-align:center;
	}
	
.imgcenter {
margin-top:2px;
text-align:center;
 }/* allineare al centro le immagini per la parte sinistra
	
/*FINE colonna sulla destra*/

#contenuti
{
margin-top:10px;
background-color:#CCCCCC;
border:1px solid black;
width: 505px;
padding:3px;
}

		  
table.tablistaalbi {
table-layout : fixed;
width : auto;
background : #cccccc;
border-collapse : collapse;
padding: 5px;
font-size: 9px;
}

table.tablistaalbi td {
border: 1px solid black;
}
.datialbo {text-transform:capitalize;}
table.tablistaalbi th {
color: #FFA500; /*orange*/
background : #333333;
border: 1px solid black;
font-size: 9px;
text-align:center;
}


.tablistaalbi a {
	color: black; /* Questo è il colore del link */
	display: block; /* Fondamentale! Da impostare sempre */
	position: relative; /* Fondamentale! Da impostare sempre */
	text-decoration: none; /* Eliminiamo la sottolineatura del link */
	}
.tablistaalbi a:visited {
	color: black; /* Questo è il colore del link */
	text-decoration: none; /* Eliminiamo la sottolineatura del link */
}
.tablistaalbi a:hover {
	color: #FFA500; /* Cambiamo il colore del link al passaggio del mouse */
	background-color: #333333; /* Cambiamo il colore di sfondo al passaggio del mouse */
	text-decoration: none;
}
/* campo con link per le pg degli albi e back forward*/
.tablink { background : #333333;
		   border: 1px solid black;
		   font-size: 9px;
		   width : 640px;
		   color : #FFA500;
		   text-align: center;
		   padding: 2px;}

			A.tablink1:LINK { color : #FFA500;
		 					 text-decoration: underline} 
			A.tablink1:VISITED { color : #FFA500; /*il link già visitato è uguale a link normale*/
		 						text-decoration: underline} 
			A.tablink1:HOVER { color : #CC0000;
							  text-decoration : none; } 
			A.tablink1:ACTIVE { color : #CC0000;
		   					   text-decoration: underline}
		  

/* Layout  scheda albi e scheda autori e disegnatori*/
#titolo { padding: 3px;
		  margin-bottom: 0px;
		  width:auto;
		  color: #FFA500;
		  margin-bottom:0px;
		  text-transform : uppercase;
		  background-color: #333333;
		}

#dati, dati_personaggi {	padding: 3px;
		margin-left: 180px;
		margin-top:0px;
		 }
#dati_personaggi {	margin-left: 220px;	 }		 
			#riga1, #note, #job { background-color: #cccccc;
								  height: auto;
								  padding: 3px;
							    }

			#riga2, #bio, #informazioni { background-color: #333333;
										  height: auto;
										  padding: 3px;
										  color: #CCCCCC;
										 }
					 
					 #bio a:link, #bio a:visited, #bio a:active {color : #CCCCCC; text-decoration: underline;}
					 #bio a:hover {color : #CC0000; text-decoration: none;}
					 
					 
 					 A.link2:link {color : #CCCCCC; text-decoration: underline; }
					 A.link2:visited {color : #CCCCCC; text-decoration:underline;} 
					 A.link2:hover { color : #CC0000; text-decoration: underline}
					 A.link2:active {color : #CC0000; text-decoration: underline}
			 #note, #job, #informazioni {margin-top:5px;}		 

#boximmagine {
				text-align:center;
				width:auto;
			 }
#immagine, #imgview{ 
					float: left;
					padding: 3px;
					background-color: #707070;
					border: 2px dotted #FFFFFF;
					margin-right:10px;
					margin-bottom:10px;
		 		   }

#imgview { width: auto;
float:none;
margin-left:40px;
margin-right:40px;
margin-top:20px; }

.spacer {height:525px;}

#descrizione, #recensione{
		padding: 3px;
		margin-top: 5px;
		color: black;
		background-color: #CCCCCC;}		

#recensione {
		color: #CCCCCC;
		background-color: #333333;}
.orange{
		color: #FFA500;
		font-weight:bold;		
			}		
.red{
		color: #CC0000;
		font-weight:bold;		
			}		
.white{	color: #eeeeee;	}		

/* stile dei form per selizionare gli albi in base ai criteri*/
.form_albi {
    background: #333333;
    /*padding: 0px;
    border: 0px;*/
    /*font: 9px Verdana, Arial, Helvetica, sans-serif;*/
    margin: 0px;
	color: #000000;
	
    } 

.select_albi {
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    color: #FFA500;
    background: #333333;
   	width: 50px;
	
    }
/* stile della paginazione*/	
.paginazione {
	color: #FFA500;
    text-align: center;
	background: #333333;
	width: auto;
	border:1px solid #CC0000;
	}
.paginazione a:link{ color: #FFA500;    	}
.paginazione a:visited {color: #FFA500;    	}
.paginazione a:hover{color: #CC0000; text-decoration : none;	}
.paginazione a:active{	color: #CC0000;   	}

/* stile dell'elenco degli albi in gallery e degli oggetti da collezionismo*/
.layout_gallery, .collezionismo {width : auto; border-collapse : collapse; background: #707070; font: 10px Verdana, Arial, Helvetica, sans-serif;  color: white; }
.collezionismo {background:#CCCCCC; color:black;}
.copertina_gallery, .imgcollezionismo {border-top: 3px solid #707070; padding: 5px; }
.copertina_gallery {border-top: 3px solid black; padding: 5px; }
.imgcollezionismo {border-left:3px solid #707070;}
.dati_gallery, .dati_collezionismo {border-top: 3px solid #707070; padding: 5px;}
.dati_gallery{border-top: 3px solid black; padding: 5px;}
.dati_collezionismo {border-right:3px solid #707070;}
.dato_gallery {color:#FFA500;}
.dato_collezionismo {color:#CC0000;}
.titolocoll {background-color:#333333; color:#FFA500; }

/* Stile dei documenti (anteprime, articoli, news su lazarus ledd, aggiornamenti del sito*/
.doc_tablehome, .doc_table { /*stile della tabella che contiene un documento, tablehome è la tabella nella homepage*/
	background-color:#000000;
	border-collapse:collapse;
	border:0px;
	width:580px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;}
.doc_tablehome{width:auto;}
.doc_table td{ border-collapse:collapse;
			   padding:2px;}
		   
			   
.doc_titolo{
	width:90%;
	background-color:#0E5A90;
	color:#00ffff;/*colore del titolo*/
	padding:2px;	
	border:1px solid #CCCCCC;}
.doc_data{
	width:10%;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:#0E5A90;
	padding:2px;	
	border:1px solid #CCCCCC;}
.doc_testo{
	vertical-align:top;
	text-align:justify;
	background-color:#CCCCCC;
	padding:2px;	
	border:1px solid #CCCCCC;
	}

.doc_autore{
	background-color: #707070;
	color: #cccccc;
	padding:2px;	
	border:1px solid #CCCCCC;}
.doc_autore a:link{color:#cccccc; text-decoration:none;}
.doc_autore a:visited{color:#cccccc; text-decoration:none;}
.doc_autore a:hover{color:#FFFFFF; text-decoration:underline;}



/*stile per il form news*/
.doc_form table{background-color:#CCCCCC;
		   border:1px solid #000000;
		   border-collapse:collapse;
		   width: 580px;
		   padding:3px;
		   font-size:9px;}
.doc_form td {color:#000000;
			  border:1px solid #000000;}
					
.doc_campo {
	background-color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	border:1px solid #000099;}		  
.doc_form q{ color: #000099;
			  font-size:9px;}	

.editscroll{
width:auto;
height:250px;
background-color:#CCCCCC;
border:1px solid #000000;
padding:2px;
overflow:scroll;}

.boxstaff, .boxpers{
width:auto;
background-color:#CCCCCC;
margin-top:20px;
border:1px solid black;
padding:2px;}


/* div per il logo personaggi*/
#persimg {width:auto;
text-align:center;}

/*box di testo generico per le varie sezioni*/
.textbox1, .homebox1 {width:auto;
margin-bottom:10px;
margin-top:10px;
border:1px solid black;
padding:3px;}
.homebox1 {width:auto;}
.textbox2, .textbox3, .homebox2{background-color:#CCCCCC;border:1px solid black; text-align:justify; padding:3px;}
.textbox3 {width:580px;}
.homebox2 {width:auto; text-align:center;}

/* backpg stile del link per tornare indietro presente in ongi pg*/
#backpg {clear:left;
background-color:#CCCCCC;
padding:3px;
}

.namestaff { 
			background-color:#333333;
			color:#FFA500;
			padding:1px;
			margin:1px;
			}

table.sezlinks {
				table-layout : fixed;
				width : auto;
				background : #cccccc;
				border-collapse : collapse;
				padding: 5px;
				font-size: 9px;
			   }

table.sezlinks td {
border: 1px solid black;
}