/* CSS Document */

body {
	margin:0;
	font-family: arial;
	font-size:12px;
/*
	line-height:15px;
*/
	color:#555;
	background:url(/ischiaimg/sfondoTestata.png) top center repeat-x #3d9bfa;
}

a {
	color:#0066CC;
	text-decoration:none;
}

a:hover {
	color:#0099FF;
	text-decoration:underline;
}

a:visited {
	color:#4887BA;
}

img {
	border:0;
}

h1 {
	font-size:24px;
	line-height:28px;
	margin:0;
	display:block;
}

h2 {
	font-size:18px;
	line-height:22px;
	margin:0;
	display:block;
	padding:0 0 5px 0;
}

p {
	margin:0;
}

.bordoSup {background:url(/ischiaimg/bordoArrTop.png) no-repeat; height:10px;}
.bordoInf {background:url(/ischiaimg/bordoArrBottom.png) no-repeat; height:10px;}

.curva {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
	/*behavior: url(css/border-radius.htc);*/
}

.curvaTop {
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    -khtml-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
	/*behavior: url(css/border-radius.htc);*/
}

.curvaBottom {
    -moz-border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    -khtml-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
	/*behavior: url(css/border-radius.htc);*/
}

.curva5 {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
	/*behavior: url(css/border-radius.htc);*/
}

.hideIt {
	visibility:hidden;
	display:none;
}

#container {
	width:940px;
	display:block;
	margin:5px auto 5px auto;
}

#testa {
	height:110px;
	padding:0 10px 0 10px;
	background-color:#FFF;
	/*background:url(/ischiaimg/sfondoTestata2.png) center -30px repeat-x #FFF;
	border-radius:10px;
	-moz-border-radius:10px;*/
}

#testa #topBox {
	float:right;
	width:200px;
	height:200px;
	background:url(/ischiaimg/sfondoVerdeRighe.png) repeat-x #009900;
	color:#FFF;
	font-size:12px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}


#testa #topBox #box1 {
	padding:10px 10px 0 10px;
	height:110px;
}
#testa #topBox #box1 b {
	font-size:14px;
	color:#FC0;
}
#testa #topBox #box1 h2 {
	margin:0 0 10px 0;
	padding:0;
	font-size:24px;
}
#testa #topBox #box1 #tel {
	font-size:18px;
	color:#FC0;
	font-weight:bold;
}
#testa #topBox #box1 a {
	color:#FFF;
}
#testa #topBox #box2 {
	padding:10px;
	height:25px;
	color:#FFF;
	text-align:left;
}

#testa #testaSX {
	float:left;
	width:710px;
	height:100px;
	padding-bottom:10px;
}

#testa #testaSX #logo {
	float:left;
	width:710px;
	height:54px;
	margin-bottom:10px;
}

#corpo {
	background-color:#FFF;
}

#corpo #datiHotel {
	background-color:#FFF;
	margin-bottom:10px;
	padding-bottom:15px;
}

#corpo #fotoGrande {
	font-weight:bold;
	color:#FFF;
	font-size:24px;
	text-align:right;
	height:316px;
	width:940px;
}

#corpo #testo {
	padding:0;
	background:url(/ischiaimg/sfondoForm.png) bottom center repeat-x #FFF;
}

#corpo #testo #chiama {
	height: 90px;
	padding-left:5px;
}

#corpo #testo #chiama .wrapperTesta {
	float:left;
	padding:0 5px;
	width:230px;
}

#corpo #testo #chiama .wrapperTesta h1{
	font-size:14px;
	float:left;
	padding:0;
	margin:0;
	display:block;
	line-height:14px;
}

#corpo #testo #chiama .wrapperTesta p{
	font-size:12px;
	margin:0;
	float:left;
	padding:0;
	margin:0;
	display:block;
}

#corpo h2 {
	font-size:20px;
	padding:0 0 0 10px
}

#corpo h2 span{
	color:#009900;
}

#corpo h3 {
	font-size:16px;
	color:#3D9BFA;
	padding:0 0 0 10px;
}

#corpo p {
	font-size:12px;
	padding:0 0 0 10px;
}

