h1  span{ display: none;} 

body, html { margin:0; padding:0; }

body  { 
margin: 0;
padding: 0;
background: #300;
color: #000;
text-align: center;
font-family: Georgia, Verdana, Arial, Serif;
}

#container  {
background: #fff; 
color: #000;
width: 740px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
text-align: left;
} 


/*==stili generici==*/

a {text-decoration : none;}
a.tornasu { font-size: 10px; text-align: right;} 
#articolo .autore { text-align: right; padding-bottom: 30px;} 


/*==stili generici div content==*/

#content {
width: 600px;
float: right;
margin: 0;  
padding: 0;
background: #fff url(images/bggg.jpg) no-repeat;
} 

/*==header==*/

#header  { 
background: #fff;
background-image: url(images/hdhe.jpg);
width: 740px;
height: 93px; 
} 

#header h1 { 
margin: 0;
padding: 0;
} 


/* div ingressi facilitati */
#easyin { 
background-color: #fff;
width: 400px;
height: 74px;
margin: 0px auto;
} 

#accedi1 .eas{
width: 200px; 
height:74px;
display: block;
float: left;
} 

#accedi2 .eas{
width: 200px; 
height:74px;
display: block;
float: right;
} 

#uu1 {background: url(images/entra0.jpg)}
#uu2 {background: url(images/entragal1.jpg)}
#accedi1 .eas:hover, #accedi2 .eas:hover {background-position: -200px 0;}


/* immagine index con hck*/
#vsvf { 
margin: 0 15px 10px 0;
padding: 0;
float: left;
width: 124px;
\width: 139px;
w\idth: 124px;
} 

#vsvf ul li{ 
color: black;
} 


/*==la home===*/


#divhome2 img {border: none;}

.easygo { 
font-size: 28px;
	font-style: italic;
	font-weight: bold;
} 

.easygo2 {
	font-size: 19px;
	font-style: italic;
	font-weight: bolder;
} 

#divhome1 #acc {
	font-size: 10px;
	font-style: italic;
	color: #515151;
	margin-bottom: 2px;
	letter-spacing: 1px;
} 

.frec { 
font-size: 10px;
color: #515151;
} 

#divhome1 {
	margin: 0 5px 0 5px;
	padding: 50px 80px 15px 80px;
	font-size: 10px;
   background-position: 50px 50px; 
} 


#divhome1 p {
	padding-left: 0px;  
	padding-bottom: 10px; 
	font-size: 12px;  
	letter-spacing: 1px;
} 

#hhh {
	font-size: 11px;
	color: #600;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	height: 180px;
} 



#vsvf {
	border: 1px solid #e0d5d5;	
	overflow: auto;
	height: 150px; 
	padding-left: 5px;
width: 180px;
\width: 185px;
w\idth: 180px;
} 



#vsvf ul li{	
margin-left: -14px;
margin-right: 4px;
padding: 0;
font-size: 10px;
} 

#hhh h3{
font-size: 14px;	
} 


/*per inserire un nuovo sfondo nella sezione home
.sfondohm {
	background-image: url(images/nape.jpg);
	background-repeat: no-repeat;
	background-position: right;
} 


*/


#hhh h2{
font-size:11px;
margin-top: 0;
} 

/*rimpicciolire il testo nella sez su
#hhh h2 .spat{
font-size: 9px;
} 

#hhh h2{
font-size: 10px;
margin-top: 0;
padding-left: 10px;
} 
*/

#intrr { 
font-style: italic;
padding: 0 15px;
} 

#acc, #intrr {
padding-top: 15px;
border-top: 1px dashed black;
} 

#divhome2 { 
margin: 0 5px 0 5px;
padding: 10px 80px 60px 73px;
font-size: 13px;
color: #600;
} 

#divhome2 ul li{
	list-style-type: none;
	display: block;
	height: 80px;
	margin: 20px 0 33px 0;
	padding: 0
} 

