* {
	padding: 0;
	margin: 0;
} 

body {
	font: .8em "Lucida Sans", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	background-image: url(../image/optsbg.gif);
	background-repeat: repeat;
}

a {
	text-decoration: none;
	color: #3B85CA;
}

a:hover { 
	color: #000; 
}

#wrap 
{
	margin: 20px auto;
	width: 500px;
	padding: 10px;
	background-color: #fff;
}

#header 
{
	height : 90px;
	background-color : #3865ba;
	text-align:left;
	background-image: url(image/madreTeresa.png),;
	background-repeat: no-repeat;
}

#header h1 { padding-left: 0px; padding-top: 12px; font-size: 30px; color: #fff; }
#header h1 a { font-size: 25px; color: #31799f; text-decoration: none;}
#header h2 { padding-left: 105px; padding-top: 0px; font-size: 20px; color: #fff; }
#header h3 { padding-left: 0px; padding-top: 0px; font-size: 20px; color: #fff; }

#menu {
	text-align: center;
	margin-top: 10px;
	font-size : 14px;
	padding:2px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px solid #D8E3EE; 
	background: #F9FCFC;
}

#menu a {
	color : #3B85CA;
	text-decoration : none;
	padding: 10px;
}

#menu a:hover {
	color : #000;
}

#content { 
	text-align: left;
	margin-top: 5px;
	padding: 10px;
	font-size: 12px;
}

#content h4 { 
	font-size: 18px; 
	color : #3865ba; 
	padding: 0 0 5px 0;
	text-align:right;
}

#content h2 { 
	font-size: 15px; 
	color : #3b85ca; 
	padding: 0 0 5px 0;
}

#footer { 
	margin-top: 25px; 
	clear: both;
	text-align: center; 
	color: #fff;
	font-size:10px; 
	background-color:#3865ba;
	padding:2px;
}

.meta {
	padding-bottom:2px;
	font-size: 10px;
	color:#999999;
	font:Arial, Helvetica, sans-serif;
}

#bottom {
	font-size:11px;
	padding: 10px 0 0 0;
}

#bottomleft {
	width:45%;
	float:left;
	background:#fff;
	padding-bottom:10px;
	padding-left:5px;
}


#bottomright {
	width:45%;
	float:right;
	background:#fff;
	padding-bottom:10px;
	padding-right:5px;
}

#divider {
	text-align: center;
	font-size : 11px;
	padding:2px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

/*Per script pagina: personaggi.html*/

#demo-bar {
	margin: 5px auto;
	padding: 5px 0;
	width: 480px;
	border-bottom: 1px solid #B3D4EF;
	background: #EFF8FF;
	text-align: center;
	font-size:13px;
}
 
#demo-wrapper {
	margin: 5px auto;
	overflow: hidden; 
	height: 400px; 
	width: 480px;
	border: 1px solid #ddd;
	position: relative;
}
 
#demo-inner {
	width: 2046px;
	height: 1364px;
	background-image: url(../image/personaggi.jpg);
	position: relative;
}
 
.scrolling-content {
	background: transparent url(../image/bubble.png) top left no-repeat;
	width: 139px;
	height: 73px;
	text-align: center;
	position: absolute;
}
 
.scrolling-content h1 { 
	color: #fff;
	padding: 25px 0;
	font-size: 12px;
}
 
#content1 {
	left: 1350px; 
	top: 500px;
}
 
#content2 {
	left: 938px; 
	top: 235px;
}
 
#content3 {
	left: 410px; 
	top: 910px;
}
 
#content4 {
	left: 100px; 
	top: 160px;
}

#content5 {
	left: 520px; 
	top: 80px;
}

#content6 {
	left: 815px; 
	top: 525px;
}

#content7 {
	left: 1224px; 
	top: 793px;
}

#content8 {
	left: 1705px; 
	top: 470px;
}

#content9 {
	left: 1333px; 
	top: 235px;
}

#content10 {
	left: 557px; 
	top: 800px;
}

#content11 {
	left: 1629px; 
	top: 226px;
}

#content12 {
	left: 1614px; 
	top: 761px;
}

#content13 {
	left: 1060px; 
	top: 870px;
}

#content14 {
	left: 1050px; 
	top: 529px;
}