BODY {margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; font-weight:bold; color:#095487;}

.int {background-image: url(pic/bg_int.gif); font-weight: bold; font-size: 9pt; color: #000000; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none;}

.bgfoto {background-image: url(pic/bgfoto.gif); background-repeat: no-repeat; background-position: center top;}

.coda {background: url(pic/bg_coda.gif) top left no-repeat; font-weight: bold; font-size: 8pt; color: #0751a7; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none; padding-left:35px;}

.k {font-weight: bold; font-size: 9pt; color: #003175; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none;}
a.k:hover {color:#0751a7;}

a {color:#253d4c; border:0; text-decoration:none;}

img {border:0;}

.q0 {font-weight: bold; font-size: 9pt; color: #003175; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none; text-transform:uppercase;}
a.q0:hover {color:#0751a7;}
.q1 {background-image: url(pic/famiglia.gif);}
.q2 {background-image: url(pic/congressi.gif);}
.q3 {background-image: url(pic/celiachia.gif);}
.q4 {background-image: url(pic/sport.gif);}

.bg_menu {background-image: url(pic/bg_menu.gif);font-weight: bold; font-size: 9pt; color: #000000; font-family: Tahoma,verdana, arial,sans-serif; text-decoration: none;}

img.imag1 {float : left; margin-right: 15px;}
img.imag2 {float : right; margin-left: 15px;}

.bgtab {background-color:#FFFFFF;}

.ombra_up { background-image: url(pic/ombra/bg_up.gif);}
.ombra_dn { background-image: url(pic/ombra/bg_dn.gif);}
.ombra_sx { background-image: url(pic/ombra/bg_sx.gif);}
.ombra_dx { background-image: url(pic/ombra/bg_dx.gif);}

ul.text {list-style-image:url(pic/li.gif); } 

b  {color:#ff8916; font-weight:bold;}

.z {font-weight: bold; font-size: 9pt; color: #05194f; font-family: Trebuchet MS,verdana, arial,sans-serif; text-decoration: none; padding-left: 50px; padding-right: 50px; text-align:justify;}

.a {font-weight: bold; font-size: 7pt; color: #000000; font-family: Tahoma,verdana, arial,sans-serif; text-decoration: none;}

.b {font-weight: bold; font-size: 9pt; color: #095487; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none; text-align:justify;}

.bcol {color: #8cafc7;}

.b2 {font-weight: bold; font-size: 9pt; color: #000000; font-family: Trebuchet MS,verdana, arial,sans-serif; text-decoration: none; padding-left: 10px; padding-right: 10px; text-align:justify;}

.d {font-weight: bold; font-size: 9pt; color: #0080b5; font-family: Tahoma,verdana, arial,sans-serif; text-decoration: none;}

.du {font-weight: bold; font-size: 9pt; color: #000000; font-family: Tahoma,verdana, arial,sans-serif; text-decoration: underline;}

.f {font-weight: bold; font-size: 9pt; color: #ff8916; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none;}
a.f:hover {color : #0751a7;}

.f1 {font-weight: bold; font-size: 9pt; color: #ff8916; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none;}
a.f1:hover {color : #0751a7;}

.f2 {font-weight: bold; font-size: 9pt; color: #0751a7; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none;}
a.f2:hover {color : #ff8916;}

.f3 {font-weight: bold; font-size: 9pt; color: #0751a7; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: underline;}
a.f3:hover {color : #ff8916;}

.f4 {font-weight: bold; font-size: 10pt; color: #ff8916; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none;}
a.f4:hover {color : #0751a7;}

.p {font-weight: bold; font-size: 9pt; color: #ff5400; font-family: Tahoma,verdana, arial,sans-serif; text-decoration: none;}

.p2 {font-weight: bold; font-size: 9pt; color: #0751a7; font-family: Tahoma,verdana, arial,sans-serif; text-decoration: none;}

.t {font-weight: bold; font-size: 14pt; color: #ff8916; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none;}

.t1 {font-weight: bold; font-size: 12pt; color: #ff8916; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none;}

.t2 {font-weight: bold; font-size: 12pt; color: #0751a7; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none;}


a.p:hover {color : #0751a7;}
a.p2:hover {color : #ff8916;}

.denis2 {font-weight: bold; font-size: 10pt; color: #ff8916; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none;}
.denis {font-weight: bold; font-size: 9pt; color: #000000; font-family: Trebuchet MS,Tahoma,verdana, arial,sans-serif; text-decoration: none; text-align:justify;}

.input {
display: block;
width: 192px;
float: left;
margin-bottom: 10px;
font-size: 10pt;
color: #0080b5;
font-family: Trebuchet MS;
text-decoration: none;
background: #fff url(pic/input_bg.gif)  left top no-repeat;
border: 1px solid #cfcfcf;
}
.textarea {
display: block;
font-size: 10pt;
color: #0080b5;
font-family: Trebuchet MS;
text-decoration: none;
background: #fff url(pic/input_bg.gif)  left top no-repeat;
border: 1px solid #cfcfcf;
}

.select {
font-size: 10pt;
color: #0080b5;
font-family: Trebuchet MS;
text-decoration: none;
background: #fff url(pic/input_bg.gif)  left top no-repeat;
border: 1px solid #cfcfcf;
}

.titolo	{
	font-weight:bold;
	font-size:13px;
}
.sottotitolo{
	color:#016A95;
	font-weight:bold;		
	font-size:12px;
}


.input:hover, .input:focus, .input:active, textarea:hover, textarea:focus, textarea:active, .select:hover, .select:focus, .select:active{
background:#fff url(pic/input_bg_focus.gif) left top no-repeat;
border: 1px solid #cfcfcf;
}

.button{  
display: inline;
padding: 2px;
color: #d60153;
background: transparent url(pic/button_bg.gif) bottom left no-repeat;
border: none;
cursor: pointer;
width: 130px;
margin: -6px 35px 0 48px;
height: 24px;
text-align: center;
font-weight: bold; font-size: 10pt; color: #61c4e4; font-family: Trebuchet MS; text-decoration: none;
}

.button:hover {
color:#4597af;
}

label {
text-align: right;
width: 170px;
padding-right: 5px;
display: block;
float: left;
margin-bottom: 10px;
}

fieldset {
border:0;
width:98%;
padding:0;
}

.contatti2-sx{
float:left;
text-align:right;
width:20%;
padding:5px;
}

.contatti2-dx{
float:left;
text-align:left;
font-weight: bold;
font-size: 10pt; 
color: #61c4e4;
padding:5px;
}

.contatti2-dx b{
color: #61c4e4;
}

.mess_contatti2{
color:#61c4e4;
}

.clear{
clear:both;
}


.toggle{
padding:16px 8px 8px 16px;
border: 1px dotted #56A8DA;
cursor:pointer;
min-height:74px;
height : auto !important;
height : 74px;
}

.toggle:hover{
background:#E4F5FF;
cursor:pointer;
}






/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {font-weight: bold; font-size: 9pt; color: #000000; font-family: Tahoma,verdana, arial,sans-serif; text-decoration: none; height:30px; margin:0; width:650px; z-index:150; position:relative;
}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {
	display:block; 
	font-weight:bold; 
	font-size:11px; 
	color:#000; 
	height:28px; 
	line-height:24px; 
	text-decoration:none; 
	text-indent:5px;
	/*border:1px solid #000; border-width:1px 0 1px 1px;*/
}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {
	border-width:0 0 0 0;
	background:transparent url(transparent.gif);
	width:125px;
	text-align:left;
	border:0;
}

#pmenu li a.enclose, #pmenu li a.enclose:visited {
	width:125px;
	text-align:left;
	margin:0;
}

/* Set up the list items */
#pmenu li {
	float:left;
}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {
	position:relative;
	z-index:50;
}

/* Make the hovered list color persist */
#pmenu li:hover > a {
	 color:#57BEE9;
}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {
	display:none;
}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {
	display:block; 
	position:absolute; 
	top: 20px; 
	left:80px;
	width:120px;
}

/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {
	left:0; 
	top:20px;
}

/* get rid of the table */
#pmenu table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:100; 
	font-size:1em;
}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {
	position:relative;
}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus { 
	background:transparent url(pic/v.gif); 
}

/* Set up the pointers for the sub level indication */


#pmenu li.drop {
	width:125px;
	height:28px;
	text-align:center;
	background: url(pic/bgiallo.gif) #ffffff bottom center no-repeat;
}

#pmenu li.drop:hover {
	background: url(pic/bgiallo1.gif) #ffffff bottom center no-repeat;
}

#pmenu li.drop2 {
	width:125px;
	height:28px;
	text-align:center;
	background: url(pic/bazzurro.gif) #ffffff bottom center no-repeat;
}
#pmenu li.drop2:hover {
	background: url(pic/bazzurro1.gif) #ffffff bottom center no-repeat;
}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	top:20px; 
	left:0; 
	padding:20px 0 0 0; 
	background-color:#ffffff;
}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
	visibility:hidden;
}

/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
	visibility:hidden;
}

/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
	visibility:hidden;
}

/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
	visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
	visibility:visible; 
	left:0px; 
	top:30px; 
	lef\t:0px; 
	to\p:0px;	
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
	visibility:visible; 
	top:15px;}

/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}

/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}

/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */


#pmenu a.selected{
	color:#FFFF00;
}
img {border:0; text-align:left; margin-left:0;}