/* CSS Document */
body, html{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #2D3044;	
	line-height: 22px;
	background:url(../img/sfondo_top.jpg) 0 0 repeat-x #fff;
}
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h1{
	color: #e7f6fd;
	font-size: 130%;
}
h2{
	font-size: 140%;
	color: #2e5e94;
	margin-bottom: 15px;
}
h3{
	font-size: 110%;
	color: #2e5e94;
	margin: 20px 0 5px;
	font-weight: bold;
}
a{
	text-decoration: underline;
	color: #013986;
	font-size: 13px;
}
a:hover{
	text-decoration: none;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li{
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	list-style: none;
	text-indent: 10px;
}

.corsivo{
	font-style: italic;
}
.caption{
	font-size: 110%;
	color: #2e5e94;
	font-style: italic;
}
div.top {
	text-align: right;
}
div.top a{
	text-decoration: underline;
	color: #013986;
	font-size: 85%;
}
div.top a:hover{
	text-decoration: none;
}
div#wrapper{
	background: url(../img/sfondo_head.jpg) center top no-repeat;
}
div#head{
	margin: auto;
	width: 690px;
	height: 98px;
	padding: 30px 0 0 22px;
}
div#head img{
	border: 0;
}
div#menu{
	background: url(../img/sfondo_menu.gif) 0 0 repeat-x;
	height: 38px;
	position: relative;
}
ul#nav{
	width: 690px;
	margin: 0 auto;
	padding: 0;
	padding-left: 2px;
	list-style: none;
	color: #00316a;
}
ul#nav li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	height: 38px;
}
ul#nav li a{
	height: 38px;
	display: block;
	text-decoration: none; 
}
ul#nav li a#chisiamo{
	width: 105px;
	background: url(../img/m_chisiamo_off.gif) 0 0 no-repeat; 
}
ul#nav li a#chisiamo:hover{
	background: url(../img/m_chisiamo_on.gif) 0 0 no-repeat; 
}
ul#nav li.sel_chi{
	background: url(../img/m_chisiamo_on.gif) 0 0 no-repeat; 
	width: 105px;
}
ul#nav li a#mediazione{
	width: 139px;
	background: url(../img/m_mediazione_off.gif) 0 0 no-repeat; 
}
ul#nav li a#mediazione:hover{
	background: url(../img/m_mediazione_on.gif) 0 0 no-repeat; 
}
ul#nav li.sel_med{
	background: url(../img/m_mediazione_on.gif) 0 0 no-repeat;
	width: 139px; 
}
ul#nav li a#progetti{
	width: 109px;
	background: url(../img/m_progetti_off.gif) 0 0 no-repeat;
}
ul#nav li a#progetti:hover{
	background: url(../img/m_progetti_on.gif) 0 0 no-repeat; 
}
ul#nav li.sel_pro{
width: 109px;
	background: url(../img/m_progetti_on.gif) 0 0 no-repeat; 
}
ul#nav li a#incontri{
	width: 114px;
	background: url(../img/m_incontri_off.gif) 0 0 no-repeat; 
}
ul#nav li a#incontri:hover{
	background: url(../img/m_incontri_on.gif) 0 0 no-repeat; 
}
ul#nav li.sel_inc{
width: 114px;
	background: url(../img/m_incontri_on.gif) 0 0 no-repeat; 
}
ul#nav li a#contatti{
	width: 125px;
	background: url(../img/m_contatti_off.gif) 0 0 no-repeat; 
}
ul#nav li a#contatti:hover{
	background: url(../img/m_contatti_on.gif) 0 0 no-repeat; 
}
ul#nav li.sel_con{
	background: url(../img/m_contatti_on.gif) 0 0 no-repeat; 
	width: 125px;
}
ul#nav li a#links{
	width: 91px;
	background: url(../img/m_links_off.gif) 0 0 no-repeat;
}
ul#nav li a#links:hover{
	background: url(../img/m_links_on.gif) 0 0 no-repeat; 
}
ul#nav li.sel_lin{
	width: 91px;
	background: url(../img/m_links_on.gif) 0 0 no-repeat; 
}
.nascosto{
	visibility: hidden;
}
/* /////////////         INDEX         /////////////////*/
div#intro{
	background: url(../img/sfondo_caption.gif) 0 0 no-repeat #ffffff;
	width: 696px;
	height: 234px;
	margin: auto;
}
div#intro .testo{
	float: right;
	margin-right: 20px;
}
div#intro p{
	width: 320px;
	margin: 0;
	padding: 0;
	line-height: 24px;
}
div#intro h2{
	width: 330px;
	margin: 20px 0 5px;
	padding: 0;
	color: #702612;
	font-size: 22px;
}
div#intro a{
	background:url(../img/bullet_intro_off.gif) 10% 20% no-repeat;
	width: 14px;
	height: 14px;
	text-decoration: none;
}
div#intro a:hover{
	background:url(../img/bullet_intro_on.gif) 10% 20% no-repeat;
}
div#contenuti{
	width: 690px;
	margin: auto;
	background-color: #ffffff;
}
div#dike, div#news{
	margin: 15px 0 25px 0;
	width: 275px;
	background:url(../img/ombra_tr.jpg) top right no-repeat;
	float: left;
	padding: 30px 35px 0 35px;
}
.grassetto{
	font-size: 20px;
	color: #013986;
	margin-top: 0;
}
div#news ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* /////////////         PAGINE INTERNE         /////////////////*/
div#pagine{
	width: 450px;
	float: left;
	padding: 35px 20px 0 20px;
	text-align: justify;
	min-height: 450px;
	background:url(../img/angolo_tr.gif) top right no-repeat;
	overflow: visible
}
* html div#pagine{
	height: 450px;
}
div#sub_menu{
	width: 194px;
	height: 400px;
	float: left;
	background: url(../img/sfondo_menu.jpg) repeat-x 0px 215px #ececdd;
	position: relative;
}
div#sub_menu ul{
	margin: auto;
	margin-top: 30px;
	padding: 0;
	list-style: none;
}
div#sub_menu ul li{
	border-top: 1px solid #f8f8f2;
	border-bottom: 1px solid #dbdbc6;
	margin: 0;
	height: 1%;
}
div#sub_menu a{
	text-decoration: none;
	font-weight: bold;
	color: #2e5e94;
	padding: 10px 0 10px 15px;
	display: block;
	font-size: 90%;
}
* html div#sub_menu a{
	height: 1%;
}
div#sub_menu a:hover{
	background: #dfdfc7;
}
div#sub_menu li.primo{
	border-top: 0;
}
div#sub_menu li.ultimo{
	border-bottom: 0;
}
div#sub_menu span.sel{
	font-weight: bold;
	color: #2e5e94;
	padding: 10px 0 10px 15px;
	display: block;
	background:url(../img/selezione.gif) no-repeat left center;
	font-size: 90%;
}
* html div#sub_menu span.sel{
	height: 1%;
}
div#sub_menu ul ul{
	margin: 0;
	padding: 0;
	list-style: none;
	
}
div#sub_menu ul ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}
div#sub_menu ul ul li.sel{
	font-weight: normal;
	background: url(../img/stella.gif) 12% center no-repeat;
	font-size: 90%;
	color: #2e5e94;
	padding-left: 30px;
}
div#sub_menu ul ul li a{
	font-weight: normal;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	list-style: none;
	border: 0;
}
table#cinisello{
border-collapse: collapse;
width: 80%;
border: 0;
margin: 0 auto;
}
table#cinisello caption{
margin: 0 auto;
color: #2e5e94;
}
table#cinisello th{
text-align: left;
padding-left: 15px;
}
table#cinisello tr.familiare{
background: #f6f6ed;
}
table#cinisello tr.sociale{
background: #ececdd;
}
table#cinisello tr.lavorativo{
background: #f6f6ed;
}
table#cinisello tr.altro{
background: #ececdd;
}
table#cinisello tr.totale {
background: #f6f6ed;
border-top: 1px dotted #a5a581;
}
table#cinisello td{
text-align: right;
padding-right: 15px;
}
div#sub_menu a.pdf_cinisello, div#sub_menu a.pdf_rho{
border-top: 2px solid #cfcab3;
border-bottom: 2px solid #cfcab3;
padding:0;
margin: 10px 0;
background:url(../img/download_pdf_off.jpg) 0 0 no-repeat;
display: block;
height: 81px;
}
div#sub_menu a.pdf_cinisello:hover{ 
background:url(../img/download_pdf_on.jpg) 0 0 no-repeat;
 }
 div#sub_menu a.pdf_rho{
