@charset "utf-8";
a{
outline:none;
} 
body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #EAE4D6;
}



.photo {
	position: relative;
	width: 930px;
	height: 470;
	text-align: left;
	margin: 0px;
}
.photo2 {
	position: relative;
	width: 930px;
	height: 150;
	text-align: left;
	margin: 0px;
}

.photo2 span a {
	width: 181px;
	height: 161px;
	display: block;
	position: absolute;
	left: 363px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;

}
.photo span a {
	width: 181px;
	height: 161px;
	display: block;
	position: absolute;
	left: 363px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;

}
.subtitleaccordion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
.pricepacchetti {
	background-color: #D3E3F1;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #49719F;
	text-align: right;
	padding-right: 35px;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 25px;
	padding-bottom: 0px;
}


html>body #offerte{
	width:300px;
	background-image: url(../images/bgofferte.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 8px;
}
html>body #offertamese{
	width:256px;
	background-image: url(../images/bgofferte.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 8px;
}

html>body #offertamain{
	width:566px;
	background-image: url(../images/bgoffertemain.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 8px;
}

html>body #cont_gallery{
	width:566px;
	background-image: url(../images/bgoffertemain.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	position:relative
}


html>body #linguetta{
	position:relative;
	width:334px;
	left:-23px;
	padding-top: 0px;
	padding-bottom:8px;
	padding-top:5px;
}
html>body #linguetta2{
	position:relative;
	width:563px;
	left:-18px;
	padding-top: 0px;
}
html>body #linguettamain{
	position:relative;
	width:588px;
	left:-18px;
	padding-top: 0px;
	margin-top: 6px;
}

