/* CSS Document */

body {	
	padding: 0;
	margin: 0;
	text-align: center;
	padding-bottom: 20px;
	background: url('../../images/background.gif') repeat-x;
	background-color: #E5F7FC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	}

#wrapper {
	margin: 0px auto;
	width: 62em;
	padding: 0em;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: left;
}
#topbar {	
	width:97%;
	position:relative;
	background-color:white;	
	margin: 0 auto;
	height:32px;
	}

#topbar_left {
	background-image:url(../../images/ol.gif);
	width: 50px;
	height: 32px;
	float:left;
	}
#topbar_right  {
	background-image:url(../../images/or.gif);
	width: 50px;
	height: 32px;
	float:right;
	}
	
/************************************************* il maincontent *****************************************************************/

#content  {
	width:97%;
	background-color:white;	
	margin: 0 auto;
}

#inner {
	padding-left:50px;
	padding-right:50px;
	padding-bottom:50px;
	}
#logo {
	float:left;
	width: 347px;
	height: 87px;
	margin-bottom:20px;
	}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearer {
	height:1.0em;
	clear:both;
	}

.separator {
	height:8px;
	background-color: #EBEBEB;
	width: 100%;
	clear:both;
	}
#topbanner {
	height:100px;
	text-align:center;
	vertical-align:middle;
	}
	
/* rounded box */
.rbroundbox { background: url(../../images/rounded_box/nt.gif) repeat; }
.rbtop div { background: url(../../images/rounded_box/tl.gif) no-repeat top left; }
.rbtop { background: url(../../images/rounded_box/tr.gif) no-repeat top right; }
.rbbot div { background: url(../../images/rounded_box/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../../images/rounded_box/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
height: 19px;
}

.rbcontent { 
	margin: 0 19px; 
	color: #000;
	height: 2.9em;
	}

*html .rbcontent { 
	height: 2.8em;
	}

.rbcontent p {
	font-size:0.8em;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:0;
	}
.rbroundbox { 
	width: 14.0em; 
	float:left;
	margin-left:2.0em;
	}

.rbroundbox form {
	margin: 0.5em 0 0 0;
	padding: 0;
	}
.rbroundbox input, .rbroundbox select {
	font-size:0.8em;
	}
.button {
	background-color:#00B2E3;
	color:#ffffff;
	font-weight:bold;
	font-size:0.6em;
	}

/*************************************************************la colonna sinistra**************************************************/

#left {
	margin-top:20px;
	float:left;
	margin-right:1.0em;
	width:12.0em;
	}
	
/* rounded box left col */

