* { margin: 0; padding: 0; }

.hide { display: none; }

.clear {clear:both;}

html, body
{
	height: 100%;
}

a { outline: none; color: #003f8c; }
	
a img { border: 0; }

body
{
	background-color: white;
	background-image: url('../img/Background_Body.png');
	background-repeat: repeat-x;
	background-position: top left;
//	background-attachment: fixed;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
	padding: 0;
	margin: 0;
	z-index:-5;
}

div#container
{
	background-color: transparent;
	width: 910px;
	top: 0px;
	margin: 0 auto;
	border: 0px;
	z-index: 0;
	display: block;
}

div#left-side
{
	position:fixed;
	background-color: transparent;
	background-image: url('../img/Left_Side.png');
	background-repeat: repeat-y;
	background-position: top left;
	width: 5px;
	height: 100%;
	margin-left: 0px;
	z-index:100;
}

div#right-side
{
	position:fixed;
	background-color: transparent;
	background-image: url('../img/Right_Side.png');
	background-repeat: repeat-y;
	background-position: top left;
	width: 5px;
	height: 100%;
	margin-left: 905px;
	z-index:100;
}


/* ------------------------------------------------------------------------- */
/*   Descrizione dell'header                                                 */
/* ------------------------------------------------------------------------- */

div#header
{
	background-color: transparent;
	background-image: url('../img/Background_Header.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	width: 900px;
	height: 170px;
	top: 0px;
	margin-left: 5px;
	border: 0px;
}

ul#menu
{
	height: 30px;
	width: 750px;
	text-align: center;
	list-style: none;
	margin: 0 auto 0 auto;
	clear: both;
	position:relative;
	top:131px;
	left:145px;
}
	
#menu li 
{
	float: left;
}

#menu li.selected
{
	background-color: transparent;
	background-image: url('../img/Tab_Selected.jpg');
	color:white;
	width: 92px;
	height:30px;
	margin: 0px;
	margin-right:3px;
	border: 0px;
}

#menu li.deselected
{
	background-color: transparent;
	background-image: url('../img/Tab_Deselected.jpg');
	color:gray;
	width: 92px;
	height:30px;
	margin: 0px;
	margin-right:3px;
	border: 0px;
	background-position: top;
}
	
#menu li a 
{
	height: 30px;
	text-decoration: none;
	display: block;
}
	
#menu li:hover 
{
	background-position: bottom;
}


/* ------------------------------------------------------------------------- */
/*   Descrizione del contenuto di pagina                                     */
/* ------------------------------------------------------------------------- */

div#page
{
	background-color: white;
	position: absolute;
	top:170px;
	width: 890px;
	
	margin-left:5px;

	padding-left: 5px;
	padding-right: 5px;
	border: 0px;	
}

div#column1
{
	width:530px;
	margin-left: 30px;
	margin-right: 20px;
	float: left;
}

div#column2
{
	width:290px;
	float: right;
	margin-right: 10px;
	text-align:center;
}

#page h1
{
	color: #999;
	background: transparent;
	padding-top: 30px;
	padding-bottom: 15px;
	font-size: 20px;
}

#page h1.Titolo
{	
	color: #005993;
	width:490px;
	margin: 0 auto;
	padding-top: 10px;
	font-size:18px;
}

#page p
{
	background: transparent;
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 12px;
}

#page .NomeMembroConsiglio
{
	color:#005993;
	font-size:18px;
}

#page .TitoloRullino
{	
	color: #005993;
	font-size:18px;
}


#page p.parlato
{
	font-style: italic;
}

#page ul
{
	text-align: justify;
	margin-left: 20px;
}

h4 /* data nelle news */
{
	color: #999;
	font-weight: normal;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	text-align:left;
	margin-left:20px;
	margin-right:20px;
	border-bottom:1px solid #CCC;
}

.Icon_News
{
	float:left; 
	margin:5px 20px; 
	border:0px;
}

.Icon_FotoConsiglio
{
	float:left;
	margin-left:20px;
	margin-right:20px;
	border:0px;
}

.Icon_Progetto
{
	float:left;
	margin-left:20px;
	margin-right:10px;
	border:0px;
	position: relative;
}

.Icon_Left  /* Icona a sinistra di un link o titolo */
{
	height:32px;
	margin-left: 10px;
	margin-right: 20px;
	vertical-align: middle;
	border: 0px;
	display:inline;
}

img.Informazioni_Progetto  /* Pulsante di maggiori informazioni usato nei progetti */
{
	float: right;
	margin-right: 10px;
}

#page p.Testimonianza
{
	background-color: transparent;
	background-image: url('../img/Testimonianza.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 262px;
	height: 38px;
	margin-left: 14px;
	padding-left: 50px;
	padding-top: 10px;
	font-size: 12px;
}

#page p.Testimonianza a
{
	text-decoration: none;
	display: block;
	
}
/* ------------------------------------------------------------------------- */
/*   Descrizione dei riquadri                                                */
/* ------------------------------------------------------------------------- */

/* Pannello con larghezza 290 pixel */

div.Rect_Small_Top
{
	background-color: transparent;
	background-image: url('../img/Rect_Small_Top.png');
	background-repeat: no-repeat;
	background-position: top left;
	width:290px;
	height: 10px;
	margin-top: 20px;
}

div.Rect_Small_Bottom
{
	background-color: transparent;
	background-image: url('../img/Rect_Small_Bottom.png');
	background-repeat: no-repeat;
	background-position: top left;
	width:290px;
	height: 10px;
}

div.Rect_Small_Inside
{
	background-color: transparent;
	background-image: url('../img/Rect_Small_Inside.png');
	background-repeat: repeat-y;
	background-position: top left;
	width:290px;
	padding:0px;
	margin:0px;
}

div.Rect_Small_Inside p
{
	width:250px;
	margin: 0 auto;	
}


/* Pannello grigio con larghezza 530 pixel */

div.Rect_Big_Top
{
	background-color: transparent;
	background-image: url('../img/Rect_Big_Top.png');
	background-repeat: no-repeat;
	background-position: top left;
	width:530px;
	height: 11px;
	margin-top: 20px;
}

div.Rect_Big_Bottom
{
	background-color: transparent;
	background-image: url('../img/Rect_Big_Bottom.png');
	background-repeat: no-repeat;
	background-position: top left;
	width:530px;
	height: 11px;
}

div.Rect_Big_Inside
{
	background-color: #F8F8F8;	
	width:526px;
	padding:0px;
	margin:0px;
	margin-left:2px;
}

div.Rect_Big_Inside p
{
	width:490px;
	margin: 0 auto;
}


/* da eliminare.... serve solo nella poesia */

div.Rect_Small_Blue_Top
{
	background-color: transparent;
	background-image: url('../img/Rect_Small_Blue_Top.png');
	background-repeat: no-repeat;
	background-position: top left;

	width:290px;
	height: 10px;

	margin-top: 20px;
}

div.Rect_Small_Blue_Bottom
{
	background-color: transparent;
	background-image: url('../img/Rect_Small_Blue_Bottom.png');
	background-repeat: no-repeat;
	background-position: top left;

	width:290px;
	height: 10px;
}

div.Rect_Small_Blue_Inside
{
	background-color: transparent;
	background-image: url('../img/Rect_Small_Blue_Inside.png');
	background-repeat: repeat-y;
	background-position: top left;

	width:290px;
	min-height:61px;

	padding:0px;
	margin:0px;
}

div.Rect_Small_Blue_Inside p
{
	width:250px;
	margin: 0 auto;
}


/* ------------------------------------------------------------------------- */
/*   Descrizione della form per contattare l'associazione                    */
/* ------------------------------------------------------------------------- */

.input
{
	border: 1px solid #99b3b4;
	width: 220px;
	background: #e4ebeb url(../img/input_stripe.gif);
	font: 11px verdana, sans-serif;
	color:#443;
	padding:3px;
	outline:none;
}

.input:focus
{
	border:1px solid #567475;
	background: #e4ebeb;
}

.messaggio
{
	color: #333;
	background: transparent no-repeat top center;
	width: 520px;
	height: 60px;
	margin: 0 auto;
	font-weight: bold;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	padding-top: 20px;
}

#form_box {
	width: 520px;
	background: transparent;
	font-weight: normal;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 2px;
}
 
#form_box div {
	padding: 3px 10px;
	margin-bottom: 10px;
	text-align:left;
	clear:both;
}
  
#form_box p {
	float: left;
	text-align: right;
	margin: 4px 0pt;
	margin-right: 10px;
	width: 100px;
}
  
#log {
	width: 520px;
	margin: 0 auto;
	margin-top: 20px;
	text-align:center;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	width: 500px;
	border-top:1px solid white;
	margin-top: 20px;
	padding: 20px 0;
	background: url(../img/spinner.gif) no-repeat center;
}


/* ------------------------------------------------------------------------- */
/*   Descrizione della tabella dei verbali                                   */
/* ------------------------------------------------------------------------- */

table.verbali_style
{
	width:480px;
	margin-top:20px;
}

td.descrizioneVerbale
{
	width: 300px;
	border-bottom: 1px solid #CCC;
	padding-left: 20px;
}

td.scaricaVerbale
{
	width: 119px;
	border-bottom: 1px solid #CCC;
}


/* ------------------------------------------------------------------------- */
/*   Pagine di amministrazione                                               */
/* ------------------------------------------------------------------------- */
 
.service
{
	float:left;
	margin-right:20px;
	margin-left:20px;
	padding:10px;
	border-right:1px solid #CCC;
	vertical-align:middle;
}