/* Stili di template */

/* MARGIN :    n.  e.  s.  o. (cardinali) */			

body {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	background-color:#FFF;
	color:#666;
	font:80% Verdana,Arial,sans-serif;
	margin-top:0em;
	min-width:675px;
	text-align:center;

}

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	margin: 0;
	outline: 0;
	text-align:left;
}




div#header
{
width: 100%;
clear: both; 
margin:auto;
background-color: #fff;
background-image:url('images/bg2.png');
background-repeat: repeat-x;
background-position: bottom left;
padding-bottom : 8px;
}


div#container
{
max-width: 1000px;
margin: 0 auto;
text-align: left;
}


div#navigation
{
float:left;
width: 210px;
padding: 1em 1em;
background-color: #fff;
}


div#content
{
margin-left: 210px;
padding : 4px;
background-color: #fff;
text-align: left;
}


div#footer
{
width: 100%;
clear: both; 
text-align:center;
background-color: #fff;
border-top: #cccccc 1px solid;
background-image:url('images/container_bg.gif');
background-repeat: repeat-x repeat-y ;

}

div#datacontainer
{
font-size: 11px;
}
   
   

/* Stili generici */

p {
   line-height:1.5em;
   margin:1em 0;
   margin-bottom:6px;
   margin-top:6px;
}


ol,
dl {
    margin-top:10px;
}

td
{
   padding:0.5em;
}

ul
{
 margin-top:10px;
 list-style-image: url('images/bull1.gif');
}

h1,h2,h3,h4,h5,h6 {
    font-family:"Georgia", Times, serif;
    font:"Georgia";
    font-style:italic;
    margin-top:0.2em;
    font-weight: normal;
}
h1 {
    font-size:1.9em;
    margin-top:1em;
    margin-bottom:0.5em;
}
h2 {
    font-size:1.6em;
    margin-top:0.2em;
}
h3 {
    font-size:1.4em;
    margin-top:0.1em;
}

b,
strong 
{ 
 font-weight: bold;
}

a:link { color: #000 }
a:visited {color: #000}
a:hover {color: #666}
a:activelink { color: coral}

blockquote,
code {
    display:block;
    font-style:oblique;
    line-height:20px;
    margin:0 1em;
    padding:0 1em;
    border-left:4px solid #369;
}




/* Stili di contenuto */
table.center {margin-left:auto; margin-right:auto;}
div.center {margin-left:auto; margin-right:auto;}

div#titolo-sezione {
color:#aca4a4;
text-align: left;
border-top: #008584 1px dashed;
border-bottom: #008584 1px dashed;
}

.box200 {
min-height: 200px;
height: auto !important;
height: 200px;
width: 200px;
border-top: #bbbbbb 1px solid;
border-bottom: #bbbbbb 1px solid;
border-left: #bbbbbb 1px solid;
border-right: #bbbbbb 1px solid;
}

.boxrosso {
padding : 20px;
border-top: red 1px dashed;
border-bottom: red 1px dashed;
border-left: red 1px dashed;
border-right: red 1px dashed;
margin:auto;
}

.headnav {
  font-size: 11px;
  padding :  0px;
  text-align: center;
  background-image:url('images/bg1.jpg');
  background-repeat:no-repeat;
  background-position:top center;
  margin:0px;
}
.boxnav {
font-size: 11px;
padding-bottom :  8px;
padding-left :  4px;
padding-right :  4px;
width: 196px;
border-bottom: #cccccc 1px solid;
border-left: #cccccc 1px solid;
border-right: #cccccc 1px solid;
margin:auto;
}

.info_box_right {
    float:right;
    border:1px solid #cccccc;
    margin: 6px 26px 6px 4px; 
    padding:.5em;
}

.info_box_left {
  border-bottom: #cccccc 1px solid;
  border-left: #cccccc 1px solid;
  border-right: #cccccc 1px solid;
  border-top: #cccccc 1px solid;
  width: 200px;
  float:left;
  margin: 6px 26px 6px 4px; 
  padding: 6px;

}


.info_box_center {
    width: 200px;
    border:1px solid #cccccc;
    padding:0.5em;
    margin:auto;
}


.box {
  width: 360px;
  padding:1em;
  border-bottom: red 1px dashed;
}

.bigbox {
    width: 240px;
    float:left;
    border:1px solid #cccccc;
    margin: 6px 26px 6px 4px; 
    padding:0.5em;
}

.titnav {
  color:#666;
  text-align: center;
  border-bottom: 1px solid #cccccc;

}

.evidenziato {
color:#880000;
}

/* ToolTip */

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color: #008584;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#fff}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border: Darkorange solid 1px  ;
    background-color:#fff;
    color:DarkSlateGray;
    text-align: left;
    padding-left:4px;
    padding-right:4px;
    text-decoration:none;
    }


/* SottoStili generici */

.scheda {
width: auto;              
margin-top: 4px;
margin-left: 10%;
margin-right: 10%;
border-top: #999 1px dashed;
border-bottom: #999 1px dashed;
border-left: #bbbbbb 1px solid;
border-right: #bbbbbb 1px solid;
}
.scheda_ricerca {
width: auto;              
margin-top: 4px;
margin-left: 10px;
margin-right: 10px;
border-top: #999 1px dashed;
border-bottom: #999 1px dashed;
border-left: #bbbbbb 1px solid;
border-right: #bbbbbb 1px solid;
}

.titolo {font-family:  "Arial";
font-size: 14px; text-align: left;   font-weight: bold; }

.hhd {
font-size: 11px;
margin-bottom:2px;
margin-top:10px;
text-align:justify;
color:#acafaf;
}

div#app {
text-align: left;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #abb;
text-decoration : none
}

a.app:link { color: #abb }
a.app:visited {color: #abb}
a.app:hover {color: #abb}
a.app:activelink { color: #abb}

.pc {text-align: center;}
.pd {text-align: right;}
.ps {text-align: left;}
.pbr {margin: 0; padding: 0;}
.blu {color: navy;}


/* MARGIN :    n.  e.  s.  o. (cardinali) */			
.shadowboxfloat {
                margin: 6px 8px 4px 4px;
		background: url('images/shadowlight.gif') repeat;
		width: 200px; 
		position: relative; /*IE needs this to show float properly*/
		float: left
		}

.shadowboxfloat_c {
                margin: auto;
		background: url('images/shadowlight.gif') repeat;
		width: 250px; 
		position: relative; /*IE needs this to show float properly*/
		}
			
.shadowcontent2 {
                position: relative;
		padding: 4px; 
		top: -5px; /* these two define the shadow 'offset'*/
		left: -5px; /*...*/
		background: white;
		border: 1px solid #BBBBBB;
		}	
		
		
.headnav1 {
  text-align: center;
  color: #777;
  font: italic 1.2em  georgia, serif;
  padding :  0px;
  border-bottom: 1px solid #BBBBBB;
  margin:0px;
  margin-bottom:10px;
}