html, body  { margin: 0; padding: 0 }
input, select    { color: black; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica; text-decoration: none; border: solid 1px gray; width: auto; height: 16px }
.bottone    { color: black; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica; text-decoration: none; border: solid 0px gray; width: auto; height: 16px }

body  { color: #000; font-size: 11px; font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; background: #eee url(../immagini/bkg/bkg.gif) repeat-y left top; voice-family: "\" }\"";
	voice-family:inherit;
	scrollbar-face-color: #E6E6E6;
	scrollbar-highlight-color: #E6E6E6;
	scrollbar-shadow-color: #E6E6E6;
	scrollbar-3dlight-color: #FAFAFA;
	scrollbar-arrow-color: #999;
	scrollbar-track-color: #FAFAFA;
	scrollbar-darkshadow-color: #CCCCCC;
	scrollbar-base-color: #FAFAFA;
	}
img,  a img, .centeredBox, #logo, .menu_banner  ul, .eventi, .center hr, .mtrev fieldset   {
	border: 0
	}
#warning h5, .menu_banner a, .menu_banner a:visited, .newsletter, #tit h1, form, div .bnr, .menu_banner  ul, .menu_banner li, .center table ul li a, #warning h2, #warning h5, .cascata{
	margin: 0;
	padding: 0;
	}
p, .newsletter p, .hotel p, .center p, .center ul li {
	text-align: justify
	}
#tit h3 , .eventi, h3, h4, h5, table, ul.menu li a, ul.menu li a:visited, ul.menu_1 li a, ul.menu_2 li a, ul.menu_3  li a {
	font-size: 11px;
	}
h1	{ color: #607575; font-variant: small-caps; font-size: 13px; text-align: right; letter-spacing: 1px; margin: 0px 8px 10px; padding: 2px 0; border-bottom: 1px solid #92a7a7; display: block }
h2 { color: #607575; font-variant: small-caps; font-weight: bold; font-size: 12px; display: inline }
.titlepopup   { color: #607575; font-variant: small-caps; font-weight: bold; font-size: 13px; text-align: right; letter-spacing: 1px; margin: 0px 8px 10px; padding: 2px 0; border-bottom: 1px solid #92a7a7; display: block }
h3, h4, h5 {
	font-weight: bold;
	margin: 2px;
	padding: 2px;
	color: #354;
	}
h5 {
	font-variant: small-caps;
	border-width: 0 0 1px 0;
	border-style:solid;
	border-color: #9C6;
	}
a:link, a:active {	
	color: #354;
	text-decoration: underline;
	}
sitemap:link, sitemap:active { color: gray; text-decoration: none }
a:visited {
	color: #8C9D98;
	}
sitemap:visited { color: #8c9d98; text-decoration: none }
a:hover {
	text-decoration: none;
	}
sitemap:hover { color: black; text-decoration: none }
ul, .center ul, .center #listaComuni ul, .pfooter ul {
	list-style: none;
	}
.immagine  { color: black;  border: solid 1px gray; width: 59px; height: 16px}

/* --- TAGLINE ---- */
#tagline {
	margin: 40px 0 20px 0;
	position: relative;
	width: 100%;
	background: #C8E3AC;
	height: 230px;
	}
#tagline h1, #tagline span {
	font-weight: normal;
	color: #354;
	line-height: 20px;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	font-size:11px;
	}
/*----Center Box ----*/
/*.centeredBox  { background-color: #fff; margin: 0; padding: 0; position: relative; top: 250px; width: 750px }*/
.boxTwo   { margin-left: 250px; padding: 0; position: absolute; top: 300px; width: 500px; height: 350px }
.boxThree {
	position:absolute;
	top: 200px;
	left: 550px;
	padding:0;
	width:200px;
	}
.center { 
	min-height: 520px;
	height: auto !important;
	height: 520px;
	margin: 0 0 0 188px;
	padding: 0;
	}
.didascalia   { color: #607575; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; position: relative; top: 0px; left: 3px }
/*----Footer Box ----*/
.footerBox   { color: #607575; font-weight: bold; font-size: 9px; line-height: 14px; text-align: left; margin: 20px 8px 10px 220px; padding: 2px 0; border-top: 1px solid #607575; position: absolute; left: -460px; width: 730px }
.footerBox1   { color: #607575; font-weight: bold; font-size: 9px; line-height: 14px; text-align: left; margin: 20px 8px 10px 220px; padding: 2px 0; position: absolute; left: -460px; width: 746px }
.footerBox2   { color: #607575; font-weight: bold; font-size: 9px; line-height: 14px; text-align: left; margin: 0px 10px; padding: 10px 10px; border-top: 1px solid #607575; }

/* --- SECOND LINE ----- */
/*.secondLine   { background-color: #92a7a7; position: absolute; z-index: 38; top: 38px; left: 0px; width: 750px; height: 250px }*/
/*posizionamento assoluto */
#logo {
	z-index: 70;
	position: absolute;
	top: 5px;
	left: 10px;
	}
/* --- form ----*/ 
#ricerca {
	position:absolute;
	top: 0px;
	left: 400px;
	text-align: right;
	padding:  0 0 0 auto;
	margin: 0 0 0 auto;
	voice-family: "\"}\""; voice-family:inherit;
	z-index: 30;
	height: 25px;
	width: 350px;
	}
#ricerca form {
	height: 25px;
	width: 350px;	
	}
#text {
	border: 1px solid  #9C6;
	height: 18px;
	margin: 2px 0;
	background: #fff;
	padding: 1px 2px 0 2px;
	vertical-align: top
	}
#search {
	padding: 0;
	vertical-align: middle;
	margin: 2px	
	}
