@import url("FCKstiles.css");

/* Elementi */

p {	padding: 1px;	font-size:.8em; text-align: left;	}

a	{	font-weight: bold;	}

a:hover	{	color: #FF0000;	}

img {	border: 0;	}

h1	{
   padding-bottom: 3px;
   margin: 0px;
   font-family: Georgia;
	font-size: 1.2em;
}

h2	{
   font-weight: bold;
   padding-bottom: 3px;
   margin: 0px;
   font-family: Georgia;
	font-size: 1.1em;
}

h3	{
   font-weight: bold;
   padding-bottom: 3px;
   margin: 0px;
   font-family: Georgia;
	font-size: 1.0em;
}

/* ## LAYOUT ## */

body {
	margin: 0;
	padding: 0;
	border: 0;
	
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*
	background-color: transparent;
	background-image: url(../img/striped.gif);
	background-color: #FFFFFF;
	*/
	
	background-color: #EFEFEF;
	background-image: url(../img/bgbody5.jpg);
	background-position: center;
	background-repeat: repeat-y;
}

#container {
	width: 752px; /* Rimuovere per avere il layout fluido */
	margin: 0px auto;
	position: relative;
	border: 1px solid #000;
}

#wrapper {	background: transparent; text-align: left;	}

/* Testate */

#header {
	width: 100%;
	width: 752px; /* Rimuovere per avere il layout fluido */

/*	
	min-height: 148px;
	height: auto !important;*/
	height: 148px;
	
	background: #006C28;
/*	background-image: url(../img/neoncacca.gif);
	background-repeat: repeat-x;
	background-position: 30% 160%;
*/
	border-bottom: 3px solid #B4B4B4;
}

/*
.hideBriciole #header  {	height: 126px;	}
*/

#testata  {
	width: 100%;
	height: 122px; /* La stessa altezza va impostata al 'top' della #ricerca */
	top: 0px;
	background-color: #fff;
	background-image: url(../img/testata.jpg);
	background-repeat: repeat-x;
	background-position: 0% 0%;
}

#testata span {

	width: 75%;
	position: absolute;
	display:block;
	float:right;
	right: 5px;
	top:20px;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.8em;
	/*	font-style: italic;	*/
	font-weight: bolder;
	
	padding: 0;
	margin:0;
	
	text-align: right;
	
	display: none;
}

#testata img { float:left; /* margin: 10px; */}

#briciole {
	padding-left: 12px; 
	color: #EAF9E3;

	min-height: 19px;	/* min-height per Firefox */
	height: auto !important;	/* height per Firefox */
	height: 19px;	/* min-height per IE */
	
	font-size: .8em;
	text-align: left;
	padding-top: 5px;
}

#briciole a:visited {		color: #AFDAAD;	}

#briciole span {
	display: block;
	line-height: 19px;
/*	margin-right: 180px;	*/
}

.hideBriciole #briciole span {	display:none;	}

#menuFisso {
	background-color: #004A79;
	
	width: 100%;
	margin: auto;
	height: 28px;
	
	color: #fff;
	
	text-align: left;
	float:left;
	
	display: none;
}

#menuFisso ul{
	text-align: left;
	line-height: 25px;
	margin: 0;
	padding: 0;
	list-style: url(../img/trileft.gif);
}

#menuFisso ul li, #menuFisso span {
	font-weight: bold;
	display: inline;
	margin: 0 2px;
	padding: 0 2px;

	background-color: #004977;
	
}

#menuFisso ul li {	border: 3px solid #3585B8;	}

#menufisso img.spacer {
	width: 10px;
	height: 10px;
	
	background-color: #fff;
	border: 1px solid silver;
	margin: 0 2px;
 }

#menuFisso a {
	font-size: .65em;
	color: #fff;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}

#menuFisso a:hover{	text-decoration: underline;	}

#wrapper {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 175px;
	
	padding: 0px 0px 10px 10px;
}

#extra, #navigation {
	position: absolute;
	top: 155px;

	width: 177px;
	
	min-height: 250px;
	height: auto !important;
	height: 250px;

	
	margin: 0;
	padding: 0;

}

#extra{	right: 2px;	margin: 0; margin-right: -187px;	 display: none;}

#navigation{	
	left:2px;	
	margin: 0;	
	background-position: 100% 100%;
/*
	border-left: 6px double #F1A95F;

	background-image: url(../img/bgwrap.gif);
	background-repeat: no-repeat;
*/

}

