html {
  height: 100%;
}

/*
-----------------------------------------------
GENARAL RULES
-----------------------------------------------
*/



body{
background-color: #FFF;
font-family: "arial", helvetica, sans-serif;
font-size:100%;
margin:0;
padding:0;
background: url(../images/bg_constrain.gif) top center repeat-y;
text-align:center;
color: #333;
}


.b {
font-weight: bold;
color: #000;
}

strong {
color: #000;
}

.green {
color: #207900;
}

.red {
color: red;
}

.grey {
color: #333;
}

.i {
font-style: italic;
}

hr {
display:none;
}

.hidden {
display:none;
}



p {
padding-top:0px;
padding-bottom:20px;
margin:0;
}

p.dida {
padding:0 0 0 3px;
margin:0;
font-size: 75%;
text-align: left;
}

a {
text-decoration:underline;
color: #207900;
}

a:hover {
text-decoration:none;
color: #207900;
}


.push {
height: 200px;
}

a[href^="http:"]
{
background: url(../images/icon_external.gif) no-repeat right top;
padding-right: 1.5em;
}

a[href$=".pdf"]
{
background: url(../images/icon_pdf.gif) no-repeat right center;
padding-right: 1.5em;
}

a[href$=".xls"]
{
background: url(../images/icon_xls.gif) no-repeat right center;
padding-right: 1.5em;
}

a[href$=".doc"]
{
background: url(../images/icon_doc.gif) no-repeat right center;
padding-right: 1.5em;
}

a[href$=".mp3"]
{
background: url(../images/page_sound.gif) no-repeat right center;
padding-right: 1.5em;
}

a[href$=".mov"]
{
background: url(../images/film.png) no-repeat right center;
padding-right: 1.5em;
}

a[href$=".mpg"]
{
background: url(../images/film.png) no-repeat right center;
padding-right: 1.5em;
}
a[href$=".wmv"]
{
background: url(../images/film.png) no-repeat right center;
padding-right: 1.5em;
}

a[href$=".ppt"]
{
background: url(../images/page_white_powerpoint.png) no-repeat right center;
padding-right: 1.5em;
}

a[href^="mailto:"] 
{
background: url(../images/icon_email.gif) no-repeat right center;
padding-right: 1.5em;
}

a.glossario
{
background: url(../images/icon_glossario.gif) no-repeat right top;
padding-right: 1.5em;
cursor:HELP;
}



/*
----------------------------------------------------------------------
MAIN CONTAINER
----------------------------------------------------------------------
*/

 #container{
position:relative; /* needed for footer positioning*/
width : 985px;
margin: 0 auto;
background-color: #FFF;
overflow:hidden;
text-align: left;
	} 
	
	
/*
----------------------------------------------------------------------
HEADER
----------------------------------------------------------------------
*/

#header{
height:154px;
width : 1000px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
background-color: #FFF;
clear:both;
margin-top: 7px;
}

#titleheader {
 width: 1000px; height: 154px;
 background-image: url(../images/header.jpg);
 background-repeat: no-repeat;
 margin:0;
}

#header h1 { text-indent: -100em;}

/*
----------------------------------------------------------------------
FLASH HEADER 
----------------------------------------------------------------------
*/

.flash{
width : 780px;
background-color: #CFCCB0;
height:395px;
clear:both;
display:block;
overflow:hidden;
}

.flashold{
width : 780px;
background: transparent url(../images/flash.jpg) no-repeat;
background-color: #CFCCB0;
height:395px;
clear:both;
display:block;
overflow:hidden;
}


/*
----------------------------------------------------------------------
FLASH HEADER per gas serra
----------------------------------------------------------------------
*/

.flashgas{
width: 650px;
background-color: #fff;
height:180px;
padding: 4px;
border: 1px solid #e5e5e5;
clear:both;
display:block;
overflow:hidden;
}

.flasholdgas{
width: 650px;
background: transparent url(../images/flash.jpg) no-repeat;
background-color: #fff;
height:180px;
clear:both;
display:block;
overflow:hidden;
}

/*
----------------------------------------------------------------------
FLASH SLIDESHOW PER MODULO 0
----------------------------------------------------------------------
*/

.flashslideshow{
width: 900px;
background-color: #fff;
height:500px;
padding: 4px 4px 4px 15px;
clear:both;
display:block;
overflow:hidden;
}

.flasholdslideshow{
width: 900px;
background: transparent url(../images/flash.jpg) no-repeat;
background-color: #fff;
height:500px;
clear:both;
display:block;
overflow:hidden;
}

