/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 70px; /*Width of top level menu link items*/
text-decoration: none;
color: #000000;font-family:Trebuchet MS; padding-left:5px; padding-right:8px; padding-top:1px; padding-bottom:1px; font-size:13px
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 170px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 170px; /*width of sub menu levels*/
color: #000000;
text-decoration: none;
border: 1px solid #CCCCCC; font-family:Trebuchet MS; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px; background-color:#FFFFFF
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}



* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


h1 {
font-family: Trebuchet MS, Arial, Verdana;
font-size: 19px;
margin-bottom: 0px;
margin-top: 0px;
color: #800000;
}

h2{
font-family: Trebuchet MS, Arial, Verdana;
font-size: 13px;
margin-bottom: 0px;
margin-top: 0px;
color: #39599C; 

}

h3{
font-family: verdana, arial, helvetia, sans-erif; 
font-size: 12px;
margin-bottom: 0px;
margin-top: 0px;
color: #808080;
font-style:italic; line-height:200%
}


h4{
font-family: verdana, arial, helvetia, sans-erif; 
font-size: 12px;
margin-bottom: 0px;
margin-top: 0px;
color: #808080; line-height:200%
}


.testonero{
font-family: Trebuchet MS, Arial, Verdana;
font-size: 12px;
margin-bottom: 0px;
margin-top: 0px;
color: #000000; 
}

.cosavuoi{
font-family: verdana, arial, helvetia, sans-erif; 
font-size: 12px;
margin-bottom: 0px;
margin-top: 0px;
color: #666666; line-height:200%; font-variant:small-caps; font-weight:bold 
}


.titolo { font-family:"Trebuchet MS", Arial, Verdana; color: #800000; font-size:16px; line-height:200%  }
.occhiello { font-family:"Trebuchet MS", Arial, Verdana; color: #666666; font-size:12px; text-align:justify; font-style:italic  }
.testo { font-family:"Trebuchet MS", Arial, Verdana; color: #666666; font-size:13px; text-align:justify;   }
.testo2 { font-family:"Trebuchet MS", Arial, Verdana; color: #666666; font-size:11px; text-align:justify;   }

.testigrigi   { font-family:verdana, arial, helvetia, sans-erif; color: #808080; font-size:12px; line-height:200%  }
.testibianchi   { font-family:verdana, arial, helvetia, sans-erif; color: #FFFFFF; font-size:10px; line-height:200%  }
.testigrigipiccoli   { font-family:verdana, arial, helvetia, sans-erif; color: #999999; font-size:10px; line-height:200%  }
.testirossi   { font-family:"Trebuchet MS", verdana, arial, helvetia, sans-erif; font-size:12px; color:#800000; font-weight:bold}
.testobianco   { font-family:"Trebuchet MS", verdana, arial, helvetia, sans-erif; font-size:12px; color:#FFFFFF; font-weight:bold}
.testogrigio   { font-family:"Trebuchet MS", Arial, Verdana; color: #666666; font-size:12px; line-height:200%  }
.testibianchipiccoli   { font-family:verdana, arial, helvetia, sans-erif; color: #FFFFFF; font-size:10px; line-height:200%  }
.tool   { font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #000000; font-size:12px; line-height:200%  }
.toolblu   { font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #39599C; font-size:13px; line-height:200%; font-weight:bold  }
.toolgrigio   { font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #C0C0C0; font-size:13px; line-height:200%; font-weight:bold; text-transform:capitalize; font-variant:small-caps  }
.toolnero   { font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #000000; font-size:11px; line-height:200%;    }
.rosso   { font-family:Verdana, arial, helvetia, sans-erif; color: #FF0000; font-size:18px; line-height:200%    }
.novita {font-family:  font-family:Trebuchet MS, Arial, Verdana;  color: #FF0000; font-size:12px; text-decoration:none; font-weight:bold  }
.prezzovecchio { font-family:"Trebuchet MS", Arial, Verdana; color: #666666; font-size:12px; text-align:justify; text-decoration:line-through   }

a:link
{font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #000000; font-size:12px; line-height:200%; text-align:left; text-decoration:none;   }
a:visited
{font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #000000; font-size:12px; line-height:200%; text-align:left; text-decoration:none;    }
a:hover
{font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #39599C; font-size:12px; line-height:200%; text-align:left; text-decoration:none;  }

a:link.blu
{font-family:  font-family:Trebuchet MS, Arial, Verdana;  color: #39599C; font-size:12px; text-decoration:none; font-weight:bold  }
a:visited.blu
{font-family:  font-family:Trebuchet MS, Arial, Verdana; sans-erif; color: #39599C; font-size:12px; text-decoration:none; font-weight:bold   }
a:hover.blu
{font-family:  font-family:Trebuchet MS, Arial, Verdana; color: #39599C; font-size:12px; font-weight:bold; text-decoration:underline    }

a:link.blupic
{font-family:  font-family:verdana, arial, helvetia, sans-erif; color: #39599C; font-size:10px; text-decoration:none; font-weight:bold  }
a:visited.blupic
{font-family:  font-family:verdana, arial, helvetia, sans-erif; color: #39599C; font-size:10px; text-decoration:none; font-weight:bold   }
a:hover.blupic
{font-family:  font-family:verdana, arial, helvetia, sans-erif; color: #39599C; font-size:10px; font-weight:bold; text-decoration:underline    }



#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font-family:verdana, arial, helvetia, sans-erif; color: #666666; font-size:11px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


/*css per i Tab schede */
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabs{
border-bottom: 1px solid #CCCCCC;
z-index=1;
/* width: 90%; width of menu. Uncomment to change to a specific width */
}

.shadetabs ul{
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: right; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:3px
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
margin-right: 3px;
border: 1px solid #CCCCCC;
color: #000000;
z-index:1;
background: white url('http://www.class24.net/images/shade.gif') repeat-x top left; padding-left:7px; padding-right:7px; padding-top:3px; padding-bottom:3px;
}

.shadetabs li a:visited{
color: #000000;
}

.shadetabs li a:hover{
font-family:Trebuchet MS; 
}

.shadetabs li.selected{
position: relative;

top: 1px; 
}

.shadetabs li.selected a{ /*selected main tab style */
z-index=1;
border-bottom-color: white
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url('media/shadeactive.gif');
border-bottom-color: white

}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#underlinemenu{
margin: 0;
padding: 0;
}

#underlinemenu ul{
border-left:0px solid #DFDFDF; border-right:0px solid #DFDFDF; border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
margin-left:0; margin-right:0; margin-top:0
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
float: left;
text-decoration: none;
font-family:verdana, arial, helvetia, sans-erif; 
color: #999999; 
font-size:12px;
background: white url('media/menudivide.gif') repeat-y top right;; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:4px
}

#underlinemenu ul li a:hover{
color: #000000;
background-color: #F3F3F3;
border-bottom: 3px solid #194C6F;
padding-bottom: 0
}
