*
{
   padding: 0;
   margin: 0;
   font-family: Helvetica, Geneva, sans-serif;
}

body
{
   margin: 2pt;
   padding: 2pt;
   background-image: url("/icons/sf-linyg.gif");
   background-repeat: repeat-y;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl
{
	/*
   margin-left: 4pt;
   margin-right: 4pt;
   */
   margin-top: 4pt;
   margin-bottom: 8pt;
}

h2, h3
{
   color: #b11;
   text-decoration: underline;
}

li, dd
{
   margin-left: 5%;
}

.code {
    background-color: #ddd;
    padding: 4px;
    color: darkblue;
    margin: 1em;
    margin-right: 4em;
}

.footpiva {
  margin-top: 8px;
}

#mainpage
{
   position: absolute;
   margin-right: 4pt;
   margin-bottom: 4pt;
   left: 19em;/* vedere qui sotto #leftmenu */
   height: 99%;
}
/* mantenere vicini questi due selettori (sopra e sotto) */
#leftmenu
{
   float: left;
   width: 19em;
   margin: 2pt;
   padding: 2pt;
   font-size: smaller;
}

#leftmenu hr
{
   margin: 8pt;
}

.xonmenu
{
   line-height: 170%;
   padding: 4pt;
   text-decoration: none;
   color: blue;
}

.xonitem
{
   line-height: 170%;
   font-weight: 800;
   letter-spacing: 0.5px;
   color: white;
   background-color: #b11;
   padding: 2px;
   padding-left: 4pt;
   padding-right: 4pt;
   margin-left: 4pt;
   margin-right: 4pt;
}

.panel .xonitem {
  margin: 0;
}

#leftmenu a:hover
{
   background-color: transparent;
   color: #c11;
}

a:hover img
{
   background-color: transparent;
}

.prodname
{
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: x-large;
   font-weight: bold;
   text-decoration: underline;
}

.panel, #header, #prodright, #xontitle, #mainprod, #mailtable, #catalogtable
{
   background-image: url(/icons/sf-panel.jpg);
   color: black;
   border-style: solid;
   border-width: 2pt;
   border-top-color: #fff;
   border-left-color: #eee;
   border-right-color: #555;
   border-bottom-color: #444;
}

#header
{
   vertical-align: middle;
}

#logotitle
{
   /* display: none; */
}

#xontitle
{
   display: none;
   height: 60px;
   float: left;
   margin: 2pt;
   padding: 2pt;
   font-size: x-small;
   background-color: #e0f0ff;
   line-height: 140%;
}

#prodheader
{
   height: 60px;
}

#prodname
{
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: x-large;
   font-weight: bold;
   color: #c11;
   padding: 6pt;
   padding-bottom: 0;
}

#proddesc
{
   font-style: oblique;
   text-decoration: overline;
   color: #c11;
   padding: 6pt;
   padding-top: 0;
}

#prodright
{
   float: right;
   text-align: center;
   margin: 2pt;
   padding: 4pt;
}

#mainprod
{
   overflow: auto;
   max-height: 20%;
   min-height: 20%;
   font-size: 85%;
}

#prodmainimg
{
   float: left;
   margin: 3px;
}

.altimg
{
   text-decoration: underline;
   float: left;
   margin: 4pt;
   border-width: 3px;
   border-style: ridge;
}

#container
{
   /* height: 20em; */
   /* height: 30%; */
   max-height: 58%;
   min-height: 50%;
   margin-bottom: 4pt;
   /* min-width: 40em; */
   overflow: auto;
   border-color: red;
   border-width: 2pt;
   border-style: solid;
   background-color: gray; 
   border-top-color: #b11;
   border-left-color: #b11;
   border-right-color: #755;
   border-bottom-color: #755;
}

#prodaltnav
{
   min-width: 36em;
   /*
   border-color: red;
   border-width: 2pt;
   border-style: solid;
   */
   visibility: hidden;
}

.prodalta
{
   padding-left: 2pt;
   padding-top: 2pt;
   padding-right: 1em;
   text-decoration: none;
   color: blue;
   float: left;

   /*
   border-color: red;
   border-width: 2pt;
   border-style: solid;
   */
}

.prodalta:hover
{
   background-color: transparent;
   color: #c11;
}

.prodalta:active
{
   /* background-color: #eee; */
}

.altclass
{
   width: 90%;
   margin: 1em;
}

.altclass table td
{
   border-width: 1px;
   border-style: solid;
   padding: 3pt;
   padding-right: 4px;
}

#catalogtable
{
   width: auto;
}

#catalogtable td
{
   padding: 0px 4px;
}

#catalogtable img
{
   border-width: 4pt;
   border-style: ridge;
   border-color: black;
}

#mailtable
{
   /* margin-right: auto; */
   margin-bottom: 2pt;
   margin-left: 2pt;
   margin-top: 1em;
   padding-top: 4pt;
   padding-left: 4pt;
}

#mailtable td
{
   text-align: center;
   vertical-align: middle;
   padding: 6pt;
   border-width: 1px;
   border-style: ridge;
}

#mailtable tr td h3 {
   margin: 0;
   color: #c11;
}