/*
----------------------------------------------------------------------
FLASH PER CICLO CARBONIO
----------------------------------------------------------------------
*/

.flashcarbonio {
border: 1px solid #cccccc;
padding: 7px 3px 2px 3px;
margin: 0 0 20px 0;
text-align: center;
}


/*
----------------------------------------------------------------------
MENU ORIZZONTALE
----------------------------------------------------------------------
*/

#menuorizzontale{
width : 985px;
height:30px;
background-image: url(../images/menu.jpg);
background-repeat: repeat-x;
background-color: #FFF;
overflow:hidden;
margin:1px 0 1px 0;
color:#FFF;
font-weight:bold;

}

#menuorizzontale ul {
list-style-image:none;
list-style-type:none;
margin : 0; 
padding : 0;
}

#menuorizzontale li {
float: left; 
margin-left:22px; 
height:30px;
font-size: 12px;
display:inline;
}

#menuorizzontale li a {
color:#FFF;
height:30px;
display:block;
_display:inline;
padding-top:8px;
text-decoration: none;
}

#menuorizzontale li a:hover{
background: url(../images/mainmenucurrent.gif) no-repeat 50% 0%;
}

.current {
background: url(../images/mainmenucurrent.gif) no-repeat 50% 0%;
padding-top:8px;
}

#tutor{
color : #FFC300 !important;
margin-left:120px;
width:30px;
}

a#tutor:hover{
background: url(../images/mainmenucurrenttutor.gif) no-repeat 50% 0% !important;
}

.qua{
background: url(../images/mainmenucurrenttutor.gif) no-repeat 50% 0% !important;
}

/*
----------------------------------------------------------------------
BOX CONTENITORE con sfondo verde
----------------------------------------------------------------------
*/

#contentbox{
width : 985px;
background-image: url(../images/content.jpg);
background-repeat: repeat-x;
background-color: #FFF;
clear:both;
padding: 20px 5px 20px 10px;
overflow:hidden;
line-height: 1.5;
}


/*
----------------------------------------------------------------------
HOME
----------------------------------------------------------------------
*/


#home h1{
font-size: 150%;
font-family: "arial narrow", arial, helvetica, sans-serif;
}

#home p.box{
padding: 0 40px 0 130px;
font-size: 90%;
}


#boxhometop{
width:950px;
height:160px;
background-image: url(../images/hometopboxbg.gif);
background-repeat: no-repeat;
margin: 5px 0 5px 3px;
padding: 0;
}

#boxhometop h1{
margin: 0 0 0 130px;
padding-top: 15px;
color: #BE2F00;
 letter-spacing: -1px;
}

#boxhometop a{
display:block;
width:22px;
height:22px;
background-image: url(../images/giallo_a.gif);
background-repeat: no-repeat;
float:right;
margin:10px 25px 0 0;
}

#boxhometop a:hover{
background-image: url(../images/giallo_b.gif);
background-repeat: no-repeat;
}

#boxhomeleft{
width:445px;
height:150px;
background-image: url(../images/homeleftboxbg.gif);
background-repeat: no-repeat;
margin: 5px 54px 2px 3px;
_margin: 10px 52px 20px 3px;
padding: 0;
float:left;
}

#boxhomeleft h1{
margin: 0 0 0 130px;
padding-top: 15px;
color: #4179A3;
 letter-spacing: -1px;
}

#boxhomeleft a{
display:block;
width:22px;
height:22px;
background-image: url(../images/blu_a.gif);
background-repeat: no-repeat;
float:right;
margin:10px 25px 0 0;
}

#boxhomeleft a:hover{
background-image: url(../images/blu_b.gif);
background-repeat: no-repeat;
}

#boxhomeright{
width:445px;
height:150px;
background-image: url(../images/homerightboxbg.gif);
background-repeat: no-repeat;
margin: 5px 0 2px 3px;
padding: 0;
_margin-right:-3px;
display: block;
float:left;
}

#boxhomeright h1{
margin: 0 0 0 130px;
 letter-spacing: -1px;
padding-top: 15px;
color: #558F3A;

}

#boxhomeright a{
display:block;
width:22px;
height:22px;
background-image: url(../images/verde_a.gif);
background-repeat: no-repeat;
float:right;
margin:10px 25px 0 0;
}

#boxhomeright a:hover{
background-image: url(../images/verde_b.gif);
background-repeat: no-repeat;
}

.beforelist{
margin: 0;
padding: 0;
}

.nomargin{
padding: 0;
}

