@charset "UTF-8";
/* CSS Document */
body{ margin:0; padding:0; background:url(../img/bg.png) top #528db6 repeat-x; font-family:Georgia, "Times New Roman", Times, serif; }

#container{ margin:0 auto; width:960px; position:relative;}

#header{  width:250px; position:relative; padding:0; float:left; display:inline;}
#k{ position:absolute; top:25px; right:15px;}
#k h2{ font-size:11px; color:#3a7aa7; text-align:right; margin:0; padding:0; font-weight:normal;font-style:italic}
#k a{ font-size:11px; color:#3a7aa7; text-decoration:none;}

#logo{ position:relative; background:url(../img/logo.jpg) no-repeat left; margin:107px 0 0 10px; width:245px; height:240px; }
#logo h1{ position:absolute; top:-200px;}

#lingue{ position:absolute; top:50px; width:230px; text-align:right; left:10px; margin:0; padding:0; list-style:none; list-style-position:inside}
#lingue li{ display:inline; margin:2px;}


#menu{ float:left; display:inline; width:210px; text-align:right;  margin:20px 20px 30px 0; padding:0; list-style:none; list-style-position:inside; color:#0f476f; text-shadow:#5089b2 1px 1px;font-style:italic; font-weight:bold; font-size:22px;}
#menu li{}
#menu a{ text-decoration:none; color:#fff;}
#menu a:hover{ color:#d2dfe9;}

#content{float:left; display:inline; margin:0; width:690px;position:relative; padding:0;}
#content .testo{ font-size:13px; color:#0f476f; font-style:italic; line-height:18px; margin:10px;  }

#foto1{ position:relative;background:url(../img/bg_foto.png) no-repeat; margin-right:5px;  margin-top:41px; width:700px; height:325px;}
#foto2{ position:relative; width:700px; height:325px;}


#foto{ position:absolute; width:674px; height:298px; overflow:hidden; margin:13px;}
#didascalia1{  position:absolute; width:650px; left:20px; bottom:18px;}
#didascalia{  margin:0px; padding:0; font-size:14px; line-height:14px; color:#FFF; font-style:italic; text-shadow:#000 2px 2px}


#foto ul{ display:none; z-index:10;}
#txt{ position:absolute; bottom:0px; right:10px; z-index:200;}
#SlideShow{position:absolute; z-index:0; overflow:hidden;}
#slide{position:absolute; z-index:0;  overflow:hidden;}






#content2{float:left;  display:inline; margin:41px 0 0 0;  width:700px;position:relative; padding:0; background:url(../img/bg_content2_c.gif) repeat-y center; }
#content2 #interno{ margin:0; width:700px; padding:0; background:url(../img/bg_content2_u.png) no-repeat top;height: auto !important; height: 400px;min-height:400px;}
#content2 #down{ clear:both; margin:0; width:700px; height:60px; padding:0; background:url(../img/bg_content2_d.gif) no-repeat bottom;}
#content2 .testo{ font-size:12px; color:#0f476f; font-style:italic; line-height:18px; padding:20px;  }
#content2 .testo a{  color:#528db6; font-style:italic;  }



#testo_home{ width:420px; float:left; display:inline;}
#offerte{ width:235px; height:320px; margin:10px 0 0 0; background:url(../img/bg_offerte.png) repeat-x top; float:right; display:inline;}
#offerte li{width:215px; height:320px; text-align:center; margin:10px;}
#offerte a{ color:#ff5400;  font-size:20px; font-style:italic; text-decoration:none; font-weight:bold;}
#offerte .img{ width:213px; height:125px; overflow:hidden; border:solid 1px #fff; margin:10px 0;}
#offerte .desc{ color:#173e5b; width:215px; height:40px; text-align:justify; font-family:Verdana, Geneva, sans-serif; font-size:10px;}

.offerte .jcarousel-container-horizontal {  width: 235px;padding:0; margin:0;}
.offerte .jcarousel-clip-horizontal {    width:  235px;  height: 320px;}
.offerte .jcarousel-item { width: 235px;  height: 320px; margin:0;}


#news h2{ font-style:italic; font-size:24px; color:#3a7aa7; margin:0; padding:0;}
#news ul{ list-style:none; list-style-position:inside; margin:0; padding:0; color:#FFF; font-size:10px; font-family:Verdana, Geneva, sans-serif;}
#news a{ color:#0f476f; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; text-decoration:none; font-weight:bold;}
#news li{}

.news .jcarousel-container-vertical {
    width: 420px;
    height: 120px;
    padding:0;
}

.news .jcarousel-clip-vertical {
    width:  420px;
    height: 120px;
}




.news .jcarousel-item {
    width: 420px;
	height: 120px;
}


#booking { position:relative; margin:10px 0 20px 0}
#ante_booking{  width:960px; margin:0; padding:0; height:31px;}

#booking h2{ font-style:italic; font-size:24px; color:#ffd800; margin:0 20px; padding:0; width:350px;}

#sconti{position:absolute; right:480px; top:0;  height:30px; margin:0; padding:0; list-style:none; list-style-position:inside;}
#sconti li{ background:url(../img/bg_sconti.gif) no-repeat; line-height:30px; width:460px; text-align:center}
#sconti a{ font-size:18px; padding:6px; color:#195f90; font-style:italic; font-weight:bold; text-decoration:none; line-height:30px;}
#sconti strong{ color:#093}



select{ font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:3px; border:solid 1px #999}
input{ font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:3px; border:solid 1px #999}
label{ margin:0 5px 0 15px;}



#pannello_booking{ width:940px; background: #d9e5ee; height:80px; margin:0 10px; line-height:80px; text-align:center}
#pannello_booking div{ _padding-top:15px;}



#pannello_booking2{  background: #d9e5ee; margin:0 10px; padding:5px; text-align:left}
#pannello_booking2 label{ margin:2px;}

#footer{ position:relative;  margin:0; padding:0; background:#2c6893; border:solid 5px #99bbd3; border-left:none; border-right:none;}
#footer_int{ position:relative; width:960px; height:270px; position:relative;  margin:0 auto;}
#hotel{ top:0; left:40px; position:absolute;}
#hotel h1{ font-size:26px; color:#FFF; margin:10px 0 0 0; padding:0; font-style:italic;}
#hotel h2{ font-size:14px; color:#86afcb; margin:2px 0; padding:0; font-style:italic;}
#hotel .tel{ font-size:22px; color:#ffd800; margin:2px 0; padding:0;}
#hotel .email a{ font-size:22px; color:#ffd800; margin:2px 0; padding:0;}
#hotel .ind{  color:#FFF; font-size:11px; margin:4px 0 15px 0; font-family:Verdana, Geneva, sans-serif;}



#meteo{ position:absolute; bottom:10px; left:260px; background:#92bcda; padding:10px; margin:0 10px; width:180px;}
#meteo h2{ font-size:10px; color:#333; margin:0; padding:0;}
#meteo .day{ float:left; display:inline; margin:2px;}
#meteo .nome{  font-size:10px; color:#333}

#federalberghi{ position:absolute; bottom:0px; left:480px;  padding:10px;}
#nuovorebecchino{ position:absolute; bottom:0px; left:580px;  padding:10px;}


#partner{ position:absolute; width:705px; background:url(../img/bg_partner_m.png); top:20px; right:0; padding:0;}
#partner_up{ width:705px; height:15px; background:url(../img/bg_partner_u.png) no-repeat top; margin:0; padding:0;}
#partner_down{ width:705px; height:15px; background:url(../img/bg_partner_d.png) bottom; margin:0; padding:0;}
.stemmi{ float:left; display:inline; margin:0 5px 0 0}

#rag{ clear:both; text-align:center; color:#FFF; font-size:10px; margin:5px; font-family:Verdana, Geneva, sans-serif}

.clear{ clear:both}



.prenotazioni {
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:inside
}
.prenotazioni li {
	margin:0px;
	padding:0;
	list-style:none;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; padding:0;
	}
	.prenotazioni li ul li {
		font-family:Arial, Helvetica, sans-serif;
		font-style:normal;
	margin:0px;
	padding:0;
	list-style:none;
	font-weight:normal;
	
	}
	
	
	
	
	#sconti_p ul{ list-style:none; margin:10px; padding:0;}
#sconti_p li{   line-height:20px;}
#sconti_p a{font-size:16px; color:#655748; text-decoration:none; }

	
	
	
	.pagina_offerte {  margin:5px 20px 20px 20px; text-align:justify; color:#332C25; font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:13px;}
.pagina_offerte ul{ list-style:none; margin:0; padding:0;}
.pagina_offerte li{ clear:both; margin:10px 0}
.pagina_offerte img{  width:213px; height:125px; overflow:hidden; margin:5px; display:inline; border:solid 5px #fff; }
.pagina_offerte div{  display:inline;  display:inline-block; margin:5px; width:340px; vertical-align:top;}
.pagina_offerte a{  text-align:justify;  color:#2c6893; font-size:16px; text-decoration:none; font-style:italic; font-weight:bold; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif;}

#eventi ul{ list-style:none; margin:0; padding:0;}
#eventi li{ color:#655748; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#eventi a{ text-decoration:none;  font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#333}


#elenco_gallery{ z-index:1;float:left; display:inline; margin:10px; padding:0; font-family: verdana, "Lucida Sans Unicode", "Lucida Grande", sans-serif }
#elenco_gallery ul{ text-align:right; font-variant:small-caps; font-size:14px; color:#FFFFFF; list-style:none; margin:0 10px 0 0; padding:0; width:180px;}
#elenco_gallery li{ border-top: solid 1px #dbd2c6; height:24px; list-style:none; text-align:center; width:190px; display:inline; float:left;}
#elenco_gallery a{ text-decoration:none; color:#600}
#elenco_gallery a:hover{ text-decoration:none; color:#993300}

#gallery {
		width: 660px;
		padding:20px 10px;
		font-size:12px; color:#0f476f; font-style:italic; line-height:18px; margin:0 10px 0 10px;
	}
	#gallery ul { list-style: none; margin:0; padding:0;}
	#gallery ul li { display: inline; }
	#gallery ul img {
		 width:120px;
		 height:120px;
		 vertical-align:middle;
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #0f476f;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
#gallery1 div{ float:left; display:inline; margin:10px;}
#gallery1 a{ text-decoration:none}