@charset "utf-8";
/* CSS Document */
@import "ie6.css";
html,
body {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background-color: #fff;
	padding: 0px !important;
	margin: 0px;
	background-image:url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
}
	
img { border:none; background: url(../images/kittscanner-transparent.gif) no-repeat 50% 50%; } 
.clr { clear:both; }
.hr { width:auto; height:1px; background:#ffcccb; margin: 30px 0;}
hr { visibility:hidden; }
*:focus { outline: 0;}
/*****************************************************
layout 1 livello
*****************************************************/
#top-bed-and-breakfast{
	font: icon;
	text-align:center;
	height: 30px;
	line-height:26px;
	padding-left: 60px;
	/*background-image: url(../images/header/top-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;*/
}
#container {
	width:920px; /*center hack*/
	text-align:left;
	background-color: #fff;
	/*background:url(../images/sf-container.png) repeat-y;*/
	margin: 0px auto 0px auto;
	padding: 0 10px;
}

/*****************************************************
layout 2 livello
*****************************************************/
#mare{height: 10px; background:#fff}


#header{ 
	height: auto !important;
	height: 100%;
	min-height: 100%;
    background:#e6effd; 
	margin-top: 0px; padding-bottom: 0px;}
/* menu 2 */

#menubar2{
	margin-top:0px;
	padding-top: 0px;
	background-image: url(../images/header/sfuma.png);
	background-repeat: repeat-x;
	background-position: top;
}  

#sidebar { float:left; width: 270px; margin-right: 35px; padding-top: 20px;  }
#content { float:left; width: 590px; margin-top: 10px; text-align:justify;}

#ristorante-sorrento { clear:both; margin-top: 40px; font:menu; color: #cecece; }
#footer{ clear:both; margin-top: 0px; padding: 10px 20px 10px 20px; border-top: 1px solid #cecece; background:#e9f1fe;}

/*****************************************************
layout 3 livello
*****************************************************/
#header #menu { 
float:left;
width: 270px;
background:#e6effd; }
	
#header #menu #bedandbreakfast { margin-bottom: 0px; position: absolute; top: 0px;  }
/*#badge{ position:relative; top: 10px;}*/
#header #menu #badge { width:920px; margin: 0px auto 0px auto; position: absolute; top: 13px; text-align:right; z-index: 1000;}
#header #menu #free-internet {  }

#header #menu ul { list-style: none; position: relative; top: 137px;  }
#header #menu ul li { padding-left: 0px; }
#header #menu ul li a { text-decoration: none; color: #5879aa; display:block; width: 270px; height: 25px; padding-left: 20px; margin-top: 1px}
#header #menu ul li a:hover { background:url(../images/menu/bg-sx.png); }
#header #menu ul li a.current { background:url(../images/menu/bg-sx.png); color: #fcc56f;}
#header #menu ul li a.section { padding-left: 25px; }

#header #foto-bed-and-breakfast {
float:left;
position: relative;
background:#fff;
margin-top:10px;
margin-left: 10px;
padding: 5px; 
width: 620px;
height: 325px;
}

#header #clr { clear: both; display: block; height: 1px; padding-top: 9px;}

#menu-2 { padding-top: 10px; margin-bottom: 20px; height: 10px; }
#menu-2 #flags{ float: left; margin-left: 10px;  }
#menu-2 #flags img { float: left; background: none; margin-top: 4px; margin-right: 5px; }
#menu-2 ul { text-align:right;  margin-right: 15px; padding: 0px; list-style-type: none; overflow: hidden; }
#menu-2 li { display: inline; margin: 0px; padding: 0px; list-style-type: none; }
#menu-2 ul li a { text-decoration: none; color: #5879aa; }
#menu-2 ul li a.current { color: #fcc56f;}
#menu-2 span.tra {
	margin: 0 8px;
    width: 7px; height; 16px;
	background-image: url(../images/menu/tab.gif);
	background-repeat: no-repeat;
	background-position: center center;
}


#blocksx { float:left; }
#menu-3 { float: right; }
#menu-3 li { display: inline; margin-left: 4px; padding: 0px; list-style-type: none; }
#menu-3 ul li a { text-decoration: none; color: #cecece; padding: 2px; }
#menu-3 ul li a:hover { text-decoration: underline;}
#menu-3 ul li a.current {
	background-color: #EBEBEB;
}



/**************************************************************
contenuto div e h1 replacement
**************************************************************/
/*#content h1{
	background-image: url(../images/titoli/bd.png);
	background-repeat: repeat-y;
	background-position: right top;
}*/
div#bed-breakfast {
width: 250px;
height: 60px;
text-align:center;
margin-bottom: 18px;
}
div#bed-breakfast img{
width: 250px;
height: 60px;
position:relative;
top:0px;
left:0px;
z-index:1;
}
div#bed-breakfast h1{
width: 250px;
height: 60px;
position:relative;
top:-60px;
left:0px;
z-index:-1;
}




