html, body {
	margin:0;
	padding:0;
	height: 100%
	}
body {
	background-color: #eee;
	background-image: url("/img/bkg.gif");
	background-repeat: repeat-y;
	background-position: top left;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	color: #000;
	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;
	}
h2, .titlepopup  {
	font-size: 13px;
	font-variant: small-caps;
	font-weight: bold;
	text-align: right;
	letter-spacing: 1px;
	margin:0px 8px 10px 8px;
	padding: 2px 0;
	border-bottom: 1px solid #9C6;
	color:#354;
	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;
	}
a:visited {
	color: #8C9D98;
	}
a:hover {
	text-decoration: none;
	}
ul, .center ul, .center #listaComuni ul, .pfooter ul {
	list-style: none;
	}
/* --- 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 {
	position: relative;
	margin: 0;
	padding:0;
	background: #fff;
	width: 750px;
	}
.boxTwo { 
	width:450px;
	height:auto;
	padding:0 0;
; margin:  188px 188px
	}
.boxThree {
	position:absolute;
	top: 200px;
	left: 550px;
	padding:0;
	width:200px;
; border: thin #CCCCCC
	}
.center { 
	min-height: 520px;
	height: auto !important;
	height: 520px;
	margin: 0 0 0 188px;
	padding: 0;
	}
/*----Footer Box ----*/
.footerBox {
	position:relative;
	clear: both;
	font-size: 10px;
	border-top: 1px solid  #9C6;
	text-align:right;
	line-height:20px;
	margin:20px 8px 10px 220px;
	padding: 2px 0;
	width:500px;
	}
/* --- SECOND LINE ----- */
.secondLine  {
	position:absolute;
	top: 60px;
	left: 0px;
	z-index: 30;
	width: 100%;
	background:#9C6;
	}
/*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:#000;
	background:#ffd;
	margin: 1px;
	padding: 2px;
	border: 1px solid #eee
	}
.newsletter strong {
	color: #354;
	font-size: 14px;
	font-weight: bold;
  	padding: 5px;
	text-align: left;
	}
.newsletter p {
	color:#000;
	margin: 2px 6px;
	line-height:1.2em;
	}
/*--- 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;
	top: 0px;
	left: 3px;
	width:188px;
	z-index: 30;
	height:auto;
	}	
	/*----   MENU ----*/
ul.menu, ul.menu_1, ul.menu_2, ul.menu_3 {
	margin: 0 0 2px 0;
	padding: 0;
	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{
	text-decoration: none;
	display:block;
	width: 180px;
	padding: 4px 2px 4px 5px;
	margin: 1px;
	color:#354;
	border-right: 1px solid #9DCD69;
	border-bottom: 1px solid #9DCD69;
	}
ul.menu li a, ul.menu li a:visited {
	background: #C8E3AC;
	}
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 {
	background: #9C6;
	color: #fff;
	}
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 0;
	padding:2px 8px;
	display: block;
	position: relative;
	min-height:  105px;
	height: auto !important;
	height:  105px;}
.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 {
	width:30%;
	height: 120px;
	vertical-align: bottom;
	text-align: center;
	}
.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;
	padding: 0;
	width: 186px;
	display:block;
	background:#9C6 url("../umbria/et.gif") no-repeat right top;
	border:0;
	font-size: 11px;
	font-variant: small-caps;
	letter-spacing: 1px;
	width: 100%;
	text-indent: 5px;
	margin: 1px;
	font-weight: bold;
	height:20px;
	line-height: 16px;
	}
/*--- 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
}