/******CLASSI COMUNI BOX********/

body {
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	word-spacing: normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 22px;
	color:#616161;
	font-weight:normal;
	background-repeat:repeat-x;
	background-position:top;
} 
#menu_lingue{
	display:none;
	}
h1{
	color:#00c6ff;
	font-size:25px;
	font-weight:lighter;
	}
	h1 a{
	color:#00c6ff;
	font-size:25px;
	font-weight:lighter;
	}
	h1 a:hover{
	color:#0060C1;
	font-size:25px;
	font-weight:lighter;
	}
h2{
	color:#F00;
	font-size:25px;
	font-weight:lighter;
	}
	h2 a{
	color:#F00;
	font-size:25px;
	font-weight:lighter;
	}
	h2 a:hover{
	color:#F00;
	font-size:25px;
	font-weight:lighter;
	}
h3{
	color:#0060C1;
	font-size:20px;
	font-weight:lighter;
	padding:10px 0px;
	margin:0px;
	}
	h3 a{
	color:#0060C1;
	font-size:20px;
	font-weight:lighter;
	padding:10px 0px;
	margin:0px;
	}
	h3 a:hover{
	color:#00c6ff;
	font-size:20px;
	font-weight:lighter;
	padding:10px 0px;
	margin:0px;
	}	
a{
	color:#666666;
	font-weight:normal;
	}
a:hover{
	color:#939292;
	}
a img{
	border:hidden;
	border:none;
	border:0px;
	}

#container {
	background-color: #00469B;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: auto;
}
#contenitore {
	padding: 0px;
	margin: 0px 30px;
	width:690px;
}
#choose-language {
	background-color: #333333;
	width: 100%;
	height: 17px;
	padding: 4px 0px 4px 5px;
	margin: 0px;
	line-height: 16px;
	color: #00469B;
	text-transform: uppercase;
}
#menu {
	width:1024px;
	height: 48px;
	padding: 0px;
	margin:6px auto 0px auto;
}

#menu_flash {
	width: 100%;
	height: 300px;
	padding: 0px;
	margin:0px auto;
	overflow:hidden;
	text-align:center;
	}

#header {
	width:1024px;
	height: 338px;
	padding: 0px;
	margin: 0px auto;
	text-align:center;
}
#main {
	background-image: url(../images/bg_main.jpg);
	background-repeat: repeat-y;
	width: 1024px;
	margin: 0px auto;
	padding:30px 50px;
}
#main-text {
	width: 984px;
	height: auto;
	padding: 0px;
	margin: auto;
}
#main-text-sx {
	width: 260px;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: left;
}
#main-text-dx {
	width: 675px;
	padding: 15px;
	text-align: justify;
	margin:5px 0px 15px 0px;
	border-left:1px dashed #05C7FF;
	float:left;
}
#booking-on-line {
	width: 213px;
	padding:0px 15px;
	margin:5px 0px 15px 0px;
	float: left;
	letter-spacing: normal;
	text-align: left;
}
.menu_data{
	width:170px;
	height:14px;
	background-color:#fff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#00bcff;
	font-size:11px;
	border:1px solid #00bcff;
	float:left;
	padding:3px;
}
.menu_tendina{
	width:192px;
	height:24px;
	background-color:#fff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#00bcff;
	font-size:11px;
	border:1px solid #00bcff;
	float:left;
	padding:3px;
}
.menu_mini{
	width:28px;
	height:14px;
	background-color:#fff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#00bcff;
	font-size:11px;
	border:1px solid #00bcff;
	float:left;
	padding:3px;
	margin-right:5px;
}
#cont_box_hp {
	width: 639px;
	height: 400px;
	padding: 15px;
	margin: 0px;
	float: left;
	letter-spacing: normal;
	text-align: left;
	font-weight: bold;
}
#last-minute {
	width: 213px;
	height: 400px;
	padding: 15px;
	margin: 0px;
	float: left;
	letter-spacing: normal;
	text-align: left;
}
#offerte {
	width: 213px;
	/*height: 400px;*/
	padding:0px;
	margin:5px 0px 15px 0px;
	float: left;
	letter-spacing: normal;
	text-align: left;
}
#latest-news {
	width: 213px;
	height: 400px;
	padding: 15px;
	margin: 0px;
	float: left;
	letter-spacing: normal;
	text-align: left;
	font-weight: bold;
}

