/* http://www.gioialomasti.eu by Lombo*/



body {
 
	overflow: visible; 
	margin:0;
	padding:0;
	height: 100%;
	width: 100%;
	z-index: 0;
	background-color:#FAEBD7;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
}

a:link    {
      color: #7B1B02;
      text-decoration: none;
}
a:visited {
      color: #7B1B02;
      text-decoration: none;
}
a:hover   {color: #7B1B02;
           text-decoration: underline;}

img.floatleft {
	float: left;
	margin: 5px 14px 3px 1px;
}

img.floatright {
	float: right;
	margin: 5px 1px 3px 14px;
}

h1 {
	font: normal 1.8em "Times New Roman", Times, serif;
        margin-top: 1px;
        text-align:left;
	margin-bottom: 1px;
        color: #7B1B02
}

h2 {
	font: normal 1.3em "Times New Roman", Times, serif;
        margin-top: 1px;
        text-align:left;
	margin-bottom: 1px;
        color: #7B1B02
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
        font-size: 15px;
	font-weight: bold;
	padding-left: 25px;
        color: #000000;              
}

img {
	border:none;
}

#corpo {
	position: relative;
	top: 0px;
	margin: auto;
	width: 980px;
	height: 100%;
	float:none;
	z-index:10;
}

#sfondo_index {
	position:absolute;
	left:407px;
	top:100px;
  width:654px;
	height:600px;
  z-index:2;
	visibility:visible;
}

#sfondo_libro {
	position:absolute;
	left:507px;
	top:125px;
  width:654px;
	height:600px;
  z-index:2;
	visibility:visible;
}

#sfondo_cornice {
	position:absolute;
	left:380px;
	top:160px;
  width:654px;
	height:600px;
  z-index:2;
	visibility:visible;
}

#like {
	position:absolute;
	left:300px;
	top:630px;
        width:50px;
	height:21px;
        z-index:50;
	visibility:visible;
}

#like1 {
	position:absolute;
	left:350px;
	top:30px;
        width:50px;
	height:21px;
        z-index:50;
	visibility:visible;
}

#condividi {
	position:absolute;
	left:823px;
	top:150px;
	width:97px;
	height:97px;
        border:none;
	z-index:3;
	visibility:visible;
}

#rassegna {
        border: 0px solid #000000;
	position:absolute;
	left:405px;
	top:165px;
  width:390px;
	height:550px;
  z-index:50;
	visibility:visible;
}

.tabella {
width: 140px;  
}



h4 {
	font: normal 1.3em "Times New Roman", Times, serif;
        margin-top: 1px;
        text-align:right;
	margin-bottom: 1px;
        color: #7B1B02
}

#sfondo_riconoscimenti {
	position:absolute;
	left:400px;
	top:145px;
  width:408px;
	height:569px;
  z-index:2;
	visibility:visible;
}

#sfondo_vivarium {
	position:absolute;
	left:400px;
	top:165px;
  width:593px;
	height:565px;
  z-index:2;
	visibility:visible;
}

#sfondo_colonna{
	background-color: transparent;
	background-image:url(img/colonna.png);
	background-repeat:repeat-y;
	position:absolute;
	left:800px;
	top:0px;
	margin: auto;
	overflow: auto;
	width:127px;
	height:824px;
	z-index:2;
}	

#foto_gioia {
	position:absolute;
	left:815px;
	top:29px;
	width:97px;
	height:97px;
  border:none;
	z-index:3;
	visibility:visible;
}

#sell_book {
	position:absolute;
	left:808px;
	top:629px;
	width:110px;
	height:173px;
  border:none;
	z-index:3;
	visibility:visible;
}

#sell_text {
	position:absolute;
	left:830px;
	top:803px;
	width:40px;
	height:11px;
	z-index:7;
	visibility:visible;
}

#cornice {
	position:absolute;
	left:4px;
	top:0px;
	width:475px;
	height:3px;
	z-index:4;
	visibility:visible;
}

#firma {
	position:absolute;
  border:none;
	left:570px;
	top:721px;
	width:25px;
	height:20px;
	z-index:2;
	visibility:visible;
}

#content {
  text-align:justify;
	position:absolute;
	left:107px;
	top:101px;
	width:275px;
	height:504px;
	z-index:7;
	visibility:visible;
	font-size:14px;
	line-height:100%;
}

.content1 {
        text-align:justify;
	position:absolute;
	left:104px;
	top:111px;
	width:450px;
	height:722px;
	z-index:9;
	visibility:visible;
	padding-left:10px;
}

#foto3 {
	position:absolute;
	left:423px;
	top:510px;
	width:110px;
	height:170px;
	z-index:9;
	visibility:visible;
}
#foto2 {
	position:absolute;
	left:422px;
	top:305px;
	width:110px;
	height:173px;
	z-index:10;
	visibility:visible;
}
#foto1 {
	position:absolute;
	left:423px;
	top:104px;
	width:110px;
	height:175px;
	z-index:11;
	visibility:visible;
}
#descrizione1 {
	position:absolute;
	/*color: #007BA7;*/
	color: #2F2F2F;
	left:324px;
	top:276px;
	width:167px;
	height:12px;
	z-index:5;
	visibility:visible;
	font-size:15px;
	line-height:100%;
	text-align:right;
}
#descrizione2 {
	position:absolute;
	/*color: #ffd800;*/
	color: #ffffff;
	left:424px;
	top:480px;
	width:166px;
	height:34px;
	z-index:4;
	visibility:visible;
	font-size:14px;
	line-height:100%;
	text-align:right;
}

