/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
/*                 DEFINIZIONE DI BASE DELLA PAGINA:  BODY & HTML                 */
/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */

body, html {
    height: 100%;
    margin:0;
		font-family: "Times New Roman", Arial, Helvetica, sans-serif;
    color: rgb(115,0,0);
	  background-color: rgb(255,255,255);
    }

/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
/*                         DEFINIZIONE GENERALE DEI  LINK                         */
/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */

/* link non ancora visitato */
a:link {
    color: rgb(115,0,0);
		text-decoration: none;
		}

/* link visitato o nella cache del browser */
a:visited {
    color: rgb(115,0,0);
		text-decoration: none;
		}

/* cursore del mouse mentre passa sopra il link */
a:hover {
		color: rgb(230,0,0);
		text-decoration: none;
		font-weight: bold;
		font-style: italic;
		}

/* Stato del link mentre il tasto del mouse e' premuto e non rilasciato */
		a:active {
    color: rgb(255,255,255);
		text-decoration: none;
		}

/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
/*                           DEFINIZIONE  DELLA  TESTATA                          */
/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
/* rgb(240,50,0); arancione */
/* rgb(255,235,188); giallino */


div#testata
		{
	  position:absolute;
	  width:1000px;
	  height:250px;
    left: 50%;
    margin-left: -500px;
    margin-top: 15px;
	  background:  url(../images/sfondo-testata-menu_1000x250.png) no-repeat center;
	  }

div#testatasx
		{
	  position:absolute;
	  width:160px;
	  height:162px;
    left: 50%;
    margin-left: -480px;
    margin-top: 20px;
	  border-top: 5px double rgb(115,0,0);
	  border-bottom: 5px double rgb(115,0,0);
	  border-left: 5px double rgb(115,0,0);
		background: url(../images/logo_160x162.png) rgb(255,235,188) no-repeat center;
		z-index: 1;
	  }

div#testatacentro
		{
	  position:absolute;
	  width:630px;
	  height:162px;
    left: 50%;
    margin-left: -315px;
    margin-top: 20px;
	  border-top: 5px double rgb(115,0,0);
	  border-bottom: 5px double rgb(115,0,0);
	  background-color: rgb(255,235,188);
		z-index: 1;
	  }

div#testatacentro-scritta1
		{
	  position:absolute;
	  width:600px;
	  height:50px;
    left: 50%;
    margin-left: -300px;
    margin-top: 60px;
		background: url(../images/nome-sito_600x50.png) no-repeat center;
		z-index: 1;
	  }

div#testatacentro-scritta2
		{
	  position:absolute;
	  width:500px;
	  height:18px;
    left: 50%;
    margin-left: -250px;
    margin-top: 10px;
		background: url(../images/the_online_journal_500x18.png) no-repeat center;
		z-index: 1;
	  }

div#testatacentro-scritta3
		{
	  position:absolute;
	  width:340px;
	  height:34px;
    left: 50%;
    margin-left: -170px;
    margin-top: 127px;
		background: url(../images/sponsor_340x34.png) no-repeat center;
		z-index: 1;
	  }

div#testatadx
		{
	  position:absolute;
	  width:160px;
	  height:162px;
    left: 50%;
    margin-left: 315px;
    margin-top: 20px;
	  border-top: 5px double rgb(115,0,0);
	  border-bottom: 5px double rgb(115,0,0);
	  border-right: 5px double rgb(115,0,0);
		background-color: rgb(255,235,188);
	  }

div#testatadx-lastissue
		{
	  position:absolute;
	  width:160px;
	  height:50px;
    left: 50%;
    margin-left: -80px;
    margin-top: 0px;
	  border-bottom: 1px solid rgb(115,0,0);
    text-align: center; /* centra il testo orizzontalmente */
    padding-top: 30px;
		/* background-color: rgb(35,213,26); */
	  }

div#testatadx-next
		{
	  position:absolute;
	  width:160px;
	  height:40px;
    left: 50%;
    margin-left: -80px;
    margin-top: 81px;
	  border-top: 1px solid rgb(115,0,0);
    text-align: center; /* centra il testo orizzontalmente */
    padding-top: 20px;
		/* background-color: rgb(189,11,227); */
	  }

/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
/*                     DEFINIZIONE DEL BOX CONTENITORE DEL MENU'                  */
/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
div#menubox
		{
	  position:absolute;
	  width:950px;
	  height:30px;
    left: 50%;
    margin-left: -480px;
    margin-top: 193px;
	  border-width: 5px;
	  border-style: double;
	  border-color: rgb(115,0,0);
    text-align: center; /* centra il testo orizzontalmente */
	  background-color: rgb(255,235,188);
	  }

/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
/*                DEFINIZIONE DEL BOX CONTENITORE IL CORPO E IL PIEDE             */
/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
div#container
		{
	  position:absolute;
	  width:950px;
	  height:auto;
    left: 50%;
    margin-left: -475px;
    margin-top: 265px;
	  /* background-color: rgb(255,235,188); */
	  }

/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
/*     DEFINIZIONE DEi BOX DX + SX NEL CORPO, CONTENENTI LA LISTA DEI VOLUMI      */
/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
div#container-box-sx,
div#container-box-dx
		{
	  position:absolute;
	  width:470px;
	  height:auto;
    left: 50%;
    margin-top: 0px;
	  background-color: rgb(255,235,188);
		z-index: 1;
	  }

div#container-box-sx
		{
    margin-left: -470px;
	  }

div#container-box-dx
		{
    margin-left: -475px;
	  }
/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
/*                             DEFINIZIONE  DEL  PIEDE                            */
/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
div#piede
		{
	  position:absolute;
	  width:1000px;
	  height:80px;
    left: 50%;
    margin-left: -500px;
    margin-top: 5px;
	  background:  url(../images/sfondo-piede_1000x80.png) no-repeat center;
	  }

div#piede-inside
		{
	  position:absolute;
	  width:958px;
	  height:38px;
    left: 50%;
    margin-left: -480px;
    margin-top: 18px;
	  border: 3px double rgb(115,0,0);
	  background-color: rgb(255,235,188);
	  }

/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
/* DEFINIZIONE BOX CONTAVISITE                          */
/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */

div#box-contavisite
		{
	  position:absolute;
	  width:150px;
	  height:35px;
    left: 50%;
    margin-left: 343px;
    margin-top: 250px;
		}