/*background-color: #bbd9ee;
background-color: #E7E4D3; 
background-color: #54a4de; 
background-color: #7ca648; 
background-color: #ddf;
background-color: #c0c0c0;
background-color: #369;
background-color: #ccc; #ddd
background-color: #ebf4fa; azzurrino
background-color: #f1efe2;
background-color: #FFFF66; 
*/

body {
    font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-weight: normal;
    font-size: 88.89%;
    margin: 0;
    padding: 0;
}
table {
    font-size: 100%;
}

address {
    COLOR: gray;
    width: 100%;
    margin-top: 2em;
}
address p {
    text-align: center;
    font-style: normal;
    font-size: 75%;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Tahoma, Verdana, Helvetica, Geneva, Arial, sans-serif;
}

/* TABELLA VALORI STANDARD
xx-small, 3/5=0.6, h6
x-small, 3/4=0.75 
small, 8/9=0.89, h5
medium, 1=1, h4
large, 6/5=1.2, h3
x-large, 3/2=1.5, h2
xx-large, 2/1=2, h1
*/

/* INDEX PAGE ELEMENTS */
#index {
    font-size: 0.9em;
    margin: 1em;
}

.index_top {
	background-color:#eee;
	border: 1px solid #999;
    margin-bottom: 1em;
}
.index_top h2 {
    font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    margin-left: 0.5em;
    color: #09c;
}  

.index_block_left {
    position: absolute;
    left: 1.5em;
    color: #666666;
    width: 35%;
}
.index_block_left  strong {
    font-size: 1.1em; 
}

.index_news_right {
    background-color:#FFFF66;
	border: 1px dashed #999;
    margin-left: 40%;
    margin-bottom: 1em;
}
.index_news_right p {
    margin: 0.25em;
}
.index_news_right strong {
    font-size: 1.1em;
}

.index_block_right {
    background-color:#eee;
	border: 1px dashed #999;
    margin-left: 40%;
}
.index_block_right ul {
    list-style-type: none;
    /* border: 1pt dashed #000; */
    margin: 0;
    padding: 0.5em;
}

.index_block_right a,
.index_news_right a {
	color:#09c;
	text-decoration:none;
}
.index_block_right a:link,
.index_news_right a:link {
	color:#07a;
}
.index_block_right a:visited,
.index_news_right a:visited {
	color:#09c;
}
.index_block_right a:hover,
.index_news_right a:hover {
	background-color:#0ff;
}

/* CARATTERISTICHE DELLE LEZIONI */
/* CARATTERISTICHE DELLE LEZIONI */
/* CARATTERISTICHE DELLE LEZIONI */

/* Fabio Scotti 2003  CSS  */
/*body {
    background: white;
    color: #FFFFFF;
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: center;
}*/

/* Stile della sezione "lesson" */
#lesson {
    width: 85%;
    margin-left: 7%
/* Rem: 780  content - 180 menu = 600 Yess BUT ie5.... (-paddings) */ 
}

@media print {
    #lesson { width: auto; margin: auto; }
  }

#lesson h1 {
    color: #999999;
    font-weight: bold;
    font-size: 200%;
    padding-top: 40px;
    padding-bottom: 25px; 
    margin: 0px;
}

#lesson h1.labbanner {
    background-color: white;
    /* color: #ff7b08; */
    font-weight: bolder;
    font-size: 800%;
    padding: 0;
    margin: 0px;
    padding-top: 1em;
}

#lesson img {
    border: none;
}

#lesson h2 {
    color: #770000;
    font-weight: bold;
    font-size: 140%;
    margin: 15px 0px;
}

#lesson h3 {
    font-weight: bold;
    font-size: 120%;
    margin: 5px 0px;
    /* color: #54a4de;   azzurro */
    /* color: #7ca648;   verde */
    color: #369;   
}

#lesson a:link {
    color: #369;   
}


#lesson h4 {
    color: #000000;
    font-weight: bold;
    font-size: 100%;
    margin: 5px;
}

#lesson p {
    /* line-height: 1.5em; */
    margin: 5px;
    padding-bottom: 4px;
/*	 font: small Verdana Geneva Arial Helvetica sans-serif; */
    }

#lesson ul {
	/* list-style-image: url("img/aquadot.gif"); */
	/* padding-top: 5px; */
    margin-top: 0.0em;
}
#lesson li {
	padding-top: 5px;
}

#lesson ol {
    /* list-style-image: none; */
    /* padding-top: 5px; */
    margin-top: 0.0em;
}

#lesson tt{
    /* font: 700 small; */
    font: inherit;
    font-family: "Courier New", Courier, monospace;
    font-size: 100%;
    /* font-weight: bold; */
    color: #00015B;
}

#lesson em{
    color: #770000;
    font-weight: bold;
    font-style: normal;
}

#lesson table {
    margin: 5px;
    margin-top: 1em;
    margin-bottom: 1em; */
}
#lesson tr{
}
#lesson th{
    /* font-weight: bold; */
    font-weight: normal;
    font-weight: bold;
    font-variant: small-caps;
    padding-right: 10pt;
}
#lesson td{
    padding-right: 10pt;
}

#lesson sup{
    font-size: 70%;
}

#lesson pre{
    /* margin: 5px; */
}
/*
#lesson blockquote {
    background-color : #eee;
    margin: 0;
    padding: 0;
}

#lesson blockquote.extitolo
{
    margin: 0;
    font-style: normal;
    color: #09c;
}

#lesson blockquote.relaxtitolo
{
    margin: 0;
    font-style: normal;
    color: #09c;
}

#lesson blockquote.extesto
{
    margin: 0;
    font-style: italic;
} */

