@import url("FCKstiles.css");

/* Elementi */

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

/* Per risolvere problemi di clear (Peekaboo Bug di IE6) */
.notizia img, .notizia table {
	position: relative;
}

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;
}

/* ## LAYOUT ## */

body {
	margin: 0;
	padding: 0;
	border: 0;
	
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	
}

body { height: 100%; }

#container {
	position: relative;
	width: 769px;
	border: 1px solid #979797;
	border-top: 0;
	margin: auto;
}

#wrapper, body {
	background-color: #FFF;
}

/* Testate */

#header {
	width: 100%;

	height: auto !important;
	height: 108px; 
	min-height: 108px;
	
	background: #fff;
	
}

.hideBriciole #header  {	height: 126px;	}

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

.homepage #testata {	height: 254px; /* La stessa altezza va impostata al 'top' della #ricerca */	}

/*
#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;
}

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

#testata object {
	position: relative;
	top: 15px;
	left: 7px;
}

#logoCover {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 95px;
	width: 125px;
	cursor: pointer;
}

.homepage #turismo {
	position: absolute;
	right: 5px;
	bottom: 10px;
	width: 180px;
	display: block;
}

#turismo {display:none;}

#turismo img:hover {border: 1px dashed red;}

#turismo span { color: #41B5DB; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; }

#briciole {
	padding-right: 184px;
	padding-left: 184px;

	height: auto !important;	/* height per Firefox */
	height: 19px;	/* min-height per IE */
	min-height: 19px;	/* min-height per Firefox */
	
	font-size: .8em;
	text-align: left;
	border-top: 3px solid #B4B4B4;
}

#briciole span {
	display: block;
	border-bottom: 3px solid #B4B4B4;
}

.hideBriciole #briciole span {	display:none;	}

#redimText {
	position: absolute;
	right: 5px;
	top: 100px;
}

#redimText img:hover {
	border: 2px solid #416D89;
	border-top: 0;
	border-bottom: 0;
	right: 2px; /* right - spessore del bordo */
}

#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 {
/*	float: left;	*/
	margin-top: 0px;
	margin-right: 164px;
	margin-bottom: 10px;
	margin-left: 160px;
}

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

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

	background: transparent;
	padding: 0px;
	
	z-index: 10;
}

#extra{
	right: 2px;
	float:right;
	margin: 0;
}

#navigation{
	left:2px;
	float: left;
}

/*.notHomePage */ #navigation {
/*	position: absolute;
	margin-right: -359px;
*/

	background-image:url(../img/bg_squarefumed2.gif);
	background-position: left;
	background-repeat:repeat-y;
}

#footer {
	clear: both;
	font-size: 0.8em;
	width: 100%;
	border-top: 1px solid #003399;
	padding-top:5px;
	font-weight: bold;
	color: #172637;
	background-color: #C2DDE0;
	position: absolute;
	bottom:0;
	left:0;
}

#footer a {	color: #000;	}

#ricerca
{
	position: absolute;
	left: 3px;
	top: 98px; /* Poco più alta della testata */
	
	font-size:.8em;
	
   color: #000;
	
	height: 25px; /* 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;
}

#ricerca input.inputBox {
	width: 115px;
	text-align: left;
	color: #3F3F3F;
}

.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 #979797;
	border-left: 0;
	border-top: 0;
	margin-left: 3px;
	margin-top: 3px;
	
	padding: 6px;
	
	
	min-height: 142em;
	height: auto !important;
	height: 142em;
	
	margin-bottom: 120px;
}

/* 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: #FFFFFF;

	margin-bottom: 10px;
}

.floatNovita p {
    /* word-wrap: break-word; */
}

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

/*
.DivAree .floatNovita {
    width: 97.2% !important; /*(il doppio di floatNovita + 1 margin-left)* /
    width: 96.6%;
}
*/

.DivNews .floatNovita {
    width: 97.2% !important; /*(il doppio di floatNovita + 1 margin-left)*/
    width: 96.6%;
}


.floatNovita img {display: block;}


/* 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: #FFFFFF;	}

.news {	background: #FFFFF0;	}

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

.areaNome {
	padding:2px;
	text-indent: 5px;
	
	font-size: .9em;
	
	background-color: #065892;
	color: #FFFFFF;
}

h1.areaNome a, h1.areaNome a:link, h1.areaNome a:visited, h1.areaNome a:active {
	color: #ffffff;
}

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

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

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

.area .areaCont {	background: #FFFFFF;	background-image: url(../img/bg_news.jpg); background-repeat: repeat-x;}

.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;
}

#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; text-align: left;	padding: 5px;}

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

#mList_cont input, #mList_cont textarea {
	width: 200px;
	float: left;
	border: 1px solid #979797;
	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: 10px;
	float: right;
}

.larghezza	{	width: 80%;	}

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

.contentPaginaNews	{	padding-bottom: 10px;	text-align: left;	}

.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:#E4EFF8;
color:#000;
list-style:none;
font-family:Verdana, Arial, sans-serif;
margin:0;
padding:0;
border-top: 1px solid #748296;
font-size: 1em;
}

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

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

.voceMenu ul li a:hover {
background-color:#DEEBED;
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;
					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: transparent;
/*	float: left;*/
}

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

#pag-cont h2.titoloPagina, h2.titoloPagina {
	text-align: right;
	width: 100%;
	border-bottom: 1px dotted #000;
	font-size: 1.2em;
	color: #06D;
}

/* 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;
	border: 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;	}

/*-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^*/
/* 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:#DEEBED;
}


/* Aggiunte (da sistemare al loro posto) */
.DivAree, .DivNews {
	padding: 0;
	margin:0px;
	
	text-align: left;

	height: auto !important;
	height: 1%; /* min-height per IE */
}

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

/*||||||||||||||||*/
/*  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;
}

#accessibilita {
	/* Se in alto a destra
	position: absolute;
	top: 100px;
	right: 2px;
	*/
	
	/* Se nel footer */
	position: relative;
	margin: 5px;
	
}

.noShow {
	position:absolute; top: -1000em; left:0;
}

.noShow2 {
	visibility: hidden;
}