#inNavigation {
/*	height: 200px;*/
}

#footer {
	clear: both;

	font-size: .8em;
	width: 100%;
	
	border-top: 1px solid #246321;
	border-bottom: 3px solid #246321;
	padding-top:5px;
	
	font-weight: bold;
	color: #fff;
	background-color: #3EAD39;
	
	position: relative;
	bottom:0px;
	left:0;
	
	
	text-align: center;
	vertical-align: middle;
}

#footer img {
	vertical-align: middle;
	margin-bottom: 3px;
}

#footer a {color:#fff;font-weight: bold;text-decoration: underline}

#ricerca
{
	position: absolute;
	right: 3px;
	top: 126px; /* Poco più alta della testata */
	
	font-size:1.2em;
	
   color: #000;
	
	height: 28px; /* Come il '#menufisso' */
}

#ricerca form {	margin: 0;	}

#ricerca label {
	font-size: .85em;
	font-weight: bold;
}

#ricerca input, #ricerca select {
	font-size: .8em;
	text-align: center;
	border-color: #856608;
}

#ricerca input.inputBox {
	width: 155px;
	text-align: left;
}

.bottone
{
	border: 1px solid #fff;
	border-top-color: #888;
	border-left-color: #888;

	color: #fff;
	background-color: #000;
	
	text-align: center;
}

#ricerca .bottone {	font-weight: bold;	}

#content {
/*	border: 1px solid #000;	*/
	background: #F4F4FB;
	margin-left: 3px;
	margin-top: 4px;
	
	padding: 6px;
	
	min-height: 750px;
	height: auto !important;
	height: 750px;
	
	background-color: #fff;
	background-image: url(../img/content.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#content li {	font-size: .8em;	}

/* Posizionamento delle NEWS/AREE pari e dispari */

#zonaDispariAree, #zonaDispariNews, #zonaDispari {
	width: 49.7%;
	float: left;
}

#zonaPariAree, #zonaPariNews, #zonaPari {
	width: 49.7%;
	float: right;
}

.zonaNovita {
	margin:auto;
	padding: 0px;
}

.notizia {
	border: 1px solid silver;
	background: #fffadc;

	margin-bottom: 10px;
	position: relative;
	
	width: 99%;
}

.notizia img, .notizia p {
	position: relative;
}

.floatNovita {
	width: 48.0%;
	float: left;
	
	margin-left: 1.2% !important;
	margin-left: 0.6%;
}

/* Classi per rendere compatibile IE e FF */
.spazio {
	float:left; 
	
	width: 2% !important;
	width: 3.28%;

	height: 1px !important;	
	height: 0px;
	
	display: none;
}

/* Fine classi per compatibilità */

.area {	background: #fffadc;	}

.news {	background: #FFFFF0;	}

.area, .news {	font-size: 1em;	}

.areaNome {
	padding:2px;
	text-indent: 5px;
	
	font-size: .9em;
	
	background-image: url(../img/bgAreaTitolo.jpg);
	background-color: #28d63a;
	background-repeat: repeat-x;
	color: #FFFFFF;
	border-bottom: 2px solid #008601;
}

.areaCont {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	
	font-size: .8em;
	position: relative;
	
}

.areaCont img {
	left: 3px;
	padding: 0;
	margin-right: 3px;
/*	border: 3px double silver; */
	margin-left: 2px;
	margin-bottom: 10px;
	border: 3px double silver;
}

.areaCont p {
	padding: 2px; 
	margin:0;
	text-align: left;
	font-size: 1em;
}

.area .areaCont {	background: #fffadc;	}

.news .areaCont {	background: #FFFFF0;	padding: 5px;	}

.areaTitolo {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000;
	
	font-size: 1.0em;
	border-bottom: 1px solid #ADADAD;
	margin-bottom: 5px;

}

.leggi {
	display:block;
	position:relative;
	bottom: 4px;
	
	padding-right: 5px;

	text-align: right;
	font-size: .7em;
	
	margin-bottom: 3px;
	margin-top: 1.2em;
	
	clear: both;
}

#SearchText {	width: 155px;	}

#ricerca p
{
	padding: 0;
	margin: 0;
}

/* Pagina raggiungici */
#rag-cont {
	font-size: .9em;
}

#rag-cont img {
	margin: 3px;
}

#rag-cont a, #rag-cont a:visited {
	color: #000;
}

/*§§§§§§§§§§§§§*/
/* Contattaci */

#contattaci {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	height: 100%;
	color: #003366;
}

