/* CSS Document */


.clr {
	clear: both;
}

#main_outline {
	/*width: 802px !important;
	width: 808px;*/
	width: 760px !important;
	width: 766px;
	border: 1px solid #cccccc;
	padding: 2px;
	margin: 0px;
	background: #ffffff;
}

#pathway_outline {
	/*width: 633px !important;
	width: 635px;*/
	width: 620px !important;
	width: 614px;
	float: left;
	border: 1px solid #cccccc;
	margin-left: 0px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 2px !important;
	margin-bottom: -2px;
}

#pathway {
	float: left;
	padding: 4px 3px 3px 5px;
}

#buttons {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 50%;
}


ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	display: block;	
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	width: auto !important;
   	width: 15%;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-left: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
	background: url(../images/subhead_menu_bg.png) repeat-x;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	/*background: transparent;*/
}

#buttons>ul#mainlevel-nav li a { width: auto; }

ul#mainlevel-nav li a:hover
{
	background-position: 0px -21px;
	color: #33408C;           /* colore di sfondo dei caratteri del menù sotto il titolo */
	/*background: #FFE5B9;       colore di sfondo del box contenente il menù sotto il titolo */	
}


#search {
	float: right;
	border: 1px solid #cccccc;
	padding: 0px;
	margin: 0px;
	/*width: 163px !important;
	width: 165px;*/
	width: 134px !important;
	width: 144px;
	height: 21px !important;
	height: 23px;
	overflow: hidden;
}

#search .inputbox {
	border: 0px;
	padding: 4px 3px 3px 5px !important;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	height: 17px !important;
	height: 19px;
	width: 143px !important;
	width: 148px;
	/*width: 153px !important;
	width: 159px;*/
	color: #F5A527;       /* colore di primo piano dei caratteri del text box "ricerca" */
}

#header_area {
	/*width: 802px !important;*/
	width: 760px !important;
	/*height: 117px;*/
	text-align: left;
	border: 0px;
	margin: 0px;
}

#header_top {
	float: right;
	height: 15px;
	width: 755px!important;
	width: 760px;
	text-align: left;
	padding-left: 5px;
	padding-top: 0px;
	margin-bottom: 2px;
	margin-top: 0px;
	background: #eeeeee;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #cccccc;
	font-size: 10px;
}

#header {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 760px;
	/*width: 635px;*/
	height: 152px;
	/*background: url(../images/header_short.png) no-repeat;*/
}

#top_outline {
	float: left;
	border: 1px solid #cccccc;
	padding: 2px;
	margin-left: 2px;
	float: left;
	overflow: hidden;
	height: 144px !important;
	height: 150px;
	width: 159px !important;
	width: 165px;
}

#left_outline {
	margin-top: 2px;
	border: 1px solid #cccccc;
	padding: 2px;
	float: left;
	width: 130px !important;
	width: 133px;
	/*width: 159px !important;
	width: 165px;*/
}

#content_area {
	padding: 0px;
	margin-top: 0px;
	margin-left: 2px;
	float: left;
	/*width: 635px;*/
	width: 622px !important;
	width: 625px;
}

#banner_area {
	width: 635px;
	margin-top: 2px;
	margin-bottom: 0px !important;
	margin-bottom: -3px;
}

#banner {
	float: left;
	padding: 0px;
	width: 468px;
}

#poweredby {
	float: left;
	margin-left: 2px;
}

#sandbox_area_2 .sandbox_area {
	float: left;
	margin-top: 2px;
	/*width: 468px;*/
	width: 468px;
}

#sandbox_area_1 .sandbox_area {
	float: left;
	margin-top: 2px;
	/*width: 635px;*/
	width: 616px !important;
	width: 625px;
}

#right_outline {
	border: 1px solid #cccccc;
	margin-top: 2px;
	margin-right: 0px;
	float: right;
	padding: 2px;
	width: 130px !important;
	width: 144px;
	/*width: 159px !important;
	width: 165px;*/
}

/** with both user1 and user2 visible **/
#user1_2 .user1_outline {
	width: 227px !important;
	width: 233px;
	border: 1px solid #cccccc;
	float: left;
	margin: 0px;
	padding: 2px;
	margin-bottom: 2px;
}

#user2_2 .user2_outline {
	width: 227px !important;
	width: 233px;
	border: 1px solid #cccccc;
	float: right;
	margin-left: 2px;
	margin-bottom: 2px;
	padding: 2px;
}