#txtHP {
	width: 446px;
	padding:0px 15px;
	margin:5px 15px 15px 0px;
	float: left;
	letter-spacing: normal;
	text-align: left;
	border-right:1px dashed #05C7FF;
	border-left:1px dashed #05C7FF;
	z-index:100;
	}

#footer {
	background-color: #00469B;
	background-image: url(../images/bg_footer.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	width: 685px;
	height: 135px;
}
#cont_footer{
	width:685px;
	height: 113px;
	padding: 15px 0px 0px;
	line-height: 18px;
	color:#045fb8;
}
#sx{
	width:213px;
	margin:0px auto;
}
/******END CLASSI COMUNI BOX********/



/******CLASSI NON COMUNI BOX********/
#sx_struttura{
	width:400px;
	float:left;
}

#dx_struttura{
	width:229px;
	float:right;
	border-left:1px dashed #05C7FF;
	padding:0px 0px 0px 10px;
}
#main-text-home {
	width: 975px;
	height: auto;
	padding: 0px;
	margin: auto;
	position:relative;
	/*background-image: url(../images/main-home.gif);
	background-repeat: no-repeat;
	background-position: center bottom;*/
}
#box-sx_01 {
	background-color: #F4F4F4;
	width: 240px;
	height: 120px;
	padding: 0px;
	margin: 5px;
	float: left;
	clear: left;
	background-image: url(../images/segnaposto_01.gif);
	background-repeat: no-repeat;
}
#box-sx_02 {
	width: 240px;
	height: 87px;
	padding: 0px;
	margin: 5px;
	float: left;
	clear: left;
}
#box-sx_03 {
	width: 240px;
	height: 87px;
	padding: 0px;
	margin: 5px;
	float: left;
	clear: left;
}
#box-sx_04 {
	width: 240px;
	height: 87px;
	padding: 0px;
	margin: 5px 5px 15px;
	float: left;
	clear: left;
}
#video {
	width: 240px;
	height: 150px;
	padding: 0px;
	margin: 5px 5px 15px;
	float: left;
	clear: left;
	}
#video_sx {
	border:1px solid #09F; 
	width:202px; 
	height:133px;
	clear:both;
	}
#bannerDiving {
	width: 213px;
	margin: 5px 0px 0px 0px;
	text-align:center;
	}
#container-photo-gallery {
	width: 685px;
	height: auto;
	padding: 0px;
	margin: 10px 0px;
	float: left;
	clear: left;
	letter-spacing: normal;
	text-align: justify;
}

#container_piantine {
	width: 685px;
	height: auto;
	padding: 0px;
	margin: 0px;
	clear:both;
	}
#cont_piantina_didascalie {
	width: 315px;
	padding: 0px;
	margin: 0px;
	float:left;
	}
	#img_piantine {
	width: 150px;
	height: auto;
	padding: 0px;
	margin: 0px;
	float:left;
	text-align:left;
	}
	#didastcalie {
	width: 160px;
	height: auto;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	float:left;
	}
	#img_dettagli {
	width: 370px;
	height: auto;
	padding: 0px;
	margin: 0px;
	float:left;
	text-align:right;
	}