.stile_div{
	width: 300px;
	height: auto;
	background-image: url(../images/bgbuttonoff.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 3px;
	margin-bottom: 10px;
}
.txtofferta {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #305783;
	text-decoration: none;
	text-align: left;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 16px;
	font-weight: bold;
	color: #305783;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}
.sottotitoli {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #92B5CF;
	text-decoration: none;
}
li {
	list-style-image: url(../images/pallinoli.gif);
}




A.stile_link:link{
	display: block;
	float:left;
	width: 305px; /* Qui imposti la larghezza opportuna */
	height: auto;
	padding-left:15px;
	background-image: url(../images/bgbuttonoff.jpg);
	background-position: center;
	background-repeat: no-repeat;
	line-height: 15px;
}

A.stile_link:hover{
	display: block;
	float:left;
	width: 305px; /* Qui imposti la larghezza opportuna */
	height: auto;
	padding-left:15px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/bgbuttonoff2.gif);
}
html>body #bgform {
	width:530px;
	background-image: url(../images/bgform.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;
	padding: 0px;
}
#bgform p {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.titolo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #325d88;
	text-decoration: none;
	line-height: 12px;
	padding-bottom: 7px;
}
.price {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #18569b;
	text-decoration: none;
	background-image: url(../images/bgprice.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.data {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
	text-decoration: none;
}
.pensione {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #667c90;
	text-decoration: none;
}
.txtmainbox {
	background-image: url(../images/bgmaintxt.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #362f2d;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: left;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #446486;
	text-decoration: none;
	text-align: left;
}
.bgbenessere {
	background-image: url(../images/bgbenessere.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #362f2d;
	text-decoration: none;
	padding-left: 170px;
	padding-right: 100px;
	text-align: left;
}
.ev {
	color: #47688c;
	font-weight: bold;
}

a.linkofferta:link, a.linkofferta:visited {
	color: #325D88;
	font-weight: bold;
	text-decoration: none;
}

a.linkofferta:hover {
	color: #8EACC4;
	font-weight: bold;
	text-decoration: underline;
}
.bgfooter {
	background-image: url(../images/bgfooter.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #FFF;
	text-decoration: none;
}
.bgfooter a:link,  a:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.bgfooter a:hover{
	color: #ACC4D0;
	font-weight: bold;
	text-decoration: none;
}
form {
	margin: 0px;
	padding: 0px;
}
.moduliform {
	background-color: #224671;
	border: 1px solid #224671;
	height: 18px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-left: 5px;
	margin-right: 10px;
}
.modulitext {height: 12px;font-family: Verdana, Geneva, sans-serif;	font-size: 10px;	font-weight: bold;	color: #FFF;	text-decoration: none;	padding-left: 5px;	margin-right: 10px;width:79px;float:left}
.txtform {font-family: Verdana, Geneva, sans-serif;	font-size: 10px;	color: #FFF;	text-decoration: none;}
.txtform a:link {font-family: Verdana, Geneva, sans-serif;	font-size: 10px;	color: #FFF;	text-decoration: none;}
.txtform a:hover {font-family: Verdana, Geneva, sans-serif;	font-size: 10px;	color: #83A2BE;	text-decoration: none;}
.txtform a:link {font-family: Verdana, Geneva, sans-serif;	font-size: 10px;	color: #FFF;	text-decoration: none;}

.bgfooter2 {
	background-image: url(../images/bgfooter2.gif);
	background-repeat: repeat-x;
}
#container {
	background-image: url(../images/bgfooter2.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
a.toplink:link, a.toplink:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

a.toplink:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #69C;
	text-decoration: none;
}
a.linktitolooffertamese:link, a.linktitolooffertamese:visited{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #51769a;
	text-decoration: none;
}

a.linktitolooffertamese:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #83A2BE;
	text-decoration: underline;
}

.dataoffertamese {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #362f2d;
	text-decoration: none;
}

.marginoff {
	padding-left: 20px;
	padding-right: 20px;
}


html>body #linguettamese {
	position:relative;
	width:300px;
	left:-23px;
	padding-top: 0px;
	padding-bottom:8px;
	padding-top:5px;
	height: 39px;
}
html>body #linguettamese {
	position:relative;
	width:300px;
	left:-23px;
	padding-top: 0px;
	padding-bottom:8px;
	padding-top:5px;
	height: 39px;
}
.peroffertamese {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #517BA5;
	text-decoration: none;
}
.priceoffertamese {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #224671;
	text-decoration: none;
	padding-left: 7px;
	background-color: #CDDBE2;
}
#stile2_div {
	width: 483px;
	height: auto;
	background-image: url(../images/bgelencoofferte.gif);
	background-repeat: repeat-x;
	padding-left: 20px;
	margin-bottom: 0px;
}

table.tabella {
	border-collapse:collapse;
	width:100%;
	background-color:#FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A4BCD0;
	border-right-color: #A4BCD0;
	border-bottom-color: #A4BCD0;
	border-left-color: #A4BCD0;
}

.tabella th, .tabella td{
	margin: 0;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBCBD8;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
}
.tabella caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #4A4F55;
	text-align: left;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #89AAC5;
	margin-bottom: 5px;
	background-color: #E7ECF2;
	padding-left: 12px;
	background-image: url(../images/frecciatab.gif);
	background-repeat: no-repeat;
	background-position: 440px;
}


.tabella .name {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #201A19;
	text-decoration: none;
	padding-bottom: 7px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
}

.tabella tr{
	background-image: url(../images/bgcella.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C2522;
	text-decoration: none;
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.tabella tr.alt{
	background:#fff;
}
.tabella td.grigio{
	background:#DEE5EB;
	color: #475E74;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
}
html>body #disponibilitasx {
	width:256px;
	background-image: url(../images/bgdispo2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 8px;
}
/*_____________________________________________Gallery*/
/* this makes it possible to add next button beside scrollable */
.gallery{
width:555px
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large_cristallo.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:67px 10px;
	cursor:pointer;
	font-size:1px;
	position:absolute
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 5px; right:0}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 5px; left:0} 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* 
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scroll_center {

	/* required settings */
	background-color:#EFEFEF;
	border:2px solid #FFFFFF;
	position:relative;
	overflow:hidden;
	width: 500px;
	height:120px;
	margin:20px 0 23px 29px;
	outline-color:#DDDDDD;
	outline-style:solid;
	outline-width:1px;
	float:left;	
}
.scroll_center .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	left:0
}
.scroll_center img {
	float:left;
	margin:20px 5px 20px 12px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.scrollable {

	/* required settings */
	background-color:#EFEFEF;
	border:2px solid #FFFFFF;
	position:relative;
	overflow:hidden;
	width: 500px;
	height:120px;
	margin:20px 0 23px 29px;
	outline-color:#DDDDDD;
	outline-style:solid;
	outline-width:1px;
	float:left;	
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	left:0
}
.scrollable img {
	float:left;
	margin:20px 5px 20px 12px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.scrollable a {
	float:left;
}

#horizontal_gallery img {
	float:left;
}
/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* styling for the image wrapper  */
#image_wrap {
	/* dimensions */
	width:94%;
	padding:20px 0;

	/* centered */
	text-align:center;

	/* some "skinning" */
	background-color:#efefef;
	border:2px solid #fff;
	outline:1px solid #ddd;
	-moz-ouline-radius:4px;
}
.dim{}
.dim a:link{color: #325D88;font-family:Verdana,Geneva,sans-serif;font-size:11px;line-height:16px;text-align:left;text-decoration:none;font-weight:normal}
.dim a:hover{color: #8EACC4;font-family:Verdana,Geneva,sans-serif;font-size:11px;line-height:16px;text-align:left;text-decoration:none;font-weight:normal}
.dim a:visited {color: #325D88;font-family:Verdana,Geneva,sans-serif;font-size:11px;line-height:16px;text-align:left;text-decoration:none;font-weight:normal}
.fo{width:930px; height:auto}
.fo .sx{float:left; width:710px;  margin:0 5px 0 10px; height:80px}
.fo .sx p{color: #FFFFFF; font-weight: bold;	text-decoration: none;font-family:Verdana,Geneva,sans-serif;font-size:11px;text-align:left;padding:0}
.fo .sx a:link{color: #325D88; font-weight: bold;	text-decoration: none;font-family:Verdana,Geneva,sans-serif;font-size:10px;line-height:14px;text-align:left;}
.fo .sx a:hover{color: #8EACC4;font-weight: bold; text-decoration: underline; text-decoration: none;font-family:Verdana,Geneva,sans-serif;font-size:10px;line-height:14px;text-align:left;}
.fo .sx a:visited{color: #325D88;font-weight: bold; text-decoration: underline; text-decoration: none;font-family:Verdana,Geneva,sans-serif;font-size:10px;line-height:14px;text-align:left;}
.fo .dx{float:left; width:190px;  margin:0 0 0 5px;  height:80px}
.fo .dx p{color: #FFFFFF; font-weight: bold;	text-decoration: none;font-family:Verdana,Geneva,sans-serif;font-size:11px;text-align:left;;padding:0}
.fo .dx a:link{color: #325D88; font-weight: bold;	text-decoration: none;font-family:Verdana,Geneva,sans-serif;font-size:10px;line-height:14px;text-align:left;}
.fo .dx a:hover{color: #8EACC4;font-weight: bold; text-decoration: underline; text-decoration: none;font-family:Verdana,Geneva,sans-serif;font-size:10px;line-height:14px;text-align:left;}
.fo .dx a:visited{color: #325D88;font-weight: bold; text-decoration: underline; text-decoration: none;font-family:Verdana,Geneva,sans-serif;font-size:10px;line-height:14px;text-align:left;}


.cont_dove{width:820px; height:556px; overflow:hidden; background-image: url(../images/bg-dove-hotel-cristallo-palace-ischia-4-stelle_03_03.png); background-repeat: no-repeat;}
.cont_dove .dove_sx{width:490px;height:500px; margin:0 15px 0 25px; position:relative}
.cont_dove .dove_dx{width:245px;height:465px; margin:35px 0 0 95px; position:relative; float:left}

#divinforma{}
#divinforma a:link{color: #325D88; font-weight: bold;	text-decoration: none;font-family:Verdana,Geneva,sans-serif;font-size:10px;line-height:14px;text-align:left;}
#divinforma a:hover{color: #8EACC4;font-weight: bold; text-decoration: underline; text-decoration: none;font-family:Verdana,Geneva,sans-serif;font-size:10px;line-height:14px;text-align:left;}
#divinforma a:visited{color: #325D88;font-weight: bold; text-decoration: underline; text-decoration: none;font-family:Verdana,Geneva,sans-serif;font-size:10px;line-height:14px;text-align:left;}