p.blurb {
margin: 0 14px 20px 10px;
padding: 0 25px 0 0;
font-size: 150%;
color: #fff;
letter-spacing: -1px;
line-height: 0.9em;
text-align: justify;

}
/* shadow */
/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 2.1em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
 
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}



/*
----------------------------------------------------------------------
STRUTTURA e TYPOGRAPHY PAGINE SINGOLE
----------------------------------------------------------------------
*/

#boxesercizi,
#boxdownload,
#boxglossario,
#boxstrumenti,
#boxlink,
#boxbibliografia,
#boxscoperto,
#boxdownload,
#boxtutor,
#boxcredits{
width:950px;
margin: 5px 0 5px 3px;
padding: 0 0 0 235px;
}

#boxesercizi {
background: url(../images/bg_thumb_esercizi.gif) no-repeat;
}
#boxdownload {
background: url(../images/bg_thumb_download.gif) no-repeat;
}
#boxglossario {
background: url(../images/bg_thumb_glossario.gif) no-repeat;
}
#boxstrumenti {
background: url(../images/bg_thumb_strumenti.gif) no-repeat;
}
#boxlink {
background: url(../images/bg_thumb_link.gif) no-repeat;
}
#boxbibliografia {
background: url(../images/bg_thumb_bibliografia.gif) no-repeat;
}
#boxscoperto {
background: url(../images/bg_thumb_scoperto.gif) no-repeat;
}
#boxdownload {
background: url(../images/bg_thumb_download.gif) no-repeat;
}
#boxtutor {
background: url(../images/bg_thumb_tutor.gif) no-repeat;
}
#boxcredits {
background: url(../images/bg_thumb_credits.gif) no-repeat;
}


#boxstrumenti ul,
#boxesercizi ul,
#boxlink ul,
#boxbibliografia ul,
#boxdownload ul,
#boxprova ul,
#contentdocenti ul
{
	width: 75%;
	margin: 0 0 2em 10px;
	padding: 0;
	list-style-type: none;
	font-size:90%;
}
#boxstrumenti ul li,
#boxesercizi ul li,
#boxlink ul li,
#boxbibliografia ul li,
#boxdownload ul li,
#boxprova ul li,
#contentdocenti ul li
{
	background: url(../images/arrow_green_square.gif) no-repeat 0 .4em;
	padding-left: 20px;
}

#scoperto #boxscoperto	ul li
{
	width:70%;
	font-size:90%;
}

#scoperto #boxscoperto	ul li ul li
{
	width:70%;
	font-size:100%;
}

#scoperto #boxscoperto	ul li a
{
	color: #2a6493;
}

h1.esercizi, 
h1.download,
h1.glossario,
h1.strumenti,
h1.link,
h1.credits,
h1.bibliografia {
font-size: 200%;
font-family: "arial narrow", arial, helvetica, sans-serif;
color: #247e00;
margin-top: 5px;
padding-top: 15px;
font-weight:normal;
}
h1.scoperto {
font-size: 200%;
font-family: "arial narrow", arial, helvetica, sans-serif;
color: #2a6493;
margin-top: 5px;
padding-top: 15px;
font-weight:normal;
}
h1.tutor {
font-size: 200%;
font-family: "arial narrow", arial, helvetica, sans-serif;
color: #bd0606;
margin-top: 5px;
padding-top: 15px;
font-weight:normal;
}

h2.esercizi, 
h2.download,
h2.glossario,
h2.strumenti,
h2.link,
h2.bibliografia  {
 width:70%;
 font-family: "arial narrow", arial, sans-serif;
 font-size: 150%;
 letter-spacing: -1px;
 font-weight: normal;
 padding: 10px 0 10px 10px;
 line-height: 1em;
 border-top: 5px solid #add597;
 margin: 0 0 10px 0;
}
h2.scoperto  {
 width:70%;
 font-family: "arial narrow", arial, sans-serif;
 font-size: 140%;
 letter-spacing: -1px;
 font-weight: normal;
 padding: 15px 0 8px 0px;
 line-height: .4em;
 color:#2a6493;
 margin: 0 0 5px 0;
}


h3.esercizi, 
h3.download,
h3.glossario,
h3.strumenti,
h3.link,
h3.bibliografia  {
 font-family: "arial narrow", arial, sans-serif;
 font-size: 130%;
 letter-spacing: -1px;
 font-weight: normal;
 padding: 10px 0 5px 0;
 line-height: 1.2em;
 margin: 0;
}

