/******************************************************************
*******************************************************************
****** FOGLIO DI STILE PER LA VERSIONE CON TABELLE DEL SITO *******
*******************************************************************
******************************************************************/
 

/*******************************************************
********* RIDEFINIZIONE DEI TAG USATI NEL SITO *********
********************************************************/
/* Azzera i valori di alcune proprieta' dei tag 
comunemente usati, che di default hanno un  
certo valore */
 
body {
 text-align:center;
 margin: 0;
 padding: 0;
}
 

h1, h2, h3, h4 {
margin:0;
padding:0;
}
 
p {
margin:0;
padding:0;
}
 
ul, li, dl, dt, dd, table, tr, td {
margin:0;
padding:0;
vertical-align:top;
}
 

hr {
margin:0;
padding:0;
border:none;
 
}
 

/*******************************************************
************* ELEMENTI PRINCIPALI DEL SITO *************
********************************************************/
 

/* E' l' ID della tabella principale del sito, che 
contiene tutto il resto*/
#main {
 width: 996px;
 margin:auto;
 border-left:1px solid black;
 border-right:1px solid black;
 text-align:left;
 padding:0;
 
 
}
 

/* E' l' ID della cella che rappresenta l'header*/
#header {
 
 background-image: url(header_logo.gif);
 height: 125px;
 border-top: 2px solid #FFCC00;
 border-bottom: 2px solid #FFCC00;
}
 
 
 
#contents {
 padding: 20px 5px 20px 5px;
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 
}
 
 
 
#menu {
 text-align:center;
 background-color: #000000;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #FFCC00;
 height: 10px;
 
}
 

#menu td{
 text-align:center;
 margin-top:5px;
 border-left:1px solid black;
 padding-left: 0.3em;
 padding-right: 0.3em;
}
 
#menu table {
margin:5px auto;
 
}
 
 
 

#footer {
 background-color: #f8f8f6;
 background-image: url(sfumatura_footer.gif);
 background-repeat: repeat-x;
 clear:both;
 padding: 20px 35px 20px 35px;
 
}
 
 
 
.home {
border: none;
 
 
}
 

.clearer {
clear:both;
 
}
 

.position_center {
margin:auto;
 
}
 
/*******************************************************
***** PARTE CON LE REGOLE PER I VARI TIPI DI TESTO *****
********************************************************/
 

/* Titolo nella parte con i contenuti */
#contents h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 48px;
 margin: auto;
    text-align: left;
 
}

#descrizione_intro_pages {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0px 10px;
	padding-right: 20px;
	padding-top: 10px;
}

#descrizione_intro_pages p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	font-style: italic;
	font-weight: bold;
	color: #666666;
}

#descrizione_intro_pages em{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-style: italic;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
 
 
 
/* Si applica a tutti paragrafi che stanno dentro i contenuti */
#contents p {
text-align: justify;
margin-bottom:1em;
 

}
 
/* STILI PER I LINK DEL MENU PRINCIPALE */
 
/* Stile sia per i link normali che per i link visited*/
#menu a {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
color: #FFFFFF;
text-decoration: none;
 
}
 
/* Stili per i link hover */
#menu a:hover {
color: #8CB4E8;
 

}
 
 
 
/* STILI PER I LINK DEL TESTO PRINCIPALE */
#contents a:link {
	color: #333333;
	text-decoration:underline;
	font-weight: bold;
 
}
 
#contents a:visited {
	color: #990000;
	text-decoration:underline;
	font-style: italic;
	font-weight: bold;
 
}
 
#contents a:hover {
	color: #003366;
	text-decoration:underline;
	font-weight: bold;
 
}
 
 
 
/* STILI PER LA HOMEPAGE*/
 

#link {
	text-align: center;
	background-color: #1A3647;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #000000;
	margin-top: 5px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
 
#link2 {

 text-align: center;
 background-color: #0A222C;
 font-size: 10px;
 font-weight: bold;
 border: 1px solid #000000;
}
 
#altriviaggi {

 font-weight: bold;
 border: 1px solid #000000;
 background-color: #F5EBE0;
 margin: 5px;
}
 
#altriviaggi2 {

 font-weight: bold;
 border: 1px solid #000000;
 background-color: #E3C2A3;
 margin: 5px;
}

#altriviaggi2 em a:link{
	color: #000066;

}

