html,body{margin: 0;padding:0;}

body{font-family: arial,sans-serif;
	background-color:#f5f8fe;
				font-size: 92%;
	}

	/* for all browsers that understand min-width */
.width {width:100%; min-width:850px;}

/* the bodge for IE6 browsers */
* html .minwidth {border-left:890px solid #f5f8fe; position:relative; float:left; z-index:1;}
* html #container {margin-left:-890px; position:relative; float:left; z-index:2;}

p
{
   font-size: 1.0em;
   font-family: Comic-sans,Helvetica,sans-serif;
   }
a{
	color:blue;
   /*font-size: 1.2em;*/
   font-family: Comic-sans,Helvetica,sans-serif;
  }
h1,h2{color:blue;margin:1em;}
h3,h4{color:blue;margin:0.5em;}
h5{margin:0.5em;}
h6,h7{margin:0.3em;}
h1{font-size:2em;}
h2{font-size:1.9em;}
h3{font-size:1.6em;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
h6{font-size:1.1em;}
h7{font-size:1.1em;font-weight:bold;}
p{margin:0.3em;}

div#container{
	background-color:#f5f8fe;
	}

div#header{
	height:150px;
	width:100%;
	background: url(../images/header_u.png) no-repeat left center;
	}


div#navigation{
		margin:auto 0;
		text-align:center;
		}

#menu_top{
	list-style-type:none;
	margin:0;
	margin-top:25px;
	padding:0;
	}

#menu_top li{
	display:inline;
	margin:0 15px;
		}

#menu_top li a{font-size:22px;
	}
	/* +++++++++++++++++++++++++ verificare altezza nk ++++++++++++++++++ */
#menu_top a{padding:5px 0 4px 20px;
    text-decoration:none;font-weight:bold;color:blue;border:none;border-top:3px solid #f5f8fe; }

ul#menu_top a:hover{border-top: 3px solid #83D5FF;color:#333;}

li#genitori a{background: url(../images/genitori.png) no-repeat center left;}
li#alunni a{background: url(../images/alunni.png) no-repeat center left;}
li#personale a{background: url(../images/personale.png) no-repeat center left;}

a#activelink {border-bottom: 3px solid #83D5FF;}





div#navigation_left{
	float: left;
	width:200px;
	margin-left:10px;
	font-size:15px;}


div#extra{float: right;
	width:200px;
	margin-right:10px;
	font-size:12px;
	}



div#content{text-align:center;
				margin-right: 230px;
				margin-top:25px;
				margin-left:230px;
				padding:20px 20px;
    			height: auto !important;  /* per i browser moderni */
    			height: 500px;      /* per IE5.x e IE6 */
    			min-height: 500px;  /* per i browser moderni */

	}

#content p{text-align:left;}
#content li{text-align:left;}

.moduli {text-align:left;}
.moduli dl{width:90%;}
.moduli dl a{text-decoration:none;}
.moduli dt{line-height: 28px;color: #F60;
    padding-left:35px;background: url(../images/moduli.png) no-repeat center left;font-size:1.2em;}
.moduli dd{margin:0 0 15px;border:1px solid #BBB;
    background: #CCD8E6 url(../images/grad.jpg) no-repeat top left; font-size:1.1em;}
.moduli dd p{margin: 0;padding: 5px;line-height: 1.3em}
.pdf{display:block;height:32px;padding-left:32px;background: url(../images/box_download.png) no-repeat center left;line-height:35px;font-size:1.2em;}
.file{display:block;height:30px;padding-right:25px;/*background: url(../images/acroread.png) no-repeat center right;*/line-height:35px;font-size:1.2em;}
.right{text-align:right;}
.center{text-align:center;}
.left{text-align:left;}



div#footer{
	clear:both;
	text-align:center;
	height:100px;
	background:url(../images/footer_1.png) no-repeat bottom left;
	}
div#footer{width: 100%;}
div#footer ul{
    list-style-type: none;

    }
div#footer li{
    display: inline;
  }

div#footer a{
    /*line-height:100px;*/
  }


img {
	border:none;
	}



.nascondi{position: absolute;
    top: -9999px;left:-9999px;}



#menu_page{
	list-style-type:none;
	margin:0;
	margin:25px;
	padding:0;
	}

#menu_page li{
	display:inline;
	margin:0 15px;
		}

#menu_page li a{font-size:19px;
	}
#menu_page a{padding:5px 0 4px 24px;
    text-decoration:none;font-weight:bold;color:blue;border:none;border-top:3px solid #f5f8fe; }

ul#menu_page a:hover{border-top: 3px solid #83D5FF;color:#333;}

li#circolari a{background: url(../images/xfmail.png) no-repeat center left;}
li#comunicazioni_gen a{background: url(../images/edu_languages.png) no-repeat center left;}
li#organizzazione a{background: url(../images/organizzazione.png) no-repeat center left;}
li#personale_scuole a{background: url(../images/personale_scuole.png) no-repeat center left;}

/* impaginazione del form mail*/

form#mail{width: 450px;
		border: 3px solid #36c;/*non uso box-model tanto non mi cambia che in IEsia un po' più piccolo*/
    	padding: 10px;
    	background-color: #f5f8fe;
    	}
form#mail fieldset{border: 0px solid #000;}

form#mail legend,
.messaggi h3 {
		font: bold 140%/1.6 Arial,sans-serif;
		color:#27518a;
}
form#mail p{margin: 10px 10px 20px;}


form#mail fieldset label{float:left;
					width:200px;
    				line-height: 23px;
    				margin-right: 5px;
    				text-align: right;
    				}/*Il testo delle label verrà allineato a destra per dare una maggiore vicinanza ai campi di input*/
form#mail fieldset input,textarea{
					margin-bottom:5px;border-style: solid;
    				border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;
    				border-width: 2px 1px 1px 2px;
    				}/*personalizzo i bordi e aggiungo i margini a textarea*/
form#mail br{clear:left}
form#mail input#go{margin: 10px 0 0 250px; /*lo sposta a destra*/
	 border-style: solid;
    border-color: #FFF #333 #333 #FFF;
    border-width: 1px 2px 2px 1px;
    background: #69c url(../images/azzurro/sfondobottone.jpg) repeat-x;
    }


#pof_indice {text-align:center;}

#pof_indice li{list-style-type:none;}

#pof_esteso p{text-align:left;}
span.torna a{font-size:1em;margin:0.8em;}
.torna a{text-decoration:none;}



#regolamento_indice {text-align:left;}
#regolamento_esteso {text-align:left;}
#appendice_indice {text-align:left;}
.lettere {list-style-type:lower-alpha;}
/*ol {counter-reset:ordered;}
ol li:before {counter-increment:ordered;
					content: counters(ordered,".")" ";}*/


#anteprima{width:600px;height:600px; border:1px solid black;overflow:auto;}


.fade
{
	margin:0 auto;
	text-align:left;
}

.fade img
{
	margin:0 auto;
}


/*NEWSLETTER*/
.facoltativo {font-size:10px}

.messaggi,
#mail_form {
	margin: 0 auto;
}

label.error {
	font-weight:bold;
}
span.error-descr {
	display:block;
	font-size:smaller;
	color:red;
	font-weight:lighter;
	margin-left:200px;
}

.messaggi {
	width: 450px;
	border: 3px solid #36C;
	padding: 10px;
	background-color: #99FF99;
	margin-bottom: 20px;
}