html {
color:#000000;
background:#ffffff;
text-align:center;
margin:0;
padding:0;
}

body {
color:#000000;
background:#ffffff;
font-family:"trebuchet MS", sans-serif;
font-size:70%;
text-align:center;
margin:0;
padding:0;
}


acronym {
 border-bottom:1px dotted #999999;
}


a {
color:#ffffff;
border:1px;
font-weight:bold;
text-decoration:none;
}

a:visited {}

a:active {}

a:hover {
 text-decoration:underline;
}


ul {
margin:0;
padding:0 0 0 1.5em;
}


h1 {
font-size:3em;
margin:0;
color:#FDC347;
border-bottom:1px solid #FDC347;
text-align:right;
}


h2 {
 font-size:1.1em;
margin:0.3em 0;
}

h3 {
 font-size:1.2em;
margin:0.1em 0;
color:#cbf0fd;
}

h4 {
 font-size:1em;
margin:0.3em 0;
}


p {
margin:0 0 0.6em 0;
text-align:justify;
}

/*immagine di sfondo */
#corpo {
width:950px;
height:600px;
margin:0 auto;
text-align:left;
border-left:0px solid #777777;
border-right:0px solid #777777;
background: transparent url(../images/sfondo.jpg) no-repeat;
margin-top:0;
padding: 0;
border:1px solid #ffffff;
}

/*contenitore menu orrizzontale in alto per pulsanti link*/
#testa {
width:97,5%;
height:25px;
margin-top:75px;
padding:0em;
border-bottom:0px solid #777777;
border:0px solid #ffffff;
 }

#testa p {
padding-left: 15px;
padding-top: 5px;
font-size: 25px;
margin-bottom: 0px;
line-height: 28px;
}

#testa ul {
margin-left: 0px;
margin-top: 4px;
padding: 0px;
}

#testa ul li{
display: inline;
list-style-type: none;
}

#mail{
width:175px;
margin-left: 175px;
padding-top: 1px;
}

#mail a {
color:#573921;
font-size:12px;
}

/*contenitore centrale per contenuti, immagini etc.,etc., */
#contenitore {
margin-top: 56px;
height: 430px;
border:0px solid #777777;
}


#colonna-sx {
width:125px;
float: left;
margin-left: 18px !important;
margin-left: 10px;
/* background-color: #CBF0FD;
*/ border:0px solid #777777;
padding:0.6em;
margin-top: 0px;
}

#colonna-sx h3 {
margin-top:0em;
margin-bottom: 1em;
color:#000000;
letter-spacing:0.3em;
font-size:1.2em;
text-align: center;
}

#colonna-sx a  {
color:#000000;
border:1px;
font-weight:bold;
text-decoration:none;
}
  
#colonna-sx a:hover {
 color: #efb67f;
text-decoration:none;
}


#principale  {
float: left;
width:600px;
height:394px;
margin-left:5px;
margin-top:-3px;
border: 0px solid #2693FF;
overflow: auto;
text-align: center;
}

#allegato  a{
 color:#000;
}


#appuntamenti {
float: left;
width: 200px;
height: 354px;
background: url(../images/appuntamenti.gif) no-repeat;
margin-top: 30px;
margin-left: 0px;
}

#osservatorio {
float: left;
width: 200px;
height: 354px;
background: url(../images/osservatorio.gif) no-repeat;
margin-top: 30px;
margin-left: 0px;
}

#notiziario {
float: left;
width: 200px;
height: 354px;
background: url(../images/notiziario.gif) no-repeat;
margin-top: 30px;
margin-left: 0px;
}


#testo {
width: 130px;
height: 220px;
border: 0px solid black;
margin-top: 76px;
margin-left:32px;
}

#testo ul {
list-style-type:none;
padding-left: 0px;
}

#testo  li{
 margin-top: 10px;
border-bottom: 1px solid pink;
}


#testo a {
color: blue;
}

#testo a:hover {
 color:#efb67f;
text-decoration:none;
}


/*menu orrizontale per pulsanti link */
  
#menu {
float: left;
width: 142px;
height: auto;
border: 0px solid pink;
margin-top: 170px;
margin-left: 12px;
}
  
#menu ul{
width: auto;
height: 40px;
border: 0px solid yellow;
list-style-type:none;
padding:0;
/* margin-top:50px;
*/  margin-left:18px;
}

#menu ul li{
 width: 79px;
height: 30px;
/* margin-top: 50px;
*/ padding:0;
border: 0px solid green;
text-align: center;
 line-through: 5px;
margin-left: 18px;
margin-bottom: -10px;
color: #000000;
}


/* #menu a {
 border: 1px solid orange;
width: 79px;
height: 30px;
margin-left: -3px;
margin-top: 0px;
padding:0;
text-decoration:none;
text-align: center;
}
 */
/* #menu li:hover{
width: 79px;
height: 20px;
text-decoration:none;
text-align:center;
color: #ffffff;
 border: 0px solid #95815e;
 background-color: #ff7e00;
 margin-left: 18px;
margin-bottom: -10px;
}
 
 */
#menu li a:hover {
color: #efb67f;
cursor: pointer;
text-decoration:none;
}

#menu li a {
 color: #000000;
text-decoration:none;
}
 


#count {
float: left;
border: 0px solid red;
margin-left: -757px;
margin-top: 297px;
text-align: left;
}

.scarica {
padding-right:5px;
padding-left:3px;
}

.scarica h3 {
letter-spacing:0.1em;
font-size:1.2em;
text-align: center;
border:0px solid #FDC347;
}

.scarica h3 font u {
text-decoration: none;
color:#000000;
}


.scarica h3 u {
color:#000000;
text-decoration: none;
}

.scarica h3 u font {
color:#000000;
text-decoration: none;
}


#footer {
position: relative;
width:950px;
height: 23px;
font-size:0.8em;
color: #000000;
margin-top: -10px;
padding: 0;
border-top:0px solid #777777;
border-bottom:0px solid #777777;
border: 0px dotted green;
}

 
#footer .scrittaPreLogo {
float: left;
margin-top: 4px;
width:195px;
padding: 0;
border-top:0px solid #777777;
border-bottom:0px solid #777777;
border: 0px dotted red;
}

#footer .logo {
float: left;
margin-top: 0px;
padding: 0;
}

#footer .scrittaPostLogo {
float: left;
margin-top: 4px;
padding: 0;
 border-top:0px solid #777777;
border-bottom:0px solid #777777;
border: 0px dotted red;
}

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


#copyrightVSSP {

	float: left;
	padding-left: 10px;
	border:0px solid #50daee;
	font-weight: bolder;
}


#copyright2piu {

	float: right;
	padding-right: 38px;
	text-align: bottom;
	/* La proprietà margin-top è utilizzata per allineare la scritta, poichè nel copyright VSSP c'è un'immagine che aumenta l'altezza del div. */
	margin-top: 2px;
	border:0px solid green;
	font-weight: bolder;
}


.scarica p {
 font-size:1.2em;
margin:0.6em 0;
padding:0 0.3em;
  }

.scarica a {
 color:#000000;
}

.stili ul {
 padding:0;
 }

.stili li {
border-bottom:0px solid #eeeeee;
list-style-type:none;
}

.selected {
color:#efb67f}


.risorse li {
 list-style-image:url(images/data.gif);
}


.validazioni {
margin:0.6em 0;
padding:0 0.3em;
background-color:#f5f5f5;
border:1px solid #e1e1e1;
}

.validazioni a {
 color:#888888;
}

#video {
	margin-top:20px;
}

/*immagini extra*/