#altriviaggi2 em a:hover{
	text-decoration: none;
	color: #000066;

}

#altriviaggi2 em a:visited{
	color: #000066;

}
 
#altriviaggi3main {
	font-weight: bold;
	border: 1px solid #000000;
	background-color: #333333;
	margin: 5px;
	color: #FFFFFF;
	font-size: 18px;
	font-style: italic;
}
 

#altriviaggi3 {

 font-weight: bold;
 border: 1px solid #000000;
 background-color: #FF9900;
 margin: 5px;
 color: #000000;
 font-style: italic;
}
 
#altriviaggi3 a:link {
 font-size: 14px;
 color: #333333;
 
}
 
#altriviaggi3 a:hover {
	color: #000000;
	text-decoration: underline;
 
}

#altriviaggi3 a:visited {
	color: #000000;
	font-size: 14px;
 
}
 
#contents_home {

 border: 1px solid #000000;
 margin: 5px;
 background-color: #F5EBE0;
 padding: 0px;
}
 
#contents_home td{
 padding: 5px 10px 5px 5px;
 
}
 
#areas_home {

 border: 1px solid #000000;
 margin: 5px;
 background-color: #F5EBE0;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
}
 
#areas_home h2 a:link{
	color: #990000;
	font-style: italic;
	text-decoration: none;
}
 
#areas_home h2 a:visited{
	text-decoration: none;
	color: #990000;
	font-style: italic;
}

#areas_home h2 a:hover{
	text-decoration: none;
	color: #990000;
	font-style: italic;
}


 
#areas_home p{
 color: #000000;
}
 
 








 #areas_home p a:link{
 color: #000000;
}

 #areas_home p a:hover{
 text-decoration: underline;
 color: #000000;
}


#contents #areas_home p a:visited {
 color: #000000;
 font-weight:bold;
 
} 



 
 
 
 
#footer_all {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
 
}
 
#footer_all a {
 color: #666666;
 
}
 
#footer_all a:hover {
 color: #000066;
}

#yose_gallery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 300px;
	height: 30px;
 
}
 
#yose_gallery a:link {
	color: #666666;
 
}
 
#yose_gallery a:hover {
 color: #000066;
 
}

#yose_gallery a:visited {
 color: #000066;
 
}
 
#misc {
/* se messo inline su firefox si incasina! */
 color: #FFFF00;
 text-align: left;
 margin: 0px 5px 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
}
 
#misc td {

 background-color: #002200;
 text-align: left;
 padding: 2px;
 margin: 5px;
 border: 1px solid #000000;
}
 
#misc a:link {
	color:#FFFFFF;
	font-weight: normal;
	text-decoration: none;
 
}
 

#misc a:visited {
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
 
#misc a:hover {
	text-decoration: underline;
	color: #FFFF00;
	font-weight: normal;
 

}
 
#sum_right {
 text-align: left;
 margin-left: 5px;
 margin-top: 10px;
}
 
#sum_right h2 {

 text-align: left;
 font-weight: bold;
 color: #990000;
 font-size: 18px;
 font-style: italic;
}
 
#sum_right h3 {

 text-align: left;
 font-weight: bold;
 color: #003366;
 font-size: 12px;
}
 

#sum_right strong {

 text-align: left;
 font-weight: bold;
 color: #990000;
 font-size: 12px;
}
 
#sum_right em {
 font-weight: bold;
 color: #000066;
 font-size: 14px;
 font-style: italic;
}
 
#sum_right a:link {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
 
}
 

#sum_right a:visited {
	font-weight: bold;
	color: #333333;
	font-style: normal;
	text-decoration: none;
 

}
 
#sum_right a:hover {
	text-decoration: underline;
	color: #333333;
	font-style: normal;
	font-weight: bold;
 

}

#border {
 border: 1px solid #000000;
 
}
 
#border_dg{
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 background-image: #333333;
}
 
#border_d{
 border-right: 1px solid #000000;
 background-color: #FFFFFF;
}
 
#border_g{
 
 border-bottom: 1px solid #000000;
}
 
/*******************************************************************
******* Per la parte con le informazioni sotto il contenuto ********
******* principali, (tipo la sezione FAQ, dei link, ecc...) ********
*******************************************************************/
 
#other_content {
 

}
 

