@charset "utf-8";
/* CSS Document */


html,body{
text-align: left;
margin: 0;
padding: 0;
background-color: #a8bccb;
height:100%;
background-position: 0 0px;
background-image: url(/media/SfondoTotale1.jpg);
background-repeat:repeat-x;
font-size: small;
font-family: Tahoma, Verdana, Arial, Kalimati;
color: #525252;
}

h1{
font-family: Tahoma, Verdana, Arial, Kalimati;
color: #00569a;
font-size: large;
}

h2{
font-family: Tahoma, Verdana, Arial, Kalimati;
color: #00569a;
font-size: medium;
font-weight: normal;
}

#containerTotale{
margin: 0px auto; 
width:980px;
width:990px;
width:980px;
text-align: left;
position: relative; 
background-image: url(/media/SfondoSito.png);
background-position: center;
background-repeat:repeat-y;
}

#container{ 
width:960px;
width:970px;
width:960px;
text-align: left;
padding-right: 10px;
padding-left: 10px;
}

#header{
position: relative; 
margin: 0px auto; 
width:980px;
}

#menu{
height: 38px;
position: relative; 
overflow: hidden;
background: url(/media/MenuBianco1.jpg);
background-repeat: no-repeat;
margin-top: 0px;
margin-left: -10px;
margin-right: -10px;
}

#menu ul,#menu li{
margin: 0;
padding: 0;
list-style: none;
}

#menu a{
position: absolute;
top: 0;
height: 38px;
background-image: url(/media/MenuGiallo1.jpg);
text-indent: -9999px;}

#Mission a{width: 109px;left: 0px;background-position: 0px 0}
#Investigazioni a{width: 116px;left: 109px;background-position: -109px 0}
#Informazioni a{width: 191px;left: 225px;background-position: -225px 0}
#Recupero a{width: 131px;left: 416px;background-position: -416px 0}
#Privati a{width: 92px;left: 547px;background-position: -547px 0}
#Imprese a{width: 100px;left: 639px;background-position: -639px 0}
#Professionisti a{width: 139px;left: 739px;background-position: -739px 0}
#Contattaci a{width: 102px;left: 878px;background-position: -878px 0}

#Mission a.active{background-position: 0 -38px}
#Investigazioni a.active{background-position: -109px -38px}
#Informazioni a.active{background-position: -225px -38px}
#Recupero a.active{background-position: -416px -38px}
#Privati a.active{background-position: -547px -38px}
#Imprese a.active{background-position: -639px -38px}
#Professionisti a.active{background-position: -739px -38px}
#Contattaci a.active{background-position: -878px -38px}

/*parte per JQuery*/

#menu span{
display: none;
position: absolute;
top: 0;
left: 0;
height: 38px;
background-image: url(/media/MenuGiallo1.jpg);
cursor: pointer
}

#Mission span{width: 109px;background-position: 0 -38px}
#Investigazioni span{width: 116px;background-position: -109px -38px}
#Informazioni span{width: 191px;background-position: -225px -38px}
#Recupero span{width: 141px;background-position: -416px -38px}
#Privati span{width: 92px;background-position: -547px -38px}
#Imprese span{width: 100px;background-position: -639px -38px}
#Professionisti span{width: 139px;background-position: -739px -38px}
#Contattaci span{width: 102px;background-position: -878px -38px}

#ombra{
position: relative; 
width: 960px;
height: 5px;
margin: 0px auto; 
background-image: url(/media/Ombra.png);
background-repeat: no-repeat;
background-position: center;
}

#navigation {
float: left;
width: 200px;
width: 210px;
width: 200px;
font-family: Tahoma, Verdana, Arial, Kalimati;
text-decoration: none;

}

#MenuSinistra ul {
padding-left: 0;
margin: 0;
list-style: none;
padding-top: 5px;
}

#MenuSinistra li {
font-size: 13px;
}

#MenuSinistra li.menu-current a{
color: #00569a;
text-decoration: underline;
padding: 0.4em 0.2em 0.3em 1.8em;
background-image: url(/media/TriangoloBlu.gif);
background-repeat: no-repeat;
margin-left: 2px;
}

#MenuSinistra a:link, #MenuSinistra a:visited {
display: block;
color: #525252;
margin: 0;
padding: 0.4em 0.2em 0.3em 1.8em;
text-decoration: none;
background-image: url(/media/Triangolo.gif);
background-repeat: no-repeat;
margin-left: 2px;
}

#MenuSinistra a:hover, #MenuSinistra a:focus, #MenuSinistra a:active{
color: #00569a;
text-decoration: underline;
padding: 0.4em 0.2em 0.3em 1.8em;
margin: 0;
background-image: url(/media/TriangoloBlu.gif);
background-repeat: no-repeat;
margin-left: 2px;
}

#titolo {
width:200px; 
height:38px; 
position: relative;
top: 20px;
background-image: url(/media/AccessoUtenti.jpg); 
background-repeat: no-repeat;
padding-top: 10px;
}

#contenitoreextra{
float: right;
width: 200px;
width: 210px;
width: 200px;
font-family: Tahoma, Verdana, Arial, Kalimati;
text-decoration: none;
margin:0;
} 

