/* www.misericordialetojanni.it -© 2007/2010 -  Document CSS realizzato da: Serena Riccobene, www.serenariccobene.it  */

html, body {
	margin: 0 auto;
	padding: 0px;
	background-image: url(../immagini/body20_2.jpg); /*background-image: url(../immagini/body.jpg);*/
	background-repeat: no-repeat;
	background-color: #53a4d2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#loading {
   	width: 350px;
   	height: 100px;
   	color: black;
   	position: absolute;
   	left: 45%;
   	top: 30%;
   	margin-top: -50px;
   	margin-left: -100px;
   	text-align: center;
   	font-size: 15px;
}

#container{
	margin: 0px 0px 0px 200px;
	width: 900px;
	font-size: 13px;
}

/*--------------------------------------------------------------------header------------------------------------------------------*/
#header{
   width: 900px;
   height:29px;
	background-image: url(../immagini/header.gif);
}

/*-----------------------------------------------------------------banner-------------------------------------------------------*/
#banner {
	width: 900px;
 	height: 220px;  
	background-image: url(../immagini/banner.jpg);
	background-repeat: no-repeat;
	background-color: White;	
}

/*---------------------------------------------------------------news------------------------------------------------------*/
#news{
	width: 900px;
	height: 26px;
	background-color: Black;
	text-align: center;

}
/*-----------------------------------------------------------------------------------content---------------------------------------------------------------------------------*/
#content {
	width: 900px;	
	float: right;	
	background-color: White;
}
/*--------------------------------------------------------menu-------------------------------------------------------------------*/
#box_menu{
	width: 200px;	
	float: left;
	font-size: 13px;
}

#logougem{
	width: 200px;	
	font-size: 14px;
	background-color: #4169E1;
	text-align: center;	
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 1px;
	border-left: 1px solid yellow;
	border-right: 1px solid yellow;
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
}
#menu{
	width: 200px;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
}

#menu ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;	
}

#menu li{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menu a	{
	width: 195px;
	padding: 1px 0px 1px 5px;
	color: yellow;
	list-style-type: none;
  	text-decoration: none;
	border-left: 1px solid yellow;
	border-right: 1px solid yellow;
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
}

#menu a:hover {
	list-style-type: none;
	color: #4169E1;
	border-left: 1px solid #4169E1;
	border-right: 1px solid #4169E1;
	border-top: 1px solid #4169E1;
	border-bottom: 1px solid #4169E1;
}

#menu a#activelink {
	text-decoration: none;
	color: ActiveCaption;
}

a.evidenzia {
	background-color: Red;
	width: 200px;
	margin-top: 1px;
	display: block;
	font-weight: bold;
}

a.bottone	{
	width: 200px;
	display: block;
	background-color: #4169E1;
	margin-top: 1px;
}

a.bottone:hover {
	display: block;
	background-color:		Yellow;
}

a.bottone a#activelink {
	text-decoration: none;
	background-color: yellow;	
}

a.bottone1	{
	width: 200px;
	display: block;
	background-color: #FF5757;
	margin-top: 1px;
}

a.bottone1:hover {
	display: block;
	background-color:		Yellow;
}

a.bottone1 a#activelink {
	text-decoration: none;
	background-color: yellow;	
}

ul.sotmenu{
	text-align: left;
}

/*-------------------------cerca/contatore-------------------------*/
#cerca{
	width: 200px;
	margin-top: 1px;
	text-align: center;
	background-image: url(../immagini/google.jpg);
	background-repeat: no-repeat;
	background-color: #4169E1;
	padding-top: 5px;
	margin-left: 1px;
	border-left: 1px solid yellow;
	border-right: 1px solid yellow;
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
}

form{
	padding-top: 35px;
}

#cerca a {
	width: 200px;
	list-style-type: none;
	text-decoration: none;
}

#contatore{
	width: 200px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
   text-align: center;
	background-color: #4169E1;
	border-left: 1px solid yellow;
	border-right: 1px solid yellow;
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*-----------------------------------------------------------------------------------contentmappa---------------------------------------------------------------------------------*/
#contentmappa {
	margin: 0px;
	width: 900px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: White;
}

#contentmappa a:hover{
	text-decoration: underline;
	color: Teal;
}

#contentmappa a{
	text-decoration: none;
	color:	Black;
}

/*-------------------------box_dx-------------------------*/
#box_dx{
	width: 200px;
	float: right;
	text-align: center;
	padding-bottom: 5px;
}

#box_dx ul{
	list-style-type: none;
  	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#box_dx li{
	list-style-type: none;
	text-decoration: none;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#box_dx a {
	list-style-type: none;
 	text-decoration: none;
}

#box_dx a:hover {
	list-style-type: none;
  	text-decoration: none;
}
#box_dx a#activelink {
	list-style-type: none;
 	text-decoration: none;
}