background:url(../img/volantino_off.jpg) 0 0 no-repeat;
}
div#sub_menu a.pdf_rho:hover{ 
background:url(../img/volantino_on.jpg) 0 0 no-repeat;
 }
a.pdf_cinisello span, a.pdf_rho span{
visibility: hidden;
}

div.contatto{
float: right;
width: 100px;
border-top:1px solid #99b0d0;
border-bottom:1px solid #99b0d0;
margin-top: 10px;
margin-left: 25px;
}
div.contatto div{
margin: 2px 0;
border-top:1px solid #D3DDEB;
border-bottom:1px solid #D3DDEB;
text-align: center;
background:url(../img/freccia_contatti.gif) 5px center no-repeat;
line-height: 17px;
}
div.contatto a{
padding: 7px 0;
text-decoration: none;
display:block;
}
div.contatto a:hover{
text-decoration: underline;
}
div#stampa{
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
}
div#stampa a{
	display: inline;
	font-size: 80%;
	padding: 1px;
	padding-left: 25px;
	margin: 0;
	font-weight: normal;
	background: url(../img/stampa.gif) 0 0 no-repeat;
	color: #adad99;
}
div#stampa a:hover{
	background: transparent;
	background: url(../img/stampa_on.gif) 0 0 no-repeat;
	color: #7c7c66;
}
div#footer{
	background:url(../img/ombra_footer.gif) 0 0 no-repeat;
	clear: both;
	padding-top: 15px;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
}
div#footer a{
	font-size: 11px;
}
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
