@charset "utf-8";
body, p, a, input, textarea, select, table, div, span {
	font-family:"Trebuchet MS", "Times New Roman", Times, serif;
	color: #333;
}
body {
	margin: 0 auto 0 auto;
	padding:0;
	font-size: 85%;
	line-height:130%;
	text-align:center;
	background:#F8BD65;
}
a:link, a:visited {
	text-decoration: underline;
	color:#39F;
}
a:hover, a:active {
	text-decoration: none;
	color:#5BADFF;
}
img, fieldset {
	border:0;
}
h1 {
	font-size: 11px;
	color: gray;
}
p, ul, li, div {
	margin: 0;
	padding: 0;
}
.rosso {
	color: #FF5533;
}
.arancio {
	color: #FF6835;
}
.bianco {
	color:#FFF;
}
.verde {
	color:#690;
}
.pulisci {
	clear: both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
legend {
	display:none;
}
#Titolo h1 {
	font-size:90%;
	color:#333;
	padding:4px;
	margin:0;
	background:#FBD7A3;
}
#TitoloSotto h5 {
	color:#333;
	font-weight:normal;
}
#Titolo h1 a:link, #Titolo h1 a:hover, #Titolo h1 a:active, #Titolo h1 a:visited {
	color:#333;
}
#TitoloSotto h5 a:link, #TitoloSotto h5 a:hover, #TitoloSotto h5 a:active, #TitoloSotto h5 a:visited {
	font-size:90%;
	color:#333;
}
#Corpo {
	width:945px;
	position:relative;
	margin:5px auto 0 auto;
	background:url("../images/bg_contenuto.jpg") repeat-y;
	text-align:left;
	padding: 0;
}
#Sopra {
	margin:0;
	height:312px;
	vertical-align:top;
}
#Menu {
	background:url("../images/bg_menu.jpg");
	height:46px;
	padding:0;
	margin:0 15px;
	position:relative;
}
#Menu ul {
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
}
#Menu ul li {
	float:left;
	display:block;
	line-height:46px;
	padding:0 2px 0 10px;
	margin:0;
	text-align:center;
	background:url("../images/menu_separatore.jpg") no-repeat left center;
	position:relative;
}
#Menu ul li.primo {
	background:none;
}
#New{
	position:absolute;
	top:-2px;
	right:-2px;
}
#Menu ul li a {
	color:#FFF;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:0 8px;
}
#Menu ul li a:hover {
	color:#FFF;
	background: url("../images/bg_menu_hover.jpg") repeat-x;
	padding:0 8px;
}
#Menu li ul {
	position: absolute;
	left: 12px; /* Set 1px less than menu width */
	top: 46px;
	display: none;
	width:160px;
	background:#EA971D;
	}	