/* --- languages ----*/ 
#languages {
	font-size: 9px;
	position:absolute;
	top: 26px;
	left: 0;
	z-index: 500;
	width: 745px;
	text-align: right;
	}
#breadcrumbs {
	z-index: 30;
	position:absolute;
	top: 270px;
	left: 0;
	width: 750px;
	height: 20px;
	margin: 0;
	padding: 3px;
	}
#flash {
	z-index: 50;
	position:absolute;
	top: 330px;
	left:570px;
	}
#home #flash {
	top: 300px;
	}
.newsletter    { color: gray; text-decoration: none; margin: 1px; padding: 6px }
.newsletter strong    { color: gray; font-weight: bold; text-decoration: none; text-align: left; padding: 5px }
.newsletter p  { color: #000; line-height: 1.2em; text-decoration: none; margin: 2px 6px }
/*--- hotel ---*/
.hotel {
	margin: 4px 2px;
	padding:6px 6px;
	background:#ffd;
	border: 1px solid #eee
	}
.hotel p {
	margin: 3px 0 0 0;		
	}
.hotel a img {
	float:left;
	margin: 2px;
	padding:0;
	border: 1px solid #ccc;
	}
/*----BOX ONE ----*/
/*.boxOne  { position: absolute; z-index: 30; top: 0px; left: 0px; width: 188px; height: auto }*/	
.boxOne2  { position: absolute; z-index: 40; top: 0px; left: 0px; width: 188px; height: auto }
.boxOne3  { position: absolute; z-index: 50; top: 290px; left: 0px; width: 188px; height: auto }
	/*----   MENU ----*/
ul.menu, ul.menu_1, ul.menu_2, ul.menu_3 {
	margin: 0 0 2px 0;
	padding: 0;
	width: 186px;
	list-style: none
	}
ul.menu li a, ul.menu li a:visited, ul.menu_1 li a, ul.menu_2 li a, ul.menu_3  li a   { color: #425151; line-height: 16px; text-decoration: none; margin: 1px; padding: 2px 0 2px 2px; border-style: none solid solid none; border-width: medium 1px 1px medium; border-color: #92a7a7 #607575 #607575 #92a7a7; width: 100%; height: auto; display: block }
ul.menu li a, ul.menu li a:visited  { background-color: #92a7a7 }
ul.menu_1 li a, ul.menu_2 li a, ul.menu_3  li a, ul.menu_1 li a:visited, ul.menu_2 li a:visited, ul.menu_3  li a:visited{
	background:#ffd;
	border: 1px solid #ccc;
	}
ul.menu li a:hover, ul.menu_1 li a:hover, ul.menu_2 li a:hover, ul.menu_3  li a:hover   { color: #fff; background-color: #607575 }
ul.menu li, ul.menu_1 li, ul.menu_2 li, ul.menu_3  li{
	display:inline;
	}
	/*----   SHOP ----*/
.shop {
	width: 182px;
	background:#ffd;
	padding: 4px 2px;
	margin: 1px 1px 2px 1px;
	border: 1px solid #ccc;
	text-align: right;
	}
.shop h3 {
	width: 170px;
	text-align: right;
	height: 60px;
	}
.shop h3 a {
	display: block;
	width: 170px;
	height: 60px;
	padding:10px 0 0 0px;
	background: url("../umbria/prodotti_tipici.jpg") no-repeat left top;
}
.shop p {
	clear: both;
	margin: 4px;
	}
/* --- MENU BANNER ---- */
.menu_banner {
	position:absolute;
	top: 60px;
	left:550px;
	width:200px;
	z-index: 50;
	}
.menu_banner li {
	text-align: right;
	width:200px;
	}
.menu_banner  a, .menu_banner a:visited { 
	display:block; 
	color:#fff;
  	text-decoration: none;
	width:200px;
	height: 52px;
	}
.menu_banner a:hover {
	color: #354;
	}
.menu_banner strong {
	padding: 22px 0 0 0;
	display:block;
	}
.menu_banner span {
	padding:  0;
	}
	
#booking {
	background: url("../img/booking-online.jpg") no-repeat;
	float:left;
	height: 53px;
	}
#last-minute {
	background: url("../img/last-minute.jpg") no-repeat;
	float:left;
	height: 53px;
	}
#offers {
	background: url("../img/reservation-offers.jpg") no-repeat;
	float:left;
	height: 52px;
	}
#special-event	{
	background: url("../img/special-events.jpg") no-repeat;
	float:left;
	height: 52px;
	}
