html, body{margin:0; padding:0; height:100%}
body{ font-size:10px;
	background: #fff url(../gui/paper.png) repeat;
	text-align: center;
}

div#container{position:relative; width: 720px; height: 800px;     text-align: left;
margin: 0 auto;
	background-position: 10px 175px;
	background-repeat: no-repeat;
}

div#contenuto {
	width: 718px;
	height: 663px;
	border-right: 1px dotted #6C0E34;
	border-left: 1px dotted #6C0E34;
}

div#contenutoabout {
	width: 718px;
	border-right: 1px dotted #6C0E34;
	border-left: 1px dotted #6C0E34;
	height: auto;
	padding-bottom: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#header{
	height: 60px;
	margin: 0;
	padding-top: 30px;
	padding-left: 25px;
	border-right: 1px dotted #6C0E34;
	border-left: 1px dotted #6C0E34;
}

div#navigation{background-color: #550d27; height:27px; margin:0; padding:0;
}

div#content{position: relative; width: 440px; height: 630px;     text-align:left;
	left: 256px;
	top: 20px;
	overflow: auto;
	padding-right: 10px;
}

.titolo {
	color: #e41560;
	text-transform: uppercase;
	font: 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.descrizione {
	background-color: #550d27;
	padding: 7px 12px 7px 10px;
	color: white;
	font: 1.1em/1.5em Georgia, "Times New Roman", Times, serif;
	width: 398px;
	margin-bottom: 40px;
}

a.head img {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border-style: none;
	
}

img{border-width: 0}

div#about {
	width: 670px;
	margin-left: 24px;
	padding-top: 25px;
	color: #550d27;
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: left;
}

div#home {
	width: 670px;
	margin-left: 24px;
	padding-top: 25px;
	color: #550d27;
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: left;
}

#box {
	border-style: dotted;
	width: 648px;
	border-width: 1px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left: 24px;
	font-size: 1.2em;
	color: #550d27;
	list-style-type: disc;
}

#box2 {
	border-style: dotted;
	width: 156px;
	border-width: 1px;
	padding: 10px;
	margin-top: 10px;
	margin-left: 24px;
	font-size: 1.2em;
	color: #550d27;
	float: left;
	display: block;
}

#box3 {
	border-style: dotted;
	width: 454px;
	border-width: 1px;
	padding: 10px;
	margin-top: 10px;
	top: 0;
	font-size: 1.2em;
	color: #550d27;
	position: relative;
	float: left;
	left: 16px;
}

#box4 {
	border-style: dotted;
	width: 648px;
	border-width: 1px;
	padding: 10px;
	margin-bottom: 15px;
	margin-left: 24px;
	font-size: 1.2em;
	color: #550d27;
	top: -90px;
	margin-top: 113px;
}

.titoli {
	color: #e41560;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}

a:link {
	color: #550d27;
	text-decoration: none;
	border-bottom-width: 1px;
	font-weight: bold;
}

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

a:visited {
	color: #550d27;
	text-decoration: none;
	border-bottom-width: 1px;
	font-weight: bold;
}

a:visited:hover {
	text-decoration: none;
	color: #e41560;
}

.descrizione a:link {
	color: #e41560;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
	font-style: italic;
}

.descrizione a:visited {
	color: #e41560;
	text-decoration: none;
	font-style: italic;
	padding-right: 2px;
	padding-left: 2px;
}

.descrizione a:hover {
	color: #550d27;
	background-color: #e41560;
	padding-right: 2px;
	padding-left: 2px;
}

div#footer{position: absolute; background-color: #550d27; height: 20px; padding:0; margin:0; width: 720px;
	bottom: 0;
	right: 0;
}

div#footerabout{ background-color: #550d27; height: 20px; padding:0; margin:0; width: 720px;
	bottom: 0;
	right: 0;
}

.copyright{font-family:Georgia,"Times New Roman",Times,serif; color: white; font-size:1em; font-variant:normal; word-spacing:2px; position: absolute; padding: 5px 0 0; margin-left: 21px;
	left: 597px;
}

div#farfalla {
	width: 50px;
	height: 54px;
	top: 26px;
	position: absolute;
	background: url(../gui/farfallaanim.gif) no-repeat;
	right: 520px;
	z-index: 10;
}

div#flower1 {
	width: 76px;
	height: 76px;
	top: 78px;
	position: absolute;
	z-index: 7;
	background: url(../gui/flower1.gif) no-repeat;
	right: -75px;
}

