body { 
margin:0; 
padding: 0; 
font: 1em Georgia, Arial, Helvetica, sans-serif;
line-height: 1.5em;
background: #fff;
color: #183346;
}

/*hr {
color:#f7f7f7;
border-top:#f7f7f7 1px solid;
border-bottom:#486a82 1px dashed;
margin-top:1em;
}*/

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}

h2,.titolo {
font-size: 2em;
color: #6d0b0b;
margin-top:0.5em;
/*text-transform:capitalize;*/
}

h3,.sottotitolo {
font-size: 1.5em;
line-height:1em;
color: #183346;
margin-top:0;
padding:0;
}

.titolocenter {
font-size: 2em;
color: #6d0b0b;
margin-top:0.5em;
text-transform:capitalize;
text-align:center;
}

.sottotitolocenter {
font-size: 1.5em;
line-height:1em;
color: #183346;
margin-top:0;
padding:0;
text-align:center;
}

h4 {
font-size: 1em;
line-height:1em;
color: #183346;
margin-bottom:0.5em;
text-transform:uppercase;
}

h5 {
font-size: 1.4em; 
color: #486a82;
margin-bottom:0;
}

h6 {
font-size: 1em; 
color: #486a82;
margin-bottom:0.5em;
}

a {
text-decoration:none;
color: #107300;

}

a:hover {
text-decoration:underline;
}

p {
float: left;
width: 100%;
}

img {
border: 4px solid #e7e7e7;
margin-bottom:1em;
}

.navbar {
border:4px solid #e7e7e7;
border-right:0px;
margin-left: 22%;
padding:0.2em;
padding-left:1em;
font-size:0.8em;
margin-top:0.5em;
}

/*.navbar a {
padding-left:1em;
}*/

/* HEADER */ 

#header { 
background-color:#cacaca;
height:100px;
}

#header img{
border:0;
margin:0;
}

/* BOTTOM HEAD */

#bottomhead {
text-transform:uppercase;
background: #f7f7f7;
padding-top:0.5em;
padding-bottom:0.5em;
}

#bottomhead a {
color: #107300;
text-decoration: none;
margin-right: 1em;
margin-left: 1em;
font-size:0.8em;
}

#bottomhead a:hover {
text-decoration: underline;
}

/* COLONNA SX */

#colonna-sx { 
float: left; 
width: 22%; 
}

#colonna-sx img { 
border:0;
}

ul {
list-style-type:none;
}

#colonna-sx li a {
line-height: 1.4em;
color: #006713;
text-decoration: none;
}

#colonna-sx li a:hover {
text-decoration: underline;
}

#colonna-sx .box, #colonna-dx .box {
padding: 1em;
}

/* BOX PRINCIPALE */

#principale { 
float: left;
background-color:#FFFFFF;
width: 78%;
margin-top:0.5em;
}

#principale .imgincluded { 
float: left;
margin: 1em 1em 1em 0;
}

#principale .box { 
width:95%;
float:right;
min-height: 40em;
padding:2.8em 2em 2em 1em;
}

#principale .box p {
float: left;
width: 100%;
margin-top:1em;
margin-bottom:1em;
padding-bottom:1em;
/*border-bottom:#486a82 1px dashed;*/
}

#principale .box_index { 
float:left;
width:68%;
padding: 1em;
background-color:#f7f7f7;
}

#principale .box_index p {
float: left;
width: 100%;
margin-top:1em;
margin-bottom:1em;
padding-bottom:1em;
border-bottom:#486a82 1px dashed;
}

/* COLONNA DX */

#colonna-dx {
float: left;
width: 27%;
background-color:#FFF;
min-height: 100%;
padding-top:1.5em;
padding-bottom:1.5em;
}

#colonna-dx p {
text-align:center;
margin:0px;
}

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

form {
  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font: 1em Georgia, Arial, Helvetica, sans-serif;
  min-width: 500px;
  max-width: 600px;
  width: 760px;
  /*border:#00FF00 1px solid;*/
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border: #486a82 1px solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	color:#486a82;
	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  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

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 */
}

