html,body{
   margin:0;
   padding:0;}
body{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 90%;
   text-align: center;
   margin : 5px 5px 0px 5px;}
div#container{
   position:relative;
   margin: 0 auto;
   text-align: left;
   height: 100%}
body>div#container{
   height: auto;
   min-height: 100%}
/*stili generici, su header e footer*/
div#header{
   position:relative;}

h1{
   padding-left:0;
   font-family: Arial, Helvetica, sans-serif}
h2 {
   font-size: 1.5em;}

/*stili specifici per il layout*/
div#navigation{
   position:relative;
   float: left;
   margin-left: 0px;
   margin-top: 1%;
   width: 19%;
   margin-bottom: .2em;}
div#content{
   margin-top: 1%;
   float:right;
   width: 80%;
   margin-bottom: .2em;}
div#content a, a:visited {
   color: #800000;
   text-decoration: underline;
   font-weight : bold;
   padding: .2em;}
div#content a:hover {
   color: Maroon;
   background-color: Aqua;
   text-decoration: underline;
   font-weight: bold;
   padding: .2em;}

div#content2{
   margin-left: 0.2em;
   padding: 1.5em 0 1em 0}
div#content2 ul.menu {
   padding: 1.5em;
   text-align: left;}
div#content2 ul.menu li {
   padding: .2em;}
div#content2 ul.menu li a, ul.menu li a:visited {
   color: #800000;
   text-decoration: underline;
   font-weight : bold;
   padding: .2em;}
div#content2 ul.menu li a:hover {
   color: Maroon;
   background-color: Aqua;
   text-decoration: underline;
   font-weight: bold;
   padding: .2em;}
div#content2 ul.menu li .selected {
   text-decoration: underline;
   color : #FFFFFF;
   background-color: #800000;
   font-weight: bold;
   padding: .2em;}
div#content2 a, a:visited {
   color: #800000;
   text-decoration: underline;
   font-weight : bold;
   padding: .2em;}
div#content2 a:hover {
   color: Maroon;
   background-color: Aqua;
   text-decoration: underline;
   font-weight: bold;
   padding: .2em;}
   
div#content2 li{
   padding: .4em 0 .4em 0; 
}   
   
   
   

div#footer{
   bottom:0;
   width: 100%;
   text-align:left;
   clear: both;}
div#clearfooter {
   width: 100%;
   height: 5px;
   clear: both;}
div#header h1 {
   margin:0.6em 0 0 0;
   padding:0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 2.2em;
   font-weight:bold;}
div#header div.personalizza{
   background-color: #000000;
   color: #ffffff;
   margin:0;
   padding:0.3em;
   white-space:nowrap;
   float: right;
    }
div#header div.personalizza_lingue{
   background-color: #000000;
   color: #ffffff;
   margin:0;
   padding:0.3em;
   white-space:nowrap;
   float:left;
}

div#header div.personalizza_container{
    width: 100%;
    height: 50px;
    background: black;
}

div#header a.personalizza_menu, a.personalizza_menu:visited {
   font-size : 2em;
   font-style : normal;
   font-variant : normal;
   font-weight : bold;
   text-decoration: underline;
   color : #FFFFFF;}

div#header a.personalizza_menu:hover {
   font-size : 2em;
   color : #000000;
   background-color: #FFFFFF;
   text-decoration: underline;}

div#header div.topbottomblack{
   margin-top: 1px;
   margin-bottom: 1px;
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
   /*height :6.2em;*/
   height :9em;
}
div#header div.trackingbar{
   margin: 0px;
   background-color : #000;
   font-size : 1.1em;
   padding: .3em;
   font-weight : bold;
   color: #fff;
   text-align: left;
}
div#header div.trackingbar a, div.trackingbar a:visited {
   font-size : 1em;
   font-weight : bold;
   text-decoration: underline;
   color: #FFFFFF;}
div#header div.trackingbar a:hover {
   font-size : 1em;
   background-color : #fff;
   color : #000;
   text-decoration: underline;}	
