* { 
padding : 0;
margin : 0;
} 
body { 
font-family : Arial, Helvetica, sans-serif, Verdana;
font-size : 13px;
 /* background-image : url(images/bg_main.jpg); */
background-repeat : repeat-x;
background-color  : #fff;
} 
img { 
padding : 3px;
} 
img.floatTL { 
float : left;
margin-right : 7px;
margin-bottom : 2px;
margin-top : 2px;
margin-left : 10px;
} 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 2px;
margin-top : 12px;
margin-right : 10px;
} 
#wrapper { 
margin : 0 auto;
width : 922px;
} 
#header { 
color : #333;
width : 900px;
float : left;
border : 5px solid #fff;
height : 150px;
margin : 40px 0 0 0;
margin-left : 23px;
background-image : url(images/hbg.jpg);
background-repeat : repeat-x;
} 

#header h1 { 
color : #fff;
font-size : 1.6em;
margin-top : 15px;
margin-left : 10px;
} 
#header h2 { 
color : #fff;
font-size : 1.4em;
padding-top : 10px;
margin-left : 10px;
} 

#header a { 
color : #fff;
text-decoration : none;
} 
#navigation { 
float : right;
width : 600px;
color : #fff;
margin : 0 0 5px 0;
background : #333333 url(images/mbg.jpg) repeat-x;
position : relative;
top : 50px;
margin-right : 10px;
border : 4px solid #fff;
height : 40px;
} 
.navbar ul { 
margin : 0;
padding : 0;
list-style : none;
text-align : center;
margin-top : 12px;
margin-left : 0;
margin-bottom : 0;
margin-right : 0;
} 
.navbar li { 
display : inline;
} 
.navbar a { 
padding : 5px 15px;
text-transform : uppercase;
text-decoration : none;
font-size : 11px;
font-weight : bold;
color : #ffffff;
padding : 5px 15px 10px 15px;
} 
.navbar a:hover { 
padding : 7px 15px 10px 15px;
} 
#leftcolumn { 
color : #333;
border : 1px solid #ccc;
background : #fff;
margin : 0 5px 5px 5px;
height : 735px;
width : 535px;
float : left;
} 

.toptext h2 { 
margin-top : 15px;
padding-bottom : 10px;
margin-left : 5px;
} 

.toptext p { 
margin-left:5px; 
margin-right:5px;
text-align : justify;
} 
#blueBox { 
border : 1px solid #990000;
background : #ffffff;
margin-left : 5px;
margin-right : 5px;
} 
#blueBox p { 
clear : both;
color : #aaaaaa;
padding-left : 8px;
} 

#blueBox h1 { 
padding : 7px 0 4px 7px;
margin : 0;
font : normal 22px/22px "Arial Black", Arial, sans-serif;
color : #ffffff;
background-color : #990000;
text-transform : uppercase;
} 
#blueBox h2 { 
padding : 0 0 8px 8px;
margin : 0;
background-color : #990000;
color : #ffffff;
font : bold 12px/12px Arial, sans-serif;
} 

.boxColumn { 
padding : 20px 2px 10px 13px;
float : left;
overflow : hidden;
width : 150px;
voice-family : "\"}\"";
voice-family : inherit;
} 
.boxColumn p { 
color : #000000;
padding : 0;
font-weight : normal;
} 
.boxColumn a { 
color : #8ac752;
} 

#wrapper .boxColumn h1 { 
font : bold 11px/11px Verdana, Arial, sans-serif;
background-color : #ffffff;
color : #8ac752;
margin-bottom : 2px;
padding : 0;
} 

.separator { 
clear : both;
margin-bottom : 10px;
} 
#centercolumn { 
float : left;
color : #333;
border : 1px solid #ccc;
background : #e9e9de;
margin : 0 5px 5px 0;
height : 735px;
margin-top : 21px;
width : 170px;
display : inline;
} 
.linksbar { 
width : 160px;
float : right;
padding-right : 5px;
padding-top : 20px;
} 
.linksbar ul li ul li { 
margin : 0;
padding : 0;
} 
.linksbar ul { 
list-style-type : none;
margin : 0;
padding : 0;
} 
.linksbar ul li ul { 
padding : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 10px;
margin-left : 0;
} 

.linksbar h2 { 
font-size : 14px;
padding : 3px;
font-weight : bold;
color : #990000;
margin-top : 0;
margin-right : 0;
margin-bottom : 10px;
margin-left : 0;
border-bottom : 3px solid #990000;
} 

.linksbar li ul li a { 
display : block;
padding : 3px;
text-decoration : none;
color : #990000;
border-bottom : 3px dotted #990000;
} 
#rightcolumn { 
color : #333;
border : 1px solid #ccc;
background : #fff;
margin : 0 0 5px 0;
height : 735px;
width : 180px;
float : left;
} 

