body{
font-family: Verdana,arial narrow, helvetica,sans-serif; 
font-size: 10px;
height: 100%;
margin:0px;
width: 100%;
overflow: auto;
background-color:#FFFFFF;
text-align:left;
}

img{border:0;}

a{font-family:Verdana, arial narrow, helvetica; font-size:12px; text-decoration:none;}
a:link{color:#329900;}
a:visited{color:#329900;}
a:hover {color:#999999;}
a:active{color:#999999;}

a.numeri{font-family:Verdana, arial narrow, helvetica; font-size:9px; text-decoration:none;}
a.numeri:link{color:#329900;}
a.numeri:visited{color:#329900;}
a.numeri:hover {color:#999999;}
a.numeri:active{color:#999999;}


a.verde{font-family:Verdana, arial narrow, helvetica; font-size:9px; text-decoration:none;}
a.verde:link{color:#329900;}
a.verde:visited{color:#329900;}
a.verde:hover {color:#999999;}
a.verde:active{color:#999999;}


a.verde2{font-family:Verdana, arial narrow, helvetica; font-size:11px; text-decoration:none;}
a.verde2:visited{color:#329900;}
a.verde2:hover {color:#329900;}
a.verde2:active{color:#329900;}

a.editore{font-family:Verdana, arial narrow, helvetica; font-size:10px; text-decoration:none;}
a.editore:link{color:#329900;}
a.editore:visited{color:#329900;}
a.editore:hover {color:#999999;}
a.editore:active{color:#999999;}


a.pdf{font-family:Verdana, arial narrow, helvetica; font-size:10px; text-decoration:none;}
a.pdf:link{color:#329900;}
a.pdf:visited{color:#329900;}
a.pdf:hover {color:#CCCCCC;}
a.pdf:active{color:#CCCCCC;}

a.posta{font-family:Verdana,arial narrow, helvetica; font-size:10px; text-decoration:none;}
a.posta:link{color:#CCCCCC;}
a.posta:visited{color:#CCCCCC;}
a.posta:hover {color:#0066FF;}
a.posta:active{color:#0066FF;}


a.menu{font-family:Verdana,arial narrow, helvetica; font-size:10px; text-decoration:none;}
a.menu:link{color:#999999;}
a.menu:visited{color:#999999;}
a.menu:hover {color:#CCCCCC;}
a.menu:active{color:#CCCCCC;}









a.home{
background-image:url('img/home.jpg');
background-repeat:no-repeat;
display:block;
width:50px;
height:34px;
float:left;
}

a.home:hover{
background-image:url('img/home2.jpg');
background-repeat:no-repeat;
display:block;
width:50px;
height:34px;
float:left;
}



a.home2{
background-image:url('img/home2.jpg');
background-repeat:no-repeat;
display:block;
width:50px;
height:34px;
float:left;
}

a.home2:hover{
background-image:url('img/home2.jpg');
background-repeat:no-repeat;
display:block;
width:50px;
height:34px;
float:left;
}




a.archiviazione{
background-image:url('img/archiviazione.jpg');
background-repeat:no-repeat;
display:block;
width:138px;
height:34px;
float:left;
}

a.archiviazione:hover{
background-image:url('img/archiviazione2.jpg');
background-repeat:no-repeat;
display:block;
width:138px;
height:34px;
float:left;
}


a.archiviazione2{
background-image:url('img/archiviazione2.jpg');
background-repeat:no-repeat;
display:block;
width:138px;
height:34px;
float:left;
}

a.archiviazione2:hover{
background-image:url('img/archiviazione2.jpg');
background-repeat:no-repeat;
display:block;
width:138px;
height:34px;
float:left;
}




a.mondo{
background-image:url('img/mondo.jpg');
background-repeat:no-repeat;
display:block;
width:168px;
height:34px;
float:left;
}

a.mondo:hover{
background-image:url('img/mondo2.jpg');
background-repeat:no-repeat;
display:block;
width:168px;
height:34px;
float:left;
}

a.mondo2{
background-image:url('img/mondo2.jpg');
background-repeat:no-repeat;
display:block;
width:168px;
height:34px;
float:left;
}

a.mondo2:hover{
background-image:url('img/mondo2.jpg');
background-repeat:no-repeat;
display:block;
width:168px;
height:34px;
float:left;
}

a.libri{
background-image:url('img/libri.jpg');
background-repeat:no-repeat;
display:block;
width:42px;
height:34px;
float:left;
}

a.libri:hover{
background-image:url('img/libri2.jpg');
background-repeat:no-repeat;
display:block;
width:42px;
height:34px;
float:left;
}

a.libri2{
background-image:url('img/libri2.jpg');
background-repeat:no-repeat;
display:block;
width:42px;
height:34px;
float:left;
}

a.libri2:hover{
background-image:url('img/libri2.jpg');
background-repeat:no-repeat;
display:block;
width:42px;
height:34px;
float:left;
}


a.catalogo{
background-image:url('img/catalogo.jpg');
background-repeat:no-repeat;
display:block;
width:137px;
height:34px;
float:left;
}

a.catalogo:hover{
background-image:url('img/catalogo2.jpg');
background-repeat:no-repeat;
display:block;
width:137px;
height:34px;
float:left;
}

a.catalogo2{
background-image:url('img/catalogo2.jpg');
background-repeat:no-repeat;
display:block;
width:137px;
height:34px;
float:left;
}

a.catalogo2:hover{
background-image:url('img/catalogo2.jpg');
background-repeat:no-repeat;
display:block;
width:137px;
height:34px;
float:left;
}



a.dovesiamo{
background-image:url('img/dove_siamo.jpg');
background-repeat:no-repeat;
display:block;
width:82px;
height:34px;
float:left;
}

a.dovesiamo:hover{
background-image:url('img/dove_siamo2.jpg');
background-repeat:no-repeat;
display:block;
width:82px;
height:34px;
float:left;
}


a.dovesiamo2{
background-image:url('img/dove_siamo2.jpg');
background-repeat:no-repeat;
display:block;
width:82px;
height:34px;
float:left;
}

a.dovesiamo2:hover{
background-image:url('img/dove_siamo2.jpg');
background-repeat:no-repeat;
display:block;
width:82px;
height:34px;
float:left;
}



a.info{
background-image:url('img/contatti.jpg');
background-repeat:no-repeat;
display:block;
width:73px;
height:34px;
float:left;
}

a.info:hover{
background-image:url('img/contatti2.jpg');
background-repeat:no-repeat;
display:block;
width:73px;
height:34px;
float:left;
}


a.info2{
background-image:url('img/contatti2.jpg');
background-repeat:no-repeat;
display:block;
width:73px;
height:34px;
float:left;
}

a.info2:hover{
background-image:url('img/contatti2.jpg');
background-repeat:no-repeat;
display:block;
width:73px;
height:34px;
float:left;
}



.titolo {
 font-family:Verdana,arial narrow, helvetica; font-size:12px; text-decoration:none;
 text-align:left;
 }


.testo {
 font-family:Verdana,arial narrow, helvetica; font-size:10px; letter-spacing: 1px; text-decoration:none;
 text-align:left;
 }


 
a.back{
color:#339933;
display:block;
float:left;
width:68;
height:23px;
font-size:9px;
}

a.back:hover{
color:#999999;
width:68;
height:23px;
font-size:9px;
}



#contenitore{
position:absolute;
width:971px;
height:530px;
left:50%;
top:50%;
margin: -265px 0 0  -485px;
text-align:left;
}


#testata{
position:absolute;
top:0px;
left:0px;
width:280px;
height:65px;
background-image:url('testata.jpg');
background-repeat: no-repeat;
}

#random_testata{
position:absolute;
top:0px;
left:280px;
width:690px;
height:65px;
background-image:url('striscia.jpg');
background-repeat: no-repeat;
}



#foto{
position:relative;
top:65px;
left:0px;
width:280px;
height:434px;
background-image:url('foto.jpg');
background-repeat: no-repeat;
}


#quadretti{
position:absolute;
top:69px;
left:280px;
width:50px;
height:395px;
background-image:url('img/quadretti.jpg');
background-repeat: no-repeat;
}

#base{
position:absolute;
display:block;
top:340px;
left:200px;
width:247px;
height:126px;
}



#testo_base{
position:absolute;
top:20px;
left:20px;
width:207px;
height:80px;
}



#contenuto{
position:absolute;
top:86px;
left:310px;
width:660px;
height:370px;
}



#timeline{
position:absolute;
top:65px;
left:0px;
width:970px;
height:434px;
}

#contenuto_mondo{
position:absolute;
top:86px;
left:310px;
width:660px;
height:370px;
}


#elenco_mondo{
position:absolute;
top:0px;
left:0px;
width:650px;
height:315px;
}

#menu_mondo{
position:absolute;
top:349px;
left:500px;
width:160px;
height:11px;
text-align:right;
color:gray;
font-size:9px;

}


#lista_naciones{
position:absolute;
top:0px;
left:0px;
width:150px;
height:315px;

}

#lista_museos{
position:absolute;
top:0px;
left:170px;
width:470px;
height:315px;
}


#news_mondo{
position:absolute;
top:336px;
left:0px;
width:495px;
height:30px;
color: #999999;
font-size:11px;
}
 
#back{
position:absolute;
top:349px;
left:258px;
width:400px;
height:11px;
text-align:right;
color:gray;
font-size:9px;
}


#testo_catalogo{
position:absolute;
top:0px;
left:365px;
width:290px;
height:150px;
}

#foto_catalogo{
position:absolute;
top:50px;
left:-10px;
width:363px;
height:270px;
}


#descrizione_catalogo{
position:absolute;
top:180px;
left:365px;
width:290px;
height:180px;
}



#thumb_mondo{
position:absolute;
top:285px;
left:310px;
width:680px;
height:160px;
text-align:center;
}

#thumbnails_mondo{
position:relative;
margin-right:18px;
margin-bottom:20px;
top:20px;
left:0px;
width:115px;
height:125px;
text-align:center;
float:left;
border:1px solid #B9B9BC;
}



.musei{
position:absolute;
top:36px;
left:128px;
width:350px;
height:140px;
background-image:url('img/sfondo_musei.jpg');
background-repeat: no-repeat;
}

.testo_musei{
position:relative;
top:20px;
left:20px;
width:310px;
height:110px;
font-size:10px;

}



#sfondo_verde{
position:absolute;
top:465px;
left:280px;
width:700px;
height:34px;
}


#piede_pagina{
position:absolute;
top:502px;
left:0px;
width:920px;
height:12px;
color:#666666;
font-size:9px;

}

#credits{
position:absolute;
top:502px;
left:870px;
width:100px;
height:12px;
text-align:right;
}


#sfondo_verde2{
position:absolute;
top:567px;
left:342px;
width:700px;
height:34px;
}

#mappa{
position:absolute;
top:65px;
left:280px;
width:689px;
height:398px;
color:black;
}



#info_nome{
position:absolute;
top:120px;
left:0px;
width:200px;
height:245px;
}

#info_email{
position:absolute;
top:120px;
left:205px;
width:300px;
height:245px;
}


#cont_thumbs{
position:absolute;
top:0px;
left:0px;
width:680px;
height:310px;
}



#cont_thumbs_libri{
position:absolute;
top:20px;
left:0px;
width:680px;
height:310px;
}

#thumb{
position:relative;
margin-right:18px;
margin-bottom:20px;
top:20px;
left:0px;
width:115px;
height:135px;
text-align:center;
float:left;
border:1px solid #B9B9BC;
}