.rbroundbox_left { background: url(../../images/rounded_box/nt.gif) repeat; }
.rbtop_left div { background: url(../../images/rounded_box/tl.gif) no-repeat top left; }
.rbtop_left { background: url(../../images/rounded_box/tr.gif) no-repeat top right; }
.rbbot_left div { background: url(../../images/rounded_box/bl.gif) no-repeat bottom left; }
.rbbot_left { background: url(../../images/rounded_box/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop_left div, .rbtop_left, .rbbot_left div, .rbbot_left {
	height: 19px;
}

.rbcontent_left { 
	margin: 0 19px; 
	color: #000;
	}

.rbcontent_left p {
	font-size:0.8em;
	color:#000;
	margin:0;
	padding:0;
	text-transform:capitalize;
	}
.rbroundbox_left { 
	width: 12.0em; 
	float:left;
	}
.rbcontent_left h1 {
	font-size:1.3em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	background-image:url(../../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:40px;
	display:block;
	margin:0;
	height:25px;
	}
.rbcontent_left h2, .rbcontent_right h2 {
	font-size:0.9em;
	font-weight:bold;
	color:#00B2E3;
	}
.rbcontent_left	h2:before, .rbcontent_right	h2:before { 
	content: ">> "attr(title)" "; 
	color: black;
	} 
/*****************************************************************la colonna in mezzo**********************************************/	

#middle {
	margin-top:20px;
	float:left;
	margin-right:1.0em;
	width:30.8em;
	padding:0 0.5em;
	}
#middle h1 {
	font-size:1.2em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	background-image:url(../../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:40px;
	display:block;
	margin:11px 0px;
	height:25px;
	}
	
.contentunit_suoneria {
	float:left;
	margin-right:0.5em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	width:14.0em;
	border: 1px solid #00B2E3;
	padding-left:0.25em;
	padding-right:0.25em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	}
.contentunit_suoneria img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	font-size:0.5em;
	color:white;
	}
p.titolo {
	font-size:0.7em;
	color:#000;
	margin:0;
	display:block;
	height:3.7em;
	}
p.ascolta {
	background-image:url(../../images/bullet_small.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:25px;
	margin-top:0.9em;
	margin-bottom:0.9em;
	font-size:0.7em;
	height:20px;
	vertical-align:middle;
	display:block;
	}
p.ascolta a:active, a:link {
	color:#000;
	text-decoration:underline;
	}
p.ascolta a:hover {
	color:#000;
	background-color:#5BCDED;
	text-decoration:none;
	}
.contentunit_graphic {
	float:left;
	margin-right:1.4em;
	margin-top:0.5em;
	width:100px;
	text-align:center;
	margin-bottom:0.5em;
	}
.contentunit_graphic p {
	font-size:0.7em;
	margin-top:0.1em;
	margin-bottom:0.3em;
	height:3.0em;
	}

	
	

/******************************************************* la colonna a destra ******************************************************/
#right {
	margin-top:20px;
	float:left;
	width:8em;
	text-align:center;
	}

/* rounded box right col */

.rbroundbox_right { background: url(../../images/rounded_box/nt.gif) repeat; }
.rbtop_right div { background: url(../../images/rounded_box/tl.gif) no-repeat top left; }
.rbtop_right { background: url(../../images/rounded_box/tr.gif) no-repeat top right; }
.rbbot_right div { background: url(../../images/rounded_box/bl.gif) no-repeat bottom left; }
.rbbot_right { background: url(../../images/rounded_box/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop_right div, .rbtop_right, .rbbot_right div, .rbbot_right {
	height: 19px;
}

.rbcontent_right { 
	margin: 0 10px; 
	color: #000;
	}

.rbcontent_right p {
	font-size:0.7em;
	color:#000;
	margin:0;
	padding:0;
	}
.rbroundbox_right { 
	width: 8.0em; 
	float:left;
	}
.rbcontent_right h1 {
	font-size:1.3em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	margin:0;
	}

.veditutte {
	clear:both;
	display:block;
	text-align:right;
	font-size:0.8em;
	font-weight:bold;
	margin-bottom:1.0em;
	}

.veditutte:after { 
	content: " ..."attr(title)" "; 
	color: black;
	}
.veditutte a:active, a:link {
	color:#000;
	text-decoration:underline;
	}
.veditutte a:hover {
	color:#000;
	background-color:#5BCDED;
	text-decoration:none;
	}

/******************************************************* footer ***********************************************************/

#bottombar {	
	width:97%;
	position:relative;
	margin: 0 auto;
	height:30px;
	}
#bottombar_left {
	background-image:url(../../images/ul.gif);
	width: 50px;
	height: 30px;
	float:left;
	}
#bottombar_right  {
	background-image:url(../../images/ur.gif);
	width: 50px;
	height: 30px;
	float:right;
	}
#bottombar_middle {
	float:left;
	background-color:white;
	height:30px;
	width:89.5%;
	z-index:99;
	}

/* rounded box footer */

.rbroundbox_footer { background: url(../../images/rounded_box/nt.gif) repeat; }
.rbtop_footer div { background: url(../../images/rounded_box/tl.gif) no-repeat top left; }
.rbtop_footer { background: url(../../images/rounded_box/tr.gif) no-repeat top right; }
.rbbot_footer div { background: url(../../images/rounded_box/bl.gif) no-repeat bottom left; }
.rbbot_footer { background: url(../../images/rounded_box/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop_footer div, .rbtop_footer, .rbbot_footer div, .rbbot_footer {
	height: 19px;
}

.rbcontent_footer { 
	margin: 0 19px; 
	color: #000;
	text-align:center;
	}

.rbcontent_footer p {
	font-size:0.7em;
	color:#000;
	margin:0;
	padding:0;
	text-align:center;
	}
.rbroundbox_footer { 
	width: 100%; 
	float:left;
	}
.rbcontent_footer h1 {
	font-size:1.3em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	background-image:url(../../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:40px;
	display:block;
	margin:0;
	height:25px;
	}
.rbcontent_footer h2, .rbcontent_footer h2 {
	font-size:0.9em;
	font-weight:bold;
	color:#00B2E3;
	}
.rbcontent_footer	h2:before, .rbcontent_footer	h2:before { 
	content: ">> "attr(title)" "; 
	color: black;
	} 
	
#pages {
	text-align:left;
	margin-bottom:2.0em;	
	}
#pages p {
	font-size:0.8em;
	color:#666666;
	}
#pages a:active, a:link, a:visited {
	color:#666666;
	text-decoration:underline;
	}
#pages a:hover {
	color:#000;
	background-color:#5BCDED;
	text-decoration:none;
	}
.active  {
	background-color:#5BCDED;
	color:#000;
	}
	
	

/******************************************************* typography ******************************************************/
 
.blue {
	color:#00B2E3;
	}
p, td {
	font-size:0.8em;
	}	
.head h1 {
	font-size:0.7em;
	color:white;
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:center;
	}
.head h1 a, .head h1 a:hover, .head h1 a:visited{
	color:white;
	margin:0;
	padding:0;
	font-weight:normal;
	text-decoration:none;
	}