#corpo .col {
	width:440px;
	margin:10px;
	float:left;
}

#corpo .col .colWrap img {
	border:3px solid #090;
}

#corpo .col .colWrap h3 {
	font-size:18px;
	display:block;
	padding:5px 0 5px 0;
	margin:0;
	font-weight:normal;
}

#corpo .col .colWrap h4 {
	margin:0;
}

#corpo .col .colWrap p {
	padding:0;
	margin:0;
}

#corpo .hotVet {
	width:215px;
	height:250px;
	margin:10px 0 10px 16px;
	float:left;
	background:url(/ischiaimg/sfondoRigheBianche.png) 83px center repeat-x #FFF;
}

#corpo .hotVet img.himg {
	display:block;
	cursor:pointer;
	border:3px solid #3D9BFA;
	border-radius:5px;
	-moz-border-radius:5px;
}

#corpo .hotVet .info {padding:5px 0;}
#corpo .hotVet .info strong {color:#F60;}
#corpo .hotVet .info span {display:block; line-height:13px;}
#corpo .hotVet .info span.voti {color:#000;}

#corpo .hotVet h3 {
	font-size:18px;
	display:block;
	padding:11px 0 5px 0;
	margin:5px 0 0 0;
	font-weight:normal;
}

#corpo .hotVet h4 {
	margin:0;
}

#corpo .hotVet h3.stelle1 {
	background:url(/ischiaimg/stelle-pic-1.png) no-repeat;
}
#corpo .hotVet h3.stelle2 {
	background:url(/ischiaimg/stelle-pic-2.png) no-repeat;
}
#corpo .hotVet h3.stelle3 {
	background:url(/ischiaimg/stelle-pic-3.png) no-repeat;
}
#corpo .hotVet h3.stelle4 {
	background:url(/ischiaimg/stelle-pic-4.png) no-repeat;
}
#corpo .hotVet h3.stelle5 {
	background:url(/ischiaimg/stelle-pic-5.png) no-repeat;
}
#corpo .hotVet h3.stelle6 {
	background:url(/ischiaimg/stelle-pic-6.png) no-repeat;
}

#corpo .hotVet p {
	padding:0;
	margin:0;
}

.arrotondaSotto {
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
}

#container #containerH #nessunaOff {
	background-color:#FFF;
	border-radius:10px;
	-moz-border-radius:10px;
	text-align:center;
	margin-top:10px;
	padding:20px;
	font-size:14px;
}

#container #containerH #nessunaOff span{
	font-size:18px;
}

#footer {
	width:940px;
	display:block;
	margin:0 auto;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	background:url(/ischiaimg/sfondoVerdeRighe.png) top center repeat-x #3d9bfa;
	text-align:center;
	color:#FFF;
}

#footer h2 {
	margin:0;
	padding-top:10px;
}

#footer #tel {
	font-size:14px;
	color:#FC0;
	font-weight:bold;
}

#footer a {
	color:#FFF;
}

#baciaFooter {
	width:940px;
	display:block;
	margin:10px auto 0 auto;
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	text-align:center;
	color:#135;
	font-size:24px;
	background:url(/ischiaimg/sfondoRigheBianche.png) 83px center repeat-x #FFF;
	padding:10px 0;
}

#baciaFooter strong {
	color:#090;
}

#footBase {
	width:940px;
	display:block;
	margin:30px auto;
}

#footBase #footTesta{
	border-bottom:#2967A5 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	color:#135;
	text-shadow:1px 1px 0 #CCC;
}

#footBase #footTesta #logo{
	padding:20px 0 10px 20px;
	background:url(/ischiaimg/soloLogoITW.png) no-repeat;
	height:30px;
}

#footBase #footTesta h2{
	margin:0;
	padding:0;
}

#footBase #footTesta h2 a{
	text-decoration:none;
	color:#135;
}

#footBase #footCorpo{
	border-top:#62ADF9 solid 1px;
	padding:10px 0 20px 20px;
	float:left;
}

#footBase #footCorpo .col{
	float:left;
	width:200px;
}

