body {
  background-color: #FFFFFF;
  margin-left:      20px;
  margin-right:     20px;
  margin:           0px;
  margin-top:       8px;
	margin-bottom:    8px;
	background-color: white;
	color:            dimgray;
	font-family:      Verdana, Arial;
  font-size:        12px;
	text-align:       justify;
}

h1, h2, h3, h4, h5, h6 {
  background-color: transparent;
	color:            navy;
  font-weight:      normal;
  text-align:       left;
}

h2 {
  font-size:        24px;
}

h3 {
  font-size:        20px;
}

hr {
  width:            640px; 
  height:           auto;
}

a {
	background-color: transparent;
	color:            navy;
	text-decoration: 	none;
  font-weight:      bold;
}

a:hover {
	background-color: transparent;
	font-weight:      bold;
	color:            navy;
	border-bottom:    1px navy solid;
	padding-bottom:   1px;
}

img {
	border:           1px black solid;
	border:           0px;
}

p {
	font-size:        12px;
/*   padding:    0px;
   margin:     0px;*/
   padding:          4px;
   margin:           0px;
}

ul {
  padding-left:     96px;
  padding-right:    48px;
  list-style-type:  square;
}

li {
	font-size:        12px;
}

TABLE {
  /*  class: testo;*/
   font-family:      Verdana, Arial;
   font-size:        10px;
   font-style:       normal;
   font-weight:      normal;
   text-align:       justify;
   border:           1px black solid;
}

TFOOT {
   color:            black;
   font-size:        9px;
   font-weight:      bold;
}

THEAD {
   color:            black;
   font-size:        10px;
   font-weight:      bold;
}

TH {
  background-color:  #FFFFCC;
  color:             #000000;
  font-family:       Verdana, Arial;
  font-size:         10px;
  font-style:        normal;
  font-weight:       bold;
  text-decoration:   none;
  text-align:        center;
}

#header, #footer {
	text-align:       center;
	margin:           0px;
   padding:          0px;
   display:          block;
   height:           auto;
   width:            100%;
}

#footer a {
    color:              black;
    font-size:          10px;
	text-align:         center;
    text-decoration:    none;
}

#footer a:hover {
    color:              navy;
   font-size:           10px;
	text-align:         center;
   text-decoration:     none;
   border:              0px;
}

#footer p  {
    color:            black;
    font-size:        10px;
    text-align:       center;
/*   margin:           0; errore da controllare */
}

#c1 {
   color:            blue;
   position:         relative;
   left:             10px;
}

#c2 {
   color:            black;
   position:         absolute;
   left:             200px;
}

#c3 {
   color:            red;
   position:         relative;
   left:             200px;
}

#MenuDiv  {
   position:         absolute;
   left:             10px;
   top:              10px;
}

#MenuDiv a  {
   color:            navy;
   font-size:        10px;
   font-weight:      normal;
	text-align:       left;
   padding:          0px;
   margin:           0px;
   border:           0px;
}

#MenuDiv a:hover  {
   color:            navy;
   font-size:        10px;
   font-weight:      bold;
	text-align:       left;
   padding:          0px;
   margin:           0px;
   border:           0px;
}

#MenuDiv hr {
  width:             140px;
}

#MenuDiv img  {
   border:           none;
}

#MenuDiv p  {
   padding:          0px;
}

#MenuDivTitolo a {
   color:            maroon;
   font-size:        10px;
   font-weight:      bold;
	text-align:       left;
}

#MenuDivTitolo a:hover {
   color:            maroon;
   font-size:        10px;
   font-weight:      bold;
	text-align:       left;
   border-bottom:    1px maroon solid;
}

#leftside {
   position:   absolute;
   top:        0px;
   left:       0px;
   width:      148px;
   height:     300px;
}

#rightside {
   position:   absolute;
   top:        0px;
   left:       152px;
   width:      640px;
}

.copyright {
  color:       gray;
  font-family: Verdana, Arial;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
}