#photo-gallery {
	background-image: url(../images/box-photo-gallery.png);
	width: 170px;
	height: 135px;
	padding: 0px;
	margin: 5px 10px 15px 0px;
	float: left;
	letter-spacing: normal;
	text-align: justify;
}
.photogallery {
	background-image: url(../images/box-photo-gallery.png);
	width: 170px;
	height: 135px;
	padding: 0px;
	margin: 5px 45px 15px 0px;
	float: left;
	letter-spacing: normal;
	text-align: justify;
}
#photo-galleryHP {
	background-image: url(../images/box-photo-galleryHP.png);
	width: 134px;
	height: 110px;
	padding: 0px;
	margin: 0px;
	float: left;
	letter-spacing: normal;
	text-align: justify;
}
#container-offerte {
	width: 685px;
	height: auto;
	padding: 0px;
	margin: 5px 0px;
	float: left;
	clear: left;
	letter-spacing: normal;
	text-align: justify;
}
#photo-gallery-offerte {
	background-image: url(../images/box-photo-gallery.png);
	width: 170px;
	height: 135px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	float: left;
	letter-spacing: normal;
	text-align: justify;
}
#box-descrizione-offerte {
	width: 505px;
	height: 134px;
	padding: 0px;
	margin: 0px;
	float: right;
	letter-spacing: normal;
	text-align: justify;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00c6ff;
}
#note-informative {
	width: 685px;
	padding:0px;
	margin: 0px;
	text-align: justify;
	line-height: 17px;
}
#informativa-privacy {
	width: 640px;
	height: 230px;
	padding: 0px 20px 20px 10px;
	margin: 15px 0px 0px 10px;
	float: left;
	letter-spacing: normal;
	text-align: justify;
	line-height: 17px;
	overflow: scroll;
}
#spazio_foto {
	height:115px;
	clear:both;
	padding:0px;
	margin:0px;
}
#form_prenota_struttura {
	width:685px;
	clear:both;
	margin-bottom:20px;
}
#cont_prenota_struttura {
	width:671px;
	border-bottom:2px solid #045FB8;
	border-left:2px solid #045FB8;
	border-right:2px solid #045FB8;
	float:left;
	padding:5px;
	background-color:#e6f8ff;
}
#struttura {
	width:671px;
	border-top:1px dashed #8FE7FF;
	float:left;
	padding:5px;
}
#dx_struttura_villaggio{
	width:490px;
	height:140px;
	float:left;
	position:relative;
}
#dx_struttura_villaggio img{
	float:left;
	margin:6px 15px 0px 5px;
}
#scopri_dettagli{
	float:left;
	width:130px;
	height:20px;
	text-align:right;
}
#pulsante_struttura_villaggio{
	width:350px;
	height:20px;
	position:absolute;
	bottom:0px;
	right:0px;
}
#pulsante_struttura_villaggio img{
	margin-bottom:5px;
}
/******END CLASSI NON COMUNI BOX********/



/******CLASSI TXT********/

.text-section {
	font-size: 11px;
	line-height: 20px;
	letter-spacing: normal;
	text-align: justify;
}
.text-section-bold {
	font-size: 11px;
	line-height: 20px;
	letter-spacing: normal;
	text-align: justify;
	font-weight: bold;
}

.titolo_blu {
	font-size: 11px;
	color:#0060C1;
	font-weight:bold;
	}
	.titolo_blu a {
	font-size: 11px;
	color:#0060C1;
	font-weight:bold;
	}
	.titolo_blu a:hover {
	font-size: 11px;
	color:#00c6ff;
	font-weight:bold;
	}
	

.titolo_Giallo {
	font-weight: bold;
	font-size: 13px;
	color:#F21AC5;
	}
	.titolo_Giallo a {
	font-weight: bold;
	font-size: 13px;
	color:#F21AC5;
	}
	.titolo_Giallo a:hover {
	font-weight: bold;
	font-size: 13px;
	color:#0060C1;
	}
.titoletto_fuxia {
	font-weight: bold;
	font-size: 11px;
	color:#F21AC5;
	}
	.titoletto_fuxia a {
	font-weight: bold;
	font-size: 11px;
	color:#F21AC5;
	}
	.titoletto_fuxia a:hover {
	font-weight: bold;
	font-size: 11px;
	color:#00c6ff;
	}
.titolo_bianco {
	font-weight: bold;
	font-size: 14px;
	color:#fff;
	}
	.titolo_bianco a {
	font-weight: bold;
	font-size: 14px;
	color:#fff;
	}
	.titolo_bianco a:hover {
	font-weight: bold;
	font-size: 14px;
	color:#;
	}	