#footBase #footCorpo .col strong{
	color:#FC0;
}

#footBase #footCorpo .col a{
	color:#FFF;
}

#footBase #footCorpo .col2{
	float:left;
	width:520px;
}

#footBase #footCorpo .col2 span{
	color:#135;
}

#footBase #footCorpo .col2 strong{
	color:#FFF;
}

#footBase #footCorpo a:hover{
	color:#CCC;
}

#footBase #marchi {
	text-align:center;
	font-size:10px;
}

.cleaner {
	height:1px;
	display:block;
	clear:both;
}

.cleaner-grey {
	height:1px;
	display:block;
	clear:both;
	background:#ccc;
}

.cleaner-darkgrey {
	height:1px;
	display:block;
	clear:both;
	background:#999;
}

a#totop {
	color:#000;
	font-weight:bold;
	text-shadow:1px 1px 0 #CCC;
	text-align:center;
	bottom:10px;
	right:0;
	font-size:1.1em;
	position:fixed;
	display:block;
	z-index:10;
	padding:8px 0;
	width:33px;
	background-color:#FC0;
}

a#totop:hover {
	text-decoration:none;
}


/* ------------------------ MENU ------------------------ */
/* ----[ LINKS ]----*/

/* all menu links */
#nav a.first{
	/*border-left: 1px solid #000;*/
	padding: 11px;
	display: block;
/*	background-image:url(/ischiaimg/sfondoTestata.png);
	background-position:0 -73px;
	background-repeat:repeat-x;
*/	color: #eee;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-decoration: none;
	text-transform:uppercase;
	cursor:pointer;
}
#nav a:hover.first {
	background-image:url(/ischiaimg/sfondoTestata.png);
 	color: #fff;
}
#nav a:hover.veryFirst {
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
}
#nav a:hover.veryLast {
	border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
}
#nav a.first-active{
	/*border-left: 1px solid #800;*/
	padding: 11px;
	display: block;
/*	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -36px;
	background-repeat:repeat-x;
*/	
	background-color:#286ac0;
	color:#FFF;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-decoration: none;
	text-transform:uppercase;
	cursor:pointer;
}
#nav a.first-active.veryFirst {
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
}
#nav a.first-active.veryLast {
	border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
}

#subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:8px 26px 8px 8px;
	background-color:#eee;
	opacity:0.9;
	filter:alpha(opacity=90);
	width:170px;
	font-size:12px;
	line-height:12px;
	border-bottom:solid 1px #999;
	color:#012d85;
	cursor:pointer;
}
#nav a.third {
	border-right: 1px solid #444;
	border-left:none;
	padding: 12px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -72px;
	background-repeat:repeat-x;
	color: #eeeeee;
	font-size:12px;
	line-height:12px;
	text-decoration: none;
	text-transform:none;
	height: 12px !important;
	height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
#nav a:hover.third {
	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -108px;
	background-repeat:repeat-x;
 	color: #fff;
}
#nav a.active {
	/*border-right: 1px solid #444;*/
	border-left:none;
	padding: 12px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -144px;
	background-repeat:repeat-x;
	color: #286ac0;
	font-size:12px;
	line-height:12px;
	text-decoration: none;
	text-transform:none;
	height: 12px !important;
	height: 1%; /*For IE*/
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;	
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#286ac0;
	color:#FFF;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#286ac0;
	color:#FFF;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background:url(/ischiaimg/MENU-red-arrow.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background:url(/ischiaimg/MENU-white-arrow.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
/*	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -36px;
	background-repeat:repeat-x;
*/}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
/*	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -36px;
	background-repeat:repeat-x;
*/}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0;
	margin:0;
}

/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 
	left:0;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}
#subMenusContainer li{
	list-style: none;
	display:inline;
}

/* main menu ul or ol elment */
#nav{
	/*padding:0 10px 0 10px;*/
	float:left;
	height:36px;
	background-image:url(/ischiaimg/sfondoTestata.png);
	background-position:0 -102px;
	border-radius:10px;
	-moz-border-radius:10px;
	background-repeat:repeat-x;
	margin:0;
	/*width:690px;*/

}
#subMenusContainer{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;	
	height:0;
	overflow:visible;
	z-index:1000000000;
}


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }
#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}
#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}
/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