#li1{
	background: #fff url(images/accc.gif) no-repeat right top;
	background-position: 160px 0;
} 

#li2{
	background: #fff url(images/entrr.gif) no-repeat right top;
	background-position: 145px 10px;
} 

#divhome2 ul li img{
float:left;
margin: 0 10px 0 0;
} 

#divhome2 ul #li1 img{
margin-left: 10px;
} 

#divhome2 ul li hr 
{
display: block; 
clear: left; 
margin: 3px 0;  
visibility: hidden;}

#xcc{
margin: 0 0 0 40px;
} 



/* menu orizzontale */
#navigationor  { 
width: 740px;
height: 25px;
margin: 0;
padding: 0;
text-align: right;
font-family: Georgia, verdana;
background: #fff url(images/pxx.jpg) repeat-x;
} 

#navigationor  #xs{ 
border-left: 0; /*140px solid #600;   riscrivere questo per riportare il border rosso*/
padding: 5px 0;  /* nella versione no problem era 4px */
margin: 0;
font-size: 12px;
letter-spacing: 1px;

} 

#navigationor a { padding: 0 13px 0 13px; border-left: 3px solid #600;} 
#navigationor a:link,  #navigationor a:visited  {text-decoration : none; color: #fff; font-weight: bold;}
#navigationor a:hover   {text-decoration: none; color: #300;}
#navigationor a:active {text-decoration : none; color: #000;}

/*==torna alla home e alle sezioni==*/


#ritorni  {
	background: url(images/dbline.gif) repeat-y;   
	margin: 0;
	padding: 5px 0 0 0;
	letter-spacing: +1px;
	color: #515151;	
} 

#ritorni p { 
text-align: right;
margin: 0 5px 0 0;
padding: 0 5px 0px 10px;
font-size: 10px;
} 

#ritorni a:link, #ritorni a:visited  {text-decoration : underline; color: #515151; font-weight: bold;}
#ritorni a:hover   {text-decoration: none; color: #900;}
#ritorni a.lsp:hover   {text-decoration: none; color: #600; letter-spacing: -2px;} /*?????????????????????????*/

.ts1 { 
font-size: 17px;
letter-spacing: -1px;
} 

/*sez. interna della home con i link ai contenuti*/

/* forse nulli */
#sezint p { 
margin: 0;
padding: 5px 25px 5px 25px;
} 
#sezint { 
background: #fff url(images/col1.gif) repeat-y;
background-position: left;
margin:0;
padding:40px 0 0 0;
width: 600px;
} 


/* inizio div articolo */

#articolo, #bblkar { 
background: url(images/dbline.gif) repeat-y;  
background-position: left;
width:592px; 
height: 100%;
margin:0;
padding: 0;
} 

/* old:
height: 100%
margin: 0 auto; */

#articolo img{ 
margin: 0 20px 10px 0;
padding: 0;
float: left;
/* width: 130px; */
} 

#articolo  #img2
{ 
margin-left: 170px;
padding: 0;
float: none;
width: 70px;
height: 70px;
border: none;
} 

#articolo h1{ 
margin: 0;
padding: 90px 80px 40px 80px;
font-size: 25px;
} 

#articolo .titl{ 
margin: 0;
padding: 20px 80px 10px 85px;
font-size: 17px;
} 

#articolo h2{ 
font-size: 20px;
} 

#articolo .abstract { 
color: #515151;
} 

#articolo p#abstract2 { 
color: #515151;
margin: 0 8px 0 8px;
} 

.first { 
margin: 0;
text-indent: 30px;
font-size: 18px;
} 

#articolo p { 
margin: 0 5px 0 5px;
padding: 0 80px 15px 80px;
font-size: 13px;
line-height: 19px;
} 

/*risolve in firefox non in explorer. */
#articolo p sup a { 
font-size: 11px;
line-height: 14px;
} 

/*qui risolvo il problema del non spaziare creando una classe in p*/