#altoextra{
width:200px; 
height:20px; 
position: relative;
top: 20px;
background-image: url(/media/Credits.jpg); 
background-repeat: no-repeat;
}




#extra{ 
padding-top: 10px;
float: right;
width: 180px;
width: 190px;
width: 180px;
padding-right: 5px;
margin-top: 20px;
font-size: small;
font-family: Tahoma, Verdana, Arial, Kalimati;
color: #525252;
}

#SecondoExtra{ 

width: 200px;

font-size: small;
font-family: Tahoma, Verdana, Arial, Kalimati;
color: #525252;
float: right;
}

#TitoloContent{
float: right;
width: 560px;
height: 145px;
padding-top: 0;
overflow:hidden;
margin-top: -5px;
}

#content{
width: 530px;
padding-bottom: 20px;
font-size: small;
font-family: Tahoma, Verdana, Arial, Kalimati;
color: #525252;
text-align: justify;
margin: 0 auto;
}

#content a{
font-size: small;
font-family: Tahoma, Verdana, Arial, Kalimati;
color: #00569a;
text-decoration: none;
}

#content a:hover{
color: #00569a;
text-decoration: underline;
}

#content ul {
list-style-type: none;
}

#content li {
list-style-image: url(/media/Triangolo2.gif)
}

#content li.conLink {
list-style-image: url(/media/TriangoloBlu2.gif)
}

#content li.conLinkTab {
list-style-image: url(/media/TriangoloBluCeleste.gif)
}

#slickbox {
text-align: justify;
}

#tabelle li {
list-style-image: url(/media/TriangoloGrigio2.gif)
}

#TabellaHome{
border: 0px none;
}

#footer{
clear: both;
width: 980px;
height: 65px;
text-align: center; 
background-image: url("/media/FooterGrafico.jpg");
background-repeat: no-repeat;
background-position: center;
color: #fff;
}

a.css_tooltip{
position:relative; /*richiesto per posizionare in modo assoluto elementi span*/
text-decoration:none; /*rimuove la sottolineatura del testo*/
z-index:19;
}
a.css_tooltip:hover{
text-decoration:none; 
background-color:#edf2f6; /*un colore di sfondo � richiesto per Internet Explorer 6*/
z-index:20;
}
a.css_tooltip span{
display:none; /*nasconde elementi span in apertura*/
}
a.css_tooltip:hover span{
text-decoration:none; 
display:block; /*elementi span vengono visualizzati come elementi di blocco*/
position:absolute; /*posizionamento in modo assoluto*/
z-index:21; /*richiesto per posizionare elementi span al di sopra dei altri link*/
top:1.4em;
left:0px;
/*stile del css tooltip*/
text-align: justify;
width:450px;
border:1px solid #00569a;
background-color:#edf2f6;
color:#525252;
padding:5px;
}

#login_box{ 
font-size: small;
font-family: Tahoma, Verdana, Arial, Kalimati;
color: #525252;
} 

#registrazione{ 
padding: 18px;
} 

#registrazione a:link, #registrazione a:visited {
color: #00569a;
text-decoration: none;
}

#registrazione a:hover, #registrazione a:focus, #registrazione a:active{
color: #00569a;
text-decoration: underline;
}

ul#mappa1 {
margin:0;padding:0;
list-style:none;
position:relative;
width:530px;height:260px;
background:url("/media/mappa.gif") no-repeat;
}

ul#mappa1 li {
display:block;
position:absolute;
margin:0;padding:0
}

li#mappa1-link1 {
left:134px;
top:12px;
width:261px;
height:39px
}

li#mappa1-link2 {
left:61px;
top:129px;
width:180px;
height:38px
}

li#mappa1-link3 {
left:7px;
top:191px;
width:140px;
height:56px
}

li#mappa1-link4 {
left:156px;
top:191px;
width:134px;
height:56px
}

#mappa1 a {
display:block;
width:100%;
height:100%;
}

#mappa1 .alt { display:none }






ul#mappa2 {
margin:0;padding:0;
list-style:none;
position:relative;
width:530px;height:365px;
background:url("/media/Mappa2.gif") no-repeat;
}

ul#mappa2 li {
display:block;
position:absolute;
margin:0;padding:0
}

li#mappa2-link1 {
left:134px;
top:117px;
width:261px;
height:39px
}

li#mappa2-link2 {
left:61px;
top:234px;
width:180px;
height:38px
}

li#mappa2-link3 {
left:7px;
top:296px;
width:140px;
height:56px
}
li#mappa2-link4 {
left:156px;
top:296px;
width:134px;
height:56px
}

li#mappa2-link5 {
left:152px;
top:2px;
width:220px;
height:40px
}

li#mappa2-link6 {
left:150px;
top:60px;
width:230px;
height:25px
}

li#mappa2-link7 {
left:120px;
top:90px;
width:60px;
height:25px
}

li#mappa2-link8 {
left:350px;
top:90px;
width:60px;
height:25px
}

#mappa2 a {
display:block;
width:100%;
height:100%;
}

#mappa2 .alt { display:none }