/* Sviluppato da Valentina Franzoni
(se si modifica il file, per favore aggiornare questa dicitura) */


html { background: black;	/* lo sfondo della pagina è nero */
		font-family: Verdana, arial, sans-serif;	/* font predefinito della pagina */
		font-size: 18px;	/* dimensione font */
		font-weight: normal;	/* normale, quindi non grassetto o corsivo etc */
		line-height: 1.5em;	/* interlinea 1,5 */
		margin: 0;
		border: 0;
		padding: 0; /*dichiararli cmq per "azzerare" quelli dati di default da vari browser*/
}

a {
	border: none;
	/*text-decoration:none;*/
}

h4 {
	text-align:center;
}

div#whole { width: 1024px;	/* larghezza della pagina */
margin-left: auto;
margin-right: auto;
}

div#intestazione {	/* intestazione */
	color: White;
	height:123px;
	width: 887px;
	background-image: url(immagini/sfondo8.gif);
	background-repeat: no-repeat;
	text-align: left;
	margin-left: 5px;
	padding-left: 15px;
	padding-top: 10px;
}

div#menu { width: 220px;	/* larghezza del menu */
		float:left;
		min-width: 220px;
		min-height: 200px;
}

a#buttonHome, a#buttonBio, a#buttonMostre, a#buttonOpere, a#buttonContatti, a#buttonNews, a#buttonFacebook { /* proprietà del bottone nel menu */
	margin-top: 5px;
	position:relative;
	text-decoration: none;
	display: block;
	width: 220px;
	height: 50px;
	color: #0066CC;
	margin-left: 5px;
	padding-left: 5px;
}


a#buttonHome span, a#buttonBio span, a#buttonMostre span, a#buttonOpere span, a#buttonContatti span, a#buttonNews span, a#buttonFacebook span { /* uso span come tecnica di image-replacement: il risultato è che ho la scritta, che viene quindi indicizzata correttamente nei motori di ricerca, ma l'immagine di background viene incollata sopra la scritta, che quindi non si vede */
	background-repeat: no-repeat;
	display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

a#buttonHome span{ 
	background-image: url(immagini/buttonHome.gif);
}

/*a#buttonHome:link span, a#buttonHome:visited span{ background-image: url(immagini/buttonHome.gif); }*/

a#buttonHome:hover span, a#buttonBio:hover span, a#buttonMostre:hover span, a#buttonOpere:hover span, a#buttonContatti:hover span, a#buttonNews:hover span, a#buttonFacebook:hover span{ /* proprietà, sempre con l'image replacement, dell'hover */
	background-repeat: no-repeat;
	display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


a#buttonHome:hover span{ /* image replacement, dell'hover di Home */
	background-image: url(immagini/hoverHome.gif);
}

a#buttonBio span{ 
	background-image: url(immagini/buttonBio.gif);
}

a#buttonBio:hover span{ 
	background-image: url(immagini/hoverBio.gif);
}

a#buttonMostre span{ 
	background-image: url(immagini/buttonMostre.gif);
}

a#buttonMostre:hover span{ 
	background-image: url(immagini/hoverMostre.gif);
}

a#buttonOpere span{ 
	background-image: url(immagini/buttonOpere.gif);
}

a#buttonOpere:hover span{ 
	background-image: url(immagini/hoverOpere.gif);
}

a#buttonContatti span{ 
	background-image: url(immagini/buttonContatti.gif);
}


a#buttonContatti:hover span{ 
	background-image: url(immagini/hoverContatti.gif);
}

a#buttonNews span{ /* uso span come tecnica di image-replacement: il risultato è che ho la scritta, che viene quindi indicizzata correttamente nei motori di ricerca, ma l'immagine di background viene incollata sopra la scritta, che quindi non si vede */
	background-image: url(immagini/buttonNews.gif);
}

a#buttonNews:hover span{ /* proprietà, sempre con l'image replacement, dell'hover di News */
	background-image: url(immagini/hoverNews.gif);
}