/* Il testo principale della recensione */
#other_content p {
text-align: justify; /* !!!!!!!!! Da correggere !!!!!!!!!!!!*/
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom:1em;
 

}
 

#other_content p a:link {
color: #FF9900;
text-decoration:none;
 
}
 
#other_content p a:visited {
color: #990000;
text-decoration:none;
 
}
 
#other_content p a:hover {
color: #87cefb;
text-decoration:none;
 
}
 
 
 
#other_content h2 {
 font-family: Arial, Helvetica, sans-serif;
 
}
 
 
 
#other_content h3 {
 font-family: Arial, Helvetica, sans-serif;
 
}
 
 
 
#see_also {
 text-align: left;
 margin:30px auto auto;
 width: 880px;
 padding-top: 30px;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #003366;
 clear:both;
}

#see_also p a:link{
	font-weight: bold;
	color: #000066;
	text-decoration: none;
} 

#see_also p a:visited{
	font-weight: bold;
	color: #000066;
	text-decoration: none;
	font-style: italic;
} 

#see_also p a:hover{
font-weight: bold;
	color: #000066;
	text-decoration: underline;
} 
 
 

#faq {
 text-align: left;
 margin:30px auto auto;
 width: 880px;
 padding-top: 30px;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #003366;
 clear:both;
}
 
 
 
#faq dl {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom:1em;
 
}
 

#faq dt {
color:#666666;
 
}

#faq dt a:link{
	color:#990000;
	font-weight: bold;
	text-decoration: none;
}
 
#faq dt a:visited{
	color:#990000;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
 
#faq dt a:hover{
	color:#333333;
	text-decoration: underline;
	font-weight: bold;
}
 

#faq dd {
 
}
 
 
 
 
 
#links {
 text-align: left;
 margin:30px auto auto;
 width: 880px;
 padding-top: 30px;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #003366;
 clear:both;
}
 

#links td {
font-family: Verdana, Arial, Helvetica, sans-serif;
 
}
 

#links td a:link {
	color: #000066;
	text-decoration:none;
	font-weight: bold;
 

}
 
#links td a:visited {
	color: #000066;
	text-decoration:none;
	font-style: italic;
	font-weight: bold;
 
}
 
#links td a:hover {
	color: #000066;
	text-decoration:underline;
	font-weight: bold;
 
}
 
 
 
 
 
#thumbs { 
 text-align: center;
 margin:30px auto auto;
 width: 880px;
 padding-top: 30px;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #003366;
 clear:both;
 
}
 

#thumbs table {
margin:auto;
 
}
 

#thumbs h2 {
text-align:left;
 
}
 
 
 

#diario_navigation {
	margin:30px auto auto;
	width: 880px;
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #003366;
	clear:both;
	text-align: center;
 
}
 
 
 
/*******************************************************
***** PARTE CHE SERVE PER LA PAGINE CON LA GALLERIE ****
********************************************************/
 
#gallery {
text-align:center;
 

}
 

#gallery h1 {
 text-align:center;
 font-style: italic;
 

}
 
 
 
#gallery table{
margin:auto;
text-align:center;  /* dovuto al fatto che other_galleries non si posiziona al centro con solo "margin: auto"*/
width:90%;
/*border:1px solid blue;*/
 
 
 
}
 
#gallery_links {
 margin: 20px 0 40px;
 font-size: 16px;
 font-weight: normal;
 text-transform: none;
 color: #333333;
}
 
#gallery_links p {
 display: inline;
 margin: 0 2em 0 2em;
}
 
#gallery_links p a:link {
	color:#333333;
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
 
}
 

#gallery_links p a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #333333;
	font-size: 14px;
}
 
#gallery_links p a:hover {
 text-decoration: underline;
 color: #CC0000;
 

}
 
 #gallery .gallery_list {
margin-top: 10px;
margin-bottom: 10px;

}



#gallery .gallery_list ul {
list-style-type:none;

}


/* per allontanare i numeri cambiare i valori del padding di questa regola 
*/
#gallery .gallery_list li {
display:inline;
padding-top: 0;
padding-bottom: 0;
padding-right: 2px;

}


#gallery .gallery_list a:link {
	font-size: 12px;
	color: #666666;

}


#gallery .gallery_list a:visited {
	font-size: 12px;
	color: #666666;


}