#articolo p.torna2 { 
margin: 0 5px 0 5px;
padding: 0px 80px 15px 80px;
background: white;
text-align: right;
font-size: 10px;
color: #515151;
} 

#articolo .autore2 { 
text-align: right;
padding-top: 5px;
padding-bottom: 30px;
} 

/* stili generici liste articolo */
#articolo ul, #articolo ol { 
margin: 0;
padding: 0px 100px 5px 105px;
font-size: 12px;
} 

#articolo li{ 
list-style-type: circle;
margin: 0;
padding: 0;
line-height: 18px;
} 

/* sitografia bibliografia*/
.sitogr, #corpoart, #notebibl { 
margin: 0;
padding: 0;
} 

.bibl, .sitogr, .note { 
margin: 30px 0 10px 80px;
padding: 0;
} 

#articolo .nt, #articolo .nt2{ 
display: block;
margin: 0 80px 0 80px;
padding: 20px 20px 20px 20px;
background: #eee;
list-style-position: inside;  
border: 2px dotted #b8b8b8;
font-size: 11px;
} 

#articolo .nt li, #articolo .nt2 li{ 
list-style-position: outside;
list-style-type: decimal;
margin: 0 0 10px 30px;
line-height: 20px;
text-indent: 20px;
} 

/* torna al testo */
.tornat, #continua { 
font-size: 10px;
text-decoration: underline;
color: #515151;
} 

.lkj
{text-decoration : underline; color: #900; }

a.tornat:link, a#continua:link 
{text-decoration : underline; color: #515151; }
a.tornat:hover, a#continua:hover, a.tornat:active, a#continua:active 
{text-decoration: underline; color: #900;}

/* sitografia*/
#articolo .ailink { 
padding-bottom: 20px;
} 

.ailink a:link, .ailink a:visited 
{text-decoration : underline; color: #515151; }
.ailink a:hover 
{text-decoration: underline; color: #900;}

#articolo p.vaia{ 
font-size: 10px;
padding: 0;
margin: 20px 0 0 80px;
} 

.vaia a:link, .vaia a:visited
{text-decoration : underline; color: #000; font-weight: bold;}
.vaia a:hover 
{text-decoration: none; color: #900;}


/*numerino nota. l'id prevale su classe ed elemento*/


a#lknota:link, a#lknota:visited
{text-decoration : none; color: #000; font-weight: bold;}
a#lknota:hover
{text-decoration: none; color: #900;}

 sup a:link, sup a:visited
{text-decoration : none; color: #000; font-weight: bold;}
sup a:hover
{text-decoration: none; color: #900;}

/*i div dell'elenco di articoli */

.ttl{ 
margin: 0;
padding: 0;
}

/* la tecnica utilizza un hr reso blocco e trasparente che non subisca il float dell'img di sinistra*/
div.ttl hr {
display: block; 
clear: left; 
margin: 19px 0;  
visibility: hidden;}


/*chisiamo e Il progetto + email*/


#chispr ul li {list-style-type: square;} 

#chispr #ulmin li {
list-style-type: square;
font-size: 10px;} 

#chispr h1 { 
margin:  0;
padding: 0;
font-size: 30px;
line-height: 3; 
} 

.author { text-align: right; } 
#chispr #contat { font-size: 30px; } 
#chispr img { margin: 15px 120px; padding: 0;} 

#chispr address { 
margin: 0;
padding: 0 0 0 20px;
font-size: 13px;
} 

address a:link, address a:visited
{text-decoration : underline; color: #000; font-weight: bold;}
address a:hover
{text-decoration: none; color: #900;}

/*email criptata*/

#bblkar #chispr #em2
{
margin-top: -10px;
margin-left: -60px;
border: none;
}

#bblkar #chispr #em2 img {
border: none;
}

/* minibanners */

#bannerdv a img {
margin: 0 auto;
}

#bannerdv a img{
border: none;
}
#bannerdv  {
margin-bottom: 150px;
}


/* valid xhtml e css/////////////////////////////////////////////////////////////////////////////////*/
#valid a img, #valid2 a img{
border: none;
margin-left: 30px;
margin-top: 20px;
}


/*sintassi corretta per tornasu-vedi il file di "il progetto */

a.tornasu:link, a.tornasu:visited
{text-decoration : underline; color: #000; font-weight: bold;}
a.tornasu:hover
{text-decoration: none; color: #900;}


/*==inizio div bblkar==*/

#articolii, #chispr, #lnks, #mapst, #imgl{ 
margin: 0 5px 0 5px;

padding: 80px;
font-size: 13px;
line-height: 19px;
} 

/* ho usato la width altrimenti il contenuto eccedeva */
#bibl { 
width: 420px;
margin: 0 auto;
padding: 80px;
font-size: 12px;
line-height: 19px;
} 

#bibl h1, #lnks h1 { 
padding: 0;
margin: 0;
line-height: 2; 
font-size: 25px;
} 

#bibl li{ 
list-style-type: square;
} 

#bibl h3{ 
padding: 0;
margin: 0;
line-height: 2;  
font-size: 18px;
} 