/*-------------------------box_cx-------------------------*/
#box_cx{
	width: 500px;
	text-align: center;
	float: left;
}

#box_cx ul{
	list-style-type: none;
  	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#box_cx li{
	list-style-type: none;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

#box_cx a {
	list-style-type: none;
 	text-decoration: none;
}

#box_cx a:hover {
	list-style-type: none;
}

#box_cx a#activelink {
	text-decoration: none;
}


/*----------#main, #main_ido--------------------*/
#main, #main_ido, #mainvideo, #contatti, #briciole, #lista_foto, #foto{
	float: left;
}

#main, #main_ido{
	padding: 10px 20px 10px 20px;
	width: 660px;
	text-align: justify;
	
}

#main ul, li{
	padding-left: 5px;
	padding-top: 5px;
	list-style-type:	none;
}

#main a:hover, #contentmappa a:hover{
	text-decoration: underline;
	color: Teal;
}

#main a{
	text-decoration: underline;
	color:	Black;
}

#main_ido li{
	list-style-type:	disc;
	padding: 0px;
}

ul.item, ul.item2, ul.itemmappa {
	margin-left: 20px;
}

ul.item li, ul.itemmappa li {
	list-style-image:	url(../immagini/item.gif);
	padding: 0px;

}

ul.item2 li {
	list-style-image:	url(../immagini/item2.jpg);
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#mainvideo{
 	padding:	10px 15px 10px 15px;
	margin-left: 10px;
 	width: 660px;
  	text-align: center;
}

/*----------#contatti, #appunt--------------------*/
#contatti{
	padding:	10px 15px 10px 15px;
   width: 660px;
	text-align: center;
}

#contatti ul, li{
	text-decoration: none;
	padding-right:28px;
}

#contatti a{
	text-decoration: none;
}



/*------------------------foto----------------------*/
#briciole{
	width: 660px;
	text-align: center;
}

#briciole  li {
	text-decoration: none;
}

#briciole  a {
	text-decoration: none;
	color: Red;
}

#briciole a:hover {
	color: Blue;
}

#lista_foto{
	margin: 0 auto;
	width: 660px;
	padding: 10px 20px 10px 20px;
}

#lista_foto  ul,li {
	list-style-type: none;
}


#lista_foto  a {
	text-decoration: none;
	color: black;
}

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

#foto{
	width: 660px;
	text-align: center;
	padding: 0px 0px 10px 0px; 
}


img{
	border: none;
}

h3.lista_foto, h4.foto, ul.foto{
	padding: 0auto;
	text-align: left;
}

/*--------------------------------------------------------------------------footer-----------------------------------------------------------------------*/
#footer{
	width: 900px;
	height: 101px;
	padding: 40px 0px 0px 0px;
	clear: both;
	background-image: url(../immagini/footer.gif);
	background-repeat: repeat-x;
	
}

p.footer{
	text-align: center;
	font-size: 12px;
}

p.footer a{
	text-decoration: none;
	
	color: black;
}

p.footer a:hover{
	text-decoration: none;
	
	color: ButtonShadow;
}

/*--------------------------------------------------------------------------------------sottofooter----------------------------------------------------------------*/
#sottofooter{
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding-left: 50px;
	padding-top: 10px;
	font-size: 12px;
	text-align: center;
	color: Black;
	background-image: url(../immagini/footer.gif);
	background-repeat: repeat-x;
	border-top: 2px groove yellow;
}

#sottofooter a{
	text-decoration: none;
	color: Black;
}

#sottofooter a:hover{
	text-decoration: underline;
	color: #4169E1;
	background-color: yellow;
	padding: 1px 5px 2px 5px;
}

/*-----------------------------------------------------------------------------------------------------------------varie----------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	text-align:center;	
}

h3 li{
	padding-top: 20px;
}

h4.neav{
	color: #AC0000;
}

h4.foto{
	color: Red;
	text-align: center;
}

h3.ido{
	color: Red;
	text-decoration: underline;
}

h4.ido {
	color: Red;
	text-decoration: underline;
	text-align: left;
}

p.ido {
	color: black;
	text-decoration: none;
	text-align: center;
}

#wintcorso{
	width: 400px;
    height:700px;
	float: right;
	padding-left:	10px;
	padding-right: 10px;
}

p.wintcorso{
	font-size: 15px;
	text-align: center;
	color: White;

}

p.wintcorso a{
	text-decoration: line;
	color: black;
}

ul.news li{
	padding: 10px;
	color: navy;
	background-color: silver;
}

/***********Facebook "Mi Piace"******/

#facebook{
	width: 500px;
	padding: 5px;
	margin-left: 200px;
	text-align: center;
	clear: both;
}