#content .homebox img{ 
width:580px;
height:150px;
}
#content .homebox a{ 
padding:0px;
margin:0px;
}
#content .homebox{ 
height:150px;
/*margin-top: 10px;*/
/*padding: 0px; background:#fff; border: 0px solid #e6effd;*/
margin-bottom: 1.1em;
padding:5px;
background:#FFFFFF;
}
#content .homebox:hover { 
padding:5px;
background:#e9f1fe;}

#content ul, #content ol{ margin: 0px 0px 30px 40px;  }


/*****************************************************
Tariffe
*****************************************************/

/* tab prezzi */
/*caption*/
#tab-stagione{ background:#F6F6F6; color:#3F577C }
#tab-periodo{ background:#F9F9F9;  font-size:12px; }
#tab-prezzi{ background:#FCFCFC}

#termini-condizioni { clear:both; margin-top: 50px; font:menu }
#termini-condizioni h3 { font-weight:bold }
#termini-condizioni p { margin-bottom: 30px; }



/*****************************************************
Prenota - Contatti - Guestbook Form
*****************************************************/

#Form_Form, #Form_ContactForm{
	padding: 20px;
	margin-top: 30px;
	margin-bottom: 40px;
	background-image: url(../images/form/commentform_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-top: 2px solid #e4eefe;
}

#PageComments_form {
	padding: 20px;
	margin-bottom: 60px;
	background-image: url(../images/form/commentform_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-top: 2px solid #e4eefe;
}
/* #f6faff - #e4eefe*/



/*****************************************************
Commenti
*****************************************************/
ul#PageComments { margin: 0 0 20px 0; padding: 0px;  }
ul#PageComments li{ line-height: 1.3em; padding: 10px; margin-bottom: 10px;
	list-style-type: none; border-top: 2px solid #e4eefe;
}
ul#PageComments li.odd{ background:#ecf2fe; }
ul#PageComments li.even{ background:#f6f9ff; }
ul#PageComments li.first{ }
ul#PageComments li.last{}

ul#PageComments li p.info{ font:icon;}


ul#PageComments p.actionLinks { padding:0px; margin:0px; border:none; }


/*****************************************************
SIDEBAR layout 3 livello 
*****************************************************/

.box1 { background:#e9f1fe; padding: 7px; margin-bottom: 15px;}
.box2 { background: #fff; padding: 6px; }
.box3 { color: #5879aa;
padding: 0px;
/*max-height: 180px; */
background-image:url(../images/sidebar/box/bg.png);
background-color: #e9f1fe;
background-repeat: repeat-x;
background-position: top;
}

.box2 h1 { margin-left: 4px; color: #fcc56f;}
.box2 p { margin-left: 6px; margin-top: 0px; font-style:italic}
.box2 a, .box3 a { text-decoration:none; }
.box3 p { padding: 10px; margin-top: 0px; }
.box3 h2 { padding-left: 14px; color: #fcc56f; font-size:1.1em; margin:4px 0 0 0;}
.box3 h3 { padding-left: 14px; font-size:0.9em; margin:4px 0 2px 0;}

.top10 {margin-top: 10px; }
span.autore { display:block; text-align:right; margin-right: 3px; color: #fcc56f;}

div.booking form div{height: 30px; width:100%;  padding-top: 7px; }
#wb {
margin-top: 20px;
padding-bottom: 20px;}
div.booking form span{ display:block; float:left; margin-left: 6px; width: 80px;}
div.booking input { float:left; width: 100px; }
div.booking a.wbcalendar { display:block; float:left; margin-left: 3px; margin-top:2px; }
div.booking input.bookingbutton{ 
margin-left: 60px;
	font-size: 13px;
	color:#8DA3B6;
	background:#fff; 
	border: 2px solid #e4eefe;	
	text-align: center;
	height: 24px;
	width: 100px;
	font-weight: bold;
	cursor: pointer }
div.booking input.bookingbutton:hover{ 
border:2px solid #A1A7B3;}
.nowb{ height: 23px; font-size:12px; clear:both;}
.nowb img{ background-image:none;}
.nowb span{ margin-left: 0px; display:block; float:left;}
.nowb span img{padding-top:2px; margin-right: 2px;}
#new{
	position:relative;
	float:right;;
	top: -35px;
	}
/*****************************************************
varie
*****************************************************/

.block { display:block; margin: 10px 0px 20px 40px; }
#stats{ display: none; }

#Form_Form_error .message {
	border: 2px solid #669966;
	background-color: #A8C6A8;
}


/*****************************************************
wubook
*****************************************************/
#__wb__{
	width:200px;
	height:200px;
	}
#__wbor__ {}
#__wb_banner__ {}
#__wb_text__ {}
#__wbor__ img { border:none; background: none; }