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

body{
background-color: #FFF;
font-family: Georgia, "Times New Roman", serif;
font-size:100%;
margin:0;
padding:0;
text-align:center;
color: #000;
}


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

strong {
color: #000;
}

.green {
color: #207900;
}


.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: 95%;
text-align: left;
}

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



.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 : 100%;
margin: 0 auto;
background-color: #FFF;
text-align: left;
	} 
	
	
/*
----------------------------------------------------------------------
HEADER
----------------------------------------------------------------------
*/

#header{
display:none;
}


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

#menuorizzontale{
display:none;
}

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


#home h1{
font-size: 150%;

}

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


#boxhometop{
width:950px;
height:141px;
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;
}

#boxhomeleft{
width:445px;
height:150px;
background-image: url(../images/homeleftboxbg.gif);
background-repeat: no-repeat;
margin: 5px 54px 2px 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;
}

#boxhomeright{
width : 100%;
height:150px;
background-image: url(../images/homerightboxbg.gif);
background-repeat: no-repeat;
margin: 5px 0 2px 3px;
padding: 0;
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;
}

.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;
}


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

#contentbox{
width : 100%;
background-color: #FFF;
clear:both;
padding: 20px 5px 20px 10px;
line-height: 1.5;
}


/*
----------------------------------------------------------------------
STRUTTURA INTERNA PER MODULO 
----------------------------------------------------------------------
*/
#wrapperinterno { 
 margin: 0 auto;
 padding: 0;
 width : 100%;
}

#menutabcontainer {
 display:none;
}

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

#titlemodulo h1 {
 color: #000;
 font-size: 220%;
 font-weight: normal;
 padding: 0 0 3px 0;
 margin: 0;
 letter-spacing: -1px;
 border-bottom: 1px solid #e5e5e5;
}

#leftcolumnmodulo { 
 display:none;
}

#rightcolumnmodulo { 
 color: #000;
 background: #fff;
 margin: 0;
 padding: 0;
 width : 99%;
 display: inline;
 position: relative;
 float: left;
 }
 
 @media print and (-webkit-min-device-pixel-ratio:0) {
    #rightcolumnmodulo {width : 125%; }
}
 
 #rightcolumnmodulo h2 {
 font-size: 220%;
 letter-spacing: -1px;
 font-weight: normal;
 padding: 0 0 10px 0;
 margin: 0;
}

 #rightcolumnmodulo h3 {
 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: 120%;
 line-height: 1.7;
 margin: 0;
}


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

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


#boxstrumenti ul,
#boxesercizi ul,
#boxlink ul,
#boxbibliografia ul,
#boxdownload ul,
#boxprova ul,
#contentdocenti ul
{
	width: 99%;
	margin: 0 0 2em 10px;
	padding: 0;
	list-style-type: none;
	font-size:110%;
}
#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;
}



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:99%;
 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: 10px 0 3px 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;
}

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

.flashcarbonio{ 
display:none;
}


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

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

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

.margins-removed 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: 110%;
}

.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: 110%;
color: #000;
}


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

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


/* 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: 110%;
}


#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: 110%;
}

/* 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: 120%;
}


/* 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: 110%;
}

/*
----------------------------------------------------------------------
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:110%;
  font-weight: normal;
  }


/* lista ordered basic */ 

ol.listnormal{
  margin:0 0 20px 20px;
  padding:0;
  list-style-position: inside;
  }

ol.listnormal li {
  margin:0;
  padding:0;
  font-size:110%;
  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:110%;
  font-weight: normal;
  }

/*
----------------------------------------------------------------------
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 20px;
  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;
  }  
  

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

#containerdocenti {
width:99%;
min-height: 200px;
margin: 5px 0 5px 3px;
padding: 0;
background: url(../images/bg_thumb_docenti.gif) no-repeat;
	}
	
#contentdocenti {
	float:right;
	font-size: 100%;
	width:99%}
	
#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
{
	display:none;
}



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

.flashgas{
display:none;
}

.flasholdgas{
display:none;
}

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

.flashslideshow{
display:none;
}

.flasholdslideshow{
display:none;
}

/*
----------------------------------------------------------------------
div per boxes con immagini (es: modulo 1 / index - strumenti utili)
----------------------------------------------------------------------
*/
  
.boxes{
display:block;
padding:0;
float:none;
clear:both;
overflow:hidden;
width:100%;
}

.boxes ul{
width:600pt;
clear:both;
display:block;
margin-left:100px;
}

.boxes ul li{
margin:0 50px 0 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;
}


/*
----------------------------------------------------------------------
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: 25px;
}

#simplyForm label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

#simplyForm select
{
	display: block;
}



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

#footer{
display:none;
	}