body {
margin : 0;
padding : 0;
text-align : center;
line-height: 1.166;
background-color : #2975A7;
background-image: url(bg_grad.jpg);
background-attachment: fixed;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#centrato {
width : 773px;
margin : auto;
top: 0px;
text-align : left;
background-color : #999999;
background-image: url(bg_grad.jpg);
} 

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


/******* TESTATA - TITOLO *******/

#head {
	position: absolute;
	text-align : left;
	
	
	height: 60px;
	width: 773px;
	margin: auto;
	clip: rect(auto,auto,auto,auto);
	top: 0px;
}

.head_img {
	float:left;
	position: relative;
	top: 0px;
}

#utility{
	float: right;
	font: 75% Verdana,sans-serif;
	position: absolute;
	padding: 0px 3px 0px 0px;
	top: 30px;
	right: 3px;
	color: #919999;
}

#utility a{
	color: #fffffc;
}

.utility a:hover{
	text-decoration: underline;
}

.Rss {
	position:absolute;
	top: 12px;
	right: 1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

/************* Link alto barra navigazione ****************/
#globalNav{
   position: absolute;
   width: 773px;
   height: 32px;
   color: #cccccc;
   padding: 0px;
   margin: 0px;
   top: 61px;
   background-image:  url("glbnav_background.gif");
}

#globalNav img{
	margin-bottom: -4px;
 
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: absolute;
	top: 6px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}


a.glink, a.glink:visited{
  	font-size: small;
  	color: #005FA9;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover{
  	background-image:  url("glblnav_selected.gif");
	text-decoration: none;
}

.skipLinks {display: none;}


/************ sub Link alto **************/

.subglobalNav{
	position: relative;
	top: 92px;
	left: 0px;
	/*width: 100%;*/
	width: 773px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	visibility: hidden;
	color: #fffffc;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #fffffc;
}

.subglobalNav a:hover{
	color: #cccccc;
}

/******* inizio pagina principale *******/

#page {
	position: absolute;
	width : 773px;
	margin : 0px;
	text-align : left;
	background-color: #FFFFFF;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #003366;
	top: 120px;
	left: auto;
	height: auto;
}

.tl {
	position:absolute;
	top: -2px;
	left: -2px;
	margin: 0px;
	padding: 0px;
	border-width: 0;
	z-index: 100;
}

.tr {
	position:absolute;
	top: -2px;
	right: -2px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

.testo_h5{
	font: normal 12px/18px Arial, sans-serif;
	color: #333333;
	padding: 0px 10px 5px 10px;
	margin-right: 3px;
}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 7px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
}
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
}

#search a:hover{
	margin: 0px;

}

/************* briciole di pane styles ***************/

.breadCrumb{
	padding: 5px 0px 5px 10px;
	font: 10px Verdana,sans-serif;
	color: #AAAAAA;
}

.breadCrumb a{
	color: #AAAAAA;
}

.breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}

.breadCrumb a:visited{
    color: #AAAAAA;
	
}
/******* Titolo pagina *******/

#titolo_pagina{
    width:763px;
	height: 43px;
	padding: 0px 0px 5px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
		
}

.titolo_pagina_h2{
    width:400px;
	font: bold normal 26px Arial, sans-serif;
    color: #006699;
    margin: 0px;
    padding: 0px;

}

.titolo_pagina_img{
	float:right;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	z-index: 90;
	
}

.titolo_pagina_banner{
	float:right;
	position: absolute;
	top: 5px;
	right: 47px;
	padding: 0px;
	margin: 0px;
	left: 321px;
	width: 405px;

}
/******* link sinistra *******/
#link_left{
	float: left;
	width:180px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#Links{
	margin: 0px;
	padding: 0px;

}

#Links h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#Links a:link, #Links a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url("bg_nav.jpg");
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#Links a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

/************* link sinistra secondario **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	font: bold normal 14px Arial, sans-serif;
	color: #333333;
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}

.relatedLinks_bannerH{
	padding: 10px 0px 10px 10px;
	 
}

/******* Almese *******/