/* for IE6 */
* html #subMenusContainer li, #nav li{
	margin-bottom:-0.99em;
}
* html #subMenusContainer li a{
	position:relative;
}




/* ------------------------ MENU ORDINA ------------------------ */
/* all menu links */
#ordina a.first{
	border-left: 1px solid #999;
	padding: 11px;
	display: block;
	color: #999;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-decoration: none;
	cursor:pointer;
}
#ordina a:hover.first {
	background:#CCC;
	color:#090;
}
#ordina .veryFirst {
	border:0!important;
	padding:11px;
	color:#3377AD;
}
#ordina .veryLast {
	border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
}
#ordina a.first-active{
	border-left: 1px solid #999;
	padding: 11px;
	display: block;
	background-color:#090;
	color:#FFF;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-decoration: none;
	cursor:pointer;
}
#ordina a.first-active.veryFirst {
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
}
#ordina a.first-active.veryLast {
	border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
}

#subMenusOrdina a{
	text-decoration:none;
	display:block;
	padding:8px 26px 8px 8px;
	background-color:#eee;
	opacity:0.9;
	filter:alpha(opacity=90);
	width:150px;
	font-size:12px;
	line-height:12px;
	border-bottom:solid 1px #999;
	color:#012d85;
	cursor:pointer;
}
#ordina a.third {
	border-right: 1px solid #444;
	border-left:none;
	padding: 12px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -72px;
	background-repeat:repeat-x;
	color: #eeeeee;
	font-size:12px;
	line-height:12px;
	text-decoration: none;
	text-transform:none;
	height: 12px !important;
	height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
#ordina a:hover.third {
	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -108px;
	background-repeat:repeat-x;
 	color: #000;
}

#ordina a.active {
	/*border-right: 1px solid #444;*/
	border-left:none;
	padding: 12px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -144px;
	background-repeat:repeat-x;
	color: #CCC;
	font-size:12px;
	line-height:12px;
	text-decoration: none;
	text-transform:none;
	height: 12px !important;
	height: 1%; /*For IE*/
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#ordina a{
	margin:0;
	float:left;	
}

/* Just sub menu links */
#subMenusOrdina a, #ordina li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#ordina a:hover, #ordina a:focus, #subMenusOrdina a:hover, #subMenusOrdina a:focus, #ordina a.mainMenuParentBtnFocused, #subMenusOrdina a.subMenuParentBtnFocused{
	background-color:#CCC;
	color:#000;
}

/* sub menu links on hover or focus */
#subMenusOrdina a:hover, 
#subMenusOrdina a:focus, 
#ordina a.mainMenuParentBtnFocused, 
#subMenusOrdina a.subMenuParentBtnFocused,
#ordina li a:hover,
#ordina li a:focus{
	background-color:#CCCCCC;
	color:#000;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background:url(/ischiaimg/MENU-red-arrow.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background:url(/ischiaimg/MENU-white-arrow.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
/*	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -36px;
	background-repeat:repeat-x;
*/}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
/*	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -36px;
	background-repeat:repeat-x;
*/}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0;
	margin:0;
}

/* All ULs and OLs */
#ordina, #ordina ul, #ordina ol, #subMenusOrdina ul, #subMenusOrdina ol { 
	padding: 0;
	margin: 0;
	list-style: none;
}

/* All submenu OLs and ULs */
#ordina ol, #ordina ul, #subMenusOrdina ul, #subMenusOrdina ol {	
	/*border around submenu goes here*/	 
	left:0;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#ordina li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}
#subMenusOrdina li{
	list-style: none;
	display:inline;
}

/* main menu ul or ol elment */
#ordina{
	float:left;
	height:36px;
	background:#EEE;
	border:1px solid #999;
	border-radius:10px;
	-moz-border-radius:10px;
	margin:10px;
	color:#999;
}