#gallery .gallery_list a:hover {
	font-size: 12px;
	color: #333333;
	text-decoration: underline;


}

 
#other_galleries {
/*border: 1px solid black;*/
 text-align: left;
 margin:30px auto auto;
 width: 800px;
 padding-top: 30px;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #003366;
 clear:both;
 
}
 
 
 
#other_galleries p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color:red;
 
 
 
}
 
#other_galleries p strong{
 font-size: 10px;
 font-style: italic;
 color:black;
 line-height:1.5em;
 
 
 
}
 
#other_galleries p a:link{
	color:black;
	text-decoration:none;
	font-weight: normal;
 

}
 

#other_galleries p a:visited{
	color:gray;
	text-decoration:none;
	font-weight: normal;
 
}
 

#other_galleries p a:hover{
	color: #CC0000;
	font-weight: normal;
 
}
 

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*###################################################################################*/
/*###################################################################################*/
/*###################################################################################*/
/*###################################################################################*/
/*########### INIZIO NUOVO CODICE PER LE IMMAGINI CON OMBREGGIATURA! ################*/
 
 
 

/***********************************************************
*********** REGOLE PER LE IMMAGINI CON L'OMBRA ************* 
*********** INFERIORE CHE SI AUTOADATTA        *************
***********************************************************/
 
 
 
/****************** PARTE COMUNE A TUTTI I TIPI DI IMMAGINI  ********************/
/* Queste sono in comune a tutti i tipi di immagini con ombreggiatura in basso:
   quelle centrate, quelle allineate a sinistra, e quelle allineate a destra.
   Cambiandole si cambiano insieme le proprietà di tutti questi tipi. */
   
/* Regola per i link */
#contents .ombreggiatura a, #contents .ombreggiatura_l a,  #contents .ombreggiatura_r a, #contents .photo .ombreggiatura a {
 background-image: url(ombra_sinistra_alternative.png); 
 background-position: bottom left;
 margin-bottom: auto;
 text-decoration:none;
 background-repeat:no-repeat;
 font-size: 0.9em;
 
}
 
/* Regola per gli em*/
#contents .ombreggiatura em, #contents .ombreggiatura_l em,  #contents .ombreggiatura_r em, #contents .photo .ombreggiatura em {
 background-image:url(ombra_right.png);
 background-position: bottom right;
 background-repeat: no-repeat;
 
}
 
/* Regola per le immagini */
#contents .ombreggiatura img, #contents .ombreggiatura_l img,  #contents .ombreggiatura_r img, #contents .photo .ombreggiatura img{
	padding: 20px 20px 20px 20px;
	border: 1px solid gray;
	position: relative;
	bottom:12px;
	background-color: #FFFFFF;
 
 
 
  }
 
/* Regola per il tipo di testo */
#contents .ombreggiatura p, #contents .ombreggiatura_l p,  #contents .ombreggiatura_r p, #contents .photo .ombreggiatura p{
 text-align: center;
 font-weight: bold;
 color: #333333;
}
 
 
 

/*********************** PER LE IMMAGINI CENTRATE ***************************/
 
/* Cambiare il margin per cambiare lo spazio tra l'immagine ed i contentuti */
#contents .ombreggiatura {
 text-align: center;
 
}
 
 
 

/******************* PER LE IMMAGINI NELLE GALLERIE *********************/
 
/* Cambiare il margin per cambiare lo spazio tra l'immagine ed i contentuti */
#contents .photo .ombreggiatura {
 text-align: center;
 margin-top: 40px;
 
}
 
 
 

/*********************** PER LE IMMAGINI FLOATTATE A SINISTRA ***************************/
 
/* Cambiare il margin per cambiare lo spazio tra l'immagine ed i contentuti */
#contents .ombreggiatura_l {
 text-align: center;
 float:left;
 
}
 
 
 

/*********************** PER LE IMMAGINI FLOTTATE A DESTRA ***************************/
 
/* Cambiare il margin per cambiare lo spazio tra l'immagine ed i contentuti */
#contents .ombreggiatura_r {
 text-align: center;
 float:right;
 
}
 
 
 
/*############################## FINE NUOVO CODICE ##################################*/
/*###################################################################################*/
/*###################################################################################*/
/*###################################################################################*/
/*###################################################################################*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
 
 
 
 
 

/********************************************************
**** PARTE CHE SERVE PER LE PAGINE CON LE RECENSIONI ****
********************************************************/

