/* 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/body.jpg);
	background-repeat: repeat-y;
	background-color: #194bff;
}

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

#container{
	margin: 0px 0px 0px 250px;
	width: 801px;
	background-image: url(../immagini/container1.jpg);

}

/*--------------------------------------------------------------------header------------------------------------------------------*/
#header{
   width: 791px;
   height:15px;
	background-image: 	url(../immagini/header.jpg);
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
}

/*-----------------------------------------------------------------banner-------------------------------------------------------*/
#banner {
	width: 801px;
 	height: 191px;  
	background-image: url(../immagini/banner.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
}

/*---------------------------------------------------------------news------------------------------------------------------*/
#news{
	width: 781px;
	height: 26px;
	padding-left: 10px;
}

/*--------------------------------------------------------menu-------------------------------------------------------------------*/
#box_menu{
	width: 203px;	
	float: left;
	padding-left: 13px;
}

#menu{
	width:203;
	font-size: 14px;
	text-align: justify;
	font-family: "Century Gothic";
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

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

#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	{
	padding: 0px 0px 0px 4px;
	color: yellow;
	list-style-type: none;
  	text-decoration: none;
	border-left: 5px solid yellow;
	border-right: 5px solid yellow;
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
}

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

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

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

a.bottone	{
	width: 193px;
	display: block;
	background-color:	navy;
	margin-top:	2px;
}

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

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

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

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: 197px;
	margin-top: 2px;
	text-align: center;
	font-family: "Century Gothic";
	background-image: url(../immagini/google.gif);
	background-repeat: no-repeat;
	background-color: navy;
	padding-top: 5px;
	border-left: 5px solid yellow;
	border-right: 5px solid yellow;
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
}

form{
	padding-top: 35px;
}

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

#contatore{
	width: 197px;
	margin-top: 2px;
    text-align: center;
	background-color: navy;
	border-left: 5px solid yellow;
	border-right: 5px solid yellow;
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*-----------------------------------------------------------------------------------content---------------------------------------------------------------------------------*/
#content {
	width: 585px;
	font-size: 12px;
	float: right;
	font-family: "Century Gothic";	
}

/*-----------------------------------------------------------------------------------contentmappa---------------------------------------------------------------------------------*/
#contentmappa {
	margin: 0px;
	width: 801px;
	font-size: 13px;
	font-family: "Century Gothic";
	padding-top: 10px;
}

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

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

/*-------------------------box_dx-------------------------*/
#box_dx{
	width: 144px;
	float:	right;
	background-image: url(../immagini/annigoni.jpg);
	background-repeat: repeat-y;
	padding-right:	10px;
}

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

#box_dx li{
	list-style-type: none;
	text-decoration: none;
	padding: 12px 0px 12px 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: 421px;
	text-align: center;
	float: left;
}
#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;
}

#logo{
	padding-top: 5px;
	padding-bottom: 0px;
}

/*----------#main, #main_ido--------------------*/
#main, #main_ido{
 	padding:	3px 0px 0px 12px;
 	width: 550px;
   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;
}

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

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

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

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

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

#contatti a{
	text-decoration: none;
}

#appunt{
	border-top: 2px solid yellow;
	border-bottom: 2px solid blue;
}

#appunt ul,li{
	padding-top: 0px;
	padding-left: 10px;
}

/*------------------------foto----------------------*/
#briciole{
	width: 570px;
	text-align: center;
	font-size: 11px;
}

#briciole  li {
	text-decoration: none;
}

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

#briciole a:hover {
	color: Black;
}

#lista_foto{
	margin: 0 auto;
	width: 560px;
	text-align: left;

}

#lista_foto  ul,li {
	/*padding-left: 10px;*/
	list-style-type: none;
}


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

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

#foto{
	width: 540px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 24px;
}


img{
	border: none;
}

h3.lista_foto, h4.foto, ul.foto{
	padding: 0auto;
	text-align: left;
	font-family: "Century Gothic";
}

/*--------------------------------------------------------------------------footer-----------------------------------------------------------------------*/
#footer{
	width: 801px;
	height: 49px;
	background-image: url(../immagini/footer.jpg);
	clear: both;
}

p.footer{
	font-family: "Century Gothic";
	font-size: 11px;
	text-align: center;
	padding-top: 3px;
}

p.footer a{
	text-decoration: none;
	font-variant: small-caps;
	color: black;
}

p.footer a:hover{
	text-decoration: none;
	font-variant: small-caps;
	color: ButtonShadow;
}

/*--------------------------------------------------------------------------------------sottofooter----------------------------------------------------------------*/
#sottofooter{
	width: 781px;
	margin: 0px 0px 0px 250px;
	padding-top: 4px;
	padding-bottom: 8px;
	padding-left: 10px;
	height: 35px;
	font-family: "Century Gothic";
	font-size: 10px;
	text-align: center;
	color: Black;
}

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

#sottofooter a:hover{
	text-decoration: underline;
	color: silver;
}

/*-----------------------------------------------------------------------------------------------------------------varie----------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family:"Century Gothic";
	text-align:center;	
}

h3 li{
	padding-top: 20px;
}

p{
	font-family: "Century Gothic";
}

h4.neav{
	color: #AC0000;
}

h5.foto{
	font-size: 11px;
}

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-family: "Century Gothic";
	font-size: 15px;
	text-align:	center;
	color:	White;
	font-style: oblique;
}

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