#thumb_libri{
position:relative;
margin:1px;
top:0px;
left:0px;
width:106px;
height:132px;
text-align:center;
float:left;
border:1px solid #DBDBDF;
}


.fotina{
margin-left:5px;
margin-top:5px;
width:100px;
height:100px;
text-align:center;
float:left;
}






#foto_gde{
position:absolute;
top:15px;
left:15px;
border:1px solid gray;
width:200px;
height:200px;
text-align:center;
}

.testo_fotina{
position:absolute;
top:108px;
left:4px;
width:105px;
height:12px;
text-align:center;
color:gray;
font-size:9px;
}



#titolo{
position:absolute;
top:120px;
left:230px;
width:137px;
height:100px;
text-align:left;
color:gray;
border:1px solid red;
}



#pulsanti_libri{
position:absolute;
top:349px;
left:258px;
width:400px;
height:11px;
text-align:right;
color:gray;
font-size:9px;
}


#descrizione{
position:absolute;
top:230px;
left:15px;
width:350px;
height:150px;
text-align:left;
color:gray;
}



#pagina{
position:absolute;
top:343px;
left:2px;
width:300px;
height:15px;
text-align:left;
color:gray;
font-size:9px;
}

#pagina_mondo{
position:absolute;
top:155px;
left:0px;
width:300px;
height:15px;
text-align:left;
}



#testo_home{
position:absolute;
top:300px;
width:550px;
height:126px;
left:357px;
font-size: 12px;
text-align:left;
}


#testo_home2{
position:absolute;
width:645px;
height:150px;
font-size: 12px;
text-align:left;
}

#indiriz2{
position:absolute;
top:260px;
left:0px;
width:400px;
height:118px;
font-size:11px;
text-align:left;
}




#indiriz{
position:absolute;
top:170px;
left:0px;
width:400px;
height:118px;
font-size:12px;
text-align:left;
}



#barra_menu{
position:absolute;
top:399px;
left:24px;
width:648px;
height:17px;
}




#indietro{
position:absolute;
top:394px;
left:600px;
width:68px;
height:23px;
}



.colonnatesto{
position:relative;
top:20px;
left:0px;
float:left;
width:260px;

}


.colonnafoto{
position:relative;
width:300px;
float:left;
top:20px;
text-align:center;
}


/* ---------->>> jtip <<<---------------------------------------------------------------*/



#JT {
position:absolute;
height:34px;
background-image: url(img/opacita.png);
}

.testodida {
position:absolute;
top:8px;
left:5px;
height:25px;
width:245;
color:#333333;
}






/* ---------->>> <<<---------------------------------------------------------------*/



.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


/* ---------->>> rakos didascalia foto random <<<---------------------------------------------------------------*/

div .sociable { position:absolute; top:49px; width:280px; height:434px; margin: 16px 0 !important; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width:270px; height:24px; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top:400px;
	background-image:url('img/trasparente.png');
	color:#333333;
	font-size:10px;
	line-height: 1.25em;
	padding:5px;
}

.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 280px;
	height: 434px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .8;
	-moz-opacity: .28;
	filter: alpha(opacity=80);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}





 .nada {
position:absolute;
top:10px;
left:26px;
width: 542px;
height:15px;
 text-align:left;
 float:left;
background-color:#E3E3E3;
 }
 
 
  .nada2 {
position:absolute;
top:0px;
left:3px;
width:420px;
height:15px;
 text-align:left;
 float:left;
background-color:#E3E3E3;
 }

 
 
  .freccinzsx {
position:absolute;
top:10px;
left:9px;
width: 15px;
height:15px;
 text-align:left;
 float:left;

 }
   .freccinzdx {
position:absolute;
top:10px;
left:570px;
width: 15px;
height:15px;
border:0px dotted green;
 text-align:left;
 float:left;
 }
 a.prev{
background-image:url('img/previous.gif');
color:#FFFFFF;
display:block;
float:left;
width:15px;
height:15px;

margin-right:0px;
margin-left:0px;
border:0px solid white;
}

a.prev:hover{
background-image:url('img/previous.gif');
display:block;
float:left;
width:15px;
height:15px;
border:0px solid red;
}


a.next{
background-image:url('img/next.gif');
color:#FFFFFF;
display:block;
width:15px;
height:15px;
float:left;

border:0px solid white;
}

a.next:hover{
background-image:url('img/next.gif');
display:block;
width:15px;
height:15px;
float:left;
border:0px solid red;
}


#testo_mappa{
position:absolute;
top:10px;
left:98px;
width:90px;
height:45px;
}