body {
	color: #666;
	font-family: Trebuchet MS;
	margin:0;
	padding:0;
	background-color: #006180;
	text-align: center;
}

#intestazione{
	height:137px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-image:  url("it/IMG/intestazione_07.jpg");
}
	
#corpo{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
}
	
#piede{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
}

#intestazione h1, #intestazione h2 {
 	margin: 0;
 	padding: 0;
	text-indent:-2500px;
}

.testo {
	font-size: 11px;
	font-style: normal;
	text-align:justify;
}

.testobianco {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
}

.grassetto-bianco {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.testoblu {
	font-size: 12px;
	font-weight: normal;
	color: #006699;
}

A:link, A:visited {
	COLOR: #ffffff;
	text-decoration: none;
}

A:hover {
	COLOR: #CCCC00;
}

.testo-credits {
	font-size: 9px;
	color: #FFFFFF;
}

.titolo-ciano {
	font-size: 18px;
	font-weight: bold;
	color: #0082d6;
}

.grassetto-blu {
	font-size: 10px;
	font-weight: bolder;
	color: #006180;
}

.titolo-campi {
	font-size: 12px;
	font-weight: bolder;
	color: #006180;
}

.titolo-bianco {
	font-size: 16px;
	font-weight: bolder;
	color: #FFFFFF;
}

.grassetto-arancio {
	font-size: 10px;
	font-weight: bold;
	color: #F45F33;
}

.grassetto-magenta {
	font-size: 10px;
	font-weight: bolder;
	color: #e63c69;
}

.grassetto-ciano {
	font-size: 12px;
	font-weight: bolder;
	color: #0082d6;
}

.grassetto-giallo {
	font-size: 12px;
	font-weight: bolder;
	color: #fe9c03;
}

.grassetto-verde {
	font-size: 10px;
	font-weight: bolder;
	color: #336633;
}

a.testo { font-size: 11px; font-style: normal; color: #000000; text-decoration: none}
a.testo:hover { font-size: 11px; font-style: normal; color: #B6D38E; text-decoration: none }

.tab_orari_tariffe {
	table-layout:auto;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	vertical-align:middle;
	text-align:left;
	font-size:12px;
	height:2em;
	font-weight:bold;
	border-collapse: collapse;
	clear:both;
}
	
.riga_1_orari {background-color:#77CDF2; color:#006180; }
.riga_n_orari {background-color:#00AFE9; color:#ffffff; }

.riga_n_orari td {
	border-top: solid 3px #fff;
}

.riga_1_tariffe { background-color:#003366; color:#ffffff; }
.riga_n_tariffe {color:#006180; }

.riga_n_tariffe td {
	border-top: solid 3px #036;
}

.corpo_filmato,
.corpo_pagina {
	margin-left:25px;
	width:515px;
	margin-bottom:10px;
}

/* Inizio sezione percorsi */
.titolo-sezione {
	font-size: 18px;
	font-weight: bold;
	margin-top:10px;
	margin-bottom:10px;
	color: #0082d6;
	text-align: center;
}

div.corpo_percorso,
div.box_percorso
{
	margin-left:25px;
	width:515px;
	margin-bottom:10px;
	clear:both;
	border: solid 1px #fff;
	text-align: left;
}

.box_percorso img,
.corpo_percorso img {
	border: solid 2px #006180;
}
/*
.link_box_percorsi {
	display: block;
	height: 100px;
	padding: 5px;
	width: 90%;
}

.link_box_percorso:hover,*/
div.box_percorso:hover,
div.box_percorso.hover
{
	background-color: #eaeaea;
}

.nome {
	vertical-align:top;
	color: #0082D6;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
}

a.nome:link,
a.nome:active,
a.nome:visited,
a.nome:hover {
	text-decoration:underline;
}

.titolo {
	color:#990000;
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:0px;
	line-height: 12px;	
}
	
.sottotitolo {
	color:#006180;
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	line-height: 12px;	
}
	
.descrizione {
	color:#666666;
	font-size:12px;
	line-height: 16px;
	text-align: justify;
	margin-bottom:20px;
}
/* Fine Sezione percorsi */

#faq {
	list-style-image: url(it/IMG/punto_elenco.gif);
	font-size:12px;
	text-align:justify;
}
	
#garanzie {
	font-size:12px;
	text-align:left;
	list-style-type: none;
}

ul ul  {
	list-style-image: url(it/IMG/punto_elenco.gif);
}
	
#mappa {
	list-style-type:none;
	list-style-image:none;
}
	
.primo-piano {
	background-repeat:no-repeat;
	background-position:left;
	height:30px;
	text-indent:50px;
	vertical-align:middle;
	margin-bottom:5px;
	padding-top:8px;
}
	
div.griglia_schede p {
	color:#990000;
	font-weight:bold;
	font-size:12px;
	text-align:left;
}

div.griglia_schede ul {
	list-style-image:url(it/IMG/punto_rosso.gif);
	}
	
div.griglia_schede a:link, div.griglia_schede a:visited {
	color:#006180;
	text-decoration:underline;
	font-size:12px;
}
	
div.griglia_schede a:hover {
	color:#FF0000;
	text-decoration:underline;
	font-size:12px;
}

.fotosx {
	float:left;
	margin: 0px 5px 0px 0px ;
	border: 2px solid #006180;
}

.fotodx {
	float:right;
	margin: 0px 0px 0px 5px ;
	border: 2px solid #006180;
}

.didascalia {
	font-size: 10px;
	font-style: italic;
	color:#006180;
}

a:link img.flag, a:visited img.flag, a:hover img.flag {
	border:2px solid #6eab23;
}
	
a:hover img.flag {
	border-color:white;
}

img.catalogo,
img.anteprima
{
	clear: left;
	float:left;
	margin: 0 15px 20px 0;
}

/* stile del menu dei percorsi */
#menu_percorsi {
	width:146px;
	margin: 80px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#menu_percorsi li {
	margin: 4px 0;
}

li.stretcher {
	display: none;
}

#menu_percorsi a {
	background: url("it/IMG/sfondomenu.gif") no-repeat 0 0;
	height: 21px;
	display: block;
	font-size: 12px;
	padding-left: 38px;
	color: #fff;
	font-weight: bold;
}

#menu_percorsi .fluviali a {
	background-position: 0px 0px;
}
#menu_percorsi .fluviali a:hover {
	background-position: 0px -21px;
}