.titolo_verde {
	font-weight: bold;
	font-size: 11px;
	color:#009933;
	}
	.titolo_verde a {
	font-weight: bold;
	font-size: 11px;
	color:#009933;
	}
	.titolo_verde a:hover {
	font-weight: bold;
	font-size: 11px;
	color:#3ec96d;
	}
.titoletto_blu {
	font-weight: bold;
	font-size: 11px;
	color:#0060C1;
	}
	.titoletto_blu a {
	font-weight: bold;
	font-size: 11px;
	color:#0060C1;
	}
	.titoletto_blu a:hover {
	font-weight: bold;
	font-size: 11px;
	color:#00D4FF;
	}
.title-section-bold {
	font-size: 11px;
	line-height: 20px;
	color: #00469B;
	letter-spacing: normal;
	text-align: center;
}
.subtitle-section-bold {
	font-size: 11px;
	line-height: 20px;
	color: #666666;
	letter-spacing: normal;
	text-align: justify;
}

.text-table {
	font-size: 11px;
	letter-spacing: normal;
	text-align: center;
}
.text-section-small {
	font-size: 10px;
	line-height: 17px;
	letter-spacing: normal;
	text-align: justify;
}
.text-section-small-bold {
	font-size: 10px;
	line-height: 17px;
	letter-spacing: normal;
	text-align: justify;
}

/******END CLASSI TXT********/



/******CLASSI IMG SECTION********/

#section-home-page {
	background-color: #00469B;
	background-image: url(../images/section-home-page.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
}
#section-struttura {
	background-color: #00469B;
	background-image: url(../images/section-struttura.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
}
#section-villaggio {
	background-color: #00469B;
	background-image: url(../images/section-villaggio.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
}
#section-campeggio {
	background-color: #00469B;
	background-image: url(../images/section-campeggio.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
}
#section-servizi {
	background-color: #00469B;
	background-image: url(../images/section-servizi.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
}
#section-photo-gallery {
	background-color: #00469B;
	background-image: url(../images/section-photo-gallery.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
}
#section-listino-prezzi {
	background-color: #00469B;
	background-image: url(../images/section-listino-prezzi.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
}
#section-offerte {
	background-color: #00469B;
	background-image: url(../images/section-offerte.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
}
#section-dove-siamo {
	background-color: #00469B;
	background-image: url(../images/section-dove-siamo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
}
#section-contattaci {
	background-color: #00469B;
	background-image: url(../images/section-contattaci.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
}
#section-links {
	background-color: #00469B;
	background-image: url(../images/section-links.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
}

/******END CLASSI IMG SECTION********/



/******CLASSI IMG********/

.img-sx {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.photo {
	margin: 13px 12px 12px 13px;
}
.photo-box-bottom {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/******END CLASSI IMG********/



/******CLASSI FORM********/

.form-field {
	color: #666666;
	float: left;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.seleziona {
	color: #666666;
	float: right;
	font-weight: bold;
}

/******END CLASSI FORM********/



/******CLASSI LINKS*******

a {
	text-decoration: none;
	color: #858585;
}
a:hover {
	text-decoration: underline;
	color: #858585;
}
a:active {
	text-decoration: none;
	color: #858585;
}

*****END CLASSI LINKS********/


/*------------------------------------------------------------------------CSS CALENDARIETTO-----------------------------------------------------------------*/
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight:bold;
	color: #00469B;
	background-image:url(/images/bg_calendario.jpg);
	border: 1px solid #00469B;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
background-color:#00469B;
color:#bddef3;
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
background-color:#00469B;
color:#bddef3;
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #6A8BC0;
	/*background-color: #00469B;*/
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #6A8BC0;
	border: 1px solid #00469B;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #6A8BC0;
	border: 1px solid #bddef3;
	cursor: pointer;
	color: #bddef3;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #bddef3;
	border: 1px solid #00469B;
	color: #00469B;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #bddef3;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #bddef3;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00469B;
	background: #bddef3;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00469B;
	background: #bddef3;
	font-weight: bold;
	}
	
/*---------------------------------------------------- PNG per explorer 6 -------------------------------------------------------- */
 img, div, input { behavior: url("/iepngfix.htc") }