#subMenusOrdina{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;	
	height:0;
	overflow:visible;
	z-index:1000000000;
}


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#ordina li li{	float:none; }
#ordina li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}
#ordina li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}
/* third-and-above-level lists */
#ordina li ul ul { margin: -1em 0 0 -1000em; }
#ordina li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#ordina li:hover ul{	margin-left: 0; }
#ordina li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#ordina li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#ordina li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#ordina li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#ordina li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#ordina li:hover a:focus{ margin-left: 0; }
#ordina li li:hover a:focus + ul { margin-left: 10em; }

/* for IE6 */
* html #subMenusOrdina li, #ordina li{
	margin-bottom:-0.99em;
}
* html #subMenusOrdina li a{
	position:relative;
}




/* ------------------------ MENU MESI ------------------------ */
/* all menu links */
#mesi a.first{
	border-left: 1px solid #999;
	padding: 11px 8px;
	display: block;
	color: #999;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	cursor:pointer;
}
#mesi a:hover.first {
	background:#CCC;
	color:#090;
}
#mesi .veryFirst {
	border:0!important;
	padding:11px;
	color:#3377AD;
}
#mesi .veryLast {
	height:25px;
	width:151px;
	border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
}
#mesi a.first-active{
	border-left: 1px solid #999;
	padding: 11px;
	display: block;
	background-color:#090;
	color:#FFF;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	cursor:pointer;
}
#mesi a.first-active.veryFirst {
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
}
#mesi a.first-active.veryLast {
	border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
}

#mesi li span {
	font-size:12px;
	line-height:12px;
	display:block;
}

#subMenusMesi a{
	text-decoration:none;
	display:block;
	padding:8px 26px 8px 8px;
	background-color:#eee;
	/*opacity:0.9;*/
	filter:alpha(opacity=90);
	width:200px;
	font-size:12px;
	line-height:12px;
	border-bottom:solid 1px #999;
	color:#012d85;
	cursor:pointer;
}
#mesi a.third {
	border-right: 1px solid #444;
	border-left:none;
	padding: 12px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -72px;
	background-repeat:repeat-x;
	color: #eeeeee;
	font-size:12px;
	line-height:12px;
	text-decoration: none;
	text-transform:none;
	height: 12px !important;
	height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
#mesi a:hover.third {
	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -108px;
	background-repeat:repeat-x;
 	color: #000;
}
#mesi a.active {
	/*border-right: 1px solid #444;*/
	border-left:none;
	padding: 12px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -144px;
	background-repeat:repeat-x;
	color: #CCC;
	font-size:12px;
	line-height:12px;
	text-decoration: none;
	text-transform:none;
	height: 12px !important;
	height: 1%; /*For IE*/
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#mesi a{
	margin:0;
	float:left;	
}

/* Just sub menu links */
#subMenusMesi a, #mesi li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#mesi a:hover, #mesi a:focus, #subMenusMesi a:hover, #subMenusMesi a:focus, #mesi a.mainMenuParentBtnFocused, #subMenusMesi a.subMenuParentBtnFocused{
	background-color:#CCC;
	color:#000;
}

/* sub menu links on hover or focus */
#subMenusMesi a:hover, 
#subMenusMesi a:focus, 
#mesi a.mainMenuParentBtnFocused, 
#subMenusMesi a.subMenuParentBtnFocused,
#mesi li a:hover,
#mesi li a:focus{
	background-color:#CCCCCC;
	color:#000;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background:url(/ischiaimg/MENU-red-arrow.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background:url(/ischiaimg/MENU-white-arrow.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
/*	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -36px;
	background-repeat:repeat-x;
*/}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
/*	background-image:url(/ischiaimg/SPRITE-04.gif);
	background-position:0 -36px;
	background-repeat:repeat-x;
*/}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0;
	margin:0;
}

/* All ULs and OLs */
#mesi, #mesi ul, #mesi ol, #subMenusMesi ul, #subMenusMesi ol { 
	padding: 0;
	margin: 0;
	list-style: none;
}

/* All submenu OLs and ULs */
#mesi ol, #mesi ul, #subMenusMesi ul, #subMenusMesi ol {	
	/*border around submenu goes here*/	 
	left:0;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#mesi li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}