div#flower2 {
	width: 209px;
	height: 338px;
	position: absolute;
	z-index: 1;
	background: url(../gui/flower2.gif) no-repeat;
	left: -95px;
	bottom: 14px;
}

div#flower3 {
	width: 209px;
	height: 320px;
	position: absolute;
	z-index: 1;
	background: url(../gui/flower3.gif) no-repeat;
	left: -76px;
	bottom: 16px;
}

div#flower4 {
	width: 139px;
	height: 618px;
	position: absolute;
	z-index: 1;
	background: url(../gui/flower4.gif) no-repeat;
	left: -100px;
	bottom: 6px;
}

div#flower5 {
	width: 100px;
	height: 310px;
	position: absolute;
	z-index: 1;
	background: url(../gui/flower5.gif) no-repeat;
	left: -55px;
	bottom: 13px;
}

div#flower8 {
	width: 76px;
	height: 203px;
	position: absolute;
	z-index: 1;
	background: url(../gui/flower8.gif) no-repeat;
	top: 674px;
	right: -21px;
}

div#albero {
	width: 385px;
	height: 258px;
	position: absolute;
	z-index: 12;
	background: url(../gui/albero.png) no-repeat;
	left: -2px;
	bottom: 20px;
}

#accordion {
	width: 160px;
	position: absolute;
	top: 149px;
	left: 26px;
	z-index:2;
}

.toggler {
	color: white;
	padding: 5px 5px 5px 8px;
	background:#550d27;
	cursor:pointer;
	font: normal 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: -8px;
	position: relative;
	text-transform: capitalize;
	text-decoration: none;
}

*html .toggler {
	margin: 0;
}

.toggler:hover {
	padding: 5px 5px 5px 8px;
	background-color: #e41560;
	background-image: url(../gui/pinkpaper.jpg);
	cursor:pointer;
	text-shadow: white 0 0 3px;
}

.element {
	background-color: #e41560;
	background-image: url(../gui/pinkpaper.jpg);
	position: relative;
	width: 152px;
	top: -9px;
	padding-left: 8px;
}

*html .element {
	position: relative;
	top: 0;
	margin-bottom: 1px;
}

.element h3 {
	position: static;
	padding-bottom: 11px;
	color: white;
	text-decoration: none;
	font: normal 0.9em/0.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	margin-bottom: -10px;
}

*html .element h3 {
	position: static;
	color: white;
	text-decoration: none;
	font: normal 0.9em/0.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	margin-top: 8px;
	margin-bottom: 4px;
	padding-top: 4px;
}

.element h3 a:link {
	color: #fff;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.element h3 a:visited {
	color: #fff;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.element h3 a:hover {
	color: #550d27;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

#navbar{ width: 420px;  height: 17px;  position:absolute; top: 85px;
	background-image: url(../gui/navbar.png);
	padding: 0;
	margin-top: 10px;
	margin-left: 22px;
}
#navbar li{padding:0; list-style:none; position:absolute; top:0}
#navbar li, #navbar a{height: 17px; display:block}
#illustrazione{left:0; width:107px}
#multimedia{left:109px; width:84px}
#stampa{left:195px; width:58px}
#goodies{left:255px; width:65px}
#shop{left:322px; width:44px}
#about{left:368px; width:52px}
#illustrazione a:hover{background: url(../gui/navbar.png) no-repeat 0 -17px}
#multimedia a:hover{background: url(../gui/navbar.png) no-repeat -109px -17px}
#stampa a:hover{background: url(../gui/navbar.png) no-repeat -195px -17px}
#goodies a:hover{background: url(../gui/navbar.png) no-repeat -255px -17px}
#shop a:hover{background: url(../gui/navbar.png) no-repeat -322px -17px}
#about a:hover{background: url(../gui/navbar.png) no-repeat -368px -17px}
#illustrazionedown{left:0; width:107px; background: url(../gui/navbar.png) no-repeat 0 -17px}
#multimediadown{left:109px; width:84px; background: url(../gui/navbar.png) no-repeat -109px -17px}
#stampadown{left:195px; width:58px; background: url(../gui/navbar.png) no-repeat -195px -17px}
#goodiesdown{left:255px; width:65px; background: url(../gui/navbar.png) no-repeat -255px -17px}
#shopdown{left:322px; width:44px; background: url(../gui/navbar.png) no-repeat -322px -17px}
#aboutdown{left:368px; width:52px; background: url(../gui/navbar.png) no-repeat -368px -17px}

#same {
	width: 420px;
	margin: 0;
	padding-right: 0;
}