.frsindex{ 
padding: 0;
margin: 20px 0 0 0;
} 

.scnindex{ 
padding: 0;
margin: 0 0 150px 0;
clear: both;
} 

.frsindex a, .frsindex span { 
display: block;
text-align: center;
width: 24px;
height: 24px;
margin: 0;
font-size: 13px;
border-bottom: 4px solid #600;
border-right: 1px dashed #c7c7c7;
float: left;
}

.scnindex a, .scnindex span {
display: block;
text-align: center;
width: 24px;
height: 24px;
margin: 0;
font-size: 13px;
border-top: 4px solid #900;
border-right: 1px dashed #c7c7c7;
float: left;
}

.frsindex a:link, .scnindex a:link, .scnindex a:visited, .frsindex a:visited
{text-decoration: none; color: #000; font-weight: bold;}

.scnindex a:hover, .frsindex a:hover
{text-decoration: none; color: #900; background: #DCDCDC; border-color: #c7c7c7; }

.frsindex a:hover {border-color: #A9A9A9;}


/*luoghi e leggende-div articolii*/

#articolii, #mapfl, #artmag {margin: 0 70px 0 70px; padding: 40px 0 40px 0;}
#articolii h3{
	font-size: 14px; /*font-style: italic;*/
	margin-bottom: 35px;
	padding: 10px 6px 10px 20px;
	font-family: Georgia, Helvetica, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #4E4E4E;
	line-height: 21px;
	background-color: #F6F6F6;
	font-weight: normal;
}


.titlesect{
	padding: 20px 0 3px 0;
	background-color: #fff;
	border: 4px dotted #C5C5C5;
} 

#articolii div {
	font: 16px;
	font-weight: bold;
	margin: 0; 
	padding: 0;
}

.rimp {font-size: 11px; font-weight: normal;} 
#articolii em {font-size: 12px; font-weight: normal;} 

 #articolii h1 { 
padding: 0;
margin: 20px 0 0 0; 
line-height: 2;
font-size: 26px;
} 

.bordmg{ 
padding: 0;
margin: 0;
} 