#subMenusMesi li{
	list-style: none;
	display:inline;
}

/* main menu ul or ol elment */
#mesi{
	float:left;
	height:47px;
	background:#EEE;
	border:1px solid #999;
	border-radius:10px;
	-moz-border-radius:10px;
	margin:10px;
	color:#999;
	width:920px;
}

#subMenusMesi{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;	
	height:0;
	overflow:visible;
	z-index:1000000000;
}


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#mesi li li{	float:none; }
#mesi li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}
#mesi li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}
/* third-and-above-level lists */
#mesi li ul ul { margin: -1em 0 0 -1000em; }
#mesi li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#mesi li:hover ul{	margin-left: 0; }
#mesi li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#mesi li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#mesi li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#mesi li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#mesi li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#mesi li:hover a:focus{ margin-left: 0; }
#mesi li li:hover a:focus + ul { margin-left: 10em; }

/* for IE6 */
* html #subMenusMesi li, #mesi li{
	margin-bottom:-0.99em;
}
* html #subMenusMesi li a{
	position:relative;
}

.floating-tip {
    background-color: #090;
    padding: 5px 15px;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#ricerca {
	float:left;
	font-size:14px;
	margin:5px 10px 0 10px;
	text-align:center;
	width:920px;
}
#ricerca strong{
	color:#090;
}

#ricerca #cerca {
	font-size:14px;
	color:#005599;
	font-weight:bold;
	text-shadow:1px 1px 0 #CCC;
	border:1px solid #999;
	background:#EEE;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#load-more {
	padding:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background: #FFF;
	font-weight:bold;
	margin:10px auto 5px auto;
	width:160px;
	text-align:center;
	cursor:pointer;
}

/* TAG CLOUDS */
ul.tagcloud {
	line-height:25px;
	margin:0 0 10px 0;
	padding:0 10px;
	text-align:justify;
}

ul.tagcloud li {
	display:inline;
	font-family:Arial,Helvetica,sans-serif;
}

ul.tagcloud .uno {
	font-size:100%;
}

ul.tagcloud .due {
	font-size:120%;
}

ul.tagcloud .tre {
	font-size:130%;
}

ul.tagcloud .quattro {
	font-size:155%;
}

ul.tagcloud .cinque {
	font-size:160%;
	font-weight:bold;
}
/* 
		This stylesheet belongs to TextboxList - Copyright Guillermo Rauch <http://devthought.com> 2009 
		TextboxList is not priceless for commercial use. See <http://devthought.com/projects/mootools/textboxlist/> 
		Purchase to remove copyright
*/

