
body {  	
   background: url(img/back.gif) repeat-x;
   margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif; 
	}
.clr { clear: both}
img { border: 0}
.bigwrap { top: 30px;  width: 836px; position: relative;  margin: 0 auto}

#logo a { position: absolute; background: url(img/logo.png) no-repeat; display: block; left: -10px;  width: 301px; height: 106px; z-index: 99}
.wrap {  position: relative; width: 836px;  margin: 0 auto; background: url(img/back-header.png) repeat-y}
.wrap-header { }
#slider  { width: 842px; height: 371px;  left: -7px; z-index: 98; position: relative }
.wrap-content { background: url(img/back-content.png) bottom center no-repeat;    }

.lm { font-size: 1.2em; color: #FFF}

.test-lm {  color: #d4daa6; font-size: 1em}
.period { background-color: #7ea0ac; height: 19px; color: #0c4e5b; padding: 0 10px; border: 2px solid #0c4e5b; font-size: 0.9em; margin: 10px 0} 


.tasti { position: absolute; height: 350px; width: 360px; }
.txt { float: right; width: 420px; padding: 0 40px 20px 0 } 
.txt p { color: #d4daa6; font-size: 1em} 
.txt p.even { color: #869ca4;} 
.promozioni p { color: #d4daa6; margin: 0; padding: 0;font-size: 1em} 
.promozioni p.even { color: #869ca4; margin: 0; padding: 0} 
.txt ul li { list-style: disc; font-size: 18px; line-height: 25px}

.promozioni { margin: 20px 3px 0 40px; padding: 5px; background-color: #1b2e35}

#conchiglia2 { width: 80px; height: 161px; background: url(img/conchiglia2.png); position: absolute; top: 50px; right: -67px}
#conchiglia3 { width: 129px; height: 198px; background: url(img/conchiglia1.png); position: absolute; top: 50px; left: -117px}

#wrap-sasso { width: 950px; margin: 0 auto; position: relative}
#sasso { width: 146px; height: 80px; background: url(img/sasso.png); position: absolute; right: -50px }

#wrap-wid-offerte { position: relative; left: 40px; width: 316px; margin-top: 20px; height: 140px}
#wrap-wid-prenota { position: relative; left: 40px; margin-top: 20px; width: 316px; height: 140px}
 
#mappa { width: 840px; height: 300px; margin: 0 auto}

.evid { font-weight: bold }
.marker { font-size: 12px}

.wrap-footer { margin: 10px 0; color: #1a4148; font-size: 1em}
.footer { width: 771px; height: 41px; background: url(img/footer.gif) no-repeat;  margin: 0 auto; padding: 12px 20px 0 20px  }
.footer a { color: #1a4148}
.footer a:hover { color: #1a4148}
/* tabella */
table { border-radius: 5px; color: #EEE;}
.offer { background-color: #7ea0ac; height: 19px; color: #0c4e5b; padding: 0 10px; border: 2px solid #0c4e5b; font-size: 0.9em; margin: 10px 0} 
td.title { background-color: #235d71; color: #d4daa6; text-align: center; font-weight: bold }
td.period { font-size: 0.8em; padding-left: 10px}
td.price { text-align: center; vertical-align: middle; font-size: 1em; background-color: #284d5a}
td.price2 { background-color: #235d71; text-align: center; vertical-align: middle; font-size: 1em; }

.goo { text-align: center; color: #d4daa6; padding: 5px 0}
.goo a { text-decoration: none; font-size: 0.76em; color: #d4daa6;} 

/* form */

#wrap-contact #left { color: #d4daa6; }
#wrap-contact #left #field { margin: 10px 0}
#field-date { margin: 10px 0; height: 20px; }
#field-date span { margin: 0 10px }
#wrap-contact #left #field span { margin: 0 10px }
#wrap-contact #left a { color: #d4daa6 }

input { border: 1px solid #49899f; padding: 3px 0; color: #000; background-color: #78959f; font-weight: bold; color: #1c333b}
textarea { color: #1c333b; font-weight: bold; width: 400px; border: 1px solid #49899f; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; background-color: #78959f}


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