a.atts:link, a.atts:visited 
{text-decoration: none; color: #515151;font-weight: bold; }
a.atts:hover 
{text-decoration: none; border-bottom: 1px dashed #600; color: #600;}

 #vacant{height: 300px;} 
#vacant2{height: 150px;} 

/* img */

#articolii .bordmg
{
width: 60px; 
height:60px;
display: block;
float: left;
margin-right: 20px; /*crea problemi?*/
}

#gl1 {background: url(images/i1.jpg)}
#gl2 {background: url(images/i3.jpg)}
#gl3 {background: url(images/i2.jpg)}
#gl4 {background: url(images/i10.jpg)}
#gl5 {background: url(images/i4.jpg)}
#gl6 {background: url(images/i5.jpg)}
#gl7 {background: url(images/i11.jpg)}
#gl8 {background: url(images/i9.jpg)}
#gl9 {background: url(images/i7.jpg)}
#gl10 {background: url(images/i8.jpg)}
#gl11 {background: url(images/i6.jpg)}
#gl12 {background: url(images/i12.jpg)}
#gl18 {background: url(images/mskk.jpg)}
#gl20 {background: url(images/sggg.jpg)}
#gl21 {background: url(images/dellap.jpg)}
#ggbb {background: url(images/minbas.jpg)}
#articolii .bordmg:hover {background-position: -60px 0;}


#articolii .bordmg2
{
width: 20px; 
height:20px;
display: block;
float: left;
margin-right: 20px; /*crea problemi?*/
}







/*==due sezioni articolo== */
#articolo a:link.ntt, #articolo a:visited.ntt
{text-decoration: none; color: #33f; font-weight: bold;}


/*==sez 2 note e bibliografia==*/

#notebibl h4 { margin: 40px 0 10px 80px; } 
#notebibl .nt{ 
display: block;
margin: 0 80px 0 80px;
padding: 20px 20px 20px 20px;
background: #eee;
list-style-position: inside;
border: 2px dotted #b8b8b8;
font-size: 11px;
} 

#notebibl .nt li{ 
list-style-type: decimal;
margin-left: 10px;
line-height: 20px;
} 

#bibl p{ border-left: 25px solid #fff; } 

/*===Linkografia===*/


#lnks dt{
	font-weight: bold;
	margin: 10px 0 5px 15px;
} 

#lnks dd{
font-size: 13px;
line-height: 17px;
} 

#lnks dl{ 
margin: 0;
padding: 20px 0 30px 0;
} 

#lnks h2 { 
margin: 0;
padding: 10px 6px 10px 20px;
font-size: 14px;
font-weight: normal;
	letter-spacing: 0px;
	color: #4E4E4E;
	line-height: 21px;
	background-color: #F6F6F6;
} 


#lnks h3 { 
color: #000;
margin: 50px 0 30px 0px;
padding: 0 0 3px 0;
font-size: 18px;
font-weight: bold;
border-bottom: 1px dotted #000;
} 

dt a:link    {text-decoration : none; color: #900; letter-spacing: 2px;}
dt a:visited {text-decoration : none; color: #900; letter-spacing: 2px;}
dt a:hover   {text-decoration: none; color: #c7c7c7; letter-spacing: 2px;}


/*==mappa del sito==*/

#mapst a:link, #mapst a:visited{color: #515151; text-decoration : underline;} 
#mapst a:hover{color: #900; text-decoration : none;}
#mapst h1 {line-height: 3;} 
#mapst h4 {margin-left: 10px;} 
#mapst h5 {margin-left:20px;} 
#mapst h3{padding-top: 20px;} 
#mapst ul li {list-style-type: square; margin-left: 30px;} 



/*==Piccola gallery javascript ==*/

#imgl2 h1 { 
margin: 10px 0 10px 0;  
font-size: 30px;
}

#imgl2 p { 
margin-bottom: 40px;
}

#imgl2 h2, #imgl3 h2 { 
margin-top: 40px; 
font-size: 18px;
}

#imgl { 
margin: 0 8px 0 8px;
padding: 80px;
font-size: 13px;
} 

#imgl hr
{ 
clear: both;
visibility: hidden;
margin: 0;
padding: 0;
} 

#imgl2, #imgl3
{ 
width: 400px; 
height: 240px;  
margin: 0 auto; 
padding: 0;
} 

#imgl ul{ 
padding: 0;
margin: 0;
height: 120px; /*risolve in parte il float che sborda */
} 

#imgl ul li { 
padding: 0;
margin: 0;
float: left;
list-style-type: none;
width: 56px;
} 