#rightcolumn h2 { 
font-size : 1.4em;
color : #990000;
text-align : center;
font-weight : lighter;
margin-top : 20px;
} 

.rightads p { 
font-family : verdana;
font-size : 1em;
padding-left : 5px;
padding-bottom : 5px;
margin-right : 10px;
text-align : justify;
padding-right : 10px;
} 
.rightads { 
border : 1px solid #333;
width : 150px;
height : 285px;
margin-left : 10px;
margin-top : 10px;
} 
.rightads h4 { 
background-color : #333;
color : #fff;
font-weight : lighter;
font-size : 0.8em;
padding-bottom : 2px;
text-decoration : underline;
} 
.rightads h3 { 
font-family : verdana;
font-size : 1em;
padding-top : 30px;
padding-left : 3px;
padding-bottom : 5px;
text-decoration : underline;
color : #990000;
} 
.rightads a { 
margin-right : 25px;
margin-bottom : 2px;
font-size : 0.8em;
font-weight : bold;
padding-left : 3px;
text-decoration : none;
padding-bottom : 15px;
color : #990000;
} 
.rctext { 
margin-top : 20px;
} 
.rctext p { 
font-size : 1em;
color : #808081;
padding-left : 5px;
padding-right : 15px;
text-align : justify;
padding-bottom : 10px;
} 
.rctext h3 { 
padding-left : 5px;
padding-bottom : 10px;
font-size : 1.6em;
font-weight : lighter;
color : #990000;
letter-spacing : -2px;
} 
.rctext ul { 
padding : 3px 0 8px 0;
} 
.rctext li { 
line-height : 18px;
background : #fff;
list-style : square;
padding-left : 0;
margin-left : 21px;
color : #b4e04a;
} 
.rctext a { 
text-decoration : none;
color : #990000;
} 
#footer { 
margin-top : 5px;
margin-left : 5px;
display : inline;
float : left;
width : 916px;
text-align : center;
padding-top : 10px;
padding-bottom : 10px;
border : 1px solid #ccc;
} 
#footer p { 
color : #666;
} 
#footer a { 
color : #990000;
} 

/* colori e tooltip per chimica */

#dhtmltooltip{
font-family:Verdana; 
font-size:x-small; 
color:black;
position: absolute;
width: 300px;
border: 3px solid black;
padding: 3px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.chdGruppi {
font-family:Verdana; 
font-size:xx-small; 
text-align:center;
color:black;
}

.cDescriClass {
font-family:Verdana; 
font-size:x-small; 
color:black;
}

/* colori per i simboli della tavola periodica */
.cGasNobili { 
cursor:hand;
color:Blue;
background-color  : #c0ffff;
} 
.cAlogeni { 
cursor:hand;
color:Blue;
background-color  : #ffff99;
} 
.cNonMetalli { 
cursor:hand;
color:Blue;
background-color  : #a0ffa0;
} 
.cSemiMetalli { 
cursor:hand;
color:Blue;
background-color  : #cccc99;
} 
.cMetalliP { 
cursor:hand;
color:Blue;
background-color  : #cccccc;
} 
.cMetalliAlcalini { 
cursor:hand;
color:Blue;
background-color  : #ff6666;
} 
.cMetalliAlcalinoTerrosi { 
cursor:hand;
color:Blue;
background-color  : #ffdead;
} 
.cMetalliBloccoD { 
cursor:hand;
color:Blue;
background-color  : #ffc0c0;
} 
.cLantanoidi { 
cursor:hand;
color:Blue;
background-color  : #ffbfff;
} 
.cAttinoidi { 
cursor:hand;
color:Blue;
background-color  : #ff99cc;
} 
.cBianchi {
cursor:hand;
color:Blue;
background-color  : #ffffff;
}


/* Colori per numeri tavola periodica */
.cnGasNobili { 
cursor:hand;
color:Black;
background-color  : #c0ffff;
} 
.cnAlogeni { 
cursor:hand;
color:Black;
background-color  : #ffff99;
} 
.cnNonMetalli { 
cursor:hand;
color:Black;
background-color  : #a0ffa0;
} 
.cnSemiMetalli { 
cursor:hand;
color:Black;
background-color  : #cccc99;
} 
.cnMetalliP { 
cursor:hand;
color:Black;
background-color  : #cccccc;
} 
.cnMetalliAlcalini { 
cursor:hand;
color:Black;
background-color  : #ff6666;
} 
.cnMetalliAlcalinoTerrosi { 
cursor:hand;
color:Black;
background-color  : #ffdead;
} 
.cnMetalliBloccoD { 
cursor:hand;
color:Black;
background-color  : #ffc0c0;
} 
.cnLantanoidi { 
cursor:hand;
color:Black;
background-color  : #ffbfff;
} 
.cnAttinoidi { 
cursor:hand;
color:Black;
background-color  : #ff99cc;
} 
.cnBianchi {
cursor:hand;
color:Black;
background-color  : #ffffff;
}