h3.scoperto {
 width:70%;
 font-family: "arial narrow", arial, sans-serif;
 font-size: 130%;
 letter-spacing: -1px;
 font-weight: normal;
 padding: 10px 0 0 10px;
 line-height: 1em;
 border-top: 5px solid #478FBF;
 margin: 0 0 10px 0;
}

p.singlepages { 
width: 70%;
font-size:90%;
}





/*
----------------------------------------------------------------------
STRUTTURA INTERNA PER MODULI - dall'1 al 6 - a due colonne 
----------------------------------------------------------------------
*/
#wrapperinterno { 
 margin: 0 auto;
 padding: 0;
 width: 970px;
 overflow: visible;
}
#menutabcontainer {
 color: #333;
 width: 90%;
 float: left;
 padding: 0;
 margin: 0;

}
#titlemodulo {
 float: left;
 width: 930px;
 color: #333;
 padding: 10px;
 margin: 0;
background: #fff;
}

#titlemodulozero {
 float: left;
 width: 930px;
 color: #333;
 padding: 5px;
 margin: 0;
background: #fff;
}

#titlemodulo h1 {
 color: #333;
 font-family: "arial narrow", arial, sans-serif;
 font-size: 220%;
 font-weight: normal;
 padding: 0 0 3px 0;
 margin: 0;
 letter-spacing: -1px;
 border-bottom: 1px solid #e5e5e5;
}


#leftcolumnmodulo { 
 color: #333;
 background: #fff;
 margin: 0;
 padding: 3px 0 0 0;
 width: 260px;
 float: left;
}

#rightcolumnmodulo { 
 float: right;
 color: #333;
 background: #fff;
 margin: 0;
 padding: 0;
 width: 670px;
 display: inline;
 position: relative;
 float: left;
 }
 
 #rightcolumnmodulozero { 
 float: left;
 background: #fff;
 margin: 0;
 padding: 5px;
 width: 930px;
 position: relative;
 float: left;
 }
 
 #rightcolumnmodulo h2 {
 font-family: "arial narrow", arial, sans-serif;
 font-size: 220%;
 letter-spacing: -1px;
 font-weight: normal;
 padding: 10px 0 20px 0;
 line-height: 1.2em;
 margin: 0;
}

 #rightcolumnmodulo h3 {
 font-family: "arial narrow", arial, sans-serif;
 font-size: 150%;
 letter-spacing: -0.7px;
 font-weight: normal;
 padding: 10px 0 3px 0;
 line-height: 1.2;
 margin: 0;
}

 #rightcolumnmodulo p.normal {
 padding: 0 0 20px 0;
 font-size: 90%;
 line-height: 1.7;
 margin: 0;
}


/*
----------------------------------------------------------------------
MENUTAB per MODULI
----------------------------------------------------------------------
*/

#menutabcontainer ul#menutab {
  margin:0;
  padding:0;
  list-style:none;
  }
  
#menutabcontainer li {
  float:left;
  background: url(../images/tabverde_sx.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  font-size:80%;
  font-weight: bold;
  }
  
#menutabcontainer a {
  float:left;
  display:block;
  background: url(../images/tabverde_dx.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  color:#fff;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menutabcontainer  a {float:none;}
/* End IE5-Mac hack */
#menutabcontainer  a:hover {
  color:#C3E1B4;
  }
#menutabcontainer  #active {
  background-image: url(../images/tabbianco_sx.gif);
  }
#menutabcontainer  #active a {
  background-image: url(../images/tabbianco_dx.gif);
  color:#207400;
  padding-bottom:4px;
  }


/*
----------------------------------------------------------------------
MENUVERTICALE per MODULI - primo livello
----------------------------------------------------------------------
*/


#leftcolumnmodulo ul#menuverticale {
  margin:10px 0 0 0;
  padding:2px 0 0 10px;
  list-style:none;
  width: 210px;
  }
  
#leftcolumnmodulo ul#menuverticale li {
  margin:0 0 10px 0;
  padding:0;
  font-size:90%;
  font-weight: bold;
 text-transform: uppercase;
  }

#leftcolumnmodulo ul#menuverticale li a {
text-decoration:none;
padding: 3px 15px 5px 10px;
  }

#leftcolumnmodulo ul#menuverticale li a.one {
  background: url(../images/one_menuvert.gif) no-repeat left top;
  padding: 5px 79px 7px 27px;
  }
  
#leftcolumnmodulo ul#menuverticale li a.one:hover, 
#leftcolumnmodulo ul#menuverticale li a.selectedone {
  background: url(../images/one_menuvert_hover.gif) no-repeat left top;
  color: #fff;
  }
  