#Menu li ul li{
	display: block;
	width:156px;
	padding:2px;
	text-align:left;
	line-height:25px;
	background:url("../images/bg_menu.jpg") bottom;
}	
#Menu li ul li a{
	background:none;
	color:#FFF;
}	
#Menu li ul li a:hover{
	background: url("../images/bg_menu_hover.jpg") repeat-x;
	color:#FFFFFF;
}	
* html #Menu ul li { float: left; height: 1%; }
* html #Menu ul li a { height: 1%; }
#Menu li:hover ul, li.over ul { display: block; z-index:999} /* The magic */
#MenuServizi {
	background:url("../images/bg_menu.jpg");
	height:35px;
	padding:0;
	margin:0 15px;
}
#MenuServizi ul {
	list-style:none;
	padding:0;
	margin:0;
}
#MenuServizi ul li {
	float:left;
	display:block;
	line-height:35px;
	padding:0 15px 0 15px;
	margin:0;
	text-align:center;
	background:url("../images/menu_separatore_piccolo.jpg") no-repeat left center;
}
#MenuServizi ul li.primo {
	background:none;
}
#MenuServizi ul li a {
	color:#FFF;
	font-size:95%;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:0 10px;
}
#MenuServizi ul li a:hover {
	color:#FFF;
	background:#FFF url("../images/bg_menu_hover.jpg") repeat-x;
	padding:0 10px;
}
#Navigazione {
	margin:0 15px;
	padding:15px;
	height:25px;
	font-size:85%;
	text-align:left;
	position:relative;
	background:url("../images/bg_navigazione.jpg") repeat-x;
}
#Navigazione p {
	line-height:21px;
	padding:5px;
	display:inline;
	font-weight:normal;
	background:#eaeaea;
	font-size:95%;
}
#Lingua {
	position:absolute;
	top:15px;
	right:30px;
	background:url("../images/bg_lingue.jpg") repeat-x;
	font-size:90%;
	padding:3px;
	font-weight:bold;
}
#Lingua img {
	margin:2px 0 1px 0;
}
#Contenuto {
	padding:5px 30px 0 30px;
	position:relative;
}
#Contenuto ul li{
	line-height:180%;
}
h2 {
	background:url("../images/bg_h2.jpg") repeat-x;
	color:#FFF;
	font-size:130%;
	text-align:left;
	line-height:28px;
	padding:0 15px;
	font-weight:normal;
}
h3 {
	color:#F90;
	font-size:110%;
	text-align:left;
	line-height:28px;
	padding:0px;
	margin:0 0 5px 0;
}
#Contenuto h2 {
	width:470px;
}
#Contenuto h2 a, #Contenuto h2 a:hover,  #Contenuto h2 a:active, #Contenuto h2 a:visited {
	color:#FFF;
	text-decoration:none;
}
#Contenuto p {
	line-height:160%;
}
#Contenuto ul {
	list-style-position:inside;
}
#Contenuto p.home {
	line-height:280%;
	font-size:115%;
	width:470px;
	float:left;
	font-style:italic;
}
.imgHome {
	float:left;
	margin:10px 0 10px 10px;
}
#Sotto {
	margin:0 auto;
	width:930px;
	padding:25px 0 0 15px;
	text-align:left;
	background:url("../images/bg_sotto.jpg") no-repeat;
}
#Sotto p {
	float:left;
	margin: 10px;
	line-height:180%;
	font-size:95%;
	padding:0;
	width:650px;
}
#Sotto img.logo {
	float:left;
}
span.skype {
	float:right;
	padding:10px 10px 10px 30px;
}
span.skype img{
	text-align:right;
}
.Text{
vertical-align:middle;
}
#LinkInterni {
	width:915px;
	text-align:left;
	margin:0 auto;
}
#LinkInterni a, #Sotto a {
	color:#333;
}
#LinkInterni a:hover, #Sotto a:hover {
	color:#666;
}
#LinkInterni ul li {
	display:inline;
	list-style:none;
	padding:0 6px;
	font-size:95%;
	line-height:22px;
}
#LinkInterni ul {
	margin: 8px 0;
}
#LinkInterni ul li.primo {
	border:0;
}
#GiglioHotels {
	margin:10px 0 0 0;
	height:80px;
	background:url("../images/bg_fascia_hotel.jpg") repeat-x;
}
#GiglioHotels img {
	margin:0 15px;
}
.virgolette {
	font-size:200%;
	padding:6px 0 0 0;
	vertical-align:middle;
}
#Colonna {
	width:330px;
	float:left;
}
.MezzaColonna {
	width:440px;
	float:left;
	margin:0 0 15px 0;
}
.MezzaColonna ul li {
	width:48%;
	float:left;
	list-style-type:disc;
	list-style-position:inside;
	padding:2px;
	margin:2px;
}
#Centro ul li {
	list-style-type:disc;
	list-style-position:inside;
	padding:2px;
	margin:2px;
}
#Centro {
	width:555px;
	float:left;
	padding:0 0 20px 0;
}
#Centro p {
	line-height:180%;
}
#Intero {
	margin:0 0 20px 0;
	float:left;
	position:relative;
}
#SpecialOffer {
	width:310px;
	float:left;
	padding:0;
}
#SpecialOffer h2 {
	width:270px;
	margin:10px 0 5px 0;
}
#SpecialOffer h2 a, #SpecialOffer h2 a:hover, #SpecialOffer h2 a:visited, #SpecialOffer h2 a:active{
	color:#FFFFFF;
	text-decoration:none;
}
#SpecialOffer h3 {
	font-size:105%;
	margin:0;
	padding:0;
}
#SpecialOffer span {
	font-size:90%;
	margin:3px;
}
#SpecialOffer p {
	margin:0;
}
#BookingBanner {
	padding:5px 0 0 5px;
	width:303px;
	text-align:right;
	float:left;
}
.img {
	padding:6px;
	background:#E4E4E4;
}
.fleft {
	float:left;
	margin:0 10px 0 0;
}
.fright {
	float:right;
}
.img.fleft {
	float:left;
	margin:0 10px 0 0;
}
.img.fleft.space {	
	margin:0 35px 0 35px;
}
.space{
	margin:15px 10px 15px 16px;
}
.space2{
	margin:15px 6px;
}
.img.fright {
	float:right;
	margin:0 5px 0 0;
}
.webmaster {
	padding:10px;
}
.TxtInput {
	background:url("../images/bg_input.jpg") repeat-x;
	border:1px solid #999;
	margin:5px 0;
}
.DataInput {
	cursor:pointer;
	width:93px;
	background: url("../images/calendario.gif") no-repeat 75px 3px;
}
.TxtArea {
	background:url("../images/bg_input.jpg") repeat-x;
	border:1px solid #999;
	font-size:95%;
}
.Bottone {
	background:url("../images/bottone.jpg") no-repeat center center;
	height:42px;
	width:132px;
	color:#FFF;
	border:0;
	font-weight:bold;
	font-size:105%;
	padding:0 0 3px 0;
	cursor:pointer;
}
.Bottone_Booking{
	background:url("../images/bottone_booking.jpg") no-repeat center center;
	height:36px;
	width:152px;
	color:#FFF;
	border:0;
	font-weight:bold;
	font-size:10pt;
	padding:0 0 5px 0;
	cursor:pointer;
}
.TxtInput.errore, .TxtArea.errore {
	background:#FFC4C4;
	border:1px solid #FF3300;
}
.EsitoPositivo {
	padding:10px;
	margin:10px;
	background:#C4F8C2;
	text-align:center;
	border:1px solid #669900;
	color:#000;
}
.EsitoNegativo {
	padding:10px;
	margin:10px;
	background:#FFC4C4;
	text-align:center;
	border:1px solid #FF3300;
	color:#000;
}
.EsitoInformativo {
	padding:10px;
	margin:10px;
	background:#9CF;
	text-align:center;
	border:1px solid #09F;
	color:#000;
}
.codice {
	color:#FFF;
	background:#F90;
	line-height:27px;
	margin:3px 0 3px 5px;
	padding:0 0 0 2px;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	float:left;
}
.codice strong {
	text-decoration:blink;
	color:#FFF;
}
#code {
	float:left;
	margin:3px 0 3px 0;
	height:23px;
	border:1px solid #F90;
}
.auto {
	background:url("../images/auto.jpg") no-repeat top left;
	padding:0 0 10px 70px;
	margin:10px 0 0 0;
}
.treno {
	background:url("../images/treno.jpg") no-repeat top left;
	padding:0 0 10px 70px;
	margin:10px 0 0 0;
}
.nave {
	background:url("../images/nave.jpg") no-repeat top left;
	padding:0 0 10px 70px;
	margin:10px 0 0 0;
}
.aereo {
	background:url("../images/aereo.jpg") no-repeat top left;
	padding:0 0 10px 70px;
	margin:10px 0 0 0;
}
h4 {
	color:#666;
	margin:0px;
	padding:5px 0;
}
#GiglioGroup {
	padding:0;
	margin:25px 0 0 0;
}
#GiglioGroup img {
	float:right;
	margin:0 15% 0 0;
}
#GiglioGroup p {
	text-align:left;
	margin:0 0 0 15%;
	font-size:90%;
}
.Successiva {
	float:right;
}
.Precedente {
	float:left;
}
.Messaggio {
	padding:10px;
	border-bottom:1px dashed #DDD;
}
.Messaggio h3 {
	font-size:95%;
	margin:0;
}
.Messaggio h3 span {
	font-style:italic;
	color:#999;
}
.Messaggio h4 {
	margin:0;
	padding:0;
	font-size:110%;
}
a.download {
	background:url("../images/download.jpg") no-repeat center left;
	margin:0 10px 10px 10px;
	padding:8px 0 8px 45px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#39f;
	cursor:pointer;
}
a.newsletter {
	background:url("../images/newsletter.jpg") no-repeat center left;
	margin:0 10px 10px 10px;
	padding:8px 0 8px 45px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#39f;
	cursor:pointer;
}
#NewsletterBox form {
	padding:5px 20px 20px 20px;
	margin:0;
	position:relative;
}
#NewsletterBox h2 {
	width:290px;
	margin-top:0;
	margin-bottom:0;
}
#NewsletterBox {
	position:absolute;
	border:1px solid #F90;
	background:#FFF;
	margin: -110px 0 0 -140px;
	width: 320px;
	height: 280px;
	top: 50%;
	left: 25%;
	z-index:1000;
}
#Video {
	z-index:900;
}
.bottoneChiudi {
	position:absolute;
	top:0;
	right:-20px;
	cursor:pointer;
	color:#FFF;
}
.bottoneChiudi:hover {
	color:#FFF;
}
.bottoneChiudi strong{
	padding:3px;
}
.Offerta {
	padding:0 0 30px 0;
}
.privacy {
	font-size:90%;
	margin:0 0 0 5px;
}
.Pagina {
	padding:20px;
}
.link {
	padding:5px 0;
	border-bottom:dotted 1px #CCC;
}
.MeseCalendario {
border-collapse:collapse; border-color:#770000;" style="border-collapse:collapse; border-color:#770000;
}
.Hotel{
padding:10px 0;
margin:10px 0;
}
.Hotel h3{
line-height:16px;
padding-top:0px;
margin-top:0px;
}
.Hotel img{
display:block;
float:left;
padding:0 10px;
}
.Hotel p{
padding:0 10px;
line-height:180%;
}
.Banner{ 
	float:left;
	padding-top:10px;
}
.gto_hotels{
	background:url("../images/gto_banner.jpg") no-repeat;
	width:236px;
	height:97px;
	padding:75px 15px 8px 15px;
	display:block;
}
.gto_hotels p{
	padding:0;
	margin:0;
	line-height:145%;
	color:#666;
	font-size:95%;
}
.SmallBox{
	width: 390px;
	padding:10px;
	float:left;
	text-align:center;
	margin: 15px;
}
img.BoxA{
	float:left;
	margin: 15px 20px;
	padding:0 10px;
}
.SmallBoxAContainer{
	width:300px;
	float:left;
}
.SmallBoxA{
	width: 300px;
	padding:10px;
	float:left;
	text-align:left;
	margin: 10px 20px;
}
.scarica {
	background:url("../images/download_small.gif") no-repeat right center;
	padding:2px 20px 2px 0;
	display:inline;
	float:right;
}
a.linkIcona, a:active.linkIcona, a:visited.linkIcona {
	margin:0 22px 5px 22px;
	padding:8px 0 8px 45px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}
