/* Authors: Bertozzi Matteo; Roversi Edgar; 4AIN (2004/2005)
 * Modificato il: 28 May 2005.
 * =====================================================================
 * ChangeLog for stylesheet.css:
 *
 *   28 Apr 2005: Bertozzi Matteo & Roversi Edgar
 *      Iniziata l'implementazione base dei vari css del sito.
 *      Sono stati aggiunti dei bordi da 1px per quasi tutti i layer,
 *      questi sono segnalati dal commento "[ !! ] DEBUG ONLY".
 *      Sono da Rimuovere... (quando saranno pronti i colori)
 *
 * =====================================================================
 * Aggiungere il css nelle varie pagine nel seguente modo:
 * 	<link rel="stylesheet" href="stylesheet.css" type="text/css" />
 */

/* Caratteristiche generali della Pagina... */
body {
	width: 100%;
	height: 100%;
}
body /*, p, div, ol, ul, li */, a {
	font-family: sans-serif, Verdana, Arial, Helvetica;
	text-decoration: none;
	
	background: #0707bf;	/* BG Color */
	color: #ffffff;		/* Text Color */
	
	margin: 0;
	padding: 0;
}

/* Caratteristiche Link senza classe */
a:hover { text-decoration: underline; }

/* Caratteristiche Immagine */
img {
	border: 0; 
	margin: 0;
	padding: 0;
	text-align: center;
}

/* ID: Logo */
#logo {
/*  position: absolute;
  top: 0px;
  left: 0px; */
  float: left;
  
	margin: 0;
	padding: 0;

	height: 128px;
	width: 130px;
}

/* ID: Titolo Pagina */
#page_title {
	padding-left: 130px;	/* Logo width */

	min-height: 130px;

	text-align: center;
	font-size: 4em;
	font-weight: bold;
	font-style: italic; 
}

/* Barra dei Pulsanti, [ Indietro | Home | Avanti ] */
#navibar {
	clear: both;
	margin-top: 10px;

	background-color: #065fd3;
	
	text-align: center;
}

.navitxtbtn { font-size: medium; font-weight: bold; }

#main { 
  /* width: 100%; */
  margin: 15px;
}

/* ID: Copyright */
#copyright {
	clear: left;
	
	border: 1px solid #000000;	/* [ !! ] Da Rimuovere DEBUG ONLY */

	margin-top: 5px;
	text-align: center;
	font-size: x-small;
}

/* ==========================================================================
 * Classi per le varie Pagine...
 *
 * Perini e Lolli: Layer | id=menusx | id=nearmenu |
 * Lodi Rizzini e Magnani: Tabella | class=domande | class="grafico" |
 * Baroni Saccenti: Tabella | class=domande | class=classi |
 *
 * [ !! ] Zani e Madella LAYER o TABELLA ?
 * ==========================================================================
 */

.clear {
	clear: both;
}

/* Menu Laterale... (Richiesto da Perini e Lolli) */
#menusx {
	float: left;
	margin: 0px 0px 5px 0px;
	width: 12em;
	background-color: #202080;

	text-align: center;
	font-size: medium;
	font-weight: bold;
}

#menusx a {
	background-color: #202080;
	font-weight: normal;
}

/* "Pagina Principale" Affiancata al Menu Laterale (Richiesto da Perini e Lolli) */
#nearmenu {
	/* margin: 0px 0px 0px 20%; */
	margin: 0px;
/*	margin-left: 12em; */
	text-align: center;
/*	padding: 2px; */
}

#menudx {
	float: right;
	margin: 0;
	margin-bottom: 5px;
	width: 20%;

	border: 1px solid #000000;	/* [ !! ] Da Rimuovere DEBUG ONLY */

	text-align: center;
	font-size: medium;
	font-weight: bold;
}

/* "Pagina Principale" Affiancata al Menu Laterale (Richiesto da Perini e Lolli) */
#neardxmenu {
	margin: 0;
	padding: 2px;
	margin-left: 0%;	/* Distanza dal MenuSx */
	width: 80%-2px;

	border: 1px solid #000000;      /* [ !! ] Da Rimuovere DEBUG ONLY */
}

#only_text {				/* recensioni di solo testo */
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: justify;
}

.img_text {
	margin-left: 30px;
	clear: left;
	float: left;
	width: 100%-200px;
	font-size: x-small;
}

.centerimage {
	text-align: center;
}

.centertitle {
	text-align: center;
}

.img {
	clear: right;
	float: right;
	width: 80px;
	height: 80px;
	border: 0; /* cosa serve ??????? */
	margin-right: 30px;
	padding: 0;
}

/* (Richiesta del Madido) */
.menu_articoli {
	text-align: center; 
}

/* Classe della Tabella (Richiesto da Baroni e Saccenti) 
 * [ ?? ] (Zani e Madella) Fare un Layer ?
 */
#classi {
	margin: 0;
	padding: 2px;
	margin-left: 20%;	/* Distanza dal layer classi */
	width: 80%-2px;

	border: 1px solid #000000;      /* [ !! ] Da Rimuovere DEBUG ONLY */
}

/* Classe della Tabella (Richiesto da Baroni/Saccenti e Lodi Rizzini/Magnani) 
 * [ ?? ] (Zani e Madella) Fare un Layer ?
 */

/* Classe della Tabella (Richiesto da Lodi Rizzini e Magnani */
.grafico {
}

/* (Richiesta da Andreella Poli) */
.tbdati {
}

/* (Richiesta da Andreella Poli) */
.tbgrafico {
	text-align: right;
	width: 400px;
}

#intervdom {
	clear: left;
	float: left;
	width: 33%;

	margin-left: 3px;
}

#intervrisp { width: 33%; margin-left: 33%; }

#intervimg {
	float: right;
	width: 33%;
	text-align: center;
	font-size: x-small;
	font-weight: bold;
}

dt {
  margin-top: .5em;
  font-weight: bold;
  font-size: 110%;
}

.imgsx {
  float: left; 
  margin: 10px;
  margin-left: 0;
  text-align: center;
  font_size: 90%;
}
.imgdx {
  float: right;  margin: 10px;
  margin: 10px;
  margin-right: 0;
  text-align: center;
  font_size: 90%;
}
.author {text-align: right; font-style: italic;}

/* Classi per tabelle */
.table100 {
	width: 100%;
	border: 0px;
}

.table100b {
	width: 100%;
	border: 1px outset;
}
.table100b td {
	border: 1px inset;
}

.tbcell550 {
	width: 550px;
	text-align: center;
}

.tbcell400 {
	width: 400px;
	text-align: right;
}

.tbcelldata {
}

.percentuale {
	width: 4em;
	text-align: right;
}

.numero {
	width: 2em;
	text-align: right;
}

.tbimg {
	text-align: center;
}

/* Stili per elenchi domande */
#domande-index {
	float: left;
	display: block;
	padding: 5px;
	background-color: #000080;
}

#domande-classi {
    margin-left: auto;
    margin-right: auto
}

#domande-classi td {
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	text-align: center;
}

.elenco-index {
	float: left;
	text-align: left;
	display: block;
	padding: 5px;
	padding-left: 10px;
	/* border-left: 1px solid #000080; */
}

#domande_risposte {
}

.domande_domanda {
	text-align: right;
	font-weight: bold;
	border-right: 1px solid #8080ff;
	border-bottom: 1px solid #8080ff;
}

.domande_risposta {
	text-align: left;
	border-bottom: 1px solid #8080ff;
}

#pannello_domande {
	float: left;
}