.importante {
    background-color : #EEEEEE;
    border: 2px dashed #999;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 7pt;
    padding-left: 7pt;
}

.titolo_importante {
    color: #09c;
/*    color: #666666; */
    font-weight: bold;
    padding: 0pt;
    margin: 0;
}

.testo_importante {
    color: #000000;
    font-size: 100%; 
    padding: 0pt;
    margin: 0;
}
.testo_importante ol {
    margin-top: 0pt;
    padding-top: 0pt;
}

.comunicazione {
    /* background-color : #EEEEEE; */
    border: 2px dashed #999;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 7pt;
}

.titolo_comunicazione {
    color: #369;
/*    color: #666666; */
    font-weight: bold;
    padding: 0pt;
    margin: 0;
}

.testo_comunicazione {
    color: #000000;
    font-size: 100%; 
    padding: 0pt;
    margin: 0;
}
.testo_comunicazione ol {
    margin-top: 0pt;
    padding-top: 0pt;
}

.nota {
    /* background-color : #EEEEEE; */
    border: 2px dashed #999;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 7pt;
}

.titolo_nota {
    color: #999;
/*    color: #666666; */
    font-weight: bold;
    padding: 0pt;
    margin: 0;
}

.testo_nota {
    color: #000000;
    font-size: 100%; 
    padding: 0pt;
    margin: 0;
}
.testo_nota ol {
    margin-top: 0pt;
    padding-top: 0pt;
}

.esercizio {
border-left: 10px #369 solid;
border-right: 10px #369 solid;
border-top: 1px #369 solid;
border-bottom: 1px #369 solid;
margin-top: 40px;
margin-bottom: 40px;
}

.titolo_esercizio {
background-color: #f2f2f2;
border-bottom: 1px #d8d8d8 solid;
color: #666666;
text-shadow: none;
font-size: 100%;
font-weight: bold;
padding: 16pt;
padding-top: 3pt;
padding-bottom: 3pt;
margin: 0;
}

.testo_esercizio {
background-color: #FFF;
color: #000000;
font-size: 100%; 
padding: 16pt;
padding-top: 10pt;
padding-bottom: 16pt;
margin: 0;
}

pre.Console{
    background-color: Black;
    color: White;
}


.Code, pre.javacode, pre.phpcode {
/*    font-family: Courier, "Courier New", monospace; */
    font-family: monospace;
	font-size: larger;
	background-color: #f3f1f4;
    /*margin-left: 10px;
    margin-right: 10px; */
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px #d8d8d8 solid;
}

/* PHP SYNTAX HIGHLIGHTING */
span.phpstring
{
    color:#DD0000;
}
span.phpcomment
{
/*    color:#FF9900; */
    color:#FF8000;
}
span.phpkeyword
{
    color:#007700;
}
span.phpbg
{
    color: #FFFFFF;
}
span.phpdefault
{
    color: #0000BB;
}
span.phphtml
{
    color: #000000;
}

/* JAVA SYNTAX HIGHLIGHTING */

span.comment {
    color: blue;
    /* font-style: italic; */
}

span.keyword {
    color: darkred;
}

span.string {
    color: green;
}

span.type {
    color: darkgreen;
}

span.number {
    color: teal;
}

span.preproc {
    color: red;
}

span.symbol {
    color: purple;
}

span.function {
    color: darkblue;
}

span.cbracket {
    color: gray;
}



/***************************************************************************************/

#header {
padding-left: 0;
width: 85%;
margin-left: 7%;
background-color: #FFF;
}

#header h3, #header h5 {
    /* color: #666; */
    color: #999999;
    margin-top: 0;
    margin-bottom: 0;
}
#header h3 {
    margin-top: 7pt;
    font-size: 150%;
    font-weight: bold;
}
#header h3.lpo {
    margin-top: 0pt;
    font-size: 150%;
    font-weight: bold;
    color: #54a4de;   
}
#header h5 {
    font-size: 75%;
    margin-top: 7pt;
    margin-bottom: 7pt;
    padding-left: 2pt;
}
#header ul.sitesections {
    padding-left: 0;
    margin-left: 0;
    font-size: 85%;
    width: 100%;
    height: 1.8em;    
    border-bottom: 1px #999 solid;
}

#header ul.sitesections li {
float:left;
list-style-type:none;
margin-top: 1px;
}

#header ul.sitesections a {
float:left;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
padding:3px 3px;
text-decoration:none;
margin-top: 0;
margin-left: 1px;
margin-right: 1px;
margin-bottom: 0;
color: #09c;
background-color: #eee; }

#header ul a.current {
color: #666;
background-color: #bbd9ee;
}

#header ul.sitesections a:hover {
color: #666;
background-color: #bbd9ee;
}

#metanav {
position: absolute;
top: 10px;
right: 10px;
width: 100px;
border: 1px #999 solid;
padding: 5px;
font-size: 80%;
background-color: #eee ;
text-align: right;
color: #fff;
}

#metanav ul {
margin: 0;
padding: 0;
}

#metanav ul li {
list-style-type: none;
}

#metanav ul li a:link, #metanav ul li a:visited {
text-decoration: none;
color: #09c;
}

#metanav ul li a:hover {
text-decoration: underline;
}

.centrato {
  text-align: center;
  border: 10px;
}

.evidenziato em {
background-color: yellow;
}

/******************** DI SERVIZIO ******************************************/

span.sfondogiallo {
background-color: yellow;
}
span.sfondoverde {
background-color: lawngreen;
}
span.sfondoarancio {
background-color: darkorange;
}
span.sfondoblu {
background-color: lightsteelblue;
}