#Almese {

	width: 592px;
	height: 214px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #ffffff;
}

.Almese_h3 {
    font: bold normal 24px Arial, sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.Almese_img{
	float: left;
	position: relative;
	padding: 0px 10px 0px 0px;
}


/******* Carissimi *******/

#Carissimi {
    position: static;
	width: 582px;
	height: auto;
	border-top: 0px solid #006699;
	border-bottom: 0px solid #006699;
	margin-top: 230px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 185px;
	padding: 0;
	background-color: #ffffff;
	
}

.Carissimi_h4{
	font: bold normal 16px Verdana, sans-serif;
	color: #006699;
	padding: 30px 0px 5px 0px;
}

.Carissimi_h4_C{
	font: italic normal 14px Verdana, sans-serif;
	color: #006699;
	padding: 0px 0px 0px 0px;
}

.Carissimi_img{
	float: left;
	top: 0px;

}

/******* News *******/

#News {

	width: 572px;
	height: auto;
	top: 0px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0 0 0 0;
	background-color: #ffffff;

}

.news_title {
    
	width: 100%;
	height: 12px;
	border: 1px solid #cccccc;
	background-color: #F5f7f7;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0 0 0 0;
}

.news_title_h3{
	font: bold normal 12px Verdana, sans-serif;
	color: #006699;
	padding: 0px 0px 0px 3px;
}

.news_h5{
	font:  normal 12px/16px Arial,sans-serif;
	color: #333333;
	padding: 3px 3px 0px 3px;
	margin-right: 0px;
	text-transform: none;
	text-align: left;
}

.news_img{
	float: left;
	top: 0px;
	margin-top: 3px;
	margin-right: 7px;
}
	
.news_left {
    clear:left;
	width: 49%;
	min-height: 90px;
	float: left;
	border: 1px solid #cccccc;
	background-color: #F5f7f7;
	margin-top: 7px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0 0 0 0;
}

.news_right {
    clear:right;
	width: 49%;
	min-height: 90px;
    float: right;
	border: 1px solid #cccccc;
	background-color: #F5f7f7;
	margin-top: 7px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0 0 0 0;
}

.news_all {
    clear:left;
	width: 99%;
	min-height: 90px;
	float: left;
	border: 1px solid #cccccc;
	background-color: #F5f7f7;
	margin-top: 7px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0 0 0 0;
}

/************** Info ****************/

#Info{
    clear: both;
	border-top: 1px solid #cccccc;
	color: #cccccc;
	padding: 0px;
	margin-top: 30px;
	position: relative;
	width: 773px;

}

.Info_h5{
	font: normal 10px Verdana;
	color: #333333;
	padding: 0px 3px 0px 3px;
	margin-right: 0px;
	text-align: center;
}

.Info_img{
	float: left;
	padding: 0px 4px 4px 0px;
	vertical-align: middle;
}

/************** Pagine Web ****************/

#contenuto {
    position: static;
	width: 582px;
	height: auto;
	border-top: 0px solid #006699;
	border-bottom: 0px solid #006699;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 185px;
	padding: 0;
	background-color: #ffffff;
	
}

#contenuto2 {
    position: static;
	width: 763px;
	height: auto;
	border-top: 0px solid #006699;
	border-bottom: 0px solid #006699;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0;
	background-color: #ffffff;
	
}

.testo_h3 {
    font: bold normal 24px Arial, sans-serif;
	color: #000000;
	padding: 10px 0px 5px 0px;
}

.testo_h4{
	font: bold normal 16px Verdana, sans-serif;
	color: #006699;
	padding: 30px 18px 5px 18px;
}

.testo_h4_C{
	font: italic normal 14px Verdana, sans-serif;
	color: #006699;
	padding: 0px 0px 0px 0px;
}

.testo_h5{
	font:  normal 14px/22px Arial,sans-serif;
	color: #333333;
	padding: 3px 12px 0px 12px;
	margin-right: 0px;
	text-transform: none;
	text-align: left;
}