#leftcolumnmodulo ul#menuverticale li a.two {
  background: url(../images/two_menuvert.gif) no-repeat left top;
  padding: 5px 53px 7px 27px;
  }
  
#leftcolumnmodulo ul#menuverticale li a.two:hover, 
#leftcolumnmodulo ul#menuverticale li a.selectedtwo {
  background: url(../images/two_menuvert_hover.gif) no-repeat left top;
  color: #fff;
  }

#leftcolumnmodulo ul#menuverticale li a.three {
  background: url(../images/three_menuvert.gif) no-repeat left top;
  padding: 5px 30px 7px 27px;
  }
  
#leftcolumnmodulo ul#menuverticale li a.three:hover, 
#leftcolumnmodulo ul#menuverticale li a.selectedthree {
  background: url(../images/three_menuvert_hover.gif) no-repeat left top;
  color: #fff;
  }
 
#leftcolumnmodulo ul#menuverticale li a.four {
  background: url(../images/four_menuvert.gif) no-repeat left top;
  padding: 5px 20px 7px 27px;
  }
  
#leftcolumnmodulo ul#menuverticale li a.four:hover, 
#leftcolumnmodulo ul#menuverticale li a.selectedfour {
  background: url(../images/four_menuvert_hover.gif) no-repeat left top;
  color: #fff;
  }


/*
----------------------------------------------------------------------
MENUVERTICALE per MODULI - secondo livello
----------------------------------------------------------------------
*/

/*
#leftcolumnmodulo ul#submenuverticale {
  margin:8px 0 5px 0;
  padding:5px 0 0 7px;
  list-style:none;
    }
  
#leftcolumnmodulo ul#submenuverticale li {
  margin:0 0 5px 0;
  padding:0;
  font-size:90%;
  font-weight: bold;
 text-transform: none;
 list-style-position:inside;
  }

#leftcolumnmodulo ul#submenuverticale li a {
	background: url(../images/arrow_grey.gif) no-repeat left center;
	text-decoration:none;
	padding: 3px 0 3px 15px;
	color: #747474;
  }
  
#leftcolumnmodulo ul#submenuverticale li a:hover {
	background: url(../images/arrow_green.gif) no-repeat left center;
	color: #1a5d00;
  }

#leftcolumnmodulo ul#submenuverticale li a.here {
	background: url(../images/arrow_green2.gif) no-repeat left center;
color: #1a5d00;
  }
*/

#leftcolumnmodulo ul#submenuverticale
{
	width: 88%;
	margin:8px 0 8px 0;
  	padding:5px 0 5px 7px;
  	list-style:none;
  	line-height: 1em;
}

#leftcolumnmodulo ul#submenuverticale li {
  margin:0 0 5px 0;
  padding:0;
  font-size:90%;
  font-weight: bold;
 text-transform: none;
  }

ul#submenuverticale a {
	color: #247e00;
	font-weight:normal;
	text-decoration:none; 
	display:block; 
	padding: 3px 0 3px 15px;
	background: url(../images/arrow_grey.gif) no-repeat 0px 9px; 
	width:100%;
	}

ul#submenuverticale a:hover, ul#submenuverticale a.here {
	font-weight:normal;
	background: url(../images/arrow_green2.gif) no-repeat 0px 9px; 
	color: #333;
	text-decoration:underline; 
	}
	
ul#submenuverticale a.here {
	text-decoration:none;
	font-weight: bold;
	}


/*
----------------------------------------------------------------------
BOX APPROFONDIMENTI
----------------------------------------------------------------------
*/

#approfondimenti {
	width: 75%; 
	margin: 20px 0 0 13px ; 
	padding: 0; 
	}

#approfondimenti #approfmenu dl {
	width: 90%; 
	margin: 30px 0 20px 10px; 
	padding: 0 0 10px 0; 
	}

#approfondimenti #approfmenu dt {
	margin:0; 
	padding: 2px 0px 2px 0; 
	font-size: 90%;
	font-weight:bold; 
	color: #0bb9e5; 
	border-bottom:1px dotted #0bb9e5; 
	text-transform: uppercase;
	}
	
#approfondimenti #approfmenu dd {
	margin:0; 
	padding:0; 
	color: #0bb9e5; 
	font-size: 80%;
	}
	
#approfmenu a {
	color: #0bb9e5;
	font-weight:normal;
	text-decoration:none; 
	display:block; 
	padding:4px 2px 2px 20px;
	background: url(../images/arrow_blue.gif) no-repeat 0px 9px; 
	width:100%;
	}

