html, div, span, applet, object, iframe,blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, /img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, fieldset, form, label, legend,caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	background: url(img/back.png) top center repeat-x #FFF;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	position: relative; 
    behavior: url("csshover3.htc");
	
}
img { border: 0}
hr { border: 0; height: 10px; background-color: #F3F3F3}
#myBox_2_content { padding: 10px; font-size: 0.8em}
#myBox_2_content a { color: #000}

#bigwrap { width: 970px; position: relative; background: url(img/back-right.png) top right no-repeat;  }

#wrap-top { width: 970px; height: 43px; background: url(img/back-top.png);}
#wrap { height: 100%;  width: 970px; position: relative; background: url(img/back-wrap.png) no-repeat;  }

#wrap-left { width: 348px; float: left}
#wrap-logo {}
#logo { display: block; width: 320px; height: 70px; float: right}
#logo a { display: block; background: url(img/logo.png); width: 320px; height: 70px}
#wrap-menu {}
#txt { padding: 30px 10px; background-color: #FFF; }
#txt p { font-size: 0.9em; line-height: 1.3em; padding: 10px 0; margin: 0}
#txt p.evid { color: #666}
.evid2 { color: #666; font-size: 1em}
#pagetitle { border-bottom: 4px solid #1a4983}

#wrap-right { width: 583px; float: left}

#wrap-swf { width: 583px; height: 374px; background-color: #F7F7F7 }
#wrap-swf p { text-align: center; color: #C00;  margin: 0 0 0 0; position: relative; top: 20%;}
#wrap-swf p a { color: #000; }
#swf { }
#wrap-info { width: 367px; }
#info { background: url(img/back-info.png) top right no-repeat; font-size: .8em; float: right; width: 238px;  height: 180px; padding: 70px 10px 20px 80px}

.clr { clear: both}
#edinet { text-align: center; font-size: 0.76em; color: #666; margin: 30px 0 10px 0}

/* INDEX */

#gmap { width: 583px; height: 374px}
.marker { font-size: 0.86em}
/* MENU */

#wrap-menu { position: relative; height: 304px; position: relative; width: 226px; margin-left: 101px  }
#wrap-menu ul { list-style: none; padding: 0; margin: 0; position: relative; }
#wrap-menu ul li { list-style: none; margin: 0; display:inline; padding: 0 }


li a#albergo { background: url(img/menu/albergo.png) top center; width: 226px; height: 38px; display: block; } 
li a:hover#albergo { background: url(img/menu/albergo.png) center bottom; width: 226px; height: 38px; display: block; }
li a#albergo-curr { background: url(img/menu/albergo.png) center bottom; width: 226px; height: 38px; display: block;  }

li a#camere { background: url(img/menu/camere.png) top center; width: 226px; height: 38px; display: block; } 
li a:hover#camere { background: url(img/menu/camere.png) center bottom; width: 226px; height: 38px; display: block; }
li a#camere-curr { background: url(img/menu/camere.png) center bottom; width: 226px; height: 38px; display: block;  }

li a#ristorante { background: url(img/menu/ristorante.png) top center; width: 226px; height: 38px; display: block; } 
li a:hover#ristorante { background: url(img/menu/ristorante.png) center bottom; width: 226px; height: 38px; display: block; }
li a#ristorante-curr { background: url(img/menu/ristorante.png) center bottom; width: 226px; height: 38px; display: block;  }

li a#servizi { background: url(img/menu/servizi.png) top center; width: 226px; height: 38px; display: block; } 
li a:hover#servizi { background: url(img/menu/servizi.png) center bottom; width: 226px; height: 38px; display: block; }
li a#servizi-curr { background: url(img/menu/servizi.png) center bottom; width: 226px; height: 38px; display: block;  }

li a#dove-siamo { background: url(img/menu/dove-siamo.png) top center; width: 226px; height: 38px; display: block; } 
li a:hover#dove-siamo { background: url(img/menu/dove-siamo.png) center bottom; width: 226px; height: 38px; display: block; }
li a#dove-siamo-curr { background: url(img/menu/dove-siamo.png) center bottom; width: 226px; height: 38px; display: block;  }

li a#last-minute { background: url(img/menu/last-minute.png) top center; width: 226px; height: 38px; display: block; } 
li a:hover#last-minute { background: url(img/menu/last-minute.png) center bottom; width: 226px; height: 38px; display: block; }
li a#last-minute-curr { background: url(img/menu/last-minute.png) center bottom; width: 226px; height: 38px; display: block;  }

li a#prezzi { background: url(img/menu/prezzi.png) top center; width: 226px; height: 38px; display: block; } 
li a:hover#prezzi { background: url(img/menu/prezzi.png) center bottom; width: 226px; height: 38px; display: block; }
li a#prezzi-curr { background: url(img/menu/prezzi.png) center bottom; width: 226px; height: 38px; display: block;  }

li a#contatti { background: url(img/menu/contatti.png) top center; width: 226px; height: 38px; display: block; } 
li a:hover#contatti { background: url(img/menu/contatti.png) center bottom; width: 226px; height: 38px; display: block; }
li a#contatti-curr { background: url(img/menu/contatti.png) center bottom; width: 226px; height: 38px; display: block;  }



/* PRICE */
h3 { font-size: 1em; margin: 0; padding: 3px 0}
table { margin: 0 auto; width: 350px; color: #50504c; font-size: 0.9em;  }
td { position: relative}
table.toelette { width: 200px; float: left; color: #50504c; font-size: 0.9em;  }
.offer { background-color: #FFF; color: #0c4e5b; padding: 0 10px; border: 2px solid #0c4e5b; font-size: 1.2em; margin: 10px 0} 
td.title { background-color: #32859d; color: #F7F7F7; text-align: center; font-weight: bold; font-size: 0.9em }
td.period { font-size: 0.8em; padding-left: 10px}
td.price { text-align: center;  font-size: 1em; background-color: #b4d1d9; padding: 0 5px  }
td.price2 {  text-align: center; vertical-align: middle; font-size: 1em; background-color: #ddedf2  }
td#pric { color: #000; font-size: 1.1em}
.iva { font-size: 0.7em; padding-left: 30px; text-align: right; color: #999}

.wrap-lm { border-bottom: 1px dotted #d6cbc2; padding-bottom: 5px  } 
.period { padding-top: 5px; font-weight: bold}
.prenota { text-align: right; margin: 10px 0}
.prenota a { color: #8f490b;  }
.prenota a:hover  { color: #c47a37;   }
/* FORM */



#wrap-contact { padding: 5px 0 5px 15px; font-size: 1.2em; color: #666}
#wrap-contact a { text-decoration: none; color: #333}
#wrap-txt form { margin: 0 5px; }
.field {margin: 4px 0; font-size: 0.9em;   }
.field span {   }
.field a { font-weight: bold }
.infor input { width: 13px; font-size: 1.2em;  padding: 2px 0 0 0 ; border: 0; background-color: #FFF}
.field-info {margin: 4px 0; font-size: 0.9em;    }
.field input { border: 1px solid #CCC; padding: 0px; margin: 4px 0; color: #000; height: 18px; width: 180px; background-color: #F7F7F7}
.field input:hover { background-color: #f1f1f1}
.field input:focus { background-color: #f1f1f1}
.field-info textarea { color: #000; width: 450px; height: 120px; border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; background-color: #F7F7F7}
.field-info textarea:focus { background-color: #f1f1f1}
.field-info textarea:hover { background-color: #f1f1f1}
.privacy { font-size: 0.8em; line-height: 17px; }
.privacy a { text-decoration: none; color: #333}

#send-button { display: inline; background: url(img/send-button.png) top center; border:0 none; float: right; margin: 5px; height: 37px; width: 134px; cursor: pointer; }
#send-button:hover { background: url(img/send-button.png) bottom center; border:0 none; height: 37px; width: 134px; cursor: pointer  }