/*  css modello */

/* menu dhtml */
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal small Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #fe9;
}
/* fine menu dhtml */


body{
	margin:0px;
	padding:0px;
  font-family:verdana;
	font-size:small;
	background-color:#FFF;
}
h1{font-size:160%;margin:0px;}
h2{font-size:135%;margin:0px;}
p{font-size:95%;margin:2px;margin-top:0px;}
img {border:0px;}
#ipertesto{
/*contenitore totale*/
background-color:#FFF;
}
#indice{
/*Contenitore link dell'indice contenuti in <ul> e <li>*/
text-decoration:none;
color:#fff;
font-size: large;
width:36%;
padding:0 0 0 0;
float:left;

}

#indice ul {
width:100%;
background:#fff;
text-align:left;
margin-left:0px;
clear:right;
text-decoration: none;
padding-left:20px;

}
#indice  li a{
text-decoration: none; 
padding:1px 9px 0 40px;
color: Black;
font-size: small;
font-weight: bold;
margin:0px;
}

#indice  li   a:hover{
text-decoration: none; 
padding:1px 9px 0 40px;
color: red;
font-size: small;
font-weight: bold;
margin:0px;
}

#indice  li a:visited{
text-decoration: none; 
padding:1px 9px 0 40px;
color: red;
font-size: small;
font-weight: bold;
margin:0px;
}

#indice  li a:active{
text-decoration: none; 
padding:1px 9px 0 40px;
color: red;
font-size: small;
font-weight: bold;
margin:0px;
}

.button{
/* link che imita un bottone */
}

 

#indice .firstli a {
color: #fff;
text-decoration: none; 
background-image: url(immagini_fisse/rosso.png);
background-repeat: no-repeat;
font-size: small;
font-weight: bold; 
width:254px;
}

#indice .firstli a:visited{
text-decoration: none;
color: #fdfdfd;
font-size: small;
font-weight: bold;
background-image: url(immagini_fisse/rosso.png);
margin:0px;
}

#indice .firstli a:hover{
text-decoration: none;
color: #fff;
background-image: url(immagini_fisse/giallo.png);
background-repeat: no-repeat;
font-size: small;
font-weight: bold;
width:254px;
}
/* link finale in tutte le pagine che conduce all'indice (neccessario è in html ed è l'unica via di navigazione per chi non ha javascript) */


div#finalink {margin-left:400px;}
#finalink a:link,#finalink a:visited{float:center; text-decoration: none;border: 1px solid #63f;padding:1px 9px;color: #2D587D;font-size: small;font-weight: bold;background-color: #9ff; margin:0px;}
#finalink a:hover,#finalink a:focus,#finalink a:active{text-decoration: none;color: #fff;background-color: #600;font-size: small;font-weight: bold;}



#js{ /* Div contenente il menu di ogni singola pagina */width:70%;padding:0 0 0 4px;


}
#js ul{/* blocco ul per il menu javascript di ogni pagina*/
margin: 0;
padding-left: 0;
list-style: none;

}
#js li{/*li del blocco con immagine di sfondo per il menu javascript di ogni pagina*/
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;


}
#js li a:link, #js a:visited{
float:left;
text-align:center;
color: #fff;
margin: 0em;
padding: 0.4em 1.5em 0.4em 1.5em;
text-decoration: none;
background-image: url(immagini_fisse/tab_rosso.png);
width:121px;
}
#js a:hover, #js a:focus, #js a:active{
float:left;
text-align:center;
color: #fff;
margin: 0em;
padding: 0.4em 1.5em 0.4em 1.5em;
text-decoration: none;
background-image: url(immagini_fisse/tab_arancio.png);
width:121px;
}

/* Div contenente il menu di ogni singola pagina 
div#js a:link, div#js a:visited{text-decoration: none;padding:10px 9px;color: #FFF;font-size: small;font-weight: bold;background-image: url(tab_rosso.png); background-position:right;margin-top:5px;}
div#js a:hover, div#js a:focus, div#js a:active {text-decoration: none;color: #fff;background-image: url(tab_arancio.png);font-size: small;font-weight: bold;}*/
#menup {/* contenitore javascript */
 background-image:url(immagini_fisse/header.png);
 background-position: left top;
 background-repeat: repeat-x;
 padding-bottom:60px;
}
.scatola {
/* classe per realizzare un Box con bordi */
border: 2px solid #000; color: #00006f; background-color: #3cc; padding:10px;
}

.hederIndice {
/* classe per realizzare il titolo nell'indice */
 color: #B91536; 
 font-family: Comic Sans MS;
 background-image:url(immagini_fisse/header2.png) ;
 background-position: right top;
 background-repeat: repeat-x;
 padding-bottom:108px;
 margin-bottom:5px;
}
.versioning{/* box delle versioni */
border:1px solid #999; margin-top:10px; padding:0px;
}
#indice2{
/*Contenitore link dell'indice contenuti in <ul> e <li>*/
text-decoration:none;
color:#fff;
font-size: large;
width:100%;
padding:0 0 0 0;
float:left;

}

#indice2 ul {
width:100%;
background:#fff;
text-align:left;
margin-left:0px;
clear:right;
text-decoration: none;
padding-left:20px;

}
#indice2  li a{
text-decoration: none; 
padding:1px 9px 0 40px;
color: Black;
font-size: small;
font-weight: bold;
margin:0px;
}

#indice2  li   a:hover{
text-decoration: none; 
padding:1px 9px 0 40px;
color: red;
font-size: small;
font-weight: bold;
margin:0px;
}

#indice2  li a:visited{
text-decoration: none; 
padding:1px 9px 0 40px;
color: red;
font-size: small;
font-weight: bold;
margin:0px;
}

#indice2  li a:active{
text-decoration: none; 
padding:1px 9px 0 40px;
color: red;
font-size: small;
font-weight: bold;
margin:0px;
}

/*  css buble*/


div#container{width: 500px; margin:0 auto}



/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
/*a.tt:hover{ z-index:25; color: #aaaaff; background:;}*/
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}

/*Wslide*/
.wslide-wrap{



}
/*====================Immagini di BACKGROUND=====================*/
#postit{
/*sfondo  postit della pagina indice*/
margin-top: 5px; 
float: left; 
background-image: url(immagini_fisse/post-it3.png); 
margin-left: 10px; 
width: 43%; 
padding-top: 73px; 
background-repeat: no-repeat;
}
#postit2{
/*sfondo  postit di informazioni ai docenti*/
padding-right: 6px; 
float: left; 
background-image: url(immagini_fisse/postit_azzurro.png); 
padding-bottom: 5px; 
margin-left: 50px; 
width: 38.91%; 
padding-top: 10px; 
height: 105%;
background-repeat: no-repeat;
}
#fumetto{padding-left: 30px; 
float: left; 
background-image: url(immagini_fisse/fumetto2.png); 
width: 225px; 
margin-right: 10px; 
padding-top: 40px; 
background-repeat: no-repeat; 
height: 360px}