/** ----------------------------------------------------------------------- **/
/** ---------- TESTO ------------------------------------------------------ **/
/** ----------------------------------------------------------------------- **/

* {
  font-family: Verdana, Geneva, sans-serif ;
  font-size: 1em;   
  line-height: 1.5; /* Interlinea: normal, valore, inherit */
  
  /* font-style: normal; /* normal, italic, oblique */
  /* font-variant: normal; /* normal, small-caps, inherit */
  /* font-weight: normal; /* normal, bold, bolder, lighter, 100-900 (400 normale), inherit */
  /* text-decoration: none; /* none, underline, overline, line-through, inherit */
  /* text-transform: none; /* none, capitaliza, uppercase, lowercase, inherit */
  /* text-shadow: x, y, sfocatura, colore */
  
  /* text-indent: 0px; /* valore, inherit */
  /* text-align: left; /* left, right, center, justify, inherit */
  /* letter-spacing: normal; /* normal, valore, inherit */
  /* word-spacing: normal, valore, inherit */
  /* #fff-space: gestione di spazi bianchi consecutivi: normal, nowrap, pre, pre-line, pre-wrap, inherit */
  /* vertical-align: valore, baseline, sub, super, top, text-top, middle, bottom, text-bottom, inherit */
  
  /* unicode-bidi: normal; /* normal, embed, bidi-override, inherit */
  /* direction: ltr; /* ltr, rtl*/
}

/** E' necessario impostare la dimensione em a livello di contenitore del
    sito perchè altrimenti a ogni invocazione di contenitore (div, form, 
    ecc) la dimensione viene ridotta, dato che em è un valore relativo 
    alla dimensione attuale del font.
**/

/** @font-face { 
  font-family: "titolo";
  src: url('http://192.168.0.2/imc/font/Cheveuxdange.ttf'); 
} **/

.font-titolo
{
  font-family: titolo;
  font-size: 7em;
  line-height: 0.5em;
  display: inline-block;
}

#contenitore_sito
{
  font-size: 0.8em;
}

@media  and (color) {
/* qui vanno le regole CSS */
}

.testino
{
  font-size: 0.8em;
}

p 
{
  margin-top: 0em;
  margin-bottom: 1em;
  text-indent: 1em;
  text-align: justify;
}

/** ----------------------------------------------------------------------- **/
/** ---------- TAG PER IL TESTO ------------------------------------------- **/
/** ----------------------------------------------------------------------- **/

/* Corsivo */
em, dfn, var, i, cite, q {font-style: italic;}

/* Grassetto */
strong, b { font-weight: bold }

/* Monospace */
code, samp, kbd, pre
{ 
  font-family: monospace;
  font-size: 1.3em;
}

/* Sottolineato */
u, ins { text-decoration: underline;}

/* Sbarrato */
s, del { text-decoration: line-through; }

/** ----------------------------------------------------------------------- **/
/** ---------- TITOLI, dal più importante --------------------------------- **/
/** ----------------------------------------------------------------------- **/

h1 {
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
}

h2 {
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0em;
}

h3 {
  font-size: 1.0em;
  font-weight: bold;
  margin-bottom: 0em;
}

h4 {
  font-weight: bold;  
}

h5 {}

h6 {}

/** ----------------------------------------------------------------------- **/
/** ---------- FORM ------------------------------------------------------- **/
/** ----------------------------------------------------------------------- **/

input.button
{
 border: 1px solid #777777;
 background-color: #E6E6FA;
 border-radius: 0.5em; 
}

input.button:hover
{
  background-color: #B2B2F0;
  color: ;
}

input.text
{
 border: 1px solid #777777;
 background-color: #fff;
 border-radius: 0.5em; 
 padding-left: 0.5em;
 padding-right: 0.5em;
}

textarea.text
{
 border: 1px solid #777777;
 border-radius: 0.5em; 
 padding-left: 0.5em;
 padding-right: 0.5em;

}
input.text:hover, input.text:focus, input.text:active
{
  background-color: #F1F1FA;
}

form div
{
  display: inline;
  padding: 0px;
  margin: 0px;
  border: 0px solid transparent;
}