.testo_h6{
	font:  normal 12px/20px Arial,sans-serif;
	color: #333333;
	padding: 3px 12px 0px 12px;
	margin-right: 0px;
	text-transform: none;
	text-align: left;
}

.img_left{
	float: left;
	top: 0px;
	top: 0px;
	margin-right: 9px;

}

/******* Tab *******/

#Tab {

	width: 552px;
	height: auto;
	top: 0px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0 0 0 0;
	background-color: #ffffff;

}

#Tab- {
	width: 480px;
	height: auto;
	top: 0px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0 0 0 0;
	background-color: #ffffff;
	font:  normal 12px Arial, sans-serif;
	color: #333333;
}


.Tab_title {
	width: 100%;
	height: 180px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0 0 10px 0;
}

.Tab_title_small {
	width: 100%;
	height: 114px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0 0 10px 0;
}

.Tab_title_h2{
	font: bold normal 24px Verdana, sans-serif;
	color: #000000;
	margin-top: 60px;
	
}

.Tab_title_h3{
	font: bold normal 12px Verdana, sans-serif;
	color: #006699;
	padding: 0px 0px 0px 25px;
}


.Tab_h5{
	font:  normal 12px/16px Arial,sans-serif;
	color: #333333;
	padding: 12px 3px 0px 3px;
	margin-right: 0px;
	text-transform: none;
	text-align: left;
}

.Tab_img1{
	float: left;
	margin-top: 0px;
	margin-right: 0px;
}

.Tab_img2{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
}
	
.Tab_left {
    clear:left;
	width: 49%;
	float: left;
	border: 0px solid #cccccc;
	background-color: #ffffff;
	margin-top: 7px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0 0 0 0;
}

.Tab_right {
    clear:right;
	width: 49%;
    float: right;
	border: 0px solid #cccccc;
	background-color: #ffffff;
	margin-top: 7px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0 0 0 0;
}

.Tab_center {
	position:relative;
	width: 552px;
	border: 0px solid #cccccc;
	background-color: #ffffff;
    margin-top:57px;
}


/************** Fine Pagina ****************/

#Foot{
	text-align: center;
	border-top: 1px solid #cccccc;
	padding: 0px 7px 0px 7px;
	margin-top: 30px;
	position: relative;
	width: 759px;
}

.Foot_h5{
	font: 10px Verdana;
	color: #333333;
	padding: 20px 3px 0px 3px;
	margin-right: 0px;
	text-align: center;
}

.Foot_h5Stylus{
    font: normal 16px "Stylus BT";
	color: #003366;

}

.Foot_img{
	float: left;
	padding: 0px 4px 4px 0px;
	vertical-align: middle;
}

/************** Sezione Catechesi ****************/
#corpo {
	position: absolute;
	width : 773px;
	height: auto;
	margin : 0px;
	text-align : left;
	background-color: #FFFFFF;
	border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #003366;
	top: 81px;
	left: auto;
}

/************** Sezione Casa Amicizia ****************/
#corpoZ {
	position: absolute;
	width : 773px;
	height: 553px;
	margin : 0px;
	text-align : left;
	background-color: #FFFFFF;
	border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #003366;
	top: 81px;
	left: auto;
}

ul.z{
	list-style:none;
	margin:40px;
	padding:0;
	position:relative;
	width:360px;
}
.z li{
	float:left;
	margin:10px 0 0 -260px;
}
.z li.one{margin:0}
.z li.two{margin-top:20px}
.z li.three{margin-top:40px}
.z li.four{margin-top:60px}
.z li.five{margin-top:80px}
.z li.six{margin-top:100px}
.z li.seven{margin-top:120px}

.z img {
	padding:2px;
	border:1px solid #000;
	background:#fff;
	display:block;
}
.z a img{position:relative;z-index:1}
.z a:hover{visibility:visible;}/* ie needs this*/
.z a:hover img{z-index:2;
}

#linkcasa {
	float: right;
	position: absolute;
	top: 333px;
	right: 220px;
	left: 485px;
	width: 270px;
}