/*---EVENTI --- la classe eventi è per gli oggetti con un testo corto*/
.eventi  { margin: 3px 0 0; padding: 2px 8px; position: relative; height: 250px; min-height: 105px; display: block }
.eventi2  { margin: 0px 6px; }
.eventi3  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px opx; }
.eventi4  { padding: 0px 10px; }

.eventi a img, .eventi img {
	float:left;
	margin: 4px;
	padding:0;
	}
.eventi p {
	margin: 5px 0 0 0;
	padding:0;
	color: #000;
	}
.eventi li a, .eventi a {
	font-weight: bold
}
/* --- CONTINUA --- */
p.continua {
	text-align: right;
	margin:2px 2px 5px 2px;
	}
p.continua a {
	font-weight: normal
}
/*--- TOP ---*/
p#top, p.top { 
	margin: 20px 30px;	
	text-align: right;
	width: 500px;
	clear: both;
	}

/*-- WARNING --*/
#warning {
	width:500px;
	margin:0px 31px 10px 31px;
	padding: 0;
	}
#warning h2{
	font-size: 13px;
	border-bottom:1px solid #9C6;
	text-align: center;
	}
#warning h5 {
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom:1px solid #9C6;
	color:#354;
	text-align: center;
}

/*--- Titolo Pagina ---*/
#tit {
	text-align:center;
	text-align: left;
	color:#354;
	width:498px;
	}
#tit h1 {
	font-size: 13px;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom:1px solid #9C6;
	dispay:block;
}
#tit h3 {
	font-weight: bold;
	letter-spacing: 1px;
	dispay:block;
}
/*-- PRINT ---*/
#prn {
	position: absolute;
	top: 288px;
	left: 690px;
	z-index: 80
	}
/*-- clear ---*/
.clear h5, .clear ul, .clear strong{ 
	clear: both;
	display: block
}
/*--- METEO ---*/

#met .center table h2 {
	width: 500px;
	margin: 5px 0;
	padding: 0;
} 
#met td{
	width: 1%;
	margin: 0;
	padding: 2px;
	font: 10px;
	}
#met table{
	width: 1%;
	margin: 0 auto;
	padding: 2px;
	font: 10px;
	}
#met .center {
	text-align: center;
}
/*--- CENTER ---*/
.center strong {
	color:#354;
	}
.center ul {
	float: left;
	margin: 0;
	line-height: 18px;
	}
.center ul li {
	line-height: 20px
	}
/*----- da verificare -----*/
.center div ul li a{
	color:  #933;
	font-weight: bold;
	}
.center div ul li a:visited{
	color:  #9E777A;
	font-weight: bold;
	}
.center table ul li a{
	font:normal;
	}