#contattaci a {
	color: #003366;
	text-decoration: none;
}

#contattaci table {
	margin: auto;
	width: 95%;
	text-align: left;
	border: 2px solid #9DBAFF;
	background-color: #FBFBFB;
}

#contattaci table caption {
	border: 2px solid #9DBAFF;
	border-bottom: none;
	font-size: 1.0em;
	text-align: left;
	padding-left: 25%;
	background-color: #ECF6FF;
}

#contattaci table thead, #contattaci table caption {
	font-weight: bold;
}

#contattaci table thead td {	padding: 3px;	}

#contattaci table td {
	font-size: .9em;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
}

#contattaci table td.mail {
	font-weight: bold;
	width: 35%;
	padding-left: 30px;
}

/* Mailing List */

#mList_cont {
	font-size: .9em
}

#mList_cont fieldset {
	width: 50%;
	margin: auto!important;
	margin: 0;
}

#mList_cont label {
	font-weight: bold;
	display: block;
	width: 100px;
	float: left;
	text-align: left;
	padding-left: 10px;
}

#mList_cont p { clear: left; padding: 5px;}

#mList_cont form {
	margin: 0;
	padding: 0;
}

#mList_cont input, #mList_cont textarea {
	width: 200px;
	float: left;
	border: 1px solid #000;
	margin: 0 40px;
}

#mList_cont .button { width: auto;	margin: auto; float: none;}

/* Soddisfazione */

#sod-cont{
	font-size: 0.9em;
	text-align: left;
}

#sod-cont ul {
	list-style: decimal;
}


/* Immagini */

.imgSinistra
{
	padding-right: 10px;
	float: left;
}
.imgDestra
{
	padding-left: 15px;
	float: right;
}

.larghezza	{	width: 80%;	}

.inputBox	{	border: 1px solid #000;	color: #336699;}

.contentPaginaNews	{	padding-bottom: 10px;	}

.data	{
	float: right;
	font-size: .75em;
	font-weight: bold;
}

/* Mappa del sito*/
 
#mappa ul {
 list-style: none;
text-align: left;
}
 
#mappa ul .gruppoMenu {
 background-color: #F6E8E9;
 color: #000;
 font-weight: bold;
 font-size: 1.1em;
}
 
#mappa ul ul {
 list-style: circle;
}
 
#mappa ul .menu a {
 text-decoration: underline;
 color: #000;
}
 
#mappa ul ul ul {
 list-style: square;
 margin-bottom: 10px;
}
 
#mappa ul li.sottoMenu {
 list-style: none;
}
 
#mappa ul .sottoMenu a {
 text-decoration: none;
 color: #656565;
 border-left: 1px solid #000;
 padding-left: 8px;
 border-bottom: 1px dashed #000;
}
/* Stile per 'Elenco News' ed altre eventuali aggiunte */

div.spacerNewsList	{
	margin: 20px;
	padding: 20px;
}

.voceMenu ul {
background-color:#ECEEE4;
color:#000;
list-style:none;
font-family:Verdana, Arial, sans-serif;
margin:0;
padding:0;
border-top: 1px solid #748296;
font-size: 12px;
}

.voceMenu ul li {
border-bottom:1px solid #748296;
text-indent:3px;
}

.voceMenu ul li a:link,ul li a:visited {
color:#000;
background-color:#ECEEE4;
display:block;
text-decoration:none;
padding:3px 0;
}

.voceMenu ul li a:hover {
background-color:#AFEDA9;
color:#000;
text-align:right;
text-decoration:none;
}

/* Classi di styling sul testo */
.highLight { 
	background-color: inherit !important;
	background-color: #FFFF00;
	
	font-weight: bolder !important;
	font-weight: inherit;
}

a .highLight, u .highLight, span.underline .highLight, span.titoloArea .highLight {
	text-decoration: underline;
}

.underline {	text-decoration: underline;  }

.noBold	{	font-weight: normal;	 }

/* Classi di allineamento	*/
.alignLeft { float: left; }
.alignRight { float: right; }

.giustificato	{	text-align: justify;	}
.leftAlign	{	text-align: left;	}

/* Classi di pulitura float */
div.clearer {
				clear:both;
				line-height:0;
				height:0px;
				font-size: 0;
				}
				
hr.clearer {
					clear:left;
					margin:-0.66em 0;
					visibility:hidden;
					display:block;
				} 
			
/* 
###################################################################################
####################### Stile contenuti pagine e news #############################
###################################################################################
*/			
			
