body {
	background: #FFF url(/graph/sfondi/body-blue.png) repeat-x fixed top left;
	/*background: #FFF url(/graph/bkg-tmp.jpg) no-repeat fixed center top;*/
	line-height: 1.4em;	font-size: 12px; color: #333; font-family: Verdana, Arial; 
}

strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 11px; }

a { color: #3B5998; text-decoration: none; }
	a:hover { text-decoration: underline; }
	a img, a.image { border: none !important; text-decoration: none; }

#content p a, #content p a strong { border-bottom: 1px dotted #c1c1c1; /*text-decoration: underline !important;*/ }
	#content p a:hover, #content p a:hover strong { border-bottom: 1px solid #3B5998; text-decoration: none !important; }

p, #content ul, #content ol { margin-bottom: 12px; }
	p strong { color: #3B5998; }
	/*p a, p strong a, p a strong { color: #f50; }*/
	
ul { list-style-position: outside; list-style-type: disc; padding-left: 30px; }

hr { border: 1px dashed #369; clear: both; margin: 20px auto; width: 80% }

.icon-l { background-position: center left;	background-color: transparent; background-repeat: no-repeat; padding-left: 20px !important }
.icon-r { background-position: center right;	background-color: transparent; background-repeat: no-repeat; padding-right: 20px !important }

.email { background-image: url(/graph/icone/email.png); }
.print { background-image: url(/graph/icone/print.png); }
.back { background-image: url(/graph/icone/back.png); }
.phone { background-image: url(/graph/icone/phone.png); }
.cellphone { background-image: url(/graph/icone/cellular.png); }
.url { background-image: url(/graph/icone/website.png); color: #f60; }
.map { background-image: url(/graph/icone/map.png); }
.mychoice { background-image: url(/graph/icone/my-choice.png); }
.mychoice-add { background-image: url(/graph/icone/my-choice-add.png); }
.mychoice-remove { background-image: url(/graph/icone/my-choice-remove.png); }
.email { background-image: url(/graph/icone/email.png); }
.fax { background-image: url(/graph/icone/fax.png); }
.camera { background-image: url(/graph/icone/camera.png); }
.video { background-image: url(/graph/icone/video.png); }
.person { background-image: url(/graph/icone/contact-person.png); }
.speak { background-image: url(/graph/icone/speak.png); }

.webcam { background-image: url(/graph/icone/webcam.png); }
.stay  { background-image: url(/graph/icone/bed.gif); }
.ferry  { background-image: url(/graph/icone/ferry.gif); }
.events { background-image: url(/graph/icone/calendar.png); }
.weather { background-image: url(/graph/icone/weather.png); }
.iphone { background-image: url(/graph/icone/iphone.png); }

.star { background-image: url(/graph/icone/star.png); }
.like-it { background-image: url(/graph/icone/thumb-up.png); }
.dislike-it { background-image: url(/graph/icone/thumb-down.png); }
.uninteresting { background-image: url(/graph/icone/delete.png); }

.button {
	border: none !important;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25) !important; padding: 5px 8px; font-weight: bold; cursor: pointer;
}
	.button:hover { border-bottom: 1px solid rgba(0,0,0,0.25) !important; }
	.button.small { padding: 3px 6px; }
	.button.orange { background-color: #f60; color: #fff; }
		.button.orange:hover { background-color: #f80; }
	.button.blue { background-color: #06c; color: #fff; }
		.button.blue:hover { background-color: #007CF6; }
	
p.buttons { padding: 12px 0; }

#accessibility { display: none; }
	
.b { display: block; }
.c, .text-c { text-align: center; }
.r, .text-r { text-align: right; }
.l, .text-l { text-align: left; }
.j { text-align: justify; }
.m, .image-m { vertical-align: middle; }
.clearfix { clear: both; overflow: hidden; }

img.image-l { float: left; margin: 5px 5px 5px 0; }
img.image-r { float: right; margin: 5px 0 5px 5px; }
img.image-c { display: block; margin: 5px auto; }

/* LAYOUT */

#wrapper { margin: 10px auto; width: 970px; border: 2px solid #036; background-color: #FFF; position: relative; }

#header {
	background: #036 url(/graph/sfondi/header-bottom.gif) repeat-x scroll bottom left;
	height: 202px; position: relative; font-family: Helvetica, Verdana, Arial;
}

#logos { position: absolute; top: 20px; left: 0; height: 160px; width: 100%; background-color: #FFF; }
	#logos .home { position: absolute; top: 0; right: 0; }
	#logos .logo { position: absolute; top: 0; left: 0; }

#languages { position: absolute; right: 0; top: 0; margin: 0; padding: 2px; font-size: 12px; font-weight: bold; }
	#languages ul { list-style-type: none; margin: 0; padding: 0; }
		#languages ul li { display: inline; margin-right: 3px; }
			#languages ul li a {
				padding-left: 20px; background-position: left center;	background-color: transparent;	background-repeat: no-repeat;
				color: #fff;
			}
			#language-it a { background-image: url(/graph/bandiere/it-IT.gif); }
			#language-en a { background-image: url(/graph/bandiere/en-GB.gif); }
			#language-de a { background-image: url(/graph/bandiere/de-DE.gif); }
			#language-fr a { background-image: url(/graph/bandiere/fr-FR.gif); }

#hot-links { position: absolute; right: 0; bottom: 0; margin: 0 3px 0 0; padding: 3px; font-size: 12px; font-weight: bold; text-transform: lowercase; }
#utility-links { position: absolute; left: 0; top: 0; margin: 0 0 0 3px; padding: 2px; font-size: 11px; }
	#hot-links ul, #utility-links ul { list-style-type: none; margin: 0; padding: 0; }
		#hot-links ul li, #utility-links ul li {
			display: inline; padding-left: 15px; margin: 0;
			background: transparent url(/graph/elementi/bullet-white.png) no-repeat scroll -2px 0;
		}
			#hot-links ul li.first, #utility-links ul li.first { background: none; padding: 0;}
			#hot-links ul li a, #utility-links ul li a { color: #fff; }
				#hot-links ul li a:hover, #utility-links ul li a:hover { text-decoration: none; color: #f90; }

.addthis_button { position: absolute; left: 3px; bottom: 4px; }

#vertical-logo { position: absolute; top: 15px; left: -51px; }
#vertical-logo a { display: block; }

#back-to-top { position: absolute; bottom: 103px; right: 190px; }
	#back-to-top a { font-size: 10px; padding-left: 10px; background: transparent url(/graph/elementi/top.gif) no-repeat scroll left center; }

#breadcrumb {
	height: 20px; width: 965px; text-align: left; clear: both; padding-left: 5px;
	background: transparent url(/graph/sfondi/content.gif) no-repeat scroll 480px -5px; text-transform: lowercase;
}
#breadcrumb span { float: left; margin-right: 5px; font-size: 11px; }
#breadcrumb ul { margin: 0; padding: 0; font-family: Helvetica, Verdana, Arial; float: left; }
	#breadcrumb ul li { list-style-type: none; display: inline; }
		#breadcrumb ul li.current { font-weight: bold; }
		#breadcrumb ul li a {
			background: transparent url(/graph/elementi/bullet-orange.gif) no-repeat scroll right 5px; color: #036; padding-right: 15px; 
		}

#navigation { float: left; width: 160px; }
	#navigation h4 {
		margin: 6px 0 3px 0; padding-left: 15px; color: #f60;
		background: transparent url(/graph/elementi/bullet-star.png) no-repeat scroll center left;
		border-bottom: 1px solid #FFFAE5; text-shadow: 2px 2px 3px #ccc;
	}

#content {
	background: #FFF url(/graph/sfondi/content.gif) no-repeat scroll 320px -26px;
	font-family: verdana, "century gothic", futura, sans-serif; padding: 5px 10px 20px 10px;
	color: #333;	font-size: 13px; font-weight: normal;	width: 650px;	float: left;
}
	#content.small { width: 620px; }
	#content.large { width: 790px; }
	#content.wide { width: 950px; }