#approfmenu a:hover, #approfmenu a.qui {
	font-weight:normal;
	background: url(../images/arrow_blue.gif) no-repeat 0px 9px; 
	color:#595959;
	}




/*
----------------------------------------------------------------------
div per img, tabelle e grafici con bordo grigio
----------------------------------------------------------------------
*/
.boxgraphic {
border: 1px solid #cccccc;
padding: 7px 3px 2px 3px;
margin: 15px 0 25px 0;
text-align: center;
  }


/*
----------------------------------------------------------------------
DEFINITION LISTS
----------------------------------------------------------------------
*/
/* lista di base */
dl.margins-removed {
margin: 0;
padding: 0;
}

.margins-removed dt {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 100%;
color: #000;
}

.margins-removed dd {
margin: 0 0 1em 0;
padding: 0;
font-size: 90%;
}

/* lista usata nella pagina spostiamoci modulo 6 */
dl.margins-removed-spostiamoci {
margin: 1em 0;
padding-left: 20px;
}

.margins-removed-spostiamoci dt {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 100%;
color: #000;
}

.margins-removed-spostiamoci dd {
margin: 0 0 1em 0;
padding: 0;
font-size: 100%;
}


/* lista usata nelle pagine dei gas serra */
dl.table-display {
width: 98%;
margin: 2em 0;
padding: 0;
font-size: 90%;
}

.table-display dt
{
width: 40%;
float: left;
margin: 0 0 0 0;
padding: .5em;
font-weight: bold;
color: #227901;
border-top: 1px solid #a3d18c;
}


/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd {
float: left;
width: 55%;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #a3d18c;
/*border-left: 1px solid #a3d18c;*/
}


/* lista usata nella pagina docenti percorso */
#percorso dl.table-display {
margin: 1em 0 1em 0;
overflow: hidden;
}

#percorso .table-display dt
{
width: 25%;
}

#percorso .table-display dd {
width: 70%;
}

/* lista usata nella pagina docenti contatti scuole partecipanti */
#contatti dl.table-display {
margin: 0.3em 0;
}

#contatti .table-display dt
{
border-top: 1px solid #fff;
font-size: 110%;
color: #333;
width: 40%;
}

#contatti .table-display dd {
width: 55%;
font-size: 110%;
border-top: 1px solid #fff;
}

/* lista usata nella carbon footprint modulo 1, con immagini a sx */
dl.imagesdl {
margin: 0;
padding: 0;
}

.imagesdl dt {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 100%;
color: #000;
}


.imagesdl dd {
margin: 0 0 1.7em 0;
padding: 0 0 3em 215px;
font-size: 90%;
background: no-repeat left top;
}

.imagesdl dd.treno  {
background-image: url(../modulo1/images/footprint_treno.jpg);
}
.imagesdl dd.motorino  {
background-image: url(../modulo1/images/footprint_motorino.jpg);
}
.imagesdl dd.aereo  {
background-image: url(../modulo1/images/footprint_aereo.jpg);
}
.imagesdl dd.computer  {
background-image: url(../modulo1/images/footprint_computer.jpg);
}
.imagesdl dd.sacchetti  {
background-image: url(../modulo1/images/footprint_sacchetti.jpg);
}
.imagesdl dd.bottiglie  {
background-image: url(../modulo1/images/footprint_bottiglie.jpg);
}
.imagesdl dd.cheesburger  {
background-image: url(../modulo1/images/footprint_cheesburger.jpg);
}




/* lista per pagine singole:  usata in glossario + abbiamo scoperto che */
dl.margins-removed-singlepage {
	width: 70%;
margin: 0;
padding: 0;
}

.margins-removed-singlepage dt {
margin: 0;
padding: 0;
font-family: "arial narrow", arial, sans-serif;
 font-size: 140%;
 letter-spacing: -0.7px;
 font-weight: normal;
 line-height: 1.7em;

}



.margins-removed-singlepage dd {
margin: 0 0 1em 2em;
padding: 0;
font-size: 90%;
}


#glossario  .margins-removed-singlepage dd a{
 background: none;
 text-decoration: underline;
 display: inline;
 padding:0;
}
 
#glossario .margins-removed-singlepage dd a:hover{
 text-decoration: none;
}

.margins-removed-singlepage a {
	font-weight:normal;
	text-decoration:none; 
	display:block; 
	padding:3px 2px 2px 20px;
	background: url(../images/arrow_blue.gif) no-repeat 0px 9px; 
	width:100%;
	}