/* Rende qualsiasi div con il suo elemento un blocco a se stante che va a capo */
form.blocco div
{
  display: block;
  background-color: #E6E6FA;
  margin: 1em;
  padding: 0.5em;
}

.larga
{
 width: 95%;
}

/* Limita la larghezza di qualsiasi select */
select
{
 max-width: 100%;
}

/* Rende il tag invisibile */
.invisibile
{
  border: 0px solid transparent;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
}

/** ----------------------------------------------------------------------- **/
/** ---------- TABELLE ---------------------------------------------------- **/
/** ----------------------------------------------------------------------- **/

/** ----- BASE: Tabella base ----- **/
/** ------------------------------ **/ 
table.base
{
  border: 1px solid #000;
  table-layout: fixedd;
  margin: 0px auto;
  margin-top: 1em;
  margin-bottom: 1.5em;
  /** 
  DEFINIRE width per far si che le parole troppo 
  lunghe vadano a capo con word-wrap!
  **/
  
  border-collapse: collapse;
}

table.base caption
{
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

table.base th
{
  background-color: #B2B2F0;
  font-weight: bold;
  margin: 0px;
  padding: 0.3em 1em 0.3em 0.5em;
  
  border: 1px solid #000;
}

table.base td
{
  /* padding: 0.3em 0.5em 0.3em 0.5em; */
  padding-top: 0.3em; 
  /* padding-right: 1em; */
  padding-bottom: 0.3em;
  /* padding-left: 1em; */
  
  word-wrap: break-word;
  border: 1px solid #000;  
}

table.base tfoot td
{
  background-color: #B6B6B6;  
}

/** ----- RIGHE: Alternanza delle righe ----- **/
/** ----------------------------------------- **/

table.righe tr
{
  background-color: #fff;
}

table.righe tr:nth-child(even)
{
  background-color: #E6E6FA;
}

/** ----- LATO: crea una colonna sul lato ----- **/
/** ------------------------------------------- **/

/** Tabella modificata: colonna laterale colorata, righe tutte uguali
    REQUISITI: - colgroup+col per definire la colonna da colorare;
               - tbody per effettuare l'override delle regole di alternanza
                 dei colori
**/

table.lato col.int_lato
{
  background-color: #B2B2F0;
}

table.lato tbody tr, table.lato tbody tr:nth-child(even)
{
  background-color: transparent;
}

/** ----- MINI: riduce il carattere ----- **/
/** ------------------------------------- **/
.mini
{
  font-size: 0.85em;
}

/** ----- EVIDENZIA: colora di giallo al passaggio del mouse ----- **/
/** -------------------------------------------------------------- **/

table.evidenzia tr:hover, table.evidenzia tr:nth-child(even):hover
{
  background-color: #FFFFAA;
}

/** ----------------------------------------------------------------------- **/
/** ---------- LINK ------------------------------------------------------- **/
/** ----------------------------------------------------------------------- **/

a:link, a:visited, a:active
{
  color: #0000bb;
}

a:hover
{
  background-color: #E6E6FA;
  color: #0000FF;
}

/** ----------------------------------------------------------------------- **/
/** ---------- IMMAGINI --------------------------------------------------- **/
/** ----------------------------------------------------------------------- **/
.img 
{
  max-width: 95%;
  display: block;
  border: 1px solid #B2B2F0;
  padding: 0.5em;
  margin: 1em auto;  
  background-color: #fff;
}

.div_img
{
  display: block;
  width: 95%;
  border: 1px solid #B2B2F0;
  padding: 0.5em;
  margin: 2em auto;  
  font-size: 0.85em;
  background-color: #fff;
}

.div_img img
{
  display: block;
  margin: 0px auto;
  max-width: 100%;
  margin-bottom: 0.5em;
  background-color: #fff;
}


.icona /* Immagine a altezza testo */
{
  height: 1em;
  vertical-align: middle;
  margin-right: 0.2em;
}

/** ----------------------------------------------------------------------- **/
/** ---------- LISTE ------------------------------------------------------ **/
/** ----------------------------------------------------------------------- **/
ul
{
  list-style-type: circle;
}

ul li, ol li
{
  margin: 0.5em 0em 0.5em 0em;
}

/** ----------------------------------------------------------------------- **/
/** ---------- ELENCO ARTICOLI -------------------------------------------- **/
/** ----------------------------------------------------------------------- **/

.lista_elem
{
  margin: 1em; 
  padding: 0em;
}

.lista_elem li
{
  display: block; 
  width: 100%; 
  margin: 1.0em 0.5em 1.3em 0.5em;
  padding: 0.8em 0.0em 0.8em 0.7em;
  border-left: 0.4em solid #B2B2F0;
  /* background: #F1F1FA; */
}

.lista_elem img
{
  float: left; 
  height: 5em; 
  margin-right: 1em;
  padding: 0.2em;
  background:  #fff;
  border: 1px solid  #777777;
}

.lista_elem h3 /* Data */
{
  margin-bottom: 0.5em;
  margin-top: 0px;
}


/** ----------------------------------------------------------------------- **/
/** ---------- BREADCRUMB ------------------------------------------------- **/
/** ----------------------------------------------------------------------- **/
.breadcrumb
{
  list-style: none;
  margin: 0px;
  padding: 0% 0% 0% 1%;
  
  background-color: #F1F1FA;
}

.breadcrumb li
{
  display: inline-block;
}

/** ----------------------------------------------------------------------- **/
/** ---------- MENU DI NAVIGAZIONE LEZIONI -------------------------------- **/
/** ----------------------------------------------------------------------- **/
.nav_lez
{
  padding: 1em;
  margin: 0em;
}

.nav_lez li
{
  display: inline-block;
  min-width: 10em;
  max-width: 20em;
  margin: 0.4em;
  padding: 0.2em 0.5em 0.2em 0.5em;
  background-color: #E6E6FA;
  border-radius: 0.7em;
}
.nav_lez li:hover, .nav_lez li a:hover
{
  background-color: #FFFFAA;
}

/** ----------------------------------------------------------------------- **/
/** ---------- LATEX ------------------------------------------------------ **/
/** ----------------------------------------------------------------------- **/

/* Stile per le formule grandi */
.latex_formula
{
  max-width: 95%;
  margin: 1em auto;
  display: block;
}

/* Stile per le formule nel testo */
.latex_formula_inline
{
  height: 1em;
}

/** ----------------------------------------------------------------------- **/
/** ---------- DOWNLOAD --------------------------------------------------- **/
/** ----------------------------------------------------------------------- **/

.download
{
  border: 1px solid  #B6B6B6;
  padding: 1em;
  margin: 1em;
}

.download img
{
  float: left;
  width: 10%;
  max-width: 5em;
  min-width: 3em;
  margin-right: 0.5em;
}


/** ----------------------------------------------------------------------- **/
/** ---------- COMMENTI --------------------------------------------------- **/
/** ----------------------------------------------------------------------- **/

/* ----- Cancellazione ----- */
.commenti div.cancella
{
  text-align: center;
  margin: 1em 0em 1em 0em;
}

.commenti div.cancella input
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* ----- Commento ----- */
.commenti h2 /* Titolo di tutti i commenti */
{
  margin-top: 1em;
  margin-bottom: 1em;
}

.commenti div.un_commento /* Bloccocomplessivo del commento */
{
  background-color: #E6E6FA;
  padding: 0.5em;
  overflow: auto;
  word-wrap: break-word;
  margin-bottom: 1.5em;
}

.commenti span.lato_sx
{
  text-align: left;
  display: inline;
  float: left;
}

.commenti span.lato_sx a /* Sito */
{
  margin-left: 1em;
}

.commenti span.lato_dx a /* Croce cancellazione */
{
  margin: 0em 0em 0em 0.5em;
}

.commenti span.lato_dx
{
  display: inline;
  float: right;
  margin-right: 0em;
}

/* ----- Form di invio ----- */
.commenti .form /* Form nascosti per lo spam */
{
  display: none;
}

.commenti .mex_inserimento /* Messaggio di inserimento */
{
  margin-top: 1em;
  text-align: center;
  margin-bottom: 1em;
}

.commenti .inserisci input /* Campi di input */
{
  margin: 0.5em 0.5em 0.5em 0em;
}

.commenti .inserisci textarea /* Testo del commento */
{
  margin: 0.5em 0em 0.5em 0em;
  width: 95%;
}