/* Id che definisce i balloons nelle recensioni */
#contents .baloon_l {
float: left;

}


#contents .baloon_r {
float: right;

}


#contents .baloon_l,  #contents .baloon_r {
	width: 218px;
	background-image:url(top_b.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 9px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;

}



#contents .baloon_l p, #contents .baloon_r p{
	background-image: url(mid_b.png);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin: 0px;
}


#contents .baloon_l .baloon_bottom,  #contents .baloon_r .baloon_bottom{
	height: 28px;
	background-image:url(bottom_b.png);


}





/* Id che ha il div che racchiude tutto il contenuto della recensione */
#recensione {
text-align: left;
padding-left: 10px;
padding-right: 10px;
 

}
 
/* Il testo principale della recensione */
#recensione p {
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom:1em;
 
}

/* Links per le RECENSIONI */
#recensione a:link {
	color: #003366;
	font-weight: bold;
	text-decoration: underline;
 
}
 
#recensione a:visited {
	color: #003366;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
 
}
 
#recensione a:hover {
	color: #333333;
	text-decoration:underline;
	font-weight: bold;
 
}
 
/* IL TESTO PER I TRAILS */
#recensione p strong {
color: #003399;
 
}
 

/* Links per i trails */
#recensione p strong a:link {
color: black;
 
}
 
#recensione p strong a:visited {
color: black;
 
}
 
#recensione p strong a:hover {
color: #CC3300;
text-decoration:underline;
 
}
 
 
 
/* I sottotitoli che della recensione*/
#recensione h2 {
 font-family: Arial, Helvetica, sans-serif;
 
}
 

/* Per la nota in basso alla recensione */
#recensione .nota {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight:bold;
float: right;
color: #333333;
margin-top: 35px;
 

}
 
 
 
/********************************************************
********* PARTE PER LE IMMAGINI LATERALI DELLA **********
******* SEZIONE DELLE RECENSIONI E DEI DIARI*************
********************************************************/
 
/******** Regole per i contenitori di immagini laterali *********/
 

/* 
<div class="image_holder_left">
  <div class="image_ombra"> 
    <img src="..." />
  </div>
  <p>descrizione dell'immagine</p>
</div>
*/
 
/* Per il contenitore a sinistra */
#contents .image_holder_left {
	float: left;
	text-align: center;
	margin:10px 10px 0px;
	padding:10px;
	font-weight: bold;
 

}
 
/* Per la "caption" dell'immagine */
#contents .image_holder_left p{
	text-align: center;
	clear: both;
	margin: 10px 10px 0px;
 
}
 
 
 

#contents .image_holder_right {
	float: right;
	text-align: center;
	margin:10px 10px 0px;
	padding: 10px;
	font-weight: bold;
 
}
 
 
 

#contents .image_holder_right p{
	text-align: center;
	clear: both;
	margin: 10px 10px 0px;
 

}
 
 
 

#contents .image_holder_center {
clear:both;
text-align: center;
margin:10px;
padding: 10px 50px;
 
}
 
 
 

#contents .image_holder_center p{
 text-align: center;
 clear: both;
 

}
 
 
 

/* Per far avere alle immagini l'ombra */
#contents .image_ombra {
background-image:url(ombra_per_immagini.gif);
background-position: bottom right;
background-repeat:no-repeat;
margin: 6px -6px -6px 6px;
 

}
 
.image_ombra img{
margin: -6px 6px 6px -6px;
padding:10px;
border: 1px solid black;
 
}

/*------------------------------------------------------*/
/* ---------------------DIARIO--------------------------*/
/*------------------------------------------------------*/

#diario {
	color: #000000;
text-align: left;

}


#diario p {
margin-bottom:1em;

}

#diario h2 {
color:#003366;
font-weight:bold;

}

#diario h3 {
color:#CC0000;
font-weight:bold;

}

#diariosummary{
	margin-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #003366;
}

#diariosummary td{
vertical-align:middle;

}

#diariosummarybd td{
vertical-align:middle;

}

#diariosummarybd table td{
border-bottom: 1px solid #000000;
padding:5px 0px 5px 0px;
}

#diariosummary td strong{
	color:#333333;
	text-transform: uppercase;
}

.diariosummary_firstrow {
	margin: 2px;
}

.diariosummary_firstrow td {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #333333;
	text-align: center;
}

