@import url("reset.css");
/* CSS Document */

body{ margin:0; padding:0; background:url(../img/bg.png) repeat-x #fff}
#container{ margin:0 auto; width:890px; position:relative;}
#logo{ background:url(../img/logo.png) no-repeat; width:160px; height:127px; float:left;display:inline; text-indent:-999em; margin:0;padding:0;}

#menu{ list-style:none; list-style-position:inside; margin:0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#fff}
#menu li{ display:inline; float:left; width:75px; height:127px; text-align:center; position:relative;}
#menu li.sel{ background:url(../img/bg_pa_s1.png) no-repeat;}


#menu span{ padding:78px 0 0 0; color:#fff; display:block; text-shadow:#666 1px 1px}
#menu a{ padding:78px 0 0 0; text-decoration:none; display:block; color:#666;}
#menu a:hover{ color:#CCC}


#home { background:url(../img/ico_home.png) no-repeat center;}
#about{ background:url(../img/ico_about.png) no-repeat center;}
#servizi{ background:url(../img/ico_servizi.png) no-repeat center;}
#hotels{ background:url(../img/ico_hotels.png) no-repeat center;}
#contatti{ background:url(../img/ico_contatti.png) no-repeat center;}
.clear{ clear:both}


#content{ width:570px; margin:0; padding:0; min-height:300px; position:relative; clear:both; float:left; display:inline; position:relative;font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif }
#content h2{ font-size:15px; margin:0 0 20px 0; padding:0;}
#content #text{ margin:110px 0 0 0; position:relative;}
#content .testo{ font-size:12px; line-height:25px; margin:0 0 30px 0; padding:0;}
#content .
2 {
background-color:#EEEEEE;
clear:both;
color:#727272;
display:block;
font-size:12px;
line-height:20px;
margin-bottom:20px;
margin-top:5px;
padding:15px 20px 20px;
text-shadow:0 1px 0 #FFFFFF;
}

#content .testo ul {
padding-left:25px;
margin-bottom:20px;
text-align:justify;
list-style-type:disc;
display:block;
margin:1em 0;
}
#content .testo ul li ul{
	list-style:none;
}



#content .duechiacchiere {
background:url("../img/footer_3.png") no-repeat scroll left center transparent;
font-size:14px;
height:50px;
line-height:50px;
text-indent:50px;
background-color:#FFF;
clear:both;
display:block;
margin-bottom:20px;
margin-top:5px;
padding:15px 20px 20px;
color:#1087A5;
text-decoration:none;
font-weight:bold;
}

#dicono h4{
	font-size:14px;
font-weight:normal;
line-height:20px;
margin-bottom:10px;
margin-top:7px;
	}
	
#text h4{
font-size:14px;
font-weight:normal;
line-height:20px;
margin-bottom:10px;
margin-top:7px;
	}

#non_ci_credi{ position:absolute; top:130px; left:340px}
#header{ width:570px; height:214px; float:left; display:inline;}
#header.home h1{ width:570px; height:40px; background:url(../img/titolo_home.png) no-repeat right; text-indent:-999em; margin:80px 0 0 0; padding:0;}
#header.about h1{ width:570px; height:40px; background:url(../img/titolo_about.png) no-repeat right; text-indent:-999em; margin:80px 0 0 0; padding:0;}
#header.servizi h1{ width:570px; height:40px; background:url(../img/titolo_servizi.png) no-repeat right; text-indent:-999em; margin:80px 0 0 0; padding:0;}
#header.hotels h1{ width:570px; height:40px; background:url(../img/titolo_hotels.png) no-repeat right; text-indent:-999em; margin:80px 0 0 0; padding:0;}
#header.contatti h1{ width:570px; height:40px; background:url(../img/titolo_contatti.png) no-repeat right; text-indent:-999em; margin:80px 0 0 0; padding:0;}
#header.privacy h1{ width:570px; height:40px; background:url(../img/titolo_privacy.png) no-repeat right; text-indent:-999em; margin:80px 0 0 0; padding:0;}
#header.not_found h1{ width:570px; height:40px; margin:80px 0 0 0; padding:0;}



#header h2{ font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#000; text-align:right; font-weight:normal; margin:0; padding:0;}