div#header img.topsx{
   border: 0px;
   margin-top:1em;
   margin-left:1em;
   height: 4.2em;
}	
div#header img.topdx{
   border:0;
   margin-top:1em;
   margin-right:1em;
   height: 7em;
}

div#navigation h3 {
   padding: 0px;
   margin: 1em 0 0 0;  
   text-align: left;}

div#navigation ul.menu {
   padding: 0px;
   text-align: left;}
div#navigation ul.menu li {
   padding: .2em;}
div#navigation ul.menu li a, ul.menu li a:visited {
   color: #800000;
   text-decoration: underline;
   font-weight : bold;
   padding: .2em;}
div#navigation ul.menu li a:hover {
   color: Maroon;
   background-color: Aqua;
   text-decoration: underline;
   font-weight: bold;
   padding: .2em;}
div#navigation ul.menu li .selected {
   text-decoration: underline;
   color : #FFFFFF;
   background-color: #800000;
   font-weight: bold;
   padding: .2em;}

div#content h2 {
   font-size: 1.5em;
   font-weight: bold;
   line-height: 3em;}

/*div#footer div.menusotto {
   margin: 0 0 0.4em 0;
   padding:0 0 0 0;}*/
div#footer ul.menusotto {
   color: #800000;
   margin: 0 0 0.4em 0;
   padding: 0.4em;
   border: 0.1em solid #000;
   clear: left;
   list-style-type: none;
   font-weight:bold;}
div#footer ul.menusotto a, ul.menusotto a:visited{
   background-color: transparent;
   margin: 0px;
   border: 0px;
   color: #800000;}
div#footer ul.menusotto a:hover {
   background-color: Aqua;
   margin: 0px;
   border: 0px;
   color: #800000;}
div#footer ul.menusotto li{
   list-style-type: none;
   display: inline;
   padding: .2em;
   margin: 0;}
div#footer .menusotto strong {
   font-weight:bold;
   color: #000;
   }

div#footer p.ultimariga {
   margin:0.2em;
   padding:0;}
div#footer a.ultimariga,a.ultimariga:visited{
   color: #800000;
   text-decoration: underline;
   font-weight : bold;
   padding: .2em;}
div#footer a.ultimariga:hover{
   color: Maroon;
   background-color: Aqua;
   text-decoration: underline;
   font-weight: bold;
   padding: .2em;}
div#footer div.indirizzo{
   background-color: #000;
   color: #fff;
   font-size: .8em;
  height :1.6em ;
   margin: 0 ;
   padding:0;}
div#footer .indirizzo a, div#footer .indirizzo a:visited {
   background-color: #000;
   color: #fff;
   text-decoration: underline;
   font-weight:bold;}
div#footer .indirizzo a:hover {
   background-color: #fff;
   color: #000;
   text-decoration: underline;}
div#footer img.xhtml{
   border: 0;
   padding-right:1.5em;
}
div#footer img.css{
   border: 0;
   padding-right:1.5em;
}
div#footer img.wai{
   border: 0;
   padding-right:1.5em;
}
div#footer img.pacc{
   border: 0;
   padding-right:1.5em;
}
div#footer img.civile{
   height: 5em;
   border: 0;
   padding-right:1.5em;
}
div#w3cimg {
  height: 5.5em;
  padding-left:.3em;}

.imgfloatright {
   float: right;
   border: 0px;
   padding: 8px 0px 8px 8px;
}
.imgfloatleft {
   float: left;
   border: 0px;
   padding: 8px 18px 8px 0px;
}

fieldset  {
   margin-top:10px;
   background-color:#eaeaea;
   padding:3px;
}

legend {
   font-size: 1em;
   font-weight : bold;
   border: 1px solid #000000;
   background-color:#efefef;
   color:#000;
   padding:3px;
}
table.login {
   border: 0px;
   width: 50%;
   margin : 0px 0px 0px 0px;
}
.rowbgcolor {
   background-color: #fff;
}
.rowbgcolor1 {
   background-color: #eaeaea;
}
input.dimradiocheck {
   width: 1em;
   height:1em;
}

