@charset "UTF-8";
/* CSS Document */
body{ margin:0; padding:0; background:#000; font-family:"Lucida Grande", arial, sans-serif; color:#FFF; font-size:11px;}
#container{ background:#000; width:100%; position:relative; padding:0; margin:0;}
#up{ background: #000; width:100%; height:110px; position:absolute; padding:0; margin:0; left:0; top:0;}
#upin{ width:940px; margin:0 auto; position:relative; z-index:900;}
#content{ width:940px; margin:0 auto; position:relative; margin-top:95px; z-index:1;padding:0;}
#logo{ position:absolute; top:15px; left:0px; margin:0; padding:0; display:none; z-index:999;}
#slogan{position:absolute; top:80px; left:200px; width:600px;margin:0; padding:0; color:#999; font-size:12px; text-align:left; font-weight:normal; display:none}
#corpo{ width:940px;  min-height:320px;height: auto !important; height: 320px; position:relative; z-index:1; margin:0;padding:0;}
#corpo2{ width:940px;  min-height:350px;height: auto !important; height: 350px; position:relative; z-index:1; margin:0; padding:0; background:#FFF; color:#000}

#corpo3{ width:940px;  min-height:350px;height: auto !important; height: 350px; position:relative; z-index:1; margin:0; padding:0; background:#000; color:#fff}
#corpo3 a{ color:#FFF}


#testo{ margin:10px; text-align:justify}
.testo{ margin:10px; text-align:justify}

.testo ul{ list-style:none; list-style-position:inside; margin:10px; padding:0; width:200px; float:left}
.testo li{ list-style:none; list-style-position:inside; line-height:20px}

.testo a{ text-decoration:none; color:#000}
.testo a:hover{ text-decoration:none; color:#fc0}

h2{ margin:0 10px;}
#copricorpo{ width:940px; height:320px; position:relative; z-index:888; background:#000}

#contenuto{width:940px; color:#000; padding:0; margin:0;}

#foto {
	width:940px; height:320px;  position:absolute; left:0px; top:0px;  z-index:1; overflow:hidden
}

#foto ul{ display:none; z-index:1;}
#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;}
#stop{position:absolute; z-index:300; bottom:2px; left:40px;}
#play{position:absolute; z-index:300; bottom:2px; left:10px;}
#didascalia{ z-index:100;  position:absolute; bottom:0px; font-size:10px; padding:5px; text-align:right; color:#ffffff;background:#333; right:0px; width:728px;}



#bg{ z-index:199; position:absolute; width:290px; height:360px; right:0; background:#000}
#open_close{position:absolute; left:670px; top:380px; z-index:400;}
#open_close a{ color:#FFF; text-decoration:none; font-size:10px}

#cont_menu{ width:934px; margin:0 auto; position:relative; z-index:900;}
#menu{ font-size:12px; color:#000; display:none; cursor:pointer; position:absolute; z-index:900; right:0px;}


#lingue{position:absolute; top:70px; right:0; width:220px; display:none }
 #lingue ul{ margin:0; padding:0; list-style:none; list-style-position:inside;}
 #lingue li{ margin:0;  margin-left:2px; padding:0; float:right;display:inline;list-style:none;}

.green{ position:relative; background:#4f4646; line-height:20px; z-index:900;margin-left:2px; color:#fff}
.green:hover{ color:#FC0}
#menu ul{margin:0;	padding:0;}

#menu li{
	list-style:none; margin:0; padding:0;
	text-align:center;
	overflow:hidden;
	font-size:10px;
}
.fl{
	
	width:116px;
	float:left;
	display:inline;
}

#menu a{color:#fff;text-decoration:none; font-weight:bolder;}
#menu a:hover{color:#FF0}
#menu span{ color:#FF0}
#menu strong{font-weight:normal; line-height:40px; font-size:16px; font-variant:small-caps; text-shadow: #333 2px 2px;}
#menu strong:hover{ color:#FF0;}
#menu p{padding:0px 5px;}
.subtext{padding-top:15px;font-size:12px;}
.subtext a{font-size:10px; padding:0 5px;text-align:left !important;}
.subtext a:hover{color:#F90}

#green_0{ background:url(../img/menu_0.jpg) no-repeat #4f4646;}
#green_0:hover{ background:url(../img/menu_0a.jpg) no-repeat #4f4646;}
#green_1{ background:url(../img/menu_1.jpg) no-repeat #4f4646;}
#green_1:hover{ background:url(../img/menu_1a.jpg) no-repeat #4f4646;}
#green_2{ background:url(../img/menu_2.jpg) no-repeat #4f4646;}
#green_2:hover{ background:url(../img/menu_2a.jpg) no-repeat #4f4646;}
#green_3{ background:url(../img/menu_3.jpg) no-repeat #4f4646;}
#green_3:hover{ background:url(../img/menu_3a.jpg) no-repeat #4f4646;}
#green_4{ background:url(../img/menu_4.jpg) no-repeat #4f4646;}
#green_4:hover{ background:url(../img/menu_4a.jpg) no-repeat #4f4646;}
#green_5{ background:url(../img/menu_5.jpg) no-repeat #4f4646;}
#green_5:hover{ background:url(../img/menu_5a.jpg) no-repeat #4f4646;}
#green_6{ background:url(../img/menu_6.jpg) no-repeat #4f4646;}
#green_6:hover{ background:url(../img/menu_6.jpg) no-repeat #4f4646;}



#offerte{ font-size:12px; z-index:900; color:#FFF;  visibility:hidden; cursor:pointer; width:934px; padding:0;}
.yellow{ border-left:solid 1px #444; line-height:20px; margin:0; z-index:999; background: url(../img/bg_pannelli.png) left top repeat-x #000;}

#offerte ul{margin:0 10px 0 0; padding:0; list-style:none; list-style-position:inside;}

#offerte li{ position:relative;
	list-style:none; margin:0; padding:0;
	text-align:center;
	overflow:hidden;
	font-size:14px;
	 background: url(../img/bg_pannelli.png) left top repeat-x #000;
}
#offerte li ul li{
	 background:  #000;
}

.fl1{
	width:231px;
	float:left;
	display:inline;
	
}

#offerte a{color:#FFF;text-decoration:none;}
#offerte a:hover{color:#FC0;}
#offerte span{ }
#offerte strong{ font-weight:normal; font-variant:small-caps; line-height:30px; }
#offerte strong:hover{ color:#FC0;}
#offerte p{padding:0px 5px;}
.subtext1{padding-top:15px;font-size:12px;}
.subtext1 a{font-size:12px;display:block;}
.subtext1 a:hover{color:#F90}



#offerte_elenco{margin:0 10px 0 0; padding:0; list-style:none; list-style-position:inside;}
#offerte_elenco a{ text-decoration:none; font-size:16px; color:#666}




#footer{ clear:both; width:940px;  z-index:999; position:relative;}
#footer_int{ position:absolute; width:940px;  height:150px; background: url(../img/bg_pannelli.png) left top repeat-x; display:none}

#spa_barche{ position:absolute; top:40px; left:10px; margin:0px; z-index:999}
#spa_barche ul{ list-style:none; list-style-position:inside; margin:0; padding:0;}
#spa_barche li{ list-style:none; list-style-position:inside; margin:0; padding:0;}

#pannello_prenota { z-index:999; position:relative; display:inline;  cursor:default; width:220px; float:left;  margin-left:0px; font-size:12px; }
#pannello_prenota strong{ font-weight:normal; margin:0 5px; font-variant:small-caps; line-height:30px; font-size:14px;text-align:center; z-index:999}
#pannello_prenota strong:hover{color:#fff;}

#preno{ margin:0; padding:0;}
#preno div{ float:left; display:inline;; margin:0 5px 5px 5px;}

#pannello_prenota .subtext1{ background:url(../img/bg_prenota.png) repeat-x bottom #464d4f; margin-top:10px; height:85px}



input,textarea,select,button { padding:2px;color: #312E64; font-size:10px; border:solid 1px #cccccc }
label{ margin:0 5px;}
.but{ background:#f0f0f0;  margin:4px 0 0 0;}



#indirizzi{ position:absolute; left:240px; top:40px; font-size:12px; width:225px }
#indirizzi span{ font-size:16px; color:#FC9;}
#indirizzi a{ font-size:16px; color:#FC9; text-decoration:none}
#indirizzi a:hover{ color:#FCC} 
#hotel_preference{ position:absolute; right:20px; top:40px; border:solid 1px #999; }
#rag_soc{  position:absolute; right:10px; top:130px; font-size:8px; width:200px; text-align:right; color:#999 }
#credit a{ font-size:8px; margin-top:10px; text-align:left; color:#666; text-decoration:none }



.margin_01000{ margin:0 10px 0 0}
.margin_00100{ margin:0 0 10px 0}
.margin_51055{ margin:5px 5px 10px 5px}
.colonne2{ margin:10px; width:430px; float:left; display:inline; text-align:justify}



.servizi{float:left; width:310px; margin-right:5px;  background:#dfdfdf; margin:10px;}
.servizi h3{ font-size:12px; color:#fff; background:#4f4646; margin:0; padding:4px; font-weight:normal;}
.servizi ul{ margin:0; list-style-position:inside; padding:4px;}
.servizi li{ color:#333; list-style:none; border-bottom: solid 1px #fff; line-height:20px; margin:0;}
.servizi li span{ color:#333; font-size:10px}

#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: 920px;
	}
	#gallery ul { list-style: none; }
	#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 #b6d5ce;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
#gallery1 div{ float:left; display:inline; margin:10px;}
#gallery1 a{ text-decoration:none}