.titolospan {
	color:#FFFFFF;
	padding-left: 5px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}



#diariosummary h2 {
	color:#FFFFFF;
	background-color: #333333;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 24px;
	text-align: center;
}

#diariosummary h3 {
	color:#FFFFFF;
	background-color: #333333;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	text-align: left;
}

#topdiario{
	margin:auto;
	text-align:center;  /* dovuto al fatto che other_galleries non si posiziona al centro con solo "margin: auto"*/
	width:95%;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
/*border:1px solid blue;*/
}

#topdiario a:link{
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	color: #333333;
	text-decoration: underline;
/*border:1px solid blue;*/
}

#topdiario a:visited{
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	color: #666666;
	text-decoration: underline;
	font-style: italic;
/*border:1px solid blue;*/
}

#topdiario a:hover{
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	color: #990000;
	text-decoration: underline;
/*border:1px solid blue;*/
}

#diariointro{
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003366;
}

#diariointro p{
	margin-bottom: 30px;
	padding: 10px;
}

#diariointro td{
}

#diariointrobottom{
	margin-bottom: 30px;
}

#diariointrobottom td{
	margin-bottom: 30px;
	text-align: center;
}

#diariointrobottom table{

}

#diariointrobottom table td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
}

#diariointrobottom h3{
	font-size: 24px;
	color: #FFFFFF;
	background-color: #333333;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 5px;
}

#diario_navigation table{
	margin: auto;

}

#diarioindexsummary{
}

#diarioindexsummary td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003366;
	padding-bottom: 10px;
	padding-top: 15px;
}

#diarioindexsummary a:link{
	color: #000000;
	text-decoration: none;
	font-style: normal;
}

#diarioindexsummary a:visited{
	color: #666666;
	text-decoration: none;
	font-style: normal;
}

#diarioindexsummary a:hover{
	color: #333333;
	text-decoration: underline;
	font-style: normal;
}

#diarioindexsummary h3{
	color: #990000;
	font-size: 24px;
	padding-top: 10px;
}

/*------------------------------------------------------*/
/* ---------------------ON THE ROAD---------------------*/
/*------------------------------------------------------*/

#otrindexsummary{
}

#otrindexsummary td{
	padding-bottom: 10px;
}

#otrindexsummary a:link{
	color: #000000;
	text-decoration: none;
	font-style: normal;
}

#otrindexsummary a:visited{
	color: #666666;
	text-decoration: none;
	font-style: normal;
}

#otrindexsummary a:hover{
	color: #333333;
	text-decoration: underline;
	font-style: normal;
}

#otrindexsummary h3{
	color: #990000;
	font-size: 18px;
	padding-top: 10px;
}

/*------------------------------------------------------*/
/* ---------------------PARKS---------------------------*/
/*------------------------------------------------------*/

#divparks {
	text-align: center;
 

}

#parks {
	border: 1px solid #000000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#parks em {
	font-size: 12px;
}

#parks h1{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #003366;	
}

#parks td{
}

#parks_top {
	border: 1px dotted #333333;
	text-align: left;
	background-color: #FEF7F5;
	margin-right: auto;
	margin-left: auto;
}

#parks_top td {
	padding: 5px;
}

#parks_bot {
	border: 1px dotted #000000;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#other_galleriesp {
/*border: 1px solid black;*/
 text-align: center;
 margin:30px auto auto;
 width: 800px;
 padding-top: 30px;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #003366;
 clear:both;
 
}
 
 
 
#other_galleriesp p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:red;
	text-align: center;
 
 
 
}
 
#other_galleriesp p strong{
 font-size: 10px;
 font-style: italic;
 color:black;
 line-height:1.5em;
 
 
 
}
 
#other_galleriesp p a:link{
	color:black;
	text-decoration:none;
	font-weight: normal;
 

}
 

#other_galleriesp p a:visited{
	color:gray;
	text-decoration:none;
	font-weight: normal;
 
}
 

#other_galleriesp p a:hover{
	color: #CC0000;
	font-weight: normal;
 
}

#parksmap{
	margin-right: auto;
	margin-left: auto;
	text-align: center;

 
}

#parksmap table{
	margin-right: auto;
	margin-left: auto;
	text-align: left;

 
}

#parksmap h2{
	text-decoration: underline;
	color: #000066;
 
}