#descrizione3 {
	position:absolute;
	color: #EFEFEF;
	left:380px;
	top:680px;
	width:166px;
	height:34px;
	z-index:4;
	visibility:visible;
	font-size:15px;
	line-height:100%;
	text-align:right;
}

div.minilink {
	position:absolute;
	left:505px;
	top:56px;
	width:171px;
	height:31px;
	z-index:5;
	visibility:visible;
}

#testominilink {
	position:absolute;
	left:670px;
	top:56px;
	width:56px;
	height:11px;
	z-index:8;
	visibility:visible;
}



/*fino a qui*/




#home {
	position:absolute;
	left:826px;
	top:181px;
	width:60px;
	height:11px;
	z-index:6;
	visibility:visible;
}
#passaggio {
	position:absolute;
	left:826px;
	top:205px;
	width:40px;
	height:11px;
	z-index:7;
	visibility:visible;
}
#dolcealsoffio {
	position:absolute;
	left:826px;
	top:230px;
	width:31px;
	height:13px;
	z-index:8;
	visibility:visible;
}
#mixando {
	position:absolute;
	left:826px;
	top:255px;
	width:66px;
	height:11px;
	z-index:9;
	visibility:visible;
}
#poesiaevita {
	position:absolute;
	left:826px;
	top:295px;
	width:58px;
	height:11px;
	z-index:11;
	visibility:visible;
}
#reminiscenze {
	position:absolute;
	left:826px;
	top:320px;
	width:25px;
	height:11px;
	z-index:10;
	visibility:visible;
}

#riconoscimenti {
	position:absolute;
	left:826px;
	top:345px;
	width:50px;
	height:11px;
	z-index:12;
	visibility:visible;
}

#contattami {
	position:absolute;
	left:826px;
	top:370px;
	width:50px;
	height:11px;
	z-index:12;
	visibility:visible;
}


/* link menu*/

a.menu:link {
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;
	font-size:14px;
	height:30px;
	width:77px;
}

a.menu:visited {
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;
	font-size:14px;
	height:30px;
	width:77px;
}

a.menu:active {
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;
	font-size:14px;
	height:30px;
	width:77px;
}

a.menu:hover {
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	font-size:16px;
	height:30px;
	width:77px;
}

.button_pass {
width: 110px;
height: 175px;
}
.button_pass a {
display: block;
width: 110px;
height: 175px;
background: url(cover/pass02a.png) no-repeat top left;
}

.button_pass a:hover {
background-position: top right;
}

.button_dolce {
width: 110px;
height: 173px;
}
.button_dolce a {
display: block;
width: 110px;
height: 173px;
background: url(cover/dolce02a.png) no-repeat top left;
}

.button_dolce a:hover {
background-position: top right;
}

.button_mixando {
width: 110px;
height: 170px;
}
.button_mixando a {
display: block;
width: 110px;
height: 170px;
background: url(cover/mixando02a.png) no-repeat top left;
}

.button_mixando a:hover {
background-position: top right;
}

.button_gioia {
width: 97px;
height: 97px;
}
.button_gioia a {
display: block;
width: 97px;
height: 97px;
background: url(img/gioia.jpg) no-repeat top left;
}

.button_gioia a:hover {
background-position: top right;
}
.accordion2 {
	width: 270px;
}

.accordion2 h3 {
	font-size:12px;
	color:/*#372c24*/white;
	padding:0 0 0 7px;
	margin: 0;
	cursor: pointer;
	height:25px;
	line-height:23px;
	background-color:/*#8cb6d9*/#7B1B02;
	border-top:1px solid #FAEBD7;
}
.accordion2 h3:hover {
	background: url(img/menuc.gif) right center no-repeat;
	background-color: /*#ff6600*/#CFB53B;
	color:white
}
.accordion2 h3.active {
	background: url(img/menuch.gif) right center no-repeat;
	background-color:#372c24;
	color:white
}

.accordion2 p {
	background:/*#f9f9f9*/#FAEBD7;
	margin: 0;
	font-family:verdana;
	color:#372c24;
	padding: 10px 15px 20px;
	display: none;
}

.accordion1 {
	width: 300px;
}

.accordion1 h3 {
	font-size:12px;
	color:/*#372c24*/white;
	padding:0 0 0 7px;
	margin: 0;
	cursor: pointer;
	height:25px;
	line-height:23px;
	background-color:/*#8cb6d9*/#7B1B02;
	border-top:1px solid #FAEBD7;
}
.accordion1 h3:hover {
	background: url(img/menuc.gif) right center no-repeat;
	background-color: /*#ff6600*/#CFB53B;
	color:white
}
.accordion1 h3.active {
	background: url(img/menuch.gif) right center no-repeat;
	background-color:#372c24;
	color:white
}

.accordion1 p {
	background:/*#f9f9f9*/#FAEBD7;
	margin: 0;
	font-family:verdana;
	color:#372c24;
	padding: 10px 15px 20px;
	display: none;
}
