*{
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
	border:0;
	color:#838383;
}
html,body{
height:100%;
}
body{background-color:#eee7cd; text-align:center;}

/*********************/
/*******	ID	******/
/*********************/
#box{width:899px;position:relative;height:100%; margin:auto; text-align:left;}
body>#box{height:auto;min-height:100%;}
#testa{}
#logo{text-align:center; height:109px; border-bottom:6px solid #8297bf;}
#testata{margin-top:1px;}
#menu{height:42px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#626262;}
#prenotazioni{ border-top:1px solid #beb9a4; border-bottom:1px solid #beb9a4; color:#626262; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#prenotazioni div{background-color:#ddd7c0;margin:1px 0 1px 0; height:58px; }
#contentHome{ margin-top:12px; padding-bottom:122px; font-size:12px;}
#content{ padding-top:12px; padding-bottom:122px; font-size:12px; border-top:1px solid #beb9a4;}
#testiContent{padding:0;}
#coda{ font-size:10px; border-top: 1px solid #beb9a4; padding-top:12px; height:95px;position:absolute;bottom:0;left:0;}

/*********************/
/*****	CLASSI	******/
/*********************/
.clr{clear:both; line-height:0; font-size:0;}
#contentHome img.box1, #contentHome img.box2{margin:0; margin-right:1px;}
#contentHome img.box3{margin:0;}
#coda span{margin-right:15px;}
#coda img{float:right; margin-top:18px;}
#prenotazioni table{ margin:0;}
#prenotazioni table td{ white-space: nowrap; height:58px;}

#testiContent p{ margin-left:20px;}
#testiContent .gallery{ margin-top:20px;}
#testiContent .gallery .imgDue{ margin-left:19px;}
#testiContent .gallery .imgTre{ margin-left:1px;}
#testiContent p.titolo{ color:#8297bf; font-size:18px; margin-bottom:20px;}
#testiContent p.sottoTitolo{ font-weight:bold;}
#testiContent p.prezzo{ color:#e99520; font-size:14px; font-weight:bold;}
#testiContent p.dividiPromo{border-bottom:1px solid #ddd7c0; margin-bottom:10px; padding-bottom:20px; margin-right:20px;}
.sottoParagrafo{ background:#ecdca8; padding:20px 20px 20px 0; margin-top:20px; margin-bottom:20px;}
.sottoParagrafo img{ margin-left:20px; margin-bottom:5px;}
#testiContent ul{ margin-left:40px; margin-top:10px;}
.sottoParagrafo ul{ list-style:none; margin-left:20px !important; margin-top:0 !important; padding-top:10px;}
.sottoParagrafo li{ border-bottom:1px solid #eee7cd; padding:10px 0; }
.sottoParagrafo li span.left{  float:left;}
.sottoParagrafo li span.right{ float:right; }
.sottoParagrafo .titolo{ margin-bottom:0 !important;}
.sottoParagrafo.colUno{ width:419px; float:left; margin-top:0; margin-right:20px; background:#ddd7c0;}
.sottoParagrafo.colDue{ width:419px; float:left; margin-top:0; background:#ddd7c0;}
.sottoParagrafo.colTre{ float:left; margin-top:20px; width:419px;}
.sottoTitolo{ font-weight:bold;}
.mappa{ float:left; margin:20px 20px 20px 0;}

p.steps{ font-size:18px; color:#8297bf;}
div.boxPrenota{ float:left; border:20px solid #beb9a5; background:#ddd7c0; color:#626262; width:368px; height:129px; padding:20px; margin-top:29px; margin-bottom:29px; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
div.boxPrenota span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#d57209; margin-top:51px;}
div.boxPrenota span.evidenzia{ background:#fabd37; font-size:11px; font-weight:bold; color:#c66402;}
div.boxPrenota input.largo{ width:125px;}
div.chiaro{ margin-right:1px; border-color:#fabd37; background:#ecdca8;}
div.logged{ border-color:#9ba6bd; background:#bac2d2;}
div.logged a{ text-decoration:underline; color:#8297bf; font-family:"Times New Roman", Times, serif; font-size:30px;}
div.logged a:hover{ text-decoration:none; color:#fff;}
.prenotazioni{ border:1px solid #eee7cd; margin-top:20px;}
.prenotazioni td{ background:#beb9a4; color:#666563; font-size:12px; padding:10px 5px;}
.prenotazioni td.foto{ padding:3px;}
.prenotazioni td .titolo{ font-weight:bold; color:#fff;}
.prenotazioni tr.intestazione td{ background:#666563; font-weight:bold; font-size:12px; color:#ecdca8; white-space:nowrap;}
.prenotazioni tr.alterna td{ background:#b8b191;}
.prenotazioni tr.totPrezzi td{ background:#EEE7CD;}
td.titoloPrenota{ background:#fabd37!important; color:#fff!important;}
td.prenota{ background:#ecdca8!important;}
.prenotazioni tr.totPrezzi td.titoloPrenota{ color:#FFF!important;}
.cancellato{ text-decoration:line-through; color:#666563;}
.bianco{ color:#FFF;}
td.select{ text-align:center;}
td.codiceCoupon{ background:#8297BF; color:#FFF; font-weight:bold;}
table.inserisciCoupon input{ width:223px;}
table.inserisciCoupon span{ color:#D57209; display:inline; margin-top:0;}
.policy{background:#8297bf; padding:10px 20px 10px 0; margin-bottom:20px;}
.policy p, .policy strong{color:#fff!important;}
.policy p a{font-size:18px; color:#fff;}
.policy p a:hover{ text-decoration:none;}

/*Calendario*/
.calendarioPop{ position:absolute; top:0; left:250px; background:#FFF; width:260px; z-index:50; display:none; padding:10px 10px 40px 10px;}
.calendarioPop .pulsanteChiudi{ position:absolute; bottom:0; right:10px;}
#mostraMessaggio table.tableCal{ float:left; width:400px; background:#ddd7c0;}
#mostraMessaggio table.tableCal td{font-size:10px; padding:4px; background:#fff;}
#mostraMessaggio tr.txtredB td{font-size:12px; font-weight:bold; background:#666563;}
#mostraMessaggio tr.txtredB td span{color:#ecdca8 !important;}
#mostraMessaggio .txtwhiteB{ background:#beb9a5 !important; color:#FFF; font-weight:bold;}
#mostraMessaggio .giornoAttivo{ background:#fabd37 !important; font-weight:bold;}

/*********************/
/***** TIPOGRAFIA ****/
/*********************/
#coda a{ text-decoration:none;}
#coda a:hover{ text-decoration:underline;}

/*********************/
/*MENU DI NAVIGAZIONE*/
/*********************/
#menu ul{
	list-style:none;
	margin-left: 72px;
}
#menu ul li{
	height:20px;
	float:left;
	/*padding: 0 10px 0 20px;*/
	line-height:20px;
	margin-top:11px;
}
#menu ul li a{
	/*color:#e2e1e6;*/
	text-indent:-9000px;
	background-image:url(../images/struttura/menu.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	display:block;
	outline:none;
}
#menu ul li a.attivo{
	color:#ff07eb;
}
#menu ul li a.linkHome{width:50px;}
#menu ul li a.linkHotel{width:54px;background-position: -50px 0;}
#menu ul li a.linkCamere{width:64px;background-position: -104px 0;}
#menu ul li a.linkPromozioni{width:87px;background-position: -168px 0;}
#menu ul li a.linkPrenotazioni{width:96px;background-position: -255px 0;}
#menu ul li a.linkMeeting{width:69px;background-position: -351px 0;}
#menu ul li a.linkCitta{width:65px;background-position: -420px 0;}
#menu ul li a.linkContatti{width:70px;background-position: -485px 0;}
#menu ul li a.linkDove{width:86px;background-position: -555px 0;}
#menu ul li a.linkLingua{width:113px;background-position: -641px 0;}
/*HOVER*/
#menu ul li a.linkHome:hover, #menu ul li a.linkHomeAttivo{width:50px;background-position: 0 -20px;}
#menu ul li a.linkHotel:hover, #menu ul li a.linkHotelAttivo{width:54px;background-position: -50px -20px;}
#menu ul li a.linkCamere:hover, #menu ul li a.linkCamereAttivo{width:64px;background-position: -104px -20px;}
#menu ul li a.linkPromozioni:hover, #menu ul li a.linkPromozioniAttivo{width:87px;background-position: -168px -20px;}
#menu ul li a.linkPrenotazioni:hover, #menu ul li a.linkPrenotazioniAttivo{width:96px;background-position: -255px -20px;}
#menu ul li a.linkMeeting:hover, #menu ul li a.linkMeetingAttivo{width:69px;background-position: -351px -20px;}
#menu ul li a.linkCitta:hover, #menu ul li a.linkCittaAttivo{width:65px;background-position: -420px -20px;}
#menu ul li a.linkContatti:hover, #menu ul li a.linkContattiAttivo{width:70px;background-position: -485px -20px;}
#menu ul li a.linkDove:hover, #menu ul li a.linkDoveAttivo{width:86px;background-position: -555px -20px;}
#menu ul li a.linkLingua:hover, #menu ul li a.linkLinguaAttivo{width:113px;background-position: -641px -20px;}


/*********************/
/*****	FORM	******/
/*********************/
input{ color:#aaa; border:1px solid #c9c6b8; width:75px; font-size:9px; height:13px;}
td.checkbox input{ width:auto; border:0;}
td.checkbox{color:#FFF; white-space:nowrap;}
td.checkbox label{ display:block; color:#FFF; height:13px; line-height:13px; margin-bottom:10px; font-size:10px;}
td.campiData{ }
td.campiData input{ width:98px; }
select{ border:1px solid #7f9db9; font-size:10px; width:42px;}
input.submit{ background:url(../images/struttura/submit_prenota.gif) no-repeat left top; width:147px; height:32px; border:0; float:right; cursor:pointer;}
input.submitChiaro{ background:url(../images/struttura/submit_prenotaChiaro.gif) no-repeat left top; width:147px; height:32px; border:0; float:right; cursor:pointer;}
input.submitPromozioni{ background:url(../images/struttura/submit_promozioni.gif) no-repeat left top; width:147px; height:32px; border:0; margin-left:20px; margin-top:20px; cursor:pointer;}
input.submitDisponibilita{ background:url(../images/struttura/submit_disponibilita.gif) no-repeat left top; width:147px; height:32px; border:0; margin-left:20px; cursor:pointer; float:right; margin-top:20px;}
input.submitPrenota{ background:url(../images/struttura/submit_conferma_prenota.gif) no-repeat left top; width:147px !important; height:32px; border:0 !important; margin-left:0; cursor:pointer; margin-top:20px;}
input.submitDati{ background:url(../images/struttura/submit_conferma_dati.gif) no-repeat left top; width:147px !important; height:32px; border:0 !important; margin-left:0; cursor:pointer; margin-top:20px;}
input.submitLogin{ background:url(../images/struttura/submit_login.gif) no-repeat left top; width:147px; height:32px; border:0; margin-left:20px; cursor:pointer; float:right; margin-top:20px;}
#prenotazioni div form div{float:left; margin:0; padding:0; margin-left:18px;}
#prenotazioni div form div img{vertical-align:middle;}
#prenotazioni div form div.spaziati{margin-left:21px;}
#frm_ccdatam, #frm_ccdatay{ width:192px;}

/*
#formPrenotazioni label{ display:block; position:relative; width:120px; padding-right:185px; margin-bottom:5px;}
#formPrenotazioni label input, #formPrenotazioni label select{ position:absolute; left:125px; width:180px;}
*/

/*Form prenotazioni*/
#formPrenotazioni .sottoParagrafo{ margin-top:24px; }
#formPrenotazioni div div{ margin-left:20px; }
#formPrenotazioni label{ font-size:11px; }
#formPrenotazioni div div input, #formPrenotazioni div div textarea{ border:1px solid #beb9a4; width:394px; padding:2px; color:#838383; font-size:11px; margin-bottom:5px; }
#formPrenotazioni textarea{ height:80px; color:#838383; border:1px solid #beb9a4; }
#formPrenotazioni input.submit{ background:url(../images/struttura/submit_info.gif) no-repeat left top; width:147px; height:32px; border:0; float:none; cursor:pointer; margin-top:10px; }
#formPrenotazioni .labelradio{ margin-top:5px; padding-bottom:5px; display:block; border-bottom:1px solid #eee7cd;}
#formPrenotazioni .radio{ width:auto !important; border:0 !important; padding:0; margin-bottom:1px !important; margin-top:1px;}

/*Form contatti*/
#moduloinfo{ margin-left:20px; margin-top:20px;}
#moduloinfo p{ margin-left:0;}
#moduloinfo div{ float:left; }
#moduloinfo .formLeft{ margin-right:20px; }
#moduloinfo .formRight{ margin-right:0; }
#moduloinfo label{ font-size:11px; display:block; }
#moduloinfo input, #moduloinfo textarea{ border:1px solid #beb9a4; width:394px; padding:2px; color:#838383; font-size:11px; margin-bottom:5px; }
#moduloinfo textarea{ height:100px; color:#838383; border:1px solid #beb9a4; }
#moduloinfo input.submit{ background:url(../images/struttura/submit_info.gif) no-repeat left top; width:147px; height:32px; border:0; float:none; cursor:pointer; margin-top:10px; }
.privacy{ font-size:10px; }
.titoloErr{ color:#4d84ba; font-weight:bold; }
.sottotitoloErr{}

/*Verifica*/
#mostraMessaggio, #mostraMessaggioPage{
	border:20px solid #beb9a5; background-color:#ddd7c0; z-index:100;
	display:none;
	width:440px;
	position:absolute;
	top:0;
	left:0;
	font-size:10px;
	line-height:14px;
	color:#838383;
	text-align:left;
}
#mostraMessaggio span, #mostraMessaggioPage span{
	display:block;
	padding:16px 20px 20px 20px;
}
#mostraMessaggio span.bianco, #mostraMessaggioPage span.bianco, #mostraMessaggio .tableCal span{
	padding:0;	/* fix span padding */
}
#mostraMessaggioPage{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	/*margin-left:-100px;*/
}
#velinaMessaggio{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*background:#000;
	opacity:0.85;*/
}
.campoErrore{/*border:1px solid red;*/}
.positivo{color:#eee7cd; display:block; margin:1px 1px 1px 1px; height:20px; line-height:20px; font-size:12px; font-weight:bold; background:#d57209; padding-left:18px;}
.negativo{color:#eee7cd; display:block; margin:1px 1px 1px 1px; height:20px; line-height:20px; font-size:12px; font-weight:bold; background:#d57209; padding-left:18px;}
.chiudiDivMessaggio{color:#fff; background:#666563; padding:3px 6px; text-decoration:none;}

/* tablePage */
.tablePage{
background:#beb9a4;
}
.tablePage tr{
background:#fbf7e6;
}
.tablePage tr.intestazione{
font-weight:bold;
background:#ccc;
}
.tablePage tr.intestazione2{
font-weight:bold;
color:#fff;
background:#aaa;
}
.tablePage tr.inverti{
background:#fafafa;
}
.tablePage td{
padding:5px;
}
.tablePage a{ display:block; text-decoration:none;}
.tablePage a:hover, .tablePage a.attivo{ background:#9ba6bd; color:#FFF;}