body {text-align:center;
overflow:hidden;
background-color: #5E993B;
}
body, html {height:100%}
* {
margin:0;
padding:0;}

body.portfolio {
        height:100%;
        background-color: #FFFFFF;
	margin: 0;
        padding:0;
        top:0;
        text-align:center;
}

.contenitore {
overflow:hidden;
margin-right:auto;
margin-left:auto; 
width:800px;
 height:520px;
margin-top:0;
padding-top:0;
}
td.fontgrigio {font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; font-size:12px; color:#00e100; }
div.overflow2 {
		width:100%; /* larghezza box */
		height:1px; /* altezza box */
		overflow:hidden; vertical-align:text-bottom;
	}
.testo {
	 font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	 font-size: 11px;
	 margin-top: 0;
	 margin-left: 0;
	 margin: 0;
         LINE-HEIGHT: 13px;
}
p {      text-align: justify;
}
table.tabella1 {
 height: 100%;
}

.backimg { background-image:url("immagini/pix_verde.gif");
           background-repeat:no-repeat;
}

div#rollover a:hover img {
display:none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
a.classe1{display: block; width: 600px; height: 91px; }
a.classe1:hover{
    background: url("immagini/menu_missionsopra.gif") no-repeat top left;}

a.classe2{display: block; width: 600px; height: 90px; }
a.classe2:hover{
    background: url("immagini/menu_graficasopra.gif") no-repeat top left;}

a.classe3{display: block; width: 600px; height: 90px; }
a.classe3:hover{
    background: url("immagini/menu_internetsopra.gif") no-repeat top left;}

a.classe4{display: block; width: 600px; height: 91px; }
a.classe4:hover{
    background: url("immagini/menu_multimediasopra.gif") no-repeat top left;}

a.classe5{display: block; width: 600px; height: 90px; }
a.classe5:hover{
    background: url("immagini/menu_contattisopra.gif") no-repeat top left;}

span {
width:92px;
height:8px;

}
div#menudx {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:92px;
height:50px; vertical-align: bottom;
}
div#menudx img.pix {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:92px;
height:8px;
}
div#menudx a:hover img {
display:none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:92px;
height:50px;
}
div#menusx a:hover img {
display:none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:54px;
height:224px;
}
a.menu1{display: block; width: 92px; height: 50px; }
a.menu1:hover{
    background: url("immagini/puls_missionsu.gif") no-repeat top left;}

a.menu2{display: block; width: 92px; height: 50px; }
a.menu2:hover{
    background: url("immagini/puls_graficasu.gif") no-repeat top left;}

a.menu3{display: block; width: 92px; height: 50px;}
a.menu3:hover{
    background: url("immagini/puls_internetsu.gif") no-repeat top left;}

a.menu4{display: block; width: 92px; height: 50px; }
a.menu4:hover{
    background: url("immagini/puls_multimediasu.gif") no-repeat top left;}

a.menu5{display: block; width: 54px; height: 224px; }
a.menu5:hover{
    background: url("immagini/puls_contattisu.gif") no-repeat top left;}

ul.menu {
width:92px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 0em; /* lascia spazio far il bordo del menu e il testo del link */
height:50px;line-height:50px; /* altezza del link: height e line-height devono avere il medesimo valore */
}
ul.menu li.hab a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 0em; /* lascia spazio far il bordo del menu e il testo del link */
height:8px;line-height:8px; /* altezza del link: height e line-height devono avere il medesimo valore */
}
ul.menu li a:hover img {
display:none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:92px;
height:50px;
}
ul.menu li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu li.missionsu a:hover {
background: url("immagini/puls_missionsu.gif") no-repeat top left;
} /* effetto roll-over */
ul.menu li.graficasu a:hover {
background: url("immagini/puls_graficasu.gif") no-repeat top left;
}
ul.menu li.internetsu a:hover {
background: url("immagini/puls_internetsu.gif") no-repeat top left;
}
ul.menu li.multimediasu a:hover {
background: url("immagini/puls_multimediasu.gif") no-repeat top left;
}