/* CSS Document */
body {
	  	background-image:url(/image/sfondobodyok.jpg);
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px
}

h1
{
	font-size:14px;
	
}

a 
{
	color:black;
	font-weight: bold;
}

#HeaderDiv
{

}

#MainDiv
{
	background-position:top center ;
	background-repeat:no-repeat;
}

#ContentDiv
{
	overflow:auto;
	padding:30px;
	z-index:99;
	position:absolute;
	top:475px;
	left:0px;
	width:930px;
	background-image:url(/image/sfondocontent.jpg);
	
}

#LeftDiv
{
	width:200px;
	float:left
}

#CenterDiv
{
	width:520px;
	float:left;
	margin-left:10px
}

#RightDiv
{
	margin-left:25px;
	width:170px;
	float:left
}

.Bussola 
{
	float:left;
}

.Bussola div
{
	float:left;
	margin-left:5px
}

.Titolo
{
	margin-bottom:5px;
	text-decoration:underline;
	float:left
}

.NomeSantoDiOggi
{
	font-size:16px;
	font-weight:bold;
}

.SantoDiOggi
{
	float:left;
	margin-left:5px;
	margin-bottom:10px;
	width:330px
}

.AltriSanti
{
	font-size:12px;
	font-weight:bold;
	float:left;
	clear:both;
}

.TipologiaSantoDiOggi
{
	font-size:16px;
	font-style:italic;
}

.BoxLeft
{
	padding:5px;
	margin-top:10px;
	float:left;
	width:180px
}

.BoxLeft > div
{
	width:180px;
	float:left
}


#SpanSanti { display:block; width:500px; margin:0 }
#SpanSanti span { display:block; line-height:20px; font-size:16px; width:500px; margin:0; cursor:pointer; font-size:12px; padding-left:4px }
.SpanSelezionato { background-color:#D3E4FF; }
#SpanSanti span:hover { background-color:#D3E4FF; }


/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  	position: relative;
	background-image:url(/image/sfondoboxnew.jpg);
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}