.center table {
	margin: 0 25px;
	vertical-align: top
	}
.center table ul {
	margin: 4px 8px
}
/*--- HR ---*/
.center hr { 
	width:498px;
	text-align: center;
	height: 1px;
	padding: 0;
	color: #9C6;
	background:  url("../ima/hr.gif") repeat;
	 }
/*--- BANNER ---*/
div .bnr {
	text-align: center;
	font: bold;
	}
div .bnr h2, div .bnr h6  {
	width:498px;
	margin: 0 0 5px 0;
	text-align: center;
	padding: 0;
	border-bottom:1px solid #9C6;
}
.bnr p {
	font: normal
	}
.bnr p a{
	color:  #933;
	font-weight: bold;
	}
#categorie {
	text-align: center;
	margin: 20px auto
	}
/* --- LISTA COMUNI ---*/
.center #listaComuni ul, div.pfooter ul  {
	float:left;
	display: block;
	width: 153px;
	margin: 0 8px 10px 0;
	padding: 0;
	}
.center #listaComuni li,  #foo .center .pfooter li {
	text-align: left;
	}
.center #listaComuni li a, #foo .pfooter li a {
	font-weight: normal;
	color:#354;
	}
div #listaComuni,  div.pfooter {
	width:498px;
	margin:0px 31px 10px 31px;
	padding: 2px 1px;
	}
.center div {
	width:498px;
	margin:0px 31px 10px 31px;
}
/*---- GALLERIA ----*/
table.galleria, .center .eventi, .center h2, table.itinerari {
	width:500px;
	margin:0px 31px 10px 31px;
	padding: 0;
	}
.galleria td  { text-align: center; vertical-align: bottom; width: 30%; height: 120px }
.galleria_testo td {
	vertical-align: top;
	font-size: 11px;
	text-align: left;
	height: 60px;
	}
.galleria_testo td p {
	padding: 0px 2px;
	margin: 5px 0;
	}
/*--- MOTORE ---*/
.motore, .mtrev {
	width: 330px;
	height: 170px;
	margin:100px 25px 0 25px;
	text-align: left;
	}
.motore label{
	width:330px;
	padding:4px 0;
	display: block
	}
	/*--- TAB LAST MINUTE--------------------------------------------------------------------------------*/
.last-book	p{
	margin:3px 0px 5px 0px;
	}	
.last-book table{
	margin:0px;
	padding:0px;
	}	
	
	/*--- MOTORE LAST MINUTE--------------------------------------------------------------------------------*/
.lastsearh {
	background: url("../img/sfondo-search.gif") no-repeat left top;
	width: 500px;
	height: 185px;
	margin:100px 25px 0 25px;
	padding: 0px
	}
.lastsearh table{
	width: 450px;
	padding: 8px
	}	
.lastsearh img{
	padding-right: 5px
	}	
/*--- Motore eventi ---*/
.mtrev label {
	width:150px;
	padding:4px 2px;
	margin: 0
	}
.mtrev fieldset {
	margin: 0;
	padding: 2px
	}
div#categorie {
	line-height: 18px;
	width: 500px;
	margin: 25px 31px 25px 31px;
	text-align: center;
	}
h2 img {
	margin-right: 5px
	}
/*--- Siete Map ---*/
#foo .center h2 {clear:both}
#foo p {
	width: 498px;
	margin: 25px 31px 25px 31px;}

/*--- popup ---*/
.popup td {
	width:20%;
	}
.cascata td {
	border: 1px solid #ccc;
	text-align: center
	}
table.tab {
	width: 445px;
	text-align: center;
	}
/*---- ETICHETTE ----*/
.boxOne h6   { color: #fff; font-variant: small-caps; font-weight: bold; font-size: 11px; line-height: 16px; background: #607575 no-repeat right top; text-indent: 5px; letter-spacing: 1px; margin: 1px; padding: 0; border: 0; width: 100%; height: 20px; display: block }
/*--- NOClienti ---*/
div.nocli {
	clear: both;
	height: 180px;
	overflow: auto;
	padding: 2px 4px;
	width:488px;}
/*--- METEO ---*/

.met td {
	vertical-align: top;
	}
/*---- numeri pagine galleria fotografica ----*/
.npag {
	 width: 100%;
	 text-align: center;
	 margin: 5px auto
}