form input, form textarea, form select {
	/* 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:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

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

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

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

/* FOOTER */

#footer { 
clear: left;
padding-top: 2em;
padding-bottom:2em;
font-size: .7em;
line-height: 1.4em;

border:4px solid #e7e7e7;
border-right:0px;
margin-left: 22%;
padding:1em;
padding-left:1em;
margin-top:0.5em;
}

#footer a { 
color: #006713; 
text-decoration: none;
}

#footer a:hover { 
text-decoration: underline;
}

#areatab form.cform {
	MARGIN-TOP: 0px;
}

#areatab div.form-ricerca {
	BORDER-RIGHT: #808080 1px solid;
	PADDING: 5px;
	MARGIN-LEFT: 5px;
	BORDER-LEFT: #808080 1px solid;
	MARGIN-RIGHT: 5px;
	BORDER-BOTTOM: #808080 1px solid;
	FONT-FAMILY: Arial, Verdana, Tahoma;
}

#areatab div.form-ricerca p{
	clear: left;
	padding: 5px;
}

#areatab div.form-ricerca p label{
	 float: left;
	 margin-right: 5em;
	 width: 10em;
	 font-weight: bold;
	 color: #397b62;
}

#areatab div.form-ricerca p input{
	border: 1px solid #000;
	width: 15em;
}

#areatab div.form-ricerca p input.pippo{
	width: 15em;
	background-color: #ff6;
}

#areatab div.form-ricerca p select{
	border: 1px solid #000;
	width: 15em;
}

#areatab div.form-ricerca p select.pippo{
	width: 15em;
	background-color: #ff6;
}

#areatab div.row {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	width: 100%;
}

#areatab div.tab {
}

#areatab div.table-row {
	BORDER-RIGHT: #808080 1px solid;
	PADDING: 5px;
	FONT-SIZE: 80%;
	MARGIN-LEFT: 5px;
	BORDER-LEFT: #808080 1px solid;
	MARGIN-RIGHT: 5px;
	BORDER-BOTTOM: #808080 1px solid;
	FONT-FAMILY: Arial, Verdana, Tahoma;
	text-align: left;
}

#areatab div.table-row-top {
   border-right: #808080 1px solid;
	padding: 5px;
	font-size: 80%;
	margin-left: 5px;
	border-left: #808080 1px solid;
  	border-top: #808080 1px solid;
	margin-right: 5px;
	border-bottom: #808080 1px solid;
	FONT-FAMILY: Arial, Verdana, Tahoma;
   text-align: left;
}

#areatab span.row-id-left {
	margin-left: 0px;
	margin-right: 150px;
	padding: 0;
	text-align: left;
	width: 100%;
	FONT-FAMILY: Arial, Verdana, Tahoma;
	FONT-SIZE: 0.8em;
	FONT-WEIGHT: bold;
}

#areatab span.row-id-right {
	margin-left: 150px;
	margin-right: 0px;
	padding: 0;
	text-align: right;
	width: 100%;
	FONT-FAMILY: Arial, Verdana, Tahoma;
	FONT-SIZE: 0.8em;
	FONT-WEIGHT: bold;
}

#areatab span.chiave {
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.8em;
	FONT-FAMILY: Arial, Verdana, Tahoma;
	PADDING-LEFT: 5px;
   COLOR: #397b62;
}

#areatab div.testo {
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.8em;
	FONT-FAMILY: Arial, Verdana, Tahoma;
}

/*
SEZIONE DEDICATA ALLE IMMAGINI
*/
.imgnoborder {
        border: 0px;
}

.imgpdf {
	float: right;
        border: 0px;
}
.imglogosx {
	float: left;
        border: 0px;
}
.imglogodx {
	float: right;
        border: 0px;
}
.imglogonone {
	float: none;
        border: 0px;
        margin-bottom:0em;
}
.imgfloatright {
	float: right;
        border: 0px;
        padding: 5px 0px 5px 5px;
}
.imgfloatleft {
	float: left;
        border: 0px;
        padding: 5px 5px 5px 0px;
}
.invisibile {
    display : none;
}