#banners {
	float: left; width: 139px; border-width: 1px 0 1px 1px; border-color: #e5e5e5; border-style: solid; background-color: #FFFAE5;
}
#banners ul.banner { 
	float: right;	margin: 0; padding: 0;
	list-style: none;	width: 130px;	padding: 5px; margin-left: 3px;
}
	#banners ul.banner li { margin: 0; padding: 0; }
		#banners ul.banner li a { display: block; text-align: center; }
		#banners ul.banner li img { margin-bottom: 3px; }

#content ul.banner { margin: 25px 0; padding: 0; list-style: none; }
	#content ul.banner li { text-align: center; margin: 10px 0; }

#footer { font-family: Verdana, Arial, Helvetica, sans-serif; clear: both; font-size: 10px; padding-top: 5px; }
	#footer p {	margin: 0; text-align: center; padding: 1px 0; }

#contacts {	background-color: #036; color: #fff; position: relative; }
	#contacts a, #contacts strong { color: #ff0; }
	#contacts #web-project { font-weight: bold; line-height: 11px; position: absolute; left: 5px; bottom: 5px; }
	#contacts .logo { position: absolute; left: 5px; top: 5px; border: 0; }
	#contacts p img { vertical-align: middle; }

#disclaimer {	background-color: #FFFAE5; color: #036; border-top: 1px solid #e5e5e5; }

h1, h2, h3 { font-family: Georgia, Verdana, Arial; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: bold; }