/** with either user1 or user2 visible **/
#user1_1 .user1_outline {
	width: 462px !important;
	width: 468px;
	border: 1px solid #cccccc;
	float: left;
	margin: 0px;
	padding: 2px;
	margin-bottom: 2px;
}

#user2_1 .user2_outline {
	width: 462px !important;
	width: 468px;
	border: 1px solid #cccccc;
	float: right;
	margin-bottom: 2px;
	padding: 2px;
}

/** based on 100% content width **/
#user1_4 .user1_outline {
	width: 311px !important;
	width: 317px;
	border: 1px solid #cccccc;
	float: left;
	margin: 0px;
	padding: 2px;
	margin-bottom: 2px;
}

#user2_4 .user2_outline {
	width: 310px !important;
	width: 316px;
	border: 1px solid #cccccc;
	float: right;
	margin-left: 2px;
	margin-bottom: 2px;
	padding: 2px;
}

/** with either user1 or user2 visible **/
#user1_3 .user1_outline {
	width: 629px !important;
	width: 635px;
	border: 1px solid #cccccc;
	float: left;
	margin: 0px;
	padding: 2px;
	margin-bottom: 2px;
}

#user2_3 .user2_outline {
	width: 629px !important;
	width: 635px;
	border: 1px solid #cccccc;
	float: right;
	margin-bottom: 2px;
	padding: 2px;
}

/** adjust content area based on right nav **/
#sandbox_area_2 .content_outline {
	/*width: 462px !important;
	width: 468px;*/
	width: 478px !important;
	width: 479px;
	border: 1px solid #cccccc;
	padding: 2px;
	float: left;
	margin: 0px;
}

#sandbox_area_1 .content_outline {
	/*width: 629px !important;
	width: 635px;*/
	width: 616px !important;
	width: 625px;
	border: 1px solid #cccccc;
	padding: 2px;
	float: left;
}

#active_menu {
	color:#3E55C6;    	/* colore dei caratteri delle voci di menu visitate   */
	font-weight: bold;
}

a#active_menu:hover {
	color: #5B72E3;		/* colore dei caratteri delle voci di menu premute e visitati  */
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

/*.back_button {
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 0px;
  border: 1px solid #cccccc;
  width: 70px;
  padding: 4px;
}*/

.back_button {
  float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #cccccc;
  width: auto;
  padding: 4px;
  margin: 1px;
}

.pagenavbar {
	padding-right: 5px;
	float: right;
}

#footer {
	text-align: center;
	padding: 3px;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}


td {
	text-align: left;
	font-size: 12px;			/* grandezza dei caratteri del testo principale  */
}



body {
	margin: 8px;
	height: 100%;
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	/*font-family: Verdana, Arial, Helvetica;*/
	font-size: 11px;
	color: #333333;
	background: #ffffff;
}

/* mambo core stuff */
a:link, a:visited {
	color: #33408C; text-decoration: none;     /* colore di primo piano dei caratteri di tutti i link  */
	font-weight: bold;
}

a:hover {
	color: #000000;	text-decoration: none;    /* colore di sfondo dei caratteri di tutti i link  */
	font-weight: bold;
}


table.contentpaneopen {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 2px !important;
	margin: 0px;
	border: 0px solid #000000;
}

.textalign {     										/* textalign gestisce l'allineamento ed il padding del testo nelle pagine */
	text-align: justify;
	padding: 4px 8px 4px 2px !important;
	padding: 4px 8px 4px 2px;
}

.readon {                                   /* readon è la classe del link (<a class="readon" href=....) "leggi tutto" e utilizzo il padding per allinearlo con il testo della pagina  */
	padding: 0px 0px 0px 2px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpane td.contentheading {
  padding-left: 15px;
  padding-top: 9px;
}

/*.button {
	padding: 2px 5px 2px 5px;
	height: 22px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
	color: #ff6600;
	font-family: Arial, Helvetica, Sans Serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}*/

.button {
  color: #33408C;			/* colore dei caratteri dei pulsanti sul menù di destra  */
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 2px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px 0px 0px 0px;
}

.inputbox {
	/*padding: 2px;
	border:solid 1px #cccccc;*/
	border: 1px solid #7F9DB9;
	background-color: #ffffff;
	/* aggiunto da Lorenzo Breme il 07/05/2005 */
	padding: 2px 0px 2px 5px !important;
	padding: 1px 0px 0px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	/*height: 15px !important;
	height: 19px;*/
	color: #000000;
	/* fine aggiunta  */
}

.selectbox {
	border: 1px solid #7F9DB9;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	height: 17px !important;
	height: 19px;
	color: #000000;
}

#sandbox_area_2 .componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	width: 458px !important;
	width: 462px;
}