a.linkIcona.Piccola, a:active.linkIcona.Piccola, a:visited.linkIcona.Piccola {
	padding:8px 0 8px 8px;
}
a.LinkHotel, a:link.LinkHotel, a:visited.LinkHotel, a:hover.LinkHotel{
	color:#CC0065;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	display:block;
}
label{
font-size:10pt;
}
.Colonna1 {
	width:23%;
	padding:1%;
	float:left;
}
.Colonna4 {
	width:98%;
	padding:1%;
	float:left;
}
#PacchettiEstivi{
	position:absolute;
	top: 50%;
	left:50%;
	width:300px;
	height:245px;
	margin-left:-150px;
	margin-top:-122px;
	z-index:999;
}
div.datepicker {
 position: absolute;
 text-align: center;
 border: 1px #C4D5E3 solid;
 font-family: arial;
 background: #FFFFFF;
 font-size: 10px;
 padding: 0px;
 zoom:0;
}
div.datepicker table {
 font-size: 10px;
 margin: 0px;
 padding: 0px;
 text-align: center;
 width: 180px;
}
div.datepicker table thead tr th {
 font-size: 12px;
 font-weight: bold;
 background: url("../images/bg_menu.jpg");
 border-bottom:1px solid #c4d5e3;
 padding: 0px;
 margin: 0px;
 color:#FFF;
}
div.datepicker table tbody tr {
 border: 1px white solid;
 margin: 0px;
 padding: 0px;
}
div.datepicker table tbody tr td {
 border: 1px #eaeaea solid;
 margin: 0px;
 padding: 0px;
 text-align: center;
}
div.datepicker table tbody tr td:hover,
div.datepicker table tbody tr td.outbound:hover,
div.datepicker table tbody tr td.today:hover {
 border: 1px #c4d5e3 solid;
 background: url("../images/bg_menu.jpg");
 cursor: pointer;
 color:#FFF;
}
div.datepicker table tbody tr td.wday {
 border: 1px #ffffff solid;
 cursor: text;
 color:#000;
}
div.datepicker table tbody tr td.outbound {
 background: #e8e4e4;
}
div.datepicker table tbody tr td.today {
 border: 1px #16518e solid;
 background: #c4d5e3;
}
div.datepicker table tbody tr td.nclick,
div.datepicker table tbody tr td.nclick_outbound {
 cursor:default; color:#aaa;
}
div.datepicker table tbody tr td.nclick_outbound {
 background:#E8E4E4;
}
div.datepicker table tbody tr td.nclick:hover,
div.datepicker table tbody tr td.nclick_outbound:hover {
 border: 1px #eaeaea solid;
 background: #FFF;
}
div.datepicker table tbody tr td.nclick_outbound:hover {
 background:#E8E4E4;
}
div.datepicker table tfoot {
 font-size: 10px;
 background: url("../images/bg_menu.jpg");
 border-top:1px solid #c4d5e3;
 cursor: pointer;
 text-align: center;
 padding: 0px;
 color:#FFF;
}
#lightbox{
	position: absolute;
	padding-top:60px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
#contenitorelogoSito {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	}
#logoSito{
	margin:5px;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	padding-top: 50px;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 10px no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 10px no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	

	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}