/* Formattazione tag html */
input{font-size:1em}
hr{ visibility: hidden; margin: 0;}
img{ border: none;}
/* Formattazione header di pagina */
#header a img{border:none; margin:0; padding:0; }
#header a:hover{ background:none}
#menu{width:99%; clear:both}
/* Formattazione footer di pagina */
/*#footer{ position: relative; width: 99%;  vertical-align: middle }*/
#credits { position: absolute; top: 0.5em; width: 20em; right: 1em; padding: 0; text-align: right;  vertical-align: middle;   }
ul#credits li{display:inline;}
/* Formattazione corpo pagina */
#corpopagina{ width: 100%;   }
#corpopaginahome{ width: 100%;  }
/* Formattazione colonna centrale */
#contenuto { width: 69%; margin-left: 30% }
#contenutohome{ width: 70%; float: left }
/* Formattazione colonna laterale */
#laterale{ width: 29%; float: left; }
#lateralehome { width: 29%;margin-left: 70% }

/* Formattazione sezioni */

#sezlinkhome ul{ list-style-type: none; margin-left: 1em; padding: 1em }
#sezlinkhome a{text-decoration:none}
#sezprimopianohome, #sezionihome { padding: 0.2em 0.2em 0.2em 0.3em }
.sezione{ /*float: left; width: 50%;*/ margin:0 0 1em 0; padding: 0 0 0.5em 0 }




/* Colore di sfondo per le date del calendario */ 
.invisibile{display: none}
.left{ float: left;}
.right{ float: right;}
.testodx{ text-align: right;}
/* Logo regione presente nell'header */
.logorer{ margin: 0.4em 5em;}
/* Logo Ermes presente nel footer */
.ermes{ vertical-align: middle;}




/* stili generici utili */
.pix{height:1px; min-height:1px; line-height:1px}
.clear{clear:both;}
.fleft{float:left}
.fright{float:right}
.invisibile, .skip{position:absolute; top:-1000px; left:0;}
.visibile{ visibility:visible}
.aleft{text-align:left}
.aright{text-align:right}
.center{text-align:center}
.fotoleft{ float:left; margin:0 0.5em 0.5em 0;}
.fotoright{ float:right; margin:0 0 0.5em 0.5em;}
.fotocenter{ display:block; margin:0 auto;}
.bold{font-weight:bold}


/* stili per le liste di allegati e link e altri effetti*/
 li.pdf {background:url(../img/icona_pdf.gif) 0 0 no-repeat; list-style-type:none; padding-left:2em; margin:0.2em 0 0.2em -2em; padding-bottom:0.2em; }
li.doc {background:url(../img/icona_doc.gif) 0 0 no-repeat; list-style-type:none; padding-left:2em;margin:0.2em 0 0.2em -2em; padding-bottom:0.2em;}
li.xls {background:url(../img/icona_xls.gif) 0 0 no-repeat; list-style-type:none; padding-left:2em;margin:0.2em 0 0.2em -2em; padding-bottom:0.2em;}
li.ppt {background:url(../img/icona_ppt.gif) 0 0 no-repeat; list-style-type:none; padding-left:2em;margin:0.2em 0 0.2em -2em; padding-bottom:0.2em;}
li.zip {background:url(../img/icona_zip.gif) 0 0 no-repeat; list-style-type:none; padding-left:2em;margin:0.2em 0 0.2em -2em; padding-bottom:0.2em;}
li.audio {background:url(../img/icona_audio.gif) 0 0 no-repeat; list-style-type:none; padding-left:2em;margin:0.2em 0 0.2em -2em; padding-bottom:0.2em;}
li.video {background:url(../img/icona_video.gif) 0 0 no-repeat; list-style-type:none; padding-left:2em;margin:0.2em 0 0.2em -2em; padding-bottom:0.2em;}
li.link {background:url(../img/chiocciola.gif) 0 0 no-repeat; list-style-type:none; padding-left:2em;margin:0.2em 0 0.2em -2em; padding-bottom:0.2em;}

.pdf {background-image:url(../img/pdf.gif); background-repeat:no-repeat; list-style-type:none; padding-left:1.2em;}
.doc {background-image:url(../img/doc.gif); background-repeat:no-repeat; list-style-type:none; padding-left:1.2em;}
.xls {background-image:url(../img/xls.gif); background-repeat:no-repeat; list-style-type:none; padding-left:1.2em;}
.ppt {background-image:url(../img/ppt.gif); background-repeat:no-repeat; list-style-type:none; padding-left:1.2em;}
.zip {background-image:url(../img/zip.gif); background-repeat:no-repeat; list-style-type:none; padding-left:1.2em;}
.audio {background-image:url(../img/audio.gif); background-repeat:no-repeat; list-style-type:none; padding-left:1.2em;}
.video {background-image:url(../img/video.gif); background-repeat:no-repeat; list-style-type:none; padding-left:1.2em;}
.link {background-image:url(../img/chiocciola.gif);  background-repeat:no-repeat; list-style-type:none; padding-left:1.2em;}

a.blank {background-image:url(../img/chiocciola.gif); background-repeat:no-repeat; padding-right:2em; background-position:right}

.succ{margin:0 1em 2em 0; font-weight:bold}
.succ:after{ content: " >>";}
.prec{margin:0 0 1em 2em; font-weight:bold}
.prec:before{content: "<< ";}

/*Agenda*/ 
/*Calendario*/
table.agenda{width:18em;}
.sezlateralehome table.agenda{width:100%;}
table.agenda td, table.agenda th{	padding: 0.3em;	width:2em;	text-align:center;}
.sezlateralehome table.agenda td, .sezlateralehome table.agenda th{	padding:0;	width:13%;	text-align:center;}



/* layout home*/
#formricerca{float:right; width:18em; min-height:83px; text-align:right; margin-top:10px; margin-right:5px;}
#formricerca form{height:1em; }
#formricerca input#r{line-height:1em; width:8em;}
#formricerca input.bottone{padding:0 0.2em; margin:0}





@media handeld{
.sezione{width:100%}
div#contenutohome{float:none; width:100%}
div#lateralehome { width: 100%;margin-left: 0 }
}


.printOnly {
   
      visibility:hidden;
     	position:absolute;
	top:0;
	left:-10000px;
    }
@media print{

.printOnly { visibility:visible; position:relative; left:auto;}
#laterale ol.printOnly li{margin-left:2em;}
}