#sandbox_area_1 .componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	/*width: 625px !important;
	width: 629px;*/
	width: 612px !important;
	width: 619px;
}

.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 30px;
	background: url(../images/contenthead.png) top left repeat-x;
	color: #666666;
	text-indent: 15px;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
}

.contentheadingimg {
	height: 55px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #A9A19E;
	/*background: url(../images/contentheadline.png) bottom left repeat-x;*/
	padding-top: 0px;
}

.contentheadingtext {
	height: 55px;
	/*background: url(../images/contentheadline.png) bottom left repeat-x;*/
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #A9A19E;
	color: #666666;
	font-size: 11px;
	padding-top: 0px;
	padding-left: 15px;
}

.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.small {
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

table.contenttoc {
   border: 1px solid #cccccc;
   padding: 2px;
   margin-left: 8px;
   margin-bottom: 4px;
	border-spacing: 0px;
}

table.contenttoc th {
   background: url(../images/subhead_bg.png) repeat-x;
   color: #666666;
   text-align: left;
   padding-top: 2px;
   padding-left: 4px;
   height: 21px;
   font-weight: bold;
   font-size: 10px;
   text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #33408C;			/* colore di primo piano dei caratteri dei menù  */
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 19px !important;
	height: 24px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #333333;		/* colore di sfondo dei caratteri dei menù  */
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ff6600;      /* colore dei caratteri dei menù appena visitati */
	text-align: left;
}

a.sublevel:hover {
	color: #C43C03;
	text-decoration: none;
}
.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0px 2px 0px 2px;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

/****************************************************/
/* parte relativa alla formattazione del calendario */
/****************************************************/
table.calendar {
	background: #ffffff;				/* colore di sfondo della tabella del calendario */
	width: 99% !important;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 0px 1px!important;
	margin: 0px 0px 0px 0px;
	border-width: 0px 1px 1px 1px!important;
	border-width: 0px 0px 1px 0px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #cccccc;        /* colore del bordo tabella calendario */
}

table.calendar th {
	background: #FFE5B9;				/* colore di sfondo dei giorni della settimana */
	font-family: verdana;
   font-size: 11px;
   color: #33408C;               /* colore dei caratteri dell'inizio giorno del calendario  */
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #cccccc;        /* colore del bordo tabella calendario */
   text-align: center;
	height: 15px;
	padding: 0px;
}

table.calendar td {
	font-family: verdana;
   font-size: 10px;
   text-align: center;
	color: #33408C;					/* colore dei caratteri dei giorni del calendario  */
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #cccccc;			/* colore del bordo tabella calendario */
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 13%;
}

table.calendar td.title {
	background: #F8C26C;			/* colore di sfondo del mese e anno del calendario  */
	font-family: verdana;
   font-size: 9px!important;
	font-size: 10px;
   color: #33408C;				/* colore dei caratteri del mese e anno del calendario */
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #cccccc;		/* colore del bordo tabella calendario */
	text-align: center;
	height: 20px;
	padding: 0px;
}

table.calendar a.prevMonth {
	color: #33408C;				/* colore del << precedente mese del calendario  */
   font-size: 9px;
   text-align: left;
}

table.calendar a.nextMonth {
	color: #33408C;				/* colore del >> prossimo mese del calendario  */
	font-size: 9px;
   text-align: right;
}

table.calendar td.selected {
   border: 2px solid #F5A527;   /* colore del riquadro del giorno corrente */
	padding: 0px;
	margin: 0px;
}

/****************************************************/
/* parte relativa alla formattazione del sondaggio */
/****************************************************/

.poll {
	color: #33408C;		/* colore del titolo del sondaggio */
}

/****************************************************/
/* parte relativa alla formattazione della newsletter */
/****************************************************/

.newsletter {
	color: #33408C;    /* colore del titolo della newsletter */
	}

/****************************************************/
/* parte relativa alla formattazione del TOC */
/****************************************************/

.firstcolor {
	background: #EEEEEE;     /* colore di sfondo delle voci dispari del TOC  */
}

.secondcolor {
	background: #FFFFFF;     /* colore di sfondo delle voci pari del TOC  */
}

a.toclink {
	font-size: 11px;     /* ripristina il carattere piccolo per il menù del TOC  */
}

/****************************************************/
/* parte relativa alla formattazione delle tabelle generiche */
/****************************************************/

table.info {
	background: #ffffff;				/* colore di sfondo della tabella generica */
	width: 100%;
	padding: 0px;
	margin: 0px 3px 0px 0px !important;
	margin: 0px 0px 0px 0px;
	border: 0px solid #cccccc;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.info th {
	font-size: 11px;
   color: #33408C;               /* colore dei caratteri dei titoli della tabella generica  */
	border: 1px solid #cccccc;
   text-align: center;
	height: 20px;
	padding: 0px;
}

table.info td.primo {
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 2px;
	background: #ffffff;
}

table.info td.secondo {
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 2px;
	background: #eeeeee;
}

/****************************************************/
/* parte relativa alla formattazione della tabella delle informazioni sui treni */
/****************************************************/

input.pulsante {
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
  	border: 3px double #7F9DB9;
  	width: 70px;
	height: 24px;
  	background: url(../images/button_bg.png) repeat-x;
  	padding: 0px 0px 0px 0px;
  	margin: 0px;
}

.treni {
	background: #eeeeee;		  							/* colore di sfondo della tabella sui treni */
	padding: 10px 0px 10px 5px !important;
	padding: 10px 0px 10px 5px;
	margin: 0px;
	border: 0px solid #cccccc;
	width: 565px;
}

/****************************************************/
/* parte relativa alla formattazione del checkbox nella pagina "Contattaci" */
/****************************************************/
.checkbox {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px !important;
	margin: 5px 0px 0px -4px;
}

/****************************************************/
/* parte relativa alla formattazione delle tabelle generiche senza bordo */
/****************************************************/

table.noborder {
	background: #ffffff;				/* colore di sfondo della tabella generica */
	width: 100%;
	padding: 0px;
	margin: 0px 3px 0px 0px !important;
	margin: 0px 0px 0px 0px;
	border: 0px solid #cccccc;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.noborder th {
	font-size: 12px;
   color: #000000;               /* colore dei caratteri dei titoli della tabella generica  */
	border: 0px solid #cccccc;
   text-align: left;
	height: 20px;
	padding: 0px;
	background: #cccccc;
}

table.noborder td.primo {
	font-size: 11px;
	border: 0px solid #cccccc;
	margin: 0px;
	padding: 2px;
	background: #ffffff;
}

table.noborder td.secondo {
	font-size: 11px;
	border: 0px solid #cccccc;
	margin: 0px;
	padding: 2px;
	background: #eeeeee;
}

/****************************************************/
/* parte relativa alla formattazione del titolo delle immagini {mosimage} */
/****************************************************/

.mosimage_caption {
	font-size: 10px;
}

/****************************************************/
/* parte relativa alla formattazione dei pulsanti 'Prenotazione Immediata' e 'Prenotazione Differita' */
/****************************************************/

.pren_diff {
	border: 1px solid #cccccc;
	background: #F8C750;
	padding: 4px;
}

.pren_imm {
	border: 1px solid #cccccc;
	background: #78F375;
	padding: 4px;
}

.tit_hotel {
	border-width: 0px 0px 1px 1px; 
	border-style: solid; 
	border-color: #F8C26C; 
	/*width: 99%; */
	background-color: #FFE5B9; 
	height: 28px; 
	padding: 12px 0px 0px 0px; 
	margin-bottom: 10px;
}

.tit_hotel2 {
	position: relative;
	top: 1px; 
	float: left;
	/*width: 290px; */
	background-color: #F8C26C; 
	height: 18px; 
	padding: 5px 5px 5px 5px; 
	margin: 0px;	
}

.tit_hotel3 {
	float: right; 
	padding-right: 5px; 
	position: relative; 
	top: 9px; 
	font-size: 12px;
}

.tit_jvscr {
	font-size: 12px; 
	margin: 0px; 
	padding: 0px;
}

table.tit_jvscr {
	border-collapse: collapse; 
	border-spacing: 0px;
}

.tit_footer {
	background-color: #FFE5B9; 
	border-width: 1px 0px 0px 0px; 
	border-style: solid; 
	border-color: #F8C26C;
}

.panelstyle {	
	display: none; 
	padding: 5px; 
	/*width: 100%; */
	height: 100%; 
	position: relative; 
	top: 0px; 
	left: 0px;	
}