.margins-removed-singlepage a:hover {
	font-weight:normal;
	background: url(../images/arrow_blue.gif) no-repeat 0px 9px;
	color:#595959;
	}
	
.margins-removed-singlepage ul.listsinglepage {
  margin:0 0 20px 0px;
  padding:0;
  list-style:none;
  }

/* lista per pagine singole:  usata in credits */
dl.creditsdl {
width: 70%;
margin: 0;
padding: 0;
}

.creditsdl dt {
margin: 20px 0 0 0;
padding: 0;
font-family: "arial narrow", arial, sans-serif;
 font-size: 140%;
 letter-spacing: -0.7px;
 font-weight: normal;
 line-height: 1.2;

}

.creditsdl dd {
margin: 0;
padding: 0;
font-size: 90%;
}
.creditslast{
margin-top: 20px;
font-size: 90%;
}


/* lista sezione docent */
dl.docentidl {
margin: 0;
padding: 0 0 0 40px;
width: 89%;
}

.docentidl dt {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 150%;
color: #333;
}

.docentidl dd {
margin: 0 0 1em 0;
padding: 0;
font-size: 100%;
}

dd.last {
margin-bottom: 30px; 
}

.dtdocenti {
font-size: 150%;
}


/* lista di base */
dl.margins-removed-docenti {
margin: 0;
padding: 0;
}

.margins-removed-docenti dt {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 150%;
color: #333;
}

.margins-removed-docenti dd {
margin: 0 0 1em 0;
padding: 0;
font-size: 90%;
}

/*
----------------------------------------------------------------------
LISTE VARIE
----------------------------------------------------------------------
*/

/* lista unordered basic */

ul.listnormal {
  margin:0 0 20px 20px;
  padding:0;
  list-style:disc;
  list-style-position: inside;
  }
  
ul.listnormal li {
  margin:0;
  padding:0;
  font-size:90%;
  font-weight: normal;
  }
  
/* lista ordered basic */
ol.listnormal {
  margin:0 0 20px 20px;
  padding:0;
  list-style:decimal;
  list-style-position: inside;
  }
  
ol.listnormal li {
  margin:0;
  padding:0;
  font-size:90%;
  font-weight: normal;
  }
 
 /* lista lettere basic */  
  
ul.listletter {
  margin:0 0 20px 20px;
  padding:0;
  list-style:lower-latin;
  list-style-position: inside;
  }
  
ul.listletter li {
  margin:0;
  padding:0;
  font-size:90%;
  font-weight: normal;
  }

/* lista con icona freccetta verde usata in pagina mettiti alla prova per ogni modulo */  
#prova ul.downloadexcel
{
	width: 75%;
	margin: 0 0 2em 20px;
	padding: 0;
	list-style-type: none;
	font-size:90%;
}
#prova ul.downloadexcel li
{
	background: url(../images/arrow_green_square.gif) no-repeat 0 .4em;
	padding-left: 20px;
}

/*
----------------------------------------------------------------------
LISTE usate per docenti
----------------------------------------------------------------------
*/

/* lista unordered basic */

#contentdocenti ul.listnormal {
  margin:0 0 20px 20px;
  padding-left:20px;
  list-style:disc;
  list-style-position: outside;
  font-size:110%;
  }
  
#contentdocenti ul.listnormal li {
  margin:0;
  padding:0;
  font-weight: normal;
  background-image: none;
  }
  
/* lista ordered basic */
#contentdocenti ol.listnormal {
  margin:0 0 20px 25px;
  padding:0;
  list-style:decimal;
  list-style-position: outside;
  background-image: none;
  font-size:110%;
  }
  
#contentdocenti ol.listnormal li {
  margin:0;
  padding:0;
  font-weight: normal;
  background-image: none;
  }

 

/*
----------------------------------------------------------------------
div per boxes con thumbnails/icone (es: modulo 1 / index - strumenti utili)
----------------------------------------------------------------------
*/
  
.boxes{
display:block;
overflow: hidden;
margin:0 0 0 -30px;
padding:0 0 20px 0;
}

.boxes ul li{
overflow: hidden;
margin:0;
padding:0;
}

.boxes ul li{
width: 200px;
height: 150px;
display: block;
float:left;
margin: 0 10px 10px 0;
}

.boxes li a img{
border-style:none;
}

/*
----------------------------------------------------------------------
STRUTTURA sezione PER I DOCENTI 
----------------------------------------------------------------------
*/

#containerdocenti {
width:950px;
min-height: 200px;
margin: 5px 0 5px 3px;
padding: 0;
background: url(../images/bg_thumb_docenti.gif) no-repeat;
	}
	