input.carattere {
   font-size: 1em;
}
/* STILI PER LE PUBBLICAZIONI */

.newstrong {
   font-weight: bold;
}

input.dimradiocheck {
   width: 1em;
   height:1em;
}

input.carattere {
   font-size: 1em;
}

.dimtextbox {
   font-size: 1em;
}

div#tabellapubblicazioni table

{
   border: 1px solid #000000;
   padding: 0.5em;
   border-spacing: 0.5em;
   border-collapse: collapse;
   width: 100%
 }
caption
{
 color: #000000;
 font-size: 1.2em;
 font-weight: bold;
 padding: 2em 0em 1em 0em;
 text-align: left;
}

div#tabellapubblicazioni th {
 border: 1px solid #000;
 padding: .2em .2em;
 text-align: left;
 background: #CCCCCC;
 font-weight: bold;
}

div#tabellapubblicazioni td
{
 border: 1px solid #000;
 padding: .2em .2em;
 text-align: left;
 background: #fff;
 font-weight: normal;
}

.grigio {
   background-color: #CCCCCC;
   text-align: left;
}

tr.bianco {
   background-color: #FFFFFF;
   text-align: left;
}

.dieci {
   width: 10%;
}

.quaranta {
   width: 40%;
}

.intestazione {
   background-color: #CCCCCC;
   text-align: center;
   font-weight: bold;	
}

.dettagli {
   background-color: White;
   text-align: left;
   font-weight: normal;
}


/* FINE STILI PER LE PUBBLICAZIONI */

div#imgheadersx{
   float:left;  
}

div#imgheaderdx{
   float:right;
}

/* ---- FORM ---- */

 

div#richiesta form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */

    font: 100% verdana, arial, sans-serif;

    margin: 0;

    padding: 0;

    width: 100%; 

            

}

 

div#richiesta form fieldset {

    /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */

    border:         #000000 1px solid;

    padding: 0 0 0.5em 1em ;        /* padding in fieldset support spotty in IE */

    margin-bottom: 2em;

            background-color:#ffffff;

}

 

div#richiesta form fieldset legend {

    font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */

    /* be careful with padding, it'll shift the nice offset on top of border  */

}

 

div#richiesta form label { 

    display: block;  /* block float the labels to left column, set a width */

    float: left; 

    width: 25%; 

    padding: 0; 

    margin: 0.5em 0 0; /* set top margin same as form input - textarea etc. elements */

    text-align: left; 

}

 

div#richiesta form label.radiocheck { 

    display: block;  /* block float the labels to left column, set a width */

    float: left; 

    width: 2%; 

    padding: 0; 

    margin: 0.5em 0 0 3em; /* set top margin same as form input - textarea etc. elements */

    text-align: left; 

}

 

 

/*div#richiesta form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */

  /*  text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */

    /* pseudo-class on legend elements, but do support it on label elements */

    /* we instead underline first letter on each label element and accesskey */

    /* each input. doing only legends would  lessens cognitive load */

    /* opera breaks after first letter underlined legends but not labels */

/*}*/

 

div#richiesta form input, form textarea {

    /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */

    /*width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */

    margin: 0.5em 0 0 0.5em; /* set margin on left of form elements rather than right of

    label aligns textarea better in IE */

}

 

div#richiesta form input#reset {

    margin-left:0px; /* set margin-left back to zero on reset button (set above) */

}

 

div#richiesta form input.dimradiocheck {

   width: 1em;

   height: 1em;

   margin-right: 0.5em;

}

 

div#richiesta textarea { overflow: auto; }

 

/*div#richiesta form small {

    display: block;

    margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */

  /*  padding: 1px 3px;

    font-size: .80em;

}*/

 

div#richiesta form .required

{font-weight:bold;} /* uses class instead of div, more efficient */

 

div#richiesta form br {

    clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */

}

div#pubblicazioni form .required

{font-weight:bold;} /* uses class instead of div, more efficient */