/* Stile principale del sito www.uicbs.it 
Lo stile prevede che ci siano una colonna di navigazione e una dei contenuti 
piu' le sezioni di Header e di footer */
/* definizione del body della pagina */
body {
background-color: white; /* Imposto il colore di pagina bianco */
color: black; /* Imposto il colore del carattere nero */
text-align: left; /* allineamento a sinistra di default */
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* serie di fonts da utilizzare */
font-size: 14px; /* dimensione del carattere a 14 pixex */
margin: 0; /* annullo i margini */
padding: 0; /* Annullo eventuali padding */
}

/* definisco la sezione contenitore */
#container { 
position: relative; /* Inserisco una posizione relativa */
width: 760px; /* Imposto la larghezza el contenitore a 760 pixel; */
margin: 0 auto; /* imposto i  margini del contenitore */
text-align: left; /* Allineamento a sinistra */
border-left: 2px; /* Imposto il bordo a sinistra a 2 pixel */
border-right: 2px; /* stesso bordo a destra */
}
/* Definisco la sezione titolo */
#titolo {
height: 40px; /* Imposto altezza a 80 pixel */
text-align: center; /* Imposto l'allineamento al centro */
/* font-style: italic;  Imposto a italico (corsivo) lo stile */
}
/* Definizione della sezione menu */	
#menu {
position: absolute; /* Posiziono il menu in maniera assoluta */
top: 40px; /* Margine dall'alto di 180 pixel. */
right: 0; /* A destra nessun  margine *?
width: 180px; /* Larghezza del menu */
}
/* Definizioni per la sezione contenuto */
#contents {
margin-left: 10px;
margin-right: 180px; /* Imposto il margine destro a 180 pixel esattamente lo spazio del menu */
background-color: #CCFFFF; /* Sfondo del contenuto a ciano */
color: black; 
}
.login {
height: 500px;
}
/* Impostazione sezione piede */
#piede {
clear: left;
margin-top: 50px;
height: 40px; /* Imposto altezza a 80 pixel */
text-align: center; /* Imposto l'allineamento al centro */
font-style: italic; /* Imposto a italico (corsivo) lo stile */
font-size: 12px; /* Imposto carattere a 12 pixel */
}
/* Definizione dello stile del link nel menu */
ul.navigation {
width: 180px; /* Metto la larghezza del link alla larghezza del menu */
list-style: none; /* tolgo le sottolineature */
margin: 0; /* elimino il margine preimpostato delle liste */
padding: 0; /* elimino lo spazio delle liste */
}

/* Impostazione per l'elemento a contenuto in li della navigazione */

/* Impostazione della lista */ 
ul.navigation li {
display: inline; /* Elimino  lo spazio tra le linee */
}
ul.navigation li a {
display: block; /* il link si allarga su tutta l'area */
text-decoration: none; /* elimino la sottolineatura tanto la struttura e' un link */
padding: 0 5px; /* Lascio lo spazio tra l'inizio del menu e il link */
height: 16px; /* altezza del link */
line-height: 16px; /* Altezza della riga che deve essere uguale a quella del link */
}
/* Impostazione delle caratteristiche delle pseudoclassi a:link e a:visited nel menu */
ul.navigation a:link, ul.navigation.a:visited {
background: white;
color: blue; /* Imposto il colore dei link blu */
}
/* Imposto le caratteristiche di a:hover e a:active con l'inversione di colore */
ul.navigation a:hover, ul.navigation.a:active {
background: blue; /* Sfondo blu */
color: white; /* Carattere bianco */
}
/* Stile applicato ai forms */
/* Elemnto form */
modulo {
background: #22FFFF; /* Impostazione dello sfondo del form */ 
width: 500px; /* Larghezza form 500 pixel 
padding: 10px; /* Metto una separazione dal bordo verticale di 10 pixel *?
border: 1px; solid #000000; /* Metto un bordo nero ai lati del form *?
color: #000000; /* Imposto il colore del testo nero */
font-size: 14px; /* Imposto 14 la dimensione del carattere  */
}
/* Setto lo stile per i fieldset */
fieldset {
float: left; /* Applico un float in modo da tenere tutto a sinistra */
width:600px; /* Imposto la larghezza del fielset uguale alla largezza del form */
margin: 1em 0; /* Imposto 1 em come margine relativo del fieldset */
padding: 0; /* Azzero i padding */
border: none; /* Azzero i bordi prima di riassegnarli cross-browser *?
border-top: 1px solid #CCCCCC; /* Iposto un bordo a tratto coninuo con colore piu' scuro dello sfondo */
background: #CCFFFF;
}

/* Stile per elemento legend */
legend {
font-style: italic;
color: black;
background: #22FFFF;
}  
/* Imposto le proprieta' per i campi obbligatori */
form.obbligo {
color: #F00; /* Imposto il colore rosso */
font-weight: bold; /* Imposto anche il grassetto */
}
/* Imposto le regole per i div del fieldset */
fieldset div {
float: left; /* Applico i float anche qui */
width:100%; /* Il divo lungo come il fieldset */
padding: 10px 0 12px; /* Imposto il padding superiore e inveriore */
}
/* Imposto le proprieta' per label */
label {
float:left; /* Imposto il float a sinistra */
width: 270px; /* Per le label metto una larghezza di 120 pixel */
display: inline; /* Obbligo a mantenere la stessa riga per l'elemento */
margin-left: 10px; /* Imposto un margine sinistro di dieci per evitare i raddoppi di margine */
line-height:23px /* Rendo l'altella label quasi uguale a input */
}
/* Definisco il pulsante ok */
input#confirm {
text-align: center;
/* border: 1px solid #000000; Imposto un bordo continuo e nero di 1 px */
margin-left: 340px;/* Imposto i margini per il bottone conferma in modo da metterlo sotto gli altri controlli */
}

/* Aggiungo la classe testo riferita a input */
input.testo {
font-size: 14px; /* Metto la dimensione a 14 pixels */
color: #000000; /* Imposto i colori a nero */
background: #FFFFFF; /* Imposto a bianco il colore del input  */
border: 1px solid #000000; /* Imposto un bordo nero */
padding-right: 5px; /* Imposto lo spazio a destra di 5 pixel */
padding-left: 5px; /* Imposto margine sinistro a 5 pixel */
width: 200px; /* Imposto a 140 la larghezza del campo input */
}
/* Imposto le select */
select {
font-size: 14px; /* Imposto il solito font */
color: #000000;
background: #FFFFFF;
width: 200px;
}
select.data {
font-size: 14px; /* Imposto il solito font */
color: #000000;
background: #FFFFFF;
width: 100px;
}

.guida {
clear: left;
align: justify;
}

.corsivo {
font-size: 12px;
font-style: italic;
}