#menu_percorsi .scolastico a {
	background-position: 0px -42px;
}
#menu_percorsi .scolastico a:hover  {
	background-position: 0px -63px;
}

#menu_percorsi .religioso a {
	background-position: 0px -84px;
}
#menu_percorsi .religioso a:hover  {
	background-position: 0px -105px;
}

#menu_percorsi .speciali a {
	background-position: 0px -126px;
}
#menu_percorsi .speciali a:hover  {
	background-position: 0px -147px;
}

/* Sotto menu */
#menu_percorsi ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 25px;
	padding: 0;
}

#menu_percorsi ul li {
	margin: 1px;
	margin-right: 5px;
	padding: 0;
	height: auto;
	border: 1px solid #222;
}
/* Definizione generica per tutti i link del sottomenu */
#menu_percorsi ul a {
	background-image: none;
	height: auto;
	border: 1px solid #eee;
	text-align: right;
	padding: 0;
	padding-right: 12px;
}
/* Effetto rollover generico: vale per tutti i link di un sottomenu percorsi,
indipendetemente dalla categoria.
*/
#menu_percorsi ul a:hover {
	background-color: yellow;
	padding-right: 4px;
}

#menu_percorsi .fluviali ul a {
	background-color: #77cdf2;
	color: #0082d6;
}

#menu_percorsi .religioso ul a {
	background-color: #fec58b;
	color: #fb741a;
}

#menu_percorsi .scolastico ul a {
	background-color: #f49fc0;
	color: #e63c69;
}

#menu_percorsi .speciali ul a {
	background-color: #fee160;
	color: #ff9900;
}

/* In maniera analoga a come ho fatto sopra si può differenziare il rollover
per ogni categoria: qui ti ho preparato gli elementi dei rollover suddivisi per categoria
Tutte le proprietà comuni dovrebbero essere inserite nell'elemento qui sopra, mentre
in questi metti solo le cose che si discostano (molto probabilmente un colore...)
#menu_percorsi .fluviali ul a:hover {
#menu_percorsi .scolastico ul a:hover {
#menu_percorsi .religioso ul a:hover {
#menu_percorsi .speciali ul a:hover {
}
*/