.new-cont, .are-cont {	padding: 5px; font-size: .8em;	}

#pag-cont,.DivAree,.DivNews, .are-cont, .new-cont, #search-cont {
	padding: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	background-color: #F5F5FC;
/*	float: left;*/
}

#pag-cont,.are-cont, .new-cont, #search-cont {
	/*
	min-height: 600px;
	height: auto;
	height: 600px;
	*/
}

#pag-cont,.DivAree,.DivNews{	font-size: 1em;	}

/* Ricerca */

#search-cont {	font-size: .8em;	text-align: left;	}

#search-cont h1, h2{
	font-size: 1.2em;
	font-weight: bold; 
	margin-top: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#search-cont h2 {	font-size: 1em;	}

#search-cont .tipoRisultato {	font-weight: bold;	font-size: 80%;	}

#search-cont .titoloArea {
	font-size: 95%;
	text-decoration: underline;
	margin-top: 8123px;
}

#search-cont a, #search-cont .titolo {	font-weight: lighter;	}

#search-cont .link {	color: Green;	}

#search-cont .testoNewsList {	font-size: 1em;	}

/* Fine ricerca */

#pag-cont table, #pag-cont table p {
	font-size: 100%; 
	
	/* Le tabelle hanno un bug che non fa ereditare 
		la dimensione del testo se non la si specifica
		di nuovo.
		NB - Se si mette 0.8em anche qua non sarà grande uguale, 
				ma saranno 0.8em considerando gli 0.8em precedenti 
				(deviniti sopra) come unità di riferimento (0.8 x 0.8em).
	*/
}

#pag-cont img {
	margin: 2px;
	padding: 0;
}

/* Link */

#pag-cont a,.DivAree a,.DivNews a{
	text-decoration: underline;
	font-weight: bold;
	color: #003366;
}

/* Paragrafi */
#pag-cont p {	padding: 5px;	margin: 5px;	}

#pag-cont table p {	margin:0px;	}

/* Tabelle */

#pag-cont table {	margin: 0px;	padding: 0px;	}

#pag-cont td {	vertical-align: top;	}

#pag-cont br {	margin:0px;	padding: 0px;	}

#credits div {
	text-align: center;
	margin: auto;
}

/*-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^*/
/* Classi di styling sul testo */
/*-^-^-^-^-^-^-^-^-^-^-^-^-^-^*/

.redText {	color: red;	}

.Text {	color: #fff;	}

.bold {	font-weight: bold;	}

.smaller{	font-size: 90%;	}

.greenBG {	background-color: #00814f;	}		


/*
	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
		AREA FINALE
	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
*/

/* Qua vanno le regole da applicare 
	alla fine di tutti gli altri CSS.
	In modo da evitare modificazioni da eventuali CSS inclusi dinamicamente */

#menuSx a:active, #menuDx a:active, #menuSx a.x:active, #menuDx a.x:active{
	background-color:#C2C2AC;
}


/* Aggiunte (da sistemare al loro posto) */
.DivAree, .DivNews {
	padding: 0;
	margin:0px;
	
	height: auto !important;
	height: 1%; /* min-height per IE */
}

.zonaNovita {	padding: 0;	margin: 0;	}

#loading {
	display: block;
	text-align: center;
	margin: auto;
	font-family: "Courier New", Courier, monospace;
	font-weight: bolder;
	font-size: .9em;
}


/*||||||||||||||||*/
/*  NOTE e HACKS  */
/*||||||||||||||||*/

.classeFittizia {
	/* IE non supporta min-height ma interpreta Height 
		come min-Height.
		Se si usa la parola chiave !important (che IE salta e non considera)
		si può utilizzare height per settare IE e min-height 
		per il normale comportamento degli altri browser .
		
		PRIMA il valore per i compliant browser, con '!important'
		DOPO il valore per Internet Explorer
	*********************************************************
	
	/* Min-Height per IE che salta l'istruzione !important */
	height: auto !important;
	height: 120px;
	/* Min-Height per Opera/Firefox/etc. */
	min-height: 120px;
}

/* Stili e correzioni per Opera (dalla versione 7 in su) */

@media screen and (min-width: 550px){
 
	.imgSinistra, .imgDestra {
		height: auto;
	}
}


#index_page p {
	text-align: left;
}

#index_page p.center {
	text-align: center;
}

#index_page img#passpaLogo_index {
	margin: 3px;
	padding: 2px;
	border: 1px solid #000;
	float: right;
}