#right{ width:250px; float:left; background:#f5f5f5; display:inline; margin:214px 0 0 70px; padding:0 0 40px 0; position:relative; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif}
#right h2{  font-size:15px; margin:106px 10px 20px 10px; padding:0;}
#right .testo{ font-size:12px; line-height:25px; margin:0 10px 30px 10px; padding:0;}
.jcarousel-clip {position:relative;width:250px;overflow:hidden;height:300px;}
#news {list-style:none; list-style-position:none; padding:0; position:absolute; margin:0;}
#news li {float:left;width:220px;padding:0 10px;margin:0;}
#news h3 {font-size:13px; line-height:20px; margin:0; padding:0;}
#news h4{ font-size:11px; line-height:20px; font-weight:normal}
#news div{ font-size:11px; color:#727272; line-height:20px; margin-top:20px;}
.ico{ margin:20px 0 0 10px; background:url(../img/bg_button.png) no-repeat; width:104px; font-size:12px; text-decoration:none; text-align:center; height:27px; line-height:27px; color:#FFF; text-shadow:#666 1px 1px; display:block}
.ico_dicono {
background:url("../img/bg_button.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:block;
font-size:12px;
height:27px;
line-height:27px;
margin:7px 0 0 0;
text-align:center;
text-decoration:none;
text-shadow:1px 1px #333333;
width:104px;
}
#icona{ position:absolute; left:630px; top:118px;}

#footer{ border-top: solid 1px #E7E7E7; border-bottom: solid 1px #E7E7E7; margin:60px 0 20px 0; font-size:11px; color:#727272; line-height:23px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif}
#indirizzi{ width:250px; float:left; display:inline; margin:0 70px 40px 0; position:relative; line-height:12px;}
#indirizzi h2{ height:50px; background:url(../img/footer_1.png) no-repeat left; font-size:14px; line-height:50px;text-indent:40px; }
#indirizzi h3{ font-size:11px; text-indent:40px; position:absolute; top:30px }
#indirizzi a{ text-decoration:none; font-weight:bold; color:#727272}
#stellapiu{ width:250px; float:left; display:inline; margin:0 70px 0 0;}
#stellapiu h2{ height:50px; background:url(../img/footer_2.png) no-repeat left; font-size:14px; line-height:50px;text-indent:40px; }

#newsletter{ width:250px; float:left; display:inline; margin:0 0 0 0;}
#newsletter h2{ height:50px; background:url(../img/footer_3.png) no-repeat left; font-size:14px; line-height:50px;text-indent:50px; }
#newsletter a{ color:#1087A5; text-decoration:none;}
#newsletter form{ margin:11px 0 0 0;}
#newsletter input{ color:#727272}
#newsletter #invia{ background:url(../img/invia.png) no-repeat; border:none; height:23px; width:55px; }	

#sottomenu{ position:absolute; top:214px; left:0;}
#sottomenu li{ position:relative; float:left; line-height:40px; font-size:11px; padding:0 20px; }
#sottomenu .sel{ background:#fff; }
#sottomenu a{ text-decoration:none; color:#666;}
#sottomenu a:hover{  color:#ccc;}


#elenco_hotels{font-size:12px; line-height:25px; margin:0 0 30px 0; padding:0;}
#elenco_hotels li{ float:left; clear:both; margin:10px;}
#elenco_hotels img{ float:left; margin:0 10px;}
#elenco_hotels .desc{ float:left;}
#elenco_hotels a{ color:#1087A5; text-decoration:none;}

#elenco_hotels_old{font-size:11px; line-height:16px; margin:0 0 10px 0; padding:0;}
#elenco_hotels_old h2{ margin:0; padding:0;}

#elenco_hotels_old li{ float:left; clear:both; margin:4px;}
#elenco_hotels_old img{ float:left; margin:0 10px;}
#elenco_hotels_old .desc{ float:left;}
#elenco_hotels_old a{ color:#1087A5; text-decoration:none;}



#richiedi_dispo{}
#richiedi_dispo_titolo{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; color:#3271f1; font-weight:normal; font-size:22px;}

#frm_prenota{ position:relative; top:50px; left:40px;}
#frm_prenota label{ float:left; width:120px; padding:5px; display:block; font-size:12px;}
#frm_prenota input{ padding:4px;color: #312E64; font-size:12px; width:200px; background:#fafafa; border:solid 1px #cccccc }
#frm_prenota select { padding:4px;color: #312E64; font-size:12px; background:#fafafa; border:solid 1px #cccccc }
#frm_prenota textarea{ padding:4px;color: #312E64; font-size:12px; height:175px; width:400px; background:#fafafa; border:solid 1px #cccccc }


#frm_item{ margin:5px; padding:5px;}
#frm_prenota .frm_item {margin-bottom:10px;float:left; margin:5px;}
#frm_prenota .frm_item label em {color:#f00;font-style:normal;}
#frm_prenota .frm_item label.error { float:right;color:#f00;font-style:italic;}
#frm_prenota .privacy{ font-size:10px; line-height:15px;}
 #frm_prenota button{ border:none;}

/*stile seo per keyword strong*/
.grassetto{font-weight: bold; }
.nograssetto{font-weight: normal;}
a.linkinternoaltesto {text-decoration: none; color: #666; }
a.linkinternoaltesto:hover {color:#CCC; }
.testopryvacy {line-height:20px; }
#p2p {font-size:10px; line-height:25px; margin:0 10px 10px 10px; padding:0; }