#contentdocenti {
	float:right;
	font-size: 90%;
	width:713px}
	
#navigationdocenti {
	float:left;
	margin: 170px 0 0 20px;
	width:200px; 
	}
	
h1.docenti {
font-size: 220%;
font-family: "arial narrow", arial, helvetica, sans-serif;
color: #247e00;
margin-top: 5px;
padding-top: 10px;
font-weight:normal;
}

h2.docenti  {
 font-family: "arial narrow", arial, sans-serif;
 font-size: 190%;
 letter-spacing: -1px;
 font-weight: normal;
 padding: 10px 0 5px 0;
 line-height: 1.2em;
 margin: 0;
 width: 95%;
}

.border  {
 border-top: 5px solid #add597;
 }

#contentdocenti p.docenti { 
width: 95%;
}

 ul.navigationdocenti
{
	width: 100%;
	margin: 0 0 2em 0px;
	padding: 0;
	list-style-type: none;
	font-size:90%;
}


.navigationdocenti a {
	color: #247e00;
	font-weight:normal;
	text-decoration:none; 
	display:block; 
	padding:4px 2px 2px 20px;
	background: url(../images/arrow_green_square.gif) no-repeat 0px 9px; 
	}

.navigationdocenti a:hover, .navigationdocenti a.qui {
	font-weight:normal;
	background: url(../images/arrow_green_square.gif) no-repeat 0px 9px; 
	color:#333;
	text-decoration:underline; 
	}
	
.navigationdocenti a.qui {
	text-decoration:none; 
	}



/*
----------------------------------------------------------------------
form esercizi 
----------------------------------------------------------------------
*/

#simplyForm fieldset
{
	display: block;
	width: 95%;
	margin: 0 0 3em 0;
	padding: 1em 1em 1em 1em;
	border: 1px solid #a3d18c;
}

#simplyForm fieldset legend
{
	font-weight: bold;
	color: #227901;

} 

#simplyForm fieldset.submit
{
	border: none;
	background-color: transparent;
	text-align: center;
}

#simplyForm fieldset.radio
{
	width: 90%;
	margin: 1em 0 2em 0;
}

#simplyForm fieldset.radio label
{
	font-weight: normal;
}

#simplyForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#simplyForm input
{
	display: block;
	width: 15em;
	margin-right: 20px;
	margin-bottom: 5px;
}

#simplyForm label
{
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

#simplyForm select
{
	display: block;
}

/*
----------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------
*/

#footer{
width: 985px;
clear:both;
overflow:hidden;
background-image: url(../images/footerbg.jpg);
background-repeat: repeat-x;
background-position: left bottom;
background-color: transparent;
border-bottom:7px solid #FFF;
font-size:75%;
	}

#footertop{
width: 945px;
height:60px;
border-top:1px solid #DEEBDE;
border-bottom:1px solid #DEEBDE;
margin: 10px 20px 0 20px;
}

#footertopleft{
width: 350px;
float: left;
/*oveflow:hidden;*/
padding: 5px 0 5px 0;
}

#footer a{
background: none;
padding-right:0;
}

#footertop p{
float:left;
padding: 20px 5px 10px 15px !important;
}

#footertop ul{
list-style-type:none;
margin: 0 0 0 0;
padding:0;
float: left;
}

#footertop li{
margin: 0 0 0 10px;
float:left;
}

#footertopleft a img{
text-decoration: none;
border-style: none;
margin-right:5px;
}

#footertopright a img{
text-decoration: none;
border-style: none;
margin-top:10px;
}

#footertopleft a:hover{
text-decoration: none;
}

#footertopright{
display:block;
/* oveflow:hidden;*/
padding: 5px 15px 5px 0;
float: right;
}

#footerbottom{
width: 985px;
height:50px;
/* *height:60px; */
display:block;
padding: 10px 0 5px 0;
margin: 0 0 0 25px;
font-size:90%;
}

#footerbottom ul{
list-style-type:none;
margin: 0 0 0 0;
padding:0;
float: left;
display:block;
clear:both;
}

#footerbottom li{
margin: 0 0 0 10px;
float:left;
}

#footerbottom a{
color: #333;
text-decoration: underline;
}

#footerbottom a:hover{
color: #333;
text-decoration: none;
}

#footerbottom p{
padding: 10px 0 0 10px !important;
*padding: 0 0 0 10px !important;
display:block;
clear:both;
}

#footer .copyright {
font-size: 100%;
text-align: left;
}