h1 { font-size: 20px; color: #f60; margin: 0; padding: 0 0 5px 5px; border-bottom: 1px solid #c1c1c1; text-shadow: 2px 2px 3px #ccc; }
	h1 a { font-weight: bold; }
	h1 img { margin-left: 5px; vertical-align: middle; }
	
h2 { font-size: 14px; color: #036; margin: 2px 0 15px 0; text-align: right; }

#content h3 { font-size: 16px; color: #f60; padding-left: 15px; margin-bottom: 12px; background: transparent url(/graph/elementi/bullet-star.png) no-repeat scroll center left; }
#content h4 { border-bottom: 1px solid #e5e5e5; font-size: 13px; margin: 15px 3px; }
#content h4.related { color: #f60; margin-top: 30px; }

#content h5 {	margin-bottom: 12px; padding-left: 10px; }
#content h6 { font-size: 12px; margin-bottom: 8px; }

#content .weather p img { position: absolute; bottom: 30px; right: 5px; }



.agency-proposal { margin: 0; padding: 0; color: #f60; }
.addresses .agency-proposal em {	display: block; }
.addresses .agency-proposal a { font-weight: bold; color: #f60; }

#content .box { font-size: 11px; border: 1px solid #c1c1c1; padding: 5px; position: relative; margin: 15px auto; float: left; -moz-box-shadow: 3px 3px 5px #888; }
	#content .box h5 {
		margin: 0; position: absolute; bottom: 100%; left: -1px; color: #f60; border-color:#c1c1c1 #c1c1c1 #fff; border-style:solid;
		border-width:1px; padding-right: 4px; padding-top: 2px; background-color: #fff;
	}
	#content .box h6 { color: #036; margin: 2px 0; }
		#content .box h6 a { font-weight: bold !important; }
	#content .box p { margin: 5px 0; }
	#content .box .links-list { margin: 5px; padding: 0; }
		#content .box .links-list li { margin: 1px 0; }
		#content .box .links-list li p { margin: 5px 0; }
	#content .box .dates { display: block; font-size: 11px; font-weight: normal; font-style: italic; text-transform: lowercase; }

	#content .box .idTabs, #mini-request ul { margin: 0; position: absolute; bottom: 100%; left: -1px; padding: 0; list-style-type: none; }
		.box .idTabs li, #mini-request ul li { float: left; }
			.box .idTabs li a, #mini-request ul li {
				display: block; font-size: 11px; font-weight: bold; border-color: #c1c1c1; border-style:solid;
				border-width:1px; padding: 2px 4px 0 20px; color: #036;
			}
			#mini-request ul li { padding-left: 4px; }
				.box .idTabs li a.last-minute { background: #FFFAE5 url(/graph/icone/lastminute.png) no-repeat 3px 3px; }
				.box .idTabs li a.offer { background: #FFFAE5 url(/graph/icone/offer.png) no-repeat 3px 3px; }
				.box .idTabs li a.selected, #mini-request li.selected { border-bottom: 1px solid #fff; background-color: #fff; color: #f60; }
				.box .idTabs li a:hover { text-decoration: none; background-color: #fff; color: #f60; }
	
#content .box-w40 { width: 40%; }
#content .box-w100 { width: 632px }
#content .box-h275 { height: 275px; }

#content .boxcolumn { float: left; margin: 15px 10px 0 0; }
#content .boxcolumn-last { float: left; margin: 15px 0 0 0; }
#content .col-medium { width: 362px; }
	#content .col-medium .box { width: 350px; }

#content .col-small { width: 272px; }
	#content .col-small .box { width: 260px; }

#banners .box {
	background-color: #FFF; width: 108px; clear: both; text-align: center; padding: 5px; margin: 5px auto;
	border: 1px solid #369;
}

p.note { font-size: 11px; }
p.message { padding: 20px 30px; background: transparent url(/graph/icone/info.png) no-repeat scroll 8px center; }
p.error { padding: 20px; color: #CF0023; }

ol { padding-left: 10px; }
	ol li { list-style-position: inside; list-style-type: decimal; }
ol.alpha li { list-style-type: lower-alpha; }
ol.decimal { list-style-type: decimal; }

#content ul img { vertical-align: middle; }

.addresses { overflow: hidden; }
	.addresses ul { float: left; width: 50%; padding: 0; margin: 0; list-style-type: none; }
	.addresses li { margin: 1px 0; }
	.addresses .email, .s-list .email { unicode-bidi:bidi-override; direction: rtl; }
	.addresses .url { font-weight: bold; }

.s-list { padding: 0; margin: 0; clear: both; }
	.s-list h5 { margin: 0 !important; padding: 0 !important; }
	.s-list h5 a { color: #06c; line-height: 15px; font-size: 15px; font-weight: bold; text-decoration: none; border-bottom: 1px dotted; }
		.s-list h5 a:hover { border-bottom-style: solid; }
	.s-list li { display: block; list-style-type: none; border-bottom: 1px solid #ccc; margin-bottom: 10px; position: relative; padding: 5px 3px 2px 140px; min-height: 80px; }
		.s-list>li:hover { background-color: #FFFAE5; }
	.s-list .icon { position: absolute; top: 5px; left: 3px; width: 130px; height: 80px; }
	.s-list .media { position: absolute; top: 5px; right: 3px; }
	.s-list li ul { margin: 5px 0 !important; padding: 0; }
	.s-list li li { border: none; margin: 0; padding: 1px 0; min-height: inherit; }
	.s-list .links { position: absolute; right: 3px; bottom: 7px; }
	.s-list .services { clear: both; overflow: hidden; }
	
	.s-list p { font-size: 11px; margin: 5px 0; }
	
#content ul.offers-list h5 { color: #036; margin: 0; padding: 0; line-height: 15px; font-size: 15px; }
	#content ul.offers-list h5 a { color: #06c; font-weight: bold; text-decoration: none; border-bottom: 1px dotted; }
		#content ul.offers-list h5 a:hover { border-bottom-style: solid; }

#content-sub {
	width: 159px; font-family: Verdana,Arial; font-size: 11px; color: #333; float: left; background-color: #FFFAE5; padding: 5px;
	border-width: 1px 0 1px 1px; border-style: solid; border-color: #e5e5e5;
}
	#content-sub.small { width: 150px; }
		#content-sub.small ul { width: 150px; }
	#content-sub .structure-summary { text-align: center; padding: 10px 0; }
		#content-sub .structure-summary h3 { font-weight: bold;	margin: 0; }
		#content-sub .structure-summary img {	margin: 5px; }
	#content-sub .requests { margin: 0;	padding: 10px 0; }
		#content-sub .requests p { margin: 0; padding: 5px 3px; }
	#content-sub h4 {
		margin: 0; color: #f60; border-bottom: 1px solid #e5e5e5;
		font-size: 11px; font-weight: bold; clear: both; font-family: Georgia, Verdana, "Times New Roman", Times, serif;
		text-shadow: 2px 2px 3px #ccc;
	}
	#content-sub h5 {
		margin: 5px 0 3px 0; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold; clear: both; text-align: center; /*border-bottom: 1px dotted #e5e5e5;*/
	}
		#content-sub .legend { font-weight: normal; margin: 0; text-align: center; }
	
	#content-sub ul { width: 160px; overflow: hidden; margin: 3px 0 5px 0; }
		#content-sub .happenings, #content-sub .associations, #content-sub .unstyled { list-style-type: none; padding: 0; }
			ul.happenings li { margin: 5px 0; text-align: center; }
		 	ul.associations li { float: left; height: 70px; margin: 5px 0; text-align: center; width: 50%; }
				ul.associations img { vertical-align: middle; }
		#content-sub ul.icons { list-style-type: none; margin: 0 0 4px 0; padding: 0; }
			ul.icons li { float: left; width: 20px; height: 20px; margin: 3px; }
		#content-sub ul.list { list-style-type: none; padding: 0; margin: 0 0 5px 0; }
			ul.list li {
				background: transparent url(/graph/elementi/bullet-orange.gif) no-repeat scroll 1px 8px;
				padding: 1px 0 1px 10px; margin: 0;
			}
			ul.list li.inactive { color: #ccc; }
				ul.list li a { color: #036; }
					ul.list li a.current { font-weight: bold; }

/* MENU NAVIGAZIONE */

ul.menu { font-size: 13px; font-weight: normal; margin-right: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; }
	ul.menu, ul.menu ul { list-style-type:none; margin: 0; padding: 0; }
	ul.menu a { display: block; text-decoration: none; }
	ul.menu li { border-bottom: 1px dotted #e5e5e5; }
		ul.menu li.last { border-bottom: none; }
		ul.menu li a {
			background: #FFF url(/graph/elementi/bullet-orange.gif) no-repeat 1px 6px;
			color: #333; padding: 0 0 0 10px; font-variant: small-caps;
		}
			ul.menu li a:hover { background-color: #FFF0B2; border-left: 3px solid #f60; }
		ul.menu li.current { border-left: 3px solid #FF6600; }
		ul.menu a.current { font-weight: bold; }
		ul.menu li.active a:hover { border-left: none; }
			ul.menu li ul li a {
				background: #FFFAE5 url(/graph/elementi/bullet-pink.gif) no-repeat 0 7px;
				padding-left: 14px; text-transform: lowercase; font-variant: normal; font-size: 11px;
			}

/* FORM */

.field { overflow:hidden; }
	.field span.note { font-size: 11px; margin-left: 3px; }
	
/* MODULO DI RICERCA MINI */
#mini-search fieldset {	border: 1px solid #f60;	text-align: center;	width: 145px;	margin: 15px auto; padding: 3px; }
#mini-search .field { margin: 5px 0; }
	#mini-search .field input, #mini-search .field select { background-color: #FFFAE5; border: 1px solid #969696; }
	#mini-search .field input { width: 131px; }
	#mini-search .field select { width: 135px; }
#mini-search label {
	display: block;	text-align: left; padding-left: 5px; font-style: normal; font-weight: normal; margin: 0;
}
#mini-search .actions { padding: 5px 0; }
#mini-search input, #mini-search select { font-size: 11px; }

/* MODULO DI RICHIESTA MINI */
#mini-request { font-size: 11px; clear: both; }
	#mini-request input.date-pick { width: 87px !important; }
	#mini-request .field label { display: block; }
	#mini-request optgroup { font-weight: bold; font-style: normal; }
	#mini-request fieldset { position: relative; -moz-box-shadow: 3px 3px 5px #888; }

#content #mini-request { margin: 40px auto 20px auto; }
#content #mini-request .actions { position: absolute; right: 0; bottom: 0; padding: 7px; }
#content #mini-request .field { float: left; padding: 7px; }
#content #mini-request fieldset { border: 1px solid #c1c1c1; width: 460px; margin: 0 auto; padding: 0; }
	#content #mini-request fieldset .field img { vertical-align: middle; }
	#content #mini-request ul span, #content #mini-request ul span a { font-weight: bold; }

#banners #mini-request .actions { padding: 5px 0; }
#banners #mini-request .dp-choose-date { margin: 0 1px; }
#banners #mini-request fieldset { border: 1px solid #fc9; width: 120px; margin: 15px auto; padding: 3px; text-align: center; }
#banners #mini-request .field { margin: 5px 0; }
	#banners #mini-request .field input, #banners #mini-request .field select { width: 110px; }
#banners #mini-request input, #banners #mini-request select {
	font-size: 11px; color: #036; background-color: #FFFAE5; border: 1px solid #f60;
}
	#banners #mini-request input.date-pick { margin-left: 8px; }
#banners #mini-request label {
	display: block;	font-size: 10px; text-transform: uppercase; color: #036;
	text-align: left; padding-left: 10px; font-style: normal; font-weight: normal; margin: 0;
}

#mini-search legend, #banners #mini-request legend {	
	line-height: 14px; font-size: 10px; padding: 0 5px; font-weight: bold;
	text-transform: uppercase; color: #FFF; background-color: #F60;
}

.width-50 { width: 50%; margin-left: auto; margin-right: auto; }
	.width-50 .field label { width: 120px !important; }
	.width-50 .field input { width: 120px !important; }

/* MODULI DI RICERCA */
.request .actions { text-align: center; padding: 5px; }
.request .field { padding: 2px 3px; margin-top: 2px; overflow: hidden; }
	.request .field label { float: left; width: 200px; line-height: 20px; margin: 0 5px; font-size: 11px; }
.request fieldset {	border: 1px solid #c1c1c1;	padding: 6px 10px 10px; width: 90%; margin: 3px auto; }
.request h5 { margin: 5px 0 !important; padding: 3px !important; }
.request label.req { font-weight: bold; }
.request .large { width: 100%; }
.request .small { width: 200px; float: left; }
	.request .small label { width: auto; }
.request legend { color: #036; font-weight: bold; margin-bottom: 5px; }
.request div.inline { float: left; width: 47%; }
#content .request ul.inline { padding: 3px; margin: 0; }
	.request .inline label, .request label.inline { display: inline; float: none; }

.request input[type="text"], .request textarea, .request select {
	border: 1px solid #969696;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.request input[type="text"] { width: 200px; }
	.request input[type="text"]:focus, .request textarea:focus, .request select:focus {
		border: 1px solid #369;
		-webkit-box-shadow: 0px 0px 5px #007eff;
		-moz-box-shadow: 0px 0px 5px #007eff;
		box-shadow: 0px 0px 5px #007eff;
	}

#content-sub .request input[type="text"] { width: 150px !important; }

.request input.date-pick { width: 80px; }
.request input.number { width: 30px; }
.request input.w-100 { width: 100px; }

.hint { font-size: 11px; clear: both; border: 1px solid #e5e5e5; padding: 5px; margin-top: 30px !important; }
	.hint img { float: right; margin: 3px; }
	#content .hint h5 { padding: 2px 3px; }
	#content .hint h6 { margin: 0 0 2px 0; padding: 0; font-size: 12px; color: #369; }
	.hint p { margin: 3px 0; }
	.hint .actions { clear: both; }
		.hint .actions p { text-align: right; font-style: italic; }
	#content .hint ul { list-style-type: none; text-align: right; margin: 3px 0; padding: 0; }
		.hint ul li { display: inline; margin-right: 3px; line-height: 20px; }
			.hint ul a { padding: 3px 0 3px 20px; }

div.error { background: transparent url(../graph/elementi/error.png) no-repeat scroll 3px 6px; border: 1px solid #CF0023; color: #CF0023; margin: 10px auto; padding: 3px 3px 3px 45px; width: 570px; }
	div.error h5 { margin: 3px 0 !important; padding: 0 !important; }
	div.error ul { width: 90%; margin: 10px auto; padding: 0 10px; }
		div.error li { list-style-position: inside; }

.offers-list { padding: 0; list-style: none; }
	.offers-list li { padding: 5px 20px; margin: 0; }
		#content .offers-list li h5 { margin: 3px 0; padding: 0; }
			.offers-list h5 em { display: block; font-size: 11px; text-align: right; border-top: 1px solid #e5e5e5; }
		.offers-list .info { margin: 3px 0; padding: 3px; border: 1px solid #e5e5e5; clear: both; }
			.offers-list .info a { margin-left: 5px; }
		.offers-list div.description { margin: 3px 0; padding: 5px; overflow: hidden; border: 1px solid #e5e5e5; clear: both; }
			.offers-list div.description h5 { font-size: 12px !important; }
		.offers-list .email { unicode-bidi:bidi-override; direction: rtl; }
		.offers-list .description img { float: right; margin-left: 5px; padding: 2px; border: 1px solid #e5e5e5;}

#search {	margin-bottom: 15px; overflow: hidden; }
	#search h4 { cursor: pointer; background: transparent url(../graph/elementi/accordion-closed.gif) no-repeat scroll center left; padding-left: 16px; }
		#search h4.open { background-image: url(../graph/elementi/accordion-open.gif); color: #F60; }
	#search .field { width: 100%; float: left; text-align: center; padding: 10px 0; }
		#search .field img { border: none; }
		#search .field ul { text-align: left; margin: 0; padding-left: 10px; float: left; }
			#search .field ul li { 
				list-style-type: none; list-style-position: outside; font-size: 11px; padding-left: 9px;
				background: transparent url(/graph/elementi/bullet-orange.gif) no-repeat scroll 1px 6px;
			}
			#search .field ul.inline li { text-align: left; width: 300px; }
				#search .field ul li img { margin: 0 3px; }
				#search .field ul li a { color: #333; }
					#search .field ul li a.current { text-decoration: underline; }
				#search .field label { display: block; margin: 5px auto; }
	#search .small { width: 100px; }

.isle-map { width: 230px; float: left; position: relative; text-align: center; }
	.isle-map li { display: block; background: none; padding: 0; position: absolute; text-align: center; width: auto !important; }
	.isle-map a { background: transparent url(../graph/elementi/map-li.png) repeat scroll top left; display: block; color: #333; font-size: 11px; }
	.isle-map a:hover { background-color: #fff; text-decoration: none; }
	.isle-map #portoferraio { left: 110px; top: 45px; }
	.isle-map #capoliveri { left: 145px; top: 105px; }
	.isle-map #porto-azzurro { left: 155px; top: 65px; }
	.isle-map #marciana-marina { left: 50px; top: 25px; width: 60px !important; }
	.isle-map #marciana { left: 25px; top: 65px; }
	.isle-map #marina-di-campo { left: 25px; top: 95px; }
	.isle-map #rio-marina { left: 185px; top: -10px; }
	.isle-map #rio-nell-elba { left: 150px; top: 28px; }
	
	.isle-map #nord { left: 110px; top: 50px; }
	.isle-map #sud { left: 108px; top: 80px; }
	.isle-map #ovest { left: 25px; top: 70px; }
	.isle-map #est { left: 185px; top: 60px; }

#marqueecontainer { position: relative; width: 600px; height: 350px; overflow: hidden; padding-left: 50px; }
	#marqueecontainer div { width: 95%;	position:relative }

#content table { width: 100%; }
	#content table ul img { vertical-align: middle; margin-right: 5px; }

table.timetable {	margin: 10px auto; width: 550px; }
	table.timetable caption { font-weight: bold; margin-top: 15px; }
	table.timetable td { text-align: center; }

table.list { width: 100%; margin-bottom: 20px; }
	table.list caption { text-align: center; font-weight: bold; }
	table.list th { font-weight: bold; text-align: left; border-bottom: 1px solid #c1c1c1; }
		table.list th.actions { width: 20%; }
	table.list td { padding: 3px; }

table.counters-data { width: 100%; margin: 10px auto; }
	table.counters-data th { text-align: left; font-weight: normal; }
	table.counters-data td { text-align: center; }
		table.counters-data thead th { font-weight: bold; text-align: center; border: 1px solid; }
		table.counters-data tr.odd td, table.counters-data tr.odd th { background-color: #F2F4F7; }

table.weather-data { width: 100%; margin: 10px auto; border-collapse: collapse; }
	table.weather-data caption { margin-top: 15px; text-align: center; border-bottom: 1px solid #ccc; }
	table.weather-data th { text-align: left; font-weight: bold; }
		table.weather-data thead th { text-align: center; padding: 5px; }
	table.weather-data td { text-align: center; border: 1px solid #ccc; }

#content-sub table.dates th {
	background: url(/graph/elementi/bullet-orange.gif) no-repeat scroll 1px 8px transparent; padding-left: 10px; width: 75px;
}

ul.weather-data { overflow: hidden; list-style-type: none; padding: 0; font-size: 10px; }
	ul.weather-data li { float: left; width: 145px; position: relative; border-left: 1px solid #ccc; margin-right: 8px; padding-left: 8px; }
		ul.weather-data li p { margin: 3px 0; }

table.price-list { margin: 10px auto; font-size: 11px; border-spacing: 1px; }
	table.price-list caption { font-weight: bold; text-align: center; }
	table.price-list td { border: 1px solid #c1c1c1; text-align: center; }
	table.price-list thead th {	border: 1px solid #c1c1c1; text-align: center; font-weight: bold; }
	table.price-list tbody th { border: 1px solid #c1c1c1; font-weight: bold; }

table.data { border-spacing: 1px; margin: 5px auto; }
	table.data th {
		font-weight: bold; width: 33%; padding: 2px 2px 2px 10px; vertical-align: top;
		background: transparent url(/graph/elementi/th-orange.gif) no-repeat top left;
	}
	table.data td { padding: 2px; }
	table.data th, table.data td { border: 1px solid #e5e5e5; }

#loader {
	position:absolute; z-index:1; background-color: #fff; left: 40%; top: 40%;
	width: 250px; border: 2px solid #f60; padding: 10px; text-align: center;
}
	#loader img { display: block; margin: 5px auto; }

ul.unstyled li { list-style-type: none;	list-style-position: outside; margin: 10px 0; }
ul.bullet-top li { background-position: left 6px !important; }

ul.links-list {	list-style-type: none; margin: 10px; padding: 0 10px; clear: both; }
	ul.links-list li {
		margin: 5px 0;	padding-left: 10px; list-style-position: outside;
		background: transparent url(/graph/elementi/bullet-orange.gif) no-repeat scroll left 6px;
	}
		ul.links-list li a { color: #036; }
		ul.links-list li img { vertical-align: middle; }
		
ul.photo-360 li {
	padding-left: 35px; background: transparent url(/graph/elementi/bullet-360.gif) no-repeat scroll left center;
}
ul.photo-180 li {
	padding-left: 35px; background: transparent url(/graph/elementi/bullet-180.gif) no-repeat scroll left center;
}

ul.structures-list { padding: 0; margin: 0; clear: both; }
	ul.structures-list li { list-style-type: none; }

#content .gallery { width: 530px; margin: 20px auto; padding: 0; overflow: hidden; }
#content .gallery.large { width: 688px; }
	#content .gallery li {
		list-style-type: none; width: 150px; height: 100px; margin: 5px; padding: 5px;
		float: left; border: 1px solid #F1F1F1; text-align: center;
	}
		.gallery li a { display: block; text-decoration: none; color: #036; position: relative; }
			.gallery li a span {
				display: none; position: absolute; bottom: 0; left: 0; background-color: #FFF;
				text-align: center; width: 100%; padding: 2px 0; font-size: 10px; color: #333; font-style: italic;
			}
			.gallery li a:hover span { display: block; }
		.gallery li img { display: block; margin: 0 auto; max-width: 150px; height: 100px; }

.gallery-vertical { width: 600px; margin: 20px auto; padding: 0; overflow: hidden; }
	.gallery-vertical li {
		list-style-type: none; width: 47%; height: 130px; padding: 10px 5px;
		margin: 2px; float: left; border: 1px solid #F1F1F1;
	}
	.gallery-vertical em { display: block; clear: both; font-size: 10px; font-style: normal; }
		.gallery-vertical li img.thumb { float: left; margin-right: 10px; max-height: 80px; }
			.gallery-vertical li em img { vertical-align: middle; }
		.gallery-vertical li p { float: left; margin: 0; }
			#content .gallery-vertical li p:first-letter { font-size: inherit; font-weight: normal; }

ul.inline { list-style-type: none; list-style-position: outside; overflow: hidden; padding: 0; }
	ul.inline li { float: left; text-align: center; }
	ul.inline li.label, ul.inline li.label label { font-weight: bold; }
ul.columns-2 li { width: 50%; }
ul.columns-3 li { width: 33%; }
ul.columns-4 li { width: 25%; }
ul.columns-5 li { width: 20%; }
ul.columns-12 li	{ width: 8%; }
ul.l li { text-align: left; }

ul.print { margin-bottom: 25px !important; }

ul.tabs {
	text-align: left; margin: 1em auto; font: bold 11px verdana, arial, sans-serif;	width: 94%;
	border-bottom: 1px solid #f90;	list-style-type: none; padding: 3px 10px 3px 10px;
}
	ul.tabs li { display: inline; }
		ul.tabs li.current { border-bottom: 1px solid #fff; background-color: #fff; }
			ul.tabs li.current a { background-color: #fff; color: #036; position: relative; top: 1px; padding-top: 4px; }
			ul.tabs li.current a:hover { border-bottom: none; }
		ul.tabs li a {
			padding: 3px 4px; border: 1px solid #f90; background-color: #FFFAE5;
			color: #666; margin-right: 0px; text-decoration: none; border-bottom: none;
		}
			ul.tabs a:hover { background: #fff; color: #036; border-bottom: 1px solid #fff; }

ul.level-1 > li > a { font-weight: bold; }
ul.level-2 > li > a { border-bottom: 1px dotted; text-decoration: none; }
	ul.level-2 > li > a:hover { border-bottom-style: solid; }

#map { margin: 10px auto 20px auto; }

p.attachment {
	background: transparent url(../graph/icone/pdf.png) no-repeat scroll 99% center; padding: 3px 28px 3px 3px;
	text-align: right; border: 1px solid #e5e5e5; font-size: 11px;
}
	p.attachment a { font-weight: bold; font-size: 12px; }
p.booking { background-image: url(../graph/icone/offer.png); }
	
.sitofono { padding: 3px; margin: 20px 0; border: 1px solid #e5e5e5; font-size: 11px; }
	.sitofono img { vertical-align: middle; }
	
#navigation-mini {
	background: transparent url(../graph/elementi/navigation-mini.png) no-repeat center left; border: 1px solid #c1c1c1; -moz-box-shadow: 5px 5px 5px #888;
	margin: 20px 0; overflow: hidden; padding: 5px 5px 5px 160px;
}
	#navigation-mini h4 { border: none !important; color: #f60; margin: 0 0 3px 0 !important; padding: 0; text-shadow: 2px 2px 3px #ccc; }
	#navigation-mini ul { margin: 0; padding: 0; }
	#navigation-mini ul li { border-left:1px solid #ccc; float: left; height: 175px; list-style-type: none; margin: 0 8px; padding-left: 8px; width: 130px; }
		#navigation-mini ul ul li { border: none; float: none; height: auto; line-height: 1.5em; margin: 0; padding: 0; }
	

#today-choice { padding: 4px; }
	#today-choice ul { overflow: hidden; padding: 0; margin: 0; }
		#today-choice li { float: left; height: 45px; list-style-type: none; margin-bottom: 10px; width: 247px; position: relative; padding-left: 70px; }
		#today-choice .icon { height: 40px; position: absolute; top: 0; left: 0; }
		#today-choice h5 { margin-bottom: 6px !important; padding: 0 !important; }
			#today-choice h5 a { color: #06c; font-weight: bold; }
		#today-choice p { margin: 0; }
		
#fb-like { border:none; overflow:hidden; width:620px; height:80px; margin: 10px auto; }


.ad-search { width: 300px; padding: 5px; border: 1px solid #c1c1c1; -moz-border-radius: 10px; }
	.ad-search fieldset { margin: 3px 0; text-align: left; }
	.ad-search legend, .ad-search .legend { font-weight: bold; display: block; }
	.ad-search label.legend { margin-bottom: 3px; }
	.ad-search .price { width: 125px; }
	.ad-search .field { float: left; padding: 5px 3px; }
	.ad-search .first { margin-left: 24px; }
	#content .ad-search h3 {
		background: #f90; padding: 2px; margin-bottom: 8px; color: #fff; text-align: center; -moz-border-radius: 8px 8px 0 0;
		
	}
	.ad-search .actions { text-align: center; padding: 5px 0; }
	
.ad-detail { margin-bottom: 15px }
	.ad-detail th { color: #036; }
	.ad-detail th, 	.ad-detail td { border-bottom: 1px solid #ddd; }
	.ad-detail td { font-weight: bold; padding: 2px 0; width: 150px; }
	
.inline .creq, .inline .isle-map { float: none; margin-left: auto; margin-right: auto; }
.inline .isle-map { margin-top: 50px; }


.av-cal { border-spacing: 1px; font-size: 9px; margin-bottom: 15px; }
	.av-cal thead th { text-align: center; }
	.av-cal td { text-align: center; }
	.notavail { background-color: #f00; color: #fff; }
	.avail { background-color: #096; color: #fff; }
	.past { background-color: #ddd; color: #888; }
	
#social-links { margin: 0; padding: 0; position: absolute; top: 140px; left: 75px; }
	#social-links li	{ display: inline; list-style-type: none; }
#social-share { background-color: #036; margin: 0; padding: 0 5px 3px 2px; position: absolute; top: 20px; left: 0; }
	#social-share li { float: left; list-style-type: none; }
	#social-share .facebook { padding-top: 2px; }