.textboxlist { font: 12px Arial; cursor: text; }
.textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding: 3px 4px 0; border: 1px solid #999; *padding-bottom: 3px; background-color:#FFF; text-transform:capitalize; }
.textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; }
/*.textboxlist-bit-editable { border: 1px solid #fff; }*/
.textboxlist-bit-editable-input { border: 0; padding: 2px 0; *padding-bottom: 0; height: 14px; font: 11px Arial; }
.textboxlist-bit-editable-input:focus { outline: 0; }
.textboxlist-bit-box { position: relative; line-height: 18px; padding: 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*border: 1px solid #060;*/ background: #090; cursor: default; color:#FFF; }
.textboxlist-bit-box-deletable { padding-right: 15px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 4px; top: 6px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/ischiaimg/close.gif'); }
.textboxlist-bit-box-deletebutton:hover { /*border: none;*/ background-position: 7px; text-decoration: none; }
.textboxlist-bit-box-hover { background: #0C0; /*border: 1px solid #060;*/ }
.textboxlist-bit-box-focus { border-color: #060; background: #060; color: #fff; }
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton { background-position: bottom; }

/*  TextboxList Style guidelines 
			This style doesn't necessarily have to be in a separate file. 
			It's advisable not to set widths and margins from here, but instead apply it to a particular object or class (#id .textboxlist { width: xxx } or .class .textboxlist { width: xxx })
			The padding-top + padding-left + height of ".textboxlist-bit-editable-input {}" has to match the line-height of ".textboxlist-bit-box {}" for UI consistency. 
			The font configuration has to be present in .textboxlist and .textboxlist-bit-editable-input (for IE reasons)
			The *padding-bottom (notice the *) property of .textboxlist-bits {} has to be equal to the margin-bottom of .textboxlist-bit {} for IE reasons.
			The padding-top of .textboxlist ul {} has to match the margin-bottom of .textboxlist-bit, and the padding-bottom has to be null.
			Make sure the border-width of the .textboxlist-bit-editable {} is equal to the border-width of the box (a border that matches the background is advisable for the input)
			Feel free to edit the borders, fonts, backgrounds and radius.		
*//* 
		This stylesheet belongs to TextboxList - Copyright Guillermo Rauch <http://devthought.com> 2009 
		TextboxList is not priceless for commercial use. See <http://devthought.com/projects/mootools/textboxlist/> 
		Purchase to remove copyright
*/

.textboxlist-autocomplete { position: absolute; }
.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results { opacity: 0.9; filter: alpha(opacity=90); background: #eee; -webkit-box-shadow: 0 3px 3px #ccc; -moz-box-shadow: 0 3px 3px #ccc; box-shadow: 0 3px 3px #ccc; border: 1px solid #999; border-top: none; display: none; z-index:10;}
.textboxlist-autocomplete-results {text-transform:capitalize; font-size:18px; text-align:left; }
.textboxlist-autocomplete-results img {height:30px; width:45px;}
.textboxlist-autocomplete-placeholder { padding: 5px 7px; }
.textboxlist-autocomplete-results { margin: 0; padding: 0; }
.textboxlist-autocomplete-result { margin: 0; padding: 5px; list-style-type: none; background: #eee; z-index:10; }
.textboxlist-autocomplete-result-focus { background: #C6D9E4; }
.textboxlist-autocomplete-highlight { background: #EEF0C4; font-weight: bold; }

/*  TextboxList.Autocomplete Style guidelines 
			Try to keep .textboxlist-autocomplete {} as it is now
			If you apply custom styles to placeholder, also apply them to results, like it is now.
			.textboxlist-autocomplete-result {} needs a background for IE.
*/.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/ischiaimg/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(/ischiaimg/radio.gif) no-repeat;
}
.select {
	position: absolute;
	/*width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 32px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(/ischiaimg/selectBG.png) top right no-repeat #009900;
	border-radius:5px;
	-moz-border-radius:5px;
	overflow: hidden;
}

#selecttipo {width:129px; margin-right:5px;}
#selectmese {width:71px; margin-right:5px;}
#selectcomune {width:112px; margin-right:5px;}
#selectordine {width:148px; margin-right:5px;}#container {margin:5px auto 0 auto;}

#divCercaHotel {padding:10px; float:left; width:920px;}
#divCercaHotel #cerca {
    background-color: #0066CC;
    border: 1px solid #0C4369;
    border-radius: 0 4px 4px 0;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
	padding-bottom:3px;
    width: 60px;
}
.textboxlist {width:860px; float:left;}

#container #corpo #recensioni-container {width:940px; float:right; margin-top:10px; border-top:1px solid #ABC;}
#container #corpo #recensioni-container h1 {padding:5px 10px; color:#059; background:url(/ischiaimg/offerta-titolo-base.png) bottom repeat-x #ff0; font-size:16px; line-height:16px; float:left; width:920px; text-align:center; margin-bottom:-1px;}

#container #corpo #recensioni-container p {margin:0; padding:10px;}

#container #corpo #recensioni-container .tabella-recensioni {float:left; width:940px; background-color:#EEE; padding-bottom:5px;}
#container #corpo #recensioni-container .tabella-recensioni .titolo {font-size:18px; color:#999; font-weight:bold; display:block; margin-bottom:5px;}

#container #corpo #recensioni-container .tabella-recensioni .col1 {float:left; width:200px; padding:10px; height:180px;}
#container #corpo #recensioni-container .tabella-recensioni .col1 .mediaVoto {background:url(/ischiaimg/fumettoVotoDx.png) no-repeat; display:block; width:80px; height:65px; margin:0; text-align:center;}
#container #corpo #recensioni-container .tabella-recensioni .col1 .mediaVoto strong {font-size:34px; color:#FC0; text-shadow:1px 1px 0 #999; display:block;}

#container #corpo #recensioni-container .tabella-recensioni .col1 .numCons {margin-top:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 5px 5px 26px; background:url(/ischiaimg/consigliato.png) 5px 5px no-repeat #FFF;}
#container #corpo #recensioni-container .tabella-recensioni .col1 .numCons strong {color:green;}

#container #corpo #recensioni-container .tabella-recensioni .col2 {float:left; width:400px; padding:10px; height:180px; border-left:2px solid #FFF; font-size:14px;}
#container #corpo #recensioni-container .tabella-recensioni .col2 table tr td {border-bottom:1px solid #FFF; text-transform:uppercase;}

#container #corpo #recensioni-container .tabella-recensioni .col3 {float:left; width:276px; padding:10px; height:180px; border-left:2px solid #FFF;}

#container #corpo #recensioni-container .tabella-recensioni .col3 input {padding:0; margin:0; vertical-align:middle;}

#container #corpo #recensioni-container .tabella-recensioni .col3 .tipo {color:#0066CC; cursor:pointer;}

#container #corpo #recensioni-container .votoImg150 {float:right; width:150px; font-size:12px; font-weight:bold; height:15px;}
#container #corpo #recensioni-container .votoImg200 {float:left; width:200px; font-size:12px; font-weight:bold; height:20px;}

#container #corpo #recensioni-container .votoNum150 {padding:0 2px 0 0; font-size:15px; float:right; width:25px; font-weight:bold;}
#container #corpo #recensioni-container .votoNum200 {background-color:#EEE; padding:0 2px 0 0; font-size:20px;}

#container #corpo #recensioni-container .votoMedia {padding-left:10px; float:left; font-size:12px; color:#999;}

#container #corpo #recensioni-container .noReviews {padding-left:26px; float:left; font-size:12px; color:#999;}

#container #corpo #recensioni-container ul {list-style:none; margin:0; padding:0;}
#container #corpo #recensioni-container ul li.recRiga {list-style:none; margin:0; padding:10px; min-height:186px; float:left;}
#container #corpo #recensioni-container ul li.recRiga .noRec {font-size:14px; display:block; text-align:center;}

#container #corpo #recensioni-container ul li.recRiga .colsx {float:left; width:300px;}
#container #corpo #recensioni-container ul li.recRiga .colsx .consigliato {float:left; padding:5px 5px 5px 26px; color:green; background:url(/ischiaimg/consigliato.png) 5px 5px no-repeat; margin:5px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#container #corpo #recensioni-container ul li.recRiga .colsx .voti {float:left; display:block; width:200px;}
#container #corpo #recensioni-container ul li.recRiga .colsx .label {float:left; text-transform:capitalize;}
#container #corpo #recensioni-container ul li.recRiga .colsx .votoImg {float:right; width:100px; font-size:12px; font-weight:bold; height:10px;}
#container #corpo #recensioni-container ul li.recRiga .colsx .votoNum {padding:0 2px 0 0; float:right;}

#container #corpo #recensioni-container ul li.recRiga .coldx {float:left; width:620px;}
#container #corpo #recensioni-container ul li.recRiga .coldx .nomeHotel {padding:0; margin-top:0;}
#container #corpo #recensioni-container ul li.recRiga .coldx .nomeHotel a {text-decoration:underline;}


#load-more-rec {
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	margin:10px auto;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.load-more-rec {
	background-color:#3d9bfa;
	width:170px;
	padding:10px;
	cursor:pointer;
}

.no-more-rec {
	width:213px;
	padding:10px 10px 10px 36px;
	cursor:default;
	background:url(/ischiaimg/xrossa15x15semiTrasp.png) 10px center no-repeat #8FBEF3;
}

.loading-more-rec {
	width:250px;
	padding:10px 10px 10px 36px;
	cursor:default;
	background:url(/ischiaimg/loading_16x16.gif) 10px center no-repeat #3d9bfa;
}