a#buttonFacebook span{ /* uso span come tecnica di image-replacement: il risultato è che ho la scritta, che viene quindi indicizzata correttamente nei motori di ricerca, ma l'immagine di background viene incollata sopra la scritta, che quindi non si vede */
	background-image: url(immagini/buttonFacebook.gif);
}

a#buttonFacebook:hover span{ /* proprietà, sempre con l'image replacement, dell'hover di News */
	background-image: url(immagini/hoverFacebook.gif);
}

img { 
	border: 0; /* per togliere il bordo quando l'immagine è un link */
}

li { 
margin-left: -40px;; /* margine sinistro degli elementi di lista, per il corretto allineamento */
}

div#contenuto { /* riguarda il contenuto della casella con sfondo celeste dove compare di pagina in pagina il contenuto relativo */
text-align: left;
width: 680px;
min-height: 480px;
margin-left: 45px;
margin-top: 18px;
padding-left: 15px; /* era 15 */
padding-top: 15px;
background-color: #CCCCFF;
color: black;
float:left;
 -moz-border-radius-topright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-bottomleft: 10px;
}


div#contenuto p { /* spaziature del paragrafo di contenuto */
/*margin-left: 20px;*/
margin-top: 15px;
margin-bottom: 15px;
}

.riga { 
width: 635px;
padding: 0px;
margin: 0px;
float: right;
padding-bottom: 20px;
margin-bottom: 20px;
}

.riga a { 
text-decoration:underline;
}

.riga_thumb, .riga_thumb_tesi, .riga_thumb_cs, .riga_thumb_estesi, .riga_thumb_chiron {
width: 525px;
min-height: 130px;
padding: 0px;
margin: 0px;
float: left;
padding-left:18px;
}

.riga_thumb_tesi {
padding-left: 5px;
}

.riga_thumb_chiron, .riga_thumb_cs {
width: 550px;
}

.riga_thumb_estesi {
width: 535px;
}

.casella {
text-align: center;
width: 150px;
float: left;
margin: 0px;
padding: 0px;
margin-right: 60px;
}

.casella dx {
text-align: center;
width: 150px;
float: left;
margin: 0px;
}

.casella img{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}

.indietro {
text-align:center;
float: left;
width: 100%;
margin-top:20px;
padding-bottom:20px;
}


div#contenuto h2 { /* allineamento titolo del paragrafo di contenuto */
text-align: center;
}

div#contenuto h3 { 
text-align: center;
margin-bottom: 20px;
}

div#contenuto ul { /* spaziature delle liste puntate in contenuto: necessario perché i punti elenco se no non hanno padding */
padding-left: 50px;
padding-right: 20px;
padding-bottom: 15px;
}

div#contenuto ol { /* spaziature delle liste numerate in contenuto: necessario perché i punti elenco se no non hanno padding */
padding-left: 70px;
padding-right: 20px;
padding-bottom: 15px;
}

div#home p{ 
text-align: center;
font-style:italic;
margin:20px;
float:left;
}

div#home img{ /* il footer scende a fondo pagina */
	float: right;
	margin-right:20px;
}

div#footer { /* il footer scende a fondo pagina */
	float: left;
	width: 100%;
}

div#footer p#dati { /* proprietà del testo riguardante i dati nel footer */
font-size: 70%;
text-align: center;
font-style: italic;
color: white;
border-top: 1px solid white;
}


/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .zoom
{
	display: none;
}

.hoverbox a:hover .zoom
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	/* width: 150px; */
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .zoom
{
	border-color: #000;
	/*width: 530px; */
}

.hoverbox .zooml
{
	border-color: #000;
	height: 530px;
}



.testo
{
	padding:0;
	margin:0;
	text-align:justify;
	padding-right:20px;
	margin-top:15px;
}

.testo a
{
	text-decoration:underline;
}