.immaginedestra {
  float:          right;
  margin-left:    16px;
  margin-bottom:  16px;
  padding:        0px;
}

.immaginesinistra {
  float:          left;
  margin-right:   16px;
  margin-bottom:  16px;
  padding:        0px;
}

.titolo {
  color: #000000;
  font-family: Verdana, Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
}

.link {
  color: blue;
  font-family: Verdana, Arial;
  font-size: 12px;
  text-decoration: none;
}

.link:hover {
  color: blue;
  font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}


/* grafo per presentazione altoparlanti oppure per prodotti hardware Studio M */
div.grafo {
   display:          block;
	background-color: GAINSBORO;
	margin:           8px;
	border:			   1px GAINSBORO solid;
}

div.grafo img {
	float:   left;
   width:   64px;
   height:  64px;
   margin: 4px;
   border:     1px gray solid;
}

div.grafo h3 {
    font-size: 18px;
	background-color: #C8C8FE;
    padding: 4px;
    margin-top: 16px;
    margin-bottom: 16px;
    border: 1px #C8C8FE solid;
}

div.grafo ul {
    margin:              0px 0px 16px 0px;
    margin-right:        32px;
/*	list-style-position: inside;*/
	line-height:         1.2em;
	padding-left:        144px; /*144px;*/
}

div.casella {
/*   display: block;
   display:          inline;*/
   float:   left;
   width:   160px;
   padding-top:      0px;
   padding-bottom:   16px;
}

div.casella p {
   text-align:       left;
   font-size:        10px;
   color:            black;
   font-weight:      bold;
   padding:          8px;
   padding-top:      4px;
   padding-bottom:   0px;
}

div.casella a {
	background-color: transparent;
   color:            blue;
   font-weight:      normal;
   text-decoration:  none;
}

div.casella a:hover {
	background-color: transparent;
   color:            blue;
   font-weight:      bold;
   text-decoration:  none;
   border: 0px;
   margin: 0px;
   padding: 0px;
}

div.casella img {
/*	float:   left;*/
   width:   64px;
   height:  64px;
   margin: 4px;
   border:     1px gray solid;
}

/* grafo per presentazione altoparlanti oppure per prodotti hardware Studio M */
div.paragrafob {
   float:            left;
   width:            150px;
	background-color: #F5F5F5;
	margin:           4px;
	border:			   1px gray solid;
   padding:          0px;
}

div.paragrafob img {
	float:   left;
   width:   64px;
   height:  64px;
   margin:  4px;
   border:  1px gray solid;
}

div.paragrafob h3 {
/*   color: black;*/
   font-size:        10px;
   font-weight: bold;
	background-color: #DCDCDC;
	background-color: silver;
   padding:    4px 0px 4px 8px;
   margin-top:       0px;
   margin-bottom:    8px;
}

div.paragrafob ul {
	margin:        0px 0px 16px 0px;
   margin-right:  32px;
/*	list-style-position: inside;*/
	line-height:   1.2em;
	padding-left:  0px; /*144px;*/
}


div.caselladesign {
/*   display: block;
   display:          inline;*/
   float:   left;
   width:   320px;
   padding-top:      0px;
   padding-bottom:   16px;
}

div.caselladesign p {
   text-align:       left;
   font-size:        10px;
   color:            black;
   font-weight:      normal;
   padding:          8px;
   padding-top:      4px;
   padding-bottom:   0px;
}

div.caselladesign a {
	background-color: transparent;
   color:            blue;
   font-weight:      normal;
   text-decoration:  none;
}

div.caselladesign a:hover {
	background-color: transparent;
   color:            blue;
   font-weight:      bold;
   text-decoration:  none;
   border: 0px;
   margin: 0px;
   padding: 0px;
}

div.caselladesign img {
/*	float:   left;*/
   width:   64px;
   height:  64px;
   margin: 4px;
   border:     1px gray solid;
}