.cTestoDescrizione {
font-name: Verdana;
font-size:x-small;
margin-left:5px;
margin-right:5px;
text-align:justify;
}

.cTestoIntestazione {
font-name:Verdana;
font-size:x-small;
font-weight:Bold;
}


.divIsVisible
{
  display:block;	
}

.divNotVisible
{
  display:none;	
}

h1 {
font-family:Verdana,Sans-Serif,MS Sans Serif,Arial;
font-size:14pt;
font-weight:bold;
/* text-decoration:underline; */
text-align:center;
margin-top:18px; 
margin-bottom:8px;
}

h2 {
font-family:Verdana,Sans-Serif,MS Sans Serif,Arial;
font-size:13pt;
font-weight:bold;
text-align:left;
margin-top:6px; 
margin-left:2px;
border-bottom-width:1pt;
border-bottom-style:solid;
border-bottom-color:Gray;
margin-bottom:1px;
/* questi sono da togliere 
border-left-width:1pt;
border-left-style:dotted;
*/
}

.sP {
font-family:Verdana,Sans-Serif,MS Sans Serif,Arial;
font-size:10pt;
font-weight:normal;
text-align:justify;
line-height:20px;
margin-left:1px;
margin-right:1px;
margin-top:2px;
/* questi sono da togliere 
border-left-width:1pt;
border-left-style:dotted;
*/
}

.testoCentrale
{
margin-left:4px; 
margin-right:4px;
text-align : justify;
/*
margin-bottom:4px;
border-width:1pt;
border-style:dotted;
*/
}

.sPGEO {
font-family:Verdana,Sans-Serif,MS Sans Serif,Arial;
font-size:8pt;
font-weight:normal;
text-align:justify;
line-height:20px;
margin-left:1px;
margin-right:1px;
margin-top:2px;
/* questi sono da togliere 
border-left-width:1pt;
border-left-style:dotted;
*/
}


/* for GlossyMenu */
.glossymenu{
margin: 5px 0;
padding: 0;
width: 200px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/popmenuback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/popmenuback.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

.tdMenu {
height: 28px; 
border-width:thin; 
border-color:Black; 
width: 110px;
text-align:center;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
background: black url(images/popmenuback.gif) repeat-x bottom left;
}

.tdMenu a
{
color:white;
}

.tdMenuS {
height: 28px; 
border-width:thin; 
border-color:Black; 
width: 110px;
text-align:center;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
background: black url(images/popmenuback.gif) repeat-x bottom left;
}

.tdMenuS a
{
color:Black;
}

/* end glossyMenu */


/* per links */
.para480x60
{
line-height:10pt;
}

.spanTitolo480x60
{
font-family:Verdana; 
font-size:8pt; 
font-weight:bold;
color:#0005DF;
}

.spanTesto480x60
{
font-family:Verdana; 
font-size:8pt; 
color:#000000;
}

.spanUrl580x60
{
font-family:Verdana; 
font-size:8pt; 
color:green;
}

.csEsercizi
{
font-family:Verdana,Sans-Serif,MS Sans Serif,Arial;
font-size:13pt;
font-weight:bold;
text-align:left;
margin-top:6px; 
margin-left:2px;
border-bottom-width:1pt;
border-bottom-style:solid;
border-bottom-color:Gray;
margin-bottom:1px;
}


/* per link esercizi */
.para480x60ev
{
line-height:10pt;
}

.spanTitolo480x60ev
{
font-family:Verdana; 
font-size:8pt; 
font-weight:bold;
color:Green;
}

.spanTesto480x60ev
{
font-family:Verdana; 
font-size:8pt; 
color:#000000;
}

/* per Href */
.alinkBlue
{
 font-weight : normal; 
 font-size: 12pt; 
 color: blue; 
 font-family: Arial;	
}

/* per Href */
.alinkBlueVerdana
{
 font-weight : normal; 
 font-size: 10pt; 
 color: blue; 
 font-family: Verdana;	
}


/* per pagina risultati */
.alinkBlueResult
{
 font-weight : normal; 
 font-size: 12pt; 
 color: blue; 
 font-family: Arial;	
}

.preColor
{
background-color:#FBEDBB;
color:Black;	
/* font-family:Verdana; */
font-style:italic;
}

.testoHomeResult
{
 font-weight : normal; 
 font-size: 10pt; 
 color: black; 
 font-family: Arial;	
 text-align:left;
 margin-left:5px;
 margin-right:5px;
}
.divNoShow
{
display:none;
}
.divShow
{
display:block;
}