#imgl2 ul li a, #imgl3 ul li a{ 
text-decoration: none;
width: 40px;
height: 40px;
padding: 0px;
border: 0 !important; /* siccome gli altri browser nn hanno bisogno del border, uso questo */
border: 1px solid #515151; /* ie */
margin: 6px;  /* inizialmente 8 */
display: inline;
float: left;
cursor: pointer;
} 

#imgl ul li a:hover { 
padding: 0;
border: 1px solid #c7c7c7;
} 

#imgl ul li a img { 
width: 40px;
height: 40px;
display: block;
border: 1px solid #515151 !important; /*opera e firefox*/
border: 0;  /* ie */
} 

#imgl ul li a img:hover { 
border: 1px solid #c7c7c7 !important;  /*opera e firefox*/
} 

#imgl p{ 
float: none;
clear: both;
} 


/*==menu vert==*/

#navigation a:link    {text-decoration : none; color: #515151;}
#navigation a:visited {text-decoration : none; color: #515151;}
#navigation a:hover   {text-decoration: underline overline; color: #900;}

#navigation  { 
background: #fff url(images/xx18.jpg) no-repeat; 
width: 140px;
float: left;
} 

#navigation h4 {
	margin: 15px 12px 10px 14px;
	padding: 0 0 1px 13px;
	border-bottom: 2px solid #600;
	font-size: 12px;
	color: #000;
	text-align: right;
} 

#menuvert {margin: 80px 0 0 0;} 
 
#navigation p { 
margin: 2px 8px 2px 14px;
font-size: 11px;
} 


#navigation p.torna, .torna, .torna3{ 
font-size: 10px;
padding: 20px 0 0 5px;
color: #515151;
} 

.torna3{ 
text-align: left;
} 

#navigation p.torna, .torna{ 
text-align: right;
} 

#footer a.tornasu:link, #footer a.tornasu:visited
{text-decoration : underline; color: #000; font-weight: bold;}

#navigation a.tornasu:link,  #articolo a.tornasu:link, #bblkar a.tornasu:link  
{text-decoration : underline; color: #515151; font-weight: bold;}
#navigation a.tornasu:visited, #articolo a.tornasu:visited,  #bblkar a.tornasu:visited   
{text-decoration : underline; color: #515151; font-weight: bold;}
#navigation a.tornasu:hover, #articolo a.tornasu:hover,  #footer a.tornasu:hover, #bblkar a.tornasu:hover   
{text-decoration: none; color: #900;}
/*necessaria questa sintassi x impedire che underline overline si applichi all'hover*/



/* ==footer== */

#footer  { 
background: #ccc;
width: 740px;
height: 110px; 
clear: both;
background: #800 url(images/bgfooter.jpg) repeat-x bottom;
} 

#footer  a{ 
padding: 0 4px 0 4px;
} 

#footer  p { 
padding: 4px 0 4px 0;
margin: 10px 20px 0 138px;
font-size: 11px;
} 

#footer  #copyright {text-align: center; margin-left: 0;} 



#footer a:link,  #footer a:visited  
{text-decoration : none; color: #c7c7c7; font-weight: bold;}
#footer a:hover   {text-decoration: none; color: #000;}

#footer #ftln:link,  #footer #ftln:visited  
{
	text-decoration: none;
	color: #000;
	font-weight: normal;
}
#footer #ftln:hover   {text-decoration: none; color: #4c4c4c;}

/*==contatore==*/

#cnt{ 
margin: auto 230px auto 230px;
padding: 0;
clear: both;
} 

#cnt2{ 

} 


/*==annunci==*/

#annun{ 
margin: 3px;
padding: 0;
} 

#annun2{ 
width: 134px;
height: 280px;
} 

#annun3{ 
margin-left: 7px;
margin-top: 15px;
padding: 0;
} 



/*=====================partners==================================//////////////////////////////*/

#partners #prtn{ 
width: 97px;
height: 22px;
display: block;
margin-left: 10px;
margin-top: 10px;
} 


#prtn {background: url(images/part2.gif)}
